@baloise/ds-core 17.3.0 → 17.4.0-nightly.20250207

package/dist/baloise-design-system/p-b726b9f4c9.entry.js

@@ -0,0 +1 @@
+import{r as i,c as e,h as t,H as r,g as a}from"./p-2ccbe55a.js";import{l as s}from"./p-9a3d9e17.js";import{p as d}from"./p-ef6a64f4.js";import{s as n}from"./p-e3e1d211.js";import{B as o}from"./p-ae86d0a0.js";import{d as l}from"./p-5eb3fbb9.js";import{a as b}from"./p-8f2e9a7f.js";import"./p-a65354df.js";import"./p-46251973.js";const u=class{constructor(t){i(this,t),this.balInput=e(this,"balInput",7),this.balBlur=e(this,"balBlur",7),this.balKeyPress=e(this,"balKeyPress",7),this.balFocus=e(this,"balFocus",7),this.balChange=e(this,"balChange",7),this.inputId="bal-input-slider-"+h++,this.didInit=!1,this.hasFocus=!1,this.initialValue="",this.onInput=i=>{const e=i.target;e&&(this.value=e.value||""),this.balInput.emit(this.value)},this.handleClick=i=>{(this.disabled||this.readonly)&&(i.preventDefault(),i.stopPropagation())},this.onFocus=i=>{this.hasFocus=!0,this.balFocus.emit(i)},this.onBlur=i=>{this.hasFocus=!1,this.balBlur.emit(i),this.balChange.emit(this.value)},this.ariaForm=l,this.name=this.inputId,this.step=0,this.min=0,this.max=100,this.invalid=!1,this.balTabindex=0,this.disabled=!1,this.readonly=!1,this.required=!1,this.hasTicks=!1,this.debounce=0,this.value="",this.autoInvalidOff=!1}debounceChanged(){this.balChange=d(this.balChange,this.debounce)}listenOnClick(i){(this.disabled||this.readonly)&&i.target&&i.target===this.el&&n(i)}resetHandler(i){const e=i.target;(null==e?void 0:e.contains(this.el))&&(this.value=this.initialValue,clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.nativeInput&&(this.nativeInput.value=this.initialValue)}),0))}valueChanged(i,e){this.didInit&&!this.hasFocus&&i!==e&&this.balChange.emit(this.value)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value}componentDidLoad(){this.didInit=!0,s(this.value)||""===this.value||this.valueChanged(this.value,void 0)}async setFocus(){clearTimeout(this.setFocusTimer),this.setFocusTimer=setTimeout((()=>{this.nativeInput&&this.nativeInput.focus()}))}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(i){this.ariaForm=Object.assign({},i)}get numberOfSteps(){const i=this.max-this.min;return this.step<=0||this.step>=i?0:1+~~(i/this.step)}cssWidth(i=!1){const e=""===this.value?0:Math.round(Number(this.value)/this.step)*this.step,t=100/this.max*e;return i?`${t}%`:100-t+"%"}getNumberOfSteps(){const i=[];for(let e=0;e<this.numberOfSteps;e++)i.push(e);return i}render(){const i=o.block("input-slider"),e=i.element("background"),a=e.element("upper"),s=a.element("inner"),d=e.element("lower"),n=d.element("inner"),l=i.element("input"),u=l.element("native"),h=l.element("value"),c=h.modifier("left"),p=h.modifier("right"),_=i.element("steps"),m=_.element("item");return t(r,{key:"ba31206008f0a72360806f7ea7ac3def38acda23",class:Object.assign(Object.assign({},i.class()),i.modifier("disabled").class(this.disabled||this.readonly)),onClick:this.handleClick,"aria-disabled":b(this.disabled||this.readonly)},t("div",{key:"9567fab0957c6811eafcd38d1febced49c050c9e",class:Object.assign(Object.assign({},e.class()),e.modifier("disabled").class(this.disabled||this.readonly))},t("div",{key:"d9e05170e6aed3ec1c77a54af7b131cdf9f35bf0",class:Object.assign({},a.class()),style:{width:this.cssWidth()}},t("div",{key:"a71d466015e854f060e73fbd0348d047f311cb75",class:Object.assign({},s.class())})),t("div",{key:"242d3efde87d1a3f6df3ecab0f19ee4e569f583a",class:Object.assign({},d.class()),style:{width:this.cssWidth(!0)}},t("div",{key:"e103a1c5e58493b9d4d8bd1305526cfebfdefa9c",class:Object.assign({},n.class())}))),t("div",{key:"8688d770d21367e0ca09f7e8fb0db6065410d378",class:Object.assign({},l.class())},t("div",{key:"c279326bedcaa95e9eaedbead4dda819270ae052",class:Object.assign(Object.assign({},h.class()),c.class())}),t("input",{key:"0bbb500ba6ca2a5bb113e00e377bc0f2405d039a",type:"range",class:Object.assign(Object.assign({},u.class()),u.modifier("disabled").class(this.disabled||this.readonly)),ref:i=>this.nativeInput=i,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":b(this.disabled),"aria-invalid":!0===this.invalid?"true":"false",disabled:this.disabled,readonly:this.readonly,name:this.name,required:this.required,tabIndex:this.balTabindex,step:this.step,min:this.min,max:this.max,value:""!==this.value&&void 0!==this.value?this.value:0,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyPress:i=>this.balKeyPress.emit(i),"data-testid":"bal-input-slider"}),t("div",{key:"8110b74c7093031881d30997fd62e13aa4d068f8",class:Object.assign(Object.assign({},h.class()),p.class())})),t("div",{key:"6e88e3faa19d0ae4d845c931ad68ae39016ba5cc",class:Object.assign({},_.class()),style:{display:this.hasTicks?"flex":"none"}},this.getNumberOfSteps().map((i=>t("div",{key:i,class:Object.assign(Object.assign({},m.class()),m.modifier("disabled").class(this.disabled||this.readonly)),"data-step-id":i})))))}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};let h=0;u.style=".bal-input-slider{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);-ms-flex-direction:column;flex-direction:column;min-height:3rem}.bal-input-slider__background{position:absolute;top:1rem;left:0px;right:0px;z-index:0;border-radius:var(--bal-radius-rounded);background:var(--bal-color-green);height:1rem;width:100%;overflow:hidden}.bal-input-slider__background__upper,.bal-input-slider__background__lower{position:absolute;top:0;width:50%;margin:0;cursor:pointer}.bal-input-slider__background__upper>div,.bal-input-slider__background__lower>div{height:1rem;border-radius:0}.bal-input-slider__background__upper{right:0px}.bal-input-slider__background__upper>div{background:var(--bal-color-green);border-top-right-radius:var(--bal-radius-rounded);border-bottom-right-radius:var(--bal-radius-rounded)}.bal-input-slider__background__lower{left:0px}.bal-input-slider__background__lower>div{background:var(--bal-color-green-5);border-top-left-radius:var(--bal-radius-rounded);border-bottom-left-radius:var(--bal-radius-rounded)}.bal-input-slider__background--disabled{cursor:default;pointer-events:none;background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__upper__inner{background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__lower__inner{background:var(--bal-color-grey-4)}.bal-input-slider__input{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:3rem}.bal-input-slider__input__native{-webkit-appearance:none;margin:0;background:rgba(0,0,0,0);z-index:1;outline:none;min-width:12.5rem;width:100%}.bal-input-slider__input__native::-webkit-slider-runnable-track{width:100%;cursor:pointer;border:none}.bal-input-slider__input__native::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none}.bal-input-slider__input__native:focus-visible{outline:none}.bal-input-slider__input__native:focus-visible::-webkit-slider-thumb{background:var(--bal-color-primary);border:2px solid var(--bal-color-primary)}.bal-input-slider__input__native::-moz-range-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-moz-range-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:.625rem;width:.625rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer}.bal-input-slider__input__native::-ms-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-ms-fill-lower{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-fill-upper{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none;z-index:2}.bal-input-slider__input__native:focus::-ms-fill-lower{background:rgba(0,0,0,0)}.bal-input-slider__input__native:focus::-ms-fill-upper{background:rgba(0,0,0,0)}.bal-input-slider__input__native--disabled::-webkit-slider-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-ms-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-moz-range-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__steps{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:.5rem;margin:-0.625rem .5rem;-ms-flex-pack:justify;justify-content:space-between}.bal-input-slider__steps__item{width:.125rem;border-radius:var(--bal-radius-rounded);background-color:var(--bal-color-primary)}.bal-input-slider__steps__item--disabled{background:var(--bal-color-grey-4)}@-moz-document url-prefix(){.bal-input-slider__steps{margin:0 .5rem !important}}";export{u as bal_input_slider}