@baloise/ds-core 19.1.0 → 19.2.0-nightly.20250623

package/dist/baloise-design-system/{p-8a9fb4619a.entry.js → p-32db85222c.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,H as a,g as h}from"./p-2ccbe55a.js";import{_ as e,a as o}from"./p-43c9f5e9.js";import{b as n}from"./p-7d4fac85.js";import{a as d}from"./p-8f2e9a7f.js";import{i as r}from"./p-063808d7.js";import{B as l}from"./p-ae86d0a0.js";import{b as c}from"./p-a65354df.js";import{b as p}from"./p-301a6b23.js";import{F as b}from"./p-ca119357.js";import{d as m}from"./p-5eb3fbb9.js";import{s as u}from"./p-79f6f58b.js";import{n as f,p as y,l as v,r as g,d as j}from"./p-a255c9b3.js";import{L as w}from"./p-b77e3348.js";import{B as x,i as k}from"./p-875de117.js";import{d as C}from"./p-dc98854c.js";import{d as B}from"./p-ec375851.js";import{L as O}from"./p-20eba37f.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-3f01fc8b.js";import"./p-a7be57b6.js";const F=class{constructor(s){t(this,s),this.balInput=i(this,"balInput",7),this.balChange=i(this,"balChange",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.balBlur=i(this,"balBlur",7),this.balFocus=i(this,"balFocus",7),this.balInputClick=i(this,"balInputClick",7),this.balIconClick=i(this,"balIconClick",7),this.inputId="bal-da-"+_++,this.inheritedAttributes={},this.hasConnected=!1,this.handleKeydown=t=>{this.isKeyboardMode=b.includes(t.key)},this.handlePointerDown=()=>{this.isKeyboardMode=!1},this.handleOutsideClick=t=>{this.isExpanded&&(this.el.contains(t.target)||(this.isExpanded=!1,this.hasFocus=!1,f((()=>this.balBlur.emit(t)))))},this.handleFocus=t=>{u(t),this.hasFocus=!0,this.balFocus.emit(t.detail)},this.handleBlur=t=>{u(t),this.isExpanded||(this.hasFocus=!1,f((()=>this.balBlur.emit(t.detail))))},this.onIconClick=async()=>{this.triggerIcon?await this.toggle():await this.open()},this.onInputClick=async()=>{this.triggerIcon||await this.open()},this.onCalendarChange=t=>{u(t),this.value=t.detail,this.balChange.emit(this.value),this.closeOnSelect&&(this.close(),this.hasFocus=!1,f((()=>this.balBlur.emit())))},this.onInputInput=t=>{if(u(t),this.balInput.emit(t.detail),t.detail){const i=x.fromAnyFormat(t.detail);i.isValid&&(this.calendarValue=i.toISODate())}},this.onInputChange=t=>{u(t),this.value=t.detail,this.balChange.emit(this.value)},this.onKeyPress=async({detail:t})=>{t&&t.key&&(this.isExpanded?("Tab"===t.key||n(t)||C(t))&&await this.close():C(t)&&await this.open())},this.isKeyboardMode=!1,this.hasFocus=!1,this.isExpanded=!1,this.language=B.language,this.calendarValue=void 0,this.ariaForm=m,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.freeSolo=!1,this.placeholder=void 0,this.triggerIcon=!1,this.closeOnSelect=!0,this.autocomplete="off",this.value=void 0,this.min=void 0,this.max=void 0,this.minYearProp=void 0,this.maxYearProp=void 0,this.defaultDate=void 0,this.allowedDates=void 0,this.allowInvalidValue=!1,this.debounce=0,this.autoInvalidOff=!1}createLogger(t){this.log=t}valueChanged(){this.calendarValue=this.value}debounceChanged(){this.balChange=y(this.balChange,this.debounce)}connectedCallback(){c.hasDocument&&(v(document,"keydown",this.handleKeydown),v(document,"touchstart",this.handlePointerDown),v(document,"mousedown",this.handlePointerDown),v(document,"click",this.handleOutsideClick)),this.hasConnected=!0,this.valueChanged()}disconnectedCallback(){c.hasDocument&&(g(document,"keydown",this.handleKeydown),g(document,"touchstart",this.handlePointerDown),g(document,"mousedown",this.handlePointerDown),g(document,"click",this.handleOutsideClick))}componentWillLoad(){this.inheritedAttributes=r(this.el,["aria-label","tabindex","title"])}async configChanged(t){this.language=t.language}async open(){return this.expand()}async close(){return this.collapse()}async toggle(){return this.isExpanded?this.collapse():this.expand()}async select(t){const i=x.fromISO(t);i.isValid&&(this.value=i.toISODate(),this.calendarValue=this.value)}async setFocus(){!this.inputEl||this.disabled||this.readonly||(await j(),this.inputEl.focus())}async setBlur(){var t;!this.inputEl||this.disabled||this.readonly||(await j(),null===(t=this.inputEl)||void 0===t||t.setBlur())}async getInputElement(){var t;return null===(t=this.inputEl)||void 0===t?void 0:t.getInputElement()}async setAriaForm(t){var i;this.ariaForm=Object.assign({},t),null===(i=this.inputEl)||void 0===i||i.setAriaForm(t)}async expand(){if(this.referenceEl&&this.floatingEl){const t=await p.load();this.balWillAnimate.emit(),this.isExpanded=!0,this.popupCleanup=t.autoUpdate(this.referenceEl,this.floatingEl,(()=>{this.updatePosition(this.referenceEl,this.floatingEl)}))}return this.isExpanded}async collapse(){return this.floatingEl&&(this.balWillAnimate.emit(),this.isExpanded=!1,this.popupCleanup&&this.popupCleanup(),this.balDidAnimate.emit()),this.isExpanded}async updatePosition(t,i){const s=await p.load();s.computePosition(t,i,{placement:"bottom-start",middleware:[s.offset(4),s.flip({crossAxis:!1})]}).then((({x:t,y:s})=>{Object.assign(i.style,{left:`${t}px`,top:`${s}px`}),this.balDidAnimate.emit()}))}render(){const t=l.block("date"),i=t.element("icon"),h=t.element("popup");return s(a,{key:"df763339a5267bc106d30ca6cc3d62bc75c8f05f",id:this.inputId,class:Object.assign({},t.class())},s("bal-input-group",{key:"55d4f91e6b77f56f38274bb984be9dc21a54a5a4",invalid:this.invalid,readonly:this.readonly,disabled:this.disabled,ref:t=>this.referenceEl=t},s("bal-input-date",Object.assign({key:"bf2b5f66aaf62f45f01e42cdd3e236707094d9dd",name:this.name,required:this.required,placeholder:this.placeholder,value:this.value,min:this.min,max:this.max,invalid:this.invalid,readonly:this.readonly,disabled:this.disabled,allowInvalidValue:this.allowInvalidValue,autocomplete:this.autocomplete,onClick:this.onInputClick,onBalInput:this.onInputInput,onBalChange:this.onInputChange,onBalFocus:t=>this.handleFocus(t),onBalBlur:t=>this.handleBlur(t),onBalKeyPress:this.onKeyPress,ref:t=>this.inputEl=t},this.inheritedAttributes)),this.freeSolo?"":s("bal-icon",{name:"date",role:"button",tabindex:-1,class:Object.assign(Object.assign({},i.class()),i.modifier("clickable").class(!this.disabled&&!this.readonly)),"is-right":!0,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",onClick:this.onIconClick,"aria-label":k[this.language].toggleDatepicker,"aria-haspopup":"true","aria-expanded":d(this.isExpanded)})),s("div",{key:"828597483d6ccc05c8fa9059b7d64941d8edc3d8",role:"dialog",class:Object.assign(Object.assign({},h.class()),h.modifier("visible").class(this.isExpanded)),ref:t=>this.floatingEl=t,"aria-hidden":`${!0!==this.isExpanded}`,"aria-presented":`${!0===this.isExpanded}`},s("bal-date-calendar",{key:"781a4f0d0b8ebc2c8b05a883e9441f4483e25820",value:this.calendarValue,min:this.min,max:this.max,minYearProp:this.minYearProp,maxYearProp:this.maxYearProp,defaultDate:this.defaultDate,allowedDates:this.allowedDates,onBalChange:this.onCalendarChange})))}get el(){return h(this)}static get watchers(){return{value:["valueChanged"],debounce:["debounceChanged"]}}};e([w("bal-date"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],F.prototype,"createLogger",null),e([O(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],F.prototype,"configChanged",null);let _=0;F.style=":root{--bal-date-popup-z-index:var(--bal-z-index-tooltip);--bal-date-popup-shadow:var(--bal-shadow-normal);--bal-date-popup-radius:var(--bal-radius-normal)}:root{--bal-z-index-tooltip:1300}.bal-date{display:block;font-family:var(--bal-font-family-text);width:100%}.bal-date__icon--clickable{cursor:pointer}.bal-date__popup{display:none;width:-webkit-max-content;width:-moz-max-content;width:max-content;position:absolute;top:0;left:0;z-index:var(--bal-date-popup-z-index);-webkit-box-shadow:var(--bal-date-popup-shadow);box-shadow:var(--bal-date-popup-shadow);border-radius:var(--bal-date-popup-radius)}.bal-date__popup--visible{display:block}";export{F as bal_date}
+import{r as t,c as i,h as s,H as a,g as h}from"./p-2ccbe55a.js";import{_ as e,a as o}from"./p-43c9f5e9.js";import{b as d}from"./p-7d4fac85.js";import{a as n}from"./p-8f2e9a7f.js";import{i as r}from"./p-063808d7.js";import{B as l}from"./p-ae86d0a0.js";import{b as c}from"./p-a65354df.js";import{b as p}from"./p-301a6b23.js";import{F as b}from"./p-d4e5093b.js";import{d as m}from"./p-5eb3fbb9.js";import{s as u}from"./p-79f6f58b.js";import{n as f,p as y,l as v,r as g,d as j}from"./p-a255c9b3.js";import{L as w}from"./p-b77e3348.js";import{B as x,i as k}from"./p-875de117.js";import{d as C}from"./p-dc98854c.js";import{d as B}from"./p-ec375851.js";import{L as O}from"./p-20eba37f.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-3f01fc8b.js";import"./p-a7be57b6.js";const F=class{constructor(s){t(this,s),this.balInput=i(this,"balInput",7),this.balChange=i(this,"balChange",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.balBlur=i(this,"balBlur",7),this.balFocus=i(this,"balFocus",7),this.balInputClick=i(this,"balInputClick",7),this.balIconClick=i(this,"balIconClick",7),this.inputId="bal-da-"+_++,this.inheritedAttributes={},this.hasConnected=!1,this.handleKeydown=t=>{this.isKeyboardMode=b.includes(t.key)},this.handlePointerDown=()=>{this.isKeyboardMode=!1},this.handleOutsideClick=t=>{this.isExpanded&&(this.el.contains(t.target)||(this.isExpanded=!1,this.hasFocus=!1,f((()=>this.balBlur.emit(t)))))},this.handleFocus=t=>{u(t),this.hasFocus=!0,this.balFocus.emit(t.detail)},this.handleBlur=t=>{u(t),this.isExpanded||(this.hasFocus=!1,f((()=>this.balBlur.emit(t.detail))))},this.onIconClick=async()=>{this.triggerIcon?await this.toggle():await this.open()},this.onInputClick=async()=>{this.triggerIcon||await this.open()},this.onCalendarChange=t=>{u(t),this.value=t.detail,this.balChange.emit(this.value),this.closeOnSelect&&(this.close(),this.hasFocus=!1,f((()=>this.balBlur.emit())))},this.onInputInput=t=>{if(u(t),this.balInput.emit(t.detail),t.detail){const i=x.fromAnyFormat(t.detail);i.isValid&&(this.calendarValue=i.toISODate())}},this.onInputChange=t=>{u(t),this.value=t.detail,this.balChange.emit(this.value)},this.onKeyPress=async({detail:t})=>{t&&t.key&&(this.isExpanded?("Tab"===t.key||d(t)||C(t))&&await this.close():C(t)&&await this.open())},this.isKeyboardMode=!1,this.hasFocus=!1,this.isExpanded=!1,this.language=B.language,this.calendarValue=void 0,this.ariaForm=m,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.freeSolo=!1,this.placeholder=void 0,this.triggerIcon=!1,this.closeOnSelect=!0,this.autocomplete="off",this.value=void 0,this.min=void 0,this.max=void 0,this.minYearProp=void 0,this.maxYearProp=void 0,this.defaultDate=void 0,this.allowedDates=void 0,this.allowInvalidValue=!1,this.debounce=0,this.autoInvalidOff=!1}createLogger(t){this.log=t}valueChanged(){this.calendarValue=this.value}debounceChanged(){this.balChange=y(this.balChange,this.debounce)}connectedCallback(){c.hasDocument&&(v(document,"keydown",this.handleKeydown),v(document,"touchstart",this.handlePointerDown),v(document,"mousedown",this.handlePointerDown),v(document,"click",this.handleOutsideClick)),this.hasConnected=!0,this.valueChanged()}disconnectedCallback(){c.hasDocument&&(g(document,"keydown",this.handleKeydown),g(document,"touchstart",this.handlePointerDown),g(document,"mousedown",this.handlePointerDown),g(document,"click",this.handleOutsideClick))}componentWillLoad(){this.inheritedAttributes=r(this.el,["aria-label","tabindex","title"])}async configChanged(t){this.language=t.language}async open(){return this.expand()}async close(){return this.collapse()}async toggle(){return this.isExpanded?this.collapse():this.expand()}async select(t){const i=x.fromISO(t);i.isValid&&(this.value=i.toISODate(),this.calendarValue=this.value)}async setFocus(){!this.inputEl||this.disabled||this.readonly||(await j(),this.inputEl.focus())}async setBlur(){var t;!this.inputEl||this.disabled||this.readonly||(await j(),null===(t=this.inputEl)||void 0===t||t.setBlur())}async getInputElement(){var t;return null===(t=this.inputEl)||void 0===t?void 0:t.getInputElement()}async setAriaForm(t){var i;this.ariaForm=Object.assign({},t),null===(i=this.inputEl)||void 0===i||i.setAriaForm(t)}async expand(){if(this.referenceEl&&this.floatingEl){const t=await p.load();this.balWillAnimate.emit(),this.isExpanded=!0,this.popupCleanup=t.autoUpdate(this.referenceEl,this.floatingEl,(()=>{this.updatePosition(this.referenceEl,this.floatingEl)}))}return this.isExpanded}async collapse(){return this.floatingEl&&(this.balWillAnimate.emit(),this.isExpanded=!1,this.popupCleanup&&this.popupCleanup(),this.balDidAnimate.emit()),this.isExpanded}async updatePosition(t,i){const s=await p.load();s.computePosition(t,i,{placement:"bottom-start",middleware:[s.offset(4),s.flip({crossAxis:!1})]}).then((({x:t,y:s})=>{Object.assign(i.style,{left:`${t}px`,top:`${s}px`}),this.balDidAnimate.emit()}))}render(){const t=l.block("date"),i=t.element("icon"),h=t.element("popup");return s(a,{key:"df763339a5267bc106d30ca6cc3d62bc75c8f05f",id:this.inputId,class:Object.assign({},t.class())},s("bal-input-group",{key:"55d4f91e6b77f56f38274bb984be9dc21a54a5a4",invalid:this.invalid,readonly:this.readonly,disabled:this.disabled,ref:t=>this.referenceEl=t},s("bal-input-date",Object.assign({key:"bf2b5f66aaf62f45f01e42cdd3e236707094d9dd",name:this.name,required:this.required,placeholder:this.placeholder,value:this.value,min:this.min,max:this.max,invalid:this.invalid,readonly:this.readonly,disabled:this.disabled,allowInvalidValue:this.allowInvalidValue,autocomplete:this.autocomplete,onClick:this.onInputClick,onBalInput:this.onInputInput,onBalChange:this.onInputChange,onBalFocus:t=>this.handleFocus(t),onBalBlur:t=>this.handleBlur(t),onBalKeyPress:this.onKeyPress,ref:t=>this.inputEl=t},this.inheritedAttributes)),this.freeSolo?"":s("bal-icon",{name:"date",role:"button",tabindex:-1,class:Object.assign(Object.assign({},i.class()),i.modifier("clickable").class(!this.disabled&&!this.readonly)),"is-right":!0,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",onClick:this.onIconClick,"aria-label":k[this.language].toggleDatepicker,"aria-haspopup":"true","aria-expanded":n(this.isExpanded)})),s("div",{key:"828597483d6ccc05c8fa9059b7d64941d8edc3d8",role:"dialog",class:Object.assign(Object.assign({},h.class()),h.modifier("visible").class(this.isExpanded)),ref:t=>this.floatingEl=t,"aria-hidden":`${!0!==this.isExpanded}`,"aria-presented":`${!0===this.isExpanded}`},s("bal-date-calendar",{key:"781a4f0d0b8ebc2c8b05a883e9441f4483e25820",value:this.calendarValue,min:this.min,max:this.max,minYearProp:this.minYearProp,maxYearProp:this.maxYearProp,defaultDate:this.defaultDate,allowedDates:this.allowedDates,onBalChange:this.onCalendarChange})))}get el(){return h(this)}static get watchers(){return{value:["valueChanged"],debounce:["debounceChanged"]}}};e([w("bal-date"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],F.prototype,"createLogger",null),e([O(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],F.prototype,"configChanged",null);let _=0;F.style=":root{--bal-date-popup-z-index:var(--bal-z-index-tooltip);--bal-date-popup-shadow:var(--bal-shadow-normal);--bal-date-popup-radius:var(--bal-radius-normal)}:root{--bal-z-index-tooltip:1300}.bal-date{display:block;font-family:var(--bal-font-family-text);width:100%}.bal-date__icon--clickable{cursor:pointer}.bal-date__popup{display:none;width:-webkit-max-content;width:-moz-max-content;width:max-content;position:absolute;top:0;left:0;z-index:var(--bal-date-popup-z-index);-webkit-box-shadow:var(--bal-date-popup-shadow);box-shadow:var(--bal-date-popup-shadow);border-radius:var(--bal-date-popup-radius)}.bal-date__popup--visible{display:block}";export{F as bal_date}