@baloise/ds-core 19.3.0 → 19.4.0-nightly.20250722

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

@@ -0,0 +1 @@
+import{L as e,H as t,P as i,Q as a,V as s,M as n,N as r,O as o,R as l,S as b}from"./p-CPBMBpj8.js";import{_ as c,a as m}from"./p-dfXERft2.js";import{L as d}from"./p-raL0-SPQ.js";import{B as h}from"./p-ByiN-QjD.js";import"./p--BMkGRXl.js";import{L as g}from"./p-B6D0AwZe.js";import{L as p}from"./p-Ba6F2hpR.js";import{F as u}from"./p-DqCbGYzv.js";import{d as v}from"./p-FCLKfv6B.js";import{s as f}from"./p-Dqb8X2Kx.js";import{d as k,b as x,a as _,e as y,i as w,f as j,g as O,h as z}from"./p-D1VPLQ5z.js";import{L}from"./p-CQgofS9v.js";import"./p-DL0Xn50z.js";import{L as C}from"./p-DCBAWafB.js";import{i as F}from"./p-C4sZQbkT.js";import"./p-ILKmvJEL.js";import"./p-YM_tyEF-.js";import"./p-D2r65Kge.js";const B=class{constructor(e){t(this,e),this.balFocus=i(this,"balFocus"),this.balBlur=i(this,"balBlur"),this.balChange=i(this,"balChange"),this.balSelect=i(this,"balSelect"),this.balVertical=i(this,"balVertical"),this.keyboardMode=!0,this.isVertical=!1,this.isMobile=!1,this.maxWidth=0,this.ariaForm=v,this.invalid=!1,this.autoInvalidOff=!1,this.disabled=!1,this.vertical=!1,this.scrollable=!1,this.expanded=!1,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())}}createLogger(e){this.log=e}invalidChanged(){this.allItems.map((e=>e.invalid=this.invalid))}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=u.includes(e.key);let t,i=!1;if(k(e)||x(e)?(f(e),t=this.getSegmentItem("current"),i=this.value!==t.value,this.value=t.value):_(e)||y(e)?(f(e),t=this.getSegmentItem("previous")):w(e)||j(e)?(f(e),t=this.getSegmentItem("next")):O(e)?(f(e),t=this.getSegmentItem("first")):z(e)&&(f(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(){a((()=>{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 i=this.getIndicator(e),a=this.getIndicator(t);if(null===i||null===a)return;const n=i.getBoundingClientRect(),r=a.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})`),s((()=>{a.classList.remove("bal-segment-item__indicator--animated"),a.style.setProperty("transform",o),a.getBoundingClientRect(),a.classList.add("bal-segment-item__indicator--animated"),a.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:a,expanded:s,isMobile:o,disabled:l}=this,b=h.block("segment");return n(r,{key:"ec42c94d1b582b721dbde28c5e555283826641bb",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(a)),b.modifier("disabled").class(l)),b.modifier("expanded").class((s||o)&&!t)),onClick:this.onClick},n("slot",{key:"334921cd162900655d920e7b701140bb5899377b",onSlotchange:this.onSlottedItemsChange}))}get el(){return o(this)}static get watchers(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}}};c([e("bal-segment"),m("design:type",Function),m("design:paramtypes",[Function]),m("design:returntype",void 0)],B.prototype,"createLogger",null),c([p(),m("design:type",Function),m("design:paramtypes",[Object]),m("design:returntype",void 0)],B.prototype,"focusInListener",null),c([p(),m("design:type",Function),m("design:paramtypes",[Object]),m("design:returntype",void 0)],B.prototype,"focusOutListener",null),c([d(),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],B.prototype,"animationListener",null),c([C(),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],B.prototype,"visibilityListener",null),c([g(),m("design:type",Function),m("design:paramtypes",[Object]),m("design:returntype",void 0)],B.prototype,"breakpointListener",null),c([L(),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],B.prototype,"windowResizeListener",null),B.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 D=0;const E=class{constructor(e){t(this,e),this.segmentEl=null,this.inheritedAttributes={},this.internalId=D++,this.inputId=`bal-si-${this.internalId}`,this.hasSlotContent=!1,this.isFocusable=!1,this.isVertical=!1,this.isLast=!1,this.isFirst=!1,this.hasEmptyValue=!0,this.ariaForm=v,this.disabled=!1,this.invalid=!1,this.focused=!1,this.checked=!1,this.label="",this.value="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;if(e.length>0){const t=e[0];this.checked=!1,this.isFocusable=t===this.el}}else this.checked=e.value===this.value,this.isFocusable=e.value===this.value;e.disabled&&(this.disabled=!0),e.invalid&&(this.invalid=!0),this.isLast=e.lastElementChild===this.el,this.isFirst=e.firstElementChild===this.el,this.calculateEmptyValue()}},this.onSlottedItemsChange=()=>{this.checkSlotContent()}}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&&(l(e,"balSelect",this.updateState),l(e,"balVertical",this.updateVertical)),a((()=>{this.checkSlotContent(),this.updateState()}))}disconnectedCallback(){const e=this.segmentEl;e&&(b(e,"balSelect",this.updateState),b(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:a,isFocusable:s,isFirst:o,hasEmptyValue:l}=this,b=h.block("segment-item"),c=b.element("button"),m=b.element("indicator"),d=this.invalid||i&&i.invalid,g=this.disabled||i&&i.disabled,p=this.isVertical,u=l&&o||s&&!g,v=u&&this.ariaForm.controlId||this.inputId;let f={};return u&&(f={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}),n(r,{key:"2f0eccf481abba284cae7bb7ebb9d9ca88f2339e",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(d)),b.modifier("last").class(this.isLast&&!e))},n("button",Object.assign({key:"317c8da87c9e196082f46e69e639d7b5761401ba",id:v,role:"radio","aria-checked":e?"true":"false"},f,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("checked").class(e)),c.modifier("invalid").class(d)),c.modifier("disabled").class(g)),c.modifier("focused").class(t)),c.modifier("vertical").class(p)),type:"button",tabIndex:u?0:-1,part:"native",disabled:g,ref:e=>this.nativeEl=e},this.inheritedAttributes),n("bal-icon",{key:"749649163977298b320ebff6ff5dd5565c98bc4d",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},c.element("icon").class()),c.element("icon").modifier("animated").class(e)),c.element("icon").modifier("vertical").class(p)),color:g?"grey-dark":d?"white":"primary"}),n("bal-stack",{key:"67a2bce84c38c0f49a47da1c6ec0189f8ac6b987",space:"x-small",layout:"horizontal"},n("bal-content",{key:"38eaad5948f5b034ba3567619533e67f2c6a3016",space:"none"},n("bal-label",{key:"a761aee3fad22f05cd0ce66f74710c3da61acd81",htmlId:`bal-si-${this.internalId}-label`},a),n("span",{key:"99b2524c94a243b8f4c884008919fe9bd92271ff",part:"slot",class:Object.assign({},c.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",n("slot",{key:"e5a89b88d1c49ec722a83f2887215d69e6f43ebb",onSlotchange:this.onSlottedItemsChange}))))),n("div",{key:"a7b16c5d48c09846fcb3103c1a5dd4f38dbf1b46",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("animated").class()),m.modifier("background").class()),m.modifier("disabled").class(g)),m.modifier("invalid").class(d)),m.modifier("checked").class(e)),m.modifier("vertical").class(p))}))}get el(){return o(this)}static get watchers(){return{value:["valueChanged"]}}};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-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{B as bal_segment,E as bal_segment_item}

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

@@ -0,0 +1 @@
+System.register(["./p-D71JAXr2.system.js","./p-BbAtjg9Y.system.js","./p-m5GX4h3i.system.js"],(function(e){"use strict";var a,t,s,n,i,l,c;return{setters:[function(e){a=e.H;t=e.M;s=e.N;n=e.O;i=e.K},function(e){l=e.B},function(e){c=e.i}],execute:function(){var b=":root{--bal-stage-background-red:var(--bal-color-red);--bal-stage-background-yellow:var(--bal-color-yellow);--bal-stage-background-green:var(--bal-color-green);--bal-stage-background-purple:var(--bal-color-purple);--bal-stage-back-font-family:var(--bal-font-family-title);--bal-stage-back-font-weight:var(--bal-font-weight-bold)}.bal-stage{display:block;position:relative}.bal-stage--is-purple{background:var(--bal-stage-background-purple)}.bal-stage--is-green{background:var(--bal-stage-background-green)}.bal-stage--is-red{background:var(--bal-stage-background-red)}.bal-stage--is-yellow{background:var(--bal-stage-background-yellow)}.bal-stage .bal-stage-content{display:block;position:static}.bal-stage .bal-stage-content .bal-stage-image{overflow:hidden}.bal-stage .bal-stage-content .bal-stage-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bal-stage .bal-stage-content .bal-stage-body{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding-top:calc(var(--bal-space-xxxx-large) + 4rem);padding-bottom:var(--bal-space-xxx-large)}@media screen and (min-width: 769px),print{.bal-stage .bal-stage-content .bal-stage-body{padding-top:calc(var(--bal-space-xxxx-large-tablet) + 4rem);padding-bottom:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stage .bal-stage-content .bal-stage-body{padding-top:calc(var(--bal-space-xxxx-large-desktop) + 3rem);padding-bottom:var(--bal-space-xx-large-desktop)}}.bal-stage .bal-stage-content .bal-stage-back-link--shadow{text-shadow:var(--bal-text-shadow-normal)}@media screen and (max-width: 1023px){.bal-stage .bal-stage-content .bal-stage-back-link{display:none}}@media screen and (min-width: 1024px){.bal-stage .bal-stage-content .bal-stage-back-link a{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-family:var(--bal-stage-back-font-family);font-weight:var(--bal-stage-back-font-weight);text-decoration:none}.bal-stage .bal-stage-content .bal-stage-back-link a:hover{text-decoration:underline}.bal-stage .bal-stage-content .bal-stage-back-link a:active{text-decoration:underline}}@media screen and (min-width: 1024px){.bal-stage--is-medium .bal-stage-content .bal-stage-body{min-height:25rem}}.bal-stage--is-large .bal-stage-content .bal-stage-body{min-height:23.438rem}@media screen and (min-width: 769px),print{.bal-stage--is-large .bal-stage-content .bal-stage-body{min-height:35rem}}@media screen and (min-width: 1024px){.bal-stage--is-large .bal-stage-content .bal-stage-body{min-height:52.5rem}}.bal-stage--has-shape .bal-stage-content{margin-bottom:1.375rem}@media screen and (min-width: 769px),print{.bal-stage--has-shape .bal-stage-content{margin-bottom:2.5rem}}@media screen and (min-width: 1024px){.bal-stage--has-shape .bal-stage-content{margin-bottom:4.125rem}}@media screen and (min-width: 769px),print{.bal-stage--has-shape .bal-stage-content .bal-stage-body>*{max-width:calc(100% - 7.5rem)}}@media screen and (min-width: 1024px){.bal-stage--has-shape .bal-stage-content .bal-stage-body>*{max-width:calc(100% - 12.375rem)}}.bal-stage--has-shape .bal-stage-content .bal-shape{position:absolute;bottom:-1.375rem;right:0}@media screen and (min-width: 769px),print{.bal-stage--has-shape .bal-stage-content .bal-shape{bottom:-2.5rem}}@media screen and (min-width: 1024px){.bal-stage--has-shape .bal-stage-content .bal-shape{bottom:-4.125rem}}";var r=e("bal_stage",function(){function e(e){var t=this;a(this,e);this.containerSize="";this.size="";this.color="purple";this.shape=false;this.getContainerWidth=function(){switch(t.containerSize){case"is-detail-page":case"detail-page":return"680px";case"is-compact":case"compact":return"832px";case"is-blog-page":case"blog-page":return"920px";case"is-fluid":case"fluid":return"100vw";case"is-wide":case"wide":default:return"1400px"}}}Object.defineProperty(e.prototype,"containerClass",{get:function(){if(this.containerSize.includes("wide")){return""}if(this.containerSize.startsWith("is-")){return this.containerSize}return"is-".concat(this.containerSize)},enumerable:false,configurable:true});e.prototype.render=function(){var e,a;var n=l.block("stage");var i=l.block("stage-content");return t(s,{key:"4a58b984bc3bd0603b2d6941ded244c9d3c851f7",class:Object.assign(Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("is-".concat(this.size===""?"medium":this.size)).class()),n.modifier("is-".concat(this.color)).class(!!this.color)),n.modifier("has-shape").class(!!this.shape)),style:{"--bal-stage-container-width":this.getContainerWidth()}},t("section",{key:"a7a7774a676224d6c6b42b38b649c98d5ca52e6e",class:Object.assign(Object.assign({},i.class()),(e={container:true},e["".concat(this.containerClass)]=this.containerSize!=="",e))},t("slot",{key:"cf39f71e8a50bb22011b708226154f0ddd93fe6a"}),this.shape&&t("div",{key:"570123c02e53b5845efeec8ba5fe9e01423f9d36",class:(a={container:true},a["".concat(this.containerClass)]=this.containerSize!=="",a)},t("bal-shape",{key:"85157c5c0b9fec1d3780dac60234842ad9654cef",color:this.color,variation:this.shapeVariation,rotation:this.shapeRotation}))))};return e}());r.style=b;var o=e("bal_stage_back_link",function(){function e(e){a(this,e);this.shadow=false;this.inverted=false}e.prototype.render=function(){var e=l.block("stage-back-link");return t(s,{key:"ebc6bf193fec51360b0d6fdd7c60a7edff47a1f7",class:Object.assign(Object.assign({},e.class()),e.modifier("shadow").class(this.shadow))},t("a",{key:"7504839dfd241c55cd2744db3da98f13dadc23f0",class:{link:true,"is-inverted":this.inverted},href:this.href,rel:this.rel},t("bal-icon",{key:"8729a6d1227e15163242008bc27e94f275799b25",class:"mr-x-small",name:"caret-left",size:"x-small",inverted:this.inverted,shadow:this.shadow}),t("slot",{key:"bc3f85fd7cd1b1b86320e16c2dc3626c608bf606"})))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());var d=e("bal_stage_body",function(){function e(e){a(this,e)}e.prototype.render=function(){var e=l.block("stage-body");return t(s,{key:"fc3fafba94f4c87b7e88494e43acf9c5b080a375",class:Object.assign({},e.class())},t("slot",{key:"4433e37642c9851fe966cedc3a19e310bd6d01e9"}))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());var g=e("bal_stage_foot",function(){function e(e){a(this,e)}e.prototype.render=function(){return t(s,{key:"1d3ba006d2d6aafe5795cdb2f59d9cb02822c927",class:"hero-foot"},t("slot",{key:"2c24fa40d9505b5b7b673d99d7b831161372e35b"}))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());var f=e("bal_stage_head",function(){function e(e){a(this,e)}e.prototype.render=function(){return t(s,{key:"833e55891f0d094860fe8b748f3021b79a026ad6",class:"hero-head"},t("slot",{key:"da91f59134b4ff29cd2a234875733ffd83213973"}))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());var h=e("bal_stage_image",function(){function e(e){a(this,e);this.imageInheritAttributes={};this.isOnLoadEventDone=false}e.prototype.componentDidLoad=function(){var e=this;i((function(){e.isOnLoadEventDone=true}))};e.prototype.componentWillLoad=function(){this.imageInheritAttributes=c(this.el,["alt"])};e.prototype.render=function(){var e=l.block("stage-image");var a=this.fallback?this.fallback:this.srcSet.split(",")[0];return t(s,{key:"ff992ad8c9c0481c5f75670eecd472ca0e972bb5",class:Object.assign({},e.class())},this.isOnLoadEventDone?t("img",Object.assign({src:a,srcset:this.srcSet,sizes:"100vw"},this.imageInheritAttributes)):"")};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}())}}}));

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

@@ -0,0 +1 @@
+import{H as a,M as e,N as t,O as s,K as i}from"./p-CPBMBpj8.js";import{B as l}from"./p-ByiN-QjD.js";import{i as n}from"./p-C4sZQbkT.js";const c=class{constructor(e){a(this,e),this.containerSize="",this.size="",this.color="purple",this.shape=!1,this.getContainerWidth=()=>{switch(this.containerSize){case"is-detail-page":case"detail-page":return"680px";case"is-compact":case"compact":return"832px";case"is-blog-page":case"blog-page":return"920px";case"is-fluid":case"fluid":return"100vw";default:return"1400px"}}}get containerClass(){return this.containerSize.includes("wide")?"":this.containerSize.startsWith("is-")?this.containerSize:`is-${this.containerSize}`}render(){const a=l.block("stage"),s=l.block("stage-content");return e(t,{key:"4a58b984bc3bd0603b2d6941ded244c9d3c851f7",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`is-${""===this.size?"medium":this.size}`).class()),a.modifier(`is-${this.color}`).class(!!this.color)),a.modifier("has-shape").class(!!this.shape)),style:{"--bal-stage-container-width":this.getContainerWidth()}},e("section",{key:"a7a7774a676224d6c6b42b38b649c98d5ca52e6e",class:Object.assign(Object.assign({},s.class()),{container:!0,[`${this.containerClass}`]:""!==this.containerSize})},e("slot",{key:"cf39f71e8a50bb22011b708226154f0ddd93fe6a"}),this.shape&&e("div",{key:"570123c02e53b5845efeec8ba5fe9e01423f9d36",class:{container:!0,[`${this.containerClass}`]:""!==this.containerSize}},e("bal-shape",{key:"85157c5c0b9fec1d3780dac60234842ad9654cef",color:this.color,variation:this.shapeVariation,rotation:this.shapeRotation}))))}};c.style=":root{--bal-stage-background-red:var(--bal-color-red);--bal-stage-background-yellow:var(--bal-color-yellow);--bal-stage-background-green:var(--bal-color-green);--bal-stage-background-purple:var(--bal-color-purple);--bal-stage-back-font-family:var(--bal-font-family-title);--bal-stage-back-font-weight:var(--bal-font-weight-bold)}.bal-stage{display:block;position:relative}.bal-stage--is-purple{background:var(--bal-stage-background-purple)}.bal-stage--is-green{background:var(--bal-stage-background-green)}.bal-stage--is-red{background:var(--bal-stage-background-red)}.bal-stage--is-yellow{background:var(--bal-stage-background-yellow)}.bal-stage .bal-stage-content{display:block;position:static}.bal-stage .bal-stage-content .bal-stage-image{overflow:hidden}.bal-stage .bal-stage-content .bal-stage-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bal-stage .bal-stage-content .bal-stage-body{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding-top:calc(var(--bal-space-xxxx-large) + 4rem);padding-bottom:var(--bal-space-xxx-large)}@media screen and (min-width: 769px),print{.bal-stage .bal-stage-content .bal-stage-body{padding-top:calc(var(--bal-space-xxxx-large-tablet) + 4rem);padding-bottom:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stage .bal-stage-content .bal-stage-body{padding-top:calc(var(--bal-space-xxxx-large-desktop) + 3rem);padding-bottom:var(--bal-space-xx-large-desktop)}}.bal-stage .bal-stage-content .bal-stage-back-link--shadow{text-shadow:var(--bal-text-shadow-normal)}@media screen and (max-width: 1023px){.bal-stage .bal-stage-content .bal-stage-back-link{display:none}}@media screen and (min-width: 1024px){.bal-stage .bal-stage-content .bal-stage-back-link a{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-family:var(--bal-stage-back-font-family);font-weight:var(--bal-stage-back-font-weight);text-decoration:none}.bal-stage .bal-stage-content .bal-stage-back-link a:hover{text-decoration:underline}.bal-stage .bal-stage-content .bal-stage-back-link a:active{text-decoration:underline}}@media screen and (min-width: 1024px){.bal-stage--is-medium .bal-stage-content .bal-stage-body{min-height:25rem}}.bal-stage--is-large .bal-stage-content .bal-stage-body{min-height:23.438rem}@media screen and (min-width: 769px),print{.bal-stage--is-large .bal-stage-content .bal-stage-body{min-height:35rem}}@media screen and (min-width: 1024px){.bal-stage--is-large .bal-stage-content .bal-stage-body{min-height:52.5rem}}.bal-stage--has-shape .bal-stage-content{margin-bottom:1.375rem}@media screen and (min-width: 769px),print{.bal-stage--has-shape .bal-stage-content{margin-bottom:2.5rem}}@media screen and (min-width: 1024px){.bal-stage--has-shape .bal-stage-content{margin-bottom:4.125rem}}@media screen and (min-width: 769px),print{.bal-stage--has-shape .bal-stage-content .bal-stage-body>*{max-width:calc(100% - 7.5rem)}}@media screen and (min-width: 1024px){.bal-stage--has-shape .bal-stage-content .bal-stage-body>*{max-width:calc(100% - 12.375rem)}}.bal-stage--has-shape .bal-stage-content .bal-shape{position:absolute;bottom:-1.375rem;right:0}@media screen and (min-width: 769px),print{.bal-stage--has-shape .bal-stage-content .bal-shape{bottom:-2.5rem}}@media screen and (min-width: 1024px){.bal-stage--has-shape .bal-stage-content .bal-shape{bottom:-4.125rem}}";const b=class{constructor(e){a(this,e),this.shadow=!1,this.inverted=!1}render(){const a=l.block("stage-back-link");return e(t,{key:"ebc6bf193fec51360b0d6fdd7c60a7edff47a1f7",class:Object.assign(Object.assign({},a.class()),a.modifier("shadow").class(this.shadow))},e("a",{key:"7504839dfd241c55cd2744db3da98f13dadc23f0",class:{link:!0,"is-inverted":this.inverted},href:this.href,rel:this.rel},e("bal-icon",{key:"8729a6d1227e15163242008bc27e94f275799b25",class:"mr-x-small",name:"caret-left",size:"x-small",inverted:this.inverted,shadow:this.shadow}),e("slot",{key:"bc3f85fd7cd1b1b86320e16c2dc3626c608bf606"})))}get el(){return s(this)}},r=class{constructor(e){a(this,e)}render(){const a=l.block("stage-body");return e(t,{key:"fc3fafba94f4c87b7e88494e43acf9c5b080a375",class:Object.assign({},a.class())},e("slot",{key:"4433e37642c9851fe966cedc3a19e310bd6d01e9"}))}get el(){return s(this)}},o=class{constructor(e){a(this,e)}render(){return e(t,{key:"1d3ba006d2d6aafe5795cdb2f59d9cb02822c927",class:"hero-foot"},e("slot",{key:"2c24fa40d9505b5b7b673d99d7b831161372e35b"}))}get el(){return s(this)}},d=class{constructor(e){a(this,e)}render(){return e(t,{key:"833e55891f0d094860fe8b748f3021b79a026ad6",class:"hero-head"},e("slot",{key:"da91f59134b4ff29cd2a234875733ffd83213973"}))}get el(){return s(this)}},g=class{constructor(e){a(this,e),this.imageInheritAttributes={},this.isOnLoadEventDone=!1}componentDidLoad(){i((()=>{this.isOnLoadEventDone=!0}))}componentWillLoad(){this.imageInheritAttributes=n(this.el,["alt"])}render(){const a=l.block("stage-image"),s=this.fallback?this.fallback:this.srcSet.split(",")[0];return e(t,{key:"ff992ad8c9c0481c5f75670eecd472ca0e972bb5",class:Object.assign({},a.class())},this.isOnLoadEventDone?e("img",Object.assign({src:s,srcset:this.srcSet,sizes:"100vw"},this.imageInheritAttributes)):"")}get el(){return s(this)}};export{c as bal_stage,b as bal_stage_back_link,r as bal_stage_body,o as bal_stage_foot,d as bal_stage_head,g as bal_stage_image}

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

@@ -0,0 +1 @@
+import{H as e,M as a,N as c,O as s}from"./p-CPBMBpj8.js";import{B as t}from"./p-ByiN-QjD.js";import{b as r,a as d,c as b,d as i,e as f,f as o,g as h,h as n,i as p}from"./p-D2r65Kge.js";const l=class{constructor(a){e(this,a),this.variation="1",this.color="green",this.rotation="0",this.getHex=()=>{let e;switch(this.color){case"green":e=p;break;case"green-light":e=n;break;case"red":e=h;break;case"red-light":e=o;break;case"purple":e=f;break;case"purple-light":e=i;break;case"yellow":e=b;break;case"yellow-light":e=d;break;default:e=r}return e}}render(){const e=t.block("shape"),s=[a("g",{key:"bd098f8a0d60a01a901d6c7e0041945de00f7c84",id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},a("g",{key:"7ae53a770a1f0f915dcfee5836350fb43f43c83c",id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},a("path",{key:"27730d24993bf8f4ebb2180113d927f08d86c295",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),a("g",{key:"a39bebf5119896bb95137f99b31bd091461e4187",id:"b949d602-8478-437e-a171-ad3f26649cb4"},a("g",{key:"8e9872fc0469e4227b39ce648713a79a0409d5c2",id:"ae3574e0-2065-4681-8937-4318b8656147"},a("path",{key:"08e8eecb7e5da4cf009cf1ff82219faedb82f3fa",class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),a("g",{key:"1176953bc3ee0cc6a799222c13b065d3ebc5eaf1",id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},a("g",{key:"51e40727714bc0adf3667d6769fe51611adbbcb4",id:"e540dca8-23ca-45dc-b462-df9071c1317d"},a("path",{key:"5d09a1cbc57fc21b1e62ddd4e263c18a7278c556",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n            v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return a(c,{key:"5aa4927f8682c07a13ab2fa9b56f1248141d7cd7",class:Object.assign(Object.assign({},e.class()),e.modifier(`is-rotation-${this.rotation}`).class())},a("svg",{key:"99ee4d77c26e1cc4b84052907ef6d628f94b3937",version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},s[parseInt(this.variation)-1]))}get el(){return s(this)}};l.style=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";export{l as bal_shape}

package/dist/baloise-design-system/{p-18cab6ff5b.entry.js → p-d2a46167ce.entry.js}

@@ -1 +1 @@
-import{r as a,h as e,H as t,g as b}from"./p-2ccbe55a.js";import{B as l}from"./p-ae86d0a0.js";const s=class{constructor(e){a(this,e),this.expanded=!1}render(){const a=l.block("table"),b=this.expanded;return e(t,{key:"21e3f6eb26b7cfb05a6fdf94a3ba32ca62052e4c",class:Object.assign(Object.assign(Object.assign({},a.class()),{"ag-theme-alpine":!0}),a.modifier("is-fullwidth").class(b))},e("slot",{key:"d5c278f8453e5b2795d32c2f0d18971a1b63203d"}))}get el(){return b(this)}};s.style=".bal-table{display:block;position:static}.bal-table--is-fullwidth{display:-ms-flexbox;display:flex;width:100%}bal-checkbox .bal-checkbox__label::before{top:0}bal-checkbox .bal-checkbox__label::after{margin-top:0px}";export{s as bal_table}
+import{H as a,M as e,N as t,O as l}from"./p-CPBMBpj8.js";import{B as b}from"./p-ByiN-QjD.js";const s=class{constructor(e){a(this,e),this.expanded=!1}render(){const a=b.block("table"),l=this.expanded;return e(t,{key:"21e3f6eb26b7cfb05a6fdf94a3ba32ca62052e4c",class:Object.assign(Object.assign(Object.assign({},a.class()),{"ag-theme-alpine":!0}),a.modifier("is-fullwidth").class(l))},e("slot",{key:"d5c278f8453e5b2795d32c2f0d18971a1b63203d"}))}get el(){return l(this)}};s.style=".bal-table{display:block;position:static}.bal-table--is-fullwidth{display:-ms-flexbox;display:flex;width:100%}bal-checkbox .bal-checkbox__label::before{top:0}bal-checkbox .bal-checkbox__label::after{margin-top:0px}";export{s as bal_table}

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

@@ -0,0 +1 @@
+import{L as e,H as t,P as i,f as a,T as s,M as r,N as l,O as d}from"./p-CPBMBpj8.js";import{_ as o,a as n}from"./p-dfXERft2.js";import{i as b}from"./p-xbSOW78W.js";import{L as p}from"./p-BL6QiFlD.js";import{g as h,a as c,b as m,e as u,s as v,h as f,j as w,c as k,d as g}from"./p-Dqb8X2Kx.js";import{i as _}from"./p-C4sZQbkT.js";import{i as x,N as y,A as j}from"./p-xVPGsAdF.js";import{B}from"./p-ByiN-QjD.js";import{i as F}from"./p-B4aDEwd8.js";import{d as C}from"./p-FCLKfv6B.js";import{a as O}from"./p-DBsOHTWj.js";import"./p-BFTU3MAI.js";const L=class{constructor(e){t(this,e),this.balInput=i(this,"balInput"),this.balChange=i(this,"balChange"),this.balBlur=i(this,"balBlur"),this.balFocus=i(this,"balFocus"),this.balKeyPress=i(this,"balKeyPress"),this.balClick=i(this,"balClick"),this.inputId="bal-time-input-"+D++,this.inheritedAttributes={},this.inputValue=this.value,this.initialValue="",this.focused=!1,this.language=a.language,this.region=a.region,this.ariaForm=C,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.debounce=0,this.value=void 0,this.autoInvalidOff=!1,this.onInput=e=>{const t=h(e);t&&(this.inputValue=t.value),this.balInput.emit(this.inputValue)},this.onFocus=e=>{c(this,e)},this.onBlur=e=>{m(this,e);const t=e.target;t&&(t.value=this.getFormattedValue(),u(this))},this.onKeydown=e=>{if(!b(e)&&!x(e)&&!this.getAllowedKeys().includes(e.key))return v(e)}}createLogger(e){this.log=e}debounceChanged(){this.balChange=s(this.balChange,this.debounce)}listenOnClick(e){f(this,e)}resetHandler(e){const t=e.target;(null==t?void 0:t.contains(this.el))&&w(this,this.initialValue,this.resetHandlerTimer)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||""}componentDidLoad(){this.inputValue=this.value}componentWillLoad(){this.inheritedAttributes=_(this.el,["aria-label","tabindex","title"])}async configChanged(e){this.language=e.language,this.region=e.region,!this.focused&&this.nativeInput&&(this.nativeInput.value=this.getFormattedValue())}async setFocus(){k(this)}async setBlur(){g(this)}async getInputElement(){return this.nativeInput}async setAriaForm(e){this.ariaForm=Object.assign({},e)}getAllowedKeys(){return[...y,...j,":","A","M","P"]}getRawValue(){return(this.value||"").toString()}getFormattedValue(){return this.getRawValue()}render(){const e=this.focused?this.getRawValue():this.getFormattedValue(),t=B.block("time-input"),i=t.element("native");return r(l,{key:"861d334de5dff26f7140820beeefbdaac4124dae","aria-disabled":O(this.disabled),class:Object.assign({},t.class())},r("bal-input-group",{key:"68257b5929a1014a9d00a417d17e8a1c6968269b",disabled:this.disabled||this.readonly,invalid:this.invalid},r("input",Object.assign({key:"f4c1f2754aaabf8dacc047c6901aea70310520d4",type:"time",class:Object.assign({input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"has-focus":this.focused,"show-placeholder":!this.focused&&(""===this.value||void 0===this.value),"has-value":""!==this.value&&void 0!==this.value},i.class()),ref:e=>this.nativeInput=e,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":O(this.disabled),name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:`${F[this.language].hours}:${F[this.language].minutes}`,value:e,onInput:e=>this.onInput(e),onFocus:e=>this.onFocus(e),onBlur:e=>this.onBlur(e),onKeyDown:e=>this.onKeydown(e),onKeyPress:e=>this.balKeyPress.emit(e)},this.inheritedAttributes)),r("bal-icon",{key:"f1854a2f66fe680b5a36466b5158b9be1f72fa3c","is-right":!0,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"clock"})))}get el(){return d(this)}static get watchers(){return{debounce:["debounceChanged"]}}};o([e("bal-time-input"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],L.prototype,"createLogger",null),o([p(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],L.prototype,"configChanged",null);let D=0;L.style=":root{--bal-time-input-native-placeholder-background-before:var(--bal-color-white);--bal-time-input-native-placeholder-background-disabled-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-danger-before:var(--bal-color-danger-1);--bal-time-input-native-placeholder-background-disabled-danger-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-hover-before:var(--bal-color-grey-1);--bal-time-input-native-text-color:var(--bal-color-primary-3);--bal-time-input-native-text-color-focus-value:var(--bal-color-primary);--bal-time-input-native-text-color-disabled:var(--bal-color-grey-5);--bal-time-input-native-text-color-disabled-value:var(--bal-color-grey-4);--bal-time-input-native-placeholder-text-color-disabled-before:var(--bal-color-grey-5);--bal-time-input-native-placeholder-text-color-before:var(--bal-color-primary-3)}.bal-time-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper{display:flex}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-clear-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-inner-spin-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-calendar-picker-indicator{display:none;background:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before{color:var(--bal-time-input-native-placeholder-text-color-disabled-before);background:var(--bal-time-input-native-placeholder-background-disabled-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-danger::before{background:var(--bal-time-input-native-placeholder-background-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-disabled.is-danger::before{background:var(--bal-time-input-native-placeholder-background-disabled-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before:hover::before{background:var(--bal-time-input-native-placeholder-background-hover-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before::before{color:var(--bal-time-input-native-placeholder-text-color-before);content:attr(placeholder);pointer-events:none;position:absolute;background:var(--bal-time-input-native-placeholder-background-before)}";export{L as bal_time_input}

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

@@ -0,0 +1 @@
+import{L as t,H as e,f as i,Q as r,K as s,M as a,N as n,O as o}from"./p-CPBMBpj8.js";import{_ as c,a as h}from"./p-dfXERft2.js";import{B as l}from"./p-ByiN-QjD.js";import{L as d}from"./p-BL6QiFlD.js";const p=class{constructor(t){e(this,t),this.animated=i.animated,this.inverted=!1,this.deactivated=!1,this.color="blue",this.small=!1,this.variation="logo",this.animate=async()=>{this.animated?(await this.load(),void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()&&(this.destroy(),this.currentRaf=r((async()=>{this.animationFunction&&this.animationFunction(this.el,this.getColor())})))):this.destroy()},this.destroy=()=>{this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.el.innerHTML=""},this.shouldAnimate=()=>"logo"===this.variation&&"undefined"!=typeof window&&void 0!==this.animationFunction&&!this.deactivated,this.load=async()=>new Promise(((t,e)=>{if(this.animationFunction)return t();s((async()=>{import("./p-BHFw3KrT.js").then((e=>{this.animationFunction=e.animate,t()})).catch(e)}))}))}createLogger(t){this.log=t}deactivatedWatcher(t,e){t!==e&&(this.deactivated?this.destroy():this.animate())}variationWatcher(t,e){t!==e&&("circle"===this.variation?this.destroy():this.animate())}componentDidLoad(){"logo"===this.variation?this.animate():this.destroy()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroy()}configChanged(t){this.animated=t.animated,!1===t.animated&&this.destroy()}getColor(){return this.inverted||"white"===this.color?"#ffffff":"#151f6d"}render(){const t=l.block("spinner");return a(n,{key:"5604f6e34571f92e51972754c5bb6d3cc894afbf",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("circle").class("circle"===this.variation)),t.modifier("small").class(this.small)),t.modifier("animated").class(this.animated)),t.modifier(`color-${this.color}`).class("circle"===this.variation)),role:"progressbar","aria-hidden":"true"})}get el(){return o(this)}static get watchers(){return{deactivated:["deactivatedWatcher"],variation:["variationWatcher"]}}};c([t("bal-spinner"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],p.prototype,"createLogger",null),c([d(),h("design:type",Function),h("design:paramtypes",[Object]),h("design:returntype",void 0)],p.prototype,"configChanged",null),p.style="bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:4rem}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}.bal-spinner--small{width:2rem}.bal-spinner--circle{margin:auto;border-width:.25rem;border-style:solid;border-color:var(--bal-color-grey);border-radius:50%;border-top-color:var(--bal-color-primary);width:1.5rem;height:1.5rem}.bal-spinner--circle.bal-spinner--small{width:1.125rem;height:1.125rem;border-width:.2rem}.bal-spinner--circle.bal-spinner--animated{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}.bal-spinner--circle.bal-spinner--color-white{border-color:var(--bal-color-white);border-top-color:var(--bal-color-primary)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";export{p as bal_spinner}

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

@@ -0,0 +1 @@
+var __extends=this&&this.__extends||function(){var t=function(i,n){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var n in i)if(Object.prototype.hasOwnProperty.call(i,n))t[n]=i[n]};return t(i,n)};return function(i,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");t(i,n);function e(){this.constructor=i}i.prototype=n===null?Object.create(n):(e.prototype=n.prototype,new e)}}();var __awaiter=this&&this.__awaiter||function(t,i,n,e){function r(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,a){function o(t){try{u(e.next(t))}catch(t){a(t)}}function s(t){try{u(e["throw"](t))}catch(t){a(t)}}function u(t){t.done?n(t.value):r(t.value).then(o,s)}u((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,r,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(i){return u([t,i])}}function u(s){if(e)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(e=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){n.label=s[1];break}if(s[0]===6&&n.label<a[1]){n.label=a[1];a=s;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(s);break}if(a[2])n.ops.pop();n.trys.pop();continue}s=i.call(t,n)}catch(t){s=[6,t];r=0}finally{e=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-D71JAXr2.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-CNxM3-XG.system.js","./p-SdtgSPca.system.js","./p-b3Ch8uzg.system.js"],(function(t){"use strict";var i,n,e,r,a,o,s,u,h,c,p,f,l,d;return{setters:[function(t){i=t.a;n=t.L;e=t.H;r=t.P;a=t.I;o=t.M;s=t.N;u=t.O},function(t){h=t._;c=t.a},function(t){p=t.B},function(t){f=t.s},function(t){l=t.c},function(t){d=t.b}],execute:function(){var v=function(){function t(){}t.prototype.showContainerElement=function(t){if(t.containerEl){this.showElement(t.containerEl)}};t.prototype.hideContainerElement=function(t){if(t.containerEl){this.hideElement(t.containerEl)}};t.prototype.showArrowElement=function(t,i){if(i===void 0){i=t.arrow}if(i&&t.arrowEl){this.showElement(t.arrowEl)}};t.prototype.hideArrowElement=function(t){if(t.arrowEl){Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}};t.prototype.showBackdropElement=function(t,i){if(i===void 0){i=t.backdrop}if(i&&t.backdropEl){this.showElement(t.backdropEl)}};t.prototype.hideBackdropElement=function(t){if(t.backdropEl){this.hideElement(t.backdropEl)}};t.prototype.showElement=function(t){if(t){t.style.setProperty("display","block");t.style.setProperty("visibility","visible")}};t.prototype.hideElement=function(t){if(t){t.style.removeProperty("display");t.style.removeProperty("visibility")}};return t}();var b=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.backdrop=false;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger&&t.backdropEl){this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","auto 0px 0px 0px");t.containerEl.style.setProperty("bottom","".concat(this.offset,"px"));t.backdropEl.style.setProperty("bottom","".concat(this.offset,"px"));this.showBackdropElement(t,this.backdrop);this.showContainerElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.backdropEl){t.balWillAnimate.emit();this.hideBackdropElement(t);this.hideContainerElement(t);t.containerEl.style.removeProperty("inset");t.containerEl.style.removeProperty("bottom");t.backdropEl.style.removeProperty("bottom");return[2,true]}return[2,false]}))}))};return i}(v);var _=function(t){__extends(i,t);function i(){var i=t.apply(this,arguments)||this;i.offset=0;return i}i.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.trigger){this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset);t.containerEl.style.setProperty("inset","".concat(this.offset,"px auto auto 0px"));if(this.offset>0){t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)")}this.showBackdropElement(t);this.showContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};i.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,false]}))}))};i.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl){this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);t.containerEl.style.removeProperty("box-shadow");t.containerEl.style.removeProperty("inset");return[2,true]}return[2,false]}))}))};return i}(v);var w=function(t){__extends(n,t);function n(){var i=t.apply(this,arguments)||this;i.placement="bottom";i.offset=0;i.arrow=false;i.backdrop=false;i.reference=undefined;i.triggerEl=null;return i}n.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,r,a;var o=this;return __generator(this,(function(s){switch(s.label){case 0:return[4,d.load()];case 1:n=s.sent();if(!t.trigger&&i.hasDocument){e=Array.from(document.querySelectorAll('[bal-popup="'.concat(t.el.id,'"]')))[0];t.trigger=e}if(t.trigger&&t.containerEl&&t.arrowEl){this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement);this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow);this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop);this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference);this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset);this.triggerEl=t.trigger;if(this.reference&&i.hasDocument){r=document.getElementById(this.reference);this.triggerEl=r?r:t.trigger}if(this.triggerEl){this.showContainerElement(t);this.showBackdropElement(t,this.backdrop);this.showArrowElement(t,this.arrow);this.triggerEl.classList.add("bal-popup-variant-popover-trigger");a=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;if(a){t.setMinWidth(this.triggerEl.clientWidth)}this.cleanup=n.autoUpdate(this.triggerEl,t.containerEl,(function(){o.update(t)}),{ancestorScroll:true,ancestorResize:true,elementResize:false,layoutShift:true,animationFrame:true});return[2,true]}}return[2,false]}}))}))};n.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,r,a,o,s,u;return __generator(this,(function(h){switch(h.label){case 0:if(!(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl))return[3,2];return[4,d.load()];case 1:r=h.sent();a=this.placement==="bottom-end"&&this.triggerEl!==t.trigger;o=(n=this.triggerEl)===null||n===void 0?void 0:n.getBoundingClientRect();s=(e=t.trigger)===null||e===void 0?void 0:e.getBoundingClientRect();u=false;if(i.hasWindow){u=!!window.frameElement}r.computePosition(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[u?undefined:r.shift(),r.flip(),r.offset(this.arrow?16:this.offset),r.arrow({element:t.arrowEl,padding:4})]}).then((function(i){var n,e;var r=i.x,u=i.y,h=i.middlewareData,c=i.placement;if(t.containerEl){Object.assign(t.containerEl.style,{left:"".concat(r,"px"),top:"".concat(u,"px")});var p=c.split("-")[0];var f={top:"bottom",right:"left",bottom:"top",left:"right"}[p];if(h.arrow&&t.arrowEl){var l=h.arrow;if(a){var d=o.right-s.right-4;Object.assign(t.arrowEl.style,(n={right:"".concat(d+s.width/2,"px"),left:"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",bottom:""},n[f]="".concat(-4,"px"),n))}else{Object.assign(t.arrowEl.style,(e={left:r!=null&&l.x!=null?"".concat(l.x,"px"):"",top:u!=null&&l.y!=null?"".concat(l.y,"px"):"",right:"",bottom:""},e[f]="".concat(-4,"px"),e))}}}}));return[2,true];case 2:return[2,false]}}))}))};n.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(t.containerEl&&t.arrowEl&&this.triggerEl){if(this.cleanup){this.cleanup()}this.triggerEl.classList.remove("bal-popup-variant-popover-trigger");this.hideBackdropElement(t);this.hideContainerElement(t);this.hideArrowElement(t);return[2,true]}return[2,false]}))}))};return n}(v);var g=function(){function t(t){this.renderer=t}t.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.present(t)];case 1:i=n.sent();if(i){t.presented=true;t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.update=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.update(t)];case 1:i=n.sent();if(i){t.balDidAnimate.emit()}return[2,i]}}))}))};t.prototype.dismiss=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:t.balWillAnimate.emit();return[4,this.renderer.dismiss(t)];case 1:i=n.sent();if(i){t.presented=false;t.balDidAnimate.emit()}return[2,i]}}))}))};return t}();var m=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline;z-index:var(--bal-z-index-popup)}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;height:100vh;display:none;visibility:hidden}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";var x=t("bal_popup",function(){function t(t){var i=this;e(this,t);this.balChange=r(this,"balChange");this.balWillAnimate=r(this,"balWillAnimate");this.balDidAnimate=r(this,"balDidAnimate");this.popupId="bal-pu-".concat(y++);this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.popoverVariantRenderer=new g(new w);this.fullscreenVariantRenderer=new g(new _);this.drawerVariantRenderer=new g(new b);this.lastVariant="popover";this.activeClosable=false;this.activeBackdropDismiss=false;this.activeVariant="popover";this.minContainerWidth="16.25rem";this.label="";this.variant="popover";this.placement="bottom";this.arrow=false;this.backdrop=false;this.offset=0;this.closable=false;this.backdropDismiss=false;this.active=false;this.presented=false;this.initialActive=this.active;this.demo=false;this.debouncedGlobalClick=a((function(t){return i.notifyGlobalClick(t)}),10);this.onBackdropClick=function(t){if(i.activeBackdropDismiss&&i.presented&&t&&t.target){var n=t.target;return n.classList.contains("bal-popup__backdrop")}return false};this.onCloseClick=function(){if(i.activeClosable){i.dismiss()}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.variantChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:if(!(t!==i))return[3,5];return[4,this.getVariantRenderer(i).dismiss(this)];case 1:n.sent();if(!(this.activeVariant!==t))return[3,3];this.lastVariant=this.activeVariant;this.activeVariant=t;return[4,this.getVariantRenderer(this.lastVariant).dismiss(this)];case 2:n.sent();n.label=3;case 3:if(!this.presented)return[3,5];return[4,this.getVariantRenderer(t).present(this)];case 4:n.sent();n.label=5;case 5:return[2]}}))}))};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){if(t!==i&&t!==this.presented){if(t){this.present()}else{this.dismiss()}}return[2]}))}))};t.prototype.contentWidthChanged=function(t,i){if(t!==i){if(t===undefined){this.el.style.removeProperty("--bal-popup-variant-popover-max-width")}else{this.el.style.setProperty("--bal-popup-variant-popover-max-width","".concat(this.contentWidth,"px"))}}};t.prototype.componentDidLoad=function(){this.contentWidthChanged(this.contentWidth,0);if(this.initialActive===true&&this.presented!==true){this.present()}if(this.demo){this.present()}};t.prototype.listenOnGlobalClick=function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,r,a;return __generator(this,(function(o){e=t.target;r=e.closest("[bal-popup]");if(r&&i.hasWindow){a=((n=r.attributes.getNamedItem("bal-popup"))===null||n===void 0?void 0:n.nodeValue)||"";if(this.el.id===a){this.debouncedGlobalClick(r)}}return[2]}))}))};t.prototype.listenOnKeyDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.activeClosable&&this.presented&&l(t)){f(t);this.dismiss()}return[2]}))}))};t.prototype.listenOnMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t);return[2]}))}))};t.prototype.listenOnComponentClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,2];return[4,this.dismiss()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._present()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.resetAllVariants()];case 1:t.sent();return[4,this._dismiss()];case 2:if(t.sent()){this.lastTrigger=this.trigger;this.balChange.emit(this.presented)}return[2]}}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.presented){return[2,this.dismiss()]}else{return[2,this.present()]}return[2]}))}))};t.prototype.setMinWidth=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){if(this.containerEl){this.containerEl.style.minWidth="".concat(t,"px");this.minContainerWidth="".concat(t,"px")}return[2]}))}))};t.prototype._emitChange=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.balChange.emit(this.presented);return[2]}))}))};t.prototype._present=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){switch(n.label){case 0:if(i.hasDocument){this.lastFocus=document.activeElement||undefined}if(!this.lastVariantRenderer)return[3,2];return[4,this.lastVariantRenderer.dismiss(this)];case 1:n.sent();this.presented=true;n.label=2;case 2:this.lastVariantRenderer=this.getVariantRenderer();return[4,this.lastVariantRenderer.present(this)];case 3:t=n.sent();this.focusFirstDescendant();return[2,t]}}))}))};t.prototype._dismiss=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:return[4,this.getVariantRenderer().dismiss(this)];case 1:i=n.sent();this.lastVariantRenderer=undefined;if(this.lastFocus&&this.lastFocus.focus){(t=this.lastFocus)===null||t===void 0?void 0:t.focus({preventScroll:true})}return[2,i]}}))}))};t.prototype.getVariantRenderer=function(t){if(t===void 0){t=this.activeVariant}switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}};t.prototype.getValue=function(t,i,n){var e=t.attributes.getNamedItem(i);return e?e.value:n};t.prototype.getNumberValue=function(t,i,n){var e=t.attributes.getNamedItem(i);if(e){return parseInt(e.value,10)||n}return n};t.prototype.getBooleanValue=function(t,i,n){var e=t.attributes.getNamedItem(i);if(e){var r=e.value===""||e.value==="true"?true:false;return e?r:n}return n};t.prototype.notifyGlobalClick=function(t){this.trigger=t;this.lastTrigger=this.lastTrigger===undefined?this.trigger:this.lastTrigger;this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant);this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable);this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss);if(this.presented&&this.lastTrigger!==this.trigger){this._present();this.lastTrigger=this.trigger}else{this.toggle()}};t.prototype.resetAllVariants=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.dismissAllOtherPopups()];case 1:i.sent();if(!(this.lastVariant!==this.activeVariant))return[3,3];t=this.getVariantRenderer(this.lastVariant);return[4,t.dismiss(this)];case 2:i.sent();i.label=3;case 3:this.lastVariant=this.activeVariant;return[2]}}))}))};t.prototype.dismissAllOtherPopups=function(){return __awaiter(this,void 0,void 0,(function(){var t,n,e;var r=this;return __generator(this,(function(a){switch(a.label){case 0:if(!i.hasDocument)return[3,5];t=Array.from(document.getElementsByTagName("bal-popup")).filter((function(t){return t.id!==r.el.id&&t.ariaHidden!=="true"}));n=0;a.label=1;case 1:if(!(n<t.length))return[3,5];e=t[n];return[4,e._dismiss()];case 2:a.sent();return[4,e._emitChange()];case 3:a.sent();a.label=4;case 4:n++;return[3,1];case 5:return[2]}}))}))};t.prototype.focusFirstDescendant=function(){var t=this.contentEl;if(t){t.focus({preventScroll:true})}};t.prototype.render=function(){var t=this;var i=p.block("popup");var n=i.element("container");var e=i.element("arrow");var r=i.element("backdrop");var a=i.element("inner");var u=a.element("head");var h=a.element("content");return o(s,{key:"4ad1ef7a26405280b668dc964e36e45b12523830",class:Object.assign({},i.class()),role:"dialog","aria-hidden":"".concat(this.presented!==true),"aria-modal":"".concat(this.presented===true),"aria-presented":"".concat(this.presented===true),"aria-labelledby":"".concat(this.popupId,"-heading")},o("div",{key:"d9c7aa58b64ba58bdd73195b4c988698ddac0141",class:Object.assign({},r.class()),ref:function(i){return t.backdropEl=i}}),o("div",{key:"e1aa90db041a2960e23aae4b4d49c89ebfaa777b",class:Object.assign(Object.assign({},n.class()),n.modifier("variant-".concat(this.activeVariant)).class()),ref:function(i){return t.containerEl=i},style:{minWidth:this.minContainerWidth}},o("div",{key:"b2bccd97aad258a0a3246293a8250be6207f0368",class:Object.assign({},e.class()),ref:function(i){return t.arrowEl=i}}),o("bal-stack",{key:"f44ec75a2d463fd81f46c0c1d2175907747c4346",layout:"vertical",px:this.activeVariant==="popover"?"medium":"none",py:"medium",class:Object.assign({},a.class())},this.label?o("bal-stack",{space:"auto",class:Object.assign({},u.class())},o("bal-heading",{"data-test":"bal-popup-label",level:"span","visual-level":"large",id:"".concat(this.popupId,"-heading")},this.label),this.activeClosable?o("bal-close",{"data-test":"bal-popup-close",tabindex:-1,onClick:function(){return t.onCloseClick()}}):""):"",o("div",{key:"bebd41411dcc4960ee1e0ab9e08a6494ede835bd",class:Object.assign({},h.class()),ref:function(i){return t.contentEl=i},"data-test":"bal-popup-content",tabindex:"-1"},o("slot",{key:"3f06f9d1303b4a785c358954fe79744f4daa019c"})))))};Object.defineProperty(t.prototype,"el",{get:function(){return u(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}},enumerable:false,configurable:true});return t}());h([n("bal-popup"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],x.prototype,"createLogger",null);var y=0;x.style=m}}}));

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

@@ -0,0 +1 @@
+import{H as l,P as i,r as e,x as a,M as t,N as s,O as d}from"./p-CPBMBpj8.js";import{_ as n,a as o}from"./p-dfXERft2.js";import{L as b}from"./p-DwHCWn30.js";import{d as r}from"./p-FCLKfv6B.js";import{B as h}from"./p-ByiN-QjD.js";import"./p-ILKmvJEL.js";const f=class{constructor(e){l(this,e),this.balFormControlDidLoad=i(this,"balFormControlDidLoad"),this.fieldId="bal-field-"+c++,this.formControlElement=["bal-field-control"],this.inputElements=["bal-input","bal-number-input","bal-textarea","bal-select","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload","bal-dropdown","bal-segment"],this.formElements=[...this.formControlElement,"bal-field-label","bal-field-message"],this.required=void 0,this.horizontal=!1,this.invalid=void 0,this.valid=!1,this.disabled=void 0,this.readonly=void 0,this.loading=void 0,this.isDirectChild=l=>{if(!l)return!1;const i=l.parentElement;return!!i&&("bal-field"!==i.nodeName.toLowerCase()||i===this.el)&&(i===this.el||this.isDirectChild(i))},this.isVisible=l=>!!l&&"true"!==l.ariaHidden,this.findDirectChild=l=>{const i=this.el.querySelector(l);if(this.isDirectChild(i)&&this.isVisible(i))return i},this.findDirectChildren=l=>l.map((l=>Array.from(this.el.querySelectorAll(l)).filter(this.isDirectChild).filter(this.isVisible))).flat(),this.mutationObserverActive=!0}requiredHandler(){this.updateProps([...this.inputElements,"bal-field-label"],"required")}invalidHandler(){this.updateProps([...this.inputElements,...this.formElements],"invalid")}validHandler(){this.updateProps([...this.inputElements,...this.formElements],"valid")}disabledHandler(){this.updateProps([...this.inputElements,...this.formElements],"disabled")}readonlyHandler(){this.updateProps([...this.inputElements,...this.formElements],"readonly")}loadingHandler(){this.updateProps([...this.inputElements,...this.formControlElement],"loading")}connectedCallback(){this.triggerAllHandlers()}componentWillLoad(){this.triggerAllHandlers()}async componentDidLoad(){await this.syncAriaAttributes()}async syncAriaAttributes(){await e(this.el),await a();const l=this.findDirectChild("bal-field-label bal-label"),i=this.findDirectChild("bal-field-message"),t=this.findDirectChildren(["bal-field-control bal-input","bal-field-control bal-select","bal-field-control bal-input-date","bal-field-control bal-dropdown","bal-field-control bal-checkbox","bal-field-control bal-radio","bal-field-control bal-segment","bal-field-control bal-segment-item","bal-field-control bal-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]),s=Object.assign({},r);l&&(s.labelId=`${this.fieldId}-lbl`),i&&(s.messageId=`${this.fieldId}-msg`);for(let e=0;e<t.length;e++){const a=t[e];0===e?(s.controlId=`${this.fieldId}-ctrl`,await(null==l?void 0:l.setAriaForm(s)),await(null==i?void 0:i.setAriaForm(s)),await(null==a?void 0:a.setAriaForm(s))):(s.controlId=`${this.fieldId}-ctrl-${e}`,await(null==a?void 0:a.setAriaForm(s)))}}mutationListener(){this.triggerAllHandlers(),this.syncAriaAttributes()}triggerAllHandlers(){this.requiredHandler(),this.invalidHandler(),this.validHandler(),this.readonlyHandler(),this.disabledHandler(),this.loadingHandler()}updateProps(l,i){const e=this[i];void 0!==e&&this.notifyComponents(l,(l=>l[i]=e))}notifyComponents(l,i){this.el.querySelectorAll(l.join(", ")).forEach((l=>i(l)))}render(){return t(s,{key:"2d5f00847eed504077334ab0a99e7d8ec2d5e933",id:this.fieldId,class:{"bal-field":!0,field:!0,"bal-field--invalid":!0===this.invalid,"bal-field--horizontal":!0===this.horizontal}},t("slot",{key:"7e84f2c3b7a5070c3d44616d4f61c798ed201708"}),t("span",{key:"b7999bd90707cf04144c23ee94cf6ef5e8605ba1",class:"bal-field-hidden"}))}get el(){return d(this)}static get watchers(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}}};n([b({subtree:!1,waitAfterFramePrint:!0}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],f.prototype,"mutationListener",null);let c=0;f.style=":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-message{margin-top:0 !important}.bal-field-control+.bal-field-message{min-height:1.375rem;line-height:1.375rem}.bal-field-control:not(:has(+.bal-field-message)){padding-bottom:1.375rem}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";const m=class{constructor(i){l(this,i),this.iconRight="",this.iconLeft="",this.expandedOnMobile=void 0,this.loading=!1}get buildIconLeftTemplate(){return this.iconLeft?t("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"}):""}get buildIconRightTemplate(){return this.iconRight?t("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"}):""}render(){return t(s,{key:"4aecfd6cf7bc49df8feb26cd3161af9174097fcc",class:{"bal-field-control":!0,control:!0,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},t("slot",{key:"b1d4c61b4ba0cbd96c11d5540e12dafcc4b2518e"}),this.buildIconLeftTemplate,this.buildIconRightTemplate)}},p=class{constructor(i){l(this,i),this.subject="",this.closeLabel="Close",this.small=!1}render(){const l=h.block("field-hint");return t(s,{key:"77490edbe70ab5796e9359501cc7c7c13b38ff35",class:Object.assign({},l.class())},t("bal-hint",{key:"51c69843812a75f1b22629fb76f25c99aeb5104e",class:Object.assign({},l.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},this.subject?t("bal-hint-title",null,this.subject):"",t("bal-hint-text",{key:"68f54f8473467fcfbbe7dde4d1fed735f57bdcd7"},t("slot",{key:"568fcc10257812cd18401d15819916f9ea2fb312"}))))}},u=class{constructor(i){l(this,i),this.htmlFor=void 0,this.required=!0,this.valid=void 0,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.size="small",this.weight="bold"}componentDidLoad(){this.element&&(this.parentBalFieldElement=this.element.closest("bal-field"),this.parentBalFieldElement&&this.parentBalFieldElement.classList.add("has-label"))}disconnectedCallback(){this.parentBalFieldElement&&this.parentBalFieldElement.classList.remove("has-label")}render(){return t(s,{key:"049f3e7c80126a7ffbc005e6c69a1bdc8203979b",class:"bal-field-label"},t("bal-label",{key:"269ecb6de6a5daf2f4d4504b37f3980d05b1a121",multiline:!0,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},t("slot",{key:"d832133cb85456ec6b7b1a999b5459044579e783"})))}get element(){return d(this)}},g=class{constructor(i){l(this,i),this.ariaForm=r,this.color="",this.invalid=!1,this.valid=!1,this.disabled=!1,this.readonly=!1}async setAriaForm(l){this.ariaForm=Object.assign({},l)}render(){return t(s,{key:"61a31ecf947fffa55b3cb3e18fdf3c4fb4348437",id:this.ariaForm.messageId,class:{"bal-field-message":!0,help:!0,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly,[`is-${this.color}`]:!!this.color}},t("slot",{key:"94cabb752b176e43e39e290afadeb706a7fc64cb"}))}};export{f as bal_field,m as bal_field_control,p as bal_field_hint,u as bal_field_label,g as bal_field_message}