import{r as l,h as t,H as s,g as e}from"./p-3ba9c73c.js";const i=class{constructor(t){l(this,t),this.handleInput=l=>{l.cancelBubble=!0,this.value=l.target.value,this.el.dispatchEvent(new Event("input",{bubbles:!0}))}}componentDidLoad(){this.value=this.template&&this.template.max/2||0}render(){return this.template?t(s,null,t("p",null,this.template.question),t("div",{class:"top"},t("span",null,t("label",null,this.template.minText),t("label",null,this.template.min)),t("label",null,this.value),t("span",null,t("label",null,this.template.maxText),t("label",null,this.template.max))),t("bce-slider",{onInput:this.handleInput,step:this.template.step,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{i as bce_element_slider};