npm - @baloise/ds-core - Versions diffs - 19.8.2 → 19.8.3-nightly.20251107 - Mend

@baloise/ds-core 19.8.2 → 19.8.3-nightly.20251107

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

Files changed (1024) hide show

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ var __awaiter=this&&this.__awaiter||function(e,a,r,n){function t(e){return e instanceof r?e:new r((function(a){a(e)}))}return new(r||(r=Promise))((function(r,o){function i(e){try{s(n.next(e))}catch(e){o(e)}}function l(e){try{s(n["throw"](e))}catch(e){o(e)}}function s(e){e.done?r(e.value):t(e.value).then(i,l)}s((n=n.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,t,o,i=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return i.next=l(0),i["throw"]=l(1),i["return"]=l(2),typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(e){return function(a){return s([e,a])}}function s(l){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,l[0]&&(r=0)),r)try{if(n=1,t&&(o=l[0]&2?t["return"]:l[0]?t["throw"]||((o=t["return"])&&o.call(t),0):t.next)&&!(o=o.call(t,l[1])).done)return o;if(t=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;t=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){r.label=l[1];break}if(l[0]===6&&r.label<o[1]){r.label=o[1];o=l;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(l);break}if(o[2])r.ops.pop();r.trys.pop();continue}l=a.call(e,r)}catch(e){l=[6,e];t=0}finally{n=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-CEOTg0oT.system.js","./p-BbAtjg9Y.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-BS3tl84b.system.js","./p-BM_oHMik.system.js","./p-BblIE2Vz.system.js","./p-BpMXwP_q.system.js","./p-CpWDVANq.system.js","./p-Bzy18UgU.system.js","./p-lFDHYLJ4.system.js","./p-Dxz8zGB7.system.js","./p-Czl2AFQD.system.js","./p-D7_eHNTI.system.js"],(function(e){"use strict";var a,r,n,t,o,i,l,s,c,_,p,f,b,d,u;return{setters:[function(e){a=e.r;r=e.h;n=e.H},function(e){t=e._;o=e.a},function(e){i=e.l;l=e.a;s=e.L},function(e){c=e.B},function(e){_=e.r},function(e){p=e.L},function(e){f=e.s},function(e){b=e.e},function(e){d=e.d},function(e){u=e.L},null,null,null,null,null,null],execute:function(){var g={en:{name:"English"},fr:{name:"Français"},it:{name:"Italiano"},nl:{name:"Nederlands"},es:{name:"Español"},pt:{name:"Português"},sv:{name:"Svenska"},fi:{name:"Suomi"},de:{name:"Deutsch"},pl:{name:"Polski"}};var h=":root{--bal-footer-font-family:var(--bal-font-family-text);--bal-footer-background:var(--bal-color-primary);--bal-footer-color:var(--bal-color-text-white);--bal-footer-language-color:var(--bal-color-text-white);--bal-footer-language-color-hover:var(--bal-color-light-blue-2);--bal-footer-language-color-active:var(--bal-color-light-blue-3);--bal-footer-language-background:var(--bal-color-text-white);--bal-footer-language-background-hover:var(--bal-color-light-blue-2);--bal-footer-language-background-active:var(--bal-color-light-blue-3);--bal-footer-logo-image-max-height:64px}.bal-footer{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:static;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.bal-footer__slot{color:var(--bal-footer-color)}.bal-footer__inner{position:relative;font-family:var(--bal-footer-font-family);background-color:var(--bal-footer-background);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}@media screen and (min-width: 1024px){.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}.bal-footer__inner__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-large)}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}.bal-footer__inner__wrapper__header-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row;flex-direction:row}.bal-footer__inner__wrapper__header-container__language{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__language__wrapper{display:-ms-flexbox;display:flex;gap:1rem;cursor:pointer}.bal-footer__inner__wrapper__header-container__language__wrapper svg,.bal-footer__inner__wrapper__header-container__language__wrapper g,.bal-footer__inner__wrapper__header-container__language__wrapper path,.bal-footer__inner__wrapper__header-container__language__wrapper circle{fill:var(--bal-footer-language-background) !important}.bal-footer__inner__wrapper__header-container__language__wrapper select{padding-left:2px;padding-right:2px;background:rgba(0,0,0,0);-webkit-appearance:none;border:none;color:var(--bal-footer-language-color);font-weight:var(--bal-font-weight-bold);font-family:var(--bal-font-family-title);cursor:pointer}.bal-footer__inner__wrapper__header-container__language__wrapper select option{background:var(--bal-color-white) !important;color:var(--bal-color-primary) !important;font-weight:var(--bal-font-weight-bold) !important;font-family:var(--bal-font-family-text) !important}.bal-footer__inner__wrapper__header-container__language__wrapper:hover svg,.bal-footer__inner__wrapper__header-container__language__wrapper:hover g,.bal-footer__inner__wrapper__header-container__language__wrapper:hover path,.bal-footer__inner__wrapper__header-container__language__wrapper:hover circle{fill:var(--bal-footer-language-background-hover) !important}.bal-footer__inner__wrapper__header-container__language__wrapper:hover select{color:var(--bal-footer-language-color-hover)}.bal-footer__inner__wrapper__header-container__language__wrapper:active svg,.bal-footer__inner__wrapper__header-container__language__wrapper:active g,.bal-footer__inner__wrapper__header-container__language__wrapper:active path,.bal-footer__inner__wrapper__header-container__language__wrapper:active circle{fill:var(--bal-footer-language-background-active) !important}.bal-footer__inner__wrapper__header-container__language__wrapper:active select{color:var(--bal-footer-language-color-active)}.bal-footer__inner__wrapper__header-container__logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__logo img{max-height:var(--bal-footer-logo-image-max-height)}.bal-footer__inner__wrapper__header-container__logo div{height:var(--bal-footer-logo-image-max-height);min-width:var(--bal-footer-logo-image-max-height)}.bal-footer__inner__wrapper__links-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 769px),print{.bal-footer__inner__wrapper__links-container{-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 1024px){.bal-footer__inner__wrapper__links-container{-ms-flex-direction:row;flex-direction:row}}.bal-footer__inner__wrapper__links-container__legal-links{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop)}.bal-footer__inner__wrapper__links-container__legal-links a{font-size:var(--bal-text-size-small) !important}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__legal-links{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--bal-space-normal)}}.bal-footer__inner__wrapper__links-container__social-media-links{-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop);padding:var(--bal-space-normal) var(--bal-space-normal) var(--bal-space-normal) 0}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large);-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--bal-space-normal) 0 var(--bal-space-normal) 0}}";var m=e("bal_footer",function(){function e(e){a(this,e);this.logoSvgContent="";this.links=[];this.socialMediaLinks=[];this.language=d.language;this.region=d.region;this.allowedLanguages=d.allowedLanguages;this.logoHref="";this.logoSvg="";this.hideLinks=false;this.overrideLinks=undefined;this.showSocialMedia=false;this.hideLanguageSelection=false}e.prototype.createLogger=function(e){this.log=e};e.prototype.logoSvgChanged=function(){this.logoSvgContent=f(this.logoSvg)};e.prototype.connectedCallback=function(){this.updateFooterLinks();this.updateSocialMediaLinks();this.logoSvgChanged()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this.language!==e.language||this.region!==e.region){this.language=e.language;this.region=e.region;this.allowedLanguages=e.allowedLanguages;this.updateFooterLinks();this.updateSocialMediaLinks()}return[2]}))}))};e.prototype.changeLanguage=function(e){b(e)};e.prototype.updateFooterLinks=function(){var e=this;if(this.overrideLinks){this.links=this.overrideLinks}else if(!this.hideLinks&&(this.region==="CH"||this.region==="DE")){var a=this.region;_((function(){i(new s(e.language),a).then((function(a){return e.links=a}))}))}};e.prototype.updateSocialMediaLinks=function(){var e=this;if(this.showSocialMedia&&(this.region==="CH"||this.region==="DE")){var a=this.region;_((function(){l(new s(e.language),a).then((function(a){return e.socialMediaLinks=a}))}))}};e.prototype.render=function(){var e=this;var a=c.block("footer");var t=a.element("slot");var o=a.element("inner");var i=o.element("wrapper");var l=i.element("container");var s=i.element("links-container");var _=i.element("header-container");var p=_.element("logo");var f=_.element("language");var b=f.element("wrapper");var d=s.element("legal-links");var u=s.element("social-media-links");return r(n,{key:"04ec38780841ea9902e3f465b8fd4e3561a9092e",class:Object.assign({},a.class())},r("footer",{key:"dc1fa3c156ad78d3d05d3f5d219c81801bca5044",class:Object.assign({},o.class())},r("div",{key:"e8f1144c09a1b52fb956bc03438671086e801895",class:Object.assign({},i.class())},r("div",{key:"b6d1e0c4deed43eec0e0889cc4011cc5465db527",class:Object.assign(Object.assign({container:true},l.class()),_.class())},r("div",{key:"6102cc926e8542a0a2802b1fa8914b054a9391b4",class:Object.assign({},p.class())},this.logoHref?r("img",{src:this.logoHref,alt:"Logo"}):this.logoSvgContent?r("div",{innerHTML:this.logoSvgContent}):r("bal-logo",{color:"white"})),r("div",{key:"5cd3a29dd8d40a4704f85635e32bcca1d0af0546",class:Object.assign({},f.class()),style:{display:this.hideLanguageSelection||this.allowedLanguages.length<=1?"none":"flex"}},r("div",{key:"023ba95e77cc80681af23b8a0ed50b49a94b81fd",class:Object.assign({},b.class())},r("bal-icon",{key:"3c5ce093f139a07def8c73fdfbcf6060de8893b3",class:Object.assign({},b.element("icon").class()),name:"web",color:"white"}),r("select",{key:"7cd8af0cb134b8b8a9733333df37a1c9f909e9fb",class:Object.assign({},b.element("select").class()),onChange:function(a){return e.changeLanguage(a.target.value)},"data-testid":"bal-footer-language"},this.allowedLanguages.map((function(a){return r("option",{key:a,value:a,selected:a===e.language},a.toLocaleUpperCase()+" - "+g[a].name)})))))),r("div",{key:"017b017c8d5714e5b8568cf10e12a96a468b722e",class:Object.assign({},t.class())},r("slot",{key:"e09a963ac71e749cecfe38751ae330759e626080"})),r("div",{key:"993161e25ae9c3fccc18fd7f2b032b74b3120106",class:Object.assign(Object.assign({container:true},l.class()),s.class())},r("div",{key:"eee88e5f349aebf4d16333462f7e18a029bfe82e",class:Object.assign({},u.class()),style:{display:!this.showSocialMedia?"none":"flex"}},this.socialMediaLinks.map((function(e){return r("a",{key:e.link,href:e.link,target:"_blank",class:{link:true,"is-inverted":true}},r("bal-icon",{name:e.label.toLowerCase()}))}))),r("div",{key:"fdd8006cd0d1ec2f6e3fa6ee418705a7d607f9c8",class:Object.assign({},d.class()),style:{display:this.hideLinks?"none":"flex"}},this.links&&this.links.map((function(e){return r("a",{key:e.link,href:e.link,target:"_blank",class:{link:true,"is-light":true}},e.label)})))))))};Object.defineProperty(e,"watchers",{get:function(){return{logoSvg:["logoSvgChanged"]}},enumerable:false,configurable:true});return e}());t([p("bal-footer"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],m.prototype,"createLogger",null);t([u(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],m.prototype,"configChanged",null);m.style=h}}}));

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ var __awaiter=this&&this.__awaiter||function(t,l,i,a){function b(t){return t instanceof i?t:new i((function(l){l(t)}))}return new(i||(i=Promise))((function(i,s){function e(t){try{o(a.next(t))}catch(t){s(t)}}function _(t){try{o(a["throw"](t))}catch(t){s(t)}}function o(t){t.done?i(t.value):b(t.value).then(e,_)}o((a=a.apply(t,l||[])).next())}))};var __generator=this&&this.__generator||function(t,l){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},a,b,s,e=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return e.next=_(0),e["throw"]=_(1),e["return"]=_(2),typeof Symbol==="function"&&(e[Symbol.iterator]=function(){return this}),e;function _(t){return function(l){return o([t,l])}}function o(_){if(a)throw new TypeError("Generator is already executing.");while(e&&(e=0,_[0]&&(i=0)),i)try{if(a=1,b&&(s=_[0]&2?b["return"]:_[0]?b["throw"]||((s=b["return"])&&s.call(b),0):b.next)&&!(s=s.call(b,_[1])).done)return s;if(b=0,s)_=[_[0]&2,s.value];switch(_[0]){case 0:case 1:s=_;break;case 4:i.label++;return{value:_[1],done:false};case 5:i.label++;b=_[1];_=[0];continue;case 7:_=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(_[0]===6||_[0]===2)){i=0;continue}if(_[0]===3&&(!s||_[1]>s[0]&&_[1]<s[3])){i.label=_[1];break}if(_[0]===6&&i.label<s[1]){i.label=s[1];s=_;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(_);break}if(s[2])i.ops.pop();i.trys.pop();continue}_=l.call(t,i)}catch(t){_=[6,t];b=0}finally{a=s=0}if(_[0]&5)throw _[1];return{value:_[0]?_[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-BbAtjg9Y.system.js","./p-Cjiw70Dk.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-BpMXwP_q.system.js","./p-DzqBySjs.system.js","./p-CTuoH3RE.system.js","./p-DFlGJzyQ.system.js","./p-DKjTFqnu.system.js","./p-CLDmOIBx.system.js","./p-BblIE2Vz.system.js","./p-DtlqgdI2.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js","./p-DdX8FaaK.system.js","./p-DDPYMMGG.system.js","./p-DVM5Dcpz.system.js"],(function(t){"use strict";var l,i,a,b,s,e,_,o,n,d,r,c,m,u,k,g,v,h,f,p,y,x;return{setters:[function(t){l=t.r;i=t.h;a=t.H;b=t.g;s=t.c},function(t){e=t.B},function(t){_=t._;o=t.a},function(t){n=t.m;d=t.t;r=t.r;c=t.k},function(t){m=t.L},function(t){u=t.L},function(t){k=t.b},function(t){g=t.L},function(t){v=t.L},function(t){h=t.a},function(t){f=t.s},function(t){p=t.d},function(t){y=t.i;x=t.a},null,null,null,null,null],execute:function(){var j=':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}';var w=t("bal_list",function(){function t(t){l(this,t);this.disabled=false;this.background="light";this.border=false;this.accordionOneLevel=false;this.size=""}t.prototype.accordionOneLevelHandler=function(t,l){if(t!==l){var i=Array.from(this.el.querySelectorAll("bal-list"));i.forEach((function(l){return l.accordionOneLevel=t}))}};t.prototype.componentWillLoad=function(){this.accordionOneLevelHandler(this.accordionOneLevel,false)};t.prototype.render=function(){var t=e.block("list");var l=this.el.closest(".bal-list");var b=l!==null&&l!==this.el;return i(a,{key:"0d645eb9443b6c5c60f5875949905a8c85df6b15",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-".concat(this.size||"normal")).class()),t.modifier("background-".concat(this.background)).class())},i("slot",{key:"b470e521ebcff2eb376f7ed3c9cbf1fcd475a61a"}))};Object.defineProperty(t.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{accordionOneLevel:["accordionOneLevelHandler"]}},enumerable:false,configurable:true});return t}());w.style=j;var O=t("bal_list_item",function(){function t(t){var i=this;l(this,t);this.balNavigate=s(this,"balNavigate");this.balGroupStateChanged=s(this,"balGroupStateChanged");this.balWillAnimate=s(this,"balWillAnimate");this.balDidAnimate=s(this,"balDidAnimate");this.accordionOpen=false;this.animated=true;this.state=1;this.disabled=false;this.clickable=false;this.selected=false;this.accordion=false;this.subAccordionItem=false;this.href="";this.target="_self";this.accordionChanged=function(t){var l=t.detail;if(l!==i.accordionOpen){i.accordionOpen=l;i.updateState()}};this.addEventListenerAccordionChange=function(){var t=i.el.querySelector(O.selectors.accordionHead);if(t){t.addEventListener("balAccordionChange",i.accordionChanged);i.accordionOpen=t.accordionOpen;i.updateState(true)}};this.removeEventListenerAccordionChange=function(){var t=i.el.querySelector(O.selectors.accordionHead);if(t){t.removeEventListener("balAccordionChange",i.accordionChanged)}};this.updateHead=function(){var t=i.el.querySelector("bal-list-item-accordion-head");if(t){t.accordionOpen=i.accordionOpen}};this.updateState=function(t){if(t===void 0){t=false}if(i.accordionOpen){i.expandAccordion(t)}else{i.collapseAccordion(t)}};this.expandAccordion=function(t){if(t===void 0){t=false}var l=i.el.querySelector(O.selectors.accordionBody);var a=i.el.querySelector(O.selectors.accordionBodyWrapper);if(t||l===null||a===null){i.state=4;return}if(i.state===4){return}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}var b=i.el.closest("bal-list");if(b&&b.accordionOneLevel){var s=Array.from(b.querySelectorAll("bal-list-item")).filter((function(t){return t!==i.el}));s.forEach((function(t){return t.dismiss(true)}))}if(i.shouldAnimate()){n((function(){i.state=8;i.currentRaf=n((function(){return __awaiter(i,void 0,void 0,(function(){var t,i;return __generator(this,(function(b){switch(b.label){case 0:t=a.offsetHeight;i=d(l,300);l.style.setProperty("max-height","".concat(t,"px"));this.balWillAnimate.emit(this.accordionOpen);return[4,i];case 1:b.sent();this.state=4;l.style.removeProperty("max-height");this.balDidAnimate.emit(this.accordionOpen);return[2]}}))}))}))}))}else{i.balWillAnimate.emit(i.accordionOpen);i.state=4;i.balDidAnimate.emit(i.accordionOpen)}};this.collapseAccordion=function(t,l){if(t===void 0){t=false}if(l===void 0){l=false}var a=i.el.querySelector(O.selectors.accordionBody);if(t||a===null){i.state=1;return}if(i.state===1){return}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(!l){var b=i.el.closest("bal-list");if(b&&b.accordionOneLevel){var s=Array.from(i.el.querySelectorAll("bal-list-item")).filter((function(t){return t!==i.el}));s.forEach((function(t){return t.dismiss(true)}))}}if(i.shouldAnimate()){i.currentRaf=n((function(){return __awaiter(i,void 0,void 0,(function(){var t;var l=this;return __generator(this,(function(i){t=a.offsetHeight;a.style.setProperty("max-height","".concat(t,"px"));n((function(){return __awaiter(l,void 0,void 0,(function(){var t;return __generator(this,(function(l){switch(l.label){case 0:t=d(a,300);this.state=2;this.balWillAnimate.emit(this.accordionOpen);return[4,t];case 1:l.sent();this.state=1;a.style.removeProperty("max-height");this.balDidAnimate.emit(this.accordionOpen);return[2]}}))}))}));return[2]}))}))}))}else{i.balWillAnimate.emit(i.accordionOpen);i.state=1;i.balDidAnimate.emit(i.accordionOpen)}};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return i.animated};this.onClickTrigger=function(t){var l=i.el.querySelector(O.selectors.accordionBody);if(l){if(!l.contains(t.target)){i.balNavigate.emit(t)}}else{i.balNavigate.emit(t)}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){if(this.accordion){this.addEventListenerAccordionChange()}};t.prototype.componentDidLoad=function(){var t=this;if(this.accordion){r((function(){t.addEventListenerAccordionChange()}))}};t.prototype.disconnectedCallback=function(){this.removeEventListenerAccordionChange()};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(l){this.animated=t.animated;return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.accordion&&this.accordionOpen===false){this.accordionOpen=true;this.updateHead();this.expandAccordion()}return[2]}))}))};t.prototype.dismiss=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=false}return __generator(this,(function(l){if(this.accordion&&this.accordionOpen===true){this.accordionOpen=false;this.updateHead();this.collapseAccordion(false,t)}return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.accordion){if(this.accordionOpen){this.dismiss()}else{this.present()}}return[2]}))}))};t.prototype.render=function(){var t=this;var l=e.block("list").element("item");var b=l.element("trigger");var s=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("disabled").class(this.disabled)),l.modifier("selected").class(this.selected)),l.modifier("animated").class(this.animated)),l.modifier("accordion").class(this.accordion)),l.modifier("sub-accordion").class(this.subAccordionItem)),l.modifier("active").class(this.accordionOpen)),l.modifier("expanding").class(this.state===8)),l.modifier("expanded").class(this.state===4)),l.modifier("collapsing").class(this.state===2)),l.modifier("collapsed").class(this.state===1)),l.modifier("clickable").class(!this.disabled&&(this.clickable||this.href.length>0||this.accordion)));if(this.href.length>0&&!this.disabled){return i(a,{role:"listitem",class:Object.assign({},s)},i("a",{class:Object.assign({},b.class()),rel:this.rel,href:this.href,target:this.target,download:this.download,onClick:function(l){return t.onClickTrigger(l)}},i("slot",null)))}if(this.clickable){return i(a,{role:"listitem",class:Object.assign({},s)},i("button",{class:Object.assign({},b.class()),disabled:this.disabled,onClick:function(l){return t.onClickTrigger(l)}},i("slot",null)))}if(this.accordion){return i(a,{role:"listitem",class:Object.assign({},s),onClick:function(l){return t.onClickTrigger(l)}},i("div",{class:Object.assign({},b.class())},i("slot",null)))}return i(a,{role:"listitem",class:Object.assign({},s)},i("div",{class:Object.assign({},b.class())},i("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});return t}());O.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"};_([m("bal-list-item"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],O.prototype,"createLogger",null);_([u(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],O.prototype,"configChanged",null);var z=t("bal_list_item_accordion_body",function(){function t(t){var i=this;l(this,t);this.isMobile=k.isMobile;this.internalId="bal-list-item-accordion-body-".concat(F++);this.ariaState={};this.contentSpace="none";this.contentAlignment="start";this.setMinHeightForAnimation=function(){if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.isMobile&&i.contentElWrapper){i.contentElWrapper.style.removeProperty("min-height");return}n((function(){if(i.accordionGroup!==undefined&&i.accordionGroup!==""){var t=Array.from(document.body.querySelectorAll("bal-list-item-accordion-body"));var l=t.filter((function(t){return t.accordionGroup===i.accordionGroup})).map((function(t){return t.querySelector(".bal-list__item__accordion-body__content")})).filter((function(t){return t}));var a=l.reduce((function(t,l){return t<l.offsetHeight?l.offsetHeight:t}),0);if(i.contentElWrapper&&a>0&&i.el.offsetHeight!==a){i.contentElWrapper.style.setProperty("min-height","".concat(a,"px"))}}}))};this.debounceSetMinHeightForAnimation=c(this.setMinHeightForAnimation.bind(this),100)}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.setMinHeightForAnimation()};t.prototype.componentDidRender=function(){this.setMinHeightForAnimation();this.setControlIdToHead()};t.prototype.resizeListener=function(){};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.debounceSetMinHeightForAnimation()};t.prototype.setAria=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(l){if(t.labelledby&&t.labelledby!==this.ariaState.labelledby){this.ariaState.labelledby=t.labelledby}return[2]}))}))};t.prototype.setControlIdToHead=function(){var t=this.el.parentElement.querySelector("bal-list-item-accordion-head");if(t){t.setAria({controlId:this.internalId})}};t.prototype.render=function(){var t;var l=this;return i(a,{key:"0d63a86061285cb7877781ed793ba47581f88421",id:this.internalId,role:"region","aria-labelledby":this.ariaState.labelledby,class:{"bal-list__item":true,"bal-list__item__accordion-body":true,"bal-list__item__accordion-body--grouped":this.accordionGroup!==undefined&&this.accordionGroup!==""}},i("div",{key:"fd39532522d0d477e222e8153eac0eeed546f4e8",class:(t={"bal-list__item__accordion-body__content":true},t["bal-list__item__accordion-body__content--".concat(this.contentAlignment)]=this.contentAlignment!==undefined,t["bal-list__item__accordion-body__content--space-".concat(this.contentSpace)]=this.contentSpace!==undefined,t),ref:function(t){return l.contentElWrapper=t}},i("slot",{key:"067a8e5178c0396586d0491b0438ce190bd8aa85"})))};Object.defineProperty(t.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});return t}());_([m("bal-list-item-accordion-body"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],z.prototype,"createLogger",null);_([g(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],z.prototype,"resizeListener",null);_([v(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],z.prototype,"breakpointListener",null);var F=0;var A={de:{open:"Öffnen",close:"Schließen"},en:{open:"Open",close:"Close"},fr:{open:"Ouvrir",close:"Fermer"},it:{open:"Apri",close:"Chiudi"},nl:{open:"Open",close:"Sluiten"},es:{open:"Abrir",close:"Cerrar"},pl:{open:"Otwórz",close:"Zamknij"},pt:{open:"Abrir",close:"Fechar"},sv:{open:"Öppna",close:"Stäng"},fi:{open:"Avaa",close:"Sulje"}};var C=t("bal_list_item_accordion_head",function(){function t(t){var i=this;l(this,t);this.balAccordionChange=s(this,"balAccordionChange");this.internalId="bal-list-item-accordion-head-".concat(D++);this.ariaState={};this.language=p.language;this.accordionOpen=false;this.icon="plus";this.onClick=function(){if(i.el.closest("bal-list-item")){i.accordionOpen=!i.accordionOpen}};this.onKeyDown=function(t){if(y(t)||x(t)){f(t);i.onClick()}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.accordionOpenHandler=function(t,l){if(t!==l){this.balAccordionChange.emit(this.accordionOpen)}};t.prototype.connectedCallback=function(){this.accordionOpenHandler(this.accordionOpen,false)};t.prototype.componentDidRender=function(){this.setLabelledby()};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(l){this.language=t.language;return[2]}))}))};t.prototype.setAria=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(l){if(t.controlId&&t.controlId!==this.ariaState.controlId){this.ariaState.controlId=t.controlId}return[2]}))}))};t.prototype.setLabelledby=function(){var t=this.el.parentElement.querySelector("bal-list-item-accordion-body");if(t){t.setAria({labelledby:this.internalId})}};t.prototype.render=function(){return i(a,{key:"2f270ca78ffebb2a5b9530bf85c04d454a2958cb",class:{"bal-list__item":true,"bal-list__item__accordion-head":true,"bal-list__item__accordion-head--open":this.accordionOpen},id:this.internalId,role:"button",tabindex:"0","aria-expanded":h(this.accordionOpen),"aria-controls":this.ariaState.controlId,onClick:this.onClick,onKeyDown:this.onKeyDown},i("slot",{key:"930c5a8211da0caffb858270a6c86c2fda47ef3f"}),i("bal-list-item-icon",{key:"f4372a567855758b7a13afa0823acf34d5414c77",right:true},i("bal-icon",{key:"1bb1f003502e824f9ed698d808d3c51450bf7f12",class:"bal-list__item__accordion-head__icon",name:this.icon,size:"small",turn:this.accordionOpen,title:this.accordionOpen?A[this.language].close:A[this.language].open})))};Object.defineProperty(t.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{accordionOpen:["accordionOpenHandler"]}},enumerable:false,configurable:true});return t}());_([m("bal-list-item-accordion-head"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],C.prototype,"createLogger",null);_([u(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],C.prototype,"configChanged",null);var D=0;var L=t("bal_list_item_content",function(){function t(t){l(this,t)}t.prototype.render=function(){var t;return i(a,{key:"ff41e3e7206f2ae2726946792976e069c1acb912",class:(t={"bal-list__item__content":true},t["bal-list__item__content--".concat(this.contentAlignment)]=this.contentAlignment!==undefined,t)},i("slot",{key:"4b80e9bdf59313040e09f9489d01e558feefe120"}))};return t}());var S=t("bal_list_item_icon",function(){function t(t){l(this,t);this.right=false}t.prototype.render=function(){return i(a,{key:"a5df37a7b24207e4fbb45f4bbdfa8003b006f4b0",class:{"bal-list__item__icon":true,"bal-list__item__icon--right":this.right}},i("slot",{key:"b09891d8fae3028f6d72259caee78388b7deef10"}))};return t}());var B=t("bal_list_item_subtitle",function(){function t(t){l(this,t)}t.prototype.render=function(){return i(a,{key:"eff2c5e9cbae81b088de4a53b8c34e89d3420237",class:"bal-list__item__subtitle"},i("slot",{key:"b7aa01d80f67900658bcb9a8dcaba44c0ab65f00"}))};return t}());var I=t("bal_list_item_title",function(){function t(t){l(this,t);this.level="h5"}t.prototype.render=function(){return i(a,{key:"27a0d868c30e08a9a085af6274fed65a5dac9e6e",class:"bal-list__item__title"},i("bal-heading",{key:"5da1989b9e7f8f8dc3745b0301f8c0f6a62dd600",level:this.level,visualLevel:this.visualLevel,space:"none"},i("slot",{key:"52804ffe48149a90d92f2a26b4a99684f2906bdb"})))};return t}())}}}));

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

@@ -0,0 +1 @@

+ System.register(["./p-PNu_g_s6.system.js","./p-BbAtjg9Y.system.js","./p-D7_eHNTI.system.js"],(function(e){"use strict";var a,t,l,i,r,n;return{setters:[function(e){a=e.r;t=e.h;l=e.H;i=e.g},function(e){r=e.B},function(e){n=e.b}],execute:function(){var x={display:"h1","display-2":"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",span:"span",p:"p","xxxxx-large":"h1","xxxx-large":"h1","xxx-large":"h1","xx-large":"h1","x-large":"h2",large:"h3",medium:"h4",normal:"h5"};var o=["xxxxx-large","xxxx-large","xxx-large","xx-large","x-large","large","medium","normal"];var s={display:"xxxxx-large","display-2":"xxxx-large",h1:"xxx-large",h2:"xx-large",h3:"x-large",h4:"large",h5:"normal",p:"normal",span:"normal","xxxxx-large":"xxxxx-large","xxxx-large":"xxxx-large","xxx-large":"xxx-large","xx-large":"xx-large","x-large":"x-large",large:"large",medium:"medium",normal:"normal"};var h={primary:"primary",info:"primary",blue:"primary",success:"success",warning:"warning",danger:"danger",white:"white"};var b=":root{--bal-heading-color-white:var(--bal-color-text-white);--bal-heading-color-success:var(--bal-color-text-success);--bal-heading-color-warning:var(--bal-color-text-warning);--bal-heading-color-danger:var(--bal-color-text-danger)}.bal-heading{display:block;position:static;margin:0}.bal-heading:not(:last-child){margin-bottom:var(--bal-space-x-small)}.bal-heading.bal-heading--level-display:not(:last-child){margin-bottom:var(--bal-space-normal)}.bal-heading--space-all,.bal-heading--space-top{margin-top:var(--bal-space-x-small)}.bal-heading--space-all,.bal-heading--space-bottom{margin-bottom:var(--bal-space-x-small)}.bal-heading--level-display.bal-heading--space-all,.bal-heading--level-display.bal-heading--space-top{margin-top:var(--bal-space-normal)}.bal-heading--level-display.bal-heading--space-all,.bal-heading--level-display.bal-heading--space-bottom{margin-bottom:var(--bal-space-normal)}.bal-heading--space-top,.bal-heading--space-top:not(:last-child){margin-bottom:0}.bal-heading--space-none,.bal-heading--space-none:not(:last-child){margin:0}.bal-heading__text{margin:0 !important;padding:0;font-weight:var(--bal-font-weight-bold);font-family:var(--bal-font-family-title)}.bal-heading__text--no-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-heading__text--subtitle{font-weight:var(--bal-font-weight-light)}.bal-heading__text--shadow{text-shadow:var(--bal-text-shadow-normal)}.bal-heading__text--color-white{color:var(--bal-heading-color-white)}.bal-heading__text--color-success{color:var(--bal-heading-color-success)}.bal-heading__text--color-warning{color:var(--bal-heading-color-warning)}.bal-heading__text--color-danger{color:var(--bal-heading-color-danger)}.bal-heading__text--size-normal{font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal)}@media screen and (min-width: 769px),print{.bal-heading__text--size-normal{font-size:var(--bal-text-size-normal-tablet);line-height:var(--bal-line-height-tablet-normal)}}@media screen and (min-width: 1024px){.bal-heading__text--size-normal{font-size:var(--bal-text-size-normal-desktop);line-height:var(--bal-line-height-desktop-normal)}}.bal-heading__text--size-medium{font-size:var(--bal-text-size-medium);line-height:var(--bal-line-height-medium)}@media screen and (min-width: 769px),print{.bal-heading__text--size-medium{font-size:var(--bal-text-size-medium-tablet);line-height:var(--bal-line-height-tablet-medium)}}@media screen and (min-width: 1024px){.bal-heading__text--size-medium{font-size:var(--bal-text-size-medium-desktop);line-height:var(--bal-line-height-desktop-medium)}}.bal-heading__text--size-large{font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-large{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-large{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-heading__text--size-x-large{font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-x-large{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-x-large{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}.bal-heading__text--size-xx-large{font-size:var(--bal-text-size-xx-large);line-height:var(--bal-line-height-xx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xx-large{font-size:var(--bal-text-size-xx-large-tablet);line-height:var(--bal-line-height-tablet-xx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xx-large{font-size:var(--bal-text-size-xx-large-desktop);line-height:var(--bal-line-height-desktop-xx-large)}}.bal-heading__text--size-xxx-large{font-size:var(--bal-text-size-xxx-large);line-height:var(--bal-line-height-xxx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xxx-large{font-size:var(--bal-text-size-xxx-large-tablet);line-height:var(--bal-line-height-tablet-xxx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xxx-large{font-size:var(--bal-text-size-xxx-large-desktop);line-height:var(--bal-line-height-desktop-xxx-large)}}.bal-heading__text--size-xxxx-large{font-size:var(--bal-text-size-xxxx-large);line-height:var(--bal-line-height-xxxx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xxxx-large{font-size:var(--bal-text-size-xxxx-large-tablet);line-height:var(--bal-line-height-tablet-xxxx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xxxx-large{font-size:var(--bal-text-size-xxxx-large-desktop);line-height:var(--bal-line-height-desktop-xxxx-large)}}.bal-heading__text--size-xxxxx-large{font-size:var(--bal-text-size-xxxxx-large);line-height:var(--bal-line-height-xxxxx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xxxxx-large{font-size:var(--bal-text-size-xxxxx-large-tablet);line-height:var(--bal-line-height-tablet-xxxxx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xxxxx-large{font-size:var(--bal-text-size-xxxxx-large-desktop);line-height:var(--bal-line-height-desktop-xxxxx-large)}}";var g=e("bal_heading",function(){function e(e){a(this,e);this.level="h1";this.noWrap=false;this.subtitle=false;this.color="";this.inverted=false;this.shadow=false}e.prototype.levelWatcher=function(){this.updateAutoFontSize()};e.prototype.visualLevelWatcher=function(){this.updateAutoFontSize()};e.prototype.autoLevelWatcher=function(){this.updateAutoFontSize()};e.prototype.connectedCallback=function(){this.updateAutoFontSize()};e.prototype.componentDidRender=function(){if(this.autoLevel&&this.autoFontSize){var e=this.rows;if(e>1){var a=s[this.autoLevel];if(a!==this.autoFontSize){var t=o.indexOf(this.autoFontSize)+1;this.autoFontSize=o[t]}}}};e.prototype.updateAutoFontSize=function(){this.autoFontSize=this.fontSize};Object.defineProperty(e.prototype,"rows",{get:function(){if(this.headingEl&&n.hasWindow){var e=window.getComputedStyle(this.headingEl);var a=parseInt(e.lineHeight.slice(0,-2),10);var t=this.headingEl.offsetHeight;return t/a}return 1},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"fontColor",{get:function(){if(this.inverted){return"white"}return h[this.color]},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"fontSize",{get:function(){return s[this.visualLevel?this.visualLevel:this.level]},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"tag",{get:function(){return x[this.level]},enumerable:false,configurable:true});e.prototype.render=function(){var e=this;var a=r.block("heading");var i=a.element("text");var n=this.tag;var x=this.fontColor;return t(l,{key:"3c9251d3a1d15a8470baa6e930fe902d322ca281",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("space-".concat(this.space)).class(this.space!==undefined)),a.modifier("level-".concat(this.level)).class())},t(n,{key:"f0d7a82d43789b991e52881e7962fbf7ee6b8b2a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("no-wrap").class(this.noWrap)),i.modifier("subtitle").class(this.subtitle)),i.modifier("shadow").class(this.shadow)),i.modifier("color-".concat(x)).class()),i.modifier("size-".concat(this.autoFontSize)).class()),ref:function(a){return e.headingEl=a},"data-testid":"bal-heading"},t("slot",{key:"9e6893fe656db354b740c3b1d040ec1c7a137883"})))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{level:["levelWatcher"],visualLevel:["visualLevelWatcher"],autoLevel:["autoLevelWatcher"]}},enumerable:false,configurable:true});return e}());g.style=b;var d=":root{--bal-text-color-light-blue:var(--bal-color-text-light-blue);--bal-text-color-blue-dark:var(--bal-color-text-primary-dark);--bal-text-color-blue-light:var(--bal-color-text-hovered);--bal-text-color-primary-light:var(--bal-color-text-primary-light);--bal-text-color-primary-dark:var(--bal-color-text-primary-dark);--bal-text-color-white:var(--bal-color-text-white);--bal-text-color-black:var(--bal-color-text-black);--bal-text-color-grey:var(--bal-color-text-grey);--bal-text-color-primary:var(--bal-color-text-primary);--bal-text-color-blue:var(--bal-color-text-primary);--bal-text-color-info:var(--bal-color-text-info);--bal-text-color-success:var(--bal-color-text-success);--bal-text-color-warning:var(--bal-color-text-warning);--bal-text-color-danger:var(--bal-color-text-danger);--bal-text-color-danger-dark:var(--bal-color-text-danger-dark);--bal-text-color-danger-darker:var(--bal-color-text-danger-darker)}.bal-text{display:block;-webkit-box-sizing:content-box;box-sizing:content-box;position:static;word-break:break-word;margin:0 0 var(--bal-space-normal) 0}.bal-text--inline{display:inline;margin:0}.bal-text--space-all{margin-top:var(--bal-space-normal);margin-bottom:var(--bal-space-normal)}.bal-text--space-top{margin-top:var(--bal-space-normal);margin-bottom:0}.bal-text--space-bottom{margin-top:0;margin-bottom:var(--bal-space-normal)}.bal-text--space-none{margin:0}.bal-text__text{padding:0;margin:0}.bal-text__text--no-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-text__text--bold{font-weight:var(--bal-font-weight-bold)}.bal-text__text--shadow{text-shadow:var(--bal-text-shadow-normal)}.bal-text__text--heading{font-family:var(--bal-font-family-title)}.bal-text__text--size-small{font-size:var(--bal-text-size-small);line-height:var(--bal-line-height-small)}@media screen and (min-width: 769px),print{.bal-text__text--size-small{font-size:var(--bal-text-size-small-tablet);line-height:var(--bal-line-height-tablet-small)}}@media screen and (min-width: 1024px){.bal-text__text--size-small{font-size:var(--bal-text-size-small-desktop);line-height:var(--bal-line-height-desktop-small)}}.bal-text__text--size-block{font-size:var(--bal-text-size-medium);line-height:var(--bal-line-height-medium)}@media screen and (min-width: 769px),print{.bal-text__text--size-block{font-size:var(--bal-text-size-medium-tablet);line-height:var(--bal-line-height-tablet-medium)}}@media screen and (min-width: 1024px){.bal-text__text--size-block{font-size:var(--bal-text-size-medium-desktop);line-height:var(--bal-line-height-desktop-medium)}}.bal-text__text--size-lead{font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-text__text--size-lead{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-text__text--size-lead{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-text__text--color-light-blue{color:var(--bal-text-color-light-blue)}.bal-text__text--color-blue-dark{color:var(--bal-text-color-primary-dark)}.bal-text__text--color-blue-light{color:var(--bal-text-color-blue-light)}.bal-text__text--color-primary-light{color:var(--bal-text-color-primary-light)}.bal-text__text--color-primary-dark{color:var(--bal-text-color-primary-dark)}.bal-text__text--color-white{color:var(--bal-text-color-white)}.bal-text__text--color-black{color:var(--bal-text-color-black)}.bal-text__text--color-grey{color:var(--bal-text-color-grey)}.bal-text__text--color-primary{color:var(--bal-text-color-primary)}.bal-text__text--color-blue{color:var(--bal-text-color-primary)}.bal-text__text--color-info{color:var(--bal-text-color-info)}.bal-text__text--color-success{color:var(--bal-text-color-success)}.bal-text__text--color-warning{color:var(--bal-text-color-warning)}.bal-text__text--color-danger{color:var(--bal-text-color-danger)}.bal-text__text--color-danger-dark{color:var(--bal-text-color-danger-dark)}.bal-text__text--color-danger-darker{color:var(--bal-text-color-danger-darker)}";var c=e("bal_text",function(){function e(e){a(this,e);this.size="";this.heading=false;this.noWrap=false;this.bold=false;this.inline=false;this.color="";this.space="";this.inverted=false;this.shadow=false;this.disabled=undefined;this.invalid=undefined;this.hovered=false;this.pressed=false}e.prototype.parseColor=function(){if(this.disabled){return"grey"}if(this.invalid){if(this.pressed){return"danger-darker"}if(this.hovered){return"danger-dark"}return"danger"}var e=this.inverted?"white":this.color==="info"?"primary":this.color;if(this.pressed){return"primary-dark"}if(this.hovered){return"light-blue"}return e};e.prototype.render=function(){var e=this.inline?"span":"p";var a=this.parseColor();var i=r.block("text");return t(l,{key:"c3bdd081cc6545ea36b6e935a204deea17fa3c4e",class:Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("space-".concat(this.space)).class(this.space!=="")),i.modifier("inline").class(this.inline))},t(e,{key:"1adac0420b875b03f4d42a631e0f0efb0df25b91",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},i.element("text").class()),i.element("text").modifier("color-".concat(a)).class(!!a)),i.element("text").modifier("bold").class(this.bold)),i.element("text").modifier("heading").class(this.heading)),i.element("text").modifier("shadow").class(this.shadow)),i.element("text").modifier("no-wrap").class(this.noWrap)),i.element("text").modifier("size-".concat(this.size)).class(this.size!=="")),"data-testid":"bal-text"},t("slot",{key:"1f827979acdbee7f9dda89bb9d0bd06a5cbaaaf6"})))};return e}());c.style=d}}}));

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

@@ -0,0 +1 @@

+ System.register(["./p-PNu_g_s6.system.js","./p-DKjTFqnu.system.js","./p-m5GX4h3i.system.js","./p-D1opIX9W.system.js","./p-BbAtjg9Y.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js"],(function(t){"use strict";var i,s,e,n,a,l,u,o,r;return{setters:[function(t){i=t.r;s=t.c;e=t.h;n=t.H;a=t.g},function(t){l=t.a},function(t){u=t.i},function(t){o=t.l},function(t){r=t.B},null,null],execute:function(){var h="bal-button,.bal-button{display:inline-block;position:static}bal-button.is-fullwidth,.bal-button.is-fullwidth{width:100%;-ms-flex:1 1 100%;flex:1 1 100%}bal-button[disabled] bal-icon,.bal-button[disabled] bal-icon{pointer-events:none}.bal-button .button-label.has-no-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-button-group{display:-ms-flexbox;display:flex}.bal-button-group--position-center{-ms-flex-pack:center;justify-content:center}.bal-button-group--position-left{-ms-flex-pack:start;justify-content:flex-start}.bal-button-group--position-right{-ms-flex-pack:end;justify-content:flex-end}@media screen and (max-width: 768px){.bal-button-group--direction-auto .field.is-grouped,.bal-button-group--direction-auto .bal-button,.bal-button-group--direction-auto .bal-button .button{width:100% !important}}@media screen and (max-width: 768px){.bal-button-group--direction-column .field.is-grouped,.bal-button-group--direction-column .bal-button,.bal-button-group--direction-column .bal-button .button{width:100% !important}}";var b=t("bal_button",function(){function t(t){var e=this;i(this,t);this.balClick=s(this,"balClick");this.balNavigate=s(this,"balNavigate");this.balFocus=s(this,"balFocus");this.balBlur=s(this,"balBlur");this.balDidRender=s(this,"balDidRender");this.inheritAttributes={};this.isLargestContentPaintDone=false;this.color="primary";this.elementType="button";this.disabled=false;this.size="";this.target="_self";this.shadow=false;this.square=false;this.isActive=false;this.expanded=false;this.flat=false;this.outlined=false;this.inverted=false;this.loading=false;this.rounded=false;this.balPopup=undefined;this.icon="";this.iconTurn=false;this.iconRight="";this.noWrap=false;this.name="";this.value="";this.a11yControls=undefined;this.a11yTitle=undefined;this.a11yLabel=undefined;this.a11yHaspopup=undefined;this.onFocus=function(){e.balFocus.emit()};this.onBlur=function(){e.balBlur.emit()};this.onClick=function(t){if(!e.disabled){e.balClick.emit(t);if(e.href!==undefined){e.balNavigate.emit(t)}}}}t.prototype.listenOnClick=function(t){if(this.disabled&&t.target&&t.target===this.el){t.preventDefault();t.stopPropagation()}};t.prototype.componentDidLoad=function(){var t=this;o((function(){return t.isLargestContentPaintDone=true}))};t.prototype.componentWillLoad=function(){this.inheritAttributes=u(this.el,["title","aria-label","aria-controls","aria-hidden","tabindex","aria-haspopup"]);if(this.el.hasAttribute("bal-popup")&&!this.a11yHaspopup){this.a11yHaspopup="true"}};t.prototype.componentDidRender=function(){this.balDidRender.emit()};Object.defineProperty(t.prototype,"isIconInverted",{get:function(){return this.inverted},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"buttonCssClass",{get:function(){var t;return t={button:true},t["is-".concat(this.color)]=true,t["is-flat"]=this.flat,t["is-square"]=this.square,t["is-small"]=this.size==="small",t["is-inverted"]=this.inverted,t["is-active"]=this.isActive,t["is-outlined"]=this.outlined,t["is-fullwidth"]=this.expanded,t["is-disabled"]=this.disabled,t["is-loading"]=this.loading,t["is-rounded"]=this.rounded===true,t["has-blur-shadow"]=this.shadow===true,t},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"leftIconAttrs",{get:function(){if(!this.icon||this.loading){return{style:{display:"none"}}}return{}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"leftRightAttrs",{get:function(){if(!this.iconRight||this.loading){return{style:{display:"none"}}}return{}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"loadingAttrs",{get:function(){if(!this.loading){return{style:{display:"none"}}}return{style:{position:"absolute"}}},enumerable:false,configurable:true});t.prototype.handleClick=function(t){if(this.disabled){t.preventDefault();t.stopPropagation()}};t.prototype.render=function(){var t=this;var i=this,s=i.elementType,a=i.download,u=i.href,o=i.rel,r=i.target,h=i.name,b=i.value;var c=this.href===undefined?"button":"a";var f=c==="button"?{type:s,name:h,value:b}:{download:a,href:u,rel:o,target:r};var d=function(){if(t.disabled){return"blue"}switch(t.color){case"primary":case"success":case"warning":case"danger":return t.inverted?"blue":"white";default:return t.inverted?"white":"blue"}};var p={title:this.a11yTitle||this.inheritAttributes["title"],"aria-label":this.a11yLabel||this.inheritAttributes["aria-label"]||this.a11yTitle||this.inheritAttributes["title"],"aria-controls":this.a11yControls||this.inheritAttributes["aria-controls"],"aria-haspopup":this.a11yHaspopup||this.inheritAttributes["aria-haspopup"]};return e(n,{onClick:this.handleClick,class:{"bal-button":true,control:true,"is-fullwidth":this.expanded,"is-disabled":this.disabled}},e(c,Object.assign({},f,this.inheritAttributes,{type:this.elementType,class:this.buttonCssClass,part:"native",disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,"aria-disabled":l(this.disabled),"data-testid":"bal-button"},p),this.isLargestContentPaintDone&&this.loading?e("bal-spinner",Object.assign({color:d(),small:true},this.loadingAttrs,{deactivated:!this.loading})):"",this.isLargestContentPaintDone&&this.icon?e("bal-icon",Object.assign({},this.leftIconAttrs,{class:this.square?"":"icon-left",name:this.icon,size:this.square?this.size:"small",turn:this.iconTurn,inverted:this.isIconInverted})):"",e("span",{class:{"button-label":true,"has-no-wrap":this.noWrap,"is-small":this.size==="small"},style:{opacity:this.loading?"0":"1"},"data-testid":"bal-button-label"},e("slot",null)),this.isLargestContentPaintDone&&this.iconRight?e("bal-icon",Object.assign({},this.leftRightAttrs,{class:"icon-right",name:this.iconRight,size:"small",turn:this.iconTurn,inverted:this.isIconInverted})):""))};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());b.style=h;var c=t("bal_button_group",function(){function t(t){i(this,t);this.position="";this.direction="auto";this.reverse=false}t.prototype.render=function(){var t;var i=r.block("button-group");return e(n,{key:"a41720ea16a458ae915bece1adf109d2f20ea8ec",class:Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("position-".concat(this.position)).class()),i.modifier("direction-".concat(this.direction)).class())},e("div",{key:"03f0d65f12c0ac0e14f4854ef85e845fe51f9e62",class:(t={field:true,"is-grouped":true,"is-reverse":this.reverse},t["has-direction-".concat(this.direction)]=true,t)},e("slot",{key:"a65f6a5a52b522c600c4df6c0963cdd59ad07462"})))};return t}())}}}));

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

@@ -0,0 +1 @@

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