@baloise/ds-core 19.3.0 → 19.4.0

package/dist/baloise-design-system/p-2384eefce1.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-pkPHUz5e.js";import{_ as c,a as m}from"./p-dfXERft2.js";import{L as d}from"./p-BsGkq7do.js";import{B as h}from"./p-ByiN-QjD.js";import"./p-Clmofeob.js";import{L as g}from"./p-MVgFPFA5.js";import{L as p}from"./p-B1TzZiNl.js";import{F as u}from"./p-DqCbGYzv.js";import{d as v}from"./p-FCLKfv6B.js";import{s as f}from"./p-C8S5XlJl.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-BANVEd3P.js";import"./p-B23n0-TV.js";import{L as C}from"./p-XiJ1YYc9.js";import{i as F}from"./p-C4sZQbkT.js";import"./p-BHYxMhaq.js";import"./p-Ck3aT69N.js";import"./p-BvmIi0Pf.js";const V=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)],V.prototype,"createLogger",null),c([p(),m("design:type",Function),m("design:paramtypes",[Object]),m("design:returntype",void 0)],V.prototype,"focusInListener",null),c([p(),m("design:type",Function),m("design:paramtypes",[Object]),m("design:returntype",void 0)],V.prototype,"focusOutListener",null),c([d(),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],V.prototype,"animationListener",null),c([C(),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],V.prototype,"visibilityListener",null),c([g(),m("design:type",Function),m("design:paramtypes",[Object]),m("design:returntype",void 0)],V.prototype,"breakpointListener",null),c([L(),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],V.prototype,"windowResizeListener",null),V.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 B=0;const E=class{constructor(e){t(this,e),this.segmentEl=null,this.inheritedAttributes={},this.internalId=B++,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{V as bal_segment,E as bal_segment_item}

package/dist/baloise-design-system/p-247b0b800a.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,i,e,n){function a(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,s){function r(t){try{h(n.next(t))}catch(t){s(t)}}function o(t){try{h(n["throw"](t))}catch(t){s(t)}}function h(t){t.done?e(t.value):a(t.value).then(r,o)}h((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,a,s,r;return r={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(t){return function(i){return h([t,i])}}function h(o){if(n)throw new TypeError("Generator is already executing.");while(r&&(r=0,o[0]&&(e=0)),e)try{if(n=1,a&&(s=o[0]&2?a["return"]:o[0]?a["throw"]||((s=a["return"])&&s.call(a),0):a.next)&&!(s=s.call(a,o[1])).done)return s;if(a=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;a=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){e.label=o[1];break}if(o[0]===6&&e.label<s[1]){e.label=s[1];s=o;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(o);break}if(s[2])e.ops.pop();e.trys.pop();continue}o=i.call(t,e)}catch(t){o=[6,t];a=0}finally{n=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-WmWy2rJ-.system.js","./p-DhSS4q-R.system.js","./p-m5GX4h3i.system.js","./p-BbAtjg9Y.system.js","./p-CLfE_o7e.system.js","./p-DKjTFqnu.system.js"],(function(t){"use strict";var i,e,n,a,s,r,o,h,u,c,f,l,b,d,p,m,v,y,x,_;return{setters:[function(t){i=t.H;e=t.P;n=t.T;a=t.M;s=t.N;r=t.O},function(t){o=t.g;h=t.a;u=t.b;c=t.e;f=t.f;l=t.i;b=t.h;d=t.j;p=t.c;m=t.d},function(t){v=t.i},function(t){y=t.B},function(t){x=t.d},function(t){_=t.a}],execute:function(){var g=".bal-textarea{-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;width:100%;font-family:var(--bal-font-family-text);white-space:pre-wrap;-webkit-box-sizing:border-box;box-sizing:border-box}.bal-textarea__native{margin:0;display:block;width:100%;max-width:100%;max-height:100%;outline:none;background:rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:calc(.75em - 2px)}.bal-textarea__native::-webkit-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::-moz-placeholder{padding:0;font-family:inherit}.bal-textarea__native:-ms-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::-ms-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::placeholder{padding:0;font-family:inherit}";var w=t("bal_textarea",function(){function t(t){var n=this;i(this,t);this.balChange=e(this,"balChange");this.balInput=e(this,"balInput");this.balBlur=e(this,"balBlur");this.balKeyPress=e(this,"balKeyPress");this.balFocus=e(this,"balFocus");this.inputId="bal-textarea-".concat(k++);this.inheritedAttributes={};this.inputValue=this.value;this.initialValue=this.value||"";this.focused=false;this.ariaForm=x;this.name=this.inputId;this.invalid=false;this.autocapitalize="none";this.autocomplete="off";this.autofocus=false;this.debounce=0;this.disabled=false;this.readonly=false;this.required=false;this.clickable=false;this.value="";this.autoInvalidOff=false;this.onInput=function(t){var i=o(t);if(i){n.inputValue=i.value}n.balInput.emit(n.inputValue)};this.onFocus=function(t){return h(n,t)};this.onBlur=function(t){u(n,t);var i=t.target;if(i){i.value=n.getValue()}c(n)};this.onClick=function(t){return f(n,t)};this.handleClick=function(t){return l(n,t)}}t.prototype.debounceChanged=function(){this.balChange=n(this.balChange,this.debounce)};t.prototype.listenOnClick=function(t){b(this,t)};t.prototype.resetHandler=function(t){var i=t.target;if(i===null||i===void 0?void 0:i.contains(this.el)){d(this,this.initialValue,this.resetHandlerTimer)}};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||""};t.prototype.componentDidLoad=function(){this.inputValue=this.value};t.prototype.componentWillLoad=function(){this.inheritedAttributes=v(this.el,["aria-label","tabindex","title"])};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){p(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){m(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.getValue=function(){return this.value||""};t.prototype.render=function(){var t=this;var i=this.getValue();var e=y.block("textarea");var n=e.element("native");return a(s,{key:"58fb6cd0932b1ddedc979d160ad17c836b5f8af3",onClick:this.handleClick,"aria-disabled":_(this.disabled),class:Object.assign({},e.class())},a("textarea",Object.assign({key:"c30549a4a89ebd2f0f26eb1d79fca74a3ed0fd31",class:Object.assign(Object.assign({},n.class()),{textarea:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,clickable:this.clickable}),"data-testid":"bal-textarea-input",ref:function(i){return t.nativeInput=i},name:this.name,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":_(this.disabled),disabled:this.disabled,readonly:this.readonly,required:this.required,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autoFocus:this.autofocus,minLength:this.minLength,maxLength:this.maxLength,placeholder:this.placeholder,inputMode:this.inputmode,value:this.value,cols:this.cols,rows:this.rows,wrap:this.wrap,onFocus:this.onFocus,onInput:function(i){return t.onInput(i)},onBlur:this.onBlur,onClick:this.onClick,onKeyPress:function(i){return t.balKeyPress.emit(i)}},this.inheritedAttributes),i,a("slot",{key:"3e42186b43bb6b7d535c008c74b03ef4981f2fd8"})))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}());var k=0;w.style=g}}}));

package/dist/baloise-design-system/p-2690f97b41.system.entry.js

@@ -0,0 +1 @@
+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,o){function a(t){try{u(e.next(t))}catch(t){o(t)}}function s(t){try{u(e["throw"](t))}catch(t){o(t)}}function u(t){t.done?n(t.value):r(t.value).then(a,s)}u((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},e,r,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return u([t,i])}}function u(s){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(e=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=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(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=i.call(t,n)}catch(t){s=[6,t];r=0}finally{e=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-WmWy2rJ-.system.js","./p-Cjiw70Dk.system.js","./p-DKjTFqnu.system.js","./p-BbAtjg9Y.system.js","./p-DY72UdN1.system.js","./p-DhSS4q-R.system.js","./p-CpWDVANq.system.js","./p-m5GX4h3i.system.js","./p-Dou6adza.system.js","./p-CLfE_o7e.system.js","./p-drmuT566.system.js","./p-Bzy18UgU.system.js"],(function(t){"use strict";var i,n,e,r,o,a,s,u,c,l,h,f,d,b,v,p,g,_,m,w;return{setters:[function(t){i=t.L;n=t.H;e=t.P;r=t.M;o=t.N;a=t.O;s=t.x;u=t.Q},function(t){c=t._;l=t.a},function(t){h=t.a},function(t){f=t.B},function(t){d=t.L;b=t.B},function(t){v=t.s},function(t){p=t.i},function(t){g=t.i},function(t){_=t.i;m=t.s},function(t){w=t.d},null,null],execute:function(){var y=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-3);--bal-option-background-selected:var(--bal-color-primary-1);--bal-option-background-selected-hovered:#dddfeb;--bal-option-background-invalid:var(--bal-color-danger-1);--bal-option-background-invalid-hovered:#fbe0de;--bal-option-border-width:var(--bal-border-width-normal);--bal-option-border-color:var(--bal-color-grey-2);--bal-option-font-family:var(--bal-font-family-text);--bal-option-font-weight:var(--bal-font-weight-regular);--bal-option-line-height:1.125rem;--bal-option-text-hovered:var(--bal-color-text-primary-hovered);--bal-option-text-pressed:var(--bal-color-text-primary-pressed);--bal-option-text-disabled:var(--bal-color-text-grey-light)}.bal-option{font-size:16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block;list-style:none;cursor:pointer;border-bottom-width:var(--bal-option-border-width);border-bottom-color:var(--bal-option-border-color);border-bottom-style:solid;background:var(--bal-option-background);padding-left:var(--bal-option-padding-x);padding-right:var(--bal-option-padding-x);min-height:var(--bal-option-min-height)}.bal-option>bal-stack{min-height:var(--bal-option-min-height)}.bal-option:last-child{border-bottom:none}.bal-option::-moz-focus-inner{border:none}.bal-option--hidden{display:none;visibility:hidden}.bal-option__inner{font-family:var(--bal-option-font-family);font-weight:var(--bal-option-font-weight);line-height:var(--bal-option-line-height);word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1;flex:1}.bal-option__inner--multiline{white-space:normal}.bal-option--focused{background:var(--bal-option-background-hovered)}@media (hover: hover)and (pointer: fine){.bal-option:hover{background:var(--bal-option-background-hovered);color:var(--bal-option-text-hovered)}}.bal-option:active{background:var(--bal-option-background-hovered);color:var(--bal-option-text-pressed)}.bal-option--selected{background:var(--bal-option-background-selected)}@media (hover: hover)and (pointer: fine){.bal-option--selected:hover{background:var(--bal-option-background-selected-hovered)}}.bal-option--selected:active{background:var(--bal-option-background-selected-hovered)}.bal-option--selected .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--selected.bal-option--focused{background:var(--bal-option-background-selected-hovered)}.bal-option--selected.bal-option--focused .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--invalid{background:var(--bal-option-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover{background:var(--bal-option-background-invalid-hovered)}}.bal-option--invalid:active{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid.bal-option--focused{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid .bal-option__inner{color:var(--bal-color-text-danger-hovered)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover .bal-option__inner{color:var(--bal-color-text-danger-hovered)}}.bal-option--invalid:active .bal-option__inner{color:var(--bal-color-text-danger-pressed)}.bal-option--disabled,.bal-option--disabled.bal-option--focused{background:var(--bal-option-background) !important;color:var(--bal-option-text-disabled) !important;cursor:default !important}.bal-option--disabled:hover,.bal-option--disabled.bal-option--focused:hover{background:var(--bal-option-background) !important}.bal-option{--bal-check-size:1.25rem}";var k=t("bal_option",function(){function t(t){var i=this;n(this,t);this.balOptionChange=e(this,"balOptionChange");this.balOptionFocus=e(this,"balOptionFocus");this.inputId="bal-option-".concat(j++);this.checkbox=false;this.interactionState=b.DefaultState;this.label="";this.value="";this.disabled=false;this.multiline=false;this.invalid=false;this.selected=false;this.focused=false;this.hidden=false;this.onClick=function(t){var n=i.el.closest("bal-option-list");if(i.disabled||n&&n.disabled){v(t)}else{if(n&&n.required&&!n.multiple){if(!i.selected){i.select(true)}}else{i.select(!i.selected)}}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.componentWillRender=function(){if(this.el){var t=this.el.closest("bal-option-list");if(t){this.checkbox=!!t.multiple}}};t.prototype.listenToMouseEnter=function(){var t=this,i=t.label,n=t.value,e=t.selected,r=t.disabled,o=t.hidden;if(!o&&!r){this.balOptionFocus.emit({label:i,value:n,selected:e})}};t.prototype.elementStateListener=function(t){this.interactionChildElements.forEach((function(i){i.hovered=t.hovered;i.pressed=t.pressed}))};t.prototype.select=function(){return __awaiter(this,arguments,void 0,(function(t){var i,n,e;if(t===void 0){t=true}return __generator(this,(function(r){this.selected=t;i=this,n=i.label,e=i.value;this.balOptionChange.emit({label:n,value:e,selected:t});return[2]}))}))};Object.defineProperty(t.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-check"))},enumerable:false,configurable:true});t.prototype.render=function(){var t=f.block("option");return r(o,{key:"a9b567396356b31dc5dacf1115b538eb6f0229e9",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("checkbox").class(this.checkbox)),t.modifier("focused").class(this.focused)),t.modifier("invalid").class(this.invalid)),t.modifier("selected").class(this.selected)),t.modifier("disabled").class(this.disabled)),t.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":h(this.hidden),"aria-selected":h(this.selected),"aria-checked":h(this.selected),"aria-disabled":h(this.disabled),"aria-invalid":h(this.invalid),tabIndex:-1,onClick:this.onClick},r("bal-stack",{key:"bc7b02be2431b89e05a16df87b2ef5e7e828577a",py:"small",space:"x-small"},this.checkbox?r("bal-check",{checked:this.selected,disabled:this.disabled,invalid:this.invalid,hovered:this.interactionState.hovered,pressed:this.interactionState.pressed,tabindex:-1}):"",r("div",{key:"dd0f4a8143bcff57bcfd578073fc5c13fc947b64",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},r("slot",{key:"49d60c90205cc0181cfc61eac50e2de14bc1dc80"})),this.selected&&!this.checkbox?r("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());c([i("bal-option"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],k.prototype,"createLogger",null);c([d(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],k.prototype,"elementStateListener",null);var j=0;k.style=y;var x=".bal-option-list{display:block;position:relative;width:100%;list-style:none;margin:0;outline:0;max-height:var(--bal-option-list-max-height);border-radius:var(--bal-radius-normal);overflow:hidden auto}";var O=t("bal_option_list",function(){function t(t){n(this,t);this.inputId="bal-option-list-".concat(F++);this.inheritAttributes={};this.ariaForm=w;this.multiple=false;this.disabled=false;this.required=false;this.focusIndex=-1;this.filter="includes";this.contentHeight=262}t.prototype.createLogger=function(t){this.log=t};t.prototype.contentHeightChanged=function(t){if(t===undefined){this.el.style.removeProperty("--bal-option-list-max-height")}else{this.el.style.setProperty("--bal-option-list-max-height","".concat(t,"px"))}};t.prototype.componentDidLoad=function(){this.contentHeightChanged(this.contentHeight)};t.prototype.componentWillRender=function(){this.inheritAttributes=g(this.el,["aria-multiselectable","aria-labelledby"])};t.prototype.listenToMouseEnter=function(t){var i=this.options;var n=this.getOptionIndex(i,t.detail.value);if(n!==undefined){this.updateFocus(i,n)}};t.prototype.listenToOptionChange=function(t){var i=t.detail;if(!this.multiple){this.options.filter((function(t){return t.value!==i.value})).forEach((function(t){return t.selected=false}))}};t.prototype.focusSelected=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getSelectedOptionIndex(t);if(!(i>0))return[3,2];this.updateFocus(t,i);return[4,s()];case 1:n.sent();return[2,i];case 2:return[4,this.focusFirst()];case 3:return[2,n.sent()]}}))}))};t.prototype.focusFirst=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getFirstOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollTopPosition(n);return[4,s()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusLast=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getLastOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollBottomPosition(n);return[4,s()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusNext=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getNextOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollBottomPosition(n);return[4,s()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusPrevious=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getPreviousOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollTopPosition(n);return[4,s()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusByLabel=function(t,i){return __awaiter(this,void 0,void 0,(function(){var n,e,r;return __generator(this,(function(o){switch(o.label){case 0:n=this.options;e=this.getOptionIndexByLabel(n,t);this.updateFocus(n,e);r=n[e];this.updateScrollTopPosition(r);return[4,s()];case 1:o.sent();if(!i.select)return[3,3];return[4,r.select()];case 2:o.sent();o.label=3;case 3:return[2,e]}}))}))};t.prototype.filterByContent=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:i=this.allOptions;this.filterOptions(i,t);return[4,s()];case 1:n.sent();return[2,this.focusFirst()]}}))}))};t.prototype.resetHidden=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=false}return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.hidden=t}));return[4,s()];case 1:i.sent();this.resetFocus();return[2]}}))}))};t.prototype.resetSelected=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=false}return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t}));return[4,s()];case 1:i.sent();return[2]}}))}))};t.prototype.updateSelected=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t.includes(i.value)}));return[4,s()];case 1:i.sent();return[2]}}))}))};t.prototype.resetFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=-1;this.updateFocus(t,i);this.scrollTo(0);return[4,s()];case 1:n.sent();return[2,i]}}))}))};t.prototype.getSelectedValues=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){t=this.options;return[2,t.filter((function(t){return t.selected})).map((function(t){return t.value}))]}))}))};t.prototype.getSelectedOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){i=this.options;if(t&&t.length>0){return[2,i.filter((function(i){return t.includes(i.value)})).map((function(t){return t}))]}return[2,i.filter((function(t){return t.selected})).map((function(t){return t}))]}))}))};t.prototype.getValues=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.value}))]}))}))};t.prototype.getLabels=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.label}))]}))}))};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.filter((function(t){return!t.disabled||!t.hidden}))]}))}))};t.prototype.selectByFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){t=this.options;i=t[this.focusIndex];if(i){if(this.multiple){i.select(!i.selected)}else{i.select(true)}}return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},t);return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return Array.from(this.el.querySelectorAll("bal-option")).filter((function(t){return!t.hidden}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allOptions",{get:function(){return Array.from(this.el.querySelectorAll("bal-option"))},enumerable:false,configurable:true});t.prototype.filterOptions=function(t,i){var n=[];var e=this.filter==="includes"?_:m;for(var r=0;r<t.length;r++){var o=t[r];var a=o.textContent||"";if(e(a,i)){n.push(o);o.hidden=false}else{o.hidden=true}}return n};t.prototype.isOptionVisible=function(t){var i=this.el.clientHeight;var n=this.el.scrollTop;var e=n+i;var r=n<=t.offsetTop&&t.offsetTop+t.clientHeight<=e;return r};t.prototype.updateScrollTopPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForTopPosition(t))}}};t.prototype.updateScrollBottomPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForBottomPosition(t))}}};t.prototype.getScrollTopForTopPosition=function(t){var i=t.offsetTop;var n=i;if(n<0){return 0}return n};t.prototype.getScrollTopForBottomPosition=function(t){var i=this.el.clientHeight;var n=t.offsetTop+t.clientHeight;var e=n-i;if(e<0){return 0}return e};t.prototype.scrollTo=function(t){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(n){if(t!==undefined&&t!==null){if(this.focusRaf!==undefined){cancelAnimationFrame(this.focusRaf)}this.focusRaf=u((function(){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(i){this.el.scrollTop=t;return[2]}))}))}))}return[2]}))}))};t.prototype.updateFocus=function(t,i){this.focusIndex=i;for(var n=0;n<t.length;n++){var e=t[n];e.focused=n===i}};t.prototype.getOptionIndex=function(t,i){for(var n=0;n<t.length;n++){var e=t[n];if(e.value===i){return n}}return undefined};t.prototype.getSelectedOptionIndex=function(t){for(var i=0;i<t.length;i++){var n=t[i];if(n.selected&&!n.hidden){return i}}return this.focusIndex};t.prototype.getFirstOptionIndex=function(t){for(var i=0;i<t.length;i++){var n=t[i];if(!n.disabled&&!n.hidden){return i}}return this.focusIndex};t.prototype.getNextOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}if(i<0){return this.getFirstOptionIndex(t)}var n=this.getLength(t);var e=i;if(i<n){e=i+1;if(t[e].disabled){return this.getNextOptionIndex(t,e)}}return e};t.prototype.getPreviousOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}var n=this.getFirstOptionIndex(t);if(i<=n){return n}var e=i;e=i-1;if(t[e].disabled){return this.getPreviousOptionIndex(t,e)}return e};t.prototype.getLastOptionIndex=function(t){for(var i=t.length-1;i>=0;i--){var n=t[i];if(!n.disabled){return i}}return this.focusIndex};t.prototype.getOptionIndexByLabel=function(t,i){if(i===undefined||i===""){return this.focusIndex}var n=t.find((function(t){return m(t.label||"",i)}));if(!p(n)&&n.id){return t.indexOf(n)}return this.focusIndex};t.prototype.getLength=function(t){var i=t.map((function(t,i){return t.disabled?0:i}));var n=Math.max.apply(Math,i);return n};t.prototype.render=function(){var t=f.block("option-list");var i=this.labelledby||this.ariaForm.labelId;return r(o,{key:"934c509e0703b3d7435028ad7bff05290d6a855b",class:Object.assign({},t.class()),id:this.inputId},r("div",Object.assign({key:"4d6b39d94ea7f7abacd128ca65e0f9f985ae3165",role:"listbox","aria-labelledby":i,"aria-disabled":h(this.disabled),class:Object.assign({},t.element("container").class())},this.inheritAttributes),r("slot",{key:"0ad6401208e35316c7eb892d0b8ffba1476a8611"})))};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{contentHeight:["contentHeightChanged"]}},enumerable:false,configurable:true});return t}());c([i("bal-option-list"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],O.prototype,"createLogger",null);var F=0;O.style=x}}}));

package/dist/baloise-design-system/p-29cae69b8c.entry.js

@@ -0,0 +1 @@
+import{H as t,P as i,T as s,M as e,N as a,O as h}from"./p-pkPHUz5e.js";import{g as n,a as o,b as r,e as l,f as d,i as b,h as c,j as p,c as u,d as m}from"./p-C8S5XlJl.js";import{i as f}from"./p-C4sZQbkT.js";import{B as x}from"./p-ByiN-QjD.js";import{d as g}from"./p-FCLKfv6B.js";import{a as y}from"./p-DBsOHTWj.js";const k=class{constructor(s){t(this,s),this.balChange=i(this,"balChange"),this.balInput=i(this,"balInput"),this.balBlur=i(this,"balBlur"),this.balKeyPress=i(this,"balKeyPress"),this.balFocus=i(this,"balFocus"),this.inputId="bal-textarea-"+j++,this.inheritedAttributes={},this.inputValue=this.value,this.initialValue=this.value||"",this.focused=!1,this.ariaForm=g,this.name=this.inputId,this.invalid=!1,this.autocapitalize="none",this.autocomplete="off",this.autofocus=!1,this.debounce=0,this.disabled=!1,this.readonly=!1,this.required=!1,this.clickable=!1,this.value="",this.autoInvalidOff=!1,this.onInput=t=>{const i=n(t);i&&(this.inputValue=i.value),this.balInput.emit(this.inputValue)},this.onFocus=t=>o(this,t),this.onBlur=t=>{r(this,t);const i=t.target;i&&(i.value=this.getValue()),l(this)},this.onClick=t=>d(this,t),this.handleClick=t=>b(this,t)}debounceChanged(){this.balChange=s(this.balChange,this.debounce)}listenOnClick(t){c(this,t)}resetHandler(t){const i=t.target;(null==i?void 0:i.contains(this.el))&&p(this,this.initialValue,this.resetHandlerTimer)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||""}componentDidLoad(){this.inputValue=this.value}componentWillLoad(){this.inheritedAttributes=f(this.el,["aria-label","tabindex","title"])}async setFocus(){u(this)}async setBlur(){m(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}getValue(){return this.value||""}render(){const t=this.getValue(),i=x.block("textarea"),s=i.element("native");return e(a,{key:"58fb6cd0932b1ddedc979d160ad17c836b5f8af3",onClick:this.handleClick,"aria-disabled":y(this.disabled),class:Object.assign({},i.class())},e("textarea",Object.assign({key:"c30549a4a89ebd2f0f26eb1d79fca74a3ed0fd31",class:Object.assign(Object.assign({},s.class()),{textarea:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,clickable:this.clickable}),"data-testid":"bal-textarea-input",ref:t=>this.nativeInput=t,name:this.name,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":y(this.disabled),disabled:this.disabled,readonly:this.readonly,required:this.required,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autoFocus:this.autofocus,minLength:this.minLength,maxLength:this.maxLength,placeholder:this.placeholder,inputMode:this.inputmode,value:this.value,cols:this.cols,rows:this.rows,wrap:this.wrap,onFocus:this.onFocus,onInput:t=>this.onInput(t),onBlur:this.onBlur,onClick:this.onClick,onKeyPress:t=>this.balKeyPress.emit(t)},this.inheritedAttributes),t,e("slot",{key:"3e42186b43bb6b7d535c008c74b03ef4981f2fd8"})))}get el(){return h(this)}static get watchers(){return{debounce:["debounceChanged"]}}};let j=0;k.style=".bal-textarea{-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;width:100%;font-family:var(--bal-font-family-text);white-space:pre-wrap;-webkit-box-sizing:border-box;box-sizing:border-box}.bal-textarea__native{margin:0;display:block;width:100%;max-width:100%;max-height:100%;outline:none;background:rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:calc(.75em - 2px)}.bal-textarea__native::-webkit-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::-moz-placeholder{padding:0;font-family:inherit}.bal-textarea__native:-ms-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::-ms-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::placeholder{padding:0;font-family:inherit}";export{k as bal_textarea}

package/dist/baloise-design-system/p-2f62e8007d.entry.js

@@ -0,0 +1 @@
+import{H as e,a as t,M as a,N as l,O as i}from"./p-pkPHUz5e.js";import{B as r}from"./p-ByiN-QjD.js";const x={display:"h1","display-2":"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",span:"span",p:"p","xxxxx-large":"h1","xxxx-large":"h1","xxx-large":"h1","xx-large":"h1","x-large":"h2",large:"h3",medium:"h4",normal:"h5"},o=["xxxxx-large","xxxx-large","xxx-large","xx-large","x-large","large","medium","normal"],n={display:"xxxxx-large","display-2":"xxxx-large",h1:"xxx-large",h2:"xx-large",h3:"x-large",h4:"large",h5:"normal",p:"normal",span:"normal","xxxxx-large":"xxxxx-large","xxxx-large":"xxxx-large","xxx-large":"xxx-large","xx-large":"xx-large","x-large":"x-large",large:"large",medium:"medium",normal:"normal"},h={primary:"primary",info:"primary",blue:"primary",success:"success",warning:"warning",danger:"danger",white:"white"},s=class{constructor(t){e(this,t),this.level="h1",this.noWrap=!1,this.subtitle=!1,this.color="",this.inverted=!1,this.shadow=!1}levelWatcher(){this.updateAutoFontSize()}visualLevelWatcher(){this.updateAutoFontSize()}autoLevelWatcher(){this.updateAutoFontSize()}connectedCallback(){this.updateAutoFontSize()}componentDidRender(){if(this.autoLevel&&this.autoFontSize&&this.rows>1&&n[this.autoLevel]!==this.autoFontSize){const e=o.indexOf(this.autoFontSize)+1;this.autoFontSize=o[e]}}updateAutoFontSize(){this.autoFontSize=this.fontSize}get rows(){if(this.headingEl&&t.hasWindow){const e=window.getComputedStyle(this.headingEl),t=parseInt(e.lineHeight.slice(0,-2),10);return this.headingEl.offsetHeight/t}return 1}get fontColor(){return this.inverted?"white":h[this.color]}get fontSize(){return n[this.visualLevel?this.visualLevel:this.level]}get tag(){return x[this.level]}render(){const e=r.block("heading"),t=e.element("text"),i=this.tag,x=this.fontColor;return a(l,{key:"0a723b1f41cbd6af93aecd84ce5ee39ef6c29d24",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(`space-${this.space}`).class(void 0!==this.space)),e.modifier(`level-${this.level}`).class())},a(i,{key:"16e782645408fb537c1f466ee547301f61b71b24",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("no-wrap").class(this.noWrap)),t.modifier("subtitle").class(this.subtitle)),t.modifier("shadow").class(this.shadow)),t.modifier(`color-${x}`).class()),t.modifier(`size-${this.autoFontSize}`).class()),ref:e=>this.headingEl=e,"data-testid":"bal-heading"},a("slot",{key:"c9a7f343eada2e03fe4b58f70ffb9856842b1137"})))}get el(){return i(this)}static get watchers(){return{level:["levelWatcher"],visualLevel:["visualLevelWatcher"],autoLevel:["autoLevelWatcher"]}}};s.style=":root{--bal-heading-color-white:var(--bal-color-text-white);--bal-heading-color-success:var(--bal-color-text-success);--bal-heading-color-warning:var(--bal-color-text-warning);--bal-heading-color-danger:var(--bal-color-text-danger)}.bal-heading{display:block;position:static;margin:0}.bal-heading:not(:last-child){margin-bottom:var(--bal-space-x-small)}.bal-heading.bal-heading--level-display:not(:last-child){margin-bottom:var(--bal-space-normal)}.bal-heading--space-all,.bal-heading--space-top{margin-top:var(--bal-space-x-small)}.bal-heading--space-all,.bal-heading--space-bottom{margin-bottom:var(--bal-space-x-small)}.bal-heading--level-display.bal-heading--space-all,.bal-heading--level-display.bal-heading--space-top{margin-top:var(--bal-space-normal)}.bal-heading--level-display.bal-heading--space-all,.bal-heading--level-display.bal-heading--space-bottom{margin-bottom:var(--bal-space-normal)}.bal-heading--space-top,.bal-heading--space-top:not(:last-child){margin-bottom:0}.bal-heading--space-none,.bal-heading--space-none:not(:last-child){margin:0}.bal-heading__text{margin:0 !important;padding:0;font-weight:var(--bal-font-weight-bold);font-family:var(--bal-font-family-title)}.bal-heading__text--no-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-heading__text--subtitle{font-weight:var(--bal-font-weight-light)}.bal-heading__text--shadow{text-shadow:var(--bal-text-shadow-normal)}.bal-heading__text--color-white{color:var(--bal-heading-color-white)}.bal-heading__text--color-success{color:var(--bal-heading-color-success)}.bal-heading__text--color-warning{color:var(--bal-heading-color-warning)}.bal-heading__text--color-danger{color:var(--bal-heading-color-danger)}.bal-heading__text--size-normal{font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal)}@media screen and (min-width: 769px),print{.bal-heading__text--size-normal{font-size:var(--bal-text-size-normal-tablet);line-height:var(--bal-line-height-tablet-normal)}}@media screen and (min-width: 1024px){.bal-heading__text--size-normal{font-size:var(--bal-text-size-normal-desktop);line-height:var(--bal-line-height-desktop-normal)}}.bal-heading__text--size-medium{font-size:var(--bal-text-size-medium);line-height:var(--bal-line-height-medium)}@media screen and (min-width: 769px),print{.bal-heading__text--size-medium{font-size:var(--bal-text-size-medium-tablet);line-height:var(--bal-line-height-tablet-medium)}}@media screen and (min-width: 1024px){.bal-heading__text--size-medium{font-size:var(--bal-text-size-medium-desktop);line-height:var(--bal-line-height-desktop-medium)}}.bal-heading__text--size-large{font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-large{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-large{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-heading__text--size-x-large{font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-x-large{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-heading__text--size-x-large{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}.bal-heading__text--size-xx-large{font-size:var(--bal-text-size-xx-large);line-height:var(--bal-line-height-xx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xx-large{font-size:var(--bal-text-size-xx-large-tablet);line-height:var(--bal-line-height-tablet-xx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xx-large{font-size:var(--bal-text-size-xx-large-desktop);line-height:var(--bal-line-height-desktop-xx-large)}}.bal-heading__text--size-xxx-large{font-size:var(--bal-text-size-xxx-large);line-height:var(--bal-line-height-xxx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xxx-large{font-size:var(--bal-text-size-xxx-large-tablet);line-height:var(--bal-line-height-tablet-xxx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xxx-large{font-size:var(--bal-text-size-xxx-large-desktop);line-height:var(--bal-line-height-desktop-xxx-large)}}.bal-heading__text--size-xxxx-large{font-size:var(--bal-text-size-xxxx-large);line-height:var(--bal-line-height-xxxx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xxxx-large{font-size:var(--bal-text-size-xxxx-large-tablet);line-height:var(--bal-line-height-tablet-xxxx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xxxx-large{font-size:var(--bal-text-size-xxxx-large-desktop);line-height:var(--bal-line-height-desktop-xxxx-large)}}.bal-heading__text--size-xxxxx-large{font-size:var(--bal-text-size-xxxxx-large);line-height:var(--bal-line-height-xxxxx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xxxxx-large{font-size:var(--bal-text-size-xxxxx-large-tablet);line-height:var(--bal-line-height-tablet-xxxxx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xxxxx-large{font-size:var(--bal-text-size-xxxxx-large-desktop);line-height:var(--bal-line-height-desktop-xxxxx-large)}}";const b=class{constructor(t){e(this,t),this.size="",this.heading=!1,this.noWrap=!1,this.bold=!1,this.inline=!1,this.color="",this.space="",this.inverted=!1,this.shadow=!1,this.disabled=void 0,this.invalid=void 0,this.hovered=!1,this.pressed=!1}parseColor(){return this.disabled?"grey":this.invalid?this.pressed?"danger-darker":this.hovered?"danger-dark":"danger":this.pressed?"primary-dark":this.hovered?"light-blue":this.inverted?"white":"info"===this.color?"primary":this.color}render(){const e=this.inline?"span":"p",t=this.parseColor(),i=r.block("text");return a(l,{key:"49275becd21961382642b6545611f8b7763d3010",class:Object.assign(Object.assign(Object.assign({},i.class()),i.modifier(`space-${this.space}`).class(""!==this.space)),i.modifier("inline").class(this.inline))},a(e,{key:"554500f4a7fdb830534fad06788e1d54375fb076",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},i.element("text").class()),i.element("text").modifier(`color-${t}`).class(!!t)),i.element("text").modifier("bold").class(this.bold)),i.element("text").modifier("heading").class(this.heading)),i.element("text").modifier("shadow").class(this.shadow)),i.element("text").modifier("no-wrap").class(this.noWrap)),i.element("text").modifier(`size-${this.size}`).class(""!==this.size)),"data-testid":"bal-text"},a("slot",{key:"e508267e4a92701542dba64ecb4f9b488c4cd07a"})))}};b.style=":root{--bal-text-color-light-blue:var(--bal-color-text-light-blue);--bal-text-color-blue-dark:var(--bal-color-text-primary-dark);--bal-text-color-blue-light:var(--bal-color-text-hovered);--bal-text-color-primary-light:var(--bal-color-text-primary-light);--bal-text-color-primary-dark:var(--bal-color-text-primary-dark);--bal-text-color-white:var(--bal-color-text-white);--bal-text-color-black:var(--bal-color-text-black);--bal-text-color-grey:var(--bal-color-text-grey);--bal-text-color-primary:var(--bal-color-text-primary);--bal-text-color-blue:var(--bal-color-text-primary);--bal-text-color-info:var(--bal-color-text-info);--bal-text-color-success:var(--bal-color-text-success);--bal-text-color-warning:var(--bal-color-text-warning);--bal-text-color-danger:var(--bal-color-text-danger);--bal-text-color-danger-dark:var(--bal-color-text-danger-dark);--bal-text-color-danger-darker:var(--bal-color-text-danger-darker)}.bal-text{display:block;-webkit-box-sizing:content-box;box-sizing:content-box;position:static;word-break:break-word;margin:0 0 var(--bal-space-normal) 0}.bal-text--inline{display:inline;margin:0}.bal-text--space-all{margin-top:var(--bal-space-normal);margin-bottom:var(--bal-space-normal)}.bal-text--space-top{margin-top:var(--bal-space-normal);margin-bottom:0}.bal-text--space-bottom{margin-top:0;margin-bottom:var(--bal-space-normal)}.bal-text--space-none{margin:0}.bal-text__text{padding:0;margin:0}.bal-text__text--no-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-text__text--bold{font-weight:var(--bal-font-weight-bold)}.bal-text__text--shadow{text-shadow:var(--bal-text-shadow-normal)}.bal-text__text--heading{font-family:var(--bal-font-family-title)}.bal-text__text--size-small{font-size:var(--bal-text-size-small);line-height:var(--bal-line-height-small)}@media screen and (min-width: 769px),print{.bal-text__text--size-small{font-size:var(--bal-text-size-small-tablet);line-height:var(--bal-line-height-tablet-small)}}@media screen and (min-width: 1024px){.bal-text__text--size-small{font-size:var(--bal-text-size-small-desktop);line-height:var(--bal-line-height-desktop-small)}}.bal-text__text--size-block{font-size:var(--bal-text-size-medium);line-height:var(--bal-line-height-medium)}@media screen and (min-width: 769px),print{.bal-text__text--size-block{font-size:var(--bal-text-size-medium-tablet);line-height:var(--bal-line-height-tablet-medium)}}@media screen and (min-width: 1024px){.bal-text__text--size-block{font-size:var(--bal-text-size-medium-desktop);line-height:var(--bal-line-height-desktop-medium)}}.bal-text__text--size-lead{font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-text__text--size-lead{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-text__text--size-lead{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-text__text--color-light-blue{color:var(--bal-text-color-light-blue)}.bal-text__text--color-blue-dark{color:var(--bal-text-color-primary-dark)}.bal-text__text--color-blue-light{color:var(--bal-text-color-blue-light)}.bal-text__text--color-primary-light{color:var(--bal-text-color-primary-light)}.bal-text__text--color-primary-dark{color:var(--bal-text-color-primary-dark)}.bal-text__text--color-white{color:var(--bal-text-color-white)}.bal-text__text--color-black{color:var(--bal-text-color-black)}.bal-text__text--color-grey{color:var(--bal-text-color-grey)}.bal-text__text--color-primary{color:var(--bal-text-color-primary)}.bal-text__text--color-blue{color:var(--bal-text-color-primary)}.bal-text__text--color-info{color:var(--bal-text-color-info)}.bal-text__text--color-success{color:var(--bal-text-color-success)}.bal-text__text--color-warning{color:var(--bal-text-color-warning)}.bal-text__text--color-danger{color:var(--bal-text-color-danger)}.bal-text__text--color-danger-dark{color:var(--bal-text-color-danger-dark)}.bal-text__text--color-danger-darker{color:var(--bal-text-color-danger-darker)}";export{s as bal_heading,b as bal_text}

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

@@ -0,0 +1 @@
+import{H as r,M as i,N as a,O as l}from"./p-pkPHUz5e.js";import{B as o}from"./p-ByiN-QjD.js";const p=class{constructor(i){r(this,i),this.invalid=!1,this.disabled=!1,this.readonly=!1}render(){const r=o.block("input-group"),l=this.invalid,p=this.disabled||this.readonly;return i(a,{key:"8f4dbc85cf4f85478b35d74e150a0776ede42446",class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("is-danger").class(l)),r.modifier("is-disabled").class(p))},i("slot",{key:"d3060925b6928994bebeb78791a0028ffc6ac5ac"}))}get el(){return l(this)}};p.style=".bal-input-group{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;border:var(--bal-border-width-normal) solid var(--bal-color-border);border-radius:var(--bal-radius-normal);background:var(--bal-color-white)}.bal-input-group .input{min-height:2.75rem;height:2.75rem;border:none;border-radius:0;background:none !important;padding-left:0;padding-right:0;padding-bottom:calc(.5em - .313rem);padding-top:calc(.5em - .313rem)}.bal-input-group .bal-select__control{border:none;min-height:2.75rem}.bal-input-group .bal-select__control__input{padding-left:0 !important;padding-right:0 !important}.bal-input-group .bal-icon{min-width:3rem}.bal-input-group .bal-tag .bal-icon{min-width:unset}.bal-input-group>*:first-child.bal-select .bal-select__control{padding-left:.625rem}.bal-input-group>*:first-child.bal-input .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input .input{padding-right:.625rem}.bal-input-group>*:first-child.bal-input-date .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input-date .input{padding-right:.625rem}.bal-input-group>*:first-child.input{padding-left:.625rem}.bal-input-group>*:last-child.input{padding-right:.625rem}.bal-input-group>*:last-child.bal-tag{margin-right:.625rem}.bal-input-group>*:first-child.bal-tag{margin-left:.625rem}.bal-input-group.is-hovered,.bal-input-group.is-hovered .input,.bal-input-group.is-hovered .bal-select__control,.bal-input-group:hover,.bal-input-group:hover .input,.bal-input-group:hover .bal-select__control{background:var(--bal-color-grey-1)}.bal-input-group--is-danger,.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group--is-danger svg g,.bal-input-group--is-danger svg path,.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-danger,.bal-input-group.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group.bal-input-group--is-danger svg,.bal-input-group.bal-input-group--is-danger svg g,.bal-input-group.bal-input-group--is-danger svg path,.bal-input-group.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-success,.bal-input-group.bal-input-group--is-success .input{border-color:var(--bal-color-border-success);background:var(--bal-color-success-1)}.bal-input-group.bal-input-group--is-success svg,.bal-input-group.bal-input-group--is-success svg g,.bal-input-group.bal-input-group--is-success svg path,.bal-input-group.bal-input-group--is-success svg circle{fill:var(--bal-color-border-success)}.bal-input-group.bal-input-group--is-warning,.bal-input-group.bal-input-group--is-warning .input{border-color:var(--bal-color-border-warning);background:var(--bal-color-warning-1)}.bal-input-group.bal-input-group--is-warning svg,.bal-input-group.bal-input-group--is-warning svg g,.bal-input-group.bal-input-group--is-warning svg path,.bal-input-group.bal-input-group--is-warning svg circle{fill:var(--bal-color-border-warning)}.bal-input-group.bal-input-group--is-disabled,.bal-input-group.bal-input-group--is-disabled .input{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-input-group.bal-input-group--is-disabled svg,.bal-input-group.bal-input-group--is-disabled svg g,.bal-input-group.bal-input-group--is-disabled svg path,.bal-input-group.bal-input-group--is-disabled svg circle{fill:var(--bal-color-border-grey-dark)}.bal-input-group--is-disabled,.bal-input-group--is-disabled .input{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-color-text-grey-dark)}.bal-input-group--is-disabled ::-webkit-input-placeholder,.bal-input-group--is-disabled .input ::-webkit-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-moz-placeholder,.bal-input-group--is-disabled .input ::-moz-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled :-ms-input-placeholder,.bal-input-group--is-disabled .input :-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-ms-input-placeholder,.bal-input-group--is-disabled .input ::-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::placeholder,.bal-input-group--is-disabled .input ::placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled .tag{background-color:var(--bal-color-grey-5)}.bal-input-group--is-disabled .tag span{color:var(--bal-color-text-white)}.bal-input-group--is-disabled .tag .delete{display:none}.bal-input-group:not(.bal-input-group--is-disabled):focus-within{border-color:var(--bal-color-primary)}";export{p as bal_input_group}

package/dist/baloise-design-system/p-3b5c4a42c4.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{l(n.next(e))}catch(e){r(e)}}function o(e){try{l(n["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):a(e.value).then(s,o)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(n=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];a=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-WmWy2rJ-.system.js","./p-Cjiw70Dk.system.js","./p-DJopuiVl.system.js","./p-BbAtjg9Y.system.js","./p-WkcLp-K_.system.js","./p-CyfydXgM.system.js","./p-B4Kne3kP.system.js","./p-D-yL3ygS.system.js","./p-CLfE_o7e.system.js","./p-DhSS4q-R.system.js","./p-SdtgSPca.system.js","./p-CiWErrXI.system.js","./p-C2YKdNW7.system.js","./p-Ch5Ar_Aw.system.js","./p-m5GX4h3i.system.js","./p-drmuT566.system.js","./p-BQvgbY93.system.js","./p-CFSqydrN.system.js"],(function(e){"use strict";var t,i,n,a,r,s,o,l,c,b,m,d,u,g,h,f,v,p,k,_,y,x,w,j,O,z,S,C,L,F;return{setters:[function(e){t=e.L;i=e.H;n=e.P;a=e.Q;r=e.V;s=e.M;o=e.N;l=e.O;c=e.R;b=e.S},function(e){m=e._;d=e.a},function(e){u=e.L},function(e){g=e.B},null,function(e){h=e.L},function(e){f=e.L},function(e){v=e.F},function(e){p=e.d},function(e){k=e.s},function(e){_=e.d;y=e.b;x=e.a;w=e.e;j=e.i;O=e.f;z=e.g;S=e.h},function(e){C=e.L},null,function(e){L=e.L},function(e){F=e.i},null,null,null],execute:function(){var A=":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}";var X=e("bal_segment",function(){function e(e){var t=this;i(this,e);this.balFocus=n(this,"balFocus");this.balBlur=n(this,"balBlur");this.balChange=n(this,"balChange");this.balSelect=n(this,"balSelect");this.balVertical=n(this,"balVertical");this.keyboardMode=true;this.isVertical=false;this.isMobile=false;this.maxWidth=0;this.ariaForm=p;this.invalid=false;this.autoInvalidOff=false;this.disabled=false;this.vertical=false;this.scrollable=false;this.expanded=false;this.hasFocus=false;this.getSegmentItem=function(e){var i,n;var a=t.allItems.filter((function(e){return!e.disabled}));var r=a.findIndex((function(e){return e===document.activeElement.closest("bal-segment-item")}));switch(e){case"current":return a[r];case"first":return a[0];case"last":return a[a.length-1];case"next":return(i=a[r+1])!==null&&i!==void 0?i:a[0];case"previous":return(n=a[r-1])!==null&&n!==void 0?n:a[a.length-1];default:return null}};this.onPointerDown=function(){t.keyboardMode=false};this.onSlottedItemsChange=function(){t.valueChanged(t.value);t.defineWidth()};this.onClick=function(e){if(t.disabled){return}var i=e.target;var n=t.checked;if(i.tagName==="BAL-SEGMENT"){return}if(i&&i.setFocus){i.setFocus()}if(n){t.checkButton(n,i)}else{t.setCheckedClasses();t.checkButton(i,i)}if(i!==n){t.emitValueChange()}}}e.prototype.createLogger=function(e){this.log=e};e.prototype.invalidChanged=function(){var e=this;this.allItems.map((function(t){return t.invalid=e.invalid}))};e.prototype.disabledChanged=function(){var e=this;this.allItems.map((function(t){return t.disabled=e.disabled}))};e.prototype.valueChanged=function(e){this.balSelect.emit(e)};e.prototype.connectedCallback=function(){this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown);this.disabledChanged();this.isVertical=this.vertical};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setCheckedClasses();this.defineWidth();return[2]}))}))};e.prototype.focusInListener=function(e){this.balFocus.emit(e)};e.prototype.focusOutListener=function(e){this.balBlur.emit(e)};e.prototype.animationListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.visibilityListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.windowResizeListener=function(){if(this.vertical===false&&this.maxWidth>0){var e=this.el.parentElement.getBoundingClientRect();if(e.width<this.maxWidth){this.emitVerticalChange(true)}else{this.emitVerticalChange(false)}}else{this.emitVerticalChange(true)}};e.prototype.listenOnKeyDownOutside=function(){this.keyboardMode=true};e.prototype.listenOnKeyDown=function(e){this.keyboardMode=v.includes(e.key);var t=false;var i;if(_(e)||y(e)){k(e);i=this.getSegmentItem("current");t=this.value!==i.value;this.value=i.value}else if(x(e)||w(e)){k(e);i=this.getSegmentItem("previous")}else if(j(e)||O(e)){k(e);i=this.getSegmentItem("next")}else if(z(e)){k(e);i=this.getSegmentItem("first")}else if(S(e)){k(e);i=this.getSegmentItem("last")}if(!i){return}var n=this.checked;if(i!==n||t){this.checkButton(n,i);this.emitValueChange()}if(i){i.setFocus()}};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allItems",{get:function(){return Array.from(this.el.querySelectorAll("bal-segment-item"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"checked",{get:function(){var e=this;return this.allItems.find((function(t){return t.value===e.value}))},enumerable:false,configurable:true});e.prototype.emitValueChange=function(){this.balChange.emit(this.value)};e.prototype.emitVerticalChange=function(e){if(this.isVertical!==e){this.isVertical=e;this.balVertical.emit(this.isVertical)}};e.prototype.defineWidth=function(){var e=this;a((function(){if(e.isVertical===false){var t=e.el.getBoundingClientRect();e.maxWidth=t.width}e.windowResizeListener()}))};e.prototype.getIndicator=function(e){if(e){var t=e.shadowRoot||e;return t.querySelector(".bal-segment-item__indicator")}return null};e.prototype.checkButton=function(e,t){var i=this.getIndicator(e);var n=this.getIndicator(t);if(i===null||n===null){return}var a=i.getBoundingClientRect();var s=n.getBoundingClientRect();var o=a.width/s.width;var l=a.left-s.left;var c="translate3d(".concat(l,"px, 0, 0) scaleX(").concat(o,")");if(this.isVertical){var b=a.height/s.height;var m=a.top-s.top;c="translate3d(0, ".concat(m,"px, 0) scaleY(").concat(b,")")}r((function(){n.classList.remove("bal-segment-item__indicator--animated");n.style.setProperty("transform",c);n.getBoundingClientRect();n.classList.add("bal-segment-item__indicator--animated");n.style.setProperty("transform","")}));this.value=t.value;this.setCheckedClasses()};e.prototype.setCheckedClasses=function(){var e=this;var t=this.allItems;var i=t.findIndex((function(t){return t.value===e.value}));var n=i+1;var a=i-1;for(var r=0,s=t;r<s.length;r++){var o=s[r];o.classList.remove("bal-segment-item--after-checked");o.classList.remove("bal-segment-item--before-checked")}if(n<t.length){t[n].classList.add("bal-segment-item--after-checked")}if(a<t.length&&a>=0){t[a].classList.add("bal-segment-item--before-checked")}};e.prototype.render=function(){var e=this,t=e.invalid,i=e.isVertical,n=e.scrollable,a=e.keyboardMode,r=e.expanded,l=e.isMobile,c=e.disabled;var b=g.block("segment");return s(o,{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(t)),b.modifier("vertical").class(i)),b.modifier("scrollable").class(n)),b.modifier("keyboard").class(a)),b.modifier("disabled").class(c)),b.modifier("expanded").class((r||l)&&!i)),onClick:this.onClick},s("slot",{key:"334921cd162900655d920e7b701140bb5899377b",onSlotchange:this.onSlottedItemsChange}))};Object.defineProperty(e.prototype,"el",{get:function(){return l(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());m([t("bal-segment"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],X.prototype,"createLogger",null);m([f(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],X.prototype,"focusInListener",null);m([f(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],X.prototype,"focusOutListener",null);m([u(),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],X.prototype,"animationListener",null);m([L(),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],X.prototype,"visibilityListener",null);m([h(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],X.prototype,"breakpointListener",null);m([C(),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],X.prototype,"windowResizeListener",null);X.style=A;var B=':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}';var E=0;var I=e("bal_segment_item",function(){function e(e){var t=this;i(this,e);this.segmentEl=null;this.inheritedAttributes={};this.internalId=E++;this.inputId="bal-si-".concat(this.internalId);this.hasSlotContent=false;this.isFocusable=false;this.isVertical=false;this.isLast=false;this.isFirst=false;this.hasEmptyValue=true;this.ariaForm=p;this.disabled=false;this.invalid=false;this.focused=false;this.checked=false;this.label="";this.value="bal-si-"+this.internalId;this.updateVertical=function(e){t.isVertical=e.detail};this.updateState=function(){var e=t.segmentEl;if(e){if(e.value===""||e.value===undefined||e.value===null){var i=t.allAvailableOptions;if(i.length>0){var n=i[0];t.checked=false;t.isFocusable=n===t.el}}else{t.checked=e.value===t.value;t.isFocusable=e.value===t.value}if(e.disabled){t.disabled=true}if(e.invalid){t.invalid=true}t.isLast=e.lastElementChild===t.el;t.isFirst=e.firstElementChild===t.el;t.calculateEmptyValue()}};this.onSlottedItemsChange=function(){t.checkSlotContent()}}e.prototype.valueChanged=function(e,t){if(e!==t){this.updateState()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},F(this.el,["aria-label"]))};e.prototype.connectedCallback=function(){var e=this.segmentEl=this.el.closest("bal-segment");if(e&&e.vertical){this.isVertical=e.vertical}};e.prototype.componentDidLoad=function(){var e=this;var t=this.segmentEl=this.el.closest("bal-segment");if(t){c(t,"balSelect",this.updateState);c(t,"balVertical",this.updateVertical)}a((function(){e.checkSlotContent();e.updateState()}))};e.prototype.disconnectedCallback=function(){var e=this.segmentEl;if(e){b(e,"balSelect",this.updateState);b(e,"balVertical",this.updateVertical);this.segmentEl=null}};e.prototype.calculateEmptyValue=function(){var e=this;if(this.segmentEl){var t=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!t.some((function(t){return t.value===e.segmentEl.value}))}else{this.hasEmptyValue=false}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.nativeEl;if(e!==undefined){e.focus()}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allAvailableOptions",{get:function(){return this.allOptions.filter((function(e){return!e.disabled}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allOptions",{get:function(){var e=this.segmentEl;if(e){return Array.from(e.querySelectorAll("bal-segment-item"))}return[]},enumerable:false,configurable:true});e.prototype.checkSlotContent=function(){var e=this.el.querySelector('[part="slot"]');var t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0};e.prototype.render=function(){var e=this;var t=this,i=t.checked,n=t.focused,a=t.segmentEl,r=t.label,l=t.isFocusable,c=t.isFirst,b=t.hasEmptyValue;var m=g.block("segment-item");var d=m.element("button");var u=m.element("indicator");var h=this.invalid||a&&a.invalid;var f=this.disabled||a&&a.disabled;var v=this.isVertical;var p=b&&c||l&&!f;var k=p&&this.ariaForm.controlId||this.inputId;var _={};if(p){_={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}}return s(o,{key:"2f0eccf481abba284cae7bb7ebb9d9ca88f2339e",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("vertical").class(v)),m.modifier("disabled").class(f)),m.modifier("checked").class(i)),m.modifier("invalid").class(h)),m.modifier("last").class(this.isLast&&!i))},s("button",Object.assign({key:"317c8da87c9e196082f46e69e639d7b5761401ba",id:k,role:"radio","aria-checked":i?"true":"false"},_,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("checked").class(i)),d.modifier("invalid").class(h)),d.modifier("disabled").class(f)),d.modifier("focused").class(n)),d.modifier("vertical").class(v)),type:"button",tabIndex:p?0:-1,part:"native",disabled:f,ref:function(t){return e.nativeEl=t}},this.inheritedAttributes),s("bal-icon",{key:"749649163977298b320ebff6ff5dd5565c98bc4d",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},d.element("icon").class()),d.element("icon").modifier("animated").class(i)),d.element("icon").modifier("vertical").class(v)),color:f?"grey-dark":h?"white":"primary"}),s("bal-stack",{key:"67a2bce84c38c0f49a47da1c6ec0189f8ac6b987",space:"x-small",layout:"horizontal"},s("bal-content",{key:"38eaad5948f5b034ba3567619533e67f2c6a3016",space:"none"},s("bal-label",{key:"a761aee3fad22f05cd0ce66f74710c3da61acd81",htmlId:"bal-si-".concat(this.internalId,"-label")},r),s("span",{key:"99b2524c94a243b8f4c884008919fe9bd92271ff",part:"slot",class:Object.assign({},d.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",s("slot",{key:"e5a89b88d1c49ec722a83f2887215d69e6f43ebb",onSlotchange:this.onSlottedItemsChange}))))),s("div",{key:"a7b16c5d48c09846fcb3103c1a5dd4f38dbf1b46",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("animated").class()),u.modifier("background").class()),u.modifier("disabled").class(f)),u.modifier("invalid").class(h)),u.modifier("checked").class(i)),u.modifier("vertical").class(v))}))};Object.defineProperty(e.prototype,"el",{get:function(){return l(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}());I.style=B}}}));

package/dist/baloise-design-system/p-417b6e0a0b.system.entry.js

@@ -0,0 +1 @@
+var __spreadArray=this&&this.__spreadArray||function(a,t,e){if(e||arguments.length===2)for(var l=0,i=t.length,r;l<i;l++){if(r||!(l in t)){if(!r)r=Array.prototype.slice.call(t,0,l);r[l]=t[l]}}return a.concat(r||Array.prototype.slice.call(t))};System.register(["./p-WmWy2rJ-.system.js","./p-BbAtjg9Y.system.js","./p-CpWDVANq.system.js","./p-Bzy18UgU.system.js"],(function(a){"use strict";var t,e,l,i,r,o,b;return{setters:[function(a){t=a.H;e=a.M;l=a.N;i=a.O;r=a.P},function(a){o=a.B},function(a){b=a.i},null],execute:function(){var n=":root{--bal-data-item-border-color:var(--bal-color-grey-2);--bal-data-item-border-style:solid;--bal-data-item-border-width:var(--bal-border-width-normal);--bal-data-horizontal-border-bottom-width:var(--bal-border-width-normal);--bal-data-horizontal-border-color:var(--bal-color-primary-2);--bal-data-item-border-bottom:none;--bal-data-item-text-color-disabled:var(--bal-color-text-grey-dark);--bal-data-label-text-color:var(--bal-color-text-primary)}.bal-data{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:100%;width:100%;outline:none;text-decoration:none;overflow-wrap:break-word;white-space:normal}.bal-data>*{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-wrap:wrap;flex-wrap:wrap}.bal-data-item{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;min-height:3rem;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem 0}.bal-data-item.is-disabled .bal-data-label,.bal-data-item.is-disabled .bal-data-value{color:var(--bal-data-item-text-color-disabled)}.bal-data-item--has-border{border-bottom:var(--bal-data-item-border-width) var(--bal-data-item-border-style) var(--bal-data-item-border-color)}.bal-data-label{position:relative;display:block;color:var(--bal-data-label-text-color);-ms-flex:1 1;flex:1 1;-ms-flex-preferred-size:100%;flex-basis:100%;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-small);line-height:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-data-label .bal-hint{margin-left:.5rem;position:absolute;top:-3px;font-weight:var(--bal-font-weight-regular)}.bal-data-value{display:block;-ms-flex:1 1;flex:1 1;-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:.25rem;min-height:1.5rem;overflow:visible !important;font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-small);line-height:var(--bal-text-size-normal)}.bal-data-value,.bal-data-value>div{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);line-height:1.25rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding-bottom:2px}.bal-data-value>ul,.bal-data-value>div>ul{margin-bottom:0 !important;margin-left:1.5rem !important}.bal-data-value .bal-button{display:none}.bal-data-value--is-multiline,.bal-data-value--is-multiline>div{white-space:normal}.bal-data:not(.bal-data--is-horizontal) .bal-data-value{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-data:not(.bal-data--is-horizontal) .bal-data-value>div{-ms-flex:1;flex:1}.bal-data:not(.bal-data--is-horizontal) .bal-data-value>div>bal-input input.input{-ms-flex:1;flex:1}.bal-data:not(.bal-data--is-horizontal) .bal-data-value--is-editable .bal-data-value__button{display:block}.bal-data:not(.bal-data--is-horizontal) .bal-data-value>bal-button{margin-left:.5rem}@media screen and (min-width: 769px),print{.bal-data>*{-ms-flex-wrap:no-wrap;flex-wrap:no-wrap}.bal-data .bal-data-item{-ms-flex-wrap:no-wrap;flex-wrap:no-wrap;padding:.5rem 0}.bal-data .bal-data-item .bal-data-label{-ms-flex-preferred-size:0;flex-basis:0}.bal-data .bal-data-item .bal-data-value{-ms-flex-preferred-size:0;flex-basis:0}.bal-data:not(.bal-data--is-horizontal) .bal-data-label{font-size:var(--bal-text-size-normal)}.bal-data:not(.bal-data--is-horizontal) .bal-data-value{margin-top:2px}.bal-data.bal-data--is-horizontal{-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-data.bal-data--is-horizontal.has-border{border-bottom:var(--bal-data-horizontal-border-bottom-width) var(--bal-data-item-border-style) var(--bal-data-horizontal-border-color)}.bal-data.bal-data--is-horizontal>*{-ms-flex-wrap:wrap;flex-wrap:wrap}.bal-data.bal-data--is-horizontal .bal-data-item{-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:5rem;-ms-flex-align:start;align-items:flex-start;border-bottom:var(--bal-data-item-border-bottom)}.bal-data.bal-data--is-horizontal .bal-data-item .bal-data-value{min-height:100%}.bal-data.bal-data--is-horizontal .bal-data-item .bal-data-label,.bal-data.bal-data--is-horizontal .bal-data-item .bal-data-value{-ms-flex-preferred-size:100%;flex-basis:100%;width:100%;-ms-flex-item-align:start;align-self:flex-start}}";var d=a("bal_data",function(){function a(a){t(this,a);this.border=false;this.horizontal=false;this.inputElements=["bal-data-item"]}a.prototype.borderHandler=function(){this.updateProps(__spreadArray([],this.inputElements,true),"border")};a.prototype.updateProps=function(a,t){var e=this[t];if(e!==undefined){this.notifyComponents(a,(function(a){return a[t]=e}))}};a.prototype.notifyComponents=function(a,t){var e=this.element.querySelectorAll(a.join(", "));e.forEach((function(a){return t(a)}))};a.prototype.componentWillLoad=function(){this.borderHandler()};a.prototype.render=function(){var a=o.block("data");return e(l,{key:"aa8b8920767ec213d19c0ff5bd5b020afd720736",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("has-border").class(this.border)),a.modifier("is-horizontal").class(this.horizontal))},e("slot",{key:"521ef64fdbd14bae75547ca851ae20e40d50a68f"}))};Object.defineProperty(a.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{border:["borderHandler"]}},enumerable:false,configurable:true});return a}());d.style=n;var s=a("bal_data_item",function(){function a(a){t(this,a);this.disabled=false;this.border=false}a.prototype.render=function(){var a=o.block("data-item");return e(l,{key:"407b2d982f48e77a71daa015e98acb720b369860",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("is-disabled").class(this.disabled)),a.modifier("has-border").class(this.border))},e("slot",{key:"e9d0e88af9d336879ed87b59732a583c43bd466f"}))};return a}());var f=a("bal_data_label",function(){function a(a){t(this,a);this.required=false}a.prototype.render=function(){return e(l,{key:"114f7b7b26f2cc4a0c4ba430df1d3d17f4df786a",class:Object.assign({},o.block("data-label").class())},e("slot",{key:"bba812f478c14efa78880304b42bd8a9d91a3187"}),this.required?"*":"")};return a}());var m=a("bal_data_value",function(){function a(a){var e=this;t(this,a);this.balClick=r(this,"balClick");this.balFocus=r(this,"balFocus");this.balBlur=r(this,"balBlur");this.editable=false;this.disabled=false;this.multiline=false;this.onClickHandler=function(a){var t=e.el.querySelector("bal-input");if(!b(t)){t.setFocus()}e.balClick.emit(a)}}a.prototype.render=function(){var a=this;var t=o.block("data-value");var i=t.element("button");return e(l,{key:"63014133e16b3afbe1e7fe5842792bdc9c141169",class:Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("is-editable").class(this.editable)),t.modifier("is-multiline").class(this.multiline))},e("div",{key:"192eb9e81205e21d2d553bbe0d975af252fc23d0"},e("slot",{key:"1af816e5a838f87ef19091e02d9b8e80d0ab1cb2"})),e("bal-button",{key:"feef0feb9694017038fee9838269bde53659d6e6",class:Object.assign({},i.class()),"data-testid":"bal-data-value-button",square:true,outlined:true,color:"text",size:"small",icon:"edit",disabled:this.disabled,onBalBlur:function(t){return a.balBlur.emit()},onBalFocus:function(t){return a.balFocus.emit()},onClick:function(t){return a.onClickHandler(t)}}))};Object.defineProperty(a.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return a}())}}}));

package/dist/baloise-design-system/p-426a8d1128.entry.js

@@ -0,0 +1 @@
+import{L as t,H as i,P as a,Q as e,W as n,T as s,A as r,M as o,N as c,O as d,f as l}from"./p-pkPHUz5e.js";import{_ as h,a as b}from"./p-dfXERft2.js";import{L as m}from"./p-Do4k83YR.js";import{B as u}from"./p-ByiN-QjD.js";import{s as p}from"./p-C8S5XlJl.js";import{b as g,d as v}from"./p-D1VPLQ5z.js";import{a as x}from"./p-DBsOHTWj.js";const _=class{constructor(t){i(this,t),this.balChange=a(this,"balChange"),this.balWillAnimate=a(this,"balWillAnimate"),this.balDidAnimate=a(this,"balDidAnimate"),this.componentId="bal-accordion-"+f++,this.state=1,this.animated=!0,this.active=!1,this.debounce=0,this.openLabel="",this.openIcon="plus",this.closeLabel="",this.closeIcon="close",this.card=!1,this.version=1,this.updateState=(t=!1)=>{this.active?this.expand(t):this.collapse(t)},this.setState=t=>{this.state=t,2===this.version&&(this.updateTriggerElement(),this.updateDetailsElement(),this.updateSummaryElement())},this.updateDetailsElement=()=>{const t=this.detailsElement;t&&(t.state=this.state,t.active=this.active,t.animated=this.animated)},this.updateTriggerElement=()=>{const t=this.triggerElement;t&&(t.state=this.state,t.active=this.active)},this.updateSummaryElement=()=>{const t=this.summaryElement;t&&(t.state=this.state,t.active=this.active)},this.expand=(t=!1)=>{this.active=!0;const i=this.detailsElement,a=this.detailsWrapperElement;return t||null===i||null===a?(this.setState(4),this.active):(4===this.state||(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?e((()=>{this.setState(8),this.balWillAnimate.emit(this.active),this.currentRaf=e((async()=>{const t=a.offsetHeight,e=n(i,300);i.style.setProperty("max-height",`${t}px`),await e,this.setState(4),i.style.removeProperty("max-height"),this.balDidAnimate.emit(this.active)}))})):(this.balWillAnimate.emit(this.active),this.setState(4),this.balDidAnimate.emit(this.active))),this.active)},this.collapse=(t=!1)=>{this.active=!1;const i=this.detailsElement;return t||null===i?(this.setState(1),this.active):(1===this.state||(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=e((async()=>{i.style.setProperty("max-height",`${i.offsetHeight}px`),e((async()=>{const t=n(i,300);this.setState(2),this.balDidAnimate.emit(this.active),await t,this.setState(1),i.style.removeProperty("max-height"),this.balDidAnimate.emit(this.active)}))})):(this.balDidAnimate.emit(this.active),this.setState(1),this.balDidAnimate.emit(this.active))),this.active)},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onTriggerClickV1=()=>{this.humanToggle()}}createLogger(t){this.log=t}async activeChanged(t,i){t!==i&&(this.active=t,this.updateState())}debounceChanged(){this.balChange=s(this.balChange,this.debounce)}async connectedCallback(){this.debounceChanged(),await r(this.el),this.active&&this.activeChanged(this.active,!1),this.updateState(!0)}async configChanged(t){this.animated=t.animated}async present(){return this.expand()}async dismiss(){return this.collapse()}async toggle(){return this.active?this.collapse():this.expand()}async humanToggle(){return this.active?await this.collapse():await this.expand(),this.balChange.emit(this.active),this.active}get summaryElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-summary`))||null}get triggerElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-trigger`))||null}get detailsElement(){var t;return 1===this.version?this.contentEl||null:(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-details`))||null}get detailsWrapperElement(){var t;return 1===this.version?this.contentElWrapper||null:(null===(t=this.el)||void 0===t?void 0:t.querySelector(`#${this.componentId}-details > div`))||null}render(){return 2===this.version?this.renderVersion2():this.renderVersion1()}renderVersion2(){const t=u.block("accordion");return o(c,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("card-v2").class(this.card)),t.modifier("animated").class(this.animated))})}renderVersion1(){const t=this.active?this.closeLabel:this.openLabel,i=this.active?this.closeIcon:this.openIcon,a=u.block("accordion"),e=4===this.state||8===this.state,n=e?"button expanded":"button",s=e?"content expanded":"content";return o(c,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("card-v1").class(this.card)),a.modifier("active").class(this.active)),a.modifier("expanding").class(8===this.state)),a.modifier("expanded").class(4===this.state)),a.modifier("collapsing").class(2===this.state)),a.modifier("collapsed").class(1===this.state)),a.modifier("animated").class(this.animated))},o("div",{class:Object.assign({},a.element("wrapper").class())},o("div",{class:Object.assign(Object.assign({},a.element("trigger").class()),a.element("trigger").modifier("card").class(this.card)),"data-testid":"bal-accordion-summary"},o("bal-button",{id:`${this.componentId}-button`,"aria-controls":`${this.componentId}-content`,part:n,"data-testid":"bal-accordion-trigger",expanded:!0,color:"info",icon:i,onClick:this.onTriggerClickV1},t)),o("div",{id:`${this.componentId}-content`,"aria-labelledby":`${this.componentId}-button`,role:"region",part:s,class:Object.assign(Object.assign(Object.assign({},a.element("content").class()),a.element("content").modifier("card").class(this.card)),a.element("content").modifier("overflow-hidden").class(4!==this.state)),ref:t=>this.contentEl=t},o("div",{id:`${this.componentId}-content-wrapper`,"data-testid":"bal-accordion-details",class:Object.assign({},a.element("content").element("wrapper").class()),ref:t=>this.contentElWrapper=t},o("slot",null)))))}get el(){return d(this)}static get watchers(){return{active:["activeChanged"],debounce:["debounceChanged"]}}};h([t("bal-accordion"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],_.prototype,"createLogger",null),h([m(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],_.prototype,"configChanged",null);let f=0;_.style=".bal-accordion{display:block;position:relative;width:100%}.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-desktop)}}.bal-accordion--card-v2{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v2{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v2{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bal-accordion__trigger--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium);margin-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet);margin-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop);margin-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__content--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__content--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__content--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop)}}.bal-accordion--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion--animated .bal-accordion__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__content{will-change:max-height}.bal-accordion__content--overflow-hidden{overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion--collapsing .bal-accordion__content{max-height:0 !important}.bal-accordion--collapsed .bal-accordion__content{display:none}.bal-accordion--expanding .bal-accordion__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion,.bal-accordion__content{-webkit-transition:none !important;transition:none !important}}";const y=class{constructor(t){i(this,t),this.componentId="bal-accordion-details-"+w++,this.state=1,this.active=!1,this.animated=!0,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id}}createLogger(t){this.log=t}connectedCallback(){this.updateAccordionId()}componentWillRender(){this.updateAccordionId()}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}render(){const t=u.block("accordion").element("details"),i=t.element("container").element("wrapper"),a=this.parentAccordionId?`${this.parentAccordionId}-details`:this.componentId,e=4===this.state||8===this.state?"content expanded":"content";return o(c,{key:"b9a16e64c4d5559646cdac24e2f9cad021d66a45",id:a,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("expanding").class(8===this.state)),t.modifier("expanded").class(4===this.state)),t.modifier("collapsing").class(2===this.state)),t.modifier("collapsed").class(1===this.state)),t.modifier("animated").class(this.animated))},o("div",{key:"279f8c54de387926886868cf13da08b1c465d523",id:`${a}-content`,"aria-labelledby":`${this.parentAccordionId}-trigger-button`,role:"region",part:e,class:Object.assign({},i.class()),"data-testid":"bal-accordion-details"},o("slot",{key:"209b3840f44b6373c8aeb5ad6851e1bc76ec09d5"})))}get el(){return d(this)}};h([t("bal-accordion-details"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],y.prototype,"createLogger",null);let w=0;y.style=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__details--collapsing{max-height:0 !important;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--collapsed{display:none;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--expanding{max-height:0;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";const j=class{constructor(t){i(this,t),this.componentId="bal-accordion-summary-"+k++,this.trigger=!1,this.active=!1,this.state=1,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id},this.onClick=t=>{var i;p(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle()},this.onKeyDown=t=>{var i;(g(t)||v(t))&&(p(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle())}}createLogger(t){this.log=t}connectedCallback(){const t=this.parentAccordionElement;t&&(t.version=2),this.updateAccordionId()}disconnectedCallback(){const t=this.parentAccordionElement;t&&(t.version=1),this.updateAccordionId()}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}render(){const t=u.block("accordion").element("summary");let i={};return this.trigger&&(i={"aria-controls":`${this.parentAccordionId}-details-content`,role:"button",tabindex:0,part:4===this.state||8===this.state?"button expanded":"button","data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}),o(c,Object.assign({key:"e192ab6a73d33db615d55c1ae5e82e334d5e690e",id:this.parentAccordionId?`${this.parentAccordionId}-summary`:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("trigger").class(this.trigger)),t.modifier("inner-trigger").class(!this.trigger)),{"bal-focused":this.trigger})},i,{"data-testid":"bal-accordion-summary"}))}get el(){return d(this)}};h([t("bal-accordion-summary"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],j.prototype,"createLogger",null);let k=0;j.style="@media (hover: hover)and (pointer: fine){.bal-accordion__summary--trigger:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__summary{position:static;display:block}.bal-accordion__summary--trigger{cursor:pointer}";const O={de:{open:"Mehr anzeigen",close:"Weniger anzeigen"},en:{open:"Show more",close:"Show less"},fr:{open:"Afficher plus",close:"Afficher moins"},it:{open:"Mostra di più",close:"Mostra di meno"},nl:{open:"Meer weergeven",close:"Minder weergeven"},es:{open:"Mostrar más",close:"Mostrar menos"},pl:{open:"Pokaż więcej",close:"Pokaż mniej"},pt:{open:"Mostrar mais",close:"Mostrar menos"},sv:{open:"Visa mer",close:"Visa mindre"},fi:{open:"Näytä lisää",close:"Näytä vähemmän"}},$=class{constructor(t){i(this,t),this.componentId="bal-accordion-trigger-"+C++,this.language=l.language,this.button=!1,this.expanded=!0,this.openLabel="",this.openIcon="caret-down",this.closeLabel="",this.closeIcon="",this.color="info",this.size="",this.active=!1,this.state=1,this.updateAccordionId=()=>{var t;return this.parentAccordionId=null===(t=this.parentAccordionElement)||void 0===t?void 0:t.id},this.onClick=t=>{var i;p(t),null===(i=this.parentAccordionElement)||void 0===i||i.humanToggle()},this.block=u.block("accordion").element("trigger")}createLogger(t){this.log=t}buttonChanged(){this.variant=this.button?"button":this.variant}connectedCallback(){this.updateAccordionId(),this.buttonChanged()}componentWillRender(){this.updateAccordionId()}async configChanged(t){this.language=t.language}get parentAccordionElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion"))||null}get parentAccordionSummaryElement(){var t;return(null===(t=this.el)||void 0===t?void 0:t.closest("bal-accordion-summary"))||null}render(){const t=this.parentAccordionId?`${this.parentAccordionId}-trigger`:this.componentId,i=this.active?this.closeLabel:this.openLabel;let a=!1,e=this.active?this.closeIcon:this.openIcon;""!==this.closeIcon&&null!=this.closeIcon||(a=this.active,e=this.openIcon||"caret-down");const n=4===this.state||8===this.state,s=n?"button expanded":"button",r=this.parentAccordionSummaryElement;let d={tabindex:-1};return r&&!r.trigger&&(d={tabindex:0}),o(c,{id:t,class:Object.assign({},this.block.class())},o((t=>{switch(t.variant){case"button":return this.renderButton(t);case"text":return this.renderText(t);default:return this.renderIcon(t)}}),{variant:this.variant,id:t,label:i,icon:e,turn:a,expanded:n,buttonPart:s,triggerAttributes:d}))}renderButton({id:t,buttonPart:i,icon:a,turn:e,label:n}){return o("bal-button",{id:`${t}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,part:i,"data-testid":"bal-accordion-trigger",expanded:this.expanded,icon:a,iconTurn:e,color:this.color,size:this.size,title:this.active?O[this.language].close:O[this.language].open,"aria-label":this.active?O[this.language].close:O[this.language].open,"aria-expanded":x(this.active),onClick:this.onClick},n)}renderIcon({buttonPart:t,triggerAttributes:i,turn:a,icon:e,id:n}){return o("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("button").class()),{"bal-focused":0===i.tabindex}),id:`${n}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,"aria-expanded":x(this.active),part:t,"data-testid":"bal-accordion-trigger",title:this.active?O[this.language].close:O[this.language].open,"aria-label":this.active?O[this.language].close:O[this.language].open,onClick:this.onClick},i),o("bal-icon",{turn:a,name:e}))}renderText({buttonPart:t,triggerAttributes:i,id:a}){const e=this.openLabel||O[this.language].open,n=this.closeLabel||O[this.language].close;return o("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("text").class()),{"bal-focused":0===i.tabindex}),id:`${a}-button`,"aria-controls":`${this.parentAccordionId}-details-content`,"aria-expanded":x(this.active),part:t,"data-testid":"bal-accordion-trigger",onClick:this.onClick},i),this.active?n:e)}get el(){return d(this)}static get watchers(){return{button:["buttonChanged"]}}};h([t("bal-accordion-trigger"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],$.prototype,"createLogger",null),h([m(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],$.prototype,"configChanged",null);let C=0;$.style="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible,.bal-accordion__trigger__text.bal-focused:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__trigger{position:static;display:block}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;border-radius:var(--bal-border-radius-normal);height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.bal-accordion__trigger__text{display:inline;background:rgba(0,0,0,0);border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0;margin:0;border-radius:var(--bal-radius-normal);font-size:var(--bal-text-size-small);color:var(--bal-text-color-primary-light);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__text:hover{color:var(--bal-text-color-primary-hovered)}}.bal-accordion__trigger__text:active{color:var(--bal-text-color-primary-pressed)}";export{_ as bal_accordion,y as bal_accordion_details,j as bal_accordion_summary,$ as bal_accordion_trigger}

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

@@ -0,0 +1 @@
+import{H as e,f as o,M as a,N as t,O as s}from"./p-pkPHUz5e.js";import{_ as i,a as n}from"./p-dfXERft2.js";import{B as r}from"./p-ByiN-QjD.js";import{L as l}from"./p-Do4k83YR.js";import{i as c}from"./p-Ct27z6g9.js";const b=class{constructor(a){e(this,a),this.language=o.language,this.region=o.region,this.size="",this.inverted=!1}async configChanged(e){this.language=e.language,this.region=e.region}render(){const e=r.block("close"),o=e.element("button"),s=o.element("icon"),i=c[this.language].close;return a(t,{key:"25b3dc4132060a98148ec87bab88ae7a15c0ed9e",class:Object.assign({},e.class())},a("button",{key:"2854252b5452659558e445dfb17f8b1fd7f8fc5c",type:"button","aria-label":i,title:i,tabindex:"0",class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("inverted").class(this.inverted)),o.modifier(`size-${this.size}`).class(""!==this.size)),"data-testid":"bal-close"},a("bal-icon",{key:"9cdc282c9d9839263d6254ba75751a333517c966",name:"close",size:"small"===this.size?"x-small":"medium"===this.size?"medium":"small",inverted:this.inverted,class:Object.assign({},s.class())})))}get el(){return s(this)}};i([l(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],b.prototype,"configChanged",null),b.style="@media (hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active),.bal-close__button--inverted:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-close-background:transparent;--bal-close-background-focus-visible:var(--bal-form-field-control-background);--bal-close-background-focus-inverted-focus-visible:var(--bal-form-field-control-background);--bal-close-border-radius:var(--bal-radius-rounded)}.bal-close{position:static;display:inline-block}.bal-close__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--bal-close-background);border:none;border-radius:var(--bal-close-border-radius);cursor:pointer;pointer-events:auto;display:inline-block;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;font-size:0;outline:none;position:relative;vertical-align:top;padding:.313rem}@media (hover: hover)and (pointer: fine){.bal-close__button:hover{background:rgba(0,7,57,.1)}}@media (hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active){background:var(--bal-close-background-focus-visible)}}.bal-close__button:active{background:rgba(0,7,57,.3)}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:hover{background:rgba(255,255,255,.3)}}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:focus-visible:not(:active){background:var(--bal-close-background-focus-inverted-focus-visible)}}.bal-close__button--inverted:active{background:rgba(255,255,255,.5)}.bal-close__button--size-small{padding:.25rem}.bal-close__button--size-medium{padding:.531rem}";export{b as bal_close}

package/dist/baloise-design-system/p-448a8ba385.entry.js

@@ -0,0 +1 @@
+import{H as t,P as i,K as s,M as e,N as a,O as o}from"./p-pkPHUz5e.js";import{a as h}from"./p-DBsOHTWj.js";import{i as l}from"./p-C4sZQbkT.js";import{B as n}from"./p-ByiN-QjD.js";const r=class{constructor(s){t(this,s),this.balClick=i(this,"balClick"),this.balNavigate=i(this,"balNavigate"),this.balFocus=i(this,"balFocus"),this.balBlur=i(this,"balBlur"),this.balDidRender=i(this,"balDidRender"),this.inheritAttributes={},this.isLargestContentPaintDone=!1,this.color="primary",this.elementType="button",this.disabled=!1,this.size="",this.target="_self",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.a11yControls=void 0,this.a11yTitle=void 0,this.a11yLabel=void 0,this.a11yHaspopup=void 0,this.onFocus=()=>{this.balFocus.emit()},this.onBlur=()=>{this.balBlur.emit()},this.onClick=t=>{this.disabled||(this.balClick.emit(t),void 0!==this.href&&this.balNavigate.emit(t))}}listenOnClick(t){this.disabled&&t.target&&t.target===this.el&&(t.preventDefault(),t.stopPropagation())}componentDidLoad(){s((()=>this.isLargestContentPaintDone=!0))}componentWillLoad(){this.inheritAttributes=l(this.el,["title","aria-label","aria-controls","aria-hidden","tabindex","aria-haspopup"]),this.el.hasAttribute("bal-popup")&&!this.a11yHaspopup&&(this.a11yHaspopup="true")}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(){const{elementType:t,download:i,href:s,rel:o,target:l,name:n,value:r}=this,b=void 0===this.href?"button":"a",u={title:this.a11yTitle||this.inheritAttributes.title,"aria-label":this.a11yLabel||this.inheritAttributes["aria-label"]||this.a11yTitle||this.inheritAttributes.title,"aria-controls":this.a11yControls||this.inheritAttributes["aria-controls"],"aria-haspopup":this.a11yHaspopup||this.inheritAttributes["aria-haspopup"]};return e(a,{onClick:this.handleClick,class:{"bal-button":!0,control:!0,"is-fullwidth":this.expanded,"is-disabled":this.disabled}},e(b,Object.assign({},"button"===b?{type:t,name:n,value:r}:{download:i,href:s,rel:o,target:l},this.inheritAttributes,{type:this.elementType,class:this.buttonCssClass,part:"native",disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,"aria-disabled":h(this.disabled),"data-testid":"bal-button"},u),this.isLargestContentPaintDone&&this.loading?e("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?e("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})):"",e("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"},e("slot",null)),this.isLargestContentPaintDone&&this.iconRight?e("bal-icon",Object.assign({},this.leftRightAttrs,{class:"icon-right",name:this.iconRight,size:"small",turn:this.iconTurn,inverted:this.isIconInverted})):""))}get el(){return o(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 b=class{constructor(i){t(this,i),this.position="",this.direction="auto",this.reverse=!1}render(){const t=n.block("button-group");return e(a,{key:"a41720ea16a458ae915bece1adf109d2f20ea8ec",class:Object.assign(Object.assign(Object.assign({},t.class()),t.modifier(`position-${this.position}`).class()),t.modifier(`direction-${this.direction}`).class())},e("div",{key:"03f0d65f12c0ac0e14f4854ef85e845fe51f9e62",class:{field:!0,"is-grouped":!0,"is-reverse":this.reverse,[`has-direction-${this.direction}`]:!0}},e("slot",{key:"a65f6a5a52b522c600c4df6c0963cdd59ad07462"})))}};export{r as bal_button,b as bal_button_group}

package/dist/baloise-design-system/p-46092a4585.entry.js

@@ -0,0 +1 @@
+import{L as a,H as r,P as o,t as i,M as l,N as e,O as d,Z as t}from"./p-pkPHUz5e.js";import{_ as b,a as n}from"./p-dfXERft2.js";import{i as s}from"./p-S5-HQnxq.js";import{a as c}from"./p-DBsOHTWj.js";import{i as h}from"./p-C4sZQbkT.js";import{B as v}from"./p-ByiN-QjD.js";import{L as u}from"./p-DTDY1hlV.js";import{F as p}from"./p-DqCbGYzv.js";import{d as m}from"./p-FCLKfv6B.js";import{s as g,c as _,d as f}from"./p-C8S5XlJl.js";import{L as x}from"./p-B1TzZiNl.js";import{L as k}from"./p-BLUHPuPg.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-Cj6DXhmQ.js";import"./p-CbvOgU0G.js";import"./p-BHYxMhaq.js";const y=class{constructor(a){r(this,a),this.balFocus=o(this,"balFocus"),this.balBlur=o(this,"balBlur"),this.balChange=o(this,"balChange"),this.inputId="bal-rb-"+w++,this.inheritedAttributes={},this.keyboardMode=!0,this.wasFocused=!1,this.checked=!1,this.focused=!1,this.ariaForm=m,this.outerElementState={hovered:!1,pressed:!1},this.innerElementState={hovered:!1,pressed:!1},this.mergedElementState={hovered:!1,pressed:!1},this.name=this.inputId,this.label="",this.labelHidden=!1,this.flat=!1,this.interface="radio",this.disabled=!1,this.readonly=!1,this.required=!1,this.nonSubmit=!1,this.invalid=!1,this.hovered=!1,this.pressed=!1,this.colSize=1,this.colSizeTablet=1,this.colSizeMobile=1,this.setChecked=a=>{this.checked=a,this.balChange.emit(this.checked)},this.toggleChecked=a=>{a.preventDefault(),this.setFocus(),this.checked=!0,this.setChecked(this.checked)},this.onClick=a=>{this.disabled||a.target.href||(this.wasFocused&&(this.focused=!0),this.toggleChecked(a))},this.onFocus=a=>{if(this.disabled||this.readonly)return this.focused=!1,g(a);this.balFocus.emit(a),this.keyboardMode&&(this.focused=!0,this.wasFocused=!0)},this.onBlur=a=>{if(this.disabled||this.readonly)return g(a);this.balBlur.emit(a),this.focused=!1},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=a=>{s(a)||(this.wasFocused=!1),this.keyboardMode=p.includes(a.key)}}createLogger(a){this.log=a}hoveredChanged(){this.innerElementState={hovered:this.hovered,pressed:this.pressed},this.mergeElementState()}pressedChanged(){this.innerElementState={hovered:this.hovered,pressed:this.pressed},this.mergeElementState()}connectedCallback(){this.hoveredChanged(),void 0===this.value&&(this.value=this.inputId),this.group&&(this.updateState(),this.group.addEventListener("balChange",this.updateState)),this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.inheritedAttributes=h(this.el,["aria-label","tabindex","title"])}componentWillRender(){this.interactionChildElements.forEach((a=>{a.disabled=this.disabled||this.readonly,a.invalid=this.invalid,a.checked=this.checked}))}disconnectedCallback(){this.group&&this.group.removeEventListener("balChange",this.updateState),this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}listenOnClick(a){(this.disabled||this.readonly)&&a.target&&(a.target===this.el||i(this.el,a.target))&&g(a)}elementStateListener(a){this.outerElementState=a,this.mergeElementState()}async setFocus(){_(this)}async setBlur(){f(this)}async setButtonTabindex(a){this.buttonTabindex=a}async getInputElement(){return Promise.resolve(this.nativeInput)}async getOption(){return this.option}async updateState(){if(this.group){const a=this.group.value===this.value;a!==this.checked&&(this.checked=a)}}async setAriaForm(a){this.ariaForm=Object.assign({},a)}get group(){return this.el.closest("bal-radio-group")}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-radio-icon, bal-icon"))}get option(){return{name:this.name,value:this.value,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invalid:this.invalid}}mergeElementState(){this.mergedElementState={hovered:this.outerElementState.hovered||this.innerElementState.hovered,pressed:this.outerElementState.pressed||this.innerElementState.pressed},this.interactionChildElements.forEach((a=>{a.hovered=this.mergedElementState.hovered,a.pressed=this.mergedElementState.pressed}))}render(){const a=v.block("radio"),r=a.element("input"),o=a.element("label"),i=o.element("text"),d=o.element("icon"),t=this.focused&&-1!==this.buttonTabindex,b="boolean"==typeof this.value?JSON.stringify(this.value):this.value,n=!this.nonSubmit,s=this.ariaForm.controlId||this.inputId,h=this.ariaForm.labelId||null,u=n?"label":"span",p=this.inheritedAttributes;return void 0!==this.buttonTabindex&&(p.tabIndex=this.buttonTabindex),this.labelHidden&&(p["aria-labelledby"]=h),l(e,{key:"0cb18e6ebb7c792fb484473ec6fa2efbc318f221","aria-checked":`${this.checked}`,"aria-disabled":c(this.disabled),"aria-invalid":!0===this.invalid?"true":"false","aria-hidden":this.disabled?"true":null,"aria-focused":t?"true":null,"aria-labelledby":h,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"bal-focused":t},a.class()),a.modifier("button").class("button"===this.interface)),a.modifier("tile").class("tile"===this.interface)),a.modifier(`tile-color-${this.color}`).class("tile"===this.interface&&!!this.color)),a.modifier("invalid").class(this.invalid)),a.modifier("checked").class(this.checked)),a.modifier("flat").class(this.flat)),a.modifier("disabled").class(this.disabled||this.readonly)),a.modifier("hovered").class(this.hovered)),a.modifier("pressed").class(this.pressed)),a.modifier(`column-${this.colSize}`).class("tile"===this.interface&&this.colSize>1)),a.modifier(`column-tablet-${this.colSizeTablet}`).class("tile"===this.interface&&this.colSizeTablet>1)),a.modifier(`column-mobile-${this.colSizeMobile}`).class("tile"===this.interface&&this.colSizeMobile>1)),onClick:this.onClick},l(u,{key:"ef2616849a3b0f2fe95b92fc8ae81df21fd73c47",class:Object.assign({},o.class()),"data-testid":"bal-radio-label"},n?l("input",Object.assign({id:s,type:"radio","data-testid":"bal-radio-input",name:this.name,value:b,checked:this.checked,required:this.required,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,class:Object.assign({},r.class()),"aria-hidden":c(this.nonSubmit),"aria-invalid":!0===this.invalid?"true":"false","aria-describedby":this.ariaForm.messageId,onChange:a=>this.toggleChecked(a),onFocus:a=>this.onFocus(a),onBlur:a=>this.onBlur(a),ref:a=>this.nativeInput=a},p)):"","tile"!==this.interface?l("div",{class:Object.assign({},d.class())},l("bal-radio-icon",{checked:this.checked,disabled:this.disabled||this.readonly,invalid:this.invalid,inverted:"button"===this.interface&&this.checked,hovered:this.mergedElementState.hovered,pressed:this.mergedElementState.pressed})):"",l("div",{key:"609c44dc552fba3ba309166407730a28219616e6",class:Object.assign(Object.assign({},i.class()),i.modifier("hidden").class(this.labelHidden))},l("slot",{key:"0f200df04d88e458de4400687dfd7b1a2a3e9ac1"}))))}get el(){return d(this)}static get watchers(){return{hovered:["hoveredChanged"],pressed:["pressedChanged"]}}};b([a("bal-radio"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],y.prototype,"createLogger",null),b([u(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],y.prototype,"elementStateListener",null);let w=0;y.style="@media (hover: hover)and (pointer: fine){.bal-radio.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-symbol-size:1.5rem;--bal-radio-symbol-border-width:2px;--bal-radio-symbol-background:transparent;--bal-radio-label-min-height:1.5rem;--bal-radio-button-background-hover:var(--bal-color-grey-2);--bal-radio-button-background-active:var(--bal-color-grey-2);--bal-radio-button-background-checked:var(--bal-color-primary);--bal-radio-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-button-background-invalid:var(--bal-color-danger-1);--bal-radio-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-button-background:transparent;--bal-radio-button-background-checked-green:var(--bal-color-green-1);--bal-radio-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-button-background-checked-red:var(--bal-color-red-1);--bal-radio-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-button-background-disabled:var(--bal-color-grey-1);--bal-radio-button-background-hover:var(--bal-color-grey-1);--bal-radio-button-border-color:var(--bal-color-primary);--bal-radio-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-button-border-color-active:var(--bal-color-primary-6);--bal-radio-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-tile-background:transparent;--bal-radio-tile-background-hover:var(--bal-color-grey-1);--bal-radio-tile-background-disabled:var(--bal-color-grey-1);--bal-radio-tile-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-tile-background-invalid-active:var(--bal-color-danger-1);--bal-radio-tile-background-checked-green:var(--bal-color-green-1);--bal-radio-tile-background-checked-purple:var(--bal-color-purple-1);--bal-radio-tile-background-checked-red:var(--bal-color-red-1);--bal-radio-tile-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-tile-border-style:var(--bal-form-field-control-border-style);--bal-radio-tile-border-radius:var(--bal-form-field-control-radius);--bal-radio-tile-border-width:var(--bal-form-field-control-border-width);--bal-radio-tile-padding:var(--bal-text-size-medium);--bal-radio-tile-border-color:var(--bal-color-border);--bal-radio-tile-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-tile-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-tile-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-tile-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-tile-border-color-checked:var(--bal-color-border-primary);--bal-radio-tile-border-color-invalid:var(--bal-color-border-danger);--bal-radio-tile-border-color-disabled:var(--bal-color-border-grey-dark)}.bal-radio{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:var(--bal-radio-symbol-size);border-radius:var(--bal-radius-normal);cursor:pointer}.bal-radio .bal-radio__label{cursor:pointer}.bal-radio--invisible{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-radio.bal-radio--flat{min-height:var(--bal-radio-symbol-size)}.bal-radio:not(.bal-radio--flat){min-height:3rem}.bal-radio--invalid{color:var(--bal-form-field-label-danger-color)}.bal-radio--disabled,.bal-radio--disabled .bal-radio__label{color:var(--bal-form-field-label-disabled-color);cursor:default}.bal-radio__input{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;width:100%;height:100%}.bal-radio__label{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-direction:row;flex-direction:row}.bal-radio__label__text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;contain:layout style;font-family:var(--bal-font-family-text);padding-top:.25rem;padding-bottom:.25rem;width:100%}.bal-radio__label__text--hidden{display:none}.bal-radio__label__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media (hover: hover)and (pointer: fine){.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-text-primary-hovered)}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__icon,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__icon{color:var(--bal-color-text-primary-hovered)}}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-text-primary-pressed)}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__icon,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__icon{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-text-danger-hovered)}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__icon,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):hover .bal-radio__label__icon{color:var(--bal-color-text-danger-hovered)}}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-text-danger-pressed)}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__icon,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):active .bal-radio__label__icon{color:var(--bal-color-text-danger-pressed)}.bal-radio--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-x-small);-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-radio-button-border-color)}.bal-radio--button.bal-radio--checked{background:var(--bal-radio-button-background-checked);color:var(--bal-color-white)}.bal-radio--button.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}.bal-radio--button.bal-radio--invalid{border-color:var(--bal-color-border-danger);color:var(--bal-color-text-danger-hovered);background:var(--bal-color-danger-1)}.bal-radio--button.bal-radio--invalid.bal-radio--checked{color:var(--bal-color-white);background:var(--bal-color-border-danger)}.bal-radio--button.bal-radio--invalid.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}.bal-radio--button.bal-radio--disabled{border-color:var(--bal-color-grey-4);background:var(--bal-color-grey-2)}.bal-radio--button.bal-radio--disabled .bal-radio__label__text{color:var(--bal-color-text-grey)}.bal-radio--button.bal-radio--disabled.bal-radio--checked{background:var(--bal-color-grey-4);color:var(--bal-color-white)}.bal-radio--button.bal-radio--disabled.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--disabled.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-hovered)}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-text-primary-hovered)}}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-pressed)}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-color-border-primary-hovered);border-color:var(--bal-color-border-primary-hovered)}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-white)}}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-color-border-primary-pressed);border-color:var(--bal-color-border-primary-pressed)}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):hover{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-hovered)}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-text-danger-hovered)}}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):active{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-pressed)}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-text-danger-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):hover{background:var(--bal-color-border-danger-hovered);border-color:var(--bal-color-border-danger-hovered)}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-white)}}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):active{background:var(--bal-color-border-danger-pressed);border-color:var(--bal-color-border-danger-pressed)}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-white)}.bal-radio--tile{display:block;-ms-flex:0 0 100%;flex:0 0 100%;background:var(--bal-radio-tile-background);border-style:var(--bal-radio-tile-border-style);border-radius:var(--bal-radio-tile-border-radius);border-width:var(--bal-radio-tile-border-width);border-color:var(--bal-radio-tile-border-color);padding:var(--bal-radio-tile-padding)}.bal-radio--tile .bal-radio__label{height:100%;-ms-flex-align:stretch;align-items:stretch}.bal-radio--tile.bal-radio--checked{border-color:var(--bal-radio-tile-border-color-checked)}.bal-radio--tile.bal-radio--invalid{border-color:var(--bal-radio-tile-border-color-invalid)}.bal-radio--tile.bal-radio--disabled{background:var(--bal-radio-tile-background-disabled);border-color:var(--bal-radio-tile-border-color-disabled);cursor:default}@media (hover: hover)and (pointer: fine){.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-radio-tile-background-hover);border-color:var(--bal-radio-tile-border-color-hover)}}.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-radio-tile-background-hover);border-color:var(--bal-radio-tile-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled):hover{background:var(--bal-radio-tile-background-invalid-hover);border-color:var(--bal-radio-tile-border-color-invalid-hover)}}.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled):active{background:var(--bal-radio-tile-background-invalid-active);border-color:var(--bal-radio-tile-border-color-invalid-active)}.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-green)}.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-red)}.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-purple)}.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-yellow)}@media screen and (min-width: 769px),print{.bal-radio--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-radio--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-radio--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-radio--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}";const j=class{constructor(a){r(this,a),this.balChange=o(this,"balChange"),this.balFocus=o(this,"balFocus"),this.balBlur=o(this,"balBlur"),this.inputId="bal-rg-"+O++,this.inheritedAttributes={},this.ariaForm=m,this.interface=void 0,this.allowEmptySelection=!1,this.name=this.inputId,this.vertical=!1,this.verticalOnMobile=!1,this.expanded=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.columns=1,this.columnsTablet=1,this.columnsMobile=1,this.autoInvalidOff=!1,this.hasFocus=!1,this.mutationObserverActive=!0,this.onOptionChange=async()=>{this.setRadioTabindex(this.value),this.setRadioChecked()},this.setRadioTabindex=a=>{const r=this.getRadios(),o=r.find((a=>!a.disabled)),i=r.find((r=>r.value===a&&!r.disabled));if(!o&&!i)return;const l=i||o;for(const a of r)a.setButtonTabindex(a===l?0:-1)},this.onClick=a=>{if(a.target.href)return;a.preventDefault();const r=a.target&&a.target.closest("bal-radio");if(r&&!r.disabled&&!r.readonly){const a=r.value;a!==this.value?this.value=a:this.allowEmptySelection&&(this.value=void 0),this.balChange.emit(this.value)}}}createLogger(a){this.log=a}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}invalidChanged(a){void 0!==a&&this.getRadios().forEach((r=>{r.invalid=a}))}disabledChanged(a){void 0!==a&&this.getRadios().forEach((r=>{r.disabled=a}))}readonlyChanged(a){void 0!==a&&this.getRadios().forEach((r=>{r.readonly=a}))}valueChanged(){this.onOptionChange()}columnsChanged(a){this.getRadios().forEach((r=>r.colSize=a))}columnsTabletChanged(a){this.getRadios().forEach((r=>r.colSizeTablet=a))}columnsMobileChanged(a){this.getRadios().forEach((r=>r.colSizeMobile=a))}connectedCallback(){this.initialValue=this.value,this.mutationObserverActive=void 0===this.options}componentWillLoad(){this.setRadioInterface(),this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly),this.invalidChanged(this.invalid),this.columnsChanged(this.columns),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange(),this.inheritedAttributes=h(this.el,["aria-label","tabindex","title"])}focusInListener(a){this.balFocus.emit(a)}focusOutListener(a){this.balBlur.emit(a)}mutationListener(){this.setRadioInterface(),this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly),this.invalidChanged(this.invalid),this.columnsChanged(this.columns),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}listenOnClick(a){i(this.el,a.target)&&g(a)}radioFocusListener(a){const{target:r}=a;r&&i(this.el,r)&&t(r,"bal-radio")&&g(a)}radioBlurListener(a){const{target:r}=a;r&&i(this.el,r)&&t(r,"bal-radio")&&g(a)}resetListener(a){const r=a.target;(null==r?void 0:r.contains(this.el))&&(this.value=this.initialValue)}onKeydown(a){if(a.target&&!this.el.contains(a.target))return;const r=this.getRadios().filter((a=>!a.disabled)),o=a.target.closest("bal-radio");if(o&&r.includes(o)){const i=r.findIndex((a=>a===o)),l=r[i];let e;["ArrowDown","ArrowRight"].includes(a.code)&&(e=i===r.length-1?r[0]:r[i+1]),["ArrowUp","ArrowLeft"].includes(a.code)&&(e=0===i?r[r.length-1]:r[i-1]),e&&r.includes(e)&&(e.setFocus(a),this.value=e.value,this.balChange.emit(this.value)),["Space"].includes(a.code)&&(this.value=this.allowEmptySelection&&void 0!==this.value?void 0:l.value,this.balChange.emit(this.value),a.preventDefault())}}async setValue(a){this.value=a}async getOptionByValue(a){const r=this.options;if(r)return r.find((r=>r.value===a))}async setAriaForm(a){this.ariaForm=Object.assign({},a)}setRadioInterface(){this.getRadios().forEach((a=>{this.interface&&(a.interface=this.interface)}))}setRadioChecked(){this.getRadios().forEach((a=>{a.updateState&&a.updateState()}))}getRadios(){return Array.from(this.el.querySelectorAll("bal-radio"))}render(){const a=v.block("radio-group"),r=a.element("inner"),o=(this.options||[]).map((a=>"function"==typeof a.html?Object.assign(Object.assign({},a),{html:a.html()}):a));return l(e,Object.assign({class:Object.assign({},a.class()),role:"radiogroup","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":c(this.disabled),onClick:this.onClick},this.inheritedAttributes),l("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("vertical-mobile").class(this.verticalOnMobile)),r.modifier("vertical").class(this.vertical)),r.modifier("expanded").class(this.expanded)),r.modifier("button").class("button"===this.interface))},l("slot",null),o.map((a=>l("bal-radio",{key:a.value,name:a.name||this.name,value:a.value,labelHidden:a.labelHidden,flat:a.flat,interface:a.interface,disabled:a.disabled,readonly:a.readonly,required:a.required,nonSubmit:!!a.nonSubmit,invalid:a.invalid,innerHTML:a.html})))))}get el(){return d(this)}static get watchers(){return{options:["optionChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],value:["valueChanged"],columns:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}}};b([a("bal-radio-group"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],j.prototype,"createLogger",null),b([x(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],j.prototype,"focusInListener",null),b([x(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],j.prototype,"focusOutListener",null),b([k({tags:["bal-radio-group","bal-radio"],attributes:!1,characterData:!1}),n("design:type",Function),n("design:paramtypes",[]),n("design:returntype",void 0)],j.prototype,"mutationListener",null);let O=0;j.style=".bal-radio-group{display:inline-block;position:relative;width:100%}.bal-radio-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-radio-group__inner--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-radio-group__inner--button{-ms-flex-direction:row;flex-direction:row}}.bal-radio-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-radio-group__inner--expanded .bal-radio{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-radio-group__inner--expanded .bal-radio{width:100%}}.bal-radio-group__inner--button.bal-radio-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-radio-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-radio-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-radio-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}";export{y as bal_radio,j as bal_radio_group}

package/dist/baloise-design-system/{p-1e517d518d.system.entry.js → p-469d7c593e.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-7961e095.system.js","./p-7720b262.system.js","./p-db0895e2.system.js","./p-2da669b4.system.js"],(function(a){"use strict";var l,r,e,t,b,o,i,g;return{setters:[function(a){l=a.r;r=a.c;e=a.h;t=a.H;b=a.g},function(a){o=a.i},function(a){i=a.B},function(a){g=a.a}],execute:function(){var n=":root{--bal-tag-background:var(--bal-color-grey);--bal-tag-background-primary:var(--bal-color-primary);--bal-tag-background-grey:var(--bal-color-grey);--bal-tag-background-success:var(--bal-color-success-4);--bal-tag-background-info:var(--bal-color-info-4);--bal-tag-background-warning:var(--bal-color-warning-4);--bal-tag-background-danger:var(--bal-color-danger-4);--bal-tag-background-purple:var(--bal-color-purple-5);--bal-tag-background-red:var(--bal-color-red-5);--bal-tag-background-yellow:var(--bal-color-yellow-4);--bal-tag-background-green:var(--bal-color-green-4);--bal-tag-background-purple-light:var(--bal-color-purple-2);--bal-tag-background-red-light:var(--bal-color-red-2);--bal-tag-background-yellow-light:var(--bal-color-yellow-2);--bal-tag-background-green-light:var(--bal-color-green-2);--bal-tag-background-invalid:var(--bal-color-border-danger);--bal-tag-background-disabled:var(--bal-color-border-grey-dark);--bal-tag-radius:var(--bal-radius-rounded);--bal-tag-border-disabled-color:var(--bal-color-border-grey-dark);--bal-tag-text:var(--bal-color-primary);--bal-tag-text-primary:var(--bal-color-white);--bal-tag-text-grey:var(--bal-color-primary);--bal-tag-text-success:var(--bal-color-white);--bal-tag-text-info:var(--bal-color-white);--bal-tag-text-warning:var(--bal-color-primary);--bal-tag-text-danger:var(--bal-color-white);--bal-tag-text-purple:var(--bal-color-white);--bal-tag-text-red:var(--bal-color-white);--bal-tag-text-yellow:var(--bal-color-primary);--bal-tag-text-green:var(--bal-color-primary);--bal-tag-text-purple-light:var(--bal-color-primary);--bal-tag-text-red-light:var(--bal-color-primary);--bal-tag-text-yellow-light:var(--bal-color-primary);--bal-tag-text-green-light:var(--bal-color-primary);--bal-tag-text-invalid:var(--bal-color-text-white);--bal-tag-text-disabled:var(--bal-color-text-white);--bal-tag-size-small-font-size:var(--bal-text-size-small);--bal-tag-size-small-font-weight:var(--bal-font-weight-regular)}.bal-tag{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:2rem;line-height:1.5rem;padding:.25rem .75rem .25rem .75rem;background-color:var(--bal-tag-background);border-radius:var(--bal-tag-radius)}.bal-tag--is-small{padding:0 .75rem 0 .75rem;min-height:1.5rem}.bal-tag--is-medium{min-height:2.5rem;padding:.5rem 1rem .5rem 1rem}.bal-tag--is-large{min-height:3rem;padding:.75rem 1.5rem .75rem 1.5rem}.bal-tag--is-primary{background:var(--bal-tag-background-primary)}.bal-tag--is-grey{background:var(--bal-tag-background-grey)}.bal-tag--is-success{background:var(--bal-tag-background-success)}.bal-tag--is-info{background:var(--bal-tag-background-info)}.bal-tag--is-warning{background:var(--bal-tag-background-warning)}.bal-tag--is-danger{background:var(--bal-tag-background-danger)}.bal-tag--is-purple{background:var(--bal-tag-background-purple)}.bal-tag--is-red{background:var(--bal-tag-background-red)}.bal-tag--is-yellow{background:var(--bal-tag-background-yellow)}.bal-tag--is-green{background:var(--bal-tag-background-green)}.bal-tag--is-purple-light{background:var(--bal-tag-background-purple-light)}.bal-tag--is-red-light{background:var(--bal-tag-background-red-light)}.bal-tag--is-yellow-light{background:var(--bal-tag-background-yellow-light)}.bal-tag--is-green-light{background:var(--bal-tag-background-green-light)}.bal-tag--is-invalid{background:var(--bal-tag-background-invalid);color:var(--bal-color-text-white)}.bal-tag__label{font-family:var(--bal-font-family-text);color:var(--bal-tag-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal) !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.25rem}.bal-tag__label--is-small{font-size:var(--bal-tag-size-small-font-size) !important;font-weight:var(--bal-tag-size-small-font-weight) !important}.bal-tag__label--is-medium{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-large{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-primary{color:var(--bal-tag-text-primary)}.bal-tag__label--is-grey{color:var(--bal-tag-text-grey)}.bal-tag__label--is-success{color:var(--bal-tag-text-success)}.bal-tag__label--is-info{color:var(--bal-tag-text-info)}.bal-tag__label--is-warning{color:var(--bal-tag-text-warning)}.bal-tag__label--is-danger{color:var(--bal-tag-text-danger)}.bal-tag__label--is-purple{color:var(--bal-tag-text-purple)}.bal-tag__label--is-red{color:var(--bal-tag-text-red)}.bal-tag__label--is-yellow{color:var(--bal-tag-text-yellow)}.bal-tag__label--is-green{color:var(--bal-tag-text-green)}.bal-tag__label--is-purple-light{color:var(--bal-tag-text-purple-light)}.bal-tag__label--is-red-light{color:var(--bal-tag-text-red-light)}.bal-tag__label--is-yellow-light{color:var(--bal-tag-text-yellow-light)}.bal-tag__label--is-green-light{color:var(--bal-tag-text-green-light)}.bal-tag__label--is-invalid{background:var(--bal-color-border-danger);color:var(--bal-tag-text-invalid)}.bal-tag__label--is-disabled{background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color)}.bal-tag--is-disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color);-webkit-box-shadow:none;box-shadow:none;color:var(--bal-tag-text-disabled)}.bal-tag--is-disabled>span{color:var(--bal-tag-text-disabled)}.bal-tag__close{margin-left:.25rem;margin-right:-0.5rem}.bal-tag-group{display:-ms-flexbox;display:flex;gap:.25rem}";var s=n;var c=a("bal_tag",function(){function a(a){l(this,a);this.balCloseClick=r(this,"balCloseClick",7);this.inheritedAttributes={};this.inheritedAttributesClose={};this.color="";this.size="";this.closable=false;this.invalid=false;this.disabled=false;this.position="left";this.light=false;this.transparent=false}a.prototype.componentWillLoad=function(){this.inheritedAttributes=o(this.el,["aria-label","title"]);this.inheritedAttributesClose=o(this.el,["tabindex"])};a.prototype.render=function(){var a=this;var l=i.block("tag");var r=l.element("label");var b="is-".concat(this.size);var o=this.size!==undefined;var n=this.color!=="";var s="is-".concat(this.color).concat(this.light?"-light":"");var c="is-disabled";var d=this.disabled;var u="is-".concat(this.position);var v=this.position!==undefined;return e(t,Object.assign({key:"3871533f1c7f6decbaa5b4f64f76fe8f216cfff0","aria-disabled":g(this.disabled),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier(b).class(o)),l.modifier(s).class(n)),l.modifier(c).class(d)),l.modifier(u).class(v)),l.modifier("is-invalid").class(this.invalid))},this.inheritedAttributes),e("span",{key:"acc42dcb6273fe49f6d094cd6a2ced41d81e8555",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(b).class(o)),r.modifier(s).class(n)),r.modifier(c).class(d)),r.modifier("is-invalid").class(this.invalid)),"data-testid":"bal-tag-label"},e("slot",{key:"2a25dd578fe0694ea90e71167ee1f98b0298dea5"})),e("bal-close",Object.assign({key:"ac645b9a82109c39e9e509b78bd856b986699e9d",class:Object.assign({},l.element("close").class()),style:{display:this.closable&&!this.disabled?"flex":"none"},size:this.size==="small"?"small":"",inverted:["blue","primary","info","success","warning","danger","red","purple","yellow","green"].includes(this.color)&&!this.light||this.invalid,"data-testid":"bal-tag-close",onClick:function(l){return a.balCloseClick.emit(l)}},this.inheritedAttributesClose)))};Object.defineProperty(a.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});return a}());c.style=s;var d=a("bal_tag_group",function(){function a(a){l(this,a)}a.prototype.render=function(){return e(t,{key:"2f70efec055a3d379dd24376bd2f899b89475b0e",class:"bal-tag-group"},e("slot",{key:"1d823341b709ae48b9b706644756f9729021c78d"}))};return a}())}}}));
+System.register(["./p-WmWy2rJ-.system.js","./p-m5GX4h3i.system.js","./p-BbAtjg9Y.system.js","./p-DKjTFqnu.system.js"],(function(a){"use strict";var l,r,e,t,b,o,i,g;return{setters:[function(a){l=a.H;r=a.P;e=a.M;t=a.N;b=a.O},function(a){o=a.i},function(a){i=a.B},function(a){g=a.a}],execute:function(){var n=":root{--bal-tag-background:var(--bal-color-grey);--bal-tag-background-primary:var(--bal-color-primary);--bal-tag-background-grey:var(--bal-color-grey);--bal-tag-background-success:var(--bal-color-success-4);--bal-tag-background-info:var(--bal-color-info-4);--bal-tag-background-warning:var(--bal-color-warning-4);--bal-tag-background-danger:var(--bal-color-danger-4);--bal-tag-background-purple:var(--bal-color-purple-5);--bal-tag-background-red:var(--bal-color-red-5);--bal-tag-background-yellow:var(--bal-color-yellow-4);--bal-tag-background-green:var(--bal-color-green-4);--bal-tag-background-purple-light:var(--bal-color-purple-2);--bal-tag-background-red-light:var(--bal-color-red-2);--bal-tag-background-yellow-light:var(--bal-color-yellow-2);--bal-tag-background-green-light:var(--bal-color-green-2);--bal-tag-background-invalid:var(--bal-color-border-danger);--bal-tag-background-disabled:var(--bal-color-border-grey-dark);--bal-tag-radius:var(--bal-radius-rounded);--bal-tag-border-disabled-color:var(--bal-color-border-grey-dark);--bal-tag-text:var(--bal-color-primary);--bal-tag-text-primary:var(--bal-color-white);--bal-tag-text-grey:var(--bal-color-primary);--bal-tag-text-success:var(--bal-color-white);--bal-tag-text-info:var(--bal-color-white);--bal-tag-text-warning:var(--bal-color-primary);--bal-tag-text-danger:var(--bal-color-white);--bal-tag-text-purple:var(--bal-color-white);--bal-tag-text-red:var(--bal-color-white);--bal-tag-text-yellow:var(--bal-color-primary);--bal-tag-text-green:var(--bal-color-primary);--bal-tag-text-purple-light:var(--bal-color-primary);--bal-tag-text-red-light:var(--bal-color-primary);--bal-tag-text-yellow-light:var(--bal-color-primary);--bal-tag-text-green-light:var(--bal-color-primary);--bal-tag-text-invalid:var(--bal-color-text-white);--bal-tag-text-disabled:var(--bal-color-text-white);--bal-tag-size-small-font-size:var(--bal-text-size-small);--bal-tag-size-small-font-weight:var(--bal-font-weight-regular)}.bal-tag{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:2rem;line-height:1.5rem;padding:.25rem .75rem .25rem .75rem;background-color:var(--bal-tag-background);border-radius:var(--bal-tag-radius)}.bal-tag--is-small{padding:0 .75rem 0 .75rem;min-height:1.5rem}.bal-tag--is-medium{min-height:2.5rem;padding:.5rem 1rem .5rem 1rem}.bal-tag--is-large{min-height:3rem;padding:.75rem 1.5rem .75rem 1.5rem}.bal-tag--is-primary{background:var(--bal-tag-background-primary)}.bal-tag--is-grey{background:var(--bal-tag-background-grey)}.bal-tag--is-success{background:var(--bal-tag-background-success)}.bal-tag--is-info{background:var(--bal-tag-background-info)}.bal-tag--is-warning{background:var(--bal-tag-background-warning)}.bal-tag--is-danger{background:var(--bal-tag-background-danger)}.bal-tag--is-purple{background:var(--bal-tag-background-purple)}.bal-tag--is-red{background:var(--bal-tag-background-red)}.bal-tag--is-yellow{background:var(--bal-tag-background-yellow)}.bal-tag--is-green{background:var(--bal-tag-background-green)}.bal-tag--is-purple-light{background:var(--bal-tag-background-purple-light)}.bal-tag--is-red-light{background:var(--bal-tag-background-red-light)}.bal-tag--is-yellow-light{background:var(--bal-tag-background-yellow-light)}.bal-tag--is-green-light{background:var(--bal-tag-background-green-light)}.bal-tag--is-invalid{background:var(--bal-tag-background-invalid);color:var(--bal-color-text-white)}.bal-tag__label{font-family:var(--bal-font-family-text);color:var(--bal-tag-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal) !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.25rem}.bal-tag__label--is-small{font-size:var(--bal-tag-size-small-font-size) !important;font-weight:var(--bal-tag-size-small-font-weight) !important}.bal-tag__label--is-medium{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-large{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-primary{color:var(--bal-tag-text-primary)}.bal-tag__label--is-grey{color:var(--bal-tag-text-grey)}.bal-tag__label--is-success{color:var(--bal-tag-text-success)}.bal-tag__label--is-info{color:var(--bal-tag-text-info)}.bal-tag__label--is-warning{color:var(--bal-tag-text-warning)}.bal-tag__label--is-danger{color:var(--bal-tag-text-danger)}.bal-tag__label--is-purple{color:var(--bal-tag-text-purple)}.bal-tag__label--is-red{color:var(--bal-tag-text-red)}.bal-tag__label--is-yellow{color:var(--bal-tag-text-yellow)}.bal-tag__label--is-green{color:var(--bal-tag-text-green)}.bal-tag__label--is-purple-light{color:var(--bal-tag-text-purple-light)}.bal-tag__label--is-red-light{color:var(--bal-tag-text-red-light)}.bal-tag__label--is-yellow-light{color:var(--bal-tag-text-yellow-light)}.bal-tag__label--is-green-light{color:var(--bal-tag-text-green-light)}.bal-tag__label--is-invalid{background:var(--bal-color-border-danger);color:var(--bal-tag-text-invalid)}.bal-tag__label--is-disabled{background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color)}.bal-tag--is-disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color);-webkit-box-shadow:none;box-shadow:none;color:var(--bal-tag-text-disabled)}.bal-tag--is-disabled>span{color:var(--bal-tag-text-disabled)}.bal-tag__close{margin-left:.25rem;margin-right:-0.5rem}.bal-tag-group{display:-ms-flexbox;display:flex;gap:.25rem}";var s=a("bal_tag",function(){function a(a){l(this,a);this.balCloseClick=r(this,"balCloseClick");this.inheritedAttributes={};this.inheritedAttributesClose={};this.color="";this.size="";this.closable=false;this.invalid=false;this.disabled=false;this.position="left";this.light=false;this.transparent=false}a.prototype.componentWillLoad=function(){this.inheritedAttributes=o(this.el,["aria-label","title"]);this.inheritedAttributesClose=o(this.el,["tabindex"])};a.prototype.render=function(){var a=this;var l=i.block("tag");var r=l.element("label");var b="is-".concat(this.size);var o=this.size!==undefined;var n=this.color!=="";var s="is-".concat(this.color).concat(this.light?"-light":"");var c="is-disabled";var d=this.disabled;var u="is-".concat(this.position);var v=this.position!==undefined;return e(t,Object.assign({key:"3871533f1c7f6decbaa5b4f64f76fe8f216cfff0","aria-disabled":g(this.disabled),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier(b).class(o)),l.modifier(s).class(n)),l.modifier(c).class(d)),l.modifier(u).class(v)),l.modifier("is-invalid").class(this.invalid))},this.inheritedAttributes),e("span",{key:"acc42dcb6273fe49f6d094cd6a2ced41d81e8555",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(b).class(o)),r.modifier(s).class(n)),r.modifier(c).class(d)),r.modifier("is-invalid").class(this.invalid)),"data-testid":"bal-tag-label"},e("slot",{key:"2a25dd578fe0694ea90e71167ee1f98b0298dea5"})),e("bal-close",Object.assign({key:"ac645b9a82109c39e9e509b78bd856b986699e9d",class:Object.assign({},l.element("close").class()),style:{display:this.closable&&!this.disabled?"flex":"none"},size:this.size==="small"?"small":"",inverted:["blue","primary","info","success","warning","danger","red","purple","yellow","green"].includes(this.color)&&!this.light||this.invalid,"data-testid":"bal-tag-close",onClick:function(l){return a.balCloseClick.emit(l)}},this.inheritedAttributesClose)))};Object.defineProperty(a.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});return a}());s.style=n;var c=a("bal_tag_group",function(){function a(a){l(this,a)}a.prototype.render=function(){return e(t,{key:"2f70efec055a3d379dd24376bd2f899b89475b0e",class:"bal-tag-group"},e("slot",{key:"1d823341b709ae48b9b706644756f9729021c78d"}))};return a}())}}}));

package/dist/baloise-design-system/p-4856c78a64.entry.js

@@ -0,0 +1 @@
+import{L as a,H as i,I as s,a as t,j as e,J as p,K as o,M as n,N as r,O as c}from"./p-pkPHUz5e.js";import{_ as l,a as d}from"./p-dfXERft2.js";import{b as h}from"./p-Ck3aT69N.js";import{s as b}from"./p-DqCbGYzv.js";const y=class{constructor(a){i(this,a),this.debouncedNotify=s((()=>this.notifyResize()),100),this.animated=!0,this.ready=!1,this.notifyResize=async()=>{t.hasDocument&&t.hasWindow&&document.documentElement.style.setProperty("--bal-app-height",`${window.innerHeight}px`)}}createLogger(a){this.log=a}connectedCallback(){!1===this.animated&&e(this.animated),t.hasWindow&&(window.addEventListener("resize",this.debouncedNotify),this.debouncedNotify())}componentDidLoad(){p((()=>{this.ready=!0,b()})),o((()=>{t.hasDocument&&t.hasWindow&&document.documentElement.classList.add("lcp-ready")}))}disconnectedCallback(){t.hasWindow&&window.removeEventListener("resize",this.debouncedNotify)}async setFocus(a){this.focusVisible&&this.focusVisible.setFocus(a)}render(){return n(r,{key:"8aa3c989125e06e500597db9773fca378e4b7467",class:{"bal-app":!0,"bal-app--safari":t.isSafari,"bal-app--touch":h.hasTouchScreen}},n("slot",{key:"c0e432a988e29f653198ed4eeead7f18fa447035"}))}get el(){return c(this)}};l([a("bal-app"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],y.prototype,"createLogger",null),y.style=":root{--bal-app-height:100%}.bal-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}";export{y as bal_app}

package/dist/baloise-design-system/p-4b3fd230c6.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-WmWy2rJ-.system.js"],(function(t){"use strict";var e,r,i,n;return{setters:[function(t){e=t.H;r=t.M;i=t.N;n=t.O}],execute:function(){var o=t("bal_form_col",function(){function t(t){e(this,t);this.colClass="col";this.size="full"}t.prototype.render=function(){var t;return r(i,{key:"5ee1da91eaa100771f43f5ca80e01ac5a47a5d5f",class:(t={},t["".concat(this.colClass)]=true,t["py-none"]=true,t["touch:is-12"]=true,t["is-12"]=this.size==="full"||this.size==="fullwidth"||this.size===undefined,t["is-6"]=this.size==="half",t["is-4"]=this.size==="one-third",t["is-8"]=this.size==="two-thirds",t["is-3"]=this.size==="one-quarter",t["is-9"]=this.size==="three-quarters",t)},r("slot",{key:"498c7e5a0b163c2cb3e465cb43087db432f92650"}))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());var a=".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}";var s=t("bal_form_grid",function(){function t(t){e(this,t)}t.prototype.render=function(){return r(i,{key:"7dd05e54b6f2070956b4630a542c249734981731",class:"bal-form-grid grid is-multiline my-none py-none"},r("slot",{key:"d9490a9e4153d985dad9258dc795ea1b092930f4"}))};return t}());s.style=a}}}));

package/dist/baloise-design-system/p-503b4ce7d0.entry.js

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

package/dist/baloise-design-system/p-52fa3d7015.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,e,i,n){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,s){function a(t){try{c(n.next(t))}catch(t){s(t)}}function u(t){try{c(n["throw"](t))}catch(t){s(t)}}function c(t){t.done?i(t.value):r(t.value).then(a,u)}c((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,r,s,a;return a={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function u(t){return function(e){return c([t,e])}}function c(u){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,u[0]&&(i=0)),i)try{if(n=1,r&&(s=u[0]&2?r["return"]:u[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,u[1])).done)return s;if(r=0,s)u=[u[0]&2,s.value];switch(u[0]){case 0:case 1:s=u;break;case 4:i.label++;return{value:u[1],done:false};case 5:i.label++;r=u[1];u=[0];continue;case 7:u=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(u[0]===6||u[0]===2)){i=0;continue}if(u[0]===3&&(!s||u[1]>s[0]&&u[1]<s[3])){i.label=u[1];break}if(u[0]===6&&i.label<s[1]){i.label=s[1];s=u;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(u);break}if(s[2])i.ops.pop();i.trys.pop();continue}u=e.call(t,i)}catch(t){u=[6,t];r=0}finally{n=s=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var n=0,r=e.length,s;n<r;n++){if(s||!(n in e)){if(!s)s=Array.prototype.slice.call(e,0,n);s[n]=e[n]}}return t.concat(s||Array.prototype.slice.call(e))};System.register(["./p-WmWy2rJ-.system.js","./p-Cjiw70Dk.system.js","./p-CpWDVANq.system.js","./p-DKjTFqnu.system.js","./p-m5GX4h3i.system.js","./p-BbAtjg9Y.system.js","./p-Dd7xQwRJ.system.js","./p-CLfE_o7e.system.js","./p-DhSS4q-R.system.js","./p-Bzy18UgU.system.js"],(function(t){"use strict";var e,i,n,r,s,a,u,c,f,o,h,l,b,d,v,m,p,y,g,w,k,_,j,x,D,A,B,C;return{setters:[function(t){e=t.L;i=t.H;n=t.P;r=t.T;s=t.M;a=t.N;u=t.O},function(t){c=t._;f=t.a},function(t){o=t.i},function(t){h=t.a},function(t){l=t.i},function(t){b=t.B},function(t){d=t.i;v=t.A;m=t.N},function(t){p=t.d},function(t){y=t.g;g=t.a;w=t.b;k=t.e;_=t.s;j=t.f;x=t.i;D=t.h;A=t.j;B=t.c;C=t.d},null],execute:function(){function E(t){if(!t){return""}var e=t.replace(/\D/g,"").trim();var i=[e.substring(0,3),e.substring(3,6),e.substring(6,9),e.substring(9,12)].filter((function(t){return t.length>0}));switch(i.length){case 1:return"".concat(t);case 2:return"".concat(i[0],".").concat(i[1]);case 3:return"".concat(i[0],".").concat(i[1],".").concat(i[2]);default:return"".concat(i[0],".").concat(i[1],".").concat(i[2],".").concat(i[3])}}function F(t){if(!t){return""}var e="".concat(t).trim().toUpperCase();var i=[e.substring(0,2),e.substring(2,8),e.substring(8,10),e.substring(10,11)].filter((function(t){return t.length>0}));switch(i.length){case 1:return"".concat(t);case 2:return"".concat(i[0],"/").concat(i[1]);case 3:return"".concat(i[0],"/").concat(i[1],"/").concat(i[2]);default:return"".concat(i[0],"/").concat(i[1],"/").concat(i[2],".").concat(i[3])}}function O(t){if(!t){return""}var e="".concat(t).trim();var i=[e.substring(0,9),e.substring(9,10)].filter((function(t){return t.length>0}));e=S(i[0]);return i[1]?"".concat(e,"-").concat(i[1]):e}function S(t){if(!t){return""}var e="".concat(t).trim();var i=[e.substring(0,2),e.substring(2,3),e.substring(3,6),e.substring(6,9)].filter((function(t){return t.length>0}));switch(i.length){case 1:return"".concat(e);case 2:return"".concat(i[0],"/").concat(i[1]);case 3:return"".concat(i[0],"/").concat(i[1],".").concat(i[2]);default:return"".concat(i[0],"/").concat(i[1],".").concat(i[2],".").concat(i[3])}}function q(t){if(!t){return""}var e="".concat(t).trim();var i=[e.substring(0,4),e.substring(4,7),e.substring(7,10)].filter((function(t){return t.length>0}));switch(i.length){case 1:return"".concat(e);case 2:return"".concat(i[0],".").concat(i[1]);default:return"".concat(i[0],".").concat(i[1],".").concat(i[2])}}function K(t){if(!t){return""}var e="".concat(t).trim();var i=[e.substring(0,2),e.substring(2,6),e.substring(6,10),e.substring(10,14)].filter((function(t){return t.length>0}));switch(i.length){case 1:return"BE".concat(e);case 2:return"BE".concat(i[0]," ").concat(i[1]);case 3:return"BE".concat(i[0]," ").concat(i[1]," ").concat(i[2]);default:return"BE".concat(i[0]," ").concat(i[1]," ").concat(i[2]," ").concat(i[3])}}var L=10;var P=12;var R=9;var z=9;var W=11;var X=10;var G=14;var I=".bal-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);padding:0}";var J=t("bal_input",function(){function t(t){var e=this;i(this,t);this.balInput=n(this,"balInput");this.balBlur=n(this,"balBlur");this.balKeyPress=n(this,"balKeyPress");this.balFocus=n(this,"balFocus");this.balChange=n(this,"balChange");this.inputId="bal-input-".concat(T++);this.inheritedAttributes={};this.inputValue=this.value;this.initialValue=this.value||"";this.focused=false;this.ariaForm=p;this.name=this.inputId;this.invalid=false;this.textAlign="left";this.type="text";this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=false;this.debounce=0;this.required=false;this.spellcheck=false;this.disabled=false;this.readonly=false;this.clickable=false;this.hasIconRight=false;this.value=undefined;this.mask=undefined;this.autoInvalidOff=false;this.getInputValue=function(){var t;var i=e.nativeInput;var n="";if(i){if(e.allowedKeyPress&&i&&!e.mask){var r=new RegExp("^"+e.allowedKeyPress+"$");var s=i.value.split("").filter((function(t){return r.test(t)})).join("");i.value=s;return s}if(i.value){if(e.mask){switch(e.mask){case"vehicle-registration-number":{n=i.value.replace(/\D/g,"");if(n.length>P){n=n.substring(0,P)}return n}case"contract-number":{n=i.value.replace(/\D/g,"");if(n.charAt(0)==="0"){n=n.substring(1)}if(n.length>L){n=n.substring(0,L)}return n}case"basic-contract-number":{n=i.value.replace(/\D/g,"");if(n.charAt(0)==="0"){n=n.substring(1)}if(n.length>R){n=n.substring(0,R)}return n}case"offer-number":{n=i.value.replace(/\D/g,"");if(n.length>z){n=n.substring(0,z)}return n}case"claim-number":{n=i.value.replace(/[^\dXx]/g,"");var a=[n.substring(0,W-1),n.substring(W-1,W),n.substring(W)].filter((function(t){return t.length>0}));switch(a.length){case 1:n="".concat(a[0].replace(/\D/g,""));break;case 2:n="".concat(a[0].replace(/\D/g,"")).concat(a[1]);break;default:n="".concat(a[0].replace(/\D/g,"")).concat(a[1]).concat((t=a[2])===null||t===void 0?void 0:t.replace(/\D/g,""))}if(n.length>W){n=n.substring(0,W)}return n}case"be-enterprise-number":{n=i.value.replace(/\D/g,"");if(n.length>X){n=n.substring(0,X)}return n}case"be-iban":{n=i.value.replace(/\D/g,"");if(n.length>G){n=n.substring(0,G)}return n}default:return i.value}}}else{e.inputValue=i.value}}return""};this.onInput=function(t){var i,n;var r=y(t);var s=(i=t.target)===null||i===void 0?void 0:i.selectionStart;var a=(n=t.target)===null||n===void 0?void 0:n.selectionEnd;e.inputValue=e.getInputValue();if(r){if(r.value){switch(e.mask){case"vehicle-registration-number":{r.value=E(e.inputValue);if(s<e.inputValue.length){r.setSelectionRange(s,a)}break}case"contract-number":case"basic-contract-number":{r.value=O(e.inputValue);if(s<e.inputValue.length){r.setSelectionRange(s,a)}break}case"offer-number":{r.value=S(e.inputValue);if(s<e.inputValue.length){r.setSelectionRange(s,a)}break}case"claim-number":{r.value=F(e.inputValue);if(s<e.inputValue.length){r.setSelectionRange(s,a)}break}case"be-enterprise-number":{r.value=q(e.inputValue);if(s<e.inputValue.length){r.setSelectionRange(s,a)}break}case"be-iban":{r.value=K(e.inputValue);if(s<e.inputValue.length){r.setSelectionRange(s,a)}break}default:e.inputValue=r.value}}else{e.inputValue=r.value}}e.balInput.emit(e.inputValue)};this.onFocus=function(t){return g(e,t)};this.onBlur=function(t){w(e,t);var i=t.target;if(i){if(e.mask===undefined){i.value=e.getFormattedValue()}k(e)}};this.onKeydown=function(t){if(e.mask!==undefined&&!o(t)&&!d(t)){var i=0;if(e.inputValue){i=e.inputValue.length}if(!(e.getMaskAllowedKeys().includes(t.key)||e.mask==="claim-number"&&(t.key==="X"||t.key==="x")&&i>=W-1)){return _(t)}}if(e.allowedKeyPress&&!e.mask&&!o(t)&&!d(t)){var n=new RegExp("^"+e.allowedKeyPress+"$");if(!n.test(t.key)&&!__spreadArray([],v,true).includes(t.key)){return _(t)}}};this.onClick=function(t){return j(e,t)};this.handleClick=function(t){return x(e,t)}}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=r(this.balChange,this.debounce)};t.prototype.listenOnClick=function(t){D(this,t)};t.prototype.resetHandler=function(t){var e=t.target;if(e===null||e===void 0?void 0:e.contains(this.el)){A(this,this.initialValue,this.resetHandlerTimer)}};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||""};t.prototype.componentWillLoad=function(){this.inheritedAttributes=l(this.el,["aria-label","tabindex","title"])};t.prototype.componentDidLoad=function(){this.inputValue=this.value};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){B(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){C(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.getRawValue=function(){var t=(this.value||"").toString();return t};t.prototype.getFormattedValue=function(){var t=this.getRawValue();var e=this.suffix!==undefined&&t!==undefined&&t!==""?" "+this.suffix:"";return"".concat(t).concat(e)};t.prototype.getMaskAllowedKeys=function(){return __spreadArray(__spreadArray([],m,true),v,true)};t.prototype.render=function(){var t=this;var e=this.focused?this.getRawValue():this.getFormattedValue();if(this.mask!==undefined){switch(this.mask){case"contract-number":case"basic-contract-number":e=O(e);break;case"claim-number":e=F(e);break;case"offer-number":e=S(e);break;case"be-enterprise-number":e=q(e);break;case"be-iban":e=K(e);break}}var i={};if(this.pattern){i={pattern:this.pattern}}var n=b.block("input");var r=this.ariaForm.controlId||this.inputId;return s(a,{key:"b38cc633916b8848286b2fb1f17f4b14fae5ca71",onClick:this.handleClick,"aria-disabled":h(this.disabled),class:Object.assign({},n.class())},s("input",Object.assign({key:"dc043f631ba56a767923b87ef13c370a2d93acbb",class:{input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"is-clickable":this.clickable,"bal-focusable":!this.disabled,"has-icon-right":this.hasIconRight,"has-text-centered":this.textAlign==="center","has-text-right":this.textAlign==="right"},"data-testid":"bal-input",ref:function(e){return t.nativeInput=e},id:r,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":h(this.disabled),disabled:this.disabled,accept:this.accept,inputMode:this.inputmode,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autocorrect:this.autocorrect,autofocus:this.autofocus,min:this.min,max:this.max,minLength:this.minLength,maxLength:this.maxLength,multiple:this.multiple,name:this.name,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,spellcheck:this.spellcheck,type:this.type,value:e,onFocus:this.onFocus,onInput:function(e){return t.onInput(e)},onKeyDown:function(e){return t.onKeydown(e)},onBlur:this.onBlur,onClick:this.onClick,onKeyPress:function(e){return t.balKeyPress.emit(e)}},i,this.inheritedAttributes)))};Object.defineProperty(t.prototype,"el",{get:function(){return u(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}());c([e("bal-input"),f("design:type",Function),f("design:paramtypes",[Function]),f("design:returntype",void 0)],J.prototype,"createLogger",null);var T=0;J.style=I}}}));

package/dist/baloise-design-system/{p-05a5de36af.entry.js → p-5391a66037.entry.js}

@@ -1 +1 @@
-import{r as i,h as r,H as s,g as e}from"./p-2ccbe55a.js";const t=class{constructor(r){i(this,r),this.colClass="col",this.size="full"}render(){return r(s,{key:"5ee1da91eaa100771f43f5ca80e01ac5a47a5d5f",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:"498c7e5a0b163c2cb3e465cb43087db432f92650"}))}get el(){return e(this)}},o=class{constructor(r){i(this,r)}render(){return r(s,{key:"7dd05e54b6f2070956b4630a542c249734981731",class:"bal-form-grid grid is-multiline my-none py-none"},r("slot",{key:"d9490a9e4153d985dad9258dc795ea1b092930f4"}))}};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{t as bal_form_col,o as bal_form_grid}
+import{H as i,M as s,N as r,O as e}from"./p-pkPHUz5e.js";const t=class{constructor(s){i(this,s),this.colClass="col",this.size="full"}render(){return s(r,{key:"5ee1da91eaa100771f43f5ca80e01ac5a47a5d5f",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}},s("slot",{key:"498c7e5a0b163c2cb3e465cb43087db432f92650"}))}get el(){return e(this)}},o=class{constructor(s){i(this,s)}render(){return s(r,{key:"7dd05e54b6f2070956b4630a542c249734981731",class:"bal-form-grid grid is-multiline my-none py-none"},s("slot",{key:"d9490a9e4153d985dad9258dc795ea1b092930f4"}))}};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{t as bal_form_col,o as bal_form_grid}