import { r as registerInstance, c as createEvent, h } from './core-8e73947d.js';
var SmoothlySelect = /** @class */ (function () {
    function SmoothlySelect(hostRef) {
        registerInstance(this, hostRef);
        this.selectionChanged = createEvent(this, "selectionChanged", 7);
    }
    SmoothlySelect.prototype.optionSelected = function () {
        var _a;
        this.selectionChanged.emit({ identifier: this.identifier, value: (_a = document.getElementById(this.identifier)) === null || _a === void 0 ? void 0 : _a.value });
    };
    SmoothlySelect.prototype.render = function () {
        var _this = this;
        return [
            h("select", { id: this.identifier, onChange: function () { return _this.optionSelected(); } }, this.options.map(function (option) { return h("option", { value: option }, option); }))
        ];
    };
    Object.defineProperty(SmoothlySelect, "style", {
        get: function () { 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}"; },
        enumerable: true,
        configurable: true
    });
    return SmoothlySelect;
}());
export { SmoothlySelect as smoothly_select };
