import{r as l,h as s,H as t,g as e}from"./p-3ba9c73c.js";const n=class{constructor(s){l(this,s),this.value=null,this.handleInput=l=>{l.cancelBubble=!0,this.value=l.target.value,this.el.dispatchEvent(new Event("input",{bubbles:!0}))}}render(){return this.template?s(t,null,s("p",null,this.template.question),s("div",{class:"top"},s("span",null,s("label",null,this.template.minText),s("label",null,this.template.min)),s("label",null,this.value),s("span",null,s("label",null,this.template.maxText),s("label",null,this.template.max))),s("bce-slider",{onInput:this.handleInput,step:this.template.step,value:this.value,min:this.template.min,max:this.template.max})):null}get el(){return e(this)}static get style(){return"bce-element-slider p{font-weight:500;text-align:center}\@media screen and (min-width:1024px){bce-element-slider p{text-align:left}}bce-element-slider>div.top{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}bce-element-slider>div.top>span{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}bce-element-slider>div.top>span:first-child label{margin:5px auto 5px 5px}bce-element-slider>div.top>span:nth-child(2) label{margin:5px 5px 5px auto}"}};export{n as bce_element_slider};