import{r as t,c as e,h as s}from"./p-c87337b7.js";const i=class{constructor(s){t(this,s),this.selectionChanged=e(this,"selectionChanged",7)}optionSelected(){var t;this.selectionChanged.emit({identifier:this.identifier,value:null===(t=document.getElementById(this.identifier))||void 0===t?void 0:t.value})}render(){return[s("select",{id:this.identifier,onChange:()=>this.optionSelected()},this.options.map(t=>s("option",{value:t},t)))]}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{i as smoothly_select};