import{r as t,h as e,g as l}from"./p-aee8b1df.js";const s=class{constructor(e){t(this,e),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?[e("p",null,this.handler.t("question")),e("div",null,e("label",null,this.handler.t("minText")),this.value&&e("label",{class:"value"},this.value),e("label",null,this.handler.t("maxText"))),e("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}),e("div",null,e("label",null,this.template.min),e("label",null,this.template.max))]:null}get el(){return l(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;min-height:34px}:host>div .value{background-color:var(--bce-c500);color:var(--bce-con1);padding:8px 12px;border-radius:50%}"}};export{s as bce_element_slider};