npm - @baloise/ds-core - Versions diffs - 17.3.0 → 17.4.0-snapshot.1609-d2bcc38d3 - Mend

@baloise/ds-core 17.3.0 → 17.4.0-snapshot.1609-d2bcc38d3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (745) hide show

package/dist/baloise-design-system/{p-6d51888831.entry.js → p-b2e3f97a3f.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,c as t,w as i,h as a,H as s,g as n}from"./p-2ccbe55a.js";import{_ as r,a as o}from"./p-43c9f5e9.js";import{B as l}from"./p-ae86d0a0.js";import{L as c}from"./p-b77e3348.js";import{s as b}from"./p-e3e1d211.js";import{F as m}from"./p-ca119357.js";import{o as d,l as h,r as g}from"./p-ef6a64f4.js";import{d as p}from"./p-f385e205.js";import{d as u,b as v,a as f,e as k,i as x,f as _,g as y,h as w}from"./p-dc98854c.js";import{L as j}from"./p-4d7c0d39.js";import{L as O}from"./p-4f4c99db.js";import{L as z}from"./p-71352a52.js";import{L}from"./p-fbc35458.js";import{L as C}from"./p-3f88c54b.js";import{i as F}from"./p-dd5e13d1.js";import"./p-a65354df.js";import"./p-46251973.js";import"./p-acf222fd.js";import"./p-3a7c9c15.js";import"./p-96216bd1.js";import"./p-ca9e987e.js";const E=class{constructor(i){e(this,i),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.balChange=t(this,"balChange",7),this.balSelect=t(this,"balSelect",7),this.balVertical=t(this,"balVertical",7),this.hasFocus=!1,this.getSegmentItem=e=>{var t,i;const a=this.allItems.filter((e=>!e.disabled)),s=a.findIndex((e=>e===document.activeElement.closest("bal-segment-item")));switch(e){case"current":return a[s];case"first":return a[0];case"last":return a[a.length-1];case"next":return null!==(t=a[s+1])&&void 0!==t?t:a[0];case"previous":return null!==(i=a[s-1])&&void 0!==i?i:a[a.length-1];default:return null}},this.onPointerDown=()=>{this.keyboardMode=!1},this.onSlottedItemsChange=()=>{this.valueChanged(this.value),this.defineWidth()},this.onClick=e=>{if(this.disabled)return;const t=e.target,i=this.checked;"BAL-SEGMENT"!==t.tagName&&(t&&t.setFocus&&t.setFocus(),i?this.checkButton(i,t):(this.setCheckedClasses(),this.checkButton(t,t)),t!==i&&this.emitValueChange())},this.focusedValue=void 0,this.keyboardMode=!0,this.isVertical=!1,this.isMobile=!1,this.maxWidth=0,this.ariaForm=p,this.invalid=!1,this.disabled=!1,this.vertical=!1,this.scrollable=!1,this.expanded=!1,this.value=void 0}createLogger(e){this.log=e}disabledChanged(){this.allItems.map((e=>e.disabled=this.disabled))}valueChanged(e){this.balSelect.emit(e)}connectedCallback(){this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown),this.disabledChanged(),this.isVertical=this.vertical}disconnectedCallback(){this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}async componentDidLoad(){this.setCheckedClasses(),this.defineWidth()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}animationListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}visibilityListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}breakpointListener(e){this.isMobile=e.mobile}windowResizeListener(){if(!1===this.vertical&&this.maxWidth>0){const e=this.el.parentElement.getBoundingClientRect();this.emitVerticalChange(e.width<this.maxWidth)}else this.emitVerticalChange(!0)}listenOnKeyDownOutside(){this.keyboardMode=!0}listenOnKeyDown(e){this.keyboardMode=m.includes(e.key);let t,i=!1;if(u(e)\|\|v(e)?(b(e),t=this.getSegmentItem("current"),i=this.value!==t.value,this.value=t.value):f(e)\|\|k(e)?(b(e),t=this.getSegmentItem("previous")):x(e)\|\|_(e)?(b(e),t=this.getSegmentItem("next")):y(e)?(b(e),t=this.getSegmentItem("first")):w(e)&&(b(e),t=this.getSegmentItem("last")),!t)return;const a=this.checked;(t!==a\|\|i)&&(this.checkButton(a,t),this.emitValueChange()),t&&t.setFocus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allItems(){return Array.from(this.el.querySelectorAll("bal-segment-item"))}get checked(){return this.allItems.find((e=>e.value===this.value))}emitValueChange(){this.balChange.emit(this.value)}emitVerticalChange(e){this.isVertical!==e&&(this.isVertical=e,this.balVertical.emit(this.isVertical))}defineWidth(){d((()=>{if(!1===this.isVertical){const e=this.el.getBoundingClientRect();this.maxWidth=e.width}this.windowResizeListener()}))}getIndicator(e){return e?(e.shadowRoot\|\|e).querySelector(".bal-segment-item__indicator"):null}checkButton(e,t){const a=this.getIndicator(e),s=this.getIndicator(t);if(null===a\|\|null===s)return;const n=a.getBoundingClientRect(),r=s.getBoundingClientRect();let o=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;this.isVertical&&(o=`translate3d(0, ${n.top-r.top}px, 0) scaleY(${n.height/r.height})`),i((()=>{s.classList.remove("bal-segment-item__indicator--animated"),s.style.setProperty("transform",o),s.getBoundingClientRect(),s.classList.add("bal-segment-item__indicator--animated"),s.style.setProperty("transform","")})),this.value=t.value,this.setCheckedClasses()}setCheckedClasses(){const e=this.allItems,t=e.findIndex((e=>e.value===this.value)),i=t+1,a=t-1;for(const t of e)t.classList.remove("bal-segment-item--after-checked"),t.classList.remove("bal-segment-item--before-checked");i<e.length&&e[i].classList.add("bal-segment-item--after-checked"),a<e.length&&a>=0&&e[a].classList.add("bal-segment-item--before-checked")}render(){const{invalid:e,isVertical:t,scrollable:i,keyboardMode:n,expanded:r,isMobile:o,disabled:c}=this,b=l.block("segment");return a(s,{key:"e28612fc58901cc642d00f702e7638eca4611e68",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("invalid").class(e)),b.modifier("vertical").class(t)),b.modifier("scrollable").class(i)),b.modifier("keyboard").class(n)),b.modifier("disabled").class(c)),b.modifier("expanded").class((r\|\|o)&&!t)),onClick:this.onClick},a("slot",{key:"6c720184db8d50c4ba2cb386c406ea131f6f49c6",onSlotchange:this.onSlottedItemsChange}))}get el(){return n(this)}static get watchers(){return{disabled:["disabledChanged"],value:["valueChanged"]}}};r([c("bal-segment"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],E.prototype,"createLogger",null),r([j(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],E.prototype,"focusInListener",null),r([j(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],E.prototype,"focusOutListener",null),r([O(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"animationListener",null),r([z(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"visibilityListener",null),r([C(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],E.prototype,"breakpointListener",null),r([L(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"windowResizeListener",null),E.style=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";let V=0;const A=class{constructor(t){e(this,t),this.segmentEl=null,this.inheritedAttributes={},this.internalId=V++,this.inputId=`bal-si-${this.internalId}`,this.updateVertical=e=>{this.isVertical=e.detail},this.updateState=()=>{const{segmentEl:e}=this;if(e){if(""===e.value\|\|null==e.value){const e=this.allAvailableOptions;e.length>0&&(this.isFocusable=e[0]===this.el)}else this.checked=e.value===this.value,this.isFocusable=e.value===this.value;e.disabled&&(this.disabled=!0),this.isLast=e.lastElementChild===this.el,this.isFirst=e.firstElementChild===this.el,this.calculateEmptyValue()}},this.onSlottedItemsChange=()=>{this.checkSlotContent()},this.hasSlotContent=!1,this.isFocusable=!1,this.isVertical=!1,this.isLast=!1,this.isFirst=!1,this.hasEmptyValue=!0,this.ariaForm=p,this.disabled=!1,this.invalid=!1,this.focused=!1,this.checked=!1,this.label="",this.value="bal-si-"+this.internalId}valueChanged(e,t){e!==t&&this.updateState()}componentWillLoad(){this.inheritedAttributes=Object.assign({},F(this.el,["aria-label"]))}connectedCallback(){const e=this.segmentEl=this.el.closest("bal-segment");e&&e.vertical&&(this.isVertical=e.vertical)}componentDidLoad(){const e=this.segmentEl=this.el.closest("bal-segment");e&&(h(e,"balSelect",this.updateState),h(e,"balVertical",this.updateVertical)),d((()=>{this.checkSlotContent(),this.updateState()}))}disconnectedCallback(){const e=this.segmentEl;e&&(g(e,"balSelect",this.updateState),g(e,"balVertical",this.updateVertical),this.segmentEl=null)}calculateEmptyValue(){if(this.segmentEl){const e=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!e.some((e=>e.value===this.segmentEl.value))}else this.hasEmptyValue=!1}async setFocus(){const{nativeEl:e}=this;void 0!==e&&e.focus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allAvailableOptions(){return this.allOptions.filter((e=>!e.disabled))}get allOptions(){const{segmentEl:e}=this;return e?Array.from(e.querySelectorAll("bal-segment-item")):[]}checkSlotContent(){const e=this.el.querySelector('[part="slot"]'),t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0}render(){const{checked:e,focused:t,segmentEl:i,label:n,isFocusable:r,isFirst:o,hasEmptyValue:c}=this,b=l.block("segment-item"),m=b.element("button"),d=b.element("indicator"),h=this.invalid\|\|i&&i.invalid,g=this.disabled\|\|i&&i.disabled,p=this.isVertical,u=c&&o\|\|r&&!g,v=u&&this.ariaForm.controlId\|\|this.inputId;let f={};return u&&(f={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}),a(s,{key:"62c398353efd59507f158911793411458233f0d9",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("vertical").class(p)),b.modifier("disabled").class(g)),b.modifier("checked").class(e)),b.modifier("invalid").class(h)),b.modifier("last").class(this.isLast&&!e))},a("button",Object.assign({key:"c69c1cb098c500c1a1b7c57f37892b4c51a09b2e",id:v,role:"radio","aria-checked":e?"true":"false"},f,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("checked").class(e)),m.modifier("invalid").class(h)),m.modifier("disabled").class(g)),m.modifier("focused").class(t)),m.modifier("vertical").class(p)),type:"button",tabIndex:u?0:-1,part:"native",disabled:g,ref:e=>this.nativeEl=e},this.inheritedAttributes),a("bal-icon",{key:"2a2ebc53599929d6189a1d7ca9775f58efc6084c",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},m.element("icon").class()),m.element("icon").modifier("animated").class(e)),m.element("icon").modifier("vertical").class(p)),color:g?"grey-dark":h?"white":"primary"}),a("bal-stack",{key:"76b5c07bd7236b28e6205b134b39e6de511f30bb",space:"x-small",layout:"horizontal"},a("bal-content",{key:"766411046459bfc3fad2afc001d34e21faa9d642",space:"none"},a("bal-label",{key:"e68346cc2989aeb4b5d9864b82d704e179b7afba",htmlId:`bal-si-${this.internalId}-label`},n),a("span",{key:"d791b43e8a1156c33ffb40107567dcfa4a08bdd8",part:"slot",class:Object.assign({},m.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{key:"de75ed030243d54dbfa0739b74f6e81578bb49e4",onSlotchange:this.onSlottedItemsChange}))))),a("div",{key:"44772f1f8c3a550b1041436ad3efbc02fdcc3f04",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("animated").class()),d.modifier("background").class()),d.modifier("disabled").class(g)),d.modifier("invalid").class(h)),d.modifier("checked").class(e)),d.modifier("vertical").class(p))}))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};A.style=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';export{E as bal_segment,A as bal_segment_item}
1	+ import{r as e,c as t,w as i,h as a,H as s,g as n}from"./p-2ccbe55a.js";import{_ as r,a as o}from"./p-43c9f5e9.js";import{B as l}from"./p-ae86d0a0.js";import{L as c}from"./p-b77e3348.js";import{s as b}from"./p-e3e1d211.js";import{F as m}from"./p-ca119357.js";import{o as d,l as h,r as g}from"./p-ef6a64f4.js";import{d as p}from"./p-5eb3fbb9.js";import{d as u,b as v,a as f,e as k,i as x,f as _,g as y,h as w}from"./p-dc98854c.js";import{L as j}from"./p-4d7c0d39.js";import{L as O}from"./p-4f4c99db.js";import{L as z}from"./p-71352a52.js";import{L}from"./p-8f2ebeb2.js";import{L as C}from"./p-070b692d.js";import{i as F}from"./p-063808d7.js";import"./p-a65354df.js";import"./p-46251973.js";import"./p-acf222fd.js";import"./p-10ff0eaf.js";import"./p-96216bd1.js";import"./p-6e1e6cc5.js";const E=class{constructor(i){e(this,i),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.balChange=t(this,"balChange",7),this.balSelect=t(this,"balSelect",7),this.balVertical=t(this,"balVertical",7),this.hasFocus=!1,this.getSegmentItem=e=>{var t,i;const a=this.allItems.filter((e=>!e.disabled)),s=a.findIndex((e=>e===document.activeElement.closest("bal-segment-item")));switch(e){case"current":return a[s];case"first":return a[0];case"last":return a[a.length-1];case"next":return null!==(t=a[s+1])&&void 0!==t?t:a[0];case"previous":return null!==(i=a[s-1])&&void 0!==i?i:a[a.length-1];default:return null}},this.onPointerDown=()=>{this.keyboardMode=!1},this.onSlottedItemsChange=()=>{this.valueChanged(this.value),this.defineWidth()},this.onClick=e=>{if(this.disabled)return;const t=e.target,i=this.checked;"BAL-SEGMENT"!==t.tagName&&(t&&t.setFocus&&t.setFocus(),i?this.checkButton(i,t):(this.setCheckedClasses(),this.checkButton(t,t)),t!==i&&this.emitValueChange())},this.focusedValue=void 0,this.keyboardMode=!0,this.isVertical=!1,this.isMobile=!1,this.maxWidth=0,this.ariaForm=p,this.invalid=!1,this.disabled=!1,this.vertical=!1,this.scrollable=!1,this.expanded=!1,this.value=void 0}createLogger(e){this.log=e}disabledChanged(){this.allItems.map((e=>e.disabled=this.disabled))}valueChanged(e){this.balSelect.emit(e)}connectedCallback(){this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown),this.disabledChanged(),this.isVertical=this.vertical}disconnectedCallback(){this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}async componentDidLoad(){this.setCheckedClasses(),this.defineWidth()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}animationListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}visibilityListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}breakpointListener(e){this.isMobile=e.mobile}windowResizeListener(){if(!1===this.vertical&&this.maxWidth>0){const e=this.el.parentElement.getBoundingClientRect();this.emitVerticalChange(e.width<this.maxWidth)}else this.emitVerticalChange(!0)}listenOnKeyDownOutside(){this.keyboardMode=!0}listenOnKeyDown(e){this.keyboardMode=m.includes(e.key);let t,i=!1;if(u(e)\|\|v(e)?(b(e),t=this.getSegmentItem("current"),i=this.value!==t.value,this.value=t.value):f(e)\|\|k(e)?(b(e),t=this.getSegmentItem("previous")):x(e)\|\|_(e)?(b(e),t=this.getSegmentItem("next")):y(e)?(b(e),t=this.getSegmentItem("first")):w(e)&&(b(e),t=this.getSegmentItem("last")),!t)return;const a=this.checked;(t!==a\|\|i)&&(this.checkButton(a,t),this.emitValueChange()),t&&t.setFocus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allItems(){return Array.from(this.el.querySelectorAll("bal-segment-item"))}get checked(){return this.allItems.find((e=>e.value===this.value))}emitValueChange(){this.balChange.emit(this.value)}emitVerticalChange(e){this.isVertical!==e&&(this.isVertical=e,this.balVertical.emit(this.isVertical))}defineWidth(){d((()=>{if(!1===this.isVertical){const e=this.el.getBoundingClientRect();this.maxWidth=e.width}this.windowResizeListener()}))}getIndicator(e){return e?(e.shadowRoot\|\|e).querySelector(".bal-segment-item__indicator"):null}checkButton(e,t){const a=this.getIndicator(e),s=this.getIndicator(t);if(null===a\|\|null===s)return;const n=a.getBoundingClientRect(),r=s.getBoundingClientRect();let o=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;this.isVertical&&(o=`translate3d(0, ${n.top-r.top}px, 0) scaleY(${n.height/r.height})`),i((()=>{s.classList.remove("bal-segment-item__indicator--animated"),s.style.setProperty("transform",o),s.getBoundingClientRect(),s.classList.add("bal-segment-item__indicator--animated"),s.style.setProperty("transform","")})),this.value=t.value,this.setCheckedClasses()}setCheckedClasses(){const e=this.allItems,t=e.findIndex((e=>e.value===this.value)),i=t+1,a=t-1;for(const t of e)t.classList.remove("bal-segment-item--after-checked"),t.classList.remove("bal-segment-item--before-checked");i<e.length&&e[i].classList.add("bal-segment-item--after-checked"),a<e.length&&a>=0&&e[a].classList.add("bal-segment-item--before-checked")}render(){const{invalid:e,isVertical:t,scrollable:i,keyboardMode:n,expanded:r,isMobile:o,disabled:c}=this,b=l.block("segment");return a(s,{key:"8994703f0fda236656407691599b01ab1034222b",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("invalid").class(e)),b.modifier("vertical").class(t)),b.modifier("scrollable").class(i)),b.modifier("keyboard").class(n)),b.modifier("disabled").class(c)),b.modifier("expanded").class((r\|\|o)&&!t)),onClick:this.onClick},a("slot",{key:"e5c55ac6fd670064f3a45ebaee7112268222cdbc",onSlotchange:this.onSlottedItemsChange}))}get el(){return n(this)}static get watchers(){return{disabled:["disabledChanged"],value:["valueChanged"]}}};r([c("bal-segment"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],E.prototype,"createLogger",null),r([j(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],E.prototype,"focusInListener",null),r([j(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],E.prototype,"focusOutListener",null),r([O(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"animationListener",null),r([z(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"visibilityListener",null),r([C(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],E.prototype,"breakpointListener",null),r([L(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"windowResizeListener",null),E.style=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";let V=0;const A=class{constructor(t){e(this,t),this.segmentEl=null,this.inheritedAttributes={},this.internalId=V++,this.inputId=`bal-si-${this.internalId}`,this.updateVertical=e=>{this.isVertical=e.detail},this.updateState=()=>{const{segmentEl:e}=this;if(e){if(""===e.value\|\|null==e.value){const e=this.allAvailableOptions;e.length>0&&(this.isFocusable=e[0]===this.el)}else this.checked=e.value===this.value,this.isFocusable=e.value===this.value;e.disabled&&(this.disabled=!0),this.isLast=e.lastElementChild===this.el,this.isFirst=e.firstElementChild===this.el,this.calculateEmptyValue()}},this.onSlottedItemsChange=()=>{this.checkSlotContent()},this.hasSlotContent=!1,this.isFocusable=!1,this.isVertical=!1,this.isLast=!1,this.isFirst=!1,this.hasEmptyValue=!0,this.ariaForm=p,this.disabled=!1,this.invalid=!1,this.focused=!1,this.checked=!1,this.label="",this.value="bal-si-"+this.internalId}valueChanged(e,t){e!==t&&this.updateState()}componentWillLoad(){this.inheritedAttributes=Object.assign({},F(this.el,["aria-label"]))}connectedCallback(){const e=this.segmentEl=this.el.closest("bal-segment");e&&e.vertical&&(this.isVertical=e.vertical)}componentDidLoad(){const e=this.segmentEl=this.el.closest("bal-segment");e&&(h(e,"balSelect",this.updateState),h(e,"balVertical",this.updateVertical)),d((()=>{this.checkSlotContent(),this.updateState()}))}disconnectedCallback(){const e=this.segmentEl;e&&(g(e,"balSelect",this.updateState),g(e,"balVertical",this.updateVertical),this.segmentEl=null)}calculateEmptyValue(){if(this.segmentEl){const e=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!e.some((e=>e.value===this.segmentEl.value))}else this.hasEmptyValue=!1}async setFocus(){const{nativeEl:e}=this;void 0!==e&&e.focus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allAvailableOptions(){return this.allOptions.filter((e=>!e.disabled))}get allOptions(){const{segmentEl:e}=this;return e?Array.from(e.querySelectorAll("bal-segment-item")):[]}checkSlotContent(){const e=this.el.querySelector('[part="slot"]'),t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0}render(){const{checked:e,focused:t,segmentEl:i,label:n,isFocusable:r,isFirst:o,hasEmptyValue:c}=this,b=l.block("segment-item"),m=b.element("button"),d=b.element("indicator"),h=this.invalid\|\|i&&i.invalid,g=this.disabled\|\|i&&i.disabled,p=this.isVertical,u=c&&o\|\|r&&!g,v=u&&this.ariaForm.controlId\|\|this.inputId;let f={};return u&&(f={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}),a(s,{key:"6da240d029f07e7760a962e388998c9c94390d4a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("vertical").class(p)),b.modifier("disabled").class(g)),b.modifier("checked").class(e)),b.modifier("invalid").class(h)),b.modifier("last").class(this.isLast&&!e))},a("button",Object.assign({key:"b388ce322243a5f47831d0ef1a65b332c191045b",id:v,role:"radio","aria-checked":e?"true":"false"},f,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("checked").class(e)),m.modifier("invalid").class(h)),m.modifier("disabled").class(g)),m.modifier("focused").class(t)),m.modifier("vertical").class(p)),type:"button",tabIndex:u?0:-1,part:"native",disabled:g,ref:e=>this.nativeEl=e},this.inheritedAttributes),a("bal-icon",{key:"d5ba38e05534eb5ea281cc81a4ad5686b1a4f69b",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},m.element("icon").class()),m.element("icon").modifier("animated").class(e)),m.element("icon").modifier("vertical").class(p)),color:g?"grey-dark":h?"white":"primary"}),a("bal-stack",{key:"4a23ae6b4562a685f77f800ff6aca3e5c5e8226e",space:"x-small",layout:"horizontal"},a("bal-content",{key:"a2fb5cf35391ca37fe328534a29cad6e41a7f8fb",space:"none"},a("bal-label",{key:"b3f633a9fe0ea22a71c05982af9dabc366c72495",htmlId:`bal-si-${this.internalId}-label`},n),a("span",{key:"badf00b587d14525f4cea6ceda85c7f67b1b216e",part:"slot",class:Object.assign({},m.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{key:"375942fc35e764ef3d91d62a03d08c16165c595b",onSlotchange:this.onSlottedItemsChange}))))),a("div",{key:"b3a0cf381958ad671555306484ca791e93cfe21e",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("animated").class()),d.modifier("background").class()),d.modifier("disabled").class(g)),d.modifier("invalid").class(h)),d.modifier("checked").class(e)),d.modifier("vertical").class(p))}))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};A.style=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';export{E as bal_segment,A as bal_segment_item}

package/dist/baloise-design-system/p-b51a692e99.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as i,h as r,H as s,g as t}from"./p-2ccbe55a.js";const e=class{constructor(r){i(this,r),this.colClass="col",this.size="full"}render(){return r(s,{key:"270033f8e0c603088c28bf464885d6b41a21f4a1",class:{[`${this.colClass}`]:!0,"py-none":!0,"touch:is-12":!0,"is-12":"full"===this.size||"fullwidth"===this.size||void 0===this.size,"is-6":"half"===this.size,"is-4":"one-third"===this.size,"is-8":"two-thirds"===this.size,"is-3":"one-quarter"===this.size,"is-9":"three-quarters"===this.size}},r("slot",{key:"d3081c8946b7fa00933bf5bbcffdf2b9539a4951"}))}get el(){return t(this)}},o=class{constructor(r){i(this,r)}render(){return r(s,{key:"bac9d83dd51029045d7cebbe5995eca60961ec11",class:"bal-form-grid grid is-multiline my-none py-none"},r("slot",{key:"0c7dad588bbe583896e624d6739aef90a0cc8ca7"}))}};o.style=".bal-form-grid{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;row-gap:.25rem}@media screen and (min-width: 1024px){.bal-form-grid{-ms-flex-direction:row;flex-direction:row}}.bal-form-grid.columns{margin-top:0 !important;margin-bottom:0 !important}";export{e as bal_form_col,o as bal_form_grid}

package/dist/baloise-design-system/p-b721864305.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{h as e,r,c as t,H as a,g as o}from"./p-2ccbe55a.js";import{_ as i,a as s}from"./p-43c9f5e9.js";import{B as n}from"./p-ae86d0a0.js";import{a as l}from"./p-8f2e9a7f.js";import{t as c,S as b}from"./p-312a3215.js";import{s as d}from"./p-e3e1d211.js";import{L as u}from"./p-070b692d.js";import{L as p}from"./p-ca3bb9ce.js";import{L as h}from"./p-fe6cbf28.js";import{L as m}from"./p-b7fbadbe.js";import{b as g}from"./p-10ff0eaf.js";import{d as _}from"./p-830d9e47.js";import{L as w}from"./p-71352a52.js";import{L as f}from"./p-44e7532c.js";import{m as v,b as k}from"./p-ef6a64f4.js";import{i as y}from"./p-063808d7.js";import"./p-dc98854c.js";import"./p-acf222fd.js";import"./p-a65354df.js";import"./p-caacebbe.js";import"./p-96216bd1.js";import"./p-6e1e6cc5.js";import"./p-b77e3348.js";import"./p-46251973.js";const x=({value:r,items:t,containerId:a,onControlChange:o})=>{const i=n.block("carousel").element("controls");return e("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},e("bal-card",null,e("bal-card-content",{role:"tabs"},t.map((t=>e("button",{class:{button:!0,"is-fullwidth":!0,"is-primary":r===t.value,"is-light":r!==t.value},role:"tab","aria-selected":l(r===t.value),"aria-controls":a+"-"+c(t.label),key:t.value,onClick:()=>o(t)},t.label))))))},j=class{constructor(e){r(this,e),this.balChange=t(this,"balChange",7),this.swiper=new b,this.swiperIsLastSlideVisible=!1,this.mutationObserverActive=!0,this.hasAnimated=!1,this.isMobile=g.isMobile,this.language=_.language,this.value=0,this.steps=1,this.itemsPerView=1,this.controls="none",this.space="none",this.htmlRole="list",this.controlsOverflow=!1,this.inverted=!1,this.fullHeight=!1,this.aspectRatio="16by9",this.interface="",this.controlsSticky=!1,this.scrollY=!0,this.border=!1}onValueChange(){this.swiper.index=this.value}onStepsChange(){this.swiper.steps=this.steps}onItemsPerViewChange(){this.swiper.itemsPerView=this.itemsPerView}onControlsChange(){this.swiper.controls=this.controls}onSpaceChange(){this.swiper.gapSpace=this.space}onInterFaceChange(){this.swiper.gapSpace="product"===this.interface?"normal":this.space}connectedCallback(){this.swiper.connectedCallback(this),this.onControlsChange(),this.onItemsPerViewChange(),this.onStepsChange(),this.onSpaceChange(),this.onInterFaceChange(),this.onValueChange()}disconnectedCallback(){this.swiper.disconnectedCallback()}async blockVerticalScrolling(e){var r;!this.scrollY&&(null===(r=this.el)||void 0===r?void 0:r.contains(e.target))&&d(e)}mutationListener(){this.swiper.notifyChange()}visibilityListener(){this.swiper.notifyChange()}swipeListener({left:e,right:r}){e?this.next():r&&this.previous()}breakpointListener(e){this.isMobile=e.mobile,this.swiper.notifyChange()}resizeListener(){this.swiper.notifyChange()}async configChanged(e){this.language=e.language}async previous(e=this.steps){this.swiper.previous(e)}async next(e=this.steps){this.swiper.next(e)}async getContainerId(){return this.swiper.containerId}swiperGetAllChildrenElements(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))}swiperOnChange(e){this.value=e,this.balChange.emit(e)}render(){const r=n.block("carousel"),t=r.element("inner"),o=t.element("container");return e(a,{key:"045f46d215e6655af8a04cc992ccb0c0d2ace7b1",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiper()),r.class()),r.modifier(this.interface).class(""!==this.interface)),r.modifier("full-height").class(this.fullHeight)),r.modifier("controls-sticky").class(this.controlsSticky)),r.modifier("controls-tabs").class("tabs"===this.controls))},"tabs"===this.controls?e(x,{value:this.value,items:this.swiper.getAllControlItems(),containerId:this.swiper.containerId,onControlChange:e=>this.swiper.onControlChange(e.value)}):"",e("div",{key:"9b3a26e262678685c62bfca9b47748312548b9ae",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssInnerSwiper()),t.class()),t.modifier(`is-${this.aspectRatio}`).class()),t.modifier("inverted").class(this.inverted)),t.modifier("full-height").class(this.fullHeight)),ref:e=>this.swiper.innerEl=e},e("div",{key:"3cd4f36061c3ea702ac26cad019e4b11e39f8750",id:this.swiper.containerId,role:"tabs"===this.controls?"":"list",class:Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiperContainer()),o.class()),o.modifier("border").class(this.border)),o.modifier(`is-${this.aspectRatio}`).class()),ref:e=>this.swiper.containerEl=e},e("slot",{key:"e45dad1eddb06ec65c8eceeccf67969fe92b24cb"}),this.border?e("div",{id:`${this.swiper.id}-border`,"aria-hidden":"true",class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:e=>this.swiper.borderEl=e}):"")),this.swiper.renderControls())}get el(){return o(this)}static get watchers(){return{value:["onValueChange"],steps:["onStepsChange"],itemsPerView:["onItemsPerViewChange"],controls:["onControlsChange"],space:["onSpaceChange"],interface:["onInterFaceChange"]}}};i([p({tags:["bal-carousel-item"],characterData:!1}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],j.prototype,"mutationListener",null),i([w(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],j.prototype,"visibilityListener",null),i([h(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],j.prototype,"swipeListener",null),i([u(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],j.prototype,"breakpointListener",null),i([m(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],j.prototype,"resizeListener",null),i([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],j.prototype,"configChanged",null),j.style=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--full-height{height:100%}.bal-carousel--full-height .bal-carousel__item{height:auto}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;round:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:100%;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:100%;padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 769px),print{.bal-carousel--product .bal-carousel__inner__container{padding-top:1.5rem;padding-bottom:1.5rem}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__inner__container{padding-top:2rem;padding-bottom:2rem}}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;min-width:10rem;max-width:10rem;height:11rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}';const O=class{constructor(e){r(this,e),this.balNavigate=t(this,"balNavigate",7),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.imageInheritAttributes={},this.onClick=e=>{void 0!==this.href&&this.balNavigate.emit(e)},this.onFocus=()=>{this.balFocus.emit()},this.onBlur=()=>{this.balBlur.emit()},this.isOnLoadEventDone=!1,this.containerId="",this.src=void 0,this.label="",this.htmlRole="listitem",this.elementType="button",this.name=void 0,this.value=void 0,this.href=void 0,this.target="_self",this.rel=void 0,this.download=void 0,this.color=void 0}componentDidLoad(){v((()=>{this.isOnLoadEventDone=!0}))}componentWillLoad(){this.imageInheritAttributes=y(this.el,["alt"]),this.getContainerId()}async setFocus(){await k(),this.buttonEl&&this.buttonEl.focus()}async getContainerId(){const e=this.el.closest("bal-carousel");this.containerId=await e.getContainerId()}render(){const r=n.block("carousel").element("item"),t=!!this.color&&!!this.label,o=this.el.closest("bal-carousel"),i=o&&"tabs"===o.controls?"tabpanel":"listitem",s=`${this.containerId}-${c(this.label)}`;if(!t)return e(a,{id:s,role:i,class:Object.assign({},r.class()),"aria-label":this.label},this.isOnLoadEventDone&&void 0!==this.src?e("img",Object.assign({draggable:!1,onDragStart:()=>!1,src:this.src},this.imageInheritAttributes)):"",e("slot",null));const l=r.element("button"),b=l.element("image"),d=l.element("label"),{elementType:u,download:p,href:h,rel:m,target:g,name:_,value:w}=this,f=void 0===this.href?"button":"a",v="button"===f?{type:u,name:_,value:w}:{download:p,href:h,rel:m,target:g};return e(a,{id:s,role:i,"aria-label":this.label,class:Object.assign({},r.class())},e(f,Object.assign({},v,{class:Object.assign(Object.assign({},l.class()),l.modifier(`color-${this.color}`).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:e=>this.buttonEl=e}),this.isOnLoadEventDone&&void 0!==this.src?e("img",Object.assign({class:Object.assign({},b.class()),draggable:!1,onDragStart:()=>!1,"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):"",void 0!==this.label?e("span",{class:Object.assign({},d.class())},this.label):"",e("slot",null)))}get el(){return o(this)}};export{j as bal_carousel,O as bal_carousel_item}

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

@@ -0,0 +1 @@

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

package/dist/baloise-design-system/p-bb308299af.entry.js ADDED Viewed

@@ -0,0 +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-e3e1d211.js";import{i as s}from"./p-063808d7.js";import{d as c}from"./p-5eb3fbb9.js";import{n as h,b,l as _,r as u,d as m}from"./p-ef6a64f4.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-13d7688b.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-8f2e9a7f.js";import{d as L}from"./p-830d9e47.js";import{L as A}from"./p-44e7532c.js";import"./p-46251973.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=({inputId:e,httpFormSubmit:t,ariaForm:r,rawValue:a,autocomplete:l,required:i,disabled:d,readonly:p,placeholder:s,expanded:c,invalid:h,language:b,inputLabel:_,inheritedAttributes:u,refInputEl:m,onChange:w,onFocus:v,onBlur:f,onKeyDown:g})=>{const x=n.block("dropdown"),y=()=>o("input",Object.assign({id:r.controlId||`${e}-ctrl`,class:Object.assign({},x.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",autoComplete:l,value:a.join(","),required:i,disabled:d,readonly:p,placeholder:s,title:c?E[b].close:E[b].open,"aria-label":c?E[b].close:E[b].open,"aria-owns":`${e}-menu`,"aria-invalid":F(h),"aria-disabled":F(d||p),"aria-labelledby":r.labelId,"aria-describedby":r.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":_,"data-value":a.join(","),ref:o=>m(o),onChange:o=>w(o),onFocus:o=>v(o),onBlur:o=>f(o),onKeyDown:o=>g(o)},u));return t?o(y,null):o("form",{novalidate:!0},o(y,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:"6fe4a66e63dba61d168848cc3b8d5ad3206596ba",class:Object.assign({},e.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{key:"5bf5613a1d65889935a9c2b40601e57240372be2",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:"db5194514ee8922cd756b51d3dcb68188f78a450",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:"8a7eb020f59052fcdf991dd613887b9258697c25",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:"b02e555f1a0a2ce147ac2a7ef3db8d9f9dac6b69",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:"6283de0a1f10181bef9d514577d2a1fc7ca34b2b",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:"c8f75c6e7c42a9cb5850c6f93573adc5f4bf08fc",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:"a6f50cf28c3019d3f33abb9ac3b10f81a763349a",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:"157a4cbaaae69efae17de54a543a56be62e3e949"})))}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:none;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{display:block;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}

package/dist/baloise-design-system/{p-84a762f80d.entry.js → p-be02300bdd.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,h as e,H as n,g as o,c as i}from"./p-2ccbe55a.js";import{_ as r,a}from"./p-43c9f5e9.js";import{B as s}from"./p-ae86d0a0.js";import{p as c}from"./p-c0c91eb1.js";import{B as l}from"./p-c1852273.js";import{b as p}from"./p-3a7c9c15.js";import{L as d}from"./p-3f88c54b.js";import{L as h}from"./p-44e7532c.js";import{b}from"./p-a65354df.js";import{L as u}from"./p-b77e3348.js";import"./p-9a3d9e17.js";import"./p-ef6a64f4.js";import"./p-46251973.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-ca9e987e.js";const f=class{constructor(e){t(this,e),this.bodyScrollHandler=new l,this.onPopoverChange=t=>{this.isActive=t.detail,c(t)},this.isActive=!1,this.innerCloseLabel="Close",this.isMobile=p.isMobile,this.closeLabel=void 0,this.small=!1}connectedCallback(){this.bodyScrollHandler.connect()}componentDidRender(){this.updateContent()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}breakpointListener(t){const e=t.mobile;e!==this.isMobile&&(this.isActive=!1),this.isMobile=e}async configChanged(t){if(!this.closeLabel)switch(t.language){case"de":this.innerCloseLabel="Schliessen";break;case"fr":this.innerCloseLabel="Fermer";break;case"it":this.innerCloseLabel="Chiudere";break;case"nl":this.innerCloseLabel="Sluiten";break;default:this.innerCloseLabel="Close"}}async toggle(){this.isActive?this.dismiss():this.present()}async present(){this.popoverElement&&this.popoverElement.present(),this.isMobile&&this.bodyScrollHandler.disable(),this.isActive=!0}async dismiss(){this.popoverElement&&this.popoverElement.dismiss(),this.isMobile&&this.bodyScrollHandler.enable(),this.isActive=!1}updateContent(){this.hintContentEl&&this.slotWrapperEl&&(this.hintContentEl.innerHTML=this.slotWrapperEl.innerHTML)}render(){const t=s.block("hint"),o=t.element("icon"),i=t.element("content"),r=i.element("buttons"),a=this.isMobile?0:8,c=this.isMobile?0:16,l=()=>e("bal-icon",{class:Object.assign({},o.class()),"data-testid":"bal-hint-trigger","bal-popover-trigger":!0,"aria-haspopup":"true",role:"button",name:"info-circle",onClick:()=>this.toggle()}),p=()=>e("div",{class:Object.assign({},i.class()),"data-testid":"bal-hint-content"},e("div",{ref:t=>this.hintContentEl=t}),e("bal-button-group",{class:Object.assign(Object.assign({},r.class()),r.modifier("is-hidden-desktop").class(this.small))},e("bal-button",{"data-testid":"bal-hint-close",color:"info",onClick:()=>this.dismiss()},this.closeLabel?this.closeLabel:this.innerCloseLabel))),d=this.isMobile?()=>{const n=t.element("overlay");return e("div",{class:Object.assign({},n.class())},e(l,null),e("div",{class:Object.assign(Object.assign({},n.element("content").class()),n.element("content").modifier("active").class(this.isActive))},e(p,null)))}:()=>e("div",{class:Object.assign({},t.element("popover").class())},e("bal-popover",{hint:!0,position:"right",offsetX:0,offsetY:c,padding:a,ref:t=>this.popoverElement=t,onBalChange:this.onPopoverChange},e(l,null),e("bal-popover-content",{color:"grey"},e(p,null))));return e(n,{class:Object.assign({},t.class())},e(d,null),e("div",{ref:t=>this.slotWrapperEl=t,style:{display:"none"}},e("slot",null)))}get element(){return o(this)}};r([d(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],f.prototype,"breakpointListener",null),r([h(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],f.prototype,"configChanged",null),f.style=":root{--bal-hint-content-background:var(--bal-color-grey-2)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media (hover: hover)and (pointer: fine){.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle,.bal-hint__icon:focus svg,.bal-hint__icon:focus g,.bal-hint__icon:focus path,.bal-hint__icon:focus circle{fill:var(--bal-color-light-blue-5)}}.bal-hint__content{background:var(--bal-hint-content-background);display:-ms-flexbox;display:flex;gap:1.5rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{-ms-flex:1;flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__content__text__field{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text);font-size:var(--bal-text-size-normal)}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}";const v=class{constructor(e){t(this,e)}render(){const t=s.block("hint").element("content").element("text"),o=t.element("field");return e(n,{key:"10515eb783c2a6feba7f88cc419e7cfa57295231",class:Object.assign({},t.class())},e("p",{key:"5a2c68d72075d729f72527e2bf6a7afcfa18c29e",class:Object.assign({},o.class())},e("slot",{key:"8da0f8ccdb88e88206c2b87ccae42d2636fc5586"})))}},m=class{constructor(e){t(this,e)}render(){const t=s.block("hint").element("content").element("title"),o=t.element("heading");return e(n,{key:"8f29a6b15159586bb953a76e446574facc9e258a",class:Object.assign({},t.class())},e("h3",{key:"9edc67f39610f47e3adad25fb931809cef09b908",class:Object.assign({},o.class())},e("span",{key:"30b258cb3ec7ffe8463c7fe5364ab61093611015"},e("slot",{key:"9b8eb3d881e5393c757362c0e66be4debd4031b4"}))))}};var _="top",g="bottom",y="right",w="left",x="auto",O=[_,g,y,w],j="start",k="end",z="clippingParents",L="viewport",C="popper",P="reference",E=O.reduce((function(t,e){return t.concat([e+"-"+j,e+"-"+k])}),[]),M=[].concat(O,[x]).reduce((function(t,e){return t.concat([e,e+"-"+j,e+"-"+k])}),[]),A=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function B(t){return t?(t.nodeName\|\|"").toLowerCase():null}function S(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView\|\|window}return t}function W(t){return t instanceof S(t).Element\|\|t instanceof Element}function F(t){return t instanceof S(t).HTMLElement\|\|t instanceof HTMLElement}function R(t){return"undefined"!=typeof ShadowRoot&&(t instanceof S(t).ShadowRoot\|\|t instanceof ShadowRoot)}function T(t){return t.split("-")[0]}var q=Math.max,$=Math.min,H=Math.round;function D(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function I(){return!/^((?!chrome\|android).)safari/i.test(D())}function U(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var o=t.getBoundingClientRect(),i=1,r=1;e&&F(t)&&(i=t.offsetWidth>0&&H(o.width)/t.offsetWidth\|\|1,r=t.offsetHeight>0&&H(o.height)/t.offsetHeight\|\|1);var a=(W(t)?S(t):window).visualViewport,s=!I()&&n,c=(o.left+(s&&a?a.offsetLeft:0))/i,l=(o.top+(s&&a?a.offsetTop:0))/r,p=o.width/i,d=o.height/r;return{width:p,height:d,top:l,right:c+p,bottom:l+d,left:c,x:c,y:l}}function K(t){var e=U(t),n=t.offsetWidth,o=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-o)<=1&&(o=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:o}}function N(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&R(n)){var o=e;do{if(o&&t.isSameNode(o))return!0;o=o.parentNode\|\|o.host}while(o)}return!1}function V(t){return S(t).getComputedStyle(t)}function X(t){return["table","td","th"].indexOf(B(t))>=0}function Y(t){return((W(t)?t.ownerDocument:t.document)\|\|window.document).documentElement}function G(t){return"html"===B(t)?t:t.assignedSlot\|\|t.parentNode\|\|(R(t)?t.host:null)\|\|Y(t)}function J(t){return F(t)&&"fixed"!==V(t).position?t.offsetParent:null}function Q(t){for(var e=S(t),n=J(t);n&&X(n)&&"static"===V(n).position;)n=J(n);return n&&("html"===B(n)\|\|"body"===B(n)&&"static"===V(n).position)?e:n\|\|function(t){var e=/firefox/i.test(D());if(/Trident/i.test(D())&&F(t)&&"fixed"===V(t).position)return null;var n=G(t);for(R(n)&&(n=n.host);F(n)&&["html","body"].indexOf(B(n))<0;){var o=V(n);if("none"!==o.transform\|\|"none"!==o.perspective\|\|"paint"===o.contain\|\|-1!==["transform","perspective"].indexOf(o.willChange)\|\|e&&"filter"===o.willChange\|\|e&&o.filter&&"none"!==o.filter)return n;n=n.parentNode}return null}(t)\|\|e}function Z(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function tt(t,e,n){return q(t,$(e,n))}function et(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function nt(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function ot(t){return t.split("-")[1]}var it={top:"auto",right:"auto",bottom:"auto",left:"auto"};function rt(t){var e,n=t.popper,o=t.popperRect,i=t.placement,r=t.variation,a=t.offsets,s=t.position,c=t.gpuAcceleration,l=t.adaptive,p=t.roundOffsets,d=t.isFixed,h=a.x,b=void 0===h?0:h,u=a.y,f=void 0===u?0:u,v="function"==typeof p?p({x:b,y:f}):{x:b,y:f};b=v.x,f=v.y;var m=a.hasOwnProperty("x"),x=a.hasOwnProperty("y"),O=w,j=_,z=window;if(l){var L=Q(n),C="clientHeight",P="clientWidth";L===S(n)&&"static"!==V(L=Y(n)).position&&"absolute"===s&&(C="scrollHeight",P="scrollWidth"),(i===_\|\|(i===w\|\|i===y)&&r===k)&&(j=g,f-=(d&&L===z&&z.visualViewport?z.visualViewport.height:L[C])-o.height,f=c?1:-1),i!==w&&(i!==_&&i!==g\|\|r!==k)\|\|(O=y,b-=(d&&L===z&&z.visualViewport?z.visualViewport.width:L[P])-o.width,b=c?1:-1)}var E,M=Object.assign({position:s},l&&it),A=!0===p?function(t,e){var n=t.y,o=e.devicePixelRatio\|\|1;return{x:H(t.xo)/o\|\|0,y:H(no)/o\|\|0}}({x:b,y:f},S(n)):{x:b,y:f};return b=A.x,f=A.y,Object.assign({},M,c?((E={})[j]=x?"0":"",E[O]=m?"0":"",E.transform=(z.devicePixelRatio\|\|1)<=1?"translate("+b+"px, "+f+"px)":"translate3d("+b+"px, "+f+"px, 0)",E):((e={})[j]=x?f+"px":"",e[O]=m?b+"px":"",e.transform="",e))}var at={passive:!0},st={left:"right",right:"left",bottom:"top",top:"bottom"};function ct(t){return t.replace(/left\|right\|bottom\|top/g,(function(t){return st[t]}))}var lt={start:"end",end:"start"};function pt(t){return t.replace(/start\|end/g,(function(t){return lt[t]}))}function dt(t){var e=S(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function ht(t){return U(Y(t)).left+dt(t).scrollLeft}function bt(t){var e=V(t);return/auto\|scroll\|overlay\|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function ut(t){return["html","body","#document"].indexOf(B(t))>=0?t.ownerDocument.body:F(t)&&bt(t)?t:ut(G(t))}function ft(t,e){var n;void 0===e&&(e=[]);var o=ut(t),i=o===(null==(n=t.ownerDocument)?void 0:n.body),r=S(o),a=i?[r].concat(r.visualViewport\|\|[],bt(o)?o:[]):o,s=e.concat(a);return i?s:s.concat(ft(G(a)))}function vt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function mt(t,e,n){return e===L?vt(function(t,e){var n=S(t),o=Y(t),i=n.visualViewport,r=o.clientWidth,a=o.clientHeight,s=0,c=0;if(i){r=i.width,a=i.height;var l=I();(l\|\|!l&&"fixed"===e)&&(s=i.offsetLeft,c=i.offsetTop)}return{width:r,height:a,x:s+ht(t),y:c}}(t,n)):W(e)?function(t,e){var n=U(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):vt(function(t){var e,n=Y(t),o=dt(t),i=null==(e=t.ownerDocument)?void 0:e.body,r=q(n.scrollWidth,n.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),a=q(n.scrollHeight,n.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),s=-o.scrollLeft+ht(t),c=-o.scrollTop;return"rtl"===V(i\|\|n).direction&&(s+=q(n.clientWidth,i?i.clientWidth:0)-r),{width:r,height:a,x:s,y:c}}(Y(t)))}function _t(t){var e,n=t.reference,o=t.element,i=t.placement,r=i?T(i):null,a=i?ot(i):null,s=n.x+n.width/2-o.width/2,c=n.y+n.height/2-o.height/2;switch(r){case _:e={x:s,y:n.y-o.height};break;case g:e={x:s,y:n.y+n.height};break;case y:e={x:n.x+n.width,y:c};break;case w:e={x:n.x-o.width,y:c};break;default:e={x:n.x,y:n.y}}var l=r?Z(r):null;if(null!=l){var p="y"===l?"height":"width";switch(a){case j:e[l]=e[l]-(n[p]/2-o[p]/2);break;case k:e[l]=e[l]+(n[p]/2-o[p]/2)}}return e}function gt(t,e){void 0===e&&(e={});var n=e.placement,o=void 0===n?t.placement:n,i=e.strategy,r=void 0===i?t.strategy:i,a=e.boundary,s=void 0===a?z:a,c=e.rootBoundary,l=void 0===c?L:c,p=e.elementContext,d=void 0===p?C:p,h=e.altBoundary,b=void 0!==h&&h,u=e.padding,f=void 0===u?0:u,v=et("number"!=typeof f?f:nt(f,O)),m=t.rects.popper,w=t.elements[b?d===C?P:C:d],x=function(t,e,n,o){var i="clippingParents"===e?function(t){var e=ft(G(t)),n=["absolute","fixed"].indexOf(V(t).position)>=0&&F(t)?Q(t):t;return W(n)?e.filter((function(t){return W(t)&&N(t,n)&&"body"!==B(t)})):[]}(t):[].concat(e),r=[].concat(i,[n]),a=r.reduce((function(e,n){var i=mt(t,n,o);return e.top=q(i.top,e.top),e.right=$(i.right,e.right),e.bottom=$(i.bottom,e.bottom),e.left=q(i.left,e.left),e}),mt(t,r[0],o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(W(w)?w:w.contextElement\|\|Y(t.elements.popper),s,l,r),j=U(t.elements.reference),k=_t({reference:j,element:m,strategy:"absolute",placement:o}),E=vt(Object.assign({},m,k)),M=d===C?E:j,A={top:x.top-M.top+v.top,bottom:M.bottom-x.bottom+v.bottom,left:x.left-M.left+v.left,right:M.right-x.right+v.right},S=t.modifiersData.offset;if(d===C&&S){var R=S[o];Object.keys(A).forEach((function(t){var e=[y,g].indexOf(t)>=0?1:-1,n=[_,g].indexOf(t)>=0?"y":"x";A[t]+=R[n]e}))}return A}function yt(t,e){void 0===e&&(e={});var n=e.boundary,o=e.rootBoundary,i=e.padding,r=e.flipVariations,a=e.allowedAutoPlacements,s=void 0===a?M:a,c=ot(e.placement),l=c?r?E:E.filter((function(t){return ot(t)===c})):O,p=l.filter((function(t){return s.indexOf(t)>=0}));0===p.length&&(p=l);var d=p.reduce((function(e,r){return e[r]=gt(t,{placement:r,boundary:n,rootBoundary:o,padding:i})[T(r)],e}),{});return Object.keys(d).sort((function(t,e){return d[t]-d[e]}))}const wt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name;if(!e.modifiersData[o]._skip){for(var i=n.mainAxis,r=void 0===i\|\|i,a=n.altAxis,s=void 0===a\|\|a,c=n.fallbackPlacements,l=n.padding,p=n.boundary,d=n.rootBoundary,h=n.altBoundary,b=n.flipVariations,u=void 0===b\|\|b,f=n.allowedAutoPlacements,v=e.options.placement,m=T(v),O=c\|\|(m!==v&&u?function(t){if(T(t)===x)return[];var e=ct(t);return[pt(t),e,pt(e)]}(v):[ct(v)]),k=[v].concat(O).reduce((function(t,n){return t.concat(T(n)===x?yt(e,{placement:n,boundary:p,rootBoundary:d,padding:l,flipVariations:u,allowedAutoPlacements:f}):n)}),[]),z=e.rects.reference,L=e.rects.popper,C=new Map,P=!0,E=k[0],M=0;M<k.length;M++){var A=k[M],B=T(A),S=ot(A)===j,W=[_,g].indexOf(B)>=0,F=W?"width":"height",R=gt(e,{placement:A,boundary:p,rootBoundary:d,altBoundary:h,padding:l}),q=W?S?y:w:S?g:_;z[F]>L[F]&&(q=ct(q));var $=ct(q),H=[];if(r&&H.push(R[B]<=0),s&&H.push(R[q]<=0,R[$]<=0),H.every((function(t){return t}))){E=A,P=!1;break}C.set(A,H)}if(P)for(var D=function(t){var e=k.find((function(e){var n=C.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return E=e,"break"},I=u?3:1;I>0&&"break"!==D(I);I--);e.placement!==E&&(e.modifiersData[o]._skip=!0,e.placement=E,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function xt(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function Ot(t){return[_,y,g,w].some((function(e){return t[e]>=0}))}function jt(t,e,n){void 0===n&&(n=!1);var o,i,r=F(e),a=F(e)&&function(t){var e=t.getBoundingClientRect(),n=H(e.width)/t.offsetWidth\|\|1,o=H(e.height)/t.offsetHeight\|\|1;return 1!==n\|\|1!==o}(e),s=Y(e),c=U(t,a,n),l={scrollLeft:0,scrollTop:0},p={x:0,y:0};return(r\|\|!r&&!n)&&(("body"!==B(e)\|\|bt(s))&&(l=(o=e)!==S(o)&&F(o)?{scrollLeft:(i=o).scrollLeft,scrollTop:i.scrollTop}:dt(o)),F(e)?((p=U(e,!0)).x+=e.clientLeft,p.y+=e.clientTop):s&&(p.x=ht(s))),{x:c.left+l.scrollLeft-p.x,y:c.top+l.scrollTop-p.y,width:c.width,height:c.height}}function kt(t){var e=new Map,n=new Set,o=[];function i(t){n.add(t.name),[].concat(t.requires\|\|[],t.requiresIfExists\|\|[]).forEach((function(t){if(!n.has(t)){var o=e.get(t);o&&i(o)}})),o.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)\|\|i(t)})),o}var zt={placement:"bottom",modifiers:[],strategy:"absolute"};function Lt(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function Ct(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,o=t.defaultOptions,i=void 0===o?zt:o;return function(t,e,o){void 0===o&&(o=i);var r,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},zt,i),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},c=[],l=!1,p={state:s,setOptions:function(o){var r="function"==typeof o?o(s.options):o;d(),s.options=Object.assign({},i,s.options,r),s.scrollParents={reference:W(t)?ft(t):t.contextElement?ft(t.contextElement):[],popper:ft(e)};var a,l,h=function(t){var e=kt(t);return A.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((a=[].concat(n,s.options.modifiers),l=a.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(l).map((function(t){return l[t]}))));return s.orderedModifiers=h.filter((function(t){return t.enabled})),s.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var o=n({state:s,name:t.name,instance:p,options:void 0===e?{}:e});c.push(o\|\|function(){})}})),p.update()},forceUpdate:function(){if(!l){var t=s.elements,e=t.reference,n=t.popper;if(Lt(e,n)){s.rects={reference:jt(e,Q(n),"fixed"===s.options.strategy),popper:K(n)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(t){return s.modifiersData[t.name]=Object.assign({},t.data)}));for(var o=0;o<s.orderedModifiers.length;o++)if(!0!==s.reset){var i=s.orderedModifiers[o],r=i.fn,a=i.options;"function"==typeof r&&(s=r({state:s,options:void 0===a?{}:a,name:i.name,instance:p})\|\|s)}else s.reset=!1,o=-1}}},update:(r=function(){return new Promise((function(t){p.forceUpdate(),t(s)}))},function(){return a\|\|(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(r())}))}))),a}),destroy:function(){d(),l=!0}};if(!Lt(t,e))return p;function d(){c.forEach((function(t){return t()})),c=[]}return p.setOptions(o).then((function(t){!l&&o.onFirstUpdate&&o.onFirstUpdate(t)})),p}}var Pt=Ct({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,o=t.options,i=o.scroll,r=void 0===i\|\|i,a=o.resize,s=void 0===a\|\|a,c=S(e.elements.popper),l=[].concat(e.scrollParents.reference,e.scrollParents.popper);return r&&l.forEach((function(t){t.addEventListener("scroll",n.update,at)})),s&&c.addEventListener("resize",n.update,at),function(){r&&l.forEach((function(t){t.removeEventListener("scroll",n.update,at)})),s&&c.removeEventListener("resize",n.update,at)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=_t({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,o=n.gpuAcceleration,i=void 0===o\|\|o,r=n.adaptive,a=void 0===r\|\|r,s=n.roundOffsets,c=void 0===s\|\|s,l={placement:T(e.placement),variation:ot(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:i,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,rt(Object.assign({},l,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:c})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,rt(Object.assign({},l,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]\|\|{},o=e.attributes[t]\|\|{},i=e.elements[t];F(i)&&B(i)&&(Object.assign(i.style,n),Object.keys(o).forEach((function(t){var e=o[t];!1===e?i.removeAttribute(t):i.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var o=e.elements[t],i=e.attributes[t]\|\|{},r=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});F(o)&&B(o)&&(Object.assign(o.style,r),Object.keys(i).forEach((function(t){o.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,o=t.options.offset,i=void 0===o?[0,0]:o,r=M.reduce((function(t,n){return t[n]=function(t,e,n){var o=T(t),i=[w,_].indexOf(o)>=0?-1:1,r="function"==typeof n?n(Object.assign({},e,{placement:t})):n,a=r[0],s=r[1];return a=a\|\|0,s=(s\|\|0)*i,[w,y].indexOf(o)>=0?{x:s,y:a}:{x:a,y:s}}(n,e.rects,i),t}),{}),a=r[e.placement],s=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=s),e.modifiersData[n]=r}},wt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name,i=n.mainAxis,r=void 0===i\|\|i,a=n.altAxis,s=void 0!==a&&a,c=n.tether,l=void 0===c\|\|c,p=n.tetherOffset,d=void 0===p?0:p,h=gt(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),b=T(e.placement),u=ot(e.placement),f=!u,v=Z(b),m="x"===v?"y":"x",x=e.modifiersData.popperOffsets,O=e.rects.reference,k=e.rects.popper,z="function"==typeof d?d(Object.assign({},e.rects,{placement:e.placement})):d,L="number"==typeof z?{mainAxis:z,altAxis:z}:Object.assign({mainAxis:0,altAxis:0},z),C=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,P={x:0,y:0};if(x){if(r){var E,M="y"===v?_:w,A="y"===v?g:y,B="y"===v?"height":"width",S=x[v],W=S+h[M],F=S-h[A],R=l?-k[B]/2:0,H=u===j?O[B]:k[B],D=u===j?-k[B]:-O[B],I=e.elements.arrow,U=l&&I?K(I):{width:0,height:0},N=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},V=N[M],X=N[A],Y=tt(0,O[B],U[B]),G=f?O[B]/2-R-Y-V-L.mainAxis:H-Y-V-L.mainAxis,J=f?-O[B]/2+R+Y+X+L.mainAxis:D+Y+X+L.mainAxis,et=e.elements.arrow&&Q(e.elements.arrow),nt=null!=(E=null==C?void 0:C[v])?E:0,it=S+J-nt,rt=tt(l?$(W,S+G-nt-(et?"y"===v?et.clientTop\|\|0:et.clientLeft\|\|0:0)):W,S,l?q(F,it):F);x[v]=rt,P[v]=rt-S}if(s){var at,st=x[m],ct="y"===m?"height":"width",lt=st+h["x"===v?_:w],pt=st-h["x"===v?g:y],dt=-1!==[_,w].indexOf(b),ht=null!=(at=null==C?void 0:C[m])?at:0,bt=dt?lt:st-O[ct]-k[ct]-ht+L.altAxis,ut=dt?st+O[ct]+k[ct]-ht-L.altAxis:pt,ft=l&&dt?function(t,e,n){var o=tt(t,e,n);return o>n?n:o}(bt,st,ut):tt(l?bt:lt,st,l?ut:pt);x[m]=ft,P[m]=ft-st}e.modifiersData[o]=P}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,o=t.name,i=t.options,r=n.elements.arrow,a=n.modifiersData.popperOffsets,s=T(n.placement),c=Z(s),l=[w,y].indexOf(s)>=0?"height":"width";if(r&&a){var p=function(t,e){return et("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:nt(t,O))}(i.padding,n),d=K(r),h="y"===c?_:w,b="y"===c?g:y,u=n.rects.reference[l]+n.rects.reference[c]-a[c]-n.rects.popper[l],f=a[c]-n.rects.reference[c],v=Q(r),m=v?"y"===c?v.clientHeight\|\|0:v.clientWidth\|\|0:0,x=m/2-d[l]/2+(u/2-f/2),j=tt(p[h],x,m-d[l]-p[b]);n.modifiersData[o]=((e={})[c]=j,e.centerOffset=j-x,e)}},effect:function(t){var e=t.state,n=t.options.element,o=void 0===n?"[data-popper-arrow]":n;null!=o&&("string"!=typeof o\|\|(o=e.elements.popper.querySelector(o)))&&N(e.elements.popper,o)&&(e.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,o=e.rects.reference,i=e.rects.popper,r=e.modifiersData.preventOverflow,a=gt(e,{elementContext:"reference"}),s=gt(e,{altBoundary:!0}),c=xt(a,o),l=xt(s,i,r),p=Ot(c),d=Ot(l);e.modifiersData[n]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:p,hasPopperEscaped:d},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":d})}}]});const Et=class{constructor(e){t(this,e),this.balChange=i(this,"balChange",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.balPopoverPrepare=i(this,"balPopoverPrepare",7),this.popoverId="bal-po-"+Mt++,this.isTouch=p.isTouch,this.isInMainNav=!1,this.backdropHeight=0,this.autoTrigger=!1,this.hint=!1,this.hover=!1,this.arrow=!1,this.backdrop=!1,this.tooltip=!1,this.offsetX=0,this.offsetY=0,this.padding=0,this.position="bottom-start",this.active=!1,this.mobileTop=!1}createLogger(t){this.log=t}async activeChanged(t,e){!0===t&&t!==e?this.present({force:!0}):this.dismiss({force:!0})}componentWillLoad(){this.backdropHeight=this.getBackdropHeight()}componentDidLoad(){if(this.isInMainNav=null!==this.footMobileNav,this.triggerElement&&this.menuElement){this.popperInstance=Pt(this.triggerElement,this.menuElement,{placement:this.tooltip?"bottom":this.position,modifiers:[this.modifierOffset,this.modifierPreventOverflow]});let t=[],e=[];this.autoTrigger&&(t=["click"]),this.tooltip&&(t=["mouseenter","focus"],e=["mouseleave","blur"]),t.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,"click"===t?()=>this.toggle():()=>this.present())})),e.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.dismiss()))}))}}componentDidRender(){this.popperInstance&&(this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{placement:this.tooltip?"bottom":this.position,modifiers:[...t.modifiers.filter((t=>"offset"!==t.name&&"preventOverflow"!==t.name)),this.modifierOffset,this.modifierPreventOverflow]}))),this.updatePopper()),b.isSafari&&!this.isTouch&&(clearTimeout(this.componentDidRenderTimer),this.componentDidRenderTimer=setTimeout((()=>{var t;const e=null===(t=this.el)\|\|void 0===t?void 0:t.clientWidth;this.el.style.maxWidth=e?`${e}px`:"initial"})))}handlePopoverPrepare(t){this.popoverId!==t.detail&&this.dismiss()}async clickOnOutside(t){var e;this.active&&(this.el.contains(t.target)\|\|(this.active=!1),(null===(e=this.backdropElement)\|\|void 0===e?void 0:e.isEqualNode(t.target))&&(this.active=!1))}handleKeyUp(t){!this.active\|\|"Escape"!==t.key&&"Esc"!==t.key\|\|(t.preventDefault(),this.dismiss())}async tabOutside(t){"Tab"===t.key&&!this.el.contains(document.activeElement)&&this.active&&await this.toggle()}breakpointListener(t){this.isTouch=t.touch,this.isInMainNav=null!==this.footMobileNav,this.backdropHeight=this.getBackdropHeight()}async present(t={force:!1}){var e,n;this.active&&!t.force\|\|(null===(e=this.menuElement)\|\|void 0===e\|\|e.setAttribute("data-show",""),null===(n=this.menuElement)\|\|void 0===n\|\|n.setAttribute("aria-hidden","false"),this.menuInnerElement&&this.menuInnerElement.scrollTo(0,0),this.balPopoverPrepare.emit(this.popoverId),this.balWillAnimate.emit(this.active),this.active=!0,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!0}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async dismiss(t={force:!1}){var e,n;(this.active\|\|t.force)&&(null===(e=this.menuElement)\|\|void 0===e\|\|e.removeAttribute("data-show"),null===(n=this.menuElement)\|\|void 0===n\|\|n.setAttribute("aria-hidden","true"),this.balWillAnimate.emit(this.active),this.active=!1,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!1}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async toggle(t={force:!1}){this.active?await this.dismiss(t):await this.present(t)}get footMobileNav(){return this.el.closest('[slot="meta-mobile-foot"]')}get modifierOffset(){return{name:"offset",options:{offset:[this.offsetX,this.offsetY+(this.tooltip\|\|this.arrow?8:0)]}}}get modifierPreventOverflow(){return{name:"preventOverflow",options:{padding:this.arrow\|\|this.tooltip?8:this.padding,altAxis:!0}}}get triggerElement(){return this.el.querySelector("[bal-popover-trigger]")}get menuElement(){return this.el.querySelector("bal-popover-content")}get menuInnerElement(){return this.el.querySelector(".bal-popover__content__inner")}getBackdropHeight(){return b.hasWindow?this.isInMainNav?(window.innerHeight-(this.isTouch?64:48))/16:window.innerHeight/16:0}updatePopper(){this.popperInstance.update()}render(){const t=s.block("popover");return e(n,{key:"7f7adc347e2bcc9f8acacc57f7e5e3d878e706c8","aria-presented":this.active?"true":null,"data-id":this.popoverId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("tooltip").class(this.tooltip)),t.modifier("arrow").class(this.arrow)),t.modifier("hint").class(this.hint)),t.modifier("backdrop").class(this.backdrop))},!this.mobileTop&&e("div",{key:"4caa1176851cfca5ea5bc51cb5cbf503572686e9",ref:t=>{this.backdropElement=t},class:Object.assign({},t.element("backdrop").class(this.backdrop&&this.active)),style:{"--bal-popover-backdrop-height":`${this.backdropHeight}rem`}}),e("slot",{key:"36ec1137ffb8bc0439bbebcaa39144b9bcf7ed45"}))}get el(){return o(this)}static get watchers(){return{active:["activeChanged"]}}};r([u("bal-popover"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],Et.prototype,"createLogger",null),r([d(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],Et.prototype,"breakpointListener",null);let Mt=0;Et.style='.bal-popover__backdrop{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-popover-backdrop-height:100vh;--bal-popover-content-height-top-nav:100vh;--bal-popover-backdrop-background:var(--bal-color-primary-6);--bal-popover-backdrop-opacity:.8;--bal-popover-content-shadow:var(--bal-shadow-normal);--bal-popover-content-background:var(--bal-color-white);--bal-popover-content-background-grey:var(--bal-color-grey-2);--bal-popover-tooltip-background:var(--bal-color-primary-6);--bal-popover-tooltip-color:var(--bal-color-white);--bal-popover-tooltip-font-family:var(--bal-font-family-text);--bal-popover-tooltip-font-size:var(--bal-text-size-small)}.bal-popover{display:block}@media screen and (max-width: 768px){.bal-popover .bal-popover__content{min-width:100vw !important}.bal-popover .bal-select__popover{min-width:100% !important}}.bal-popover--active .bal-popover__content{display:block}.bal-popover--backdrop [bal-popover-trigger]{z-index:calc(var(--bal-z-index-popup) - 1);position:relative}@media screen and (max-width: 768px){.bal-popover--hint .bal-popover__content{min-height:100vh}.bal-popover--hint .bal-popover__content .bal-popover__content__inner{min-height:100vh}}@media screen and (min-width: 769px),print{.bal-popover--hint .bal-popover__content{max-width:20rem}}@media screen and (min-width: 1024px){.bal-popover--hint .bal-popover__content{max-width:30rem}}.bal-popover__backdrop{z-index:calc(var(--bal-z-index-popup) - 2);position:fixed;background:var(--bal-popover-backdrop-background);opacity:var(--bal-popover-backdrop-opacity);height:var(--bal-popover-backdrop-height);width:100vw}.bal-popover__content{display:none;z-index:var(--bal-z-index-popup);-webkit-box-shadow:var(--bal-popover-content-shadow);box-shadow:var(--bal-popover-content-shadow);background:var(--bal-popover-content-background);min-width:16.25rem}.bal-popover__content[data-show]{display:block}.bal-popover__content--expanded{min-width:100%}.bal-popover__content--no-shadow{-webkit-box-shadow:none;box-shadow:none}.bal-popover__content--radius-normal{border-radius:var(--bal-radius-normal)}.bal-popover__content--radius-large{border-radius:var(--bal-radius-large)}.bal-popover__content--radius-none{border-radius:0}.bal-popover__content--radius-normal-bottom-none{border-radius:var(--bal-radius-normal);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-normal-top-none{border-radius:var(--bal-radius-normal);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--radius-large-bottom-none{border-radius:var(--bal-radius-large);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-large-top-none{border-radius:var(--bal-radius-large);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--on-top{border-top:1px solid var(--bal-color-grey-2);height:var(--bal-popover-content-height-top-nav);overflow-y:auto}.bal-popover__content--color-grey{background:var(--bal-popover-content-background-grey)}.bal-popover__content__inner{max-height:calc(100vh - 4.5rem);overflow:auto;padding:1rem}@media screen and (min-width: 769px),print{.bal-popover__content__inner{padding:1.5rem}}@media screen and (min-width: 1024px){.bal-popover__content__inner{max-height:calc(100vh - 8rem)}}.bal-popover__content--spaceless .bal-popover__content__inner{padding:0}.bal-popover__content [data-popper-arrow]{display:none}.bal-popover__content__arrow{visibility:hidden}.bal-popover__content__arrow [data-popper-arrow]{display:block}.bal-popover__content__arrow,.bal-popover__content__arrow:before{position:absolute;width:.5rem;height:.5rem;background:inherit}.bal-popover__content__arrow:before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-popover__content[data-popper-placement^=top]>.bal-popover__content__arrow{bottom:-0.25rem}.bal-popover__content[data-popper-placement^=bottom]>.bal-popover__content__arrow{top:-0.25rem}.bal-popover__content[data-popper-placement^=left]>.bal-popover__content__arrow{right:-0.25rem}.bal-popover__content[data-popper-placement^=right]>.bal-popover__content__arrow{left:-0.25rem}.bal-popover--arrow .bal-popover__content__arrow{display:block}.bal-popover--tooltip .bal-popover__content{min-width:unset;background:var(--bal-popover-tooltip-background)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner{padding:var(--bal-space-x-small)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner,.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner p{color:var(--bal-popover-tooltip-color);font-family:var(--bal-popover-tooltip-font-family);font-size:var(--bal-popover-tooltip-font-size)}';const At=class{constructor(e){t(this,e),this.isTouch=p.isTouch,this.spaceless=!1,this.scrollable=0,this.contentWidth=0,this.contentMinWidth=0,this.color="white",this.expanded=!1,this.radius="normal",this.noShadow=!1,this.mobileTop=!1,this.contentHeightOnTop=0}breakpointListener(t){b.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}get innerStyle(){let t={};return this.scrollable>0&&(t={"max-height":`${this.scrollable}px`,overflow:"auto"}),Object.assign({},t)}get contentStyle(){let t={},e={};const n={"--bal-popover-content-height-top-nav":this.contentHeightOnTop/16+"rem"};return this.contentWidth>0&&(t={"max-width":`${this.contentWidth}px`}),this.contentMinWidth>0&&(e={"min-width":`${this.contentMinWidth}px`}),Object.assign(Object.assign(Object.assign({},t),e),n)}componentWillLoad(){b.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}render(){const t=s.block("popover").element("content");return e(n,{key:"a6a40a129dadcbe55d6d75c64572b1c1aeedf944",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("expanded").class(this.expanded)),t.modifier("spaceless").class(this.spaceless)),t.modifier("no-shadow").class(this.noShadow)),t.modifier(`radius-${this.radius}`).class()),t.modifier(`color-${this.color}`).class()),t.modifier("on-top").class(this.mobileTop)),"data-testid":"bal-popover-content",role:"tooltip",style:this.contentStyle},e("div",{key:"6204b4d421004e6f3cf1541ed6a2023f3b3bdef1",class:Object.assign({},t.element("inner").class()),style:this.innerStyle},e("slot",{key:"71183eaf21a740ed7e20457e9fc3ec302ed2536f"})),e("div",{key:"821519a57d42152641d759aaa350537f7cad59b1",class:Object.assign({},t.element("arrow").class()),"data-popper-arrow":!0}))}get el(){return o(this)}};r([d(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],At.prototype,"breakpointListener",null);export{f as bal_hint,v as bal_hint_text,m as bal_hint_title,Et as bal_popover,At as bal_popover_content}
1	+ import{r as t,h as e,H as n,g as o,c as i}from"./p-2ccbe55a.js";import{_ as r,a}from"./p-43c9f5e9.js";import{B as s}from"./p-ae86d0a0.js";import{p as c}from"./p-c0c91eb1.js";import{B as l}from"./p-c1852273.js";import{b as p}from"./p-10ff0eaf.js";import{L as d}from"./p-070b692d.js";import{L as h}from"./p-44e7532c.js";import{b}from"./p-a65354df.js";import{L as u}from"./p-b77e3348.js";import"./p-9a3d9e17.js";import"./p-ef6a64f4.js";import"./p-46251973.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-6e1e6cc5.js";const f=class{constructor(e){t(this,e),this.bodyScrollHandler=new l,this.onPopoverChange=t=>{this.isActive=t.detail,c(t)},this.isActive=!1,this.innerCloseLabel="Close",this.isMobile=p.isMobile,this.closeLabel=void 0,this.small=!1}connectedCallback(){this.bodyScrollHandler.connect()}componentDidRender(){this.updateContent()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}breakpointListener(t){const e=t.mobile;e!==this.isMobile&&(this.isActive=!1),this.isMobile=e}async configChanged(t){if(!this.closeLabel)switch(t.language){case"de":this.innerCloseLabel="Schliessen";break;case"fr":this.innerCloseLabel="Fermer";break;case"it":this.innerCloseLabel="Chiudere";break;case"nl":this.innerCloseLabel="Sluiten";break;default:this.innerCloseLabel="Close"}}async toggle(){this.isActive?this.dismiss():this.present()}async present(){this.popoverElement&&this.popoverElement.present(),this.isMobile&&this.bodyScrollHandler.disable(),this.isActive=!0}async dismiss(){this.popoverElement&&this.popoverElement.dismiss(),this.isMobile&&this.bodyScrollHandler.enable(),this.isActive=!1}updateContent(){this.hintContentEl&&this.slotWrapperEl&&(this.hintContentEl.innerHTML=this.slotWrapperEl.innerHTML)}render(){const t=s.block("hint"),o=t.element("icon"),i=t.element("content"),r=i.element("buttons"),a=this.isMobile?0:8,c=this.isMobile?0:16,l=()=>e("bal-icon",{class:Object.assign({},o.class()),"data-testid":"bal-hint-trigger","bal-popover-trigger":!0,"aria-haspopup":"true",role:"button",name:"info-circle",onClick:()=>this.toggle()}),p=()=>e("div",{class:Object.assign({},i.class()),"data-testid":"bal-hint-content"},e("div",{ref:t=>this.hintContentEl=t}),e("bal-button-group",{class:Object.assign(Object.assign({},r.class()),r.modifier("is-hidden-desktop").class(this.small))},e("bal-button",{"data-testid":"bal-hint-close",color:"info",onClick:()=>this.dismiss()},this.closeLabel?this.closeLabel:this.innerCloseLabel))),d=this.isMobile?()=>{const n=t.element("overlay");return e("div",{class:Object.assign({},n.class())},e(l,null),e("div",{class:Object.assign(Object.assign({},n.element("content").class()),n.element("content").modifier("active").class(this.isActive))},e(p,null)))}:()=>e("div",{class:Object.assign({},t.element("popover").class())},e("bal-popover",{hint:!0,position:"right",offsetX:0,offsetY:c,padding:a,ref:t=>this.popoverElement=t,onBalChange:this.onPopoverChange},e(l,null),e("bal-popover-content",{color:"grey"},e(p,null))));return e(n,{class:Object.assign({},t.class())},e(d,null),e("div",{ref:t=>this.slotWrapperEl=t,style:{display:"none"}},e("slot",null)))}get element(){return o(this)}};r([d(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],f.prototype,"breakpointListener",null),r([h(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],f.prototype,"configChanged",null),f.style=":root{--bal-hint-content-background:var(--bal-color-grey-2)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media (hover: hover)and (pointer: fine){.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle,.bal-hint__icon:focus svg,.bal-hint__icon:focus g,.bal-hint__icon:focus path,.bal-hint__icon:focus circle{fill:var(--bal-color-light-blue-5)}}.bal-hint__content{background:var(--bal-hint-content-background);display:-ms-flexbox;display:flex;gap:1.5rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{-ms-flex:1;flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__content__text__field{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text);font-size:var(--bal-text-size-normal)}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}";const v=class{constructor(e){t(this,e)}render(){const t=s.block("hint").element("content").element("text"),o=t.element("field");return e(n,{key:"ad5de0620dc2309a1b88d269245787fb7b466e31",class:Object.assign({},t.class())},e("p",{key:"ad41ab7b8b99f4279719d4a0f692e549fa0d6411",class:Object.assign({},o.class())},e("slot",{key:"ce99f43d0b12bc93f5149c5c0022f53740cbb2da"})))}},m=class{constructor(e){t(this,e)}render(){const t=s.block("hint").element("content").element("title"),o=t.element("heading");return e(n,{key:"a4702af6829510708fd8941c74ff5be80d9cfe4f",class:Object.assign({},t.class())},e("h3",{key:"1dd414773a51a467091d940cc05026818c508744",class:Object.assign({},o.class())},e("span",{key:"5763f7dcf1273965151401b18c619dc0d3451616"},e("slot",{key:"34f65311af348ee241f8e22adad75c6d16d34768"}))))}};var _="top",g="bottom",y="right",w="left",x="auto",O=[_,g,y,w],j="start",k="end",z="clippingParents",L="viewport",C="popper",P="reference",E=O.reduce((function(t,e){return t.concat([e+"-"+j,e+"-"+k])}),[]),M=[].concat(O,[x]).reduce((function(t,e){return t.concat([e,e+"-"+j,e+"-"+k])}),[]),A=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function B(t){return t?(t.nodeName\|\|"").toLowerCase():null}function S(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView\|\|window}return t}function W(t){return t instanceof S(t).Element\|\|t instanceof Element}function F(t){return t instanceof S(t).HTMLElement\|\|t instanceof HTMLElement}function R(t){return"undefined"!=typeof ShadowRoot&&(t instanceof S(t).ShadowRoot\|\|t instanceof ShadowRoot)}function T(t){return t.split("-")[0]}var q=Math.max,$=Math.min,H=Math.round;function D(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function I(){return!/^((?!chrome\|android).)safari/i.test(D())}function U(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var o=t.getBoundingClientRect(),i=1,r=1;e&&F(t)&&(i=t.offsetWidth>0&&H(o.width)/t.offsetWidth\|\|1,r=t.offsetHeight>0&&H(o.height)/t.offsetHeight\|\|1);var a=(W(t)?S(t):window).visualViewport,s=!I()&&n,c=(o.left+(s&&a?a.offsetLeft:0))/i,l=(o.top+(s&&a?a.offsetTop:0))/r,p=o.width/i,d=o.height/r;return{width:p,height:d,top:l,right:c+p,bottom:l+d,left:c,x:c,y:l}}function K(t){var e=U(t),n=t.offsetWidth,o=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-o)<=1&&(o=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:o}}function N(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&R(n)){var o=e;do{if(o&&t.isSameNode(o))return!0;o=o.parentNode\|\|o.host}while(o)}return!1}function V(t){return S(t).getComputedStyle(t)}function X(t){return["table","td","th"].indexOf(B(t))>=0}function Y(t){return((W(t)?t.ownerDocument:t.document)\|\|window.document).documentElement}function G(t){return"html"===B(t)?t:t.assignedSlot\|\|t.parentNode\|\|(R(t)?t.host:null)\|\|Y(t)}function J(t){return F(t)&&"fixed"!==V(t).position?t.offsetParent:null}function Q(t){for(var e=S(t),n=J(t);n&&X(n)&&"static"===V(n).position;)n=J(n);return n&&("html"===B(n)\|\|"body"===B(n)&&"static"===V(n).position)?e:n\|\|function(t){var e=/firefox/i.test(D());if(/Trident/i.test(D())&&F(t)&&"fixed"===V(t).position)return null;var n=G(t);for(R(n)&&(n=n.host);F(n)&&["html","body"].indexOf(B(n))<0;){var o=V(n);if("none"!==o.transform\|\|"none"!==o.perspective\|\|"paint"===o.contain\|\|-1!==["transform","perspective"].indexOf(o.willChange)\|\|e&&"filter"===o.willChange\|\|e&&o.filter&&"none"!==o.filter)return n;n=n.parentNode}return null}(t)\|\|e}function Z(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function tt(t,e,n){return q(t,$(e,n))}function et(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function nt(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function ot(t){return t.split("-")[1]}var it={top:"auto",right:"auto",bottom:"auto",left:"auto"};function rt(t){var e,n=t.popper,o=t.popperRect,i=t.placement,r=t.variation,a=t.offsets,s=t.position,c=t.gpuAcceleration,l=t.adaptive,p=t.roundOffsets,d=t.isFixed,h=a.x,b=void 0===h?0:h,u=a.y,f=void 0===u?0:u,v="function"==typeof p?p({x:b,y:f}):{x:b,y:f};b=v.x,f=v.y;var m=a.hasOwnProperty("x"),x=a.hasOwnProperty("y"),O=w,j=_,z=window;if(l){var L=Q(n),C="clientHeight",P="clientWidth";L===S(n)&&"static"!==V(L=Y(n)).position&&"absolute"===s&&(C="scrollHeight",P="scrollWidth"),(i===_\|\|(i===w\|\|i===y)&&r===k)&&(j=g,f-=(d&&L===z&&z.visualViewport?z.visualViewport.height:L[C])-o.height,f=c?1:-1),i!==w&&(i!==_&&i!==g\|\|r!==k)\|\|(O=y,b-=(d&&L===z&&z.visualViewport?z.visualViewport.width:L[P])-o.width,b=c?1:-1)}var E,M=Object.assign({position:s},l&&it),A=!0===p?function(t,e){var n=t.y,o=e.devicePixelRatio\|\|1;return{x:H(t.xo)/o\|\|0,y:H(no)/o\|\|0}}({x:b,y:f},S(n)):{x:b,y:f};return b=A.x,f=A.y,Object.assign({},M,c?((E={})[j]=x?"0":"",E[O]=m?"0":"",E.transform=(z.devicePixelRatio\|\|1)<=1?"translate("+b+"px, "+f+"px)":"translate3d("+b+"px, "+f+"px, 0)",E):((e={})[j]=x?f+"px":"",e[O]=m?b+"px":"",e.transform="",e))}var at={passive:!0},st={left:"right",right:"left",bottom:"top",top:"bottom"};function ct(t){return t.replace(/left\|right\|bottom\|top/g,(function(t){return st[t]}))}var lt={start:"end",end:"start"};function pt(t){return t.replace(/start\|end/g,(function(t){return lt[t]}))}function dt(t){var e=S(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function ht(t){return U(Y(t)).left+dt(t).scrollLeft}function bt(t){var e=V(t);return/auto\|scroll\|overlay\|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function ut(t){return["html","body","#document"].indexOf(B(t))>=0?t.ownerDocument.body:F(t)&&bt(t)?t:ut(G(t))}function ft(t,e){var n;void 0===e&&(e=[]);var o=ut(t),i=o===(null==(n=t.ownerDocument)?void 0:n.body),r=S(o),a=i?[r].concat(r.visualViewport\|\|[],bt(o)?o:[]):o,s=e.concat(a);return i?s:s.concat(ft(G(a)))}function vt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function mt(t,e,n){return e===L?vt(function(t,e){var n=S(t),o=Y(t),i=n.visualViewport,r=o.clientWidth,a=o.clientHeight,s=0,c=0;if(i){r=i.width,a=i.height;var l=I();(l\|\|!l&&"fixed"===e)&&(s=i.offsetLeft,c=i.offsetTop)}return{width:r,height:a,x:s+ht(t),y:c}}(t,n)):W(e)?function(t,e){var n=U(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):vt(function(t){var e,n=Y(t),o=dt(t),i=null==(e=t.ownerDocument)?void 0:e.body,r=q(n.scrollWidth,n.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),a=q(n.scrollHeight,n.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),s=-o.scrollLeft+ht(t),c=-o.scrollTop;return"rtl"===V(i\|\|n).direction&&(s+=q(n.clientWidth,i?i.clientWidth:0)-r),{width:r,height:a,x:s,y:c}}(Y(t)))}function _t(t){var e,n=t.reference,o=t.element,i=t.placement,r=i?T(i):null,a=i?ot(i):null,s=n.x+n.width/2-o.width/2,c=n.y+n.height/2-o.height/2;switch(r){case _:e={x:s,y:n.y-o.height};break;case g:e={x:s,y:n.y+n.height};break;case y:e={x:n.x+n.width,y:c};break;case w:e={x:n.x-o.width,y:c};break;default:e={x:n.x,y:n.y}}var l=r?Z(r):null;if(null!=l){var p="y"===l?"height":"width";switch(a){case j:e[l]=e[l]-(n[p]/2-o[p]/2);break;case k:e[l]=e[l]+(n[p]/2-o[p]/2)}}return e}function gt(t,e){void 0===e&&(e={});var n=e.placement,o=void 0===n?t.placement:n,i=e.strategy,r=void 0===i?t.strategy:i,a=e.boundary,s=void 0===a?z:a,c=e.rootBoundary,l=void 0===c?L:c,p=e.elementContext,d=void 0===p?C:p,h=e.altBoundary,b=void 0!==h&&h,u=e.padding,f=void 0===u?0:u,v=et("number"!=typeof f?f:nt(f,O)),m=t.rects.popper,w=t.elements[b?d===C?P:C:d],x=function(t,e,n,o){var i="clippingParents"===e?function(t){var e=ft(G(t)),n=["absolute","fixed"].indexOf(V(t).position)>=0&&F(t)?Q(t):t;return W(n)?e.filter((function(t){return W(t)&&N(t,n)&&"body"!==B(t)})):[]}(t):[].concat(e),r=[].concat(i,[n]),a=r.reduce((function(e,n){var i=mt(t,n,o);return e.top=q(i.top,e.top),e.right=$(i.right,e.right),e.bottom=$(i.bottom,e.bottom),e.left=q(i.left,e.left),e}),mt(t,r[0],o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(W(w)?w:w.contextElement\|\|Y(t.elements.popper),s,l,r),j=U(t.elements.reference),k=_t({reference:j,element:m,strategy:"absolute",placement:o}),E=vt(Object.assign({},m,k)),M=d===C?E:j,A={top:x.top-M.top+v.top,bottom:M.bottom-x.bottom+v.bottom,left:x.left-M.left+v.left,right:M.right-x.right+v.right},S=t.modifiersData.offset;if(d===C&&S){var R=S[o];Object.keys(A).forEach((function(t){var e=[y,g].indexOf(t)>=0?1:-1,n=[_,g].indexOf(t)>=0?"y":"x";A[t]+=R[n]e}))}return A}function yt(t,e){void 0===e&&(e={});var n=e.boundary,o=e.rootBoundary,i=e.padding,r=e.flipVariations,a=e.allowedAutoPlacements,s=void 0===a?M:a,c=ot(e.placement),l=c?r?E:E.filter((function(t){return ot(t)===c})):O,p=l.filter((function(t){return s.indexOf(t)>=0}));0===p.length&&(p=l);var d=p.reduce((function(e,r){return e[r]=gt(t,{placement:r,boundary:n,rootBoundary:o,padding:i})[T(r)],e}),{});return Object.keys(d).sort((function(t,e){return d[t]-d[e]}))}const wt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name;if(!e.modifiersData[o]._skip){for(var i=n.mainAxis,r=void 0===i\|\|i,a=n.altAxis,s=void 0===a\|\|a,c=n.fallbackPlacements,l=n.padding,p=n.boundary,d=n.rootBoundary,h=n.altBoundary,b=n.flipVariations,u=void 0===b\|\|b,f=n.allowedAutoPlacements,v=e.options.placement,m=T(v),O=c\|\|(m!==v&&u?function(t){if(T(t)===x)return[];var e=ct(t);return[pt(t),e,pt(e)]}(v):[ct(v)]),k=[v].concat(O).reduce((function(t,n){return t.concat(T(n)===x?yt(e,{placement:n,boundary:p,rootBoundary:d,padding:l,flipVariations:u,allowedAutoPlacements:f}):n)}),[]),z=e.rects.reference,L=e.rects.popper,C=new Map,P=!0,E=k[0],M=0;M<k.length;M++){var A=k[M],B=T(A),S=ot(A)===j,W=[_,g].indexOf(B)>=0,F=W?"width":"height",R=gt(e,{placement:A,boundary:p,rootBoundary:d,altBoundary:h,padding:l}),q=W?S?y:w:S?g:_;z[F]>L[F]&&(q=ct(q));var $=ct(q),H=[];if(r&&H.push(R[B]<=0),s&&H.push(R[q]<=0,R[$]<=0),H.every((function(t){return t}))){E=A,P=!1;break}C.set(A,H)}if(P)for(var D=function(t){var e=k.find((function(e){var n=C.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return E=e,"break"},I=u?3:1;I>0&&"break"!==D(I);I--);e.placement!==E&&(e.modifiersData[o]._skip=!0,e.placement=E,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function xt(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function Ot(t){return[_,y,g,w].some((function(e){return t[e]>=0}))}function jt(t,e,n){void 0===n&&(n=!1);var o,i,r=F(e),a=F(e)&&function(t){var e=t.getBoundingClientRect(),n=H(e.width)/t.offsetWidth\|\|1,o=H(e.height)/t.offsetHeight\|\|1;return 1!==n\|\|1!==o}(e),s=Y(e),c=U(t,a,n),l={scrollLeft:0,scrollTop:0},p={x:0,y:0};return(r\|\|!r&&!n)&&(("body"!==B(e)\|\|bt(s))&&(l=(o=e)!==S(o)&&F(o)?{scrollLeft:(i=o).scrollLeft,scrollTop:i.scrollTop}:dt(o)),F(e)?((p=U(e,!0)).x+=e.clientLeft,p.y+=e.clientTop):s&&(p.x=ht(s))),{x:c.left+l.scrollLeft-p.x,y:c.top+l.scrollTop-p.y,width:c.width,height:c.height}}function kt(t){var e=new Map,n=new Set,o=[];function i(t){n.add(t.name),[].concat(t.requires\|\|[],t.requiresIfExists\|\|[]).forEach((function(t){if(!n.has(t)){var o=e.get(t);o&&i(o)}})),o.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)\|\|i(t)})),o}var zt={placement:"bottom",modifiers:[],strategy:"absolute"};function Lt(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function Ct(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,o=t.defaultOptions,i=void 0===o?zt:o;return function(t,e,o){void 0===o&&(o=i);var r,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},zt,i),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},c=[],l=!1,p={state:s,setOptions:function(o){var r="function"==typeof o?o(s.options):o;d(),s.options=Object.assign({},i,s.options,r),s.scrollParents={reference:W(t)?ft(t):t.contextElement?ft(t.contextElement):[],popper:ft(e)};var a,l,h=function(t){var e=kt(t);return A.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((a=[].concat(n,s.options.modifiers),l=a.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(l).map((function(t){return l[t]}))));return s.orderedModifiers=h.filter((function(t){return t.enabled})),s.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var o=n({state:s,name:t.name,instance:p,options:void 0===e?{}:e});c.push(o\|\|function(){})}})),p.update()},forceUpdate:function(){if(!l){var t=s.elements,e=t.reference,n=t.popper;if(Lt(e,n)){s.rects={reference:jt(e,Q(n),"fixed"===s.options.strategy),popper:K(n)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(t){return s.modifiersData[t.name]=Object.assign({},t.data)}));for(var o=0;o<s.orderedModifiers.length;o++)if(!0!==s.reset){var i=s.orderedModifiers[o],r=i.fn,a=i.options;"function"==typeof r&&(s=r({state:s,options:void 0===a?{}:a,name:i.name,instance:p})\|\|s)}else s.reset=!1,o=-1}}},update:(r=function(){return new Promise((function(t){p.forceUpdate(),t(s)}))},function(){return a\|\|(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(r())}))}))),a}),destroy:function(){d(),l=!0}};if(!Lt(t,e))return p;function d(){c.forEach((function(t){return t()})),c=[]}return p.setOptions(o).then((function(t){!l&&o.onFirstUpdate&&o.onFirstUpdate(t)})),p}}var Pt=Ct({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,o=t.options,i=o.scroll,r=void 0===i\|\|i,a=o.resize,s=void 0===a\|\|a,c=S(e.elements.popper),l=[].concat(e.scrollParents.reference,e.scrollParents.popper);return r&&l.forEach((function(t){t.addEventListener("scroll",n.update,at)})),s&&c.addEventListener("resize",n.update,at),function(){r&&l.forEach((function(t){t.removeEventListener("scroll",n.update,at)})),s&&c.removeEventListener("resize",n.update,at)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=_t({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,o=n.gpuAcceleration,i=void 0===o\|\|o,r=n.adaptive,a=void 0===r\|\|r,s=n.roundOffsets,c=void 0===s\|\|s,l={placement:T(e.placement),variation:ot(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:i,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,rt(Object.assign({},l,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:c})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,rt(Object.assign({},l,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]\|\|{},o=e.attributes[t]\|\|{},i=e.elements[t];F(i)&&B(i)&&(Object.assign(i.style,n),Object.keys(o).forEach((function(t){var e=o[t];!1===e?i.removeAttribute(t):i.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var o=e.elements[t],i=e.attributes[t]\|\|{},r=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});F(o)&&B(o)&&(Object.assign(o.style,r),Object.keys(i).forEach((function(t){o.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,o=t.options.offset,i=void 0===o?[0,0]:o,r=M.reduce((function(t,n){return t[n]=function(t,e,n){var o=T(t),i=[w,_].indexOf(o)>=0?-1:1,r="function"==typeof n?n(Object.assign({},e,{placement:t})):n,a=r[0],s=r[1];return a=a\|\|0,s=(s\|\|0)*i,[w,y].indexOf(o)>=0?{x:s,y:a}:{x:a,y:s}}(n,e.rects,i),t}),{}),a=r[e.placement],s=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=s),e.modifiersData[n]=r}},wt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name,i=n.mainAxis,r=void 0===i\|\|i,a=n.altAxis,s=void 0!==a&&a,c=n.tether,l=void 0===c\|\|c,p=n.tetherOffset,d=void 0===p?0:p,h=gt(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),b=T(e.placement),u=ot(e.placement),f=!u,v=Z(b),m="x"===v?"y":"x",x=e.modifiersData.popperOffsets,O=e.rects.reference,k=e.rects.popper,z="function"==typeof d?d(Object.assign({},e.rects,{placement:e.placement})):d,L="number"==typeof z?{mainAxis:z,altAxis:z}:Object.assign({mainAxis:0,altAxis:0},z),C=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,P={x:0,y:0};if(x){if(r){var E,M="y"===v?_:w,A="y"===v?g:y,B="y"===v?"height":"width",S=x[v],W=S+h[M],F=S-h[A],R=l?-k[B]/2:0,H=u===j?O[B]:k[B],D=u===j?-k[B]:-O[B],I=e.elements.arrow,U=l&&I?K(I):{width:0,height:0},N=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},V=N[M],X=N[A],Y=tt(0,O[B],U[B]),G=f?O[B]/2-R-Y-V-L.mainAxis:H-Y-V-L.mainAxis,J=f?-O[B]/2+R+Y+X+L.mainAxis:D+Y+X+L.mainAxis,et=e.elements.arrow&&Q(e.elements.arrow),nt=null!=(E=null==C?void 0:C[v])?E:0,it=S+J-nt,rt=tt(l?$(W,S+G-nt-(et?"y"===v?et.clientTop\|\|0:et.clientLeft\|\|0:0)):W,S,l?q(F,it):F);x[v]=rt,P[v]=rt-S}if(s){var at,st=x[m],ct="y"===m?"height":"width",lt=st+h["x"===v?_:w],pt=st-h["x"===v?g:y],dt=-1!==[_,w].indexOf(b),ht=null!=(at=null==C?void 0:C[m])?at:0,bt=dt?lt:st-O[ct]-k[ct]-ht+L.altAxis,ut=dt?st+O[ct]+k[ct]-ht-L.altAxis:pt,ft=l&&dt?function(t,e,n){var o=tt(t,e,n);return o>n?n:o}(bt,st,ut):tt(l?bt:lt,st,l?ut:pt);x[m]=ft,P[m]=ft-st}e.modifiersData[o]=P}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,o=t.name,i=t.options,r=n.elements.arrow,a=n.modifiersData.popperOffsets,s=T(n.placement),c=Z(s),l=[w,y].indexOf(s)>=0?"height":"width";if(r&&a){var p=function(t,e){return et("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:nt(t,O))}(i.padding,n),d=K(r),h="y"===c?_:w,b="y"===c?g:y,u=n.rects.reference[l]+n.rects.reference[c]-a[c]-n.rects.popper[l],f=a[c]-n.rects.reference[c],v=Q(r),m=v?"y"===c?v.clientHeight\|\|0:v.clientWidth\|\|0:0,x=m/2-d[l]/2+(u/2-f/2),j=tt(p[h],x,m-d[l]-p[b]);n.modifiersData[o]=((e={})[c]=j,e.centerOffset=j-x,e)}},effect:function(t){var e=t.state,n=t.options.element,o=void 0===n?"[data-popper-arrow]":n;null!=o&&("string"!=typeof o\|\|(o=e.elements.popper.querySelector(o)))&&N(e.elements.popper,o)&&(e.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,o=e.rects.reference,i=e.rects.popper,r=e.modifiersData.preventOverflow,a=gt(e,{elementContext:"reference"}),s=gt(e,{altBoundary:!0}),c=xt(a,o),l=xt(s,i,r),p=Ot(c),d=Ot(l);e.modifiersData[n]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:p,hasPopperEscaped:d},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":d})}}]});const Et=class{constructor(e){t(this,e),this.balChange=i(this,"balChange",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.balPopoverPrepare=i(this,"balPopoverPrepare",7),this.popoverId="bal-po-"+Mt++,this.isTouch=p.isTouch,this.isInMainNav=!1,this.backdropHeight=0,this.autoTrigger=!1,this.hint=!1,this.hover=!1,this.arrow=!1,this.backdrop=!1,this.tooltip=!1,this.offsetX=0,this.offsetY=0,this.padding=0,this.position="bottom-start",this.active=!1,this.mobileTop=!1}createLogger(t){this.log=t}async activeChanged(t,e){!0===t&&t!==e?this.present({force:!0}):this.dismiss({force:!0})}componentWillLoad(){this.backdropHeight=this.getBackdropHeight(),this.triggerElement.setAttribute("aria-haspopup","true")}componentDidLoad(){if(this.isInMainNav=null!==this.footMobileNav,this.triggerElement&&this.menuElement){this.popperInstance=Pt(this.triggerElement,this.menuElement,{placement:this.tooltip?"bottom":this.position,modifiers:[this.modifierOffset,this.modifierPreventOverflow]});let t=[],e=[];this.autoTrigger&&(t=["click"]),this.tooltip&&(t=["mouseenter","focus"],e=["mouseleave","blur"]),t.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,"click"===t?()=>this.toggle():()=>this.present())})),e.forEach((t=>{this.triggerElement&&this.triggerElement.addEventListener(t,(()=>this.dismiss()))}))}}componentDidRender(){this.popperInstance&&(this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{placement:this.tooltip?"bottom":this.position,modifiers:[...t.modifiers.filter((t=>"offset"!==t.name&&"preventOverflow"!==t.name)),this.modifierOffset,this.modifierPreventOverflow]}))),this.updatePopper()),b.isSafari&&!this.isTouch&&(clearTimeout(this.componentDidRenderTimer),this.componentDidRenderTimer=setTimeout((()=>{var t;const e=null===(t=this.el)\|\|void 0===t?void 0:t.clientWidth;this.el.style.maxWidth=e?`${e}px`:"initial"})))}handlePopoverPrepare(t){this.popoverId!==t.detail&&this.dismiss()}async clickOnOutside(t){var e;this.active&&(this.el.contains(t.target)\|\|(this.active=!1),(null===(e=this.backdropElement)\|\|void 0===e?void 0:e.isEqualNode(t.target))&&(this.active=!1))}handleKeyUp(t){!this.active\|\|"Escape"!==t.key&&"Esc"!==t.key\|\|(t.preventDefault(),this.dismiss())}async tabOutside(t){"Tab"===t.key&&!this.el.contains(document.activeElement)&&this.active&&await this.toggle()}breakpointListener(t){this.isTouch=t.touch,this.isInMainNav=null!==this.footMobileNav,this.backdropHeight=this.getBackdropHeight()}async present(t={force:!1}){var e,n;this.active&&!t.force\|\|(null===(e=this.menuElement)\|\|void 0===e\|\|e.setAttribute("data-show",""),null===(n=this.menuElement)\|\|void 0===n\|\|n.setAttribute("aria-hidden","false"),this.menuInnerElement&&this.menuInnerElement.scrollTo(0,0),this.balPopoverPrepare.emit(this.popoverId),this.balWillAnimate.emit(this.active),this.active=!0,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!0}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async dismiss(t={force:!1}){var e,n;(this.active\|\|t.force)&&(null===(e=this.menuElement)\|\|void 0===e\|\|e.removeAttribute("data-show"),null===(n=this.menuElement)\|\|void 0===n\|\|n.setAttribute("aria-hidden","true"),this.balWillAnimate.emit(this.active),this.active=!1,this.popperInstance.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:!1}]}))),this.updatePopper(),this.balChange.emit(this.active),this.balDidAnimate.emit(this.active))}async toggle(t={force:!1}){this.active?await this.dismiss(t):await this.present(t)}get footMobileNav(){return this.el.closest('[slot="meta-mobile-foot"]')}get modifierOffset(){return{name:"offset",options:{offset:[this.offsetX,this.offsetY+(this.tooltip\|\|this.arrow?8:0)]}}}get modifierPreventOverflow(){return{name:"preventOverflow",options:{padding:this.arrow\|\|this.tooltip?8:this.padding,altAxis:!0}}}get triggerElement(){return this.el.querySelector("[bal-popover-trigger]")}get menuElement(){return this.el.querySelector("bal-popover-content")}get menuInnerElement(){return this.el.querySelector(".bal-popover__content__inner")}getBackdropHeight(){return b.hasWindow?this.isInMainNav?(window.innerHeight-(this.isTouch?64:48))/16:window.innerHeight/16:0}updatePopper(){this.popperInstance.update()}render(){const t=s.block("popover");return e(n,{key:"68021af74493241e20669b502f69896b1f02c610","aria-presented":this.active?"true":null,"data-id":this.popoverId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("tooltip").class(this.tooltip)),t.modifier("arrow").class(this.arrow)),t.modifier("hint").class(this.hint)),t.modifier("backdrop").class(this.backdrop))},!this.mobileTop&&e("div",{key:"1b92881a9b0808761b20f9f445f5a43b8cc9f1bb",ref:t=>{this.backdropElement=t},class:Object.assign({},t.element("backdrop").class(this.backdrop&&this.active)),style:{"--bal-popover-backdrop-height":`${this.backdropHeight}rem`}}),e("slot",{key:"f8aa58598f2d8a0ca7f836bd77aa0e80a1cb6b30"}))}get el(){return o(this)}static get watchers(){return{active:["activeChanged"]}}};r([u("bal-popover"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],Et.prototype,"createLogger",null),r([d(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],Et.prototype,"breakpointListener",null);let Mt=0;Et.style='.bal-popover__backdrop{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-popover-backdrop-height:100vh;--bal-popover-content-height-top-nav:100vh;--bal-popover-backdrop-background:var(--bal-color-primary-6);--bal-popover-backdrop-opacity:.8;--bal-popover-content-shadow:var(--bal-shadow-normal);--bal-popover-content-background:var(--bal-color-white);--bal-popover-content-background-grey:var(--bal-color-grey-2);--bal-popover-tooltip-background:var(--bal-color-primary-6);--bal-popover-tooltip-color:var(--bal-color-white);--bal-popover-tooltip-font-family:var(--bal-font-family-text);--bal-popover-tooltip-font-size:var(--bal-text-size-small)}.bal-popover{display:block}@media screen and (max-width: 768px){.bal-popover .bal-popover__content{min-width:100vw !important}.bal-popover .bal-select__popover{min-width:100% !important}}.bal-popover--active .bal-popover__content{display:block}.bal-popover--backdrop [bal-popover-trigger]{z-index:calc(var(--bal-z-index-popup) - 1);position:relative}@media screen and (max-width: 768px){.bal-popover--hint .bal-popover__content{min-height:100vh}.bal-popover--hint .bal-popover__content .bal-popover__content__inner{min-height:100vh}}@media screen and (min-width: 769px),print{.bal-popover--hint .bal-popover__content{max-width:20rem}}@media screen and (min-width: 1024px){.bal-popover--hint .bal-popover__content{max-width:30rem}}.bal-popover__backdrop{z-index:calc(var(--bal-z-index-popup) - 2);position:fixed;background:var(--bal-popover-backdrop-background);opacity:var(--bal-popover-backdrop-opacity);height:var(--bal-popover-backdrop-height);width:100vw}.bal-popover__content{display:none;z-index:var(--bal-z-index-popup);-webkit-box-shadow:var(--bal-popover-content-shadow);box-shadow:var(--bal-popover-content-shadow);background:var(--bal-popover-content-background);min-width:16.25rem}.bal-popover__content[data-show]{display:block}.bal-popover__content--expanded{min-width:100%}.bal-popover__content--no-shadow{-webkit-box-shadow:none;box-shadow:none}.bal-popover__content--radius-normal{border-radius:var(--bal-radius-normal)}.bal-popover__content--radius-large{border-radius:var(--bal-radius-large)}.bal-popover__content--radius-none{border-radius:0}.bal-popover__content--radius-normal-bottom-none{border-radius:var(--bal-radius-normal);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-normal-top-none{border-radius:var(--bal-radius-normal);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--radius-large-bottom-none{border-radius:var(--bal-radius-large);border-bottom-right-radius:0;border-bottom-left-radius:0}.bal-popover__content--radius-large-top-none{border-radius:var(--bal-radius-large);border-top-left-radius:0;border-top-right-radius:0}.bal-popover__content--on-top{border-top:1px solid var(--bal-color-grey-2);height:var(--bal-popover-content-height-top-nav);overflow-y:auto}.bal-popover__content--color-grey{background:var(--bal-popover-content-background-grey)}.bal-popover__content__inner{max-height:calc(100vh - 4.5rem);overflow:auto;padding:1rem}@media screen and (min-width: 769px),print{.bal-popover__content__inner{padding:1.5rem}}@media screen and (min-width: 1024px){.bal-popover__content__inner{max-height:calc(100vh - 8rem)}}.bal-popover__content--spaceless .bal-popover__content__inner{padding:0}.bal-popover__content [data-popper-arrow]{display:none}.bal-popover__content__arrow{visibility:hidden}.bal-popover__content__arrow [data-popper-arrow]{display:block}.bal-popover__content__arrow,.bal-popover__content__arrow:before{position:absolute;width:.5rem;height:.5rem;background:inherit}.bal-popover__content__arrow:before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-popover__content[data-popper-placement^=top]>.bal-popover__content__arrow{bottom:-0.25rem}.bal-popover__content[data-popper-placement^=bottom]>.bal-popover__content__arrow{top:-0.25rem}.bal-popover__content[data-popper-placement^=left]>.bal-popover__content__arrow{right:-0.25rem}.bal-popover__content[data-popper-placement^=right]>.bal-popover__content__arrow{left:-0.25rem}.bal-popover--arrow .bal-popover__content__arrow{display:block}.bal-popover--tooltip .bal-popover__content{min-width:unset;background:var(--bal-popover-tooltip-background)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner{padding:var(--bal-space-x-small)}.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner,.bal-popover--tooltip .bal-popover__content .bal-popover__content__inner p{color:var(--bal-popover-tooltip-color);font-family:var(--bal-popover-tooltip-font-family);font-size:var(--bal-popover-tooltip-font-size)}';const At=class{constructor(e){t(this,e),this.isTouch=p.isTouch,this.spaceless=!1,this.scrollable=0,this.contentWidth=0,this.contentMinWidth=0,this.color="white",this.expanded=!1,this.radius="normal",this.noShadow=!1,this.mobileTop=!1,this.contentHeightOnTop=0}breakpointListener(t){b.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}get innerStyle(){let t={};return this.scrollable>0&&(t={"max-height":`${this.scrollable}px`,overflow:"auto"}),Object.assign({},t)}get contentStyle(){let t={},e={};const n={"--bal-popover-content-height-top-nav":this.contentHeightOnTop/16+"rem"};return this.contentWidth>0&&(t={"max-width":`${this.contentWidth}px`}),this.contentMinWidth>0&&(e={"min-width":`${this.contentMinWidth}px`}),Object.assign(Object.assign(Object.assign({},t),e),n)}componentWillLoad(){b.hasWindow&&(this.contentHeightOnTop=window.innerHeight-64)}render(){const t=s.block("popover").element("content");return e(n,{key:"c47c5a6aa96c52a4460894ab274a167be0927d35",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("expanded").class(this.expanded)),t.modifier("spaceless").class(this.spaceless)),t.modifier("no-shadow").class(this.noShadow)),t.modifier(`radius-${this.radius}`).class()),t.modifier(`color-${this.color}`).class()),t.modifier("on-top").class(this.mobileTop)),"data-testid":"bal-popover-content",role:"tooltip",style:this.contentStyle},e("div",{key:"dec823beec17dfe48195c3e794dbcfe4725f83d4",class:Object.assign({},t.element("inner").class()),style:this.innerStyle},e("slot",{key:"d8200f831b8569736e27486fd5e975a0f21b76e2"})),e("div",{key:"5cd3727753fa2cf5a841c11b8d48aa7eee31cf2d",class:Object.assign({},t.element("arrow").class()),"data-popper-arrow":!0}))}get el(){return o(this)}};r([d(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],At.prototype,"breakpointListener",null);export{f as bal_hint,v as bal_hint_text,m as bal_hint_title,Et as bal_popover,At as bal_popover_content}

package/dist/baloise-design-system/p-bf200caec0.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,c as i,h as s,H as e,g as a}from"./p-2ccbe55a.js";import{i as o}from"./p-063808d7.js";import{a as l}from"./p-8f2e9a7f.js";import{m as n}from"./p-ef6a64f4.js";import{B as h}from"./p-ae86d0a0.js";import"./p-a65354df.js";import"./p-46251973.js";const r=class{constructor(s){t(this,s),this.balNavigate=i(this,"balNavigate",7),this.balFocus=i(this,"balFocus",7),this.balBlur=i(this,"balBlur",7),this.balDidRender=i(this,"balDidRender",7),this.inheritAttributes={},this.onFocus=()=>{this.balFocus.emit()},this.onBlur=()=>{this.balBlur.emit()},this.onClick=t=>{void 0!==this.href&&this.balNavigate.emit(t)},this.isLargestContentPaintDone=!1,this.color="primary",this.elementType="button",this.disabled=!1,this.size="",this.href=void 0,this.target="_self",this.rel=void 0,this.download=void 0,this.shadow=!1,this.square=!1,this.isActive=!1,this.expanded=!1,this.flat=!1,this.outlined=!1,this.inverted=!1,this.loading=!1,this.rounded=!1,this.balPopup=void 0,this.icon="",this.iconTurn=!1,this.iconRight="",this.noWrap=!1,this.name="",this.value="",this.aria=void 0}listenOnClick(t){this.disabled&&t.target&&t.target===this.el&&(t.preventDefault(),t.stopPropagation())}componentDidLoad(){var t;n((()=>this.isLargestContentPaintDone=!0)),this.el.getAttribute("bal-popup")&&!(null===(t=this.aria)||void 0===t?void 0:t.haspopup)&&(this.aria={haspopup:"true"})}componentWillLoad(){this.inheritAttributes=o(this.el,["title","aria-label","aria-controls","aria-hidden","tabindex","aria-haspopup"])}componentDidRender(){this.balDidRender.emit()}get isIconInverted(){return this.inverted}get buttonCssClass(){return{button:!0,[`is-${this.color}`]:!0,"is-flat":this.flat,"is-square":this.square,"is-small":"small"===this.size,"is-inverted":this.inverted,"is-active":this.isActive,"is-outlined":this.outlined,"is-fullwidth":this.expanded,"is-disabled":this.disabled,"is-loading":this.loading,"is-rounded":!0===this.rounded,"has-blur-shadow":!0===this.shadow}}get leftIconAttrs(){return!this.icon||this.loading?{style:{display:"none"}}:{}}get leftRightAttrs(){return!this.iconRight||this.loading?{style:{display:"none"}}:{}}get loadingAttrs(){return this.loading?{style:{position:"absolute"}}:{style:{display:"none"}}}handleClick(t){this.disabled&&(t.preventDefault(),t.stopPropagation())}render(){var t,i,a,o,n;const{elementType:h,download:r,href:d,rel:b,target:u,name:c,value:p}=this,f=void 0===this.href?"button":"a",m={title:(null===(t=this.aria)||void 0===t?void 0:t.title)||this.inheritAttributes.title,"aria-label":(null===(i=this.aria)||void 0===i?void 0:i.label)||this.inheritAttributes["aria-label"]||(null===(a=this.aria)||void 0===a?void 0:a.title)||this.inheritAttributes.title,"aria-controls":(null===(o=this.aria)||void 0===o?void 0:o.controls)||this.inheritAttributes["aria-controls"],"aria-haspopup":(null===(n=this.aria)||void 0===n?void 0:n.haspopup)||this.inheritAttributes["aria-haspopup"]};return s(e,{onClick:this.handleClick,class:{"bal-button":!0,control:!0,"is-fullwidth":this.expanded,"is-disabled":this.disabled}},s(f,Object.assign({},"button"===f?{type:h,name:c,value:p}:{download:r,href:d,rel:b,target:u},this.inheritAttributes,{type:this.elementType,class:this.buttonCssClass,part:"native",disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,"aria-disabled":l(this.disabled),"data-testid":"bal-button"},m),this.isLargestContentPaintDone&&this.loading?s("bal-spinner",Object.assign({color:(()=>{if(this.disabled)return"blue";switch(this.color){case"primary":case"success":case"warning":case"danger":return this.inverted?"blue":"white";default:return this.inverted?"white":"blue"}})(),small:!0},this.loadingAttrs,{deactivated:!this.loading})):"",this.isLargestContentPaintDone&&this.icon?s("bal-icon",Object.assign({},this.leftIconAttrs,{class:this.square?"":"icon-left",name:this.icon,size:this.square?this.size:"small",turn:this.iconTurn,inverted:this.isIconInverted})):"",s("span",{class:{"button-label":!0,"has-no-wrap":this.noWrap,"is-small":"small"===this.size},style:{opacity:this.loading?"0":"1"},"data-testid":"bal-button-label"},s("slot",null)),this.isLargestContentPaintDone&&this.iconRight?s("bal-icon",Object.assign({},this.leftRightAttrs,{class:"icon-right",name:this.iconRight,size:"small",turn:this.iconTurn,inverted:this.isIconInverted})):""))}get el(){return a(this)}};r.style="bal-button,.bal-button{display:inline-block;position:static}bal-button.is-fullwidth,.bal-button.is-fullwidth{width:100%;-ms-flex:1 1 100%;flex:1 1 100%}bal-button[disabled] bal-icon,.bal-button[disabled] bal-icon{pointer-events:none}.bal-button .button-label.has-no-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-button-group{display:-ms-flexbox;display:flex}.bal-button-group--position-center{-ms-flex-pack:center;justify-content:center}.bal-button-group--position-left{-ms-flex-pack:start;justify-content:flex-start}.bal-button-group--position-right{-ms-flex-pack:end;justify-content:flex-end}@media screen and (max-width: 768px){.bal-button-group--direction-auto .field.is-grouped,.bal-button-group--direction-auto .bal-button,.bal-button-group--direction-auto .bal-button .button{width:100% !important}}@media screen and (max-width: 768px){.bal-button-group--direction-column .field.is-grouped,.bal-button-group--direction-column .bal-button,.bal-button-group--direction-column .bal-button .button{width:100% !important}}";const d=class{constructor(i){t(this,i),this.position="",this.direction="auto",this.reverse=!1}render(){const t=h.block("button-group");return s(e,{key:"bd88bb4d967d745bdbbf825bd43bc3c75eea4f75",class:Object.assign(Object.assign(Object.assign({},t.class()),t.modifier(`position-${this.position}`).class()),t.modifier(`direction-${this.direction}`).class())},s("div",{key:"3aaa6d2c14336ffb08469d00246169d72ed916dc",class:{field:!0,"is-grouped":!0,"is-reverse":this.reverse,[`has-direction-${this.direction}`]:!0}},s("slot",{key:"8d980bc54adcae84174fecc1d331b37a2662ec0b"})))}};export{r as bal_button,d as bal_button_group}