const e=window.webcomponents.h;class t{valueChangedHandler(e){this.valueChanged.emit(e.target.value)}render(){return e("div",{class:"slider-container"},e("input",{type:"range",min:this.min,max:this.max,value:this.value,class:"slider",onChange:e=>this.valueChangedHandler(e)}))}static get is(){return"ema-slider"}static get properties(){return{max:{type:Number,attr:"max"},min:{type:Number,attr:"min"},value:{type:Number,attr:"value"}}}static get events(){return[{name:"valueChanged",method:"valueChanged",bubbles:!0,cancelable:!0,composed:!0}]}static get style(){return"ema-slider .slider-container{width:100%}ema-slider .slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:opacity .2s;transition:opacity .2s}ema-slider .slider:hover{opacity:1}ema-slider .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#77757a;cursor:pointer}ema-slider .slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#77757a;cursor:pointer}"}}export{t as EmaSlider};