@baloise/ds-core 17.2.4 → 17.2.5-nightly.20250116

package/dist/baloise-design-system/{p-2a8e0e7149.entry.js → p-8a47461794.entry.js}

@@ -1 +1 @@
-import{h as t,r as e,c as a,H as i,g as s}from"./p-2ccbe55a.js";import{_ as n,a as l}from"./p-43c9f5e9.js";import{l as r}from"./p-3f01fc8b.js";import{l as o}from"./p-9a3d9e17.js";import{B as d,i as h,d as c}from"./p-8a73c9b8.js";import{L as b}from"./p-b77e3348.js";import{b as u,q as m}from"./p-21f87590.js";import{B as f}from"./p-ae86d0a0.js";import{d as p}from"./p-a19d1e1d.js";import{L as _}from"./p-69e7c8d6.js";import{L as g}from"./p-9db35d91.js";import{i as y}from"./p-dd5e13d1.js";import{m as v,c as w,d as k}from"./p-81894fe8.js";import{d as x}from"./p-f385e205.js";import{N as C}from"./p-ec1efe3d.js";import{I as j}from"./p-1a158488.js";import"./p-4573c419.js";import"./p-aafb6696.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-cad154ad.js";import"./p-96216bd1.js";import"./p-acf222fd.js";function D(t,e,a){return`${a}-${r(`${e}`,2,"0")}-${r(`${t}`,2,"0")}`}function V(t,e,a,i,s){const n=[],l=function(t,e){if(!(e<1||t<0))return new Date(t,e,0).getDate()}(t,e),h=function(t,e){if(!(e<1||e>12||t<0))return new Date(t,e-1,1)}(t,e);if(void 0!==l&&h){const h=function(){const t=new Date;return`${t.getFullYear()}-${r(`${t.getMonth()+1}`,2,"0")}-${r(`${t.getDate()}`,2,"0")}`}(),c=d.fromISO(a),b=d.fromISO(i),u=t=>!o(s)&&!s(t);for(let a=1;a<=l;a++){const i=D(a,e,t);n.push({day:a,month:e,year:t,isoDate:i,fullDate:d.fromISO(i).toFormat(),today:h===i,disabled:c.isAfter(i)||b.isBefore(i)||u(i)})}}return n}function O(t,e){if(e<1||t<0)return 1;const a=new Date(t,e-1,1).getDay();return 0===a?7:a}function P(t){return["en","de","fr","it","nl","es","pl","pt","sv","fi"].includes(t)?t:"de"}function M(t,e,a,i,s){const n=P(t),l=d.infoMonths({format:"long",locale:n}),r=d.fromISO(a),o=new Date,h=o.getFullYear(),c=o.getMonth()+1;let b=0;if(i&&void 0!==e){const t=d.fromISO(i);t.isValid&&(b=e>t.year?0:t.month||b)}let u=12;if(s&&void 0!==e){const t=d.fromISO(s);t.isValid&&(u=e<t.year?12:t.month||u)}return l.map(((t,a)=>{const i=a+1;return{label:t,value:i,today:i===c&&e===h,selected:i===r.month&&e===r.year,disabled:i<b||i>u}}))}const B=({name:e,isVisible:a,girdHeight:i,list:s,onSelect:n,ref:l})=>{const r=f.block("date-calendar").element("body").element("list");return t("ul",{class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(e).class()),r.modifier("visible").class(a)),"aria-hidden":a?"false":"true",style:{height:i-2-8-8+"px"},ref:t=>l?l(t):void 0},s.map((a=>t("li",{key:a.value,id:`${e}-${a.value}`},t("button",{class:Object.assign(Object.assign(Object.assign(Object.assign({},r.element("item").class()),r.element("item").modifier("today").class(a.today)),r.element("item").modifier("selected").class(a.selected)),r.element("item").modifier("disabled").class(a.disabled)),disabled:a.disabled,tabIndex:-1,onClick:()=>{a.disabled||n(a)}},a.label)))))},$=({isVisible:e,ref:a,grid:i,weekdays:s,selectedDate:n,firstDayOfWeek:l,onSelectDay:r})=>{const o=f.block("date-calendar").element("body").element("grid");return t("div",{role:"grid",class:Object.assign(Object.assign({},o.class()),o.modifier("visible").class(e)),"aria-hidden":e?"false":"true",ref:t=>a(t)},t("div",{role:"row",class:Object.assign({},o.element("head").class())},s.map((e=>t("span",{key:e.textContent,role:"columnheader","aria-label":e.ariaLabel,title:e.ariaLabel},e.textContent)))),t("div",{role:"row",class:Object.assign({},o.element("body").class()),style:{"--bal-date-first-week-day":`${l}`}},i.map((e=>t("bal-date-calendar-cell",Object.assign({key:e.isoDate},e,{selected:e.isoDate===n,onBalSelectDay:({detail:t})=>r(t)}))))))},z=({language:e,onClickSelectMonthAndYear:a,monthFullNames:i,month:s,year:n,isCalendarVisible:l,isListVisible:r,onClickPreviousMonth:o,onClickNextMonth:d})=>{const c=f.block("date-calendar").element("nav"),b=h[e].nextMonth,u=h[e].previousMonth,m=h[e].selectMonth;return t("div",{class:Object.assign({},c.class())},t("div",{class:Object.assign({},c.modifier("start").class())},t("button",{title:m,"aria-label":m,tabIndex:-1,"data-test":"change-year-month",onClick:a},t("span",null,i[s-1]," ",n),t("bal-icon",{name:"caret-up",color:"primary",size:"small",turn:l}))),t("div",{class:Object.assign({},c.modifier("end").class()),style:{display:r?"none":"flex"}},t("button",{title:u,"aria-label":u,onClick:o,tabIndex:-1,"data-test":"previous-month"},t("bal-icon",{name:"caret-left",color:"primary",size:"small"})),t("button",{title:b,"aria-label":b,onClick:d,tabIndex:-1,"data-test":"next-month"},t("bal-icon",{name:"caret-right",color:"primary",size:"small"}))))},F=class{constructor(t){e(this,t),this.balChange=a(this,"balChange",7),this.oldMin="",this.oldMax="",this.onSelectDay=t=>{this.valueChanged(t,this.selectedDate),this.balChange.emit(this.selectedDate)},this.onClickNextMonth=()=>{let t=this.year,e=this.month+1;e>12&&(e=1,t+=1),this.generateGridByMonthAndYear(e,t)},this.onClickPreviousMonth=()=>{let t=this.year,e=this.month-1;e<1&&(e=12,t-=1),this.generateGridByMonthAndYear(e,t)},this.onClickSelectMonthAndYear=async()=>{if(this.updateSelections(),!0===this.isCalendarVisible){if(this.isCalendarVisible=!1,this.isYearListVisible=!0,this.isMonthListVisible=!1,await u(),this.yearListEl){const t=this.yearListEl.querySelector(`#year-${this.year}`);this.yearListEl.scrollTop=t?t.offsetTop-76:0}}else this.isCalendarVisible=!0,this.isYearListVisible=!1,this.isMonthListVisible=!1},this.onClickYear=t=>{this.isYearListVisible=!1,this.isMonthListVisible=!0,this.generateGridByMonthAndYear(this.month,t),this.months=M(this.language,t,this.selectedDate,this.min,this.max)},this.onClickMonth=t=>{this.isYearListVisible=!1,this.isMonthListVisible=!1,this.isCalendarVisible=!0,this.generateGridByMonthAndYear(t,this.year)},this.selectedDate="",this.monthFullNames=[],this.weekdays=[],this.months=[],this.years=[],this.calendarGrid=[],this.firstDayOfWeek=0,this.month=0,this.year=0,this.language=p.language,this.isCalendarVisible=!0,this.isYearListVisible=!1,this.isMonthListVisible=!1,this.value=void 0,this.defaultDate=void 0,this.allowedDates=void 0,this.min=void 0,this.max=void 0,this.minYearProp=void 0,this.maxYearProp=void 0}createLogger(t){this.log=t}valueChanged(t,e){if(t!==e){const e=d.fromISO(t);e.isValid?(this.generateGridByDate(e),this.selectedDate=e.toISODate()):(this.generateGridByDefaultDate(),this.selectedDate=""),this.updateSelections()}}rangePropChanged(){this.updateSelections(),this.generateGrid()}yearRangePropChanged(){this.updateSelections()}connectedCallback(){this.generateGridByDefaultDate(),this.valueChanged(this.value,void 0)}async configChanged(t){this.language=t.language,this.monthFullNames=d.infoMonths({format:"long",locale:this.language}),this.weekdays=function(t){const e=P(t),a=d.infoWeekdays({format:"short",locale:e}),i=d.infoWeekdays({format:"long",locale:e});return a.map(((t,e)=>({ariaLabel:i[e],textContent:t})))}(this.language),this.updateSelections()}swipeListener({left:t,right:e}){t?this.onClickNextMonth():e&&this.onClickPreviousMonth()}get minYear(){if(void 0===this.minYearProp){const t=(new Date).getFullYear()-100;return this.min&&d.fromISO(this.min).year||t}return this.minYearProp}get maxYear(){if(void 0===this.maxYearProp){const t=(new Date).getFullYear()+50;return this.max&&d.fromISO(this.max).year||t}return this.maxYearProp}updateSelections(){this.years=function(t,e,a){const i=[],s=(new Date).getFullYear();for(let n=e;n<=a;n++)i.push({value:n,label:`${n}`,disabled:!1,today:s===n,selected:t===n});return i}(this.year,this.minYear,this.maxYear),this.months=M(this.language,this.year,this.selectedDate,this.min,this.max)}generateGrid(){const t=d.fromISO(this.value);t.isValid?this.generateGridByDate(t):this.generateGridByDefaultDate()}generateGridByDate(t){void 0!==t.year&&void 0!==t.month&&this.generateGridByMonthAndYear(t.month,t.year)}generateGridByDefaultDate(){const t=d.fromISO(this.defaultDate);if(t.isValid)this.generateGridByDate(t);else{const t=new Date;this.month=t.getMonth()+1,this.year=t.getFullYear(),this.calendarGrid=V(this.year,this.month,this.min,this.max,this.allowedDates),this.firstDayOfWeek=O(this.year,this.month)}}generateGridByMonthAndYear(t,e){this.month===t&&this.year===e&&this.oldMin===this.min&&this.oldMax===this.max||(this.calendarGrid=V(e,t,this.min,this.max,this.allowedDates),this.firstDayOfWeek=O(e,t)),this.month=t,this.year=e,this.oldMin=this.min,this.oldMax=this.max}render(){var e;const a=(null===(e=this.gridEl)||void 0===e?void 0:e.clientHeight)||0,s=f.block("date-calendar"),n=s.element("body"),l=s.element("foot");return t(i,{key:"e6348fe5b0ddab2253f7c79cb41a16fd93fe9a63",class:Object.assign({},s.class())},t(z,{key:"fc808b662835df468fe53a659cfdb048a2ce2325",language:this.language,monthFullNames:this.monthFullNames,month:this.month,year:this.year,isCalendarVisible:this.isCalendarVisible,isListVisible:this.isMonthListVisible||this.isYearListVisible,onClickSelectMonthAndYear:this.onClickSelectMonthAndYear,onClickPreviousMonth:this.onClickPreviousMonth,onClickNextMonth:this.onClickNextMonth}),t("div",{key:"14a071d6e691964876d2a832a9d2a7b20e2b5139",class:Object.assign({},n.class())},t($,{key:"d7d81606a5bcf10637f48ad9d5f095cac4851c60",isVisible:this.isCalendarVisible,grid:this.calendarGrid,weekdays:this.weekdays,firstDayOfWeek:this.firstDayOfWeek,selectedDate:this.selectedDate,ref:t=>this.gridEl=t,onSelectDay:t=>this.onSelectDay(t)}),t(B,{key:"3804356a689232d66ecbac4ad02c152a7e11739f",name:"year",isVisible:this.isYearListVisible,girdHeight:a,list:this.years,ref:t=>this.yearListEl=t,onSelect:t=>this.onClickYear(t.value)}),t(B,{key:"2721e28b96097dfb3f824c6ef085657c56c89342",name:"month",isVisible:this.isMonthListVisible,girdHeight:a,list:this.months,onSelect:t=>this.onClickMonth(t.value)})),t("div",{key:"da53c2e514df3bf5d4890a16fdc5738e55366f31",class:Object.assign({},l.class())},t("slot",{key:"6b75be6d0ad833854a0eade0d014ee26b05bc868"})))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"],min:["rangePropChanged"],max:["rangePropChanged"],minYearProp:["yearRangePropChanged"],maxYearProp:["yearRangePropChanged"]}}};n([b("bal-date-calendar"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],F.prototype,"createLogger",null),n([_(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],F.prototype,"configChanged",null),n([g({mobileOnly:!0}),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],F.prototype,"swipeListener",null),F.style=':host{--bal-date-first-week-day:0;--bal-date-calendar-background:var(--bal-color-red-3)}:host{--bal-date-first-week-day:0;--bal-date-calendar-background:var(--bal-color-red-3)}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;background:var(--bal-color-white);border-radius:var(--bal-radius-normal)}.bal-date-calendar__nav{display:-ms-flexbox;display:flex;width:calc(100% - 1rem);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:.5rem;gap:.5rem}.bal-date-calendar__nav--start>button{display:-ms-flexbox;display:flex;gap:.5rem}.bal-date-calendar__nav--end{display:-ms-flexbox;display:flex;gap:.5rem}.bal-date-calendar__nav button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-color-text-primary);border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;min-height:2rem;min-width:2rem;padding:.25rem;border-radius:var(--bal-button-radius);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{background:var(--bal-color-light-blue-1)}}.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{background:var(--bal-color-light-blue-2)}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled){color:var(--bal-color-light-blue-3);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{color:var(--bal-color-text-primary)}}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{color:var(--bal-color-text-primary)}.bal-date-calendar__nav button--selected{background:var(--bal-color-primary);color:var(--bal-color-text-white);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__nav button--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body{display:block}.bal-date-calendar__body__grid{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.5rem;height:0;padding-top:0;padding-bottom:0;visibility:hidden}.bal-date-calendar__body__grid--visible{height:auto;padding-top:.5rem;padding-bottom:.5rem;visibility:visible}.bal-date-calendar__body__grid__head{position:relative;display:grid;grid-template-columns:repeat(7, 1fr);-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-date-calendar__body__grid__head::after{position:absolute;content:"";height:2px;width:calc(100% + 1rem);bottom:0;left:-0.5rem;right:-0.5rem;background:var(--bal-color-border)}.bal-date-calendar__body__grid__head span{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:2rem;width:2rem;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-wrap:nowrap}.bal-date-calendar__body__grid__body{display:grid;grid-template-columns:repeat(7, 1fr);-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:.5rem}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell{width:2rem;height:2rem;text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell:first-child{grid-column:var(--bal-date-first-week-day)}.bal-date-calendar__body__list{display:none;list-style:none;margin:0;padding:0;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:calc(100% - 1rem);overflow-y:auto;max-height:18rem;position:relative;padding:.5rem;border-top:2px solid var(--bal-color-border)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-color-text-primary);border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;width:100%}@media (hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{background:var(--bal-color-light-blue-1)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{background:var(--bal-color-light-blue-2)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled){color:var(--bal-color-light-blue-3);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{color:var(--bal-color-text-primary)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{color:var(--bal-color-text-primary)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected{background:var(--bal-color-primary);color:var(--bal-color-text-white);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body__list--visible{display:grid}.bal-date-calendar__body__list--year{grid-template-columns:repeat(4, 1fr)}.bal-date-calendar__body__list--month{grid-template-columns:repeat(2, 1fr)}.bal-date-calendar-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-color-text-primary);border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;width:2rem;height:2rem}@media (hover: hover)and (pointer: fine){.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{background:var(--bal-color-light-blue-1)}}.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{background:var(--bal-color-light-blue-2)}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled){color:var(--bal-color-light-blue-3);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{color:var(--bal-color-text-primary)}}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{color:var(--bal-color-text-primary)}.bal-date-calendar-cell--selected{background:var(--bal-color-primary);color:var(--bal-color-text-white);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar-cell--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}';class L{constructor(t){this._options=t,this._position=0,this._positionEnd=0,this._isRangeSelection=!1,t.component&&t.component.nativeInput&&(this._position=t.component.nativeInput.selectionStart||0,this._positionEnd=t.component.nativeInput.selectionEnd||0,this._isRangeSelection=this._position!==this._positionEnd)}get isRangeSelection(){return this._isRangeSelection}get value(){return this._options.isBackspace&&this._position>0?this._position-1:this._position}set value(t){this._position=t<0?0:t>this._options.mask.maxLength?this._options.mask.maxLength:t}toStart(){this.value=0}toEnd(){const t=this.getTarget();t&&(this.value=t.value.length)}next(t=1){const e=this._position+t;return e<=this._options.mask.maxLength&&(this._position=e),this._position}previous(t=1){const e=this._position-t;return this._position=e>=0?e:0,this._position}submit(){const t=this.getTarget();t&&t.selectionStart!==this._position&&t.selectionEnd!==this._position&&(t.selectionStart=this._position,t.selectionEnd=this._position)}getTarget(){if(this._options.component&&this._options.component.nativeInput)return this._options.component.nativeInput}}class I{constructor(t){this._options=t,this._value="",this._options.component&&this._options.component.nativeInput&&(this._value=this._options.component.nativeInput.value),this.position=new L(this._options),this.component=this._options.component}get target(){if(this._options.component&&this._options.component.nativeInput)return this._options.component.nativeInput}get value(){return this._value}set value(t){this._value=t}get focused(){return this._options.component.focused}isValueEmpty(){return""===this.value||null==this.value}preventDefault(){this._options.event.preventDefault&&this._options.event.preventDefault()}stopPropagation(){this.preventDefault(),this._options.event.stopPropagation&&this._options.event.stopPropagation()}async submit(t="input",e){this.target&&(this.target.value=this.value,"blur"!==t&&"tab"!==t&&this.position.submit(),this._options.component&&("input"!==t&&"tab"!==t||this._options.component.balInput.emit(this.value),"change"!==t&&"blur"!==t||void 0===e||v(this._options.component.value,e)&&(this._options.component.value=e,this._options.component.balChange.emit(e))))}}class S extends I{get clipboardData(){var t;return null===(t=this._options.event.clipboardData)||void 0===t?void 0:t.getData("text")}}class K extends I{}class A extends I{get key(){return this._options.event.key}get isCtrlOrCommandKey(){return this._options.event.metaKey||this._options.event.ctrlKey}get isBackspaceKey(){return"Backspace"===this._options.event.key}get isTabKey(){return"Tab"===this._options.event.key}get isWhiteSpaceKey(){return" "===this._options.event.key}get isDeleteKey(){return"Delete"===this._options.event.key||"Del"===this._options.event.key}get isNumberKey(){return A.NUMBER_KEYS.includes(this._options.event.key)}get isNavigationKey(){return A.NAVIGATION_KEYS.includes(this._options.event.key)}get isSelectAllCommand(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&"a"===this.key}get isCopyCommand(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&"c"===this.key}get isPasteCommand(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&"v"===this.key}getCharAt(t=this.position.value){return this.value.charAt(t)}getCharAtBackspacePosition(){return this.getCharAt(this.position.value-1)}setChar(t=this._options.event.key,e=this.position.value){this.value=this.value.substring(0,e)+t+this.value.substring(e+1)}}A.NUMBER_KEYS=["0","1","2","3","4","5","6","7","8","9"],A.NAVIGATION_KEYS=["Home","End","ArrowLeft","Left","ArrowRight","Right","Tab","Enter","Esc","Escape"];class N extends I{get locale(){return this._options.event.locale}}class R extends I{}class H extends I{get newValue(){return this._options.event.newValue}get oldValue(){return this._options.event.oldValue}get didValueChange(){return this.newValue!==this.oldValue}}class T{constructor(t){this._isSeparator=!1,this._allowedKeys=[],this._locale="de-CH",this._from=t.from||0,this._to=t.to||0,this._isSeparator=void 0!==t.isSeparator&&t.isSeparator,this._mask=t.mask||"_",this._allowedKeys=t.allowedKeys?t.allowedKeys:this.allowedKeys,this._format=t.format}format(t){return this._format?this._format(t.replace(this.mask,""),this._locale,this.mask):t}get isSeparator(){return this._isSeparator}get to(){return this._to}get from(){return this._from}get mask(){return"function"==typeof this._mask?this._mask(this._locale):this._mask}get allowedKeys(){return this._allowedKeys}onI18nChange(t){this._locale=t}getValueOfTheBlock(t){return t.slice(this._from,this._to)}isTouched(t){return!this.getValueOfTheBlock(t).split("").every((t=>t===this.mask))}verifyAllowedKeyHits(t){return!(!this.isSeparator||t!==this.mask)||this.allowedKeys.indexOf(t)>=0}}class E{constructor(t=[]){this._list=t}get lastPosition(){return this._list[this._list.length-1].to}get list(){return this._list}set list(t){this._list=t}clone(){return new E([...this._list])}findByIndex(t,e=this.list){return e.find((e=>e.from<=t&&t<e.to))}getPlaceholderMask(){const t=[];return this.list.forEach((e=>{const a=e.to-e.from;for(let i=0;i<a;i++)t.push(e.mask)})),t.join("")}getRawValueWithoutMaskByContext(t){return this.getRawValueWithoutMask(t.value)}getRawValueWithoutMask(t){if(t){let e=[];const a=t.split("");for(let t=0;t<a.length;t++){const i=a[t],s=this.findByIndex(t);e.push(s&&!s.isSeparator?i.replace(s.mask,""):i)}return e=e.filter((t=>t)),this.list.filter((t=>t.isSeparator)).length===e.length?"":e.join("")}return""}formatBlocks(t,e){let a=`${t}`;for(let t=0;t<this.list.length;t++){const i=this.list[t];if(e!==t&&!i.isSeparator&&i.isTouched(a)){const t=i.getValueOfTheBlock(a),e=i.format(t);a=a.substring(0,i.from)+e+a.substring(i.to)}}return a}getBlockIndexFromPosition(t){const e=this.list.reduce(((t,e)=>t+e.to-e.from),0);if(t===e)return this.list.length-1;const a=this.list.findIndex((e=>e.from<=t&&t<e.to));return a<0?void 0:Math.min(e,a)}verifyCallOfNextSeparator(t,e){if(this.list.length-1>e){const a=this.list[e+1];if(a.isSeparator&&a.mask===t)return!0}return!1}}class Y{constructor(t=[]){this.inputMode="text",this.locale="de-CH",this.blocks=new E(t)}onLocaleChange(t,e,a){if(t.target){const e=t.value.split("");for(let t=0;t<e.length;t++){const i=e[t],s=this.blocks.findByIndex(t),n=a.findByIndex(t);s&&n&&(s.isSeparator||i===n.mask)&&(e[t]=s.mask)}t.value=e.join("")}}onFocus(t){}onBlur(t){}onChange(t){t.submit("change",this.onParseValue(t.value))}onNavigationDown(t,e,a){}onSelectAll(t,e,a){}onPaste(t,e,a){t.value=t.clipboardData||"",t.position.toEnd()}onBlockChange(t,e,a){t.setChar(),t.position.next();const i=this.blocks.list[a+1];t.position.value===e.to&&i&&i.isSeparator&&t.position.next()}onBackspaceDown(t,e,a){if(t.position.previous(),!e.isSeparator){t.setChar(e.mask);const i=this.blocks.list[a-1];t.position.value===e.from&&i&&i.isSeparator&&t.position.previous()}}onDeleteDown(t,e,a){t.setChar(e.mask),t.position.next();const i=this.blocks.list[a+1];t.position.value===e.to&&i&&i.isSeparator&&t.position.next()}onValueChanged(t){const e=this.onFormatValue(t.newValue),a=t.focused&&""===e?this.blocks.getPlaceholderMask():e;t.value=a,t.position.toEnd()}onParseValue(t,e={allowInvalidValue:!1}){return t?t.trim():t||""}onFormatValue(t){return t?t.trim():t||""}toParsedValue(t){return this.onParseValue(t)}toFormattedValue(t){return this.onFormatValue(t)}fireI18nChange(t){const e=this.blocks.clone(),a=`${t.locale}`;this.locale=t.locale,this.blocks.list.forEach((e=>e.onI18nChange(t.locale))),this.onLocaleChange(t,a,e)}fireValueChanged(t){t.didValueChange&&this.onValueChanged(t)}firePaste(t){const e=this.blocks.getBlockIndexFromPosition(t.position.value);void 0!==e&&(this.onPaste(t,this.blocks.list[e],e),this.onChange(t))}fireClick(t){this.blocks.getPlaceholderMask()===t.value&&t.position.toStart()}fireFocus(t){t.target&&t.isValueEmpty()&&this.resetInputValueWithMask(t),this.onFocus(t)}fireBlur(t){t.target&&(this.isValueEmptyMask(t)?this.emptyInputValue(t):(this.onBlur(t),t.submit("blur",this.onParseValue(t.value,{allowInvalidValue:t.component.allowInvalidValue}))))}fireKeyDown(t){const e=t.isBackspaceKey?Math.max(0,t.position.value-1):t.position.value,a=this.blocks.getBlockIndexFromPosition(e);if(e>=this.blocks.lastPosition&&!t.isNavigationKey&&!t.isSelectAllCommand)return t.preventDefault(),void t.stopPropagation();if(void 0===a||t.position.isRangeSelection)t.isTabKey||t.preventDefault(),t.isBackspaceKey||t.isDeleteKey?this.resetInputValueWithMask(t):this.blocks.list[0].verifyAllowedKeyHits(t.key)&&this.onBlockChange(t,this.blocks.list[0],0);else{const e=this.blocks.list[a];if(t.isNavigationKey)this.onNavigationDown(t,e,a);else if(t.isSelectAllCommand)this.onSelectAll(t,e,a);else if(t.isCopyCommand);else if(t.isPasteCommand);else if(t.isBackspaceKey)t.preventDefault(),this.onBackspaceDown(t,e,a);else if(t.isDeleteKey)t.preventDefault(),this.onDeleteDown(t,e,a);else if(t.isWhiteSpaceKey){if(t.preventDefault(),"."===t.value[t.position.value]){t.stopPropagation();const e=t.value;t.value=e.substring(0,t.position.value)+"_"+e.substring(t.position.value+1)}}else if(e.verifyAllowedKeyHits(t.key))t.preventDefault(),this.onBlockChange(t,e,a);else if(this.blocks.verifyCallOfNextSeparator(t.key,a)&&(t.preventDefault(),t.position.value>this.blocks.list[a].from)){const i=this.blocks.list[a+1],s=t.value,n=e.getValueOfTheBlock(s),l=e.format(n);t.value=s.substring(0,e.from)+l+s.substring(e.to),t.position.value=i.to}const i=this.blocks.getBlockIndexFromPosition(t.position.value);if(i&&!t.isBackspaceKey){const e=this.blocks.formatBlocks(t.value,i),a=t.position.value;t.value=e,t.position.value=a}}}resetInputValueWithMask(t){t.value=this.blocks.getPlaceholderMask(),t.position.toStart()}isValueEmptyMask(t){return this.blocks.getPlaceholderMask()===t.value}emptyInputValue(t){t.value="",t.submit("blur",t.value)}}class W extends Y{constructor(){super([new T({from:0,to:2,allowedKeys:[...C],format:(t,e,a)=>Number.isNaN(parseInt(t,10))?`${a}${a}`:t.padStart(2,"0"),mask:t=>this.dayMask[t.split("-")[0]]||this.dayMask.de}),new T({from:2,to:3,mask:t=>c(t),isSeparator:!0}),new T({from:3,to:5,allowedKeys:[...C],format:(t,e,a)=>Number.isNaN(parseInt(t,10))?`${a}${a}`:t.padStart(2,"0"),mask:t=>this.monthMask[t.split("-")[0]]||this.monthMask.de}),new T({from:5,to:6,mask:t=>c(t),isSeparator:!0}),new T({from:6,to:10,allowedKeys:[...C],mask:t=>this.yearMask[t.split("-")[0]]||this.yearMask.de})]),this.maxLength=10,this.minLength=10,this.inputMode="decimal",this.dayMask={de:"T",en:"D",fr:"J",it:"G",nl:"D",es:"D",pl:"D",pt:"D",sv:"D",fi:"M"},this.monthMask={de:"M",en:"M",fr:"M",it:"M",nl:"M",es:"M",pl:"M",pt:"M",sv:"M",fi:"K"},this.yearMask={de:"J",en:"Y",fr:"A",it:"A",nl:"J",es:"A",pl:"R",pt:"A",sv:"Å",fi:"V"}}onParseValue(t,e={allowInvalidValue:!1}){if(t){const a=d.fromAnyFormat(this.blocks.getRawValueWithoutMask(t));if(a.isValid)return a.toISODate();if(e&&e.allowInvalidValue)return j}return""}onFormatValue(t){if(t){const e=d.fromISO(t);if(e.isValid)return e.toFormat()}return""}onPaste(t,e,a){const i=d.fromAnyFormat(t.clipboardData||"");i.isValid&&(t.value=i.toFormat(),t.position.toEnd())}onBlur(t){const e=this.blocks.getRawValueWithoutMaskByContext(t),a=d.fromAnyFormat(e);if(a.isValid){const e=a.toFormat();e!==t.value&&(t.value=e)}else t.component.allowInvalidValue&&e!==t.value&&(t.value=e)}}class G{constructor(t){this.mask=t}get attributes(){return{inputMode:this.mask.inputMode,maxLength:this.mask.maxLength,minLength:this.mask.minLength,type:"text",autoCapitalize:"off",autoCorrect:"off",spellcheck:!1}}bindComponent(t){this.component=t}bindComponentDidLoad(){this.component&&this.component.nativeInput&&(this.component.nativeInput.value=this.component.value||""),this.bindValueChanged(this.component.value,void 0)}bindConfigChanged(t){const{component:e,mask:a}=this,i=new N({component:e,mask:a,event:{locale:`${t.language}-${t.region}`}});this.mask.fireI18nChange(i),i.submit()}bindValueChanged(t,e){const{component:a,mask:i}=this,s=new H({component:a,mask:i,event:{newValue:t,oldValue:e}});this.mask.fireValueChanged(s),s.submit("blur")}bindKeyDown(t){if(this.isComponentAccessible){const{component:e,mask:a}=this,i=new A({event:t,component:e,mask:a});this.mask.fireKeyDown(i),i.submit("Tab"===t.key?"tab":"input"),e.balKeyPress.emit(t)}}bindFocus(t){if(this.isComponentAccessible){const{component:e,mask:a}=this;e.focused=!0;const i=new K({event:t,component:e,mask:a});this.mask.fireFocus(i),i.submit(),e.balFocus.emit(t)}}bindBlur(t){if(this.isComponentAccessible){const{component:e,mask:a}=this;e.focused=!1;const i=new K({event:t,component:e,mask:a});this.mask.fireBlur(i),i.submit("blur"),e.balBlur.emit(t)}}bindPaste(t){if(this.isComponentAccessible){const{component:e,mask:a}=this,i=new S({event:t,component:e,mask:a});this.mask.firePaste(i),i.submit()}}bindFormReset(t){const e=t.target;e&&(e===this.component.el||e.contains(this.component.el))&&(this.component.value=this.component.initialValue,this.component.inputValue=this.component.initialValue,clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.component.nativeInput&&(this.component.nativeInput.value=this.mask.toFormattedValue(this.component.value||""))})))}bindClick(t){if(this.isComponentAccessible){const{component:e,mask:a}=this,i=new R({event:t,component:e,mask:a});this.mask.fireClick(i),i.submit()}}bindHostClick(t){this.isComponentAccessible||(t.preventDefault(),t.stopPropagation())}bindGlobalClick(t){this.isComponentAccessible||t.target&&t.target===this.component.el&&(t.preventDefault(),t.stopPropagation())}get isComponentAccessible(){return!this.component.disabled&&!this.component.readonly}}const J=class{constructor(t){e(this,t),this.balKeyPress=a(this,"balKeyPress",7),this.balChange=a(this,"balChange",7),this.balInput=a(this,"balInput",7),this.balBlur=a(this,"balBlur",7),this.balFocus=a(this,"balFocus",7),this.inputId="bal-i-date-"+q++,this.inheritedAttributes={},this.maskAdapter=new G(new W),this.inputValue=this.value,this.initialValue=this.value||"",this.focused=!1,this.isGrouped=!1,this.ariaForm=x,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.placeholder=void 0,this.clickable=!1,this.min=void 0,this.max=void 0,this.autocomplete="off",this.hasIconRight=!1,this.value=void 0,this.autoInvalidOff=!1,this.allowInvalidValue=!1}createLogger(t){this.log=t}valueChanged(t,e){this.maskAdapter.bindValueChanged(t,e)}connectedCallback(){this.maskAdapter.bindComponent(this),this.isGrouped=m("bal-input-group",this.el)}componentDidLoad(){this.maskAdapter.bindComponentDidLoad()}componentWillRender(){this.inheritedAttributes=y(this.el,["aria-label","tabindex","title"])}async configChanged(t){this.maskAdapter.bindConfigChanged(t)}resetHandler(t){this.maskAdapter.bindFormReset(t)}listenOnClick(t){this.maskAdapter.bindGlobalClick(t)}async setFocus(){w(this)}async setBlur(){k(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}render(){const e=f.block("input-date"),a=e.element("native");return t(i,{key:"c1401f0c7df85ca5d78649b764215e27aa6790ae",onClick:t=>this.maskAdapter.bindHostClick(t),class:Object.assign({},e.class())},t("input",Object.assign({key:"37c33527ad82e2f74b19f734f2a752cc49a8a352",class:{input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"is-clickable":this.clickable&&!(this.disabled||this.readonly),"bal-focusable":!this.disabled,"has-icon-right":this.hasIconRight},"data-testid":"bal-date-input",ref:t=>this.nativeInput=t,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,required:this.required,disabled:this.disabled,readonly:this.readonly,autoComplete:this.autocomplete},this.maskAdapter.attributes,this.inheritedAttributes,{placeholder:this.placeholder,value:this.inputValue,onKeyDown:t=>this.maskAdapter.bindKeyDown(t),onClick:t=>this.maskAdapter.bindClick(t),onFocus:t=>this.maskAdapter.bindFocus(t),onBlur:t=>this.maskAdapter.bindBlur(t),onPaste:t=>this.maskAdapter.bindPaste(t)})),t("input",{key:"c2b6921f78a345008b3475273f19dfe1dcd59373",type:"date",class:Object.assign({},a.class()),name:this.name,min:this.min,max:this.max,value:this.value,tabindex:-1,"aria-hidden":"true"}))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"]}}};n([b("bal-input-date"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],J.prototype,"createLogger",null),n([_(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],J.prototype,"configChanged",null);let q=0;J.style=".bal-input-date{display:block;width:100%;-ms-flex:1;flex:1}.bal-input-date input:not(:-moz-placeholder-shown){letter-spacing:.4px}.bal-input-date input:not(:-ms-input-placeholder){letter-spacing:.4px}.bal-input-date input:not(:placeholder-shown){letter-spacing:.4px}.bal-input-date__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}";export{F as bal_date_calendar,J as bal_input_date}
+import{h as t,r as e,c as a,H as i,g as s}from"./p-2ccbe55a.js";import{_ as n,a as l}from"./p-43c9f5e9.js";import{l as r}from"./p-3f01fc8b.js";import{l as o}from"./p-9a3d9e17.js";import{B as d,i as h,d as c}from"./p-8a73c9b8.js";import{L as b}from"./p-b77e3348.js";import{b as u,u as m}from"./p-f64319f1.js";import{B as f}from"./p-ae86d0a0.js";import{d as p}from"./p-a19d1e1d.js";import{L as _}from"./p-69e7c8d6.js";import{L as g}from"./p-7a6a128f.js";import{i as y}from"./p-dd5e13d1.js";import{m as v,c as w,d as k}from"./p-cc8cfbf3.js";import{d as x}from"./p-f385e205.js";import{N as C}from"./p-ec1efe3d.js";import{I as j}from"./p-1a158488.js";import"./p-4573c419.js";import"./p-aafb6696.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-4e9084dc.js";import"./p-96216bd1.js";import"./p-acf222fd.js";function D(t,e,a){return`${a}-${r(`${e}`,2,"0")}-${r(`${t}`,2,"0")}`}function V(t,e,a,i,s){const n=[],l=function(t,e){if(!(e<1||t<0))return new Date(t,e,0).getDate()}(t,e),h=function(t,e){if(!(e<1||e>12||t<0))return new Date(t,e-1,1)}(t,e);if(void 0!==l&&h){const h=function(){const t=new Date;return`${t.getFullYear()}-${r(`${t.getMonth()+1}`,2,"0")}-${r(`${t.getDate()}`,2,"0")}`}(),c=d.fromISO(a),b=d.fromISO(i),u=t=>!o(s)&&!s(t);for(let a=1;a<=l;a++){const i=D(a,e,t);n.push({day:a,month:e,year:t,isoDate:i,fullDate:d.fromISO(i).toFormat(),today:h===i,disabled:c.isAfter(i)||b.isBefore(i)||u(i)})}}return n}function O(t,e){if(e<1||t<0)return 1;const a=new Date(t,e-1,1).getDay();return 0===a?7:a}function P(t){return["en","de","fr","it","nl","es","pl","pt","sv","fi"].includes(t)?t:"de"}function M(t,e,a,i,s){const n=P(t),l=d.infoMonths({format:"long",locale:n}),r=d.fromISO(a),o=new Date,h=o.getFullYear(),c=o.getMonth()+1;let b=0;if(i&&void 0!==e){const t=d.fromISO(i);t.isValid&&(b=e>t.year?0:t.month||b)}let u=12;if(s&&void 0!==e){const t=d.fromISO(s);t.isValid&&(u=e<t.year?12:t.month||u)}return l.map(((t,a)=>{const i=a+1;return{label:t,value:i,today:i===c&&e===h,selected:i===r.month&&e===r.year,disabled:i<b||i>u}}))}const B=({name:e,isVisible:a,girdHeight:i,list:s,onSelect:n,ref:l})=>{const r=f.block("date-calendar").element("body").element("list");return t("ul",{class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(e).class()),r.modifier("visible").class(a)),"aria-hidden":a?"false":"true",style:{height:i-2-8-8+"px"},ref:t=>l?l(t):void 0},s.map((a=>t("li",{key:a.value,id:`${e}-${a.value}`},t("button",{class:Object.assign(Object.assign(Object.assign(Object.assign({},r.element("item").class()),r.element("item").modifier("today").class(a.today)),r.element("item").modifier("selected").class(a.selected)),r.element("item").modifier("disabled").class(a.disabled)),disabled:a.disabled,tabIndex:-1,onClick:()=>{a.disabled||n(a)}},a.label)))))},$=({isVisible:e,ref:a,grid:i,weekdays:s,selectedDate:n,firstDayOfWeek:l,onSelectDay:r})=>{const o=f.block("date-calendar").element("body").element("grid");return t("div",{role:"grid",class:Object.assign(Object.assign({},o.class()),o.modifier("visible").class(e)),"aria-hidden":e?"false":"true",ref:t=>a(t)},t("div",{role:"row",class:Object.assign({},o.element("head").class())},s.map((e=>t("span",{key:e.textContent,role:"columnheader","aria-label":e.ariaLabel,title:e.ariaLabel},e.textContent)))),t("div",{role:"row",class:Object.assign({},o.element("body").class()),style:{"--bal-date-first-week-day":`${l}`}},i.map((e=>t("bal-date-calendar-cell",Object.assign({key:e.isoDate},e,{selected:e.isoDate===n,onBalSelectDay:({detail:t})=>r(t)}))))))},z=({language:e,onClickSelectMonthAndYear:a,monthFullNames:i,month:s,year:n,isCalendarVisible:l,isListVisible:r,onClickPreviousMonth:o,onClickNextMonth:d})=>{const c=f.block("date-calendar").element("nav"),b=h[e].nextMonth,u=h[e].previousMonth,m=h[e].selectMonth;return t("div",{class:Object.assign({},c.class())},t("div",{class:Object.assign({},c.modifier("start").class())},t("button",{title:m,"aria-label":m,tabIndex:-1,"data-test":"change-year-month",onClick:a},t("span",null,i[s-1]," ",n),t("bal-icon",{name:"caret-up",color:"primary",size:"small",turn:l}))),t("div",{class:Object.assign({},c.modifier("end").class()),style:{display:r?"none":"flex"}},t("button",{title:u,"aria-label":u,onClick:o,tabIndex:-1,"data-test":"previous-month"},t("bal-icon",{name:"caret-left",color:"primary",size:"small"})),t("button",{title:b,"aria-label":b,onClick:d,tabIndex:-1,"data-test":"next-month"},t("bal-icon",{name:"caret-right",color:"primary",size:"small"}))))},F=class{constructor(t){e(this,t),this.balChange=a(this,"balChange",7),this.oldMin="",this.oldMax="",this.onSelectDay=t=>{this.valueChanged(t,this.selectedDate),this.balChange.emit(this.selectedDate)},this.onClickNextMonth=()=>{let t=this.year,e=this.month+1;e>12&&(e=1,t+=1),this.generateGridByMonthAndYear(e,t)},this.onClickPreviousMonth=()=>{let t=this.year,e=this.month-1;e<1&&(e=12,t-=1),this.generateGridByMonthAndYear(e,t)},this.onClickSelectMonthAndYear=async()=>{if(this.updateSelections(),!0===this.isCalendarVisible){if(this.isCalendarVisible=!1,this.isYearListVisible=!0,this.isMonthListVisible=!1,await u(),this.yearListEl){const t=this.yearListEl.querySelector(`#year-${this.year}`);this.yearListEl.scrollTop=t?t.offsetTop-76:0}}else this.isCalendarVisible=!0,this.isYearListVisible=!1,this.isMonthListVisible=!1},this.onClickYear=t=>{this.isYearListVisible=!1,this.isMonthListVisible=!0,this.generateGridByMonthAndYear(this.month,t),this.months=M(this.language,t,this.selectedDate,this.min,this.max)},this.onClickMonth=t=>{this.isYearListVisible=!1,this.isMonthListVisible=!1,this.isCalendarVisible=!0,this.generateGridByMonthAndYear(t,this.year)},this.selectedDate="",this.monthFullNames=[],this.weekdays=[],this.months=[],this.years=[],this.calendarGrid=[],this.firstDayOfWeek=0,this.month=0,this.year=0,this.language=p.language,this.isCalendarVisible=!0,this.isYearListVisible=!1,this.isMonthListVisible=!1,this.value=void 0,this.defaultDate=void 0,this.allowedDates=void 0,this.min=void 0,this.max=void 0,this.minYearProp=void 0,this.maxYearProp=void 0}createLogger(t){this.log=t}valueChanged(t,e){if(t!==e){const e=d.fromISO(t);e.isValid?(this.generateGridByDate(e),this.selectedDate=e.toISODate()):(this.generateGridByDefaultDate(),this.selectedDate=""),this.updateSelections()}}rangePropChanged(){this.updateSelections(),this.generateGrid()}yearRangePropChanged(){this.updateSelections()}connectedCallback(){this.generateGridByDefaultDate(),this.valueChanged(this.value,void 0)}async configChanged(t){this.language=t.language,this.monthFullNames=d.infoMonths({format:"long",locale:this.language}),this.weekdays=function(t){const e=P(t),a=d.infoWeekdays({format:"short",locale:e}),i=d.infoWeekdays({format:"long",locale:e});return a.map(((t,e)=>({ariaLabel:i[e],textContent:t})))}(this.language),this.updateSelections()}swipeListener({left:t,right:e}){t?this.onClickNextMonth():e&&this.onClickPreviousMonth()}get minYear(){if(void 0===this.minYearProp){const t=(new Date).getFullYear()-100;return this.min&&d.fromISO(this.min).year||t}return this.minYearProp}get maxYear(){if(void 0===this.maxYearProp){const t=(new Date).getFullYear()+50;return this.max&&d.fromISO(this.max).year||t}return this.maxYearProp}updateSelections(){this.years=function(t,e,a){const i=[],s=(new Date).getFullYear();for(let n=e;n<=a;n++)i.push({value:n,label:`${n}`,disabled:!1,today:s===n,selected:t===n});return i}(this.year,this.minYear,this.maxYear),this.months=M(this.language,this.year,this.selectedDate,this.min,this.max)}generateGrid(){const t=d.fromISO(this.value);t.isValid?this.generateGridByDate(t):this.generateGridByDefaultDate()}generateGridByDate(t){void 0!==t.year&&void 0!==t.month&&this.generateGridByMonthAndYear(t.month,t.year)}generateGridByDefaultDate(){const t=d.fromISO(this.defaultDate);if(t.isValid)this.generateGridByDate(t);else{const t=new Date;this.month=t.getMonth()+1,this.year=t.getFullYear(),this.calendarGrid=V(this.year,this.month,this.min,this.max,this.allowedDates),this.firstDayOfWeek=O(this.year,this.month)}}generateGridByMonthAndYear(t,e){this.month===t&&this.year===e&&this.oldMin===this.min&&this.oldMax===this.max||(this.calendarGrid=V(e,t,this.min,this.max,this.allowedDates),this.firstDayOfWeek=O(e,t)),this.month=t,this.year=e,this.oldMin=this.min,this.oldMax=this.max}render(){var e;const a=(null===(e=this.gridEl)||void 0===e?void 0:e.clientHeight)||0,s=f.block("date-calendar"),n=s.element("body"),l=s.element("foot");return t(i,{key:"e6348fe5b0ddab2253f7c79cb41a16fd93fe9a63",class:Object.assign({},s.class())},t(z,{key:"fc808b662835df468fe53a659cfdb048a2ce2325",language:this.language,monthFullNames:this.monthFullNames,month:this.month,year:this.year,isCalendarVisible:this.isCalendarVisible,isListVisible:this.isMonthListVisible||this.isYearListVisible,onClickSelectMonthAndYear:this.onClickSelectMonthAndYear,onClickPreviousMonth:this.onClickPreviousMonth,onClickNextMonth:this.onClickNextMonth}),t("div",{key:"14a071d6e691964876d2a832a9d2a7b20e2b5139",class:Object.assign({},n.class())},t($,{key:"d7d81606a5bcf10637f48ad9d5f095cac4851c60",isVisible:this.isCalendarVisible,grid:this.calendarGrid,weekdays:this.weekdays,firstDayOfWeek:this.firstDayOfWeek,selectedDate:this.selectedDate,ref:t=>this.gridEl=t,onSelectDay:t=>this.onSelectDay(t)}),t(B,{key:"3804356a689232d66ecbac4ad02c152a7e11739f",name:"year",isVisible:this.isYearListVisible,girdHeight:a,list:this.years,ref:t=>this.yearListEl=t,onSelect:t=>this.onClickYear(t.value)}),t(B,{key:"2721e28b96097dfb3f824c6ef085657c56c89342",name:"month",isVisible:this.isMonthListVisible,girdHeight:a,list:this.months,onSelect:t=>this.onClickMonth(t.value)})),t("div",{key:"da53c2e514df3bf5d4890a16fdc5738e55366f31",class:Object.assign({},l.class())},t("slot",{key:"6b75be6d0ad833854a0eade0d014ee26b05bc868"})))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"],min:["rangePropChanged"],max:["rangePropChanged"],minYearProp:["yearRangePropChanged"],maxYearProp:["yearRangePropChanged"]}}};n([b("bal-date-calendar"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],F.prototype,"createLogger",null),n([_(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],F.prototype,"configChanged",null),n([g({mobileOnly:!0}),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],F.prototype,"swipeListener",null),F.style=':host{--bal-date-first-week-day:0;--bal-date-calendar-background:var(--bal-color-red-3)}:host{--bal-date-first-week-day:0;--bal-date-calendar-background:var(--bal-color-red-3)}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;background:var(--bal-color-white);border-radius:var(--bal-radius-normal)}.bal-date-calendar__nav{display:-ms-flexbox;display:flex;width:calc(100% - 1rem);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:.5rem;gap:.5rem}.bal-date-calendar__nav--start>button{display:-ms-flexbox;display:flex;gap:.5rem}.bal-date-calendar__nav--end{display:-ms-flexbox;display:flex;gap:.5rem}.bal-date-calendar__nav button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-color-text-primary);border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;min-height:2rem;min-width:2rem;padding:.25rem;border-radius:var(--bal-button-radius);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{background:var(--bal-color-light-blue-1)}}.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{background:var(--bal-color-light-blue-2)}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled){color:var(--bal-color-light-blue-3);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{color:var(--bal-color-text-primary)}}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{color:var(--bal-color-text-primary)}.bal-date-calendar__nav button--selected{background:var(--bal-color-primary);color:var(--bal-color-text-white);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__nav button--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body{display:block}.bal-date-calendar__body__grid{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.5rem;height:0;padding-top:0;padding-bottom:0;visibility:hidden}.bal-date-calendar__body__grid--visible{height:auto;padding-top:.5rem;padding-bottom:.5rem;visibility:visible}.bal-date-calendar__body__grid__head{position:relative;display:grid;grid-template-columns:repeat(7, 1fr);-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-date-calendar__body__grid__head::after{position:absolute;content:"";height:2px;width:calc(100% + 1rem);bottom:0;left:-0.5rem;right:-0.5rem;background:var(--bal-color-border)}.bal-date-calendar__body__grid__head span{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:2rem;width:2rem;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-wrap:nowrap}.bal-date-calendar__body__grid__body{display:grid;grid-template-columns:repeat(7, 1fr);-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:.5rem}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell{width:2rem;height:2rem;text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell:first-child{grid-column:var(--bal-date-first-week-day)}.bal-date-calendar__body__list{display:none;list-style:none;margin:0;padding:0;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:calc(100% - 1rem);overflow-y:auto;max-height:18rem;position:relative;padding:.5rem;border-top:2px solid var(--bal-color-border)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-color-text-primary);border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;width:100%}@media (hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{background:var(--bal-color-light-blue-1)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{background:var(--bal-color-light-blue-2)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled){color:var(--bal-color-light-blue-3);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{color:var(--bal-color-text-primary)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{color:var(--bal-color-text-primary)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected{background:var(--bal-color-primary);color:var(--bal-color-text-white);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body__list--visible{display:grid}.bal-date-calendar__body__list--year{grid-template-columns:repeat(4, 1fr)}.bal-date-calendar__body__list--month{grid-template-columns:repeat(2, 1fr)}.bal-date-calendar-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-color-text-primary);border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;width:2rem;height:2rem}@media (hover: hover)and (pointer: fine){.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{background:var(--bal-color-light-blue-1)}}.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{background:var(--bal-color-light-blue-2)}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled){color:var(--bal-color-light-blue-3);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{color:var(--bal-color-text-primary)}}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{color:var(--bal-color-text-primary)}.bal-date-calendar-cell--selected{background:var(--bal-color-primary);color:var(--bal-color-text-white);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar-cell--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}';class L{constructor(t){this._options=t,this._position=0,this._positionEnd=0,this._isRangeSelection=!1,t.component&&t.component.nativeInput&&(this._position=t.component.nativeInput.selectionStart||0,this._positionEnd=t.component.nativeInput.selectionEnd||0,this._isRangeSelection=this._position!==this._positionEnd)}get isRangeSelection(){return this._isRangeSelection}get value(){return this._options.isBackspace&&this._position>0?this._position-1:this._position}set value(t){this._position=t<0?0:t>this._options.mask.maxLength?this._options.mask.maxLength:t}toStart(){this.value=0}toEnd(){const t=this.getTarget();t&&(this.value=t.value.length)}next(t=1){const e=this._position+t;return e<=this._options.mask.maxLength&&(this._position=e),this._position}previous(t=1){const e=this._position-t;return this._position=e>=0?e:0,this._position}submit(){const t=this.getTarget();t&&t.selectionStart!==this._position&&t.selectionEnd!==this._position&&(t.selectionStart=this._position,t.selectionEnd=this._position)}getTarget(){if(this._options.component&&this._options.component.nativeInput)return this._options.component.nativeInput}}class I{constructor(t){this._options=t,this._value="",this._options.component&&this._options.component.nativeInput&&(this._value=this._options.component.nativeInput.value),this.position=new L(this._options),this.component=this._options.component}get target(){if(this._options.component&&this._options.component.nativeInput)return this._options.component.nativeInput}get value(){return this._value}set value(t){this._value=t}get focused(){return this._options.component.focused}isValueEmpty(){return""===this.value||null==this.value}preventDefault(){this._options.event.preventDefault&&this._options.event.preventDefault()}stopPropagation(){this.preventDefault(),this._options.event.stopPropagation&&this._options.event.stopPropagation()}async submit(t="input",e){this.target&&(this.target.value=this.value,"blur"!==t&&"tab"!==t&&this.position.submit(),this._options.component&&("input"!==t&&"tab"!==t||this._options.component.balInput.emit(this.value),"change"!==t&&"blur"!==t||void 0===e||v(this._options.component.value,e)&&(this._options.component.value=e,this._options.component.balChange.emit(e))))}}class S extends I{get clipboardData(){var t;return null===(t=this._options.event.clipboardData)||void 0===t?void 0:t.getData("text")}}class K extends I{}class A extends I{get key(){return this._options.event.key}get isCtrlOrCommandKey(){return this._options.event.metaKey||this._options.event.ctrlKey}get isBackspaceKey(){return"Backspace"===this._options.event.key}get isTabKey(){return"Tab"===this._options.event.key}get isWhiteSpaceKey(){return" "===this._options.event.key}get isDeleteKey(){return"Delete"===this._options.event.key||"Del"===this._options.event.key}get isNumberKey(){return A.NUMBER_KEYS.includes(this._options.event.key)}get isNavigationKey(){return A.NAVIGATION_KEYS.includes(this._options.event.key)}get isSelectAllCommand(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&"a"===this.key}get isCopyCommand(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&"c"===this.key}get isPasteCommand(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&"v"===this.key}getCharAt(t=this.position.value){return this.value.charAt(t)}getCharAtBackspacePosition(){return this.getCharAt(this.position.value-1)}setChar(t=this._options.event.key,e=this.position.value){this.value=this.value.substring(0,e)+t+this.value.substring(e+1)}}A.NUMBER_KEYS=["0","1","2","3","4","5","6","7","8","9"],A.NAVIGATION_KEYS=["Home","End","ArrowLeft","Left","ArrowRight","Right","Tab","Enter","Esc","Escape"];class N extends I{get locale(){return this._options.event.locale}}class R extends I{}class H extends I{get newValue(){return this._options.event.newValue}get oldValue(){return this._options.event.oldValue}get didValueChange(){return this.newValue!==this.oldValue}}class T{constructor(t){this._isSeparator=!1,this._allowedKeys=[],this._locale="de-CH",this._from=t.from||0,this._to=t.to||0,this._isSeparator=void 0!==t.isSeparator&&t.isSeparator,this._mask=t.mask||"_",this._allowedKeys=t.allowedKeys?t.allowedKeys:this.allowedKeys,this._format=t.format}format(t){return this._format?this._format(t.replace(this.mask,""),this._locale,this.mask):t}get isSeparator(){return this._isSeparator}get to(){return this._to}get from(){return this._from}get mask(){return"function"==typeof this._mask?this._mask(this._locale):this._mask}get allowedKeys(){return this._allowedKeys}onI18nChange(t){this._locale=t}getValueOfTheBlock(t){return t.slice(this._from,this._to)}isTouched(t){return!this.getValueOfTheBlock(t).split("").every((t=>t===this.mask))}verifyAllowedKeyHits(t){return!(!this.isSeparator||t!==this.mask)||this.allowedKeys.indexOf(t)>=0}}class E{constructor(t=[]){this._list=t}get lastPosition(){return this._list[this._list.length-1].to}get list(){return this._list}set list(t){this._list=t}clone(){return new E([...this._list])}findByIndex(t,e=this.list){return e.find((e=>e.from<=t&&t<e.to))}getPlaceholderMask(){const t=[];return this.list.forEach((e=>{const a=e.to-e.from;for(let i=0;i<a;i++)t.push(e.mask)})),t.join("")}getRawValueWithoutMaskByContext(t){return this.getRawValueWithoutMask(t.value)}getRawValueWithoutMask(t){if(t){let e=[];const a=t.split("");for(let t=0;t<a.length;t++){const i=a[t],s=this.findByIndex(t);e.push(s&&!s.isSeparator?i.replace(s.mask,""):i)}return e=e.filter((t=>t)),this.list.filter((t=>t.isSeparator)).length===e.length?"":e.join("")}return""}formatBlocks(t,e){let a=`${t}`;for(let t=0;t<this.list.length;t++){const i=this.list[t];if(e!==t&&!i.isSeparator&&i.isTouched(a)){const t=i.getValueOfTheBlock(a),e=i.format(t);a=a.substring(0,i.from)+e+a.substring(i.to)}}return a}getBlockIndexFromPosition(t){const e=this.list.reduce(((t,e)=>t+e.to-e.from),0);if(t===e)return this.list.length-1;const a=this.list.findIndex((e=>e.from<=t&&t<e.to));return a<0?void 0:Math.min(e,a)}verifyCallOfNextSeparator(t,e){if(this.list.length-1>e){const a=this.list[e+1];if(a.isSeparator&&a.mask===t)return!0}return!1}}class Y{constructor(t=[]){this.inputMode="text",this.locale="de-CH",this.blocks=new E(t)}onLocaleChange(t,e,a){if(t.target){const e=t.value.split("");for(let t=0;t<e.length;t++){const i=e[t],s=this.blocks.findByIndex(t),n=a.findByIndex(t);s&&n&&(s.isSeparator||i===n.mask)&&(e[t]=s.mask)}t.value=e.join("")}}onFocus(t){}onBlur(t){}onChange(t){t.submit("change",this.onParseValue(t.value))}onNavigationDown(t,e,a){}onSelectAll(t,e,a){}onPaste(t,e,a){t.value=t.clipboardData||"",t.position.toEnd()}onBlockChange(t,e,a){t.setChar(),t.position.next();const i=this.blocks.list[a+1];t.position.value===e.to&&i&&i.isSeparator&&t.position.next()}onBackspaceDown(t,e,a){if(t.position.previous(),!e.isSeparator){t.setChar(e.mask);const i=this.blocks.list[a-1];t.position.value===e.from&&i&&i.isSeparator&&t.position.previous()}}onDeleteDown(t,e,a){t.setChar(e.mask),t.position.next();const i=this.blocks.list[a+1];t.position.value===e.to&&i&&i.isSeparator&&t.position.next()}onValueChanged(t){const e=this.onFormatValue(t.newValue),a=t.focused&&""===e?this.blocks.getPlaceholderMask():e;t.value=a,t.position.toEnd()}onParseValue(t,e={allowInvalidValue:!1}){return t?t.trim():t||""}onFormatValue(t){return t?t.trim():t||""}toParsedValue(t){return this.onParseValue(t)}toFormattedValue(t){return this.onFormatValue(t)}fireI18nChange(t){const e=this.blocks.clone(),a=`${t.locale}`;this.locale=t.locale,this.blocks.list.forEach((e=>e.onI18nChange(t.locale))),this.onLocaleChange(t,a,e)}fireValueChanged(t){t.didValueChange&&this.onValueChanged(t)}firePaste(t){const e=this.blocks.getBlockIndexFromPosition(t.position.value);void 0!==e&&(this.onPaste(t,this.blocks.list[e],e),this.onChange(t))}fireClick(t){this.blocks.getPlaceholderMask()===t.value&&t.position.toStart()}fireFocus(t){t.target&&t.isValueEmpty()&&this.resetInputValueWithMask(t),this.onFocus(t)}fireBlur(t){t.target&&(this.isValueEmptyMask(t)?this.emptyInputValue(t):(this.onBlur(t),t.submit("blur",this.onParseValue(t.value,{allowInvalidValue:t.component.allowInvalidValue}))))}fireKeyDown(t){const e=t.isBackspaceKey?Math.max(0,t.position.value-1):t.position.value,a=this.blocks.getBlockIndexFromPosition(e);if(e>=this.blocks.lastPosition&&!t.isNavigationKey&&!t.isSelectAllCommand)return t.preventDefault(),void t.stopPropagation();if(void 0===a||t.position.isRangeSelection)t.isTabKey||t.preventDefault(),t.isBackspaceKey||t.isDeleteKey?this.resetInputValueWithMask(t):this.blocks.list[0].verifyAllowedKeyHits(t.key)&&this.onBlockChange(t,this.blocks.list[0],0);else{const e=this.blocks.list[a];if(t.isNavigationKey)this.onNavigationDown(t,e,a);else if(t.isSelectAllCommand)this.onSelectAll(t,e,a);else if(t.isCopyCommand);else if(t.isPasteCommand);else if(t.isBackspaceKey)t.preventDefault(),this.onBackspaceDown(t,e,a);else if(t.isDeleteKey)t.preventDefault(),this.onDeleteDown(t,e,a);else if(t.isWhiteSpaceKey){if(t.preventDefault(),"."===t.value[t.position.value]){t.stopPropagation();const e=t.value;t.value=e.substring(0,t.position.value)+"_"+e.substring(t.position.value+1)}}else if(e.verifyAllowedKeyHits(t.key))t.preventDefault(),this.onBlockChange(t,e,a);else if(this.blocks.verifyCallOfNextSeparator(t.key,a)&&(t.preventDefault(),t.position.value>this.blocks.list[a].from)){const i=this.blocks.list[a+1],s=t.value,n=e.getValueOfTheBlock(s),l=e.format(n);t.value=s.substring(0,e.from)+l+s.substring(e.to),t.position.value=i.to}const i=this.blocks.getBlockIndexFromPosition(t.position.value);if(i&&!t.isBackspaceKey){const e=this.blocks.formatBlocks(t.value,i),a=t.position.value;t.value=e,t.position.value=a}}}resetInputValueWithMask(t){t.value=this.blocks.getPlaceholderMask(),t.position.toStart()}isValueEmptyMask(t){return this.blocks.getPlaceholderMask()===t.value}emptyInputValue(t){t.value="",t.submit("blur",t.value)}}class W extends Y{constructor(){super([new T({from:0,to:2,allowedKeys:[...C],format:(t,e,a)=>Number.isNaN(parseInt(t,10))?`${a}${a}`:t.padStart(2,"0"),mask:t=>this.dayMask[t.split("-")[0]]||this.dayMask.de}),new T({from:2,to:3,mask:t=>c(t),isSeparator:!0}),new T({from:3,to:5,allowedKeys:[...C],format:(t,e,a)=>Number.isNaN(parseInt(t,10))?`${a}${a}`:t.padStart(2,"0"),mask:t=>this.monthMask[t.split("-")[0]]||this.monthMask.de}),new T({from:5,to:6,mask:t=>c(t),isSeparator:!0}),new T({from:6,to:10,allowedKeys:[...C],mask:t=>this.yearMask[t.split("-")[0]]||this.yearMask.de})]),this.maxLength=10,this.minLength=10,this.inputMode="decimal",this.dayMask={de:"T",en:"D",fr:"J",it:"G",nl:"D",es:"D",pl:"D",pt:"D",sv:"D",fi:"M"},this.monthMask={de:"M",en:"M",fr:"M",it:"M",nl:"M",es:"M",pl:"M",pt:"M",sv:"M",fi:"K"},this.yearMask={de:"J",en:"Y",fr:"A",it:"A",nl:"J",es:"A",pl:"R",pt:"A",sv:"Å",fi:"V"}}onParseValue(t,e={allowInvalidValue:!1}){if(t){const a=d.fromAnyFormat(this.blocks.getRawValueWithoutMask(t));if(a.isValid)return a.toISODate();if(e&&e.allowInvalidValue)return j}return""}onFormatValue(t){if(t){const e=d.fromISO(t);if(e.isValid)return e.toFormat()}return""}onPaste(t,e,a){const i=d.fromAnyFormat(t.clipboardData||"");i.isValid&&(t.value=i.toFormat(),t.position.toEnd())}onBlur(t){const e=this.blocks.getRawValueWithoutMaskByContext(t),a=d.fromAnyFormat(e);if(a.isValid){const e=a.toFormat();e!==t.value&&(t.value=e)}else t.component.allowInvalidValue&&e!==t.value&&(t.value=e)}}class G{constructor(t){this.mask=t}get attributes(){return{inputMode:this.mask.inputMode,maxLength:this.mask.maxLength,minLength:this.mask.minLength,type:"text",autoCapitalize:"off",autoCorrect:"off",spellcheck:!1}}bindComponent(t){this.component=t}bindComponentDidLoad(){this.component&&this.component.nativeInput&&(this.component.nativeInput.value=this.component.value||""),this.bindValueChanged(this.component.value,void 0)}bindConfigChanged(t){const{component:e,mask:a}=this,i=new N({component:e,mask:a,event:{locale:`${t.language}-${t.region}`}});this.mask.fireI18nChange(i),i.submit()}bindValueChanged(t,e){const{component:a,mask:i}=this,s=new H({component:a,mask:i,event:{newValue:t,oldValue:e}});this.mask.fireValueChanged(s),s.submit("blur")}bindKeyDown(t){if(this.isComponentAccessible){const{component:e,mask:a}=this,i=new A({event:t,component:e,mask:a});this.mask.fireKeyDown(i),i.submit("Tab"===t.key?"tab":"input"),e.balKeyPress.emit(t)}}bindFocus(t){if(this.isComponentAccessible){const{component:e,mask:a}=this;e.focused=!0;const i=new K({event:t,component:e,mask:a});this.mask.fireFocus(i),i.submit(),e.balFocus.emit(t)}}bindBlur(t){if(this.isComponentAccessible){const{component:e,mask:a}=this;e.focused=!1;const i=new K({event:t,component:e,mask:a});this.mask.fireBlur(i),i.submit("blur"),e.balBlur.emit(t)}}bindPaste(t){if(this.isComponentAccessible){const{component:e,mask:a}=this,i=new S({event:t,component:e,mask:a});this.mask.firePaste(i),i.submit()}}bindFormReset(t){const e=t.target;e&&(e===this.component.el||e.contains(this.component.el))&&(this.component.value=this.component.initialValue,this.component.inputValue=this.component.initialValue,clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.component.nativeInput&&(this.component.nativeInput.value=this.mask.toFormattedValue(this.component.value||""))})))}bindClick(t){if(this.isComponentAccessible){const{component:e,mask:a}=this,i=new R({event:t,component:e,mask:a});this.mask.fireClick(i),i.submit()}}bindHostClick(t){this.isComponentAccessible||(t.preventDefault(),t.stopPropagation())}bindGlobalClick(t){this.isComponentAccessible||t.target&&t.target===this.component.el&&(t.preventDefault(),t.stopPropagation())}get isComponentAccessible(){return!this.component.disabled&&!this.component.readonly}}const J=class{constructor(t){e(this,t),this.balKeyPress=a(this,"balKeyPress",7),this.balChange=a(this,"balChange",7),this.balInput=a(this,"balInput",7),this.balBlur=a(this,"balBlur",7),this.balFocus=a(this,"balFocus",7),this.inputId="bal-i-date-"+q++,this.inheritedAttributes={},this.maskAdapter=new G(new W),this.inputValue=this.value,this.initialValue=this.value||"",this.focused=!1,this.isGrouped=!1,this.ariaForm=x,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.placeholder=void 0,this.clickable=!1,this.min=void 0,this.max=void 0,this.autocomplete="off",this.hasIconRight=!1,this.value=void 0,this.autoInvalidOff=!1,this.allowInvalidValue=!1}createLogger(t){this.log=t}valueChanged(t,e){this.maskAdapter.bindValueChanged(t,e)}connectedCallback(){this.maskAdapter.bindComponent(this),this.isGrouped=m("bal-input-group",this.el)}componentDidLoad(){this.maskAdapter.bindComponentDidLoad()}componentWillRender(){this.inheritedAttributes=y(this.el,["aria-label","tabindex","title"])}async configChanged(t){this.maskAdapter.bindConfigChanged(t)}resetHandler(t){this.maskAdapter.bindFormReset(t)}listenOnClick(t){this.maskAdapter.bindGlobalClick(t)}async setFocus(){w(this)}async setBlur(){k(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}render(){const e=f.block("input-date"),a=e.element("native");return t(i,{key:"c1401f0c7df85ca5d78649b764215e27aa6790ae",onClick:t=>this.maskAdapter.bindHostClick(t),class:Object.assign({},e.class())},t("input",Object.assign({key:"37c33527ad82e2f74b19f734f2a752cc49a8a352",class:{input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"is-clickable":this.clickable&&!(this.disabled||this.readonly),"bal-focusable":!this.disabled,"has-icon-right":this.hasIconRight},"data-testid":"bal-date-input",ref:t=>this.nativeInput=t,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,required:this.required,disabled:this.disabled,readonly:this.readonly,autoComplete:this.autocomplete},this.maskAdapter.attributes,this.inheritedAttributes,{placeholder:this.placeholder,value:this.inputValue,onKeyDown:t=>this.maskAdapter.bindKeyDown(t),onClick:t=>this.maskAdapter.bindClick(t),onFocus:t=>this.maskAdapter.bindFocus(t),onBlur:t=>this.maskAdapter.bindBlur(t),onPaste:t=>this.maskAdapter.bindPaste(t)})),t("input",{key:"c2b6921f78a345008b3475273f19dfe1dcd59373",type:"date",class:Object.assign({},a.class()),name:this.name,min:this.min,max:this.max,value:this.value,tabindex:-1,"aria-hidden":"true"}))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"]}}};n([b("bal-input-date"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],J.prototype,"createLogger",null),n([_(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],J.prototype,"configChanged",null);let q=0;J.style=".bal-input-date{display:block;width:100%;-ms-flex:1;flex:1}.bal-input-date input:not(:-moz-placeholder-shown){letter-spacing:.4px}.bal-input-date input:not(:-ms-input-placeholder){letter-spacing:.4px}.bal-input-date input:not(:placeholder-shown){letter-spacing:.4px}.bal-input-date__native{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}";export{F as bal_date_calendar,J as bal_input_date}

package/dist/baloise-design-system/{p-60f5e5faa6.entry.js → p-8b386e9117.entry.js}

@@ -1 +1 @@
-import{h as o,r as e,c as t,H as r,g as a}from"./p-2ccbe55a.js";import{_ as l,a as i}from"./p-43c9f5e9.js";import{B as n}from"./p-ae86d0a0.js";import{L as d}from"./p-b77e3348.js";import{s as p}from"./p-81894fe8.js";import{i as s}from"./p-dd5e13d1.js";import{d as h}from"./p-f385e205.js";import{n as c,b,l as _,r as u,d as m}from"./p-21f87590.js";import{b as w}from"./p-a65354df.js";import{a as v}from"./p-00b37ea2.js";import{l as f}from"./p-9a3d9e17.js";import{F as g}from"./p-ca119357.js";import{b as x}from"./p-90a51218.js";import{D as y}from"./p-5ed239cc.js";import{i as k,a as j,b as O,c as C,d as z}from"./p-dc98854c.js";import{a as F}from"./p-d9b38501.js";import{d as L}from"./p-a19d1e1d.js";import{L as A}from"./p-69e7c8d6.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-166d571e.js";import"./p-4573c419.js";class D{constructor(){this.handleAutoFill=async o=>{if(p(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,e=await this.parseAutoFillValueWithOptions(o);if(void 0===e)return void(this.component.isAutoFilled=!1);v(e,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(e,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const e=await this.component.listEl.getOptions();for(let t=0;t<e.length;t++){const r=e[t];if(r.value===o||r.label===o)return[r.value]}}}const E={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};class S{constructor(){this.handlePointerDown=()=>{this.component.isKeyboardMode=!1},this.handleKeydown=o=>{this.component.isKeyboardMode=g.includes(o.key)}}connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(o){this.component.isExpanded||(this.component.hasFocus=!1,c((()=>this.component.balBlur.emit(o))))}handleClick(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips&&o.target.closest("bal-close"))return;if(this.component.clearable&&o.target.closest(".bal-dropdown__clear"))return void this.component.valueUtil.updateRawValueBySelection([]);this.component.popupUtil.toggleList()}}handleOutsideClick(o){var e;this.component.isExpanded&&(this.component.el.contains(o.target)||(this.component.isExpanded=!1,null===(e=this.component.listEl)||void 0===e||e.resetFocus(),this.component.hasFocus=!1,c((()=>this.component.balBlur.emit(o)))))}}class V{connectedCallback(o){this.component=o}focusOptionByLabel(o,e={}){this.component.labelToFocus=(this.component.labelToFocus+o).trim(),this.component.labelToFocus.length>0&&(clearTimeout(this.keyHitTimeout),this.keyHitTimeout=setTimeout((()=>{var o;null===(o=this.component.listEl)||void 0===o||o.focusByLabel(this.component.labelToFocus,e)}),100),clearTimeout(this.timeout),this.timeout=setTimeout((async()=>{this.component.labelToFocus=""}),1e3))}}class B{connectedCallback(o){this.component=o,this.component.initialValue=this.component.value}componentDidRender(){this.component.selectEl&&this.component.selectEl.querySelectorAll("option").forEach((o=>{this.component.rawValue.includes(o.value)&&(o.selected=!0)}))}handle(o){const e=o.target;(null==e?void 0:e.contains(this.component.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{const o=this.component.valueUtil.parseValueString(this.component.initialValue);this.component.valueUtil.updateRawValueBySelection(o)}),0))}}const q=({name:e,httpFormSubmit:t,multiple:r,required:a,disabled:l,rawValue:i,refSelectEl:d})=>{const p=n.block("dropdown");return t?o("select",{class:Object.assign({},p.element("root").element("select").class()),"aria-hidden":"true",name:e,multiple:r,required:a,disabled:l,tabindex:-1,ref:d},i.map((e=>o("option",{key:e,value:e,selected:!0},e)))):""},R=({size:e,theme:t,icon:r,language:a,loading:l,clearable:i,invalid:d,filled:p,expanded:s,disabled:h})=>{const c=n.block("dropdown");return l?o("bal-spinner",{class:Object.assign({},c.element("rear").class()),small:!0,variation:"circle"}):i&&p&&!h?o("button",{title:E[a].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},c.element("rear").class()),c.element("clear").class()),c.element("clear").modifier("invalid").class(d)),c.element("clear").modifier("theme-purple").class("purple"===t))},o("bal-icon",{class:Object.assign({},c.element("rear").class()),name:"purple"===t?"close":"close-circle",size:e,color:"purple"===t?"primary":"grey"})):o("bal-icon",{class:Object.assign({},c.element("rear").class()),name:r,size:e,turn:s,color:h?"grey":d?"danger":p||"purple"!==t?"primary":"primary-light"})},T=({inputId:e,isExpanded:t,rawOptions:r,isDisabled:a,hasPropOptions:l,required:i,filter:d,multiple:p,contentHeight:s,refPanelEl:h,refListEl:c})=>{const b=n.block("dropdown");return o("div",{id:`${e}-menu`,class:Object.assign(Object.assign({},b.element("list").class()),b.element("list").modifier("expanded").class(t)),ref:h},o("bal-option-list",{multiple:p,disabled:a,filter:d,required:i,contentHeight:s,ref:c},o("slot",null),l?r.map((e=>o("bal-option",{key:e.value,value:e.value,label:e.label,disabled:e.disabled,multiline:e.multiline,invalid:e.invalid,hidden:e.hidden,selected:e.selected,focused:e.focused},e.label))):""))};class ${constructor(){this.updatePanelPosition=(o,e,t)=>()=>{o.computePosition(e,t,{placement:"bottom-start",middleware:[o.flip(),o.shift()]}).then((({x:o,y:e})=>{Object.assign(t.style,{left:`${o}px`,top:`${e}px`})}))}}connectedCallback(o){this.component=o}toggleList(){this.component.valueUtil.isDisabled()||(this.component.isExpanded?this.collapseList():this.expandList())}async expandList(){var o;if(this.component.panelEl){const o=await x.load();this.component.panelCleanup=o.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(o,this.component.el,this.component.panelEl))}this.component.isExpanded=!0,await(null===(o=this.component.listEl)||void 0===o?void 0:o.focusSelected())}collapseList(){var o;this.component.isExpanded=!1,null===(o=this.component.listEl)||void 0===o||o.resetFocus(),this.component.panelCleanup&&this.component.panelCleanup()}}class I{connectedCallback(o){this.component=o}componentDidLoad(){setTimeout((()=>this.valueChanged(this.component.value,void 0)),0)}isDisabled(){return this.component.disabled||this.component.readonly}isFilled(){return this.component.rawValue&&this.component.rawValue.length>0}valueChanged(o,e){const t=typeof o;t!==typeof e&&this.updateRawValueByValueProp(o),"string"===t&&o!==e&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(e)&&!v(o,e)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],e=!1){this.component.isAutoFilled=e,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let e=[];return f(o)||""===o||(e=Array.isArray(o)?[...o.filter((o=>!f(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),e}updateRawValueByValueProp(o=[]){const e=this.parseValueString(o);this.updateRawValue(e)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const e=this.component.rawValue.filter((e=>e!==o.value));this.updateRawValueBySelection(e)}async updateInputContent(){await b(),this.component.listEl&&(this.component.choices=await this.component.listEl.getSelectedOptions(this.component.rawValue),this.component.inputLabel=this.component.choices.map((o=>o.label.trim())).sort().join(","))}}const P=({inlineLabel:e,filled:t,chips:r,placeholder:a,choices:l,invalid:i,disabled:d,readonly:p,onRemoveChip:s})=>{const h=n.block("dropdown");return t?r?o("div",{class:Object.assign({},h.element("root").element("content").element("chips").class())},l.map((e=>o("bal-tag",{key:e.value,"data-test":"bal-dropdown-chip",size:"small",invalid:i,disabled:d||p,closable:!(d||p),onBalCloseClick:()=>s(e)},e.label)))):(e&&`${e}: `)+l.map((o=>o.label)).join(", "):a},H=({name:e,inputId:t,httpFormSubmit:r,ariaForm:a,rawValue:l,autocomplete:i,required:d,disabled:p,readonly:s,placeholder:h,expanded:c,invalid:b,language:_,inputLabel:u,inheritedAttributes:m,refInputEl:w,onChange:v,onFocus:f,onBlur:g,onKeyDown:x})=>{const y=n.block("dropdown"),k=()=>o("input",Object.assign({id:a.controlId||`${t}-ctrl`,class:Object.assign({},y.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",name:e,autoComplete:i,value:l.join(","),required:d,disabled:p,readonly:s,placeholder:h,title:c?E[_].close:E[_].open,"aria-label":c?E[_].close:E[_].open,"aria-owns":`${t}-menu`,"aria-invalid":F(b),"aria-disabled":F(p||s),"aria-labelledby":a.labelId,"aria-describedby":a.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":u,"data-value":l.join(","),ref:o=>w(o),onChange:o=>v(o),onFocus:o=>f(o),onBlur:o=>g(o),onKeyDown:o=>x(o)},m));return r?o(k,null):o("form",{novalidate:!0},o(k,null))},W=class{constructor(o){e(this,o),this.balChange=t(this,"balChange",7),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.inputId="bal-dropdown-"+K++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.valueUtil=new I,this.eventsUtil=new S,this.popupUtil=new $,this.optionUtil=new y,this.formSubmitUtil=new B,this.focusUtil=new V,this.autoFillUtil=new D,this.hasConnected=!1,this.listenToOptionChange=o=>{this.optionUtil.listenToOptionChange(o)},this.listenOnClickOutside=o=>{this.eventsUtil.handleOutsideClick(o)},this.resetHandler=o=>{this.formSubmitUtil.handle(o)},this.handleAutoFill=async o=>{this.log("(handleAutoFill)",o,this.nativeEl.value),this.autoFillUtil.handleAutoFill(o)},this.handleKeyDown=o=>{var e,t,r,a,l;o&&o.key?this.isExpanded?k(o)?(p(o),null===(e=this.listEl)||void 0===e||e.focusNext()):j(o)?(p(o),null===(t=this.listEl)||void 0===t||t.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(p(o),null===(r=this.listEl)||void 0===r||r.focusFirst()):"End"===o.key||"PageDown"===o.key?(p(o),null===(a=this.listEl)||void 0===a||a.focusLast()):O(o)?(p(o),null===(l=this.listEl)||void 0===l||l.selectByFocus()):"Tab"===o.key||C(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):O(o)||z(o)?(p(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()},this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.isKeyboardMode=!1,this.inputLabel="",this.ariaForm=h,this.language=L.language,this.region=L.region,this.httpFormSubmit=L.httpFormSubmit,this.labelToFocus="",this.autocomplete="off",this.name=this.inputId,this.placeholder="",this.inlineLabel="",this.icon="caret-down",this.size="",this.theme="",this.disabled=!1,this.readonly=!1,this.multiple=!1,this.chips=!1,this.clearable=!1,this.invalid=!1,this.required=!1,this.loading=!1,this.filter="includes",this.contentHeight=262,this.inverted=!1,this.options=[],this.value=[]}createLogger(o){this.log=o}async optionChanged(){this.optionUtil.optionChanged()}valueChanged(o,e){this.valueUtil.valueChanged(o,e)}connectedCallback(){this.hasConnected||(this.eventsUtil.connectedCallback(this),this.valueUtil.connectedCallback(this),this.popupUtil.connectedCallback(this),this.optionUtil.connectedCallback(this),this.formSubmitUtil.connectedCallback(this),this.focusUtil.connectedCallback(this),this.autoFillUtil.connectedCallback(this)),_(this.el,"balOptionChange",this.listenToOptionChange),w.hasDocument&&(_(document,"keydown",this.eventsUtil.handleKeydown),_(document,"touchstart",this.eventsUtil.handlePointerDown),_(document,"mousedown",this.eventsUtil.handlePointerDown),_(document,"click",this.listenOnClickOutside),_(document,"reset",this.resetHandler,{capture:!0})),this.hasConnected=!0}disconnectedCallback(){u(this.el,"balOptionChange",this.listenToOptionChange),w.hasDocument&&(u(document,"keydown",this.eventsUtil.handleKeydown),u(document,"touchstart",this.eventsUtil.handlePointerDown),u(document,"mousedown",this.eventsUtil.handlePointerDown),u(document,"click",this.listenOnClickOutside),u(document,"reset",this.resetHandler,{capture:!0}))}async componentWillRender(){this.inheritedAttributes=s(this.el,["tabindex"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await m(),this.nativeEl.focus())}async getValue(){return this.rawValue}async clear(){this.valueUtil.updateRawValueBySelection([])}async open(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.expandList()}async close(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.collapseList()}async select(o){const e=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(e)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const e=n.block("dropdown"),t=this.valueUtil.isFilled(),a=""!==this.size,l=`size-${this.size}`,i=""!==this.theme,d=`theme-${this.theme}`,p="purple"===this.theme?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return o(r,{key:"76447733642f7e5cfafaee1d23b7db1d458fea13",class:Object.assign({},e.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{key:"f15d237a0aa27c7bc6d578b107547c2ba7b36ad3",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("root").class()),e.element("root").modifier("focused").class(p)),e.element("root").modifier("invalid").class(this.invalid)),e.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),e.element("root").modifier("autofill").class(this.isAutoFilled)),e.element("root").modifier(l).class(a)),e.element("root").modifier(d).class(i)),e.element("root").modifier(d+"-filled").class(t&&i)),e.element("root").modifier(d+"-expanded").class(this.isExpanded&&i)),"data-test":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},o("span",{key:"8cd1f403f473212d52bb1d992e506e0db483ad11",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.element("root").element("content").class()),e.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),e.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled())),e.element("root").element("content").modifier(l).class(a))},o(P,{key:"5e58e0734c37d2827515449e5fe61f3fe489ad01",filled:this.valueUtil.isFilled(),inlineLabel:this.inlineLabel,chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:o=>this.valueUtil.removeOption(o)})),o(H,{key:"f289ba14f7120bfad09dfdfc2f034bdacaf52d74",name:this.name,inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:o=>this.nativeEl=o,onChange:o=>this.handleAutoFill(o),onFocus:o=>this.eventsUtil.handleFocus(o),onBlur:o=>this.eventsUtil.handleBlur(o),onKeyDown:o=>this.handleKeyDown(o)}),o(q,{key:"c32cb85f707db22ed5774d0a6bbd904bc63ea69c",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),o(R,{key:"b263377bf16e268d3f555242e15325ba36d2b91f",icon:this.icon,size:this.size,theme:this.theme,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:t,disabled:this.valueUtil.isDisabled()})),o(T,{key:"cdfb11f2ef449f82ddf32f944cea8faea9027372",inputId:this.inputId,block:this.inputId,filter:this.filter,required:this.required,isExpanded:this.isExpanded,isDisabled:this.valueUtil.isDisabled(),hasPropOptions:this.optionUtil.hasPropOptions(),multiple:this.multiple,contentHeight:this.contentHeight,rawOptions:this.rawOptions,refPanelEl:o=>this.panelEl=o,refListEl:o=>this.listEl=o},o("slot",{key:"0a281eed8eea22ec5a345d8a1db295ad85b874ed"})))}get el(){return a(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};l([d("bal-dropdown"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],W.prototype,"createLogger",null),l([A(),i("design:type",Function),i("design:paramtypes",[Object]),i("design:returntype",Promise)],W.prototype,"configChanged",null);let K=0;W.style=':root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-2);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-2);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:.5rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:block;visibility:hidden;opacity:0;min-width:100%;width:100%;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}.bal-dropdown__list--expanded{visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded,.bal-dropdown__root--theme-purple-expanded:hover,.bal-dropdown__root--theme-purple-expanded:active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';export{W as bal_dropdown}
+import{h as o,r as e,c as t,H as r,g as a}from"./p-2ccbe55a.js";import{_ as l,a as i}from"./p-43c9f5e9.js";import{B as n}from"./p-ae86d0a0.js";import{L as d}from"./p-b77e3348.js";import{s as p}from"./p-cc8cfbf3.js";import{i as s}from"./p-dd5e13d1.js";import{d as c}from"./p-f385e205.js";import{n as h,b,l as _,r as u,d as m}from"./p-f64319f1.js";import{b as w}from"./p-a65354df.js";import{a as v}from"./p-00b37ea2.js";import{l as f}from"./p-9a3d9e17.js";import{F as g}from"./p-ca119357.js";import{b as x}from"./p-e3c1d653.js";import{D as y}from"./p-5ed239cc.js";import{i as k,a as j,b as O,c as C,d as z}from"./p-dc98854c.js";import{a as F}from"./p-d9b38501.js";import{d as L}from"./p-a19d1e1d.js";import{L as A}from"./p-69e7c8d6.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-166d571e.js";import"./p-4573c419.js";class D{constructor(){this.handleAutoFill=async o=>{if(p(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,e=await this.parseAutoFillValueWithOptions(o);if(void 0===e)return void(this.component.isAutoFilled=!1);v(e,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(e,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const e=await this.component.listEl.getOptions();for(let t=0;t<e.length;t++){const r=e[t];if(r.value===o||r.label===o)return[r.value]}}}const E={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};class S{constructor(){this.handlePointerDown=()=>{this.component.isKeyboardMode=!1},this.handleKeydown=o=>{this.component.isKeyboardMode=g.includes(o.key)}}connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(o){this.component.isExpanded||(this.component.hasFocus=!1,h((()=>this.component.balBlur.emit(o))))}handleClick(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips&&o.target.closest("bal-close"))return;if(this.component.clearable&&o.target.closest(".bal-dropdown__clear"))return void this.component.valueUtil.updateRawValueBySelection([]);this.component.popupUtil.toggleList()}}handleOutsideClick(o){var e;this.component.isExpanded&&(this.component.el.contains(o.target)||(this.component.isExpanded=!1,null===(e=this.component.listEl)||void 0===e||e.resetFocus(),this.component.hasFocus=!1,h((()=>this.component.balBlur.emit(o)))))}}class V{connectedCallback(o){this.component=o}focusOptionByLabel(o,e={}){this.component.labelToFocus=(this.component.labelToFocus+o).trim(),this.component.labelToFocus.length>0&&(clearTimeout(this.keyHitTimeout),this.keyHitTimeout=setTimeout((()=>{var o;null===(o=this.component.listEl)||void 0===o||o.focusByLabel(this.component.labelToFocus,e)}),100),clearTimeout(this.timeout),this.timeout=setTimeout((async()=>{this.component.labelToFocus=""}),1e3))}}class B{connectedCallback(o){this.component=o,this.component.initialValue=this.component.value}componentDidRender(){this.component.selectEl&&this.component.selectEl.querySelectorAll("option").forEach((o=>{this.component.rawValue.includes(o.value)&&(o.selected=!0)}))}handle(o){const e=o.target;(null==e?void 0:e.contains(this.component.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{const o=this.component.valueUtil.parseValueString(this.component.initialValue);this.component.valueUtil.updateRawValueBySelection(o)}),0))}}const q=({name:e,httpFormSubmit:t,multiple:r,required:a,disabled:l,rawValue:i,refSelectEl:d})=>{const p=n.block("dropdown");return t?o("select",{class:Object.assign({},p.element("root").element("select").class()),"aria-hidden":"true",name:e,multiple:r,required:a,disabled:l,tabindex:-1,ref:d},i.map((e=>o("option",{key:e,value:e,selected:!0},e)))):""},R=({size:e,theme:t,icon:r,language:a,loading:l,clearable:i,invalid:d,filled:p,expanded:s,disabled:c})=>{const h=n.block("dropdown");return l?o("bal-spinner",{class:Object.assign({},h.element("rear").class()),small:!0,variation:"circle"}):i&&p&&!c?o("button",{title:E[a].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},h.element("rear").class()),h.element("clear").class()),h.element("clear").modifier("invalid").class(d)),h.element("clear").modifier("theme-purple").class("purple"===t))},o("bal-icon",{class:Object.assign({},h.element("rear").class()),name:"purple"===t?"close":"close-circle",size:e,color:"purple"===t?"primary":"grey"})):o("bal-icon",{class:Object.assign({},h.element("rear").class()),name:r,size:e,turn:s,color:c?"grey":d?"danger":p||"purple"!==t?"primary":"primary-light"})},T=({inputId:e,isExpanded:t,rawOptions:r,isDisabled:a,hasPropOptions:l,required:i,filter:d,multiple:p,contentHeight:s,refPanelEl:c,refListEl:h})=>{const b=n.block("dropdown");return o("div",{id:`${e}-menu`,class:Object.assign(Object.assign({},b.element("list").class()),b.element("list").modifier("expanded").class(t)),ref:c},o("bal-option-list",{multiple:p,disabled:a,filter:d,required:i,contentHeight:s,ref:h},o("slot",null),l?r.map((e=>o("bal-option",{key:e.value,value:e.value,label:e.label,disabled:e.disabled,multiline:e.multiline,invalid:e.invalid,hidden:e.hidden,selected:e.selected,focused:e.focused},e.label))):""))};class ${constructor(){this.updatePanelPosition=(o,e,t)=>()=>{o.computePosition(e,t,{placement:"bottom-start",middleware:[o.flip(),o.shift()]}).then((({x:o,y:e})=>{Object.assign(t.style,{left:`${o}px`,top:`${e}px`})}))}}connectedCallback(o){this.component=o}toggleList(){this.component.valueUtil.isDisabled()||(this.component.isExpanded?this.collapseList():this.expandList())}async expandList(){var o;if(this.component.panelEl){const o=await x.load();this.component.panelCleanup=o.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(o,this.component.el,this.component.panelEl))}this.component.isExpanded=!0,await(null===(o=this.component.listEl)||void 0===o?void 0:o.focusSelected())}collapseList(){var o;this.component.isExpanded=!1,null===(o=this.component.listEl)||void 0===o||o.resetFocus(),this.component.panelCleanup&&this.component.panelCleanup()}}class I{connectedCallback(o){this.component=o}componentDidLoad(){setTimeout((()=>this.valueChanged(this.component.value,void 0)),0)}isDisabled(){return this.component.disabled||this.component.readonly}isFilled(){return this.component.rawValue&&this.component.rawValue.length>0}valueChanged(o,e){const t=typeof o;t!==typeof e&&this.updateRawValueByValueProp(o),"string"===t&&o!==e&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(e)&&!v(o,e)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],e=!1){this.component.isAutoFilled=e,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let e=[];return f(o)||""===o||(e=Array.isArray(o)?[...o.filter((o=>!f(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),e}updateRawValueByValueProp(o=[]){const e=this.parseValueString(o);this.updateRawValue(e)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const e=this.component.rawValue.filter((e=>e!==o.value));this.updateRawValueBySelection(e)}async updateInputContent(){await b(),this.component.listEl&&(this.component.choices=await this.component.listEl.getSelectedOptions(this.component.rawValue),this.component.inputLabel=this.component.choices.map((o=>o.label.trim())).sort().join(","))}}const P=({inlineLabel:e,filled:t,chips:r,placeholder:a,choices:l,invalid:i,disabled:d,readonly:p,onRemoveChip:s})=>{const c=n.block("dropdown");return t?r?o("div",{class:Object.assign({},c.element("root").element("content").element("chips").class())},l.map((e=>o("bal-tag",{key:e.value,"data-test":"bal-dropdown-chip",size:"small",invalid:i,disabled:d||p,closable:!(d||p),onBalCloseClick:()=>s(e)},e.label)))):(e&&`${e}: `)+l.map((o=>o.label)).join(", "):a},H=({name:e,inputId:t,httpFormSubmit:r,ariaForm:a,rawValue:l,autocomplete:i,required:d,disabled:p,readonly:s,placeholder:c,expanded:h,invalid:b,language:_,inputLabel:u,inheritedAttributes:m,refInputEl:w,onChange:v,onFocus:f,onBlur:g,onKeyDown:x})=>{const y=n.block("dropdown"),k=()=>o("input",Object.assign({id:a.controlId||`${t}-ctrl`,class:Object.assign({},y.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",name:e,autoComplete:i,value:l.join(","),required:d,disabled:p,readonly:s,placeholder:c,title:h?E[_].close:E[_].open,"aria-label":h?E[_].close:E[_].open,"aria-owns":`${t}-menu`,"aria-invalid":F(b),"aria-disabled":F(p||s),"aria-labelledby":a.labelId,"aria-describedby":a.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":u,"data-value":l.join(","),ref:o=>w(o),onChange:o=>v(o),onFocus:o=>f(o),onBlur:o=>g(o),onKeyDown:o=>x(o)},m));return r?o(k,null):o("form",{novalidate:!0},o(k,null))},W=class{constructor(o){e(this,o),this.balChange=t(this,"balChange",7),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.inputId="bal-dropdown-"+K++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.valueUtil=new I,this.eventsUtil=new S,this.popupUtil=new $,this.optionUtil=new y,this.formSubmitUtil=new B,this.focusUtil=new V,this.autoFillUtil=new D,this.hasConnected=!1,this.listenToOptionChange=o=>{this.optionUtil.listenToOptionChange(o)},this.listenOnClickOutside=o=>{this.eventsUtil.handleOutsideClick(o)},this.resetHandler=o=>{this.formSubmitUtil.handle(o)},this.handleAutoFill=async o=>{this.log("(handleAutoFill)",o,this.nativeEl.value),this.autoFillUtil.handleAutoFill(o)},this.handleKeyDown=o=>{var e,t,r,a,l;o&&o.key?this.isExpanded?k(o)?(p(o),null===(e=this.listEl)||void 0===e||e.focusNext()):j(o)?(p(o),null===(t=this.listEl)||void 0===t||t.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(p(o),null===(r=this.listEl)||void 0===r||r.focusFirst()):"End"===o.key||"PageDown"===o.key?(p(o),null===(a=this.listEl)||void 0===a||a.focusLast()):O(o)?(p(o),null===(l=this.listEl)||void 0===l||l.selectByFocus()):"Tab"===o.key||C(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):O(o)||z(o)?(p(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()},this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.isKeyboardMode=!1,this.inputLabel="",this.ariaForm=c,this.language=L.language,this.region=L.region,this.httpFormSubmit=L.httpFormSubmit,this.labelToFocus="",this.autocomplete="off",this.name=this.inputId,this.placeholder="",this.inlineLabel="",this.icon="caret-down",this.size="",this.theme="",this.disabled=!1,this.readonly=!1,this.multiple=!1,this.chips=!1,this.clearable=!1,this.invalid=!1,this.required=!1,this.loading=!1,this.filter="includes",this.contentHeight=262,this.inverted=!1,this.options=[],this.value=[]}createLogger(o){this.log=o}async optionChanged(){this.optionUtil.optionChanged()}valueChanged(o,e){this.valueUtil.valueChanged(o,e)}connectedCallback(){this.hasConnected||(this.eventsUtil.connectedCallback(this),this.valueUtil.connectedCallback(this),this.popupUtil.connectedCallback(this),this.optionUtil.connectedCallback(this),this.formSubmitUtil.connectedCallback(this),this.focusUtil.connectedCallback(this),this.autoFillUtil.connectedCallback(this)),_(this.el,"balOptionChange",this.listenToOptionChange),w.hasDocument&&(_(document,"keydown",this.eventsUtil.handleKeydown),_(document,"touchstart",this.eventsUtil.handlePointerDown),_(document,"mousedown",this.eventsUtil.handlePointerDown),_(document,"click",this.listenOnClickOutside),_(document,"reset",this.resetHandler,{capture:!0})),this.hasConnected=!0}disconnectedCallback(){u(this.el,"balOptionChange",this.listenToOptionChange),w.hasDocument&&(u(document,"keydown",this.eventsUtil.handleKeydown),u(document,"touchstart",this.eventsUtil.handlePointerDown),u(document,"mousedown",this.eventsUtil.handlePointerDown),u(document,"click",this.listenOnClickOutside),u(document,"reset",this.resetHandler,{capture:!0}))}async componentWillRender(){this.inheritedAttributes=s(this.el,["tabindex"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await m(),this.nativeEl.focus())}async getValue(){return this.rawValue}async clear(){this.valueUtil.updateRawValueBySelection([])}async open(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.expandList()}async close(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.collapseList()}async select(o){const e=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(e)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const e=n.block("dropdown"),t=this.valueUtil.isFilled(),a=""!==this.size,l=`size-${this.size}`,i=""!==this.theme,d=`theme-${this.theme}`,p="purple"===this.theme?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return o(r,{key:"76447733642f7e5cfafaee1d23b7db1d458fea13",class:Object.assign({},e.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{key:"f15d237a0aa27c7bc6d578b107547c2ba7b36ad3",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("root").class()),e.element("root").modifier("focused").class(p)),e.element("root").modifier("invalid").class(this.invalid)),e.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),e.element("root").modifier("autofill").class(this.isAutoFilled)),e.element("root").modifier(l).class(a)),e.element("root").modifier(d).class(i)),e.element("root").modifier(d+"-filled").class(t&&i)),e.element("root").modifier(d+"-expanded").class(this.isExpanded&&i)),"data-test":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},o("span",{key:"8cd1f403f473212d52bb1d992e506e0db483ad11",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.element("root").element("content").class()),e.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),e.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled())),e.element("root").element("content").modifier(l).class(a))},o(P,{key:"5e58e0734c37d2827515449e5fe61f3fe489ad01",filled:this.valueUtil.isFilled(),inlineLabel:this.inlineLabel,chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:o=>this.valueUtil.removeOption(o)})),o(H,{key:"f289ba14f7120bfad09dfdfc2f034bdacaf52d74",name:this.name,inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:o=>this.nativeEl=o,onChange:o=>this.handleAutoFill(o),onFocus:o=>this.eventsUtil.handleFocus(o),onBlur:o=>this.eventsUtil.handleBlur(o),onKeyDown:o=>this.handleKeyDown(o)}),o(q,{key:"c32cb85f707db22ed5774d0a6bbd904bc63ea69c",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),o(R,{key:"b263377bf16e268d3f555242e15325ba36d2b91f",icon:this.icon,size:this.size,theme:this.theme,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:t,disabled:this.valueUtil.isDisabled()})),o(T,{key:"cdfb11f2ef449f82ddf32f944cea8faea9027372",inputId:this.inputId,block:this.inputId,filter:this.filter,required:this.required,isExpanded:this.isExpanded,isDisabled:this.valueUtil.isDisabled(),hasPropOptions:this.optionUtil.hasPropOptions(),multiple:this.multiple,contentHeight:this.contentHeight,rawOptions:this.rawOptions,refPanelEl:o=>this.panelEl=o,refListEl:o=>this.listEl=o},o("slot",{key:"0a281eed8eea22ec5a345d8a1db295ad85b874ed"})))}get el(){return a(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};l([d("bal-dropdown"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],W.prototype,"createLogger",null),l([A(),i("design:type",Function),i("design:paramtypes",[Object]),i("design:returntype",Promise)],W.prototype,"configChanged",null);let K=0;W.style=':root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-2);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-2);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:.5rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:block;visibility:hidden;opacity:0;min-width:100%;width:100%;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}.bal-dropdown__list--expanded{visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded,.bal-dropdown__root--theme-purple-expanded:hover,.bal-dropdown__root--theme-purple-expanded:active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';export{W as bal_dropdown}