'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const core = require('./core-906e2cc9.js');

const SmoothlySelect = class {
    constructor(hostRef) {
        core.registerInstance(this, hostRef);
        this.selectionChanged = core.createEvent(this, "selectionChanged", 7);
    }
    optionSelected() {
        var _a;
        this.selectionChanged.emit({ identifier: this.identifier, value: (_a = document.getElementById(this.identifier)) === null || _a === void 0 ? void 0 : _a.value });
    }
    render() {
        return [
            core.h("select", { id: this.identifier, onChange: () => this.optionSelected() }, this.options.map(option => core.h("option", { value: option }, option)))
        ];
    }
    static get style() { return ".sc-smoothly-select-h{display:block}[hidden].sc-smoothly-select-h{display:none}select.sc-smoothly-select{background-color:inherit;padding:0 .2em;border:none;-webkit-appearance:none;background-color:rgb(var(--smoothly-color))}select.sc-smoothly-select > option.sc-smoothly-select{background-color:inherit}"; }
};

exports.smoothly_select = SmoothlySelect;
