import{r as t,h as l,g as e}from"./p-fdd3ce28.js";const s=class{constructor(l){t(this,l),this.value=null,this.handleInput=t=>{t.cancelBubble=!0,this.value=t.target.value,this.el.dispatchEvent(new Event("input",{bubbles:!0}))}}async validate(t=!1){return this.el.shadowRoot.querySelector("bce-slider").validate(t)}render(){return this.template?[l("p",null,this.handler.t("question")),l("div",null,l("label",null,this.handler.t("minText")),l("label",{class:"bold"},this.value),l("label",null,this.handler.t("maxText"))),l("bce-slider",{block:!0,value:this.value,validation:this.template.required?"required":"",step:this.template.step,min:this.template.min,max:this.template.max,onInput:this.handleInput}),l("div",null,l("label",null,this.template.min),l("label",null,this.template.max))]:null}get el(){return e(this)}static get style(){return":host p{font-weight:500;text-align:center}\@media screen and (min-width: 1024px){:host p{text-align:left}}:host div{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .bold{font-weight:bold}"}};export{s as bce_element_slider};