@baloise/ds-core 17.2.5 → 17.3.0-nightly.20250120

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

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,o,a,r){function c(e){return e instanceof a?e:new a((function(o){o(e)}))}return new(a||(a=Promise))((function(a,b){function l(e){try{n(r.next(e))}catch(e){b(e)}}function t(e){try{n(r["throw"](e))}catch(e){b(e)}}function n(e){e.done?a(e.value):c(e.value).then(l,t)}n((r=r.apply(e,o||[])).next())}))};var __generator=this&&this.__generator||function(e,o){var a={label:0,sent:function(){if(b[0]&1)throw b[1];return b[1]},trys:[],ops:[]},r,c,b,l;return l={next:t(0),throw:t(1),return:t(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function t(e){return function(o){return n([e,o])}}function n(t){if(r)throw new TypeError("Generator is already executing.");while(l&&(l=0,t[0]&&(a=0)),a)try{if(r=1,c&&(b=t[0]&2?c["return"]:t[0]?c["throw"]||((b=c["return"])&&b.call(c),0):c.next)&&!(b=b.call(c,t[1])).done)return b;if(c=0,b)t=[t[0]&2,b.value];switch(t[0]){case 0:case 1:b=t;break;case 4:a.label++;return{value:t[1],done:false};case 5:a.label++;c=t[1];t=[0];continue;case 7:t=a.ops.pop();a.trys.pop();continue;default:if(!(b=a.trys,b=b.length>0&&b[b.length-1])&&(t[0]===6||t[0]===2)){a=0;continue}if(t[0]===3&&(!b||t[1]>b[0]&&t[1]<b[3])){a.label=t[1];break}if(t[0]===6&&a.label<b[1]){a.label=b[1];b=t;break}if(b&&a.label<b[2]){a.label=b[2];a.ops.push(t);break}if(b[2])a.ops.pop();a.trys.pop();continue}t=o.call(e,a)}catch(e){t=[6,e];c=0}finally{r=b=0}if(t[0]&5)throw t[1];return{value:t[0]?t[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-980e4b57.system.js","./p-23bdd8dc.system.js","./p-b52ad8d5.system.js","./p-5cd2674f.system.js","./p-e78be5ef.system.js","./p-a1f6e944.system.js","./p-ef3bfa9f.system.js","./p-eecefb0a.system.js"],(function(e){"use strict";var o,a,r,c,b,l,t,n,i,d,h,s,u,v;return{setters:[function(e){o=e.r;a=e.c;r=e.h;c=e.H;b=e.g},function(e){l=e._;t=e.a},function(e){n=e.B},function(e){i=e.s},function(e){d=e.L},function(e){h=e.F},function(e){s=e.j},function(e){u=e.B;v=e.L},function(){},function(){},function(){}],execute:function(){var k="@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-symbol-size:1.5rem;--bal-radio-checkbox-symbol-width:calc(0.5rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.875rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.5rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.25rem;--bal-radio-checkbox-label-min-height:1.5rem;--bal-radio-checkbox-select-button-background-hover:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked:var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white);--bal-radio-checkbox-button-background:transparent;--bal-radio-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color:var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color:var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked:var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid:var(--bal-color-border-danger)}.bal-checkbox-button{display:block;position:relative;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-checkbox-button--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-checkbox-button--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-checkbox-button--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-checkbox-button--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-checkbox-button--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-checkbox-button--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-checkbox-button--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-checkbox-button--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-checkbox-button--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-checkbox-button--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-checkbox-button--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-checkbox-button--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)}}.bal-checkbox-button__native{display:block;width:100%;height:100%;background:var(--bal-radio-checkbox-button-background);border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-width:var(--bal-form-field-control-border-width);border-color:var(--bal-radio-checkbox-button-border-color);padding:var(--bal-text-size-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-checkbox-button__native--checked{border-color:var(--bal-radio-checkbox-button-border-color-checked)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-green{background:var(--bal-radio-checkbox-button-background-checked-green)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-purple{background:var(--bal-radio-checkbox-button-background-checked-purple)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-red{background:var(--bal-radio-checkbox-button-background-checked-red)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-yellow{background:var(--bal-radio-checkbox-button-background-checked-yellow)}.bal-checkbox-button__native:disabled,.bal-checkbox-button__native--disabled{background:var(--bal-radio-checkbox-button-background-disabled);border-color:var(--bal-radio-checkbox-button-border-color-disabled);cursor:default}.bal-checkbox-button__native--invalid{border-color:var(--bal-radio-checkbox-button-border-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native:hover:not(:disabled):not(.bal-checkbox-button__native--colored){background:var(--bal-radio-checkbox-button-background-hover);border-color:var(--bal-radio-checkbox-button-border-color-hover)}}.bal-checkbox-button__native:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native--invalid:hover:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-hover)}.bal-checkbox-button__native--invalid:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-active)}}";var f=k;var x=e("bal_checkbox_button",function(){function e(e){var r=this;o(this,e);this.balFocus=a(this,"balFocus",7);this.balBlur=a(this,"balBlur",7);this.balFormControlDidLoad=a(this,"balFormControlDidLoad",7);this.keyboardMode=true;this.onClick=function(e){if(r.disabled||r.readonly){return i(e)}var o=e.target;if(o&&o.href){return}var a=r.el.querySelector("bal-checkbox");var c=e.target;if(a&&c){var b=c===a||s(a,c);if(!b){i(e);a.click()}}};this.onFocus=function(e){var o;if(r.disabled||r.readonly){return i(e)}var a=r.el.querySelector("bal-checkbox");var c=e.target;if(r.keyboardMode){r.focused=true}if(a&&c){var b=c===a||s(a,c);if(b){i(e);(o=a.querySelector("input"))===null||o===void 0?void 0:o.focus()}}else{r.balFocus.emit()}};this.onBlur=function(e){var o;if(r.disabled||r.readonly){return i(e)}var a=r.el.querySelector("bal-checkbox");var c=e.target;r.focused=false;if(a&&c){var b=c===a||s(a,c);if(b){i(e);(o=a.querySelector("input"))===null||o===void 0?void 0:o.blur()}}else{r.balBlur.emit()}};this.onPointerDown=function(){return r.keyboardMode=false};this.onKeydown=function(e){return r.keyboardMode=h.includes(e.key)};this.interactionState=u.DefaultState;this.checked=false;this.focused=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.color=undefined;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1}e.prototype.createLogger=function(e){this.log=e};e.prototype.invalidHandler=function(){this.updateProps("invalid",["bal-checkbox","bal-icon","bal-label","bal-text"])};e.prototype.disabledHandler=function(){this.updateProps("disabled",["bal-checkbox","bal-icon","bal-label","bal-text"])};e.prototype.readonlyHandler=function(){this.updateProps("readonly",["bal-checkbox","bal-icon","bal-label","bal-text"])};e.prototype.connectedCallback=function(){this.triggerAllHandlers();this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};e.prototype.componentWillLoad=function(){this.triggerAllHandlers()};e.prototype.componentDidLoad=function(){this.balFormControlDidLoad.emit(this.el)};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.elementStateListener=function(e){this.interactionChildElements.forEach((function(o){o.hovered=e.hovered;o.pressed=e.pressed}))};e.prototype.setChecked=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=true}return __generator(this,(function(o){this.checked=e;return[2]}))}))};Object.defineProperty(e.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-checkbox"))},enumerable:false,configurable:true});e.prototype.triggerAllHandlers=function(){this.disabledHandler();this.readonlyHandler();this.invalidHandler()};e.prototype.updateProps=function(e,o){var a=this[e];if(a!==undefined){this.notifyComponents(o,(function(o){return o[e]=a}))}};e.prototype.notifyComponents=function(e,o){var a=this.el.querySelectorAll(e.join(", "));a.forEach((function(e){return o(e)}))};e.prototype.render=function(){var e=n.block("checkbox-button");var o=!!this.disabled||!!this.readonly;var a=!!this.invalid;var b=!!this.color;var l=this.checked&&b;return r(c,{key:"1cc87d4d87494ed93c669658d6b113ecdded148e",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("column-".concat(this.colSize)).class(this.colSize>1)),e.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.colSizeTablet>1)),e.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.colSizeMobile>1)),onClick:this.onClick},r("button",{key:"2875aff0c5511077bbbbf697e589ca2e9cba9861",role:"checkbox",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("native").class()),e.element("native").modifier("disabled").class(o)),e.element("native").modifier("invalid").class(a)),e.element("native").modifier("checked").class(this.checked)),e.element("native").modifier("colored").class(l)),e.element("native").modifier("color-".concat(this.color)).class(b)),{"bal-focusable":!this.disabled}),disabled:o,onFocus:this.onFocus,onBlur:this.onBlur},r("slot",{key:"e83b0706ab2f9d2c8f39b15a654159448921336a"})))};Object.defineProperty(e.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}},enumerable:false,configurable:true});return e}());l([d("bal-checkbox-button"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],x.prototype,"createLogger",null);l([v(),t("design:type",Function),t("design:paramtypes",[Object]),t("design:returntype",void 0)],x.prototype,"elementStateListener",null);x.style=f}}}));

package/dist/baloise-design-system/{p-cc35663d.js → p-513f6b88.js}

@@ -1 +1 @@
-import{h as t}from"./p-2ccbe55a.js";import{j as i,k as s,l as e,r as n,o as h}from"./p-f64319f1.js";import{B as r}from"./p-ae86d0a0.js";import{s as o}from"./p-cc8cfbf3.js";import{j as a}from"./p-dc98854c.js";const l=t=>"string"==typeof t?t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase():"",c=t=>parseInt(t.slice(0,-2),10),d=(t,i=16)=>{if("undefined"==typeof window||void 0===t)return{top:i,right:i,bottom:i,left:i};const s=window.getComputedStyle(t);return{top:c(s.getPropertyValue("padding-top")),right:c(s.getPropertyValue("padding-right")),bottom:c(s.getPropertyValue("padding-bottom")),left:c(s.getPropertyValue("padding-left"))}},u=t=>{if("undefined"==typeof window)return t.clientWidth;const i=window.getComputedStyle(t),s=i.getPropertyValue("box-sizing"),e=c(i.getPropertyValue("width"));if("border-box"===s)return e;const n=c(i.getPropertyValue("padding-right"));return c(i.getPropertyValue("padding-left"))+e+n},f=t=>{const i=Array.from(t.children);let s=0;for(const t of i)s=Math.max(s,t.offsetLeft+t.offsetWidth);return s},b={de:{left:"vorherige",right:"nächste"},en:{left:"previous",right:"next"},fr:{left:"précédent",right:"suivant"},it:{left:"precedente",right:"successivo"},nl:{left:"vorige",right:"volgende"},es:{left:"anterior",right:"siguiente"},pl:{left:"poprzedni",right:"następny"},pt:{left:"anterior",right:"próximo"},sv:{left:"föregående",right:"nästa"},fi:{left:"edellinen",right:"seuraava"}},g=({isFirst:i,isLast:s,inverted:e,leftControlTitle:n,rightControlTitle:h,containerId:o,onNextClick:a,onPreviousClick:l})=>{const c=r.block("swiper").element("controls"),d=c.element("button");return t("div",{class:Object.assign(Object.assign({},c.class()),c.modifier("small").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("left").class()),d.modifier("hidden").class(i)),"aria-controls":o,square:!0,size:"small",icon:"nav-go-left",rounded:!0,inverted:e,onClick:()=>l(),disabled:i,tabindex:"-1","data-testid":"bal-carousel-control-left",title:n}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("right").class()),d.modifier("hidden").class(s)),"aria-controls":o,square:!0,size:"small",icon:"nav-go-right",rounded:!0,inverted:e,onClick:()=>a(),disabled:s,tabindex:"-1","data-testid":"bal-carousel-control-right",title:h}))},w=({isFirst:i,isLast:s,inverted:e,areControlsHidden:n,onNextClick:h,onPreviousClick:o,containerId:a,leftControlTitle:l,rightControlTitle:c})=>{const d=r.block("swiper").element("controls"),u=d.element("button");return t("div",{"data-mutation":"false",class:Object.assign(Object.assign({},d.class()),d.modifier("large").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("left").class()),u.modifier("hidden").class(i&&n)),"aria-controls":a,square:!0,icon:"nav-go-left",rounded:!0,inverted:e,onClick:()=>o(),tabindex:-1,disabled:i,"aria-hidden":i&&n?"true":null,"data-testid":"bal-carousel-control-left",title:l}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("right").class()),u.modifier("hidden").class(s&&n)),"aria-controls":a,square:!0,icon:"nav-go-right",rounded:!0,inverted:e,onClick:()=>h(),tabindex:-1,disabled:s,"aria-hidden":s&&n?"true":null,"data-testid":"bal-carousel-control-right",title:c}))},p=({value:i,items:s,containerId:e,onControlChange:n})=>{const h=r.block("swiper").element("controls");return t("div",{class:Object.assign(Object.assign({},h.class()),h.modifier("dots").class())},t("bal-pagination",{"aria-controls":e,interface:"small",value:i+1,totalPages:s.length,onBalChange:t=>{let i=t.detail-1;i<0&&(i=0),i>=s.length&&(i=s.length-1),n(s[i])}}))};class v{constructor(){this.previousTransformValue=0,this.active=!0,this.id="bal-swiper-"+m++,this.containerId=`${this.id}-container`,this.index=0,this.gapSize=0,this.steps=1,this.noNeedForControls=!0,this.isLastSlideVisible=!1,this.itemsPerView=1,this.controls="none",this.keyboardMode=!1,this.shiftMode=!1,this.isInsideContainer=!1,this.focusByKey=!1,this.pointerDown=()=>{this.keyboardMode=!1,this.shiftMode=!1,this.focusByKey=!1,this.isInsideContainer=!1},this.listenToKeyDown=t=>{this.keyboardMode=a(t),this.shiftMode=t.shiftKey,this.focusByKey=!1,this.isInsideContainer=i(this.containerEl,t.target),this.active&&"dots"!==this.controls&&"tabs"!==this.controls&&this.isInsideContainer&&this.keyboardMode&&(this.shiftMode&&this.index>0?(this.focusByKey=!0,this.focusPreviousItem(t)):!this.shiftMode&&this.index<this.lastIndex()&&(this.focusByKey=!0,this.focusNextItem(t)))},this.updateFocus=()=>{this.active&&"dots"!==this.controls&&"tabs"!==this.controls&&this.focusByKey&&!this.isInsideContainer&&this.focusItem(this.shiftMode?this.lastIndex():0)},this.cssBlock=r.block("swiper"),this.cssSwiper=()=>Object.assign({},this.cssBlock.class(this.active)),this.cssInnerSwiper=()=>Object.assign(Object.assign(Object.assign(Object.assign({},this.cssBlock.element("inner").class(this.active)),this.cssBlock.element("inner").modifier(`items-per-view-${this.itemsPerView}`).class(this.active)),this.cssBlock.element("inner").modifier("shadow-left").class(this.hasShadowLeft())),this.cssBlock.element("inner").modifier("shadow-right").class(this.hasShadowRight())),this.cssSwiperContainer=()=>Object.assign({},this.cssBlock.element("container").class(this.active)),this.notifyChange=s((()=>this.notifyChangeInternal()),100),this.onControlChange=t=>{t!==this.index&&(t>this.index?this.next(t-this.index):this.previous(this.index-t))},this.onPreviousButtonClick=()=>this.previous(),this.onNextButtonClick=()=>this.next()}connectedCallback(t){this.component=t,e(window,"keydown",this.listenToKeyDown),e(this.component.el,"focusin",this.updateFocus),e(window,"touchstart",this.pointerDown),e(window,"mousedown",this.pointerDown)}disconnectedCallback(){n(window,"keydown",this.listenToKeyDown),n(this.component.el,"focusin",this.updateFocus),n(window,"touchstart",this.pointerDown),n(window,"mousedown",this.pointerDown)}isActive(){return this.active}async activate(){this.active=!0}async disable(){this.active=!1}async focusItem(t){const i=await this.goTo(t);i&&i.el&&await this.setFocusToEl(i.el)}async focusNextItem(t){const i=await this.next(1);i&&i.el&&(o(t),await this.setFocusToEl(i.el))}async focusPreviousItem(t){const i=await this.previous(1);i&&i.el&&(o(t),await this.setFocusToEl(i.el))}async setFocusToEl(t){t.setFocus&&await t.setFocus()}isFirst(){return 0===this.index}hasShadowLeft(){return this.hasShadow()&&0!==this.index&&this.active}hasShadowRight(){return this.hasShadow()&&!this.isLastSlideVisible&&this.active}isLast(){return this.isLastSlideVisible}async previous(t=this.steps){let i=this.index-t;return i<0&&(i=0),this.goTo(i)}async next(t=this.steps){const i=this.component.swiperGetAllChildrenElements().length;let s=this.index+t;return s>=i&&(s=i-1),this.goTo(s)}async updateIndex(t=this.index){this.index!==t&&(this.goTo(t),this.index=t,this.component.swiperOnChange(this.index))}async goTo(t=this.index){if(this.active){const i=await this.buildSlide(t);return i&&(await this.animate(i.transformActive,!0)||this.index!==t)&&(this.index=t,this.component.swiperOnChange(this.index)),i}}renderControls(){if(!this.active||this.noNeedForControls||!this.component.hasAnimated)return"";const i=b[this.component.language].left,s=b[this.component.language].right;switch(this.controls){case"small":return t(g,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.component.inverted,leftControlTitle:i,rightControlTitle:s,containerId:this.containerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()});case"large":return t(w,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.component.inverted,areControlsHidden:!this.component.isMobile,leftControlTitle:i,rightControlTitle:s,containerId:this.containerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()});case"dots":return t(p,{value:this.index,items:this.getAllControlItems(),containerId:this.containerId,onControlChange:t=>this.onControlChange(t.value)});default:return""}}getAllControlItems(){return this.component.swiperGetAllChildrenElements().map(((t,i)=>({value:i,label:t.label})))}lastIndex(){return this.component.swiperGetAllChildrenElements().length-1}hasShadow(){return!this.component.inverted&&("auto"===this.itemsPerView||this.itemsPerView>1)}async notifyChangeInternal(){const t=await this.buildSlide(this.index);t&&this.animate(t.transformActive,!1)}async buildSlide(t){const i=this.component.swiperGetAllChildrenElements(),s=void 0===t?this.lastIndex():t;if(i.length>s&&s>=0){const t=this.gapSize,e=i.filter(((t,i)=>i<s+1)).reduce(((i,s)=>i+u(s)+t),0),n=i.filter(((t,i)=>i<s)).reduce(((i,s)=>i+u(s)+t),0);return{el:i[s],transformNext:e,transformActive:n,isFirst:0===s,isLast:s===this.lastIndex(),total:this.lastIndex()+1,index:s}}}async animate(t=0,i=!0){return new Promise((s=>{void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.currentRaf=h((async()=>{if(this.containerEl&&this.innerEl){const e=await this.buildSlide();if(e){const n=e.transformNext||0,h=this.innerEl.clientWidth||0;if(0===n||0===h)return s(!1);let r=n-h;3===this.itemsPerView&&(r=n-h-1);const o=r<=t,a=0===t||r<=2;a&&(this.index=0);const l="small"===this.controls,c="large"===this.controls;this.noNeedForControls=n<=h;let d=this.noNeedForControls?0:o?r:t;a||this.noNeedForControls||!(l||c&&!this.component.isMobile)||(d-=o?0:c?56:48),this.containerEl.style.transitionDuration=i?"0.6s":"0",this.containerEl.style.transform=`translate3d(-${d}px, 0px, 0px)`;const u=d!==this.previousTransformValue;return this.previousTransformValue=d,this.isLastSlideVisible=o,this.borderEl&&(this.borderEl.style.transitionDuration=i?"0.6s":"0",this.borderEl.style.transform=`translate3d(${d}px, 0px, 0px)`),this.component.hasAnimated=!0,s(!!u)}}}))}))}}let m=0;export{v as S,f as a,d as g,l as t}
+import{h as t}from"./p-2ccbe55a.js";import{j as i,k as s,l as e,r as n,o as h}from"./p-ef6a64f4.js";import{B as r}from"./p-ae86d0a0.js";import{s as o}from"./p-e3e1d211.js";import{j as a}from"./p-dc98854c.js";const l=t=>"string"==typeof t?t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase():"",c=t=>parseInt(t.slice(0,-2),10),d=(t,i=16)=>{if("undefined"==typeof window||void 0===t)return{top:i,right:i,bottom:i,left:i};const s=window.getComputedStyle(t);return{top:c(s.getPropertyValue("padding-top")),right:c(s.getPropertyValue("padding-right")),bottom:c(s.getPropertyValue("padding-bottom")),left:c(s.getPropertyValue("padding-left"))}},u=t=>{if("undefined"==typeof window)return t.clientWidth;const i=window.getComputedStyle(t),s=i.getPropertyValue("box-sizing"),e=c(i.getPropertyValue("width"));if("border-box"===s)return e;const n=c(i.getPropertyValue("padding-right"));return c(i.getPropertyValue("padding-left"))+e+n},f=t=>{const i=Array.from(t.children);let s=0;for(const t of i)s=Math.max(s,t.offsetLeft+t.offsetWidth);return s},b={de:{left:"vorherige",right:"nächste"},en:{left:"previous",right:"next"},fr:{left:"précédent",right:"suivant"},it:{left:"precedente",right:"successivo"},nl:{left:"vorige",right:"volgende"},es:{left:"anterior",right:"siguiente"},pl:{left:"poprzedni",right:"następny"},pt:{left:"anterior",right:"próximo"},sv:{left:"föregående",right:"nästa"},fi:{left:"edellinen",right:"seuraava"}},g=({isFirst:i,isLast:s,inverted:e,leftControlTitle:n,rightControlTitle:h,containerId:o,onNextClick:a,onPreviousClick:l})=>{const c=r.block("swiper").element("controls"),d=c.element("button");return t("div",{class:Object.assign(Object.assign({},c.class()),c.modifier("small").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("left").class()),d.modifier("hidden").class(i)),"aria-controls":o,square:!0,size:"small",icon:"nav-go-left",rounded:!0,inverted:e,onClick:()=>l(),disabled:i,tabindex:"-1","data-testid":"bal-carousel-control-left",title:n}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("right").class()),d.modifier("hidden").class(s)),"aria-controls":o,square:!0,size:"small",icon:"nav-go-right",rounded:!0,inverted:e,onClick:()=>a(),disabled:s,tabindex:"-1","data-testid":"bal-carousel-control-right",title:h}))},w=({isFirst:i,isLast:s,inverted:e,areControlsHidden:n,onNextClick:h,onPreviousClick:o,containerId:a,leftControlTitle:l,rightControlTitle:c})=>{const d=r.block("swiper").element("controls"),u=d.element("button");return t("div",{"data-mutation":"false",class:Object.assign(Object.assign({},d.class()),d.modifier("large").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("left").class()),u.modifier("hidden").class(i&&n)),"aria-controls":a,square:!0,icon:"nav-go-left",rounded:!0,inverted:e,onClick:()=>o(),tabindex:-1,disabled:i,"aria-hidden":i&&n?"true":null,"data-testid":"bal-carousel-control-left",title:l}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("right").class()),u.modifier("hidden").class(s&&n)),"aria-controls":a,square:!0,icon:"nav-go-right",rounded:!0,inverted:e,onClick:()=>h(),tabindex:-1,disabled:s,"aria-hidden":s&&n?"true":null,"data-testid":"bal-carousel-control-right",title:c}))},p=({value:i,items:s,containerId:e,onControlChange:n})=>{const h=r.block("swiper").element("controls");return t("div",{class:Object.assign(Object.assign({},h.class()),h.modifier("dots").class())},t("bal-pagination",{"aria-controls":e,interface:"small",value:i+1,totalPages:s.length,onBalChange:t=>{let i=t.detail-1;i<0&&(i=0),i>=s.length&&(i=s.length-1),n(s[i])}}))};class v{constructor(){this.previousTransformValue=0,this.active=!0,this.id="bal-swiper-"+m++,this.containerId=`${this.id}-container`,this.index=0,this.gapSize=0,this.steps=1,this.noNeedForControls=!0,this.isLastSlideVisible=!1,this.itemsPerView=1,this.controls="none",this.keyboardMode=!1,this.shiftMode=!1,this.isInsideContainer=!1,this.focusByKey=!1,this.pointerDown=()=>{this.keyboardMode=!1,this.shiftMode=!1,this.focusByKey=!1,this.isInsideContainer=!1},this.listenToKeyDown=t=>{this.keyboardMode=a(t),this.shiftMode=t.shiftKey,this.focusByKey=!1,this.isInsideContainer=i(this.containerEl,t.target),this.active&&"dots"!==this.controls&&"tabs"!==this.controls&&this.isInsideContainer&&this.keyboardMode&&(this.shiftMode&&this.index>0?(this.focusByKey=!0,this.focusPreviousItem(t)):!this.shiftMode&&this.index<this.lastIndex()&&(this.focusByKey=!0,this.focusNextItem(t)))},this.updateFocus=()=>{this.active&&"dots"!==this.controls&&"tabs"!==this.controls&&this.focusByKey&&!this.isInsideContainer&&this.focusItem(this.shiftMode?this.lastIndex():0)},this.cssBlock=r.block("swiper"),this.cssSwiper=()=>Object.assign({},this.cssBlock.class(this.active)),this.cssInnerSwiper=()=>Object.assign(Object.assign(Object.assign(Object.assign({},this.cssBlock.element("inner").class(this.active)),this.cssBlock.element("inner").modifier(`items-per-view-${this.itemsPerView}`).class(this.active)),this.cssBlock.element("inner").modifier("shadow-left").class(this.hasShadowLeft())),this.cssBlock.element("inner").modifier("shadow-right").class(this.hasShadowRight())),this.cssSwiperContainer=()=>Object.assign({},this.cssBlock.element("container").class(this.active)),this.notifyChange=s((()=>this.notifyChangeInternal()),100),this.onControlChange=t=>{t!==this.index&&(t>this.index?this.next(t-this.index):this.previous(this.index-t))},this.onPreviousButtonClick=()=>this.previous(),this.onNextButtonClick=()=>this.next()}connectedCallback(t){this.component=t,e(window,"keydown",this.listenToKeyDown),e(this.component.el,"focusin",this.updateFocus),e(window,"touchstart",this.pointerDown),e(window,"mousedown",this.pointerDown)}disconnectedCallback(){n(window,"keydown",this.listenToKeyDown),n(this.component.el,"focusin",this.updateFocus),n(window,"touchstart",this.pointerDown),n(window,"mousedown",this.pointerDown)}isActive(){return this.active}async activate(){this.active=!0}async disable(){this.active=!1}async focusItem(t){const i=await this.goTo(t);i&&i.el&&await this.setFocusToEl(i.el)}async focusNextItem(t){const i=await this.next(1);i&&i.el&&(o(t),await this.setFocusToEl(i.el))}async focusPreviousItem(t){const i=await this.previous(1);i&&i.el&&(o(t),await this.setFocusToEl(i.el))}async setFocusToEl(t){t.setFocus&&await t.setFocus()}isFirst(){return 0===this.index}hasShadowLeft(){return this.hasShadow()&&0!==this.index&&this.active}hasShadowRight(){return this.hasShadow()&&!this.isLastSlideVisible&&this.active}isLast(){return this.isLastSlideVisible}async previous(t=this.steps){let i=this.index-t;return i<0&&(i=0),this.goTo(i)}async next(t=this.steps){const i=this.component.swiperGetAllChildrenElements().length;let s=this.index+t;return s>=i&&(s=i-1),this.goTo(s)}async updateIndex(t=this.index){this.index!==t&&(this.goTo(t),this.index=t,this.component.swiperOnChange(this.index))}async goTo(t=this.index){if(this.active){const i=await this.buildSlide(t);return i&&(await this.animate(i.transformActive,!0)||this.index!==t)&&(this.index=t,this.component.swiperOnChange(this.index)),i}}renderControls(){if(!this.active||this.noNeedForControls||!this.component.hasAnimated)return"";const i=b[this.component.language].left,s=b[this.component.language].right;switch(this.controls){case"small":return t(g,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.component.inverted,leftControlTitle:i,rightControlTitle:s,containerId:this.containerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()});case"large":return t(w,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.component.inverted,areControlsHidden:!this.component.isMobile,leftControlTitle:i,rightControlTitle:s,containerId:this.containerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()});case"dots":return t(p,{value:this.index,items:this.getAllControlItems(),containerId:this.containerId,onControlChange:t=>this.onControlChange(t.value)});default:return""}}getAllControlItems(){return this.component.swiperGetAllChildrenElements().map(((t,i)=>({value:i,label:t.label})))}lastIndex(){return this.component.swiperGetAllChildrenElements().length-1}hasShadow(){return!this.component.inverted&&("auto"===this.itemsPerView||this.itemsPerView>1)}async notifyChangeInternal(){const t=await this.buildSlide(this.index);t&&this.animate(t.transformActive,!1)}async buildSlide(t){const i=this.component.swiperGetAllChildrenElements(),s=void 0===t?this.lastIndex():t;if(i.length>s&&s>=0){const t=this.gapSize,e=i.filter(((t,i)=>i<s+1)).reduce(((i,s)=>i+u(s)+t),0),n=i.filter(((t,i)=>i<s)).reduce(((i,s)=>i+u(s)+t),0);return{el:i[s],transformNext:e,transformActive:n,isFirst:0===s,isLast:s===this.lastIndex(),total:this.lastIndex()+1,index:s}}}async animate(t=0,i=!0){return new Promise((s=>{void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.currentRaf=h((async()=>{if(this.containerEl&&this.innerEl){const e=await this.buildSlide();if(e){const n=e.transformNext||0,h=this.innerEl.clientWidth||0;if(0===n||0===h)return s(!1);let r=n-h;3===this.itemsPerView&&(r=n-h-1);const o=r<=t,a=0===t||r<=2;a&&(this.index=0);const l="small"===this.controls,c="large"===this.controls;this.noNeedForControls=n<=h;let d=this.noNeedForControls?0:o?r:t;a||this.noNeedForControls||!(l||c&&!this.component.isMobile)||(d-=o?0:c?56:48),this.containerEl.style.transitionDuration=i?"0.6s":"0",this.containerEl.style.transform=`translate3d(-${d}px, 0px, 0px)`;const u=d!==this.previousTransformValue;return this.previousTransformValue=d,this.isLastSlideVisible=o,this.borderEl&&(this.borderEl.style.transitionDuration=i?"0.6s":"0",this.borderEl.style.transform=`translate3d(${d}px, 0px, 0px)`),this.component.hasAnimated=!0,s(!!u)}}}))}))}}let m=0;export{v as S,f as a,d as g,l as t}

package/dist/baloise-design-system/p-540bfa19.system.js

@@ -0,0 +1 @@
+System.register(["./p-273fb2c2.system.js"],(function(t){"use strict";var e;return{setters:[function(t){e=t.i}],execute:function(){t("g",n);function n(){e()}}}}));

package/dist/baloise-design-system/{p-f557519e.js → p-54926c03.js}

@@ -1 +1 @@
-import{k as t,l as s,r as i}from"./p-f64319f1.js";import{b as e}from"./p-a65354df.js";import{b as h}from"./p-96216bd1.js";import{L as r,S as n}from"./p-acf222fd.js";import{b as o,a,c,d as u,e as l}from"./p-0bd1bf82.js";class d{constructor(t={}){this.previousWidth=e.window.width,this.previousHeight=e.window.height,this.previousIsLandscape=this.isLandscape,this.options={onlyListenToWidthChanges:!1},this.options=Object.assign(Object.assign({},this.options),t)}async hasResized(){if(h.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape)return this.resetPreviousValues(),!0}else if(this.options.onlyListenToWidthChanges){if(!this.sameWidth)return this.resetPreviousValues(),!0}else if(!this.sameWidth||!this.sameHeight)return this.resetPreviousValues(),!0;return!1}get isLandscape(){return e.window.width>e.window.height}get sameWidth(){return this.previousWidth===e.window.width}get sameHeight(){return this.previousHeight===e.window.height}resetPreviousValues(){this.previousWidth=e.window.width,this.previousHeight=e.window.height,this.previousIsLandscape=this.isLandscape}}class f extends r{constructor(){super(...arguments),this.resizeHandler=new d({onlyListenToWidthChanges:!0}),this.debouncedNotify=t((()=>this.notify()),100),this.notify=async()=>{await this.resizeHandler.hasResized()&&super.notify(void 0)}}connect(t){super.connect(t),this.el&&s(this.el,"resize",this.debouncedNotify,{passive:!0})}disconnect(){super.disconnect(),this.el&&i(this.el,"resize",this.debouncedNotify)}}const p=t=>parseInt(t.slice(0,-2),10),b=p(l),g=p(o),m=p(a),w=p(c),j=p(u),D=t=>t.innerWidth<b,k=t=>{const s=t.innerWidth;return s>=b&&s<g},v=t=>D(t)||k(t),O={mobile:D,tablet:k,touch:v,desktop:t=>!v(t),highDefinition:t=>{const s=t.innerWidth;return s>=m&&s<w},widescreen:t=>{const s=t.innerWidth;return s>=w&&s<j},fullhd:t=>t.innerWidth>=j};class y{constructor(){this.breakpoints=[],e.hasWindow&&(this.win=window,this.win.BaloiseDesignSystem=this.win.BaloiseDesignSystem||{},this.detect())}get isMobile(){return this.includes("mobile")}get isTablet(){return this.includes("tablet")}get isTouch(){return this.includes("touch")}get isDesktop(){return this.includes("desktop")}get isHighDefinition(){return this.includes("highDefinition")}get isWidescreen(){return this.includes("widescreen")}get isFullHD(){return this.includes("fullhd")}includes(t){var s;return this.detect(),!!(null===(s=this.breakpoints)||void 0===s?void 0:s.includes(t))}detect(){return this.win&&(this.breakpoints=Object.keys(O).filter((t=>O[t](this.win))),this.win.BaloiseDesignSystem.breakpoints=this.breakpoints,this.win.BaloiseDesignSystem.platforms=this.breakpoints),this.breakpoints}toObject(){return{mobile:this.breakpoints.includes("mobile"),tablet:this.breakpoints.includes("tablet"),touch:this.breakpoints.includes("touch"),desktop:this.breakpoints.includes("desktop"),highDefinition:this.breakpoints.includes("highDefinition"),widescreen:this.breakpoints.includes("widescreen"),fullhd:this.breakpoints.includes("fullhd")}}}const L=new y,T={mobile:!1,tablet:!1,touch:!1,desktop:!1,highDefinition:!1,widescreen:!1,fullhd:!1};class W extends n{constructor(){super((t=>t.breakpointListener(this.state))),this.state=T,this.listener=new f,this.debouncedNotify=t((()=>this.notify()),50),this.listener.connect(),this.listener.add((()=>{L.detect();const t=L.toObject();this.isEqual(t)||(this.state=t,this.debouncedNotify())}))}attach(t){super.attach(t),L.detect();const s=L.toObject();this.isEqual(s)||(this.state=s,this.debouncedNotify())}isEqual(t){return JSON.stringify(this.state)===JSON.stringify(t)}}const x=new W;export{f as B,x as a,L as b,W as c,y as d}
+import{k as t,l as s,r as i}from"./p-ef6a64f4.js";import{b as e}from"./p-a65354df.js";import{b as h}from"./p-96216bd1.js";import{L as r,S as n}from"./p-acf222fd.js";import{b as o,a,c,d as u,e as l}from"./p-37159e1a.js";class d{constructor(t={}){this.previousWidth=e.window.width,this.previousHeight=e.window.height,this.previousIsLandscape=this.isLandscape,this.options={onlyListenToWidthChanges:!1},this.options=Object.assign(Object.assign({},this.options),t)}async hasResized(){if(h.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape)return this.resetPreviousValues(),!0}else if(this.options.onlyListenToWidthChanges){if(!this.sameWidth)return this.resetPreviousValues(),!0}else if(!this.sameWidth||!this.sameHeight)return this.resetPreviousValues(),!0;return!1}get isLandscape(){return e.window.width>e.window.height}get sameWidth(){return this.previousWidth===e.window.width}get sameHeight(){return this.previousHeight===e.window.height}resetPreviousValues(){this.previousWidth=e.window.width,this.previousHeight=e.window.height,this.previousIsLandscape=this.isLandscape}}class f extends r{constructor(){super(...arguments),this.resizeHandler=new d({onlyListenToWidthChanges:!0}),this.debouncedNotify=t((()=>this.notify()),100),this.notify=async()=>{await this.resizeHandler.hasResized()&&super.notify(void 0)}}connect(t){super.connect(t),this.el&&s(this.el,"resize",this.debouncedNotify,{passive:!0})}disconnect(){super.disconnect(),this.el&&i(this.el,"resize",this.debouncedNotify)}}const p=t=>parseInt(t.slice(0,-2),10),b=p(l),g=p(o),m=p(a),w=p(c),j=p(u),D=t=>t.innerWidth<b,k=t=>{const s=t.innerWidth;return s>=b&&s<g},v=t=>D(t)||k(t),O={mobile:D,tablet:k,touch:v,desktop:t=>!v(t),highDefinition:t=>{const s=t.innerWidth;return s>=m&&s<w},widescreen:t=>{const s=t.innerWidth;return s>=w&&s<j},fullhd:t=>t.innerWidth>=j};class y{constructor(){this.breakpoints=[],e.hasWindow&&(this.win=window,this.win.BaloiseDesignSystem=this.win.BaloiseDesignSystem||{},this.detect())}get isMobile(){return this.includes("mobile")}get isTablet(){return this.includes("tablet")}get isTouch(){return this.includes("touch")}get isDesktop(){return this.includes("desktop")}get isHighDefinition(){return this.includes("highDefinition")}get isWidescreen(){return this.includes("widescreen")}get isFullHD(){return this.includes("fullhd")}includes(t){var s;return this.detect(),!!(null===(s=this.breakpoints)||void 0===s?void 0:s.includes(t))}detect(){return this.win&&(this.breakpoints=Object.keys(O).filter((t=>O[t](this.win))),this.win.BaloiseDesignSystem.breakpoints=this.breakpoints,this.win.BaloiseDesignSystem.platforms=this.breakpoints),this.breakpoints}toObject(){return{mobile:this.breakpoints.includes("mobile"),tablet:this.breakpoints.includes("tablet"),touch:this.breakpoints.includes("touch"),desktop:this.breakpoints.includes("desktop"),highDefinition:this.breakpoints.includes("highDefinition"),widescreen:this.breakpoints.includes("widescreen"),fullhd:this.breakpoints.includes("fullhd")}}}const L=new y,T={mobile:!1,tablet:!1,touch:!1,desktop:!1,highDefinition:!1,widescreen:!1,fullhd:!1};class W extends n{constructor(){super((t=>t.breakpointListener(this.state))),this.state=T,this.listener=new f,this.debouncedNotify=t((()=>this.notify()),50),this.listener.connect(),this.listener.add((()=>{L.detect();const t=L.toObject();this.isEqual(t)||(this.state=t,this.debouncedNotify())}))}attach(t){super.attach(t),L.detect();const s=L.toObject();this.isEqual(s)||(this.state=s,this.debouncedNotify())}isEqual(t){return JSON.stringify(this.state)===JSON.stringify(t)}}const x=new W;export{f as B,x as a,L as b,W as c,y as d}

package/dist/baloise-design-system/{p-80f1ad47.js → p-56dee285.js}

@@ -1 +1 @@
-import{B as t}from"./p-f557519e.js";import{a as s}from"./p-acf222fd.js";import{b as i}from"./p-a65354df.js";class n extends s{constructor(){super((t=>{t.windowResizeListener()})),this.listener=new t}attach(t){super.attach(t),i.hasWindow&&(this.listener.connect(window),this.listener.add((()=>super.notify())))}detach(){super.detach(),this.listener.disconnect()}}function e(){return function(t){const{connectedCallback:s,disconnectedCallback:i}=t;t.connectedCallback=function(){return this._balWindowResizeSubject||(this._balWindowResizeSubject=new n,this._balWindowResizeSubject.attach(this)),s&&s.call(this)},t.disconnectedCallback=function(){return this._balWindowResizeSubject&&(this._balWindowResizeSubject.detach(),this._balWindowResizeSubject=void 0),i&&i.call(this)}}}new n;export{e as L}
+import{B as t}from"./p-54926c03.js";import{a as s}from"./p-acf222fd.js";import{b as i}from"./p-a65354df.js";class n extends s{constructor(){super((t=>{t.windowResizeListener()})),this.listener=new t}attach(t){super.attach(t),i.hasWindow&&(this.listener.connect(window),this.listener.add((()=>super.notify())))}detach(){super.detach(),this.listener.disconnect()}}function r(){return function(t){const{connectedCallback:s,disconnectedCallback:i}=t;t.connectedCallback=function(){return this._balWindowResizeSubject||(this._balWindowResizeSubject=new n,this._balWindowResizeSubject.attach(this)),s&&s.call(this)},t.disconnectedCallback=function(){return this._balWindowResizeSubject&&(this._balWindowResizeSubject.detach(),this._balWindowResizeSubject=void 0),i&&i.call(this)}}}new n;export{r as L}

package/dist/baloise-design-system/p-57777973d0.entry.js

@@ -0,0 +1 @@
+import{r as e,h as a,H as l,g as t}from"./p-2ccbe55a.js";import{_ as i,a as r}from"./p-43c9f5e9.js";import{B as n}from"./p-ae86d0a0.js";import{L as s}from"./p-b77e3348.js";import{i as b}from"./p-09ab29d6.js";import{d as o}from"./p-f385e205.js";import{d as h}from"./p-830d9e47.js";import{L as g}from"./p-44e7532c.js";import"./p-a65354df.js";import"./p-46251973.js";const d=class{constructor(a){e(this,a),this.language=h.language,this.region=h.region,this.ariaForm=o,this.htmlFor=void 0,this.htmlId="bal-lbl-"+v++,this.required=!0,this.noWrap=!1,this.multiline=!1,this.valid=void 0,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.size="",this.weight="bold",this.hovered=!1,this.pressed=!1}createLogger(e){this.log=e}async configChanged(e){this.language=e.language,this.region=e.region}async setAriaForm(e){this.ariaForm=Object.assign({},e)}render(){const e=n.block("label"),t=!1===this.required&&b[this.language].optional||"",i=!!this.disabled||!!this.readonly,r=!!this.invalid,s=!!this.valid,o="regular"===this.weight,h="small"===this.size,g="large"===this.size,d="x-large"===this.size,v="xx-large"===this.size,x="xxx-large"===this.size,f=this.ariaForm.labelId||this.htmlId,m=this.htmlFor||this.ariaForm.controlId;return a(l,{key:"a404463755345541124f189926f3fe8078da1a8e",class:Object.assign({},e.class())},a("label",{key:"a7d1f218da5b691dbeeff88a2dca31d3698c5234",id:f,htmlFor:m,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(Object.assign({},e.element("native").class()),e.element("native").modifier("multiline").class(this.multiline)),e.element("native").modifier("no-wrap").class(this.noWrap)),e.element("native").modifier("disabled").class(i)),e.element("native").modifier("danger").class(r)),e.element("native").modifier("success").class(s)),e.element("native").modifier("regular").class(o)),e.element("native").modifier("small").class(h)),e.element("native").modifier("large").class(g)),e.element("native").modifier("x-large").class(d)),e.element("native").modifier("xx-large").class(v)),e.element("native").modifier("xxx-large").class(x)),e.element("native").modifier("hovered").class(this.hovered)),e.element("native").modifier("pressed").class(this.pressed))},a("slot",{key:"7886f3eb151551a9dc8d14b6cfc5aa77f6a6d048"}),t))}get el(){return t(this)}};i([s("bal-label"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],d.prototype,"createLogger",null),i([g(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],d.prototype,"configChanged",null);let v=0;d.style=".bal-label{display:inline;-webkit-box-sizing:content-box;box-sizing:content-box;position:static;word-break:break-word}.bal-label__native{display:inline;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:pre;min-width:0;font-family:var(--bal-form-field-label-font-family);font-weight:var(--bal-form-field-label-font-weight);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal)}.bal-label__native--multiline{white-space:normal}.bal-label__native--no-wrap{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-label__native--small{font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-small);line-height:var(--bal-line-height-small)}@media screen and (min-width: 769px),print{.bal-label__native--small{font-size:var(--bal-text-size-small-tablet);line-height:var(--bal-line-height-tablet-small)}}@media screen and (min-width: 1024px){.bal-label__native--small{font-size:var(--bal-text-size-small-desktop);line-height:var(--bal-line-height-desktop-small)}}.bal-label__native--large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-label__native--large{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-label__native--large{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-label__native--x-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-label__native--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-label__native--x-large{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}.bal-label__native--xx-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-xx-large);line-height:var(--bal-line-height-xx-large)}@media screen and (min-width: 769px),print{.bal-label__native--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-label__native--xx-large{font-size:var(--bal-text-size-xx-large-desktop);line-height:var(--bal-line-height-desktop-xx-large)}}.bal-label__native--xxx-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-xxx-large);line-height:var(--bal-line-height-xxx-large)}@media screen and (min-width: 769px),print{.bal-label__native--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-label__native--xxx-large{font-size:var(--bal-text-size-xxx-large-desktop);line-height:var(--bal-line-height-desktop-xxx-large)}}.bal-label__native--success{color:var(--bal-form-field-label-success-color)}.bal-label__native--danger{color:var(--bal-form-field-label-danger-color)}.bal-label__native--disabled{color:var(--bal-form-field-label-disabled-color) !important}.bal-label__native--regular{font-weight:var(--bal-font-weight-regular)}.bal-label__native--hovered{color:var(--bal-form-field-label-color-hover)}.bal-label__native--pressed{color:var(--bal-form-field-label-color-active)}.bal-label__native--danger.bal-label__native--hovered{color:var(--bal-form-field-label-danger-color-hover)}.bal-label__native--danger.bal-label__native--pressed{color:var(--bal-form-field-label-danger-color-active)}";export{d as bal_label}

package/dist/baloise-design-system/p-596000a871.entry.js

@@ -0,0 +1 @@
+import{r as a,c as o,h as e,H as t,g as r}from"./p-2ccbe55a.js";import{_ as l,a as i}from"./p-43c9f5e9.js";import{B as n}from"./p-ae86d0a0.js";import{s}from"./p-e3e1d211.js";import{L as b}from"./p-b77e3348.js";import{F as c}from"./p-ca119357.js";import{j as d}from"./p-ef6a64f4.js";import{B as h,L as m}from"./p-5d689d39.js";import"./p-a65354df.js";import"./p-46251973.js";import"./p-acf222fd.js";const u=class{constructor(e){a(this,e),this.balFocus=o(this,"balFocus",7),this.balBlur=o(this,"balBlur",7),this.balFormControlDidLoad=o(this,"balFormControlDidLoad",7),this.keyboardMode=!0,this.onClick=a=>{if(this.disabled||this.readonly)return s(a);const o=a.target;if(o&&o.href)return;const e=this.el.querySelector("bal-radio"),t=a.target;e&&t&&(t===e||d(e,t)||(s(a),e.click()))},this.onFocus=a=>{var o;if(this.disabled||this.readonly)return s(a);const e=this.el.querySelector("bal-radio"),t=a.target;this.keyboardMode&&(this.focused=!0),e&&t?(t===e||d(e,t))&&(s(a),null===(o=e.querySelector("input"))||void 0===o||o.focus()):this.balFocus.emit()},this.onBlur=a=>{var o;if(this.disabled||this.readonly)return s(a);const e=this.el.querySelector("bal-radio"),t=a.target;this.focused=!1,e&&t?(t===e||d(e,t))&&(s(a),null===(o=e.querySelector("input"))||void 0===o||o.blur()):this.balBlur.emit()},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=a=>this.keyboardMode=c.includes(a.key),this.interactionState=h.DefaultState,this.checked=!1,this.focused=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.color=void 0,this.colSize=1,this.colSizeTablet=1,this.colSizeMobile=1}createLogger(a){this.log=a}invalidHandler(){this.updateProps("invalid",["bal-radio","bal-icon","bal-label","bal-text"])}disabledHandler(){this.updateProps("disabled",["bal-radio","bal-icon","bal-label","bal-text"])}readonlyHandler(){this.updateProps("readonly",["bal-radio","bal-icon","bal-label","bal-text"])}connectedCallback(){this.triggerAllHandlers(),this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.triggerAllHandlers()}componentDidLoad(){this.balFormControlDidLoad.emit(this.el)}disconnectedCallback(){this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}elementStateListener(a){this.interactionChildElements.forEach((o=>{o.hovered=a.hovered,o.pressed=a.pressed}))}async setChecked(a=!0){this.checked=a}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-radio"))}triggerAllHandlers(){this.disabledHandler(),this.readonlyHandler(),this.invalidHandler()}updateProps(a,o){const e=this[a];void 0!==e&&this.notifyComponents(o,(o=>o[a]=e))}notifyComponents(a,o){this.el.querySelectorAll(a.join(", ")).forEach((a=>o(a)))}render(){const a=n.block("radio-button"),o=!!this.disabled||!!this.readonly,r=!!this.invalid,l=!!this.color,i=this.checked&&l;return e(t,{key:"930e72f27e13997e2cc563abcbbedd74d77aa469",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`column-${this.colSize}`).class(this.colSize>1)),a.modifier(`column-tablet-${this.colSizeTablet}`).class(this.colSizeTablet>1)),a.modifier(`column-mobile-${this.colSizeMobile}`).class(this.colSizeMobile>1)),onClick:this.onClick},e("button",{key:"da96569302e75ced3a3e6295b854bbb5dc537daf",role:"radio",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("disabled").class(o)),a.element("native").modifier("invalid").class(r)),a.element("native").modifier("checked").class(this.checked)),a.element("native").modifier("colored").class(i)),a.element("native").modifier(`color-${this.color}`).class(l)),{"bal-focusable":!this.disabled}),disabled:o,onFocus:this.onFocus,onBlur:this.onBlur},e("slot",{key:"faafe0cf289c3faec5b68826ee2029dd9e5e5747"})))}get el(){return r(this)}static get watchers(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}}};l([b("bal-radio-button"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],u.prototype,"createLogger",null),l([m(),i("design:type",Function),i("design:paramtypes",[Object]),i("design:returntype",void 0)],u.prototype,"elementStateListener",null),u.style="@media (hover: hover)and (pointer: fine){.bal-radio-button__native.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-radio-button{display:block;position:relative;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-radio-button--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-button--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-button--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-button--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-button--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-button--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-button--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-button--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-button--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-button--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-button--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-button--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)}}.bal-radio-button__native{display:block;width:100%;height:100%;background:rgba(0,0,0,0);border-style:solid;border-radius:var(--bal-radius-normal);border-width:var(--bal-border-width-normal);border-color:var(--bal-color-border);padding:var(--bal-text-size-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-radio-button__native--checked{border-color:var(--bal-color-border-primary)}.bal-radio-button__native--checked.bal-radio-button__native--color-green{background:var(--bal-color-green-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-purple{background:var(--bal-color-purple-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-red{background:var(--bal-color-red-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-yellow{background:var(--bal-color-yellow-1)}.bal-radio-button__native:disabled,.bal-radio-button__native--disabled{background:var(--bal-color-grey-1);border-color:var(--bal-color-border-grey-dark);cursor:default}.bal-radio-button__native--invalid{border-color:var(--bal-color-border-danger)}@media (hover: hover)and (pointer: fine){.bal-radio-button__native:hover:not(:disabled):not(.bal-radio-button__native--colored){background:var(--bal-color-grey-1);border-color:var(--bal-color-border-primary-hovered)}}.bal-radio-button__native:active:not(:disabled){border-color:var(--bal-color-border-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio-button__native--invalid:hover:not(:disabled){border-color:var(--bal-color-border-danger-hovered)}.bal-radio-button__native--invalid:active:not(:disabled){border-color:var(--bal-color-border-danger-pressed)}}";export{u as bal_radio_button}

package/dist/baloise-design-system/p-59eaafe32a.entry.js

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

package/dist/baloise-design-system/p-5a3e5f6551.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as e,H as r,g as s}from"./p-2ccbe55a.js";import{_ as n,a as o}from"./p-43c9f5e9.js";import{c as a}from"./p-4573c419.js";import{f as h}from"./p-b8da005f.js";import{n as f,p as u}from"./p-ef6a64f4.js";import{i as c}from"./p-dd5e13d1.js";import{s as l,h as p}from"./p-e3e1d211.js";import{B as d}from"./p-ae86d0a0.js";import{d as b}from"./p-f385e205.js";import{i as m}from"./p-ad81b8ea.js";import{L as w}from"./p-b77e3348.js";import{d as g}from"./p-830d9e47.js";import{L as v}from"./p-44e7532c.js";import"./p-46251973.js";import"./p-a65354df.js";var y,j={exports:{}};y=j,function(t){var i,e=1e6,r="[big.js] ",s=r+"Invalid ",n=s+"decimal places",o=s+"rounding mode",a=r+"Division by zero",h={},f=void 0,u=/^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;function c(t,i,e,r){var s=t.c;if(e===f&&(e=t.constructor.RM),0!==e&&1!==e&&2!==e&&3!==e)throw Error(o);if(i<1)r=3===e&&(r||!!s[0])||0===i&&(1===e&&s[0]>=5||2===e&&(s[0]>5||5===s[0]&&(r||s[1]!==f))),s.length=1,r?(t.e=t.e-i+1,s[0]=1):s[0]=t.e=0;else if(i<s.length){if(r=1===e&&s[i]>=5||2===e&&(s[i]>5||5===s[i]&&(r||s[i+1]!==f||1&s[i-1]))||3===e&&(r||!!s[0]),s.length=i,r)for(;++s[--i]>9;)if(s[i]=0,0===i){++t.e,s.unshift(1);break}for(i=s.length;!s[--i];)s.pop()}return t}function l(t,i,e){var r=t.e,s=t.c.join(""),n=s.length;if(i)s=s.charAt(0)+(n>1?"."+s.slice(1):"")+(r<0?"e":"e+")+r;else if(r<0){for(;++r;)s="0"+s;s="0."+s}else if(r>0)if(++r>n)for(r-=n;r--;)s+="0";else r<n&&(s=s.slice(0,r)+"."+s.slice(r));else n>1&&(s=s.charAt(0)+"."+s.slice(1));return t.s<0&&e?"-"+s:s}h.abs=function(){var t=new this.constructor(this);return t.s=1,t},h.cmp=function(t){var i,e=this,r=e.c,s=(t=new e.constructor(t)).c,n=e.s,o=t.s,a=e.e,h=t.e;if(!r[0]||!s[0])return r[0]?n:s[0]?-o:0;if(n!=o)return n;if(i=n<0,a!=h)return a>h^i?1:-1;for(o=(a=r.length)<(h=s.length)?a:h,n=-1;++n<o;)if(r[n]!=s[n])return r[n]>s[n]^i?1:-1;return a==h?0:a>h^i?1:-1},h.div=function(t){var i=this,r=i.constructor,s=i.c,o=(t=new r(t)).c,h=i.s==t.s?1:-1,u=r.DP;if(u!==~~u||u<0||u>e)throw Error(n);if(!o[0])throw Error(a);if(!s[0])return t.s=h,t.c=[t.e=0],t;var l,p,d,b,m,w=o.slice(),g=l=o.length,v=s.length,y=s.slice(0,l),j=y.length,k=t,x=k.c=[],E=0,_=u+(k.e=i.e-t.e)+1;for(k.s=h,h=_<0?0:_,w.unshift(0);j++<l;)y.push(0);do{for(d=0;d<10;d++){if(l!=(j=y.length))b=l>j?1:-1;else for(m=-1,b=0;++m<l;)if(o[m]!=y[m]){b=o[m]>y[m]?1:-1;break}if(!(b<0))break;for(p=j==l?o:w;j;){if(y[--j]<p[j]){for(m=j;m&&!y[--m];)y[m]=9;--y[m],y[j]+=10}y[j]-=p[j]}for(;!y[0];)y.shift()}x[E++]=b?d:++d,y[0]&&b?y[j]=s[g]||0:y=[s[g]]}while((g++<v||y[0]!==f)&&h--);return x[0]||1==E||(x.shift(),k.e--,_--),E>_&&c(k,_,r.RM,y[0]!==f),k},h.eq=function(t){return 0===this.cmp(t)},h.gt=function(t){return this.cmp(t)>0},h.gte=function(t){return this.cmp(t)>-1},h.lt=function(t){return this.cmp(t)<0},h.lte=function(t){return this.cmp(t)<1},h.minus=h.sub=function(t){var i,e,r,s,n=this,o=n.constructor,a=n.s,h=(t=new o(t)).s;if(a!=h)return t.s=-h,n.plus(t);var f=n.c.slice(),u=n.e,c=t.c,l=t.e;if(!f[0]||!c[0])return c[0]?t.s=-h:f[0]?t=new o(n):t.s=1,t;if(a=u-l){for((s=a<0)?(a=-a,r=f):(l=u,r=c),r.reverse(),h=a;h--;)r.push(0);r.reverse()}else for(e=((s=f.length<c.length)?f:c).length,a=h=0;h<e;h++)if(f[h]!=c[h]){s=f[h]<c[h];break}if(s&&(r=f,f=c,c=r,t.s=-t.s),(h=(e=c.length)-(i=f.length))>0)for(;h--;)f[i++]=0;for(h=i;e>a;){if(f[--e]<c[e]){for(i=e;i&&!f[--i];)f[i]=9;--f[i],f[e]+=10}f[e]-=c[e]}for(;0===f[--h];)f.pop();for(;0===f[0];)f.shift(),--l;return f[0]||(t.s=1,f=[l=0]),t.c=f,t.e=l,t},h.mod=function(t){var i,e=this,r=e.constructor,s=e.s,n=(t=new r(t)).s;if(!t.c[0])throw Error(a);return e.s=t.s=1,i=1==t.cmp(e),e.s=s,t.s=n,i?new r(e):(s=r.DP,n=r.RM,r.DP=r.RM=0,e=e.div(t),r.DP=s,r.RM=n,this.minus(e.times(t)))},h.neg=function(){var t=new this.constructor(this);return t.s=-t.s,t},h.plus=h.add=function(t){var i,e,r,s=this,n=s.constructor;if(t=new n(t),s.s!=t.s)return t.s=-t.s,s.minus(t);var o=s.e,a=s.c,h=t.e,f=t.c;if(!a[0]||!f[0])return f[0]||(a[0]?t=new n(s):t.s=s.s),t;if(a=a.slice(),i=o-h){for(i>0?(h=o,r=f):(i=-i,r=a),r.reverse();i--;)r.push(0);r.reverse()}for(a.length-f.length<0&&(r=f,f=a,a=r),i=f.length,e=0;i;a[i]%=10)e=(a[--i]=a[i]+f[i]+e)/10|0;for(e&&(a.unshift(e),++h),i=a.length;0===a[--i];)a.pop();return t.c=a,t.e=h,t},h.pow=function(t){var i=this,e=new i.constructor("1"),r=e,n=t<0;if(t!==~~t||t<-1e6||t>1e6)throw Error(s+"exponent");for(n&&(t=-t);1&t&&(r=r.times(i)),t>>=1;)i=i.times(i);return n?e.div(r):r},h.prec=function(t,i){if(t!==~~t||t<1||t>e)throw Error(s+"precision");return c(new this.constructor(this),t,i)},h.round=function(t,i){if(t===f)t=0;else if(t!==~~t||t<-e||t>e)throw Error(n);return c(new this.constructor(this),t+this.e+1,i)},h.sqrt=function(){var t,i,e,s=this,n=s.constructor,o=s.s,a=s.e,h=new n("0.5");if(!s.c[0])return new n(s);if(o<0)throw Error(r+"No square root");0===(o=Math.sqrt(s+""))||o===1/0?((i=s.c.join("")).length+a&1||(i+="0"),a=((a+1)/2|0)-(a<0||1&a),t=new n(((o=Math.sqrt(i))==1/0?"5e":(o=o.toExponential()).slice(0,o.indexOf("e")+1))+a)):t=new n(o+""),a=t.e+(n.DP+=4);do{t=h.times((e=t).plus(s.div(e)))}while(e.c.slice(0,a).join("")!==t.c.slice(0,a).join(""));return c(t,(n.DP-=4)+t.e+1,n.RM)},h.times=h.mul=function(t){var i,e=this,r=e.c,s=(t=new(0,e.constructor)(t)).c,n=r.length,o=s.length,a=e.e,h=t.e;if(t.s=e.s==t.s?1:-1,!r[0]||!s[0])return t.c=[t.e=0],t;for(t.e=a+h,n<o&&(i=r,r=s,s=i,h=n,n=o,o=h),i=new Array(h=n+o);h--;)i[h]=0;for(a=o;a--;){for(o=0,h=n+a;h>a;)o=i[h]+s[a]*r[h-a-1]+o,i[h--]=o%10,o=o/10|0;i[h]=o}for(o?++t.e:i.shift(),a=i.length;!i[--a];)i.pop();return t.c=i,t},h.toExponential=function(t,i){var r=this,s=r.c[0];if(t!==f){if(t!==~~t||t<0||t>e)throw Error(n);for(r=c(new r.constructor(r),++t,i);r.c.length<t;)r.c.push(0)}return l(r,!0,!!s)},h.toFixed=function(t,i){var r=this,s=r.c[0];if(t!==f){if(t!==~~t||t<0||t>e)throw Error(n);for(t=t+(r=c(new r.constructor(r),t+r.e+1,i)).e+1;r.c.length<t;)r.c.push(0)}return l(r,!1,!!s)},h.toJSON=h.toString=function(){var t=this,i=t.constructor;return l(t,t.e<=i.NE||t.e>=i.PE,!!t.c[0])},h.toNumber=function(){var t=Number(l(this,!0,!0));if(!0===this.constructor.strict&&!this.eq(t.toString()))throw Error(r+"Imprecise conversion");return t},h.toPrecision=function(t,i){var r=this,n=r.constructor,o=r.c[0];if(t!==f){if(t!==~~t||t<1||t>e)throw Error(s+"precision");for(r=c(new n(r),t,i);r.c.length<t;)r.c.push(0)}return l(r,t<=r.e||r.e<=n.NE||r.e>=n.PE,!!o)},h.valueOf=function(){var t=this,i=t.constructor;if(!0===i.strict)throw Error(r+"valueOf disallowed");return l(t,t.e<=i.NE||t.e>=i.PE,!0)},(i=function t(){function i(e){var r=this;if(!(r instanceof i))return e===f?t():new i(e);if(e instanceof i)r.s=e.s,r.e=e.e,r.c=e.c.slice();else{if("string"!=typeof e){if(!0===i.strict&&"bigint"!=typeof e)throw TypeError(s+"value");e=0===e&&1/e<0?"-0":String(e)}!function(t,i){var e,r,n;if(!u.test(i))throw Error(s+"number");for(t.s="-"==i.charAt(0)?(i=i.slice(1),-1):1,(e=i.indexOf("."))>-1&&(i=i.replace(".","")),(r=i.search(/e/i))>0?(e<0&&(e=r),e+=+i.slice(r+1),i=i.substring(0,r)):e<0&&(e=i.length),n=i.length,r=0;r<n&&"0"==i.charAt(r);)++r;if(r==n)t.c=[t.e=0];else{for(;n>0&&"0"==i.charAt(--n););for(t.e=e-r-1,t.c=[],e=0;r<=n;)t.c[e++]=+i.charAt(r++)}}(r,e)}r.constructor=i}return i.prototype=h,i.DP=20,i.RM=1,i.NE=-7,i.PE=21,i.strict=!1,i.roundDown=0,i.roundHalfUp=1,i.roundHalfEven=2,i.roundUp=3,i}()).default=i.Big=i,y.exports?y.exports=i:t.Big=i}(a);const k=j.exports,x=class{constructor(e){t(this,e),this.balChange=i(this,"balChange",7),this.balInput=i(this,"balInput",7),this.balIncrease=i(this,"balIncrease",7),this.balDecrease=i(this,"balDecrease",7),this.balFocus=i(this,"balFocus",7),this.balBlur=i(this,"balBlur",7),this.inputId="bal-input-stepper-"+E++,this.inheritedAttributes={},this.decreaseHasFocus=!1,this.increaseHasFocus=!1,this.initialValue=0,this.onFocusDecrease=t=>{this.decreaseHasFocus=!0,this.onFocus(t)},this.onFocusIncrease=t=>{this.increaseHasFocus=!0,this.onFocus(t)},this.onFocus=t=>{l(t),this.balFocus.emit(t.detail)},this.onBlurDecrease=t=>{l(t),this.decreaseHasFocus=!1,f((()=>this.onBlur(t.detail)))},this.onBlurIncrease=t=>{l(t),this.increaseHasFocus=!1,f((()=>this.onBlur(t.detail)))},this.onBlur=t=>{this.decreaseHasFocus||this.increaseHasFocus||this.balBlur.emit(t)},this.focused=!1,this.language=g.language,this.region=g.region,this.ariaForm=b,this.name=this.inputId,this.min=0,this.max=10,this.steps=1,this.disabled=!1,this.readonly=!1,this.invalid=!1,this.debounce=0,this.value=0,this.autoInvalidOff=!1}createLogger(t){this.log=t}debounceChanged(){this.balChange=u(this.balChange,this.debounce)}listenOnClick(t){p(this,t)}resetHandler(t){const i=t.target;(null==i?void 0:i.contains(this.el))&&(this.value=this.initialValue)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value}componentWillLoad(){this.inheritedAttributes=c(this.el,["aria-label","tabindex","title"])}async configChanged(t){this.language=t.language,this.region=t.region}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}increase(){if(!this.disabled&&!this.readonly){const t=new k(this.value).plus(this.steps).toNumber();t<=this.max&&(this.value=t,this.balInput.emit(t),this.balChange.emit(t),this.balIncrease.emit(t))}}decrease(){if(!this.disabled&&!this.readonly){const t=new k(this.value).minus(this.steps).toNumber();t>=this.min&&(this.value=t,this.balInput.emit(t),this.balChange.emit(t),this.balDecrease.emit(t))}}render(){const t=d.block("input-stepper"),i=t.element("input"),s=t.element("inner"),n=s.element("text"),o=m[this.language].increase,a=m[this.language].decrease;return e(r,{key:"dfab36b5eddcafb9735e2f0864ea193dcded0ed0","aria-disabled":this.disabled?"true":null,"aria-focused":this.focused?"true":null,class:Object.assign({},t.class())},e("div",{key:"995012f045bff801123eb570e9e15a325887fe44",class:Object.assign({},s.class())},e("bal-button",{key:"00be7e79c60caca77ec9da3afbbcff9366d62ce2",aria:{title:a,label:a,controls:this.ariaForm.controlId||this.inputId},size:"small",square:!0,"data-testid":"bal-input-stepper-decrease",outlined:!this.invalid,icon:"minus",color:this.invalid?"danger":"info",disabled:this.disabled||this.readonly||this.value<=this.min,onClick:()=>this.decrease(),onBalFocus:t=>this.onFocusDecrease(t),onBalBlur:t=>this.onBlurDecrease(t)}),e("bal-text",{key:"58a83c975658a26b268fdaa01ec5755648232052",space:"none",color:this.disabled||this.readonly?"grey":this.invalid?"danger":"",bold:!0,class:Object.assign({},n.class()),"data-testid":"bal-input-stepper-text"},h(this.value)),e("bal-button",{key:"65067189b64d42fa3b06cb9b128c60b9d68a481d",aria:{title:o,label:o,controls:this.ariaForm.controlId||this.inputId},size:"small","data-testid":"bal-input-stepper-increase",square:!0,outlined:!this.invalid,icon:"plus",color:this.invalid?"danger":"info",disabled:this.disabled||this.readonly||this.value>=this.max,onClick:()=>this.increase(),onBalFocus:t=>this.onFocusIncrease(t),onBalBlur:t=>this.onBlurIncrease(t)})),e("input",Object.assign({key:"609736bcab366e2276240d35c1d39369fa31d066",class:Object.assign({},i.class()),id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,"data-testid":"bal-input-stepper",type:"text",value:this.value,name:this.name,tabindex:"-1",ref:t=>this.nativeInput=t,readonly:this.readonly,disabled:this.disabled},this.inheritedAttributes)))}get el(){return s(this)}static get watchers(){return{debounce:["debounceChanged"]}}};n([w("bal-input-stepper"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],x.prototype,"createLogger",null),n([v(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],x.prototype,"configChanged",null);let E=0;x.style=".bal-input-stepper{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:inline-block}.bal-input-stepper__inner{display:-ms-flexbox;display:flex;gap:.25rem;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-input-stepper__inner__text{min-width:3rem;text-align:center}.bal-input-stepper__input{position:absolute;width:0;height:0;left:0;top:0;margin:0;padding:0;opacity:0;outline:0}";export{x as bal_input_stepper}

package/dist/baloise-design-system/p-5c0ac570ac.entry.js

@@ -0,0 +1 @@
+import{r as e,h as o,H as a,g as t}from"./p-2ccbe55a.js";import{_ as s,a as i}from"./p-43c9f5e9.js";import{B as r}from"./p-ae86d0a0.js";import{i as n}from"./p-a0fe8d65.js";import{d as c}from"./p-830d9e47.js";import{L as l}from"./p-44e7532c.js";import"./p-b77e3348.js";import"./p-a65354df.js";import"./p-46251973.js";const b=class{constructor(o){e(this,o),this.language=c.language,this.region=c.region,this.size="",this.inverted=!1}async configChanged(e){this.language=e.language,this.region=e.region}render(){const e=r.block("close"),t=e.element("button"),s=t.element("icon"),i=n[this.language].close;return o(a,{key:"9ae168e3f5e98e623d888abab7cbc88a6274cde0",class:Object.assign({},e.class())},o("button",{key:"7969304603871177f81ef7a1b1c78e58f1d32c38",type:"button","aria-label":i,title:i,tabindex:"0",class:Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("inverted").class(this.inverted)),t.modifier(`size-${this.size}`).class(""!==this.size)),"data-testid":"bal-close"},o("bal-icon",{key:"c83093000ff43d5f99676914a52ef4c8977fb61c",name:"close",size:"small"===this.size?"x-small":"medium"===this.size?"medium":"small",inverted:this.inverted,class:Object.assign({},s.class())})))}get el(){return t(this)}};s([l(),i("design:type",Function),i("design:paramtypes",[Object]),i("design:returntype",Promise)],b.prototype,"configChanged",null),b.style="@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:focus-visible:not(:active),.bal-close__button: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-5cd2674f.system.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(n,r,e,t){function i(n){return n instanceof e?n:new e((function(r){r(n)}))}return new(e||(e=Promise))((function(e,u){function o(n){try{f(t.next(n))}catch(n){u(n)}}function a(n){try{f(t["throw"](n))}catch(n){u(n)}}function f(n){n.done?e(n.value):i(n.value).then(o,a)}f((t=t.apply(n,r||[])).next())}))};var __generator=this&&this.__generator||function(n,r){var e={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},t,i,u,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(n){return function(r){return f([n,r])}}function f(a){if(t)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(e=0)),e)try{if(t=1,i&&(u=a[0]&2?i["return"]:a[0]?i["throw"]||((u=i["return"])&&u.call(i),0):i.next)&&!(u=u.call(i,a[1])).done)return u;if(i=0,u)a=[a[0]&2,u.value];switch(a[0]){case 0:case 1:u=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;i=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(u=e.trys,u=u.length>0&&u[u.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!u||a[1]>u[0]&&a[1]<u[3])){e.label=a[1];break}if(a[0]===6&&e.label<u[1]){e.label=u[1];u=a;break}if(u&&e.label<u[2]){e.label=u[2];e.ops.push(a);break}if(u[2])e.ops.pop();e.trys.pop();continue}a=r.call(n,e)}catch(n){a=[6,n];i=0}finally{t=u=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(n,r,e){if(e||arguments.length===2)for(var t=0,i=r.length,u;t<i;t++){if(u||!(t in r)){if(!u)u=Array.prototype.slice.call(r,0,t);u[t]=r[t]}}return n.concat(u||Array.prototype.slice.call(r))};System.register(["./p-a1f6e944.system.js","./p-ef3bfa9f.system.js"],(function(n){"use strict";var r,e,t,i,u,o,a,f,c,s,v,l,d,m,w,b,_,h,y,I,p;return{setters:[function(n){r=n.b},function(n){e=n.b;t=n.a;i=n.c;u=n.d;o=n.e;a=n.f;f=n.g;c=n.h;s=n.i;v=n.j;l=n.k;d=n.l;m=n.m;w=n.n;b=n.o;_=n.p;h=n.q;y=n.r;I=n.s;p=n.u}],execute:function(){var T=this;var A=function(n,e){if(e===void 0){e=3e3}var t=false;if(!r.isSafari&&r.hasWindow&&"PerformanceObserver"in window){var i=new PerformanceObserver((function(r){var e=r.getEntries();var u=e[e.length-1];if(u){i.disconnect();t=true;g((function(){return n()}))}}));i.observe({type:"largest-contentful-paint",buffered:true});setTimeout((function(){if(!t){i.disconnect();n()}}),e)}else{return setTimeout(n,32)}};var P=n("m",(function(n,e){if(e===void 0){e=32}var t=false;var i=function(){if(!t){t=true;n()}};if(r.hasWindow){var u=setTimeout(i,e);window.addEventListener("load",(function(){clearTimeout(u);i()}))}else{setTimeout(i,32)}}));var g=n("n",(function(n,e){if(e===void 0){e=5e3}if(r.hasWindow&&"requestIdleCallback"in window){window.requestIdleCallback(n,{timeout:e})}else{setTimeout(n,32)}}));var k=n("i",(function(n){if(n===void 0){n=0}return new Promise((function(r){setTimeout((function(){return r()}),n)}))}));var C=n("p",(function(n,r){var e=n._original||n;return{_original:n,emit:q(e.emit.bind(e),r)}}));var q=n("k",(function(n,r){if(r===void 0){r=0}var e;return function(){var t=[];for(var i=0;i<arguments.length;i++){t[i]=arguments[i]}clearTimeout(e);e=setTimeout.apply(void 0,__spreadArray([n,r],t,false))}}));var N=n("v",(function(n,r){return n&&n.tagName&&n.tagName===r.toUpperCase()}));var D=n("j",(function(n,r){var e=r.parentNode;while(e!=null){if(e==n){return true}e=e.parentNode}return false}));var G=n("u",(function(n,r){var e=r.parentNode;while(e!=null){if(e.tagName===n.toUpperCase()){return true}e=e.parentNode}return false}));var j=n("g",(function(n){return n.querySelector("bal-app")||n.body}));var B=n("c",(function(n,r){if(n.componentOnReady!==null&&n.componentOnReady!==undefined){n.componentOnReady().then((function(n){return r(n)}))}else{E((function(){return r(n)}))}}));var E=n("o",(function(n){if(typeof __zone_symbol__requestAnimationFrame==="function"){return __zone_symbol__requestAnimationFrame(n)}if(typeof requestAnimationFrame==="function"){return requestAnimationFrame(n)}return setTimeout(n)}));var F=n("t",(function(n,r){if(r===void 0){r=0}return new Promise((function(e){R(n,r,e)}))}));var R=function(n,r,e){if(r===void 0){r=0}var t;var i;var u={passive:true};var o=500;var a=function(){if(t){t()}};var f=function(r){if(r===undefined||n===r.target){a();e(r)}};if(n){n.addEventListener("webkitTransitionEnd",f,u);n.addEventListener("transitionend",f,u);i=setTimeout(f,r+o);t=function(){if(i){clearTimeout(i);i=undefined}n.removeEventListener("webkitTransitionEnd",f,u);n.removeEventListener("transitionend",f,u)}}return a};var x=n("l",(function(n,e,t,i){if(r.hasWindow){var u=p();if(u){var o=u._ael;if(o){return o(n,e,t,i)}else if(u._ael){return u._ael(n,e,t,i)}}}return n.addEventListener(e,t,i)}));var L=n("r",(function(n,e,t,i){if(r.hasWindow){var u=p();if(u){var o=u._rel;if(o){return o(n,e,t,i)}else if(u._rel){return u._rel(n,e,t,i)}}}return n.removeEventListener(e,t,i)}));var M=n("s",(function(n){if(n){return new Promise((function(r){return B(n,r)}))}return Promise.resolve()}));var O=n("h",(function(n){var r=[];for(var e=1;e<arguments.length;e++){r[e-1]=arguments[e]}return __awaiter(T,__spreadArray([n],r,true),void 0,(function(n,r){var e,t;if(r===void 0){r=false}return __generator(this,(function(i){switch(i.label){case 0:e=n;if(!e)return[3,4];if(!(e.componentOnReady!==null&&e.componentOnReady!==undefined))return[3,2];return[4,e.componentOnReady()];case 1:t=i.sent();if(!r&&t!==null&&t!==undefined){return[2]}i.label=2;case 2:return[4,Promise.all(Array.from(e.children).map((function(n){return O(n,r)})))];case 3:i.sent();i.label=4;case 4:return[2]}}))}))}));var S=n("w",(function(n){return __awaiter(T,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:return[4,O(n,true)];case 1:r.sent();return[4,V()];case 2:r.sent();return[4,H()];case 3:r.sent();return[2]}}))}))}));var U=n("q",(function(n,r,e){return __awaiter(T,void 0,void 0,(function(){var t,i;return __generator(this,(function(u){if(n&&n.target&&r&&r!==n.target){t=n.target;i=n.target.nodeName==="BAL-NAVBAR-BRAND";if(i){t=t.closest("bal-navbar")}if(t&&D(t,r)){e(t)}}return[2]}))}))}));var z=n("a",(function(n,r){return __awaiter(T,void 0,void 0,(function(){var p,T,A;return __generator(this,(function(P){switch(P.label){case 0:p=Object.assign({animated:false,icons:{balIconClose:e,balIconInfoCircle:t,balIconPlus:i,balIconMinus:u,balIconEdit:o,balIconTrash:a,balIconNavGoLeft:f,balIconNavGoRight:c,balIconNavGoDown:s,balIconNavGoUp:v,balIconCaretUp:l,balIconCaretDown:d,balIconCaretLeft:m,balIconCaretRight:w,balIconCheck:b,balIconDate:_,balIconDocument:h,balIconUpload:y,balIconMenuBars:I}},r);T=n;if(!(T!==null&&T!==undefined))return[3,3];return[4,O(T,true)];case 1:P.sent();A=Array.prototype.slice.call(T.querySelectorAll("*")).filter((function(n){return n.tagName.match(/^bal/i)}));return[4,Promise.all(A.map((function(n){if(n.configChanged!==null&&n.configChanged!==undefined){return n.configChanged(p)}})))];case 2:P.sent();P.label=3;case 3:return[4,Promise.all([V(),J(),H()])];case 4:P.sent();return[2]}}))}))}));var V=n("b",(function(){return new Promise((function(n){return E((function(){return Q(n)}))}))}));var H=n("d",(function(){return new Promise((function(n){return g((function(){return Q(n)}))}))}));var J=n("e",(function(){return new Promise((function(n){return A((function(){return Q(n)}))}))}));var K=n("f",(function(){return new Promise((function(n){return P((function(){return Q(n)}))}))}));var Q=function(n){if(r.hasWindow&&"MessageChannel"in window){var e=new window.MessageChannel;e.port1.onmessage=n;e.port2.postMessage(undefined)}else{setTimeout(n,32)}}}}}));

package/dist/baloise-design-system/{p-ebf5cc68.js → p-5d689d39.js}

@@ -1 +1 @@
-import{L as s,a as t}from"./p-acf222fd.js";import{b as e}from"./p-a65354df.js";import{l as i,r as h}from"./p-f64319f1.js";class r extends s{constructor(){super(...arguments),this.state=r.DefaultState,this.onMouseEnter=()=>{this.updateState({hovered:!0})},this.onMouseLeave=()=>{this.updateState({hovered:!1})},this.onPointerDown=()=>{this.updateState({pressed:!0})},this.onPointerUp=()=>{this.updateState({pressed:!1})}}connect(s){super.connect(s),i(this.el,"mouseenter",this.onMouseEnter,r.EventListenerOptions),i(this.el,"mouseleave",this.onMouseLeave,r.EventListenerOptions),i(this.el,"pointerdown",this.onPointerDown,r.EventListenerOptions),e.hasDocument&&i(document,"pointerup",this.onPointerUp,r.EventListenerOptions)}disconnect(){super.disconnect(),this.el&&(h(this.el,"mouseenter",this.onMouseEnter),h(this.el,"mouseleave",this.onMouseLeave),h(this.el,"pointerdown",this.onPointerDown),e.hasDocument&&h(document,"pointerup",this.onPointerUp))}updateState(s){this.state=Object.assign(Object.assign({},this.state),s),this.notify(this.state)}}r.EventListenerOptions={passive:!0},r.DefaultState={hovered:!1,pressed:!1};class n extends t{constructor(){super(((s,t)=>{t&&s.elementStateListener(t)})),this.listener=new r}attach(s){super.attach(s),this.listener.connect(s.el),this.listener.add((s=>super.notify(s)))}detach(){super.detach(),this.listener.disconnect()}}function o(){return function(s){const{connectedCallback:t,disconnectedCallback:e}=s;s.connectedCallback=function(){return this._balElementStateSubject||(this._balElementStateSubject=new n,this._balElementStateSubject.attach(this)),t&&t.call(this)},s.disconnectedCallback=function(){return this._balElementStateSubject&&(this._balElementStateSubject.detach(),this._balElementStateSubject=void 0),e&&e.call(this)}}}export{r as B,o as L}
+import{L as s,a as t}from"./p-acf222fd.js";import{b as e}from"./p-a65354df.js";import{l as i,r as h}from"./p-ef6a64f4.js";class r extends s{constructor(){super(...arguments),this.state=r.DefaultState,this.onMouseEnter=()=>{this.updateState({hovered:!0})},this.onMouseLeave=()=>{this.updateState({hovered:!1})},this.onPointerDown=()=>{this.updateState({pressed:!0})},this.onPointerUp=()=>{this.updateState({pressed:!1})}}connect(s){super.connect(s),i(this.el,"mouseenter",this.onMouseEnter,r.EventListenerOptions),i(this.el,"mouseleave",this.onMouseLeave,r.EventListenerOptions),i(this.el,"pointerdown",this.onPointerDown,r.EventListenerOptions),e.hasDocument&&i(document,"pointerup",this.onPointerUp,r.EventListenerOptions)}disconnect(){super.disconnect(),this.el&&(h(this.el,"mouseenter",this.onMouseEnter),h(this.el,"mouseleave",this.onMouseLeave),h(this.el,"pointerdown",this.onPointerDown),e.hasDocument&&h(document,"pointerup",this.onPointerUp))}updateState(s){this.state=Object.assign(Object.assign({},this.state),s),this.notify(this.state)}}r.EventListenerOptions={passive:!0},r.DefaultState={hovered:!1,pressed:!1};class n extends t{constructor(){super(((s,t)=>{t&&s.elementStateListener(t)})),this.listener=new r}attach(s){super.attach(s),this.listener.connect(s.el),this.listener.add((s=>super.notify(s)))}detach(){super.detach(),this.listener.disconnect()}}function o(){return function(s){const{connectedCallback:t,disconnectedCallback:e}=s;s.connectedCallback=function(){return this._balElementStateSubject||(this._balElementStateSubject=new n,this._balElementStateSubject.attach(this)),t&&t.call(this)},s.disconnectedCallback=function(){return this._balElementStateSubject&&(this._balElementStateSubject.detach(),this._balElementStateSubject=void 0),e&&e.call(this)}}}export{r as B,o as L}

package/dist/baloise-design-system/p-5dcf0ed672.entry.js

@@ -0,0 +1 @@
+import{r as t,h as l,H as i,g as a,c as b}from"./p-2ccbe55a.js";import{B as s}from"./p-ae86d0a0.js";import{_ as e,a as _}from"./p-43c9f5e9.js";import{L as o}from"./p-b77e3348.js";import{o as n,t as d,k as r}from"./p-ef6a64f4.js";import{L as c}from"./p-44e7532c.js";import{b as m}from"./p-54926c03.js";import{L as k}from"./p-b7fbadbe.js";import{L as g}from"./p-10bbc670.js";import{d as u,b as h}from"./p-dc98854c.js";import"./p-a65354df.js";import"./p-46251973.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-37159e1a.js";const v=class{constructor(l){t(this,l),this.disabled=!1,this.background="light",this.border=!1,this.accordionOneLevel=!1,this.size=""}accordionOneLevelHandler(t,l){t!==l&&Array.from(this.el.querySelectorAll("bal-list")).forEach((l=>l.accordionOneLevel=t))}componentWillLoad(){this.accordionOneLevelHandler(this.accordionOneLevel,!1)}render(){const t=s.block("list"),a=this.el.closest(".bal-list"),b=null!==a&&a!==this.el;return l(i,{key:"4a0b8f7cfd42f45643109f98a60f801b8c61f832",role:"list",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("nested").class(b)),t.modifier("disabled").class(this.disabled)),t.modifier("border").class(this.border)),t.modifier(`size-${this.size||"normal"}`).class()),t.modifier(`background-${this.background}`).class())},l("slot",{key:"df4df7cfbc9c054ddb565c6712f25cd0b5970df4"}))}get el(){return a(this)}static get watchers(){return{accordionOneLevel:["accordionOneLevelHandler"]}}};v.style=':root{--bal-list-item-radius:var(--bal-radius-normal);--bal-list-item-subtile-color:var(--bal-color-text-primary);--bal-list-item-background-hover:var(--bal-color-light-blue-5);--bal-list-item-background-active:var(--bal-color-primary-6);--bal-list-item-on-dark-color:var(--bal-color-text-white);--bal-list-item-on-dark-background-hover:var(--bal-color-light-blue-2);--bal-list-item-on-dark-background-active:var(--bal-color-light-blue-4);--bal-list-item-disabled-color:var(--bal-color-text-grey);--bal-list-item-disabled-fill:var(--bal-color-grey-5);--bal-list-item-disabled-background:var(--bal-color-grey-2);--bal-list-item-disabled-on-dark-background:var(--bal-color-primary-4);--bal-list-item-disabled-on-dark-color:var(--bal-color-text-grey);--bal-list-item-disabled-on-dark-fill:var(--bal-color-grey-5);--bal-list-item-disabled-on-color-background:var(--bal-color-primary-4);--bal-list-item-disabled-on-color-color:var(--bal-color-primary-4);--bal-list-item-disabled-on-color-fill:var(--bal-color-primary-4);--bal-list-item-border-background:var(--bal-color-grey-2);--bal-list-item-border-on-color-background:var(--bal-color-primary);--bal-list-item-border-on-dark-background:var(--bal-color-primary-4);--bal-list-accordion-head-color-hover:var(--bal-color-text-light-blue);--bal-list-accordion-head-background-hover:var(--bal-color-light-blue-5);--bal-list-accordion-head-color-active:var(--bal-color-text-primary-dark);--bal-list-accordion-head-background-active:var(--bal-color-primary-6);--bal-list-accordion-body-color:var(--bal-color-text-white);--bal-list-accordion-head-on-dark-color-hover:var(--bal-color-light-blue-2);--bal-list-accordion-head-on-dark-background-hover:var(--bal-color-light-blue-2);--bal-list-accordion-head-on-dark-color-active:var(--bal-color-light-blue-3);--bal-list-accordion-head-on-dark-background-active:var(--bal-color-light-blue-3)}.bal-list,.bal-list__item,.bal-list__item>a,.bal-list__item>button,.bal-list__item>div,.bal-list__item__icon,.bal-list__item__title,.bal-list__item__link,.bal-list__item__subtitle,.bal-list__item__content{position:static;display:-ms-flexbox;display:flex}.bal-list,.bal-list__item__content{-ms-flex-direction:column;flex-direction:column}.bal-list__item__title,.bal-list__item__subtitle{text-align:left}.bal-list,.bal-list__item,.bal-list__item>div,.bal-list__item>a,.bal-list__item>button{width:100%}.bal-list__item,.bal-list__item>a,.bal-list__item>div,.bal-list__item>button{-ms-flex-align:center;align-items:center;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body),.bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body)>a,.bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body)>div,.bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body)>button{min-height:3.5rem}.bal-list--size-small .bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body),.bal-list--size-small .bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body)>a,.bal-list--size-small .bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body)>div,.bal-list--size-small .bal-list__item:not(.bal-list__item__accordion-head):not(.bal-list__item__accordion-body)>button{min-height:3rem}.bal-list__item>a,.bal-list__item>div,.bal-list__item>button{padding:.5rem 0;margin:0;outline:none;border-radius:var(--bal-list-item-radius)}.bal-list--size-small .bal-list__item>a,.bal-list--size-small .bal-list__item>div,.bal-list--size-small .bal-list__item>button{padding:2px 0}.bal-list__item{position:relative}.bal-list__item a{text-decoration:none}.bal-list__item button{background:rgba(0,0,0,0);border:none}.bal-list__item__subtitle{color:var(--bal-list-item-subtile-color);font-size:var(--bal-text-size-small);line-height:var(--bal-line-height-small)}@media screen and (min-width: 769px),print{.bal-list__item__subtitle{font-size:var(--bal-text-size-small-tablet);line-height:var(--bal-line-height-tablet-small)}}@media screen and (min-width: 1024px){.bal-list__item__subtitle{font-size:var(--bal-text-size-small-desktop);line-height:var(--bal-line-height-desktop-small)}}.bal-list__item:not(.bal-list__item__accordion-head),.bal-list__item:not(.bal-list__item__accordion-head)>a,.bal-list__item:not(.bal-list__item__accordion-head)>div,.bal-list__item:not(.bal-list__item__accordion-head)>button,.bal-list__item__content{-ms-flex:1;flex:1}.bal-list__item__content{-ms-flex-pack:center;justify-content:center}.bal-list__item__content--start{-ms-flex-pack:start;justify-content:flex-start}.bal-list__item__content--center{-ms-flex-pack:center;justify-content:center}.bal-list__item__content--end{-ms-flex-pack:end;justify-content:flex-end}.bal-list__item__content--space-between{-ms-flex-pack:justify;justify-content:space-between}.bal-list__item__icon{min-width:1.5rem;min-height:3.5rem;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-list--size-small .bal-list__item__icon{min-height:calc(3rem - 4px)}.bal-list--size-normal>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-head>.bal-list__item__icon,.bal-list--size-normal>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-head{min-height:3rem}.bal-list--size-small>.bal-list__item:not(.bal-list__item__accordion-body),.bal-list--size-small>.bal-list__item:not(.bal-list__item__accordion-body)>a,.bal-list--size-small>.bal-list__item:not(.bal-list__item__accordion-body)>div,.bal-list--size-small>.bal-list__item:not(.bal-list__item__accordion-body)>button,.bal-list--size-small>.bal-list__item>.bal-list__item__icon{min-height:3rem}.bal-list--size-large>.bal-list__item:not(.bal-list__item__accordion-body),.bal-list--size-large>.bal-list__item:not(.bal-list__item__accordion-body)>a,.bal-list--size-large>.bal-list__item:not(.bal-list__item__accordion-body)>div,.bal-list--size-large>.bal-list__item:not(.bal-list__item__accordion-body)>button,.bal-list--size-large>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-head>.bal-list__item__icon,.bal-list--size-large>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-head,.bal-list--size-large>.bal-list__item>.bal-list__item__icon{min-height:4.5rem}.bal-list--size-large>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-head>.bal-list__item__icon,.bal-list--size-large>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-head{min-height:3.5rem}.bal-list__item--clickable .bal-list__item__accordion-head,.bal-list__item--clickable a:not(.is-link),.bal-list__item--clickable button:not(.button){cursor:pointer;pointer-events:inherit}@media (hover: hover)and (pointer: fine){.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__title .title,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__title .bal-heading__text,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__subtitle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__title .title,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__subtitle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__title .title,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__subtitle{color:var(--bal-list-accordion-head-color-hover) !important}.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg g,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg path,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg circle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg g,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg path,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg circle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg g,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg path,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg circle{fill:var(--bal-list-accordion-head-background-hover) !important}}@media screen and (min-width: 1024px){.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__title .title,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__title .bal-heading__text,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__subtitle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__title .title,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__title .bal-heading__text,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__subtitle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__title .title,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__title .bal-heading__text,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__subtitle{color:var(--bal-list-accordion-head-color-active) !important}}@media screen and (min-width: 1024px){.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg g,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg path,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg circle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg g,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg path,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg circle,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg g,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg path,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg circle{fill:var(--bal-list-accordion-head-background-active) !important}}.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:focus-visible,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):focus-visible,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable .bal-list__item__accordion-head:focus-visible:after,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable a:not(.is-link):focus-visible:after,.bal-list:not(.is-disabled):not(.bal-list--background-dark) .bal-list__item--clickable button:not(.button):focus-visible:after{content:none !important}.bal-list--background-dark .bal-list__item .bal-list__item__title .title,.bal-list--background-dark .bal-list__item .bal-list__item__title .bal-heading__text,.bal-list--background-dark .bal-list__item .bal-list__item__subtitle{color:var(--bal-list-item-on-dark-color)}.bal-list--background-dark .bal-list__item__icon svg,.bal-list--background-dark .bal-list__item__icon svg g,.bal-list--background-dark .bal-list__item__icon svg path,.bal-list--background-dark .bal-list__item__icon svg circle{fill:var(--bal-list-item-on-dark-color)}@media (hover: hover)and (pointer: fine){.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__subtitle{color:var(--bal-list-accordion-head-on-dark-color-hover) !important}.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):hover .bal-list__item__icon svg circle{fill:var(--bal-list-accordion-head-on-dark-background-hover) !important}}@media screen and (min-width: 1024px){.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__subtitle{color:var(--bal-list-accordion-head-on-dark-color-active) !important}}@media screen and (min-width: 1024px){.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):active .bal-list__item__icon svg circle{fill:var(--bal-list-accordion-head-on-dark-background-active) !important}}.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:focus-visible,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):focus-visible,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):focus-visible{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable .bal-list__item__accordion-head:focus-visible:after,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable a:not(.is-link):focus-visible:after,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--clickable button:not(.button):focus-visible:after{content:none !important}.bal-list--disabled,.bal-list--disabled .bal-list__item,.bal-list--disabled .bal-list__item a:not(.is-link),.bal-list--disabled .bal-list__item button:not(.button){cursor:default !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.bal-list--border:not(.bal-list--nested)>.bal-list__item>div:after,.bal-list--border:not(.bal-list--nested)>.bal-list__item>a.bal-list__item__trigger:not(.is-link):after,.bal-list--border:not(.bal-list--nested)>.bal-list__item>button.bal-list__item__trigger:not(.button):not([type=button]):after,.bal-list--border.bal-list--nested>.bal-list__item:not(:last-child)>div:after,.bal-list--border.bal-list--nested>.bal-list__item:not(:last-child)>a.bal-list__item__trigger:not(.is-link):after,.bal-list--border.bal-list--nested>.bal-list__item:not(:last-child)>button.bal-list__item__trigger:not(.button):not([type=button]):after{content:"";height:2px;border-radius:var(--bal-list-item-radius);width:100%;position:absolute;bottom:0;left:0;right:0}.bal-list--border .bal-list__item>div:after,.bal-list--border .bal-list__item a:not(.is-link):after,.bal-list--border .bal-list__item button:not(.button):not([type=button]):after,.bal-list--border .bal-list__item--disabled>div:after,.bal-list--border .bal-list__item--disabled a:not(.is-link):after,.bal-list--border .bal-list__item--disabled button:not(.button):not([type=button]):after{background:var(--bal-list-item-disabled-background)}@media (hover: hover)and (pointer: fine){.bal-list--border .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled)>div:hover:after,.bal-list--border .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) a:not(.is-link):hover:after,.bal-list--border .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) button:not(.button):hover:after{background:var(--bal-list-item-background-hover)}}@media screen and (min-width: 1024px){.bal-list--border .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled)>div:active:after,.bal-list--border .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) a:not(.is-link):active:after,.bal-list--border .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) button:not(.button):active:after{background:var(--bal-list-item-background-active)}}.bal-list--border.bal-list--background-color .bal-list__item>div:after,.bal-list--border.bal-list--background-color .bal-list__item a:not(.is-link):after,.bal-list--border.bal-list--background-color .bal-list__item button:not(.button):after{background:var(--bal-color-primary)}.bal-list--border.bal-list--background-color .bal-list__item--disabled>div:after,.bal-list--border.bal-list--background-color .bal-list__item--disabled a:not(.is-link):after,.bal-list--border.bal-list--background-color .bal-list__item--disabled button:not(.button):after{background:var(--bal-list-item-disabled-on-color-background)}.bal-list--border.bal-list--background-dark .bal-list__item>div:after,.bal-list--border.bal-list--background-dark .bal-list__item a:not(.is-link):after,.bal-list--border.bal-list--background-dark .bal-list__item button:not(.button):after{background:var(--bal-list-item-disabled-on-dark-background)}.bal-list--border.bal-list--background-dark .bal-list__item--disabled>div:after,.bal-list--border.bal-list--background-dark .bal-list__item--disabled a:not(.is-link):after,.bal-list--border.bal-list--background-dark .bal-list__item--disabled button:not(.button):after{background:var(--bal-list-item-disabled-on-dark-background)}.bal-list--border.bal-list--background-dark .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled)>div:hover:after,.bal-list--border.bal-list--background-dark .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) a:not(.is-link):hover:after,.bal-list--border.bal-list--background-dark .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) button:not(.button):hover:after{background:var(--bal-list-item-on-dark-background-hover)}.bal-list--border.bal-list--background-dark .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled)>div:active:after,.bal-list--border.bal-list--background-dark .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) a:not(.is-link):active:after,.bal-list--border.bal-list--background-dark .bal-list__item.bal-list__item--clickable:not(.bal-list__item--accordion):not(.bal-list__item--disabled) button:not(.button):active:after{background:var(--bal-list-item-on-dark-background-active)}.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__title .title,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__subtitle,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .title,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__subtitle,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__title .title,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__subtitle{color:var(--bal-list-item-disabled-on-dark-color) !important}.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg g,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg path,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg circle,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg g,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg path,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg g,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg path,.bal-list:not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg circle{fill:var(--bal-list-item-disabled-on-dark-fill) !important}.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__subtitle{color:var(--bal-list-item-disabled-color) !important}.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled:active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled):not(.bal-list--background-dark) .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg circle{fill:var(--bal-list-item-disabled-fill) !important}.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__subtitle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__title .title,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__title .bal-heading__text,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__subtitle{color:var(--bal-list-item-disabled-on-color-color) !important}.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled:active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-color .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled:active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled a:not(.is-link):active .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button) .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):hover .bal-list__item__icon svg circle,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg g,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg path,.bal-list:not(.bal-list--disabled).bal-list--background-dark .bal-list__item--disabled button:not(.button):active .bal-list__item__icon svg circle{fill:var(--bal-list-item-disabled-on-color-fill) !important}.bal-card>.bal-list.p-none .bal-list__item:last-child:after{content:none !important}.bal-list__item--accordion>div{-ms-flex-direction:column;flex-direction:column}.bal-list__item--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-list__item--animated .bal-list__item__accordion-body{-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-list__item--animated .bal-list__item__accordion-head__icon{-webkit-transition:-webkit-transform var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:-webkit-transform var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:transform var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:transform var(--bal-animation-transition-duration) var(--bal-animation-transition-easing), -webkit-transform var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-list__item__accordion-head{padding:0 !important}.bal-list__item__accordion-body{will-change:max-height;min-height:0;margin:0 !important}.bal-list__item__accordion-body,.bal-list__item__accordion-body__content{padding:0 !important}.bal-list__item--collapsing>.bal-list__item__trigger>.bal-list__item__accordion-body{max-height:0 !important;overflow:hidden}.bal-list__item--collapsed>.bal-list__item__trigger>.bal-list__item__accordion-body:not(.bal-list__item__accordion-body--grouped){display:none}.bal-list__item--collapsed>.bal-list__item__trigger>.bal-list__item__accordion-body{overflow:hidden}.bal-list__item--collapsed>.bal-list__item__trigger>.bal-list__item__accordion-body--grouped{max-height:0 !important}.bal-list__item--expanding>.bal-list__item__trigger>.bal-list__item__accordion-body{max-height:0;overflow:hidden}@media (prefers-reduced-motion: reduce){.bal-list__item,.bal-list__item__accordion-body{-webkit-transition:none !important;transition:none !important}}.bal-list__item__accordion-body{-ms-flex-align:start !important;align-items:flex-start !important}.bal-list__item__accordion-body__content{position:static;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start !important;align-items:flex-start !important}.bal-list__item__accordion-body__content--start{-ms-flex-pack:start;justify-content:flex-start}.bal-list__item__accordion-body__content--center{-ms-flex-pack:center;justify-content:center}.bal-list__item__accordion-body__content--end{-ms-flex-pack:end;justify-content:flex-end}.bal-list__item__accordion-body__content--space-between{-ms-flex-pack:justify;justify-content:space-between}.bal-list--border>.bal-list__item--expanded>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--border>.bal-list__item--expanding>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--border>.bal-list__item--collapsing>.bal-list__item__trigger>.bal-list__item__accordion-head:after{position:absolute;bottom:-0.5rem;left:0;content:"";height:2px;width:100%;border-radius:var(--bal-list-item-radius);background:var(--bal-list-item-border-background)}.bal-list--size-small.bal-list--border>.bal-list__item--expanded>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--size-small.bal-list--border>.bal-list__item--expanding>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--size-small.bal-list--border>.bal-list__item--collapsing>.bal-list__item__trigger>.bal-list__item__accordion-head:after{bottom:-2px}.bal-list--border.bal-list--background-color>.bal-list__item--expanded>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--border.bal-list--background-color>.bal-list__item--collapsing>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--border.bal-list--background-color>.bal-list__item--expanding>.bal-list__item__trigger>.bal-list__item__accordion-head:after{background:var(--bal-list-item-border-on-color-background)}.bal-list--border.bal-list--background-dark>.bal-list__item--expanded>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--border.bal-list--background-dark>.bal-list__item--collapsing>.bal-list__item__trigger>.bal-list__item__accordion-head:after,.bal-list--border.bal-list--background-dark>.bal-list__item--expanding>.bal-list__item__trigger>.bal-list__item__accordion-head:after{background:var(--bal-list-item-border-on-dark-background)}.bal-list__item__accordion-body__content>.bal-list{padding-left:1rem}.bal-list--background-dark .bal-list__item__accordion-body .bal-list__item__content>p{color:var(--bal-list-accordion-body-color)}.bal-list__item--animated>.bal-list__item__trigger{-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-list__item--expanded>.bal-list__item__trigger,.bal-list__item--expanding>.bal-list__item__trigger{padding-bottom:0}.bal-list--border>.bal-list__item>.bal-list__item__trigger>.bal-list__item__accordion-body>div:not(.bal-list__item__accordion-body__content--space-normal){padding-bottom:2px !important}.bal-list__item__accordion-body__content{padding-top:.5rem !important}.bal-list__item__accordion-body__content--space-normal{padding-top:1rem !important;padding-bottom:1rem !important}';const p=class{constructor(l){t(this,l),this.balNavigate=b(this,"balNavigate",7),this.balGroupStateChanged=b(this,"balGroupStateChanged",7),this.balWillAnimate=b(this,"balWillAnimate",7),this.balDidAnimate=b(this,"balDidAnimate",7),this.accordionOpen=!1,this.animated=!0,this.accordionChanged=t=>{const{detail:l}=t;l!==this.accordionOpen&&(this.accordionOpen=l,this.updateState())},this.addEventListenerAccordionChange=()=>{const t=this.el.querySelector(p.selectors.accordionHead);t&&(t.addEventListener("balAccordionChange",this.accordionChanged),this.accordionOpen=t.accordionOpen,this.updateState(!0))},this.removeEventListenerAccordionChange=()=>{const t=this.el.querySelector(p.selectors.accordionHead);t&&t.removeEventListener("balAccordionChange",this.accordionChanged)},this.updateHead=()=>{const t=this.el.querySelector("bal-list-item-accordion-head");t&&(t.accordionOpen=this.accordionOpen)},this.updateState=(t=!1)=>{this.accordionOpen?this.expandAccordion(t):this.collapseAccordion(t)},this.expandAccordion=(t=!1)=>{const l=this.el.querySelector(p.selectors.accordionBody),i=this.el.querySelector(p.selectors.accordionBodyWrapper);if(t||null===l||null===i)return void(this.state=4);if(4===this.state)return;void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf);const a=this.el.closest("bal-list");a&&a.accordionOneLevel&&Array.from(a.querySelectorAll("bal-list-item")).filter((t=>t!==this.el)).forEach((t=>t.dismiss(!0))),this.shouldAnimate()?n((()=>{this.state=8,this.currentRaf=n((async()=>{const t=i.offsetHeight,a=d(l,300);l.style.setProperty("max-height",`${t}px`),this.balWillAnimate.emit(this.accordionOpen),await a,this.state=4,l.style.removeProperty("max-height"),this.balDidAnimate.emit(this.accordionOpen)}))})):(this.balWillAnimate.emit(this.accordionOpen),this.state=4,this.balDidAnimate.emit(this.accordionOpen))},this.collapseAccordion=(t=!1,l=!1)=>{const i=this.el.querySelector(p.selectors.accordionBody);if(t||null===i)this.state=1;else if(1!==this.state){if(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),!l){const t=this.el.closest("bal-list");t&&t.accordionOneLevel&&Array.from(this.el.querySelectorAll("bal-list-item")).filter((t=>t!==this.el)).forEach((t=>t.dismiss(!0)))}this.shouldAnimate()?this.currentRaf=n((async()=>{i.style.setProperty("max-height",`${i.offsetHeight}px`),n((async()=>{const t=d(i,300);this.state=2,this.balWillAnimate.emit(this.accordionOpen),await t,this.state=1,i.style.removeProperty("max-height"),this.balDidAnimate.emit(this.accordionOpen)}))})):(this.balWillAnimate.emit(this.accordionOpen),this.state=1,this.balDidAnimate.emit(this.accordionOpen))}},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onClickTrigger=t=>{const l=this.el.querySelector(p.selectors.accordionBody);l&&l.contains(t.target)||this.balNavigate.emit(t)},this.state=1,this.disabled=!1,this.clickable=!1,this.selected=!1,this.accordion=!1,this.subAccordionItem=!1,this.href="",this.target="_self",this.download=void 0}createLogger(t){this.log=t}connectedCallback(){this.accordion&&this.addEventListenerAccordionChange()}componentDidLoad(){this.accordion&&this.addEventListenerAccordionChange()}disconnectedCallback(){this.removeEventListenerAccordionChange()}async configChanged(t){this.animated=t.animated}async present(){this.accordion&&!1===this.accordionOpen&&(this.accordionOpen=!0,this.updateHead(),this.expandAccordion())}async dismiss(t=!1){this.accordion&&!0===this.accordionOpen&&(this.accordionOpen=!1,this.updateHead(),this.collapseAccordion(!1,t))}async toggle(){this.accordion&&(this.accordionOpen?this.dismiss():this.present())}render(){const t=s.block("list").element("item"),a=t.element("trigger"),b=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("disabled").class(this.disabled)),t.modifier("selected").class(this.selected)),t.modifier("animated").class(this.animated)),t.modifier("accordion").class(this.accordion)),t.modifier("sub-accordion").class(this.subAccordionItem)),t.modifier("active").class(this.accordionOpen)),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("clickable").class(!this.disabled&&(this.clickable||this.href.length>0||this.accordion)));return this.href.length>0&&!this.disabled?l(i,{role:"listitem",class:Object.assign({},b)},l("a",{class:Object.assign({},a.class()),href:this.href,target:this.target,download:this.download,onClick:t=>this.onClickTrigger(t)},l("slot",null))):this.clickable?l(i,{role:"listitem",class:Object.assign({},b)},l("button",{class:Object.assign({},a.class()),disabled:this.disabled,onClick:t=>this.onClickTrigger(t)},l("slot",null))):l(i,this.accordion?{role:"listitem",class:Object.assign({},b),onClick:t=>this.onClickTrigger(t)}:{role:"listitem",class:Object.assign({},b)},l("div",{class:Object.assign({},a.class())},l("slot",null)))}get el(){return a(this)}};p.selectors={accordionHead:".bal-list__item__trigger > bal-list-item-accordion-head",accordionBody:".bal-list__item__trigger > bal-list-item-accordion-body",accordionBodyWrapper:".bal-list__item__trigger > .bal-list__item__accordion-body > .bal-list__item__accordion-body__content"},e([o("bal-list-item"),_("design:type",Function),_("design:paramtypes",[Function]),_("design:returntype",void 0)],p.prototype,"createLogger",null),e([c(),_("design:type",Function),_("design:paramtypes",[Object]),_("design:returntype",Promise)],p.prototype,"configChanged",null);const f=class{constructor(l){t(this,l),this.isMobile=m.isMobile,this.setMinHeightForAnimation=()=>{void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.isMobile&&this.contentElWrapper?this.contentElWrapper.style.removeProperty("min-height"):n((()=>{if(void 0!==this.accordionGroup&&""!==this.accordionGroup){const t=Array.from(document.body.querySelectorAll("bal-list-item-accordion-body")).filter((t=>t.accordionGroup===this.accordionGroup)).map((t=>t.querySelector(".bal-list__item__accordion-body__content"))).filter((t=>t)).reduce(((t,l)=>t<l.offsetHeight?l.offsetHeight:t),0);this.contentElWrapper&&t>0&&this.el.offsetHeight!==t&&this.contentElWrapper.style.setProperty("min-height",`${t}px`)}}))},this.debounceSetMinHeightForAnimation=r(this.setMinHeightForAnimation.bind(this),100),this.accordionGroup=void 0,this.contentSpace="none",this.contentAlignment="start"}createLogger(t){this.log=t}connectedCallback(){this.setMinHeightForAnimation()}componentDidRender(){this.setMinHeightForAnimation()}resizeListener(){}breakpointListener(t){this.isMobile=t.mobile,this.debounceSetMinHeightForAnimation()}render(){return l(i,{key:"06ee66f63c656b78ad4810d1c100537705920540",class:{"bal-list__item":!0,"bal-list__item__accordion-body":!0,"bal-list__item__accordion-body--grouped":void 0!==this.accordionGroup&&""!==this.accordionGroup}},l("div",{key:"dc9e35c46f9ced8cb40e6e89785c63fb791dd42f",class:{"bal-list__item__accordion-body__content":!0,[`bal-list__item__accordion-body__content--${this.contentAlignment}`]:void 0!==this.contentAlignment,[`bal-list__item__accordion-body__content--space-${this.contentSpace}`]:void 0!==this.contentSpace},ref:t=>this.contentElWrapper=t},l("slot",{key:"8b4d53344c8d23dacb1e7fc274837adcdc143529"})))}get el(){return a(this)}};e([o("bal-list-item-accordion-body"),_("design:type",Function),_("design:paramtypes",[Function]),_("design:returntype",void 0)],f.prototype,"createLogger",null),e([k(),_("design:type",Function),_("design:paramtypes",[]),_("design:returntype",void 0)],f.prototype,"resizeListener",null),e([g(),_("design:type",Function),_("design:paramtypes",[Object]),_("design:returntype",void 0)],f.prototype,"breakpointListener",null);const y=class{constructor(l){t(this,l),this.balAccordionChange=b(this,"balAccordionChange",7),this.onClick=()=>{this.el.closest("bal-list-item")&&(this.accordionOpen=!this.accordionOpen)},this.onKeyDown=t=>{(u(t)||h(t))&&this.onClick()},this.accordionOpen=!1,this.icon="plus"}createLogger(t){this.log=t}accordionOpenHandler(t,l){t!==l&&this.balAccordionChange.emit(this.accordionOpen)}render(){return l(i,{key:"832f5c8044b9e4ce3cbb058bda2b6049510972de",class:{"bal-list__item":!0,"bal-list__item__accordion-head":!0,"bal-list__item__accordion-head--open":this.accordionOpen},role:"button",tabindex:"0",onClick:this.onClick,onKeyDown:this.onKeyDown},l("slot",{key:"8a19cd5dd89ce0adb4301d2bfedbcdc7416457c6"}),l("bal-list-item-icon",{key:"263259acd91f67abe9114a127afbafe09e5a81b7",right:!0},l("bal-icon",{key:"10c6bf2695488123fcb5c229a94b36cbfd0c767a",class:"bal-list__item__accordion-head__icon",name:this.icon,size:"small",turn:this.accordionOpen})))}get el(){return a(this)}static get watchers(){return{accordionOpen:["accordionOpenHandler"]}}};e([o("bal-list-item-accordion-head"),_("design:type",Function),_("design:paramtypes",[Function]),_("design:returntype",void 0)],y.prototype,"createLogger",null);const x=class{constructor(l){t(this,l),this.contentAlignment=void 0}render(){return l(i,{key:"18b259162c90c9d964723ead0c397808190b5a03",class:{"bal-list__item__content":!0,[`bal-list__item__content--${this.contentAlignment}`]:void 0!==this.contentAlignment}},l("slot",{key:"f5f1b01681e567d907880df1c074bb6387afe692"}))}},j=class{constructor(l){t(this,l),this.right=!1}render(){return l(i,{key:"99a23b25b0d12efbbcec68c953c9a71715728264",class:{"bal-list__item__icon":!0,"bal-list__item__icon--right":this.right}},l("slot",{key:"735c1364fabfb25f66c930771294b88588bb3dde"}))}},w=class{constructor(l){t(this,l)}render(){return l(i,{key:"effd50d57869e56472d4f02227aa8d0f694fe2b2",class:"bal-list__item__subtitle"},l("slot",{key:"78c5597788016f37e1c7f96b2bc3b8eba14a16aa"}))}},z=class{constructor(l){t(this,l),this.level="h5",this.visualLevel=void 0}render(){return l(i,{key:"4825c89e7378cd84b26a1ec9188063a2023d0df6",class:"bal-list__item__title"},l("bal-heading",{key:"b49ed81022742cb5ababb5acb3b4f62eb9fa00f9",level:this.level,visualLevel:this.visualLevel,space:"none"},l("slot",{key:"c79cd06a74853e184c07a751947a974a7a2eca5d"})))}};export{v as bal_list,p as bal_list_item,f as bal_list_item_accordion_body,y as bal_list_item_accordion_head,x as bal_list_item_content,j as bal_list_item_icon,w as bal_list_item_subtitle,z as bal_list_item_title}

package/dist/baloise-design-system/p-5f14c78075.entry.js

@@ -0,0 +1 @@
+import{h as e,r as t,c as a,H as s,g as o}from"./p-2ccbe55a.js";import{_ as r,a as l}from"./p-43c9f5e9.js";import{p as i}from"./p-ef6a64f4.js";import{B as b}from"./p-ae86d0a0.js";import{L as n}from"./p-b77e3348.js";import{a as p}from"./p-00b37ea2.js";import{s as c}from"./p-e3e1d211.js";import{n as d}from"./p-06ecf846.js";import{b as _}from"./p-54926c03.js";import{L as v}from"./p-ca3bb9ce.js";import{L as m}from"./p-10bbc670.js";import"./p-a65354df.js";import"./p-46251973.js";import"./p-9a3d9e17.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-37159e1a.js";const u=({item:t,isMobile:a})=>{const s=b.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},h=({item:t})=>{const a=b.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},g=({item:t,color:a,isMobile:s,clickable:o,onSelectTab:r})=>{const l=b.block("steps").element("nav").element("item");if(!t.invisible)return e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier(`color-${a}`).class()),l.modifier("done").class(t.done)),l.modifier("active").class(t.active)),l.modifier("failed").class(t.failed)),l.modifier("disabled").class(t.disabled)),l.modifier("clickable").class(o)),l.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:""===t.href?"javascript:;":t.href,target:t.target,onClick:e=>r(e,t)},e(u,{item:t,isMobile:s}),e(h,{item:t}))},f=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.stepsId="bal-steps-"+x++,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(d)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{p(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&c(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))},this.store=[],this.isMobile=_.isMobile,this.options=[],this.clickable=!0,this.color="primary",this.debounce=0,this.value=void 0}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=i(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}swiperOnChange(e){}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=b.block("steps"),a=t.element("nav");let o=!0,r=-1;const l=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(o=!1),e.invisible||(r+=1),Object.assign(Object.assign({},e),{passed:o,index:r}))));return e(s,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},l.filter((e=>!e.invisible)).map((t=>e(g,{item:t,color:this.color,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return o(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};r([n("bal-steps"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],f.prototype,"createLogger",null),r([v({tags:["bal-steps","bal-step-item"]}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],f.prototype,"mutationListener",null),r([m(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],f.prototype,"breakpointListener",null);let x=0;f.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;overflow-x:auto}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{f as bal_steps}

package/dist/baloise-design-system/p-62203e4220.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(a,e,t,n){function i(a){return a instanceof t?a:new t((function(e){e(a)}))}return new(t||(t=Promise))((function(t,r){function l(a){try{s(n.next(a))}catch(a){r(a)}}function b(a){try{s(n["throw"](a))}catch(a){r(a)}}function s(a){a.done?t(a.value):i(a.value).then(l,b)}s((n=n.apply(a,e||[])).next())}))};var __generator=this&&this.__generator||function(a,e){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,i,r,l;return l={next:b(0),throw:b(1),return:b(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function b(a){return function(e){return s([a,e])}}function s(b){if(n)throw new TypeError("Generator is already executing.");while(l&&(l=0,b[0]&&(t=0)),t)try{if(n=1,i&&(r=b[0]&2?i["return"]:b[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,b[1])).done)return r;if(i=0,r)b=[b[0]&2,r.value];switch(b[0]){case 0:case 1:r=b;break;case 4:t.label++;return{value:b[1],done:false};case 5:t.label++;i=b[1];b=[0];continue;case 7:b=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(b[0]===6||b[0]===2)){t=0;continue}if(b[0]===3&&(!r||b[1]>r[0]&&b[1]<r[3])){t.label=b[1];break}if(b[0]===6&&t.label<r[1]){t.label=r[1];r=b;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(b);break}if(r[2])t.ops.pop();t.trys.pop();continue}b=e.call(a,t)}catch(a){b=[6,a];i=0}finally{n=r=0}if(b[0]&5)throw b[1];return{value:b[0]?b[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-db0895e2.system.js","./p-f19ea306.system.js","./p-a1f6e944.system.js","./p-5cd2674f.system.js","./p-6dbef894.system.js","./p-ef6da66e.system.js","./p-2361ab48.system.js","./p-ef3bfa9f.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-9d742f89.system.js"],(function(a){"use strict";var e,t,n,i,r,l,b,s,o,c,f,u,d,h;return{setters:[function(a){e=a.r;t=a.h;n=a.H;i=a.g;r=a.c},function(a){l=a.B},function(a){b=a.B},function(a){s=a.b},function(a){o=a.i;c=a.h},function(a){f=a._;u=a.a},function(a){d=a.b},function(a){h=a.L},function(){},function(){},function(){},function(){}],execute:function(){var v=":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";var m=v;var _=a("bal_navbar",function(){function a(a){e(this,a);this.light=false;this.interface="app";this.container=""}a.prototype.interfaceHandler=function(){this.updateProps(["bal-navbar-brand","bal-navbar-menu","bal-navbar-menu-start","bal-navbar-menu-end"],"interface")};a.prototype.componentWillLoad=function(){this.interfaceHandler()};a.prototype.updateProps=function(a,e){var t=this[e];if(t!==undefined){this.notifyComponents(a,(function(a){return a[e]=t}))}};a.prototype.notifyComponents=function(a,e){var t=this.element.querySelectorAll(a.join(", "));t.forEach((function(a){return e(a)}))};a.prototype.render=function(){var a;var e=l.block("navbar");return t(n,{key:"c0a7e51b1f0b6cf601943198f5c116325c5115ce",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("context-".concat(this.interface)).class()),e.modifier("is-light").class(this.light))},t("nav",{key:"c042e875f2b62bc58fd06851bd1a4d371a2e8080",role:"navigation","aria-label":"main navigation",class:Object.assign(Object.assign({},e.element("nav").class()),(a={container:true},a["is-".concat(this.container)]=this.container!=="",a))},t("slot",{key:"84e0ffcd250b6f4806d8c5d6ca4fc86bb3dbfe4a"})))};Object.defineProperty(a.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{interface:["interfaceHandler"]}},enumerable:false,configurable:true});return a}());_.style=m;var p=a("bal_navbar_brand",function(){function a(a){e(this,a);this.balNavigate=r(this,"balNavigate",7);this.balWillAnimate=r(this,"balWillAnimate",7);this.balDidAnimate=r(this,"balDidAnimate",7);this.bodyScrollHandler=new b;this.isMenuActive=false;this.href="";this.target="_self";this.simple=false;this.logo=undefined;this.logoSize="";this.animated=true;this.interface="app"}a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){if(s.hasWindow&&window.matchMedia){window.matchMedia("(min-width: 960px)").addEventListener("change",this.resetIsMenuActive.bind(this))}};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.resetIsMenuActive=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(a.matches&&!this.simple){this.toggle(false)}return[2]}))}))};a.prototype.toggle=function(a){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(n){switch(n.label){case 0:this.isMenuActive=a;this.balWillAnimate.emit(this.isMenuActive);if(s.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(this.isMenuActive){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}e=this.el.closest("bal-navbar");if(!e)return[3,2];t=e.querySelector("bal-navbar-menu");if(!(t&&!this.simple))return[3,2];return[4,t.toggle(this.isMenuActive)];case 1:n.sent();n.label=2;case 2:return[4,o(300)];case 3:n.sent();this.balDidAnimate.emit(this.isMenuActive);return[2]}}))}))};a.prototype.onClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.toggle(!this.isMenuActive);return[2]}))}))};a.prototype.render=function(){var a=this;var e=l.block("navbar").element("brand");var i=this.logo?t("img",{class:Object.assign({},e.element("logo").class()),src:this.logo,alt:""}):t("bal-logo",{animated:this.animated,color:"white",size:this.logoSize});return t(n,{key:"5a19618c04c539ac05ae44950d5642724f345d8f",class:Object.assign(Object.assign({},e.class()),e.modifier("context-".concat(this.interface)).class())},this.href?t("a",{href:this.href,target:this.target,onClick:function(e){return a.balNavigate.emit(e)}},i):i,t("span",{key:"bac65d94bd398e028a0bf4159df01af8e346eb7c",class:Object.assign({},e.element("title").class())},t("slot",{key:"67808a0a311e2cb423d4f6cf2eaa6cb0b70062d8"})),t("bal-button",{key:"5d5a5d9602caec124e8163ebe54fc66b363d65c9",class:Object.assign(Object.assign({},e.element("burger").class()),e.element("burger").modifier("hidden").class(this.interface==="simple")),color:"light",inverted:true,square:true,icon:this.isMenuActive?"close":"menu-bars",onClick:function(){return a.onClick()}}))};Object.defineProperty(a.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return a}());var g=a("bal_navbar_menu",function(){function a(a){e(this,a);this.isMenuActive=false;this.isTouch=d.isTouch;this.interface="app"}a.prototype.breakpointListener=function(a){this.isTouch=a.touch};a.prototype.toggle=function(a){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.isMenuActive=a;e=this.element.querySelector("bal-tabs");if(!e)return[3,2];return[4,c(e)];case 1:t.sent();e.renderLine();t.label=2;case 2:return[2]}}))}))};a.prototype.render=function(){var a;var e=l.block("navbar").element("menu");var i="";if(this.isTouch){var r=this.element.closest("bal-navbar");if(r){i=r.container}}return t(n,{key:"88676dca9a4def916347757f552fa1efe174d80d",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(this.isMenuActive)),e.modifier("context-".concat(this.interface)).class()),(a={container:true},a["is-".concat(i)]=i!=="",a))},t("slot",{key:"47d1c81229bf002f4404123dad97df4d92042f1c"}))};Object.defineProperty(a.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return a}());f([h(),u("design:type",Function),u("design:paramtypes",[Object]),u("design:returntype",void 0)],g.prototype,"breakpointListener",null);var x=a("bal_navbar_menu_end",function(){function a(a){e(this,a);this.interface="app"}a.prototype.render=function(){var a=l.block("navbar").element("menu").element("end");return t(n,{key:"04f6df129b2db2428a8ee50e4c3316cf9cc143f9",class:Object.assign(Object.assign({},a.class()),a.modifier("context-".concat(this.interface)).class())},t("slot",{key:"0457213c0f02e87d1c2b30e7be6be3c0471fe3b9"}))};return a}());var y=a("bal_navbar_menu_start",function(){function a(a){e(this,a);this.interface="app"}a.prototype.render=function(){var a=l.block("navbar").element("menu").element("start");return t(n,{key:"06f8898607ca2e126026864177931399c87819be",class:Object.assign(Object.assign({},a.class()),a.modifier("context-".concat(this.interface)).class())},t("slot",{key:"a1f9e79d3d0681c1c96734218cf5313f7cf95afb"}))};return a}())}}}));