import { r as registerInstance, c as createEvent, h } from './core-8e73947d.js';

const SmoothlySelect = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.selectionChanged = 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 [
            h("select", { id: this.identifier, onChange: () => this.optionSelected() }, this.options.map(option => 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}"; }
};

export { SmoothlySelect as smoothly_select };
