npm - @baloise/ds-core - Versions diffs - 16.3.0 → 16.4.0-nightly.20240916 - Mend

@baloise/ds-core 16.3.0 → 16.4.0-nightly.20240916

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 (419) hide show

package/dist/baloise-design-system/{p-f6599f64b7.entry.js → p-2db4ff4c5b.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,c as i,h as s,H as a,g as e}from"./p-d7c752c6.js";import{_ as o,a as n}from"./p-43c9f5e9.js";import{u as p}from"./p-94efe2aa.js";import{B as r}from"./p-ae86d0a0.js";import{b as h}from"./p-a65354df.js";import{s as l}from"./p-ad9a7657.js";import{h as c}from"./p-88f18fbc.js";import{L as d}from"./p-b77e3348.js";import{f as u}from"./p-ca119357.js";import{a as b,c as v,s as m,f as w,o as g,b as f}from"./p-b80d9e4d.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";class y{showContainerElement(t){t.containerEl&&this.showElement(t.containerEl)}hideContainerElement(t){t.containerEl&&this.hideElement(t.containerEl)}showArrowElement(t,i=t.arrow){i&&t.arrowEl&&this.showElement(t.arrowEl)}hideArrowElement(t){t.arrowEl&&Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}showBackdropElement(t,i=t.backdrop){i&&t.backdropEl&&this.showElement(t.backdropEl)}hideBackdropElement(t){t.backdropEl&&this.hideElement(t.backdropEl)}showElement(t){t&&(t.style.setProperty("display","block"),t.style.setProperty("visibility","visible"))}hideElement(t){t&&(t.style.removeProperty("display"),t.style.removeProperty("visibility"))}}class x extends y{constructor(){super(...arguments),this.backdrop=!1,this.offset=0}async present(t){return!!(t.containerEl&&t.trigger&&t.backdropEl)&&(this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop),this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset),t.containerEl.style.setProperty("inset","auto 0px 0px 0px"),t.containerEl.style.setProperty("bottom",`${this.offset}px`),t.backdropEl.style.setProperty("bottom",`${this.offset}px`),this.showBackdropElement(t,this.backdrop),this.showContainerElement(t),!0)}async update(t){return!1}async dismiss(t){return!(!t.containerEl\|\|!t.backdropEl\|\|(t.balWillAnimate.emit(),this.hideBackdropElement(t),this.hideContainerElement(t),t.containerEl.style.removeProperty("inset"),t.containerEl.style.removeProperty("bottom"),t.backdropEl.style.removeProperty("bottom"),0))}}class k extends y{constructor(){super(...arguments),this.offset=0}async present(t){return!(!t.containerEl\|\|!t.trigger\|\|(this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset),t.containerEl.style.setProperty("inset",`${this.offset}px auto auto 0px`),this.offset>0&&t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)"),this.showBackdropElement(t),this.showContainerElement(t),this.hideArrowElement(t),0))}async update(t){return!1}async dismiss(t){return!!t.containerEl&&(this.hideBackdropElement(t),this.hideContainerElement(t),this.hideArrowElement(t),t.containerEl.style.removeProperty("box-shadow"),t.containerEl.style.removeProperty("inset"),!0)}}class _ extends y{constructor(){super(...arguments),this.placement="bottom",this.offset=0,this.arrow=!1,this.backdrop=!1,this.reference=void 0,this.triggerEl=null}async present(t){if(!t.trigger&&h.hasDocument){const i=Array.from(document.querySelectorAll(`[bal-popup="${t.el.id}"]`))[0];t.trigger=i}if(t.trigger&&t.containerEl&&t.arrowEl){if(this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement),this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow),this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop),this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference),this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset),this.triggerEl=t.trigger,this.reference&&h.hasDocument){const i=document.getElementById(this.reference);this.triggerEl=i\|\|t.trigger}if(this.triggerEl)return this.showContainerElement(t),this.showBackdropElement(t,this.backdrop),this.showArrowElement(t,this.arrow),this.triggerEl.classList.add("bal-popup-variant-popover-trigger"),"bottom-end"===this.placement&&this.triggerEl!==t.trigger&&t.setMinWidth(this.triggerEl.clientWidth),this.cleanup=b(this.triggerEl,t.containerEl,(()=>{this.update(t)}),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!0}),!0}return!1}async update(t){var i,s;if(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl){const a="bottom-end"===this.placement&&this.triggerEl!==t.trigger,e=null===(i=this.triggerEl)\|\|void 0===i?void 0:i.getBoundingClientRect(),o=null===(s=t.trigger)\|\|void 0===s?void 0:s.getBoundingClientRect();let n=!1;return h.hasWindow&&(n=!!window.frameElement),v(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[n?void 0:m(),w(),g(this.arrow?16:this.offset),f({element:t.arrowEl,padding:4})]}).then((({x:i,y:s,middlewareData:n,placement:p})=>{if(t.containerEl){Object.assign(t.containerEl.style,{left:`${i}px`,top:`${s}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[p.split("-")[0]];if(n.arrow&&t.arrowEl){const p=n.arrow;Object.assign(t.arrowEl.style,a?{right:e.right-o.right-4+o.width/2+"px",left:"",top:null!=s&&null!=p.y?`${p.y}px`:"",bottom:"",[r]:"-4px"}:{left:null!=i&&null!=p.x?`${p.x}px`:"",top:null!=s&&null!=p.y?`${p.y}px`:"",right:"",bottom:"",[r]:"-4px"})}}})),!0}return!1}async dismiss(t){return!!(t.containerEl&&t.arrowEl&&this.triggerEl)&&(this.cleanup&&this.cleanup(),this.triggerEl.classList.remove("bal-popup-variant-popover-trigger"),this.hideBackdropElement(t),this.hideContainerElement(t),this.hideArrowElement(t),!0)}}class j{constructor(t){this.renderer=t}async present(t){t.balWillAnimate.emit();const i=await this.renderer.present(t);return i&&(t.presented=!0,t.balDidAnimate.emit()),i}async update(t){t.balWillAnimate.emit();const i=await this.renderer.update(t);return i&&t.balDidAnimate.emit(),i}async dismiss(t){t.balWillAnimate.emit();const i=await this.renderer.dismiss(t);return i&&(t.presented=!1,t.balDidAnimate.emit()),i}}const $=class{constructor(s){t(this,s),this.balChange=i(this,"balChange",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.popupId="bal-pu-"+O++,this.isClickedOutsideOnMouseDown=!1,this.isClickedOutsideOnMouseUp=!1,this.popoverVariantRenderer=new j(new _),this.fullscreenVariantRenderer=new j(new k),this.drawerVariantRenderer=new j(new x),this.lastVariant="popover",this.initialActive=this.active,this.debouncedGlobalClick=c((t=>this.notifyGlobalClick(t)),10),this.onBackdropClick=t=>!!(this.activeBackdropDismiss&&this.presented&&t&&t.target)&&t.target.classList.contains("bal-popup__backdrop"),this.onCloseClick=()=>{this.activeClosable&&this.dismiss()},this.activeClosable=!1,this.activeBackdropDismiss=!1,this.activeVariant="popover",this.trigger=void 0,this.lastTrigger=void 0,this.minContainerWidth=0,this.label="",this.reference=void 0,this.variant="popover",this.placement="bottom",this.arrow=!1,this.backdrop=!1,this.offset=0,this.closable=!1,this.backdropDismiss=!1,this.active=!1,this.presented=!1,this.contentWidth=void 0,this.demo=!1}createLogger(t){this.log=t}async variantChanged(t,i){t!==i&&(await this.getVariantRenderer(i).dismiss(this),this.activeVariant!==t&&(this.lastVariant=this.activeVariant,this.activeVariant=t,await this.getVariantRenderer(this.lastVariant).dismiss(this)),this.presented&&await this.getVariantRenderer(t).present(this))}async activeChanged(t,i){t!==i&&t!==this.presented&&(t?this.present():this.dismiss())}contentWidthChanged(t,i){t!==i&&(void 0===t?this.el.style.removeProperty("--bal-popup-variant-popover-max-width"):this.el.style.setProperty("--bal-popup-variant-popover-max-width",`${this.contentWidth}px`))}componentDidLoad(){this.contentWidthChanged(this.contentWidth,0),!0===this.initialActive&&!0!==this.presented&&this.present(),this.demo&&this.present()}async listenOnGlobalClick(t){var i;const s=t.target.closest("[bal-popup]");if(s&&h.hasWindow){const t=(null===(i=s.attributes.getNamedItem("bal-popup"))\|\|void 0===i?void 0:i.nodeValue)\|\|"";this.el.id===t&&this.debouncedGlobalClick(s)}}async listenOnKeyDown(t){this.activeClosable&&this.presented&&p(t)&&(l(t),this.dismiss())}async listenOnMouseDown(t){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t)}async listenOnMouseUp(t){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t)}async listenOnComponentClick(){this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown&&await this.dismiss()}async present(){await this.resetAllVariants(),await this._present()&&(this.lastTrigger=this.trigger,this.balChange.emit(this.presented))}async dismiss(){await this.resetAllVariants(),await this._dismiss()&&(this.lastTrigger=this.trigger,this.balChange.emit(this.presented))}async toggle(){return this.presented?this.dismiss():this.present()}async setMinWidth(t){this.containerEl&&(this.containerEl.style.minWidth=`${t}px`,this.minContainerWidth=t)}async _emitChange(){this.balChange.emit(this.presented)}async _present(){h.hasDocument&&(this.lastFocus=document.activeElement\|\|void 0),this.lastVariantRenderer&&(await this.lastVariantRenderer.dismiss(this),this.presented=!0),this.lastVariantRenderer=this.getVariantRenderer();const t=await this.lastVariantRenderer.present(this);return this.focusFirstDescendant(),t}async _dismiss(){var t;const i=await this.getVariantRenderer().dismiss(this);return this.lastVariantRenderer=void 0,this.lastFocus&&this.lastFocus.focus&&(null===(t=this.lastFocus)\|\|void 0===t\|\|t.focus()),i}getVariantRenderer(t=this.activeVariant){switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}}getValue(t,i,s){const a=t.attributes.getNamedItem(i);return a?a.value:s}getNumberValue(t,i,s){const a=t.attributes.getNamedItem(i);return a&&parseInt(a.value,10)\|\|s}getBooleanValue(t,i,s){const a=t.attributes.getNamedItem(i);return a&&a?""===a.value\|\|"true"===a.value:s}notifyGlobalClick(t){this.trigger=t,this.lastTrigger=void 0===this.lastTrigger?this.trigger:this.lastTrigger,this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant),this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable),this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss),this.presented&&this.lastTrigger!==this.trigger?(this._present(),this.lastTrigger=this.trigger):this.toggle()}async resetAllVariants(){if(await this.dismissAllOtherPopups(),this.lastVariant!==this.activeVariant){const t=this.getVariantRenderer(this.lastVariant);await t.dismiss(this)}this.lastVariant=this.activeVariant}async dismissAllOtherPopups(){if(h.hasDocument){const t=Array.from(document.getElementsByTagName("bal-popup")).filter((t=>t.id!==this.el.id&&"true"!==t.ariaHidden));for(let i=0;i<t.length;i++){const s=t[i];await s._dismiss(),await s._emitChange()}}}focusFirstDescendant(){const{el:t}=this,i=t.querySelector(u);i?i.focus():t.focus()}render(){const t=r.block("popup"),i=t.element("container"),e=t.element("arrow"),o=t.element("backdrop"),n=t.element("inner"),p=n.element("head"),h=n.element("content");return s(a,{class:Object.assign({},t.class()),role:"dialog","aria-hidden":`${!0!==this.presented}`,"aria-modal":`${!0===this.presented}`,"aria-presented":`${!0===this.presented}`,"aria-labelledby":`${this.popupId}-heading`},s("div",{class:Object.assign({},o.class()),ref:t=>this.backdropEl=t}),s("div",{class:Object.assign(Object.assign({},i.class()),i.modifier(`variant-${this.activeVariant}`).class()),ref:t=>this.containerEl=t,style:{minWidth:`${this.minContainerWidth}px`}},s("div",{class:Object.assign({},e.class()),ref:t=>this.arrowEl=t}),s("bal-stack",{layout:"vertical",px:"popover"===this.activeVariant?"medium":"none",py:"medium",class:Object.assign({},n.class())},this.label?s("bal-stack",{space:"auto",class:Object.assign({},p.class())},s("bal-heading",{"data-test":"bal-popup-label",level:"span","visual-level":"large",id:`${this.popupId}-heading`},this.label),this.activeClosable?s("bal-close",{"data-test":"bal-popup-close",tabindex:-1,onClick:()=>this.onCloseClick()}):""):"",s("div",{class:Object.assign({},h.class()),ref:t=>this.contentEl=t,"data-test":"bal-popup-content"},s("slot",null)))))}get el(){return e(this)}static get watchers(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}}};o([d("bal-popup"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],$.prototype,"createLogger",null);let O=0;$.style=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline;z-index:var(--bal-z-index-popup)}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;display:none;visibility:hidden}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";export{$ as bal_popup}
1	+ import{r as t,c as i,h as s,H as a,g as e}from"./p-d7c752c6.js";import{_ as o,a as n}from"./p-43c9f5e9.js";import{u as p}from"./p-f5940253.js";import{B as r}from"./p-ae86d0a0.js";import{b as h}from"./p-a65354df.js";import{s as l}from"./p-ad9a7657.js";import{h as c}from"./p-88f18fbc.js";import{L as d}from"./p-b77e3348.js";import{f as u}from"./p-ca119357.js";import{a as b,c as v,s as m,f as w,o as g,b as f}from"./p-b80d9e4d.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";class y{showContainerElement(t){t.containerEl&&this.showElement(t.containerEl)}hideContainerElement(t){t.containerEl&&this.hideElement(t.containerEl)}showArrowElement(t,i=t.arrow){i&&t.arrowEl&&this.showElement(t.arrowEl)}hideArrowElement(t){t.arrowEl&&Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}showBackdropElement(t,i=t.backdrop){i&&t.backdropEl&&this.showElement(t.backdropEl)}hideBackdropElement(t){t.backdropEl&&this.hideElement(t.backdropEl)}showElement(t){t&&(t.style.setProperty("display","block"),t.style.setProperty("visibility","visible"))}hideElement(t){t&&(t.style.removeProperty("display"),t.style.removeProperty("visibility"))}}class x extends y{constructor(){super(...arguments),this.backdrop=!1,this.offset=0}async present(t){return!!(t.containerEl&&t.trigger&&t.backdropEl)&&(this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop),this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset),t.containerEl.style.setProperty("inset","auto 0px 0px 0px"),t.containerEl.style.setProperty("bottom",`${this.offset}px`),t.backdropEl.style.setProperty("bottom",`${this.offset}px`),this.showBackdropElement(t,this.backdrop),this.showContainerElement(t),!0)}async update(t){return!1}async dismiss(t){return!(!t.containerEl\|\|!t.backdropEl\|\|(t.balWillAnimate.emit(),this.hideBackdropElement(t),this.hideContainerElement(t),t.containerEl.style.removeProperty("inset"),t.containerEl.style.removeProperty("bottom"),t.backdropEl.style.removeProperty("bottom"),0))}}class k extends y{constructor(){super(...arguments),this.offset=0}async present(t){return!(!t.containerEl\|\|!t.trigger\|\|(this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset),t.containerEl.style.setProperty("inset",`${this.offset}px auto auto 0px`),this.offset>0&&t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)"),this.showBackdropElement(t),this.showContainerElement(t),this.hideArrowElement(t),0))}async update(t){return!1}async dismiss(t){return!!t.containerEl&&(this.hideBackdropElement(t),this.hideContainerElement(t),this.hideArrowElement(t),t.containerEl.style.removeProperty("box-shadow"),t.containerEl.style.removeProperty("inset"),!0)}}class _ extends y{constructor(){super(...arguments),this.placement="bottom",this.offset=0,this.arrow=!1,this.backdrop=!1,this.reference=void 0,this.triggerEl=null}async present(t){if(!t.trigger&&h.hasDocument){const i=Array.from(document.querySelectorAll(`[bal-popup="${t.el.id}"]`))[0];t.trigger=i}if(t.trigger&&t.containerEl&&t.arrowEl){if(this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement),this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow),this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop),this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference),this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset),this.triggerEl=t.trigger,this.reference&&h.hasDocument){const i=document.getElementById(this.reference);this.triggerEl=i\|\|t.trigger}if(this.triggerEl)return this.showContainerElement(t),this.showBackdropElement(t,this.backdrop),this.showArrowElement(t,this.arrow),this.triggerEl.classList.add("bal-popup-variant-popover-trigger"),"bottom-end"===this.placement&&this.triggerEl!==t.trigger&&t.setMinWidth(this.triggerEl.clientWidth),this.cleanup=b(this.triggerEl,t.containerEl,(()=>{this.update(t)}),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!0}),!0}return!1}async update(t){var i,s;if(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl){const a="bottom-end"===this.placement&&this.triggerEl!==t.trigger,e=null===(i=this.triggerEl)\|\|void 0===i?void 0:i.getBoundingClientRect(),o=null===(s=t.trigger)\|\|void 0===s?void 0:s.getBoundingClientRect();let n=!1;return h.hasWindow&&(n=!!window.frameElement),v(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[n?void 0:m(),w(),g(this.arrow?16:this.offset),f({element:t.arrowEl,padding:4})]}).then((({x:i,y:s,middlewareData:n,placement:p})=>{if(t.containerEl){Object.assign(t.containerEl.style,{left:`${i}px`,top:`${s}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[p.split("-")[0]];if(n.arrow&&t.arrowEl){const p=n.arrow;Object.assign(t.arrowEl.style,a?{right:e.right-o.right-4+o.width/2+"px",left:"",top:null!=s&&null!=p.y?`${p.y}px`:"",bottom:"",[r]:"-4px"}:{left:null!=i&&null!=p.x?`${p.x}px`:"",top:null!=s&&null!=p.y?`${p.y}px`:"",right:"",bottom:"",[r]:"-4px"})}}})),!0}return!1}async dismiss(t){return!!(t.containerEl&&t.arrowEl&&this.triggerEl)&&(this.cleanup&&this.cleanup(),this.triggerEl.classList.remove("bal-popup-variant-popover-trigger"),this.hideBackdropElement(t),this.hideContainerElement(t),this.hideArrowElement(t),!0)}}class j{constructor(t){this.renderer=t}async present(t){t.balWillAnimate.emit();const i=await this.renderer.present(t);return i&&(t.presented=!0,t.balDidAnimate.emit()),i}async update(t){t.balWillAnimate.emit();const i=await this.renderer.update(t);return i&&t.balDidAnimate.emit(),i}async dismiss(t){t.balWillAnimate.emit();const i=await this.renderer.dismiss(t);return i&&(t.presented=!1,t.balDidAnimate.emit()),i}}const $=class{constructor(s){t(this,s),this.balChange=i(this,"balChange",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.popupId="bal-pu-"+O++,this.isClickedOutsideOnMouseDown=!1,this.isClickedOutsideOnMouseUp=!1,this.popoverVariantRenderer=new j(new _),this.fullscreenVariantRenderer=new j(new k),this.drawerVariantRenderer=new j(new x),this.lastVariant="popover",this.initialActive=this.active,this.debouncedGlobalClick=c((t=>this.notifyGlobalClick(t)),10),this.onBackdropClick=t=>!!(this.activeBackdropDismiss&&this.presented&&t&&t.target)&&t.target.classList.contains("bal-popup__backdrop"),this.onCloseClick=()=>{this.activeClosable&&this.dismiss()},this.activeClosable=!1,this.activeBackdropDismiss=!1,this.activeVariant="popover",this.trigger=void 0,this.lastTrigger=void 0,this.minContainerWidth=0,this.label="",this.reference=void 0,this.variant="popover",this.placement="bottom",this.arrow=!1,this.backdrop=!1,this.offset=0,this.closable=!1,this.backdropDismiss=!1,this.active=!1,this.presented=!1,this.contentWidth=void 0,this.demo=!1}createLogger(t){this.log=t}async variantChanged(t,i){t!==i&&(await this.getVariantRenderer(i).dismiss(this),this.activeVariant!==t&&(this.lastVariant=this.activeVariant,this.activeVariant=t,await this.getVariantRenderer(this.lastVariant).dismiss(this)),this.presented&&await this.getVariantRenderer(t).present(this))}async activeChanged(t,i){t!==i&&t!==this.presented&&(t?this.present():this.dismiss())}contentWidthChanged(t,i){t!==i&&(void 0===t?this.el.style.removeProperty("--bal-popup-variant-popover-max-width"):this.el.style.setProperty("--bal-popup-variant-popover-max-width",`${this.contentWidth}px`))}componentDidLoad(){this.contentWidthChanged(this.contentWidth,0),!0===this.initialActive&&!0!==this.presented&&this.present(),this.demo&&this.present()}async listenOnGlobalClick(t){var i;const s=t.target.closest("[bal-popup]");if(s&&h.hasWindow){const t=(null===(i=s.attributes.getNamedItem("bal-popup"))\|\|void 0===i?void 0:i.nodeValue)\|\|"";this.el.id===t&&this.debouncedGlobalClick(s)}}async listenOnKeyDown(t){this.activeClosable&&this.presented&&p(t)&&(l(t),this.dismiss())}async listenOnMouseDown(t){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t)}async listenOnMouseUp(t){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t)}async listenOnComponentClick(){this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown&&await this.dismiss()}async present(){await this.resetAllVariants(),await this._present()&&(this.lastTrigger=this.trigger,this.balChange.emit(this.presented))}async dismiss(){await this.resetAllVariants(),await this._dismiss()&&(this.lastTrigger=this.trigger,this.balChange.emit(this.presented))}async toggle(){return this.presented?this.dismiss():this.present()}async setMinWidth(t){this.containerEl&&(this.containerEl.style.minWidth=`${t}px`,this.minContainerWidth=t)}async _emitChange(){this.balChange.emit(this.presented)}async _present(){h.hasDocument&&(this.lastFocus=document.activeElement\|\|void 0),this.lastVariantRenderer&&(await this.lastVariantRenderer.dismiss(this),this.presented=!0),this.lastVariantRenderer=this.getVariantRenderer();const t=await this.lastVariantRenderer.present(this);return this.focusFirstDescendant(),t}async _dismiss(){var t;const i=await this.getVariantRenderer().dismiss(this);return this.lastVariantRenderer=void 0,this.lastFocus&&this.lastFocus.focus&&(null===(t=this.lastFocus)\|\|void 0===t\|\|t.focus()),i}getVariantRenderer(t=this.activeVariant){switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}}getValue(t,i,s){const a=t.attributes.getNamedItem(i);return a?a.value:s}getNumberValue(t,i,s){const a=t.attributes.getNamedItem(i);return a&&parseInt(a.value,10)\|\|s}getBooleanValue(t,i,s){const a=t.attributes.getNamedItem(i);return a&&a?""===a.value\|\|"true"===a.value:s}notifyGlobalClick(t){this.trigger=t,this.lastTrigger=void 0===this.lastTrigger?this.trigger:this.lastTrigger,this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant),this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable),this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss),this.presented&&this.lastTrigger!==this.trigger?(this._present(),this.lastTrigger=this.trigger):this.toggle()}async resetAllVariants(){if(await this.dismissAllOtherPopups(),this.lastVariant!==this.activeVariant){const t=this.getVariantRenderer(this.lastVariant);await t.dismiss(this)}this.lastVariant=this.activeVariant}async dismissAllOtherPopups(){if(h.hasDocument){const t=Array.from(document.getElementsByTagName("bal-popup")).filter((t=>t.id!==this.el.id&&"true"!==t.ariaHidden));for(let i=0;i<t.length;i++){const s=t[i];await s._dismiss(),await s._emitChange()}}}focusFirstDescendant(){const{el:t}=this,i=t.querySelector(u);i?i.focus():t.focus()}render(){const t=r.block("popup"),i=t.element("container"),e=t.element("arrow"),o=t.element("backdrop"),n=t.element("inner"),p=n.element("head"),h=n.element("content");return s(a,{class:Object.assign({},t.class()),role:"dialog","aria-hidden":`${!0!==this.presented}`,"aria-modal":`${!0===this.presented}`,"aria-presented":`${!0===this.presented}`,"aria-labelledby":`${this.popupId}-heading`},s("div",{class:Object.assign({},o.class()),ref:t=>this.backdropEl=t}),s("div",{class:Object.assign(Object.assign({},i.class()),i.modifier(`variant-${this.activeVariant}`).class()),ref:t=>this.containerEl=t,style:{minWidth:`${this.minContainerWidth}px`}},s("div",{class:Object.assign({},e.class()),ref:t=>this.arrowEl=t}),s("bal-stack",{layout:"vertical",px:"popover"===this.activeVariant?"medium":"none",py:"medium",class:Object.assign({},n.class())},this.label?s("bal-stack",{space:"auto",class:Object.assign({},p.class())},s("bal-heading",{"data-test":"bal-popup-label",level:"span","visual-level":"large",id:`${this.popupId}-heading`},this.label),this.activeClosable?s("bal-close",{"data-test":"bal-popup-close",tabindex:-1,onClick:()=>this.onCloseClick()}):""):"",s("div",{class:Object.assign({},h.class()),ref:t=>this.contentEl=t,"data-test":"bal-popup-content"},s("slot",null)))))}get el(){return e(this)}static get watchers(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}}};o([d("bal-popup"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],$.prototype,"createLogger",null);let O=0;$.style=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline;z-index:var(--bal-z-index-popup)}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;display:none;visibility:hidden}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";export{$ as bal_popup}

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

@@ -0,0 +1 @@

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

package/dist/baloise-design-system/{p-39bc49bc3d.entry.js → p-33028eda8b.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as i,h as r,H as a}from"./p-d7c752c6.js";import{_ as e,a as n}from"./p-43c9f5e9.js";import{c as o}from"./p-4573c419.js";import{B as l}from"./p-ae86d0a0.js";import{d as c}from"./p-a19d1e1d.js";import{L as t}from"./p-69e7c8d6.js";import"./p-b77e3348.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";var s="\\ud800-\\udfff",b="\\u0300-\\u036f\\ufe20-\\ufe23",u="\\u20d0-\\u20f0",d="\\ufe0e\\ufe0f",g="["+s+"]",f="["+b+u+"]",h="\\ud83c[\\udffb-\\udfff]",p="[^"+s+"]",m="(?:\\ud83c[\\udde6-\\uddff]){2}",v="[\\ud800-\\udbff][\\udc00-\\udfff]",x="\\u200d",y="(?:"+f+"\|"+h+")?",k="["+d+"]?",w=k+y+"(?:"+x+"(?:"+[p,m,v].join("\|")+")"+k+y+")",j="(?:"+[p+f+"?",f,m,v,g].join("\|")+")",O=RegExp(h+"(?="+h+")\|"+j+w,"g"),A=RegExp("["+x+s+b+u+d+"]"),E="object"==typeof self&&self&&self.Object===Object&&self,_="object"==typeof o&&o&&o.Object===Object&&o\|\|E\|\|Function("return this")();function I(i){return A.test(i)}var R=Object.prototype.toString,U=_.Symbol,z=U?U.prototype:void 0,C=z?z.toString:void 0;var L,Z=("toUpperCase",function(i){var r,a,e,n,o,l=I(i=null==(r=i)?"":function(i){if("string"==typeof i)return i;if(function(i){return"symbol"==typeof i\|\|function(i){return!!i&&"object"==typeof i}(i)&&"[object Symbol]"==R.call(i)}(i))return C?C.call(i):"";var r=i+"";return"0"==r&&1/i==-1/0?"-0":r}(r))?function(i){return I(i)?function(i){return i.match(O)\|\|[]}(i):function(i){return i.split("")}(i)}(i):void 0,c=l?l[0]:i.charAt(0),t=l?(a=l,e=1,o=a.length,n=void 0===n?o:n,!e&&n>=o?a:function(i,r,a){var e=-1,n=i.length;r<0&&(r=-r>n?0:n+r),(a=a>n?n:a)<0&&(a+=n),n=r>a?0:a-r>>>0,r>>>=0;for(var o=Array(n);++e<n;)o[e]=i[e+r];return o}(a,e,n)).join(""):i.slice(1);return c.toUpperCase()+t}),S=1/0,$="[object Symbol]",T=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g,N=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,D="\\ud800-\\udfff",G="\\u0300-\\u036f\\ufe20-\\ufe23",H="\\u20d0-\\u20f0",F="\\u2700-\\u27bf",Y="a-z\\xdf-\\xf6\\xf8-\\xff",J="A-Z\\xc0-\\xd6\\xd8-\\xde",M="\\ufe0e\\ufe0f",B="\\xac\\xb1\\xd7\\xf7\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf\\u2000-\\u206f \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",K="["+D+"]",P="["+B+"]",V="["+G+H+"]",W="\\d+",q="["+F+"]",Q="["+Y+"]",X="[^"+D+B+W+F+Y+J+"]",ii="\\ud83c[\\udffb-\\udfff]",ri="[^"+D+"]",ai="(?:\\ud83c[\\udde6-\\uddff]){2}",ei="[\\ud800-\\udbff][\\udc00-\\udfff]",ni="["+J+"]",oi="\\u200d",li="(?:"+Q+"\|"+X+")",ci="(?:"+ni+"\|"+X+")",ti="(?:['’](?:d\|ll\|m\|re\|s\|t\|ve))?",si="(?:['’](?:D\|LL\|M\|RE\|S\|T\|VE))?",bi="(?:"+V+"\|"+ii+")?",ui="["+M+"]?",di=ui+bi+"(?:"+oi+"(?:"+[ri,ai,ei].join("\|")+")"+ui+bi+")",gi="(?:"+[q,ai,ei].join("\|")+")"+di,fi="(?:"+[ri+V+"?",V,ai,ei,K].join("\|")+")",hi=RegExp("['’]","g"),pi=RegExp(V,"g"),mi=RegExp(ii+"(?="+ii+")\|"+fi+di,"g"),vi=RegExp([ni+"?"+Q+"+"+ti+"(?="+[P,ni,"$"].join("\|")+")",ci+"+"+si+"(?="+[P,ni+li,"$"].join("\|")+")",ni+"?"+li+"+"+ti,ni+"+"+si,W,gi].join("\|"),"g"),xi=RegExp("["+oi+D+G+H+M+"]"),yi=/[a-z][A-Z]\|[A-Z]{2,}[a-z]\|[0-9][a-zA-Z]\|[a-zA-Z][0-9]\|[^a-zA-Z0-9 ]/,ki="object"==typeof self&&self&&self.Object===Object&&self,wi="object"==typeof o&&o&&o.Object===Object&&o\|\|ki\|\|Function("return this")(),ji=(L={À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",Ç:"C",ç:"c",Ð:"D",ð:"d",È:"E",É:"E",Ê:"E",Ë:"E",è:"e",é:"e",ê:"e",ë:"e",Ì:"I",Í:"I",Î:"I",Ï:"I",ì:"i",í:"i",î:"i",ï:"i",Ñ:"N",ñ:"n",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",Ù:"U",Ú:"U",Û:"U",Ü:"U",ù:"u",ú:"u",û:"u",ü:"u",Ý:"Y",ý:"y",ÿ:"y",Æ:"Ae",æ:"ae",Þ:"Th",þ:"th",ß:"ss",Ā:"A",Ă:"A",Ą:"A",ā:"a",ă:"a",ą:"a",Ć:"C",Ĉ:"C",Ċ:"C",Č:"C",ć:"c",ĉ:"c",ċ:"c",č:"c",Ď:"D",Đ:"D",ď:"d",đ:"d",Ē:"E",Ĕ:"E",Ė:"E",Ę:"E",Ě:"E",ē:"e",ĕ:"e",ė:"e",ę:"e",ě:"e",Ĝ:"G",Ğ:"G",Ġ:"G",Ģ:"G",ĝ:"g",ğ:"g",ġ:"g",ģ:"g",Ĥ:"H",Ħ:"H",ĥ:"h",ħ:"h",Ĩ:"I",Ī:"I",Ĭ:"I",Į:"I",İ:"I",ĩ:"i",ī:"i",ĭ:"i",į:"i",ı:"i",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",ĸ:"k",Ĺ:"L",Ļ:"L",Ľ:"L",Ŀ:"L",Ł:"L",ĺ:"l",ļ:"l",ľ:"l",ŀ:"l",ł:"l",Ń:"N",Ņ:"N",Ň:"N",Ŋ:"N",ń:"n",ņ:"n",ň:"n",ŋ:"n",Ō:"O",Ŏ:"O",Ő:"O",ō:"o",ŏ:"o",ő:"o",Ŕ:"R",Ŗ:"R",Ř:"R",ŕ:"r",ŗ:"r",ř:"r",Ś:"S",Ŝ:"S",Ş:"S",Š:"S",ś:"s",ŝ:"s",ş:"s",š:"s",Ţ:"T",Ť:"T",Ŧ:"T",ţ:"t",ť:"t",ŧ:"t",Ũ:"U",Ū:"U",Ŭ:"U",Ů:"U",Ű:"U",Ų:"U",ũ:"u",ū:"u",ŭ:"u",ů:"u",ű:"u",ų:"u",Ŵ:"W",ŵ:"w",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Ź:"Z",Ż:"Z",Ž:"Z",ź:"z",ż:"z",ž:"z",Ĳ:"IJ",ĳ:"ij",Œ:"Oe",œ:"oe",ŉ:"'n",ſ:"ss"},function(i){return null==L?void 0:L[i]});function Oi(i){return xi.test(i)}var Ai=Object.prototype.toString,Ei=wi.Symbol,_i=Ei?Ei.prototype:void 0,Ii=_i?_i.toString:void 0;function Ri(i){return null==i?"":function(i){if("string"==typeof i)return i;if(function(i){return"symbol"==typeof i\|\|function(i){return!!i&&"object"==typeof i}(i)&&Ai.call(i)==$}(i))return Ii?Ii.call(i):"";var r=i+"";return"0"==r&&1/i==-S?"-0":r}(i)}var Ui,zi=(Ui=function(i,r,a){return r=r.toLowerCase(),i+(a?Ci(Ri(r).toLowerCase()):r)},function(i){return function(i,r,a){for(var e=-1,n=i?i.length:0;++e<n;)a=r(a,i[e],e,i);return a}(function(i,r){return i=Ri(i),void 0===r?function(i){return yi.test(i)}(i)?function(i){return i.match(vi)\|\|[]}(i):function(i){return i.match(T)\|\|[]}(i):i.match(r)\|\|[]}(function(i){return(i=Ri(i))&&i.replace(N,ji).replace(pi,"")}(i).replace(hi,"")),Ui,"")}),Ci=function(i){var r,a,e,n,o=Oi(i=Ri(i))?function(i){return Oi(i)?function(i){return i.match(mi)\|\|[]}(i):function(i){return i.split("")}(i)}(i):void 0,l=o?o[0]:i.charAt(0),c=o?(r=o,a=1,n=r.length,e=void 0===e?n:e,!a&&e>=n?r:function(i,r,a){var e=-1,n=i.length;r<0&&(r=-r>n?0:n+r),(a=a>n?n:a)<0&&(a+=n),n=r>a?0:a-r>>>0,r>>>=0;for(var o=Array(n);++e<n;)o[e]=i[e+r];return o}(r,a,e)).join(""):i.slice(1);return l.toUpperCase()+c},Li=zi;const Zi=class{constructor(r){i(this,r),this.svgContent=i=>{if(Object.keys(this.icons).length>0&&i&&i.length>0){i.startsWith("alert")&&(i="alert-triangle"),i.startsWith("info")&&(i="info-circle");const r=this.icons[`balIcon${Z(Li(i))}`];if(r)return r}return this.svg\|\|""},this.icons=c.icons,this.name="",this.svg="",this.size="",this.color="",this.inline=!1,this.inverted=!1,this.turn=!1,this.shadow=!1,this.disabled=void 0,this.invalid=void 0,this.hovered=!1,this.pressed=!1}async configChanged(i){this.icons=i.icons}parseColor(){if(this.disabled)return"grey";if(this.invalid)return this.pressed?"danger-darker":this.hovered?"danger-dark":"danger";if("auto"!==this.color){if(this.pressed)return"primary-dark";if(this.hovered)return"light-blue"}return["auto","white","blue","grey","grey-light","danger","danger-dark","danger-darker","warning","warning-dark","warning-darker","success","success-dark","success-darker","primary","primary-light","light-blue"].includes(this.color)?this.color:"primary"}render(){const i=this.parseColor(),e=l.block("icon"),n=this.svgContent(this.name);return r(a,{"aria-hidden":"true",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("is-inverted").class(this.inverted)),e.modifier("is-inline").class(this.inline)),e.modifier("shadow").class(this.shadow)),e.modifier(`is-${this.size}`).class(!!this.size)),e.modifier(`is-${i}`).class())},r("div",{class:Object.assign(Object.assign(Object.assign({},e.element("inner").class()),e.element("inner").modifier(`turn-${this.name}`).class(this.turn)),e.modifier(`is-${this.size}`).class(!!this.size)),innerHTML:n}))}};e([t(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],Zi.prototype,"configChanged",null),Zi.style=":root,:host{--bal-icon-color-grey:var(--bal-color-grey-5);--bal-icon-color-grey-light:var(--bal-color-border-grey-dark);--bal-icon-color-success:var(--bal-color-success);--bal-icon-color-success-dark:var(--bal-color-success-5);--bal-icon-color-success-darker:var(--bal-color-success-6);--bal-icon-color-warning:var(--bal-color-warning);--bal-icon-color-warning-dark:var(--bal-color-warning-5);--bal-icon-color-warning-darker:var(--bal-color-warning-6);--bal-icon-color-danger:var(--bal-color-danger);--bal-icon-color-danger-dark:var(--bal-color-danger-5);--bal-icon-color-danger-darker:var(--bal-color-danger-6);--bal-icon-color-primary:var(--bal-color-primary);--bal-icon-color-primary-dark:var(--bal-color-primary-6);--bal-icon-color-blue:var(--bal-color-primary);--bal-icon-color-light-blue:var(--bal-color-light-blue-5);--bal-icon-color-primary-light:var(--bal-color-primary-3);--bal-icon-color-white:var(--bal-color-white)}.bal-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:static;pointer-events:visible;width:1.125rem;max-height:1.125rem}.bal-icon--shadow svg{-webkit-filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5));filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5))}.bal-icon--is-inline{display:-ms-inline-flexbox;display:inline-flex}.bal-icon__inner{display:block;position:static;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;padding:.063rem;width:1.125rem;max-height:1.125rem}.bal-icon__inner--turn-plus{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.bal-icon__inner--turn-caret-down,.bal-icon__inner--turn-caret-up{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-icon__inner--turn-nav-go-down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-icon__inner>svg{vertical-align:top}.bal-icon--is-xsmall{width:.75rem;max-height:.75rem}.bal-icon--is-x-small{width:.75rem;max-height:.75rem}.bal-icon--is-small{width:.875rem;max-height:.875rem}.bal-icon--is-medium{width:1.625rem;max-height:1.625rem}.bal-icon--is-large{width:2.5rem;max-height:2.5rem;padding:0}.bal-icon--is-x-large{width:5rem;max-height:5rem;padding:0}.bal-icon--is-xx-large{width:11rem;max-height:11rem;padding:0}.bal-icon--is-grey svg,.bal-icon--is-grey g,.bal-icon--is-grey path,.bal-icon--is-grey circle{fill:var(--bal-icon-color-grey)}.bal-icon--is-grey-light svg,.bal-icon--is-grey-light g,.bal-icon--is-grey-light path,.bal-icon--is-grey-light circle{fill:var(--bal-icon-color-grey-light)}.bal-icon--is-success svg,.bal-icon--is-success g,.bal-icon--is-success path,.bal-icon--is-success circle{fill:var(--bal-icon-color-success)}.bal-icon--is-success-dark svg,.bal-icon--is-success-dark g,.bal-icon--is-success-dark path,.bal-icon--is-success-dark circle{fill:var(--bal-icon-color-success-dark)}.bal-icon--is-success-darker svg,.bal-icon--is-success-darker g,.bal-icon--is-success-darker path,.bal-icon--is-success-darker circle{fill:var(--bal-icon-color-success-darker)}.bal-icon--is-warning svg,.bal-icon--is-warning g,.bal-icon--is-warning path,.bal-icon--is-warning circle{fill:var(--bal-icon-color-warning)}.bal-icon--is-warning-dark svg,.bal-icon--is-warning-dark g,.bal-icon--is-warning-dark path,.bal-icon--is-warning-dark circle{fill:var(--bal-icon-color-warning-dark)}.bal-icon--is-warning-darker svg,.bal-icon--is-warning-darker g,.bal-icon--is-warning-darker path,.bal-icon--is-warning-darker circle{fill:var(--bal-icon-color-warning-darker)}.bal-icon--is-danger svg,.bal-icon--is-danger g,.bal-icon--is-danger path,.bal-icon--is-danger circle{fill:var(--bal-icon-color-danger)}.bal-icon--is-danger-dark svg,.bal-icon--is-danger-dark g,.bal-icon--is-danger-dark path,.bal-icon--is-danger-dark circle{fill:var(--bal-icon-color-danger-dark)}.bal-icon--is-danger-darker svg,.bal-icon--is-danger-darker g,.bal-icon--is-danger-darker path,.bal-icon--is-danger-darker circle{fill:var(--bal-icon-color-danger-darker)}.bal-icon--is-primary svg,.bal-icon--is-primary g,.bal-icon--is-primary path,.bal-icon--is-primary circle{fill:var(--bal-icon-color-primary)}.bal-icon--is-primary-dark svg,.bal-icon--is-primary-dark g,.bal-icon--is-primary-dark path,.bal-icon--is-primary-dark circle{fill:var(--bal-icon-color-primary-dark)}.bal-icon--is-blue svg,.bal-icon--is-blue g,.bal-icon--is-blue path,.bal-icon--is-blue circle{fill:var(--bal-icon-color-blue)}.bal-icon--is-light-blue svg,.bal-icon--is-light-blue g,.bal-icon--is-light-blue path,.bal-icon--is-light-blue circle{fill:var(--bal-icon-color-light-blue)}.bal-icon--is-primary-light svg,.bal-icon--is-primary-light g,.bal-icon--is-primary-light path,.bal-icon--is-primary-light circle{fill:var(--bal-icon-color-primary-light)}.bal-icon--is-white svg,.bal-icon--is-white g,.bal-icon--is-white path,.bal-icon--is-white circle,.bal-icon--is-inverted svg,.bal-icon--is-inverted g,.bal-icon--is-inverted path,.bal-icon--is-inverted circle{fill:var(--bal-icon-color-white)}.icon-text{-ms-flex-align:center;align-items:center;color:inherit;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;-ms-flex-wrap:nowrap;flex-wrap:nowrap;word-break:break-word;line-height:1.5rem}.icon-text.is-small{line-height:1.75rem}.icon-text.is-medium{line-height:1.5rem}.icon-text.is-large{line-height:3rem}.icon-text.is-x-large{line-height:4rem}.icon-text.is-xlarge{line-height:4rem}.icon-text .icon{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.icon-text .icon:not(:last-child){margin-right:.5rem}.icon-text .icon:not(:first-child){margin-right:.5rem}div.icon-text{display:-ms-flexbox;display:flex}";export{Zi as bal_icon}
1	+ import{r as i,h as r,H as a}from"./p-d7c752c6.js";import{_ as e,a as n}from"./p-43c9f5e9.js";import{c as o}from"./p-4573c419.js";import{B as l}from"./p-ae86d0a0.js";import{d as c}from"./p-a19d1e1d.js";import{L as t}from"./p-69e7c8d6.js";import"./p-b77e3348.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";var s="\\ud800-\\udfff",b="\\u0300-\\u036f\\ufe20-\\ufe23",u="\\u20d0-\\u20f0",g="\\ufe0e\\ufe0f",d="["+s+"]",f="["+b+u+"]",h="\\ud83c[\\udffb-\\udfff]",p="[^"+s+"]",m="(?:\\ud83c[\\udde6-\\uddff]){2}",v="[\\ud800-\\udbff][\\udc00-\\udfff]",x="\\u200d",y="(?:"+f+"\|"+h+")?",k="["+g+"]?",w=k+y+"(?:"+x+"(?:"+[p,m,v].join("\|")+")"+k+y+")",j="(?:"+[p+f+"?",f,m,v,d].join("\|")+")",O=RegExp(h+"(?="+h+")\|"+j+w,"g"),A=RegExp("["+x+s+b+u+g+"]"),E="object"==typeof self&&self&&self.Object===Object&&self,_="object"==typeof o&&o&&o.Object===Object&&o\|\|E\|\|Function("return this")();function I(i){return A.test(i)}var R=Object.prototype.toString,U=_.Symbol,z=U?U.prototype:void 0,C=z?z.toString:void 0;var L,Z=("toUpperCase",function(i){var r,a,e,n,o,l=I(i=null==(r=i)?"":function(i){if("string"==typeof i)return i;if(function(i){return"symbol"==typeof i\|\|function(i){return!!i&&"object"==typeof i}(i)&&"[object Symbol]"==R.call(i)}(i))return C?C.call(i):"";var r=i+"";return"0"==r&&1/i==-1/0?"-0":r}(r))?function(i){return I(i)?function(i){return i.match(O)\|\|[]}(i):function(i){return i.split("")}(i)}(i):void 0,c=l?l[0]:i.charAt(0),t=l?(a=l,e=1,o=a.length,n=void 0===n?o:n,!e&&n>=o?a:function(i,r,a){var e=-1,n=i.length;r<0&&(r=-r>n?0:n+r),(a=a>n?n:a)<0&&(a+=n),n=r>a?0:a-r>>>0,r>>>=0;for(var o=Array(n);++e<n;)o[e]=i[e+r];return o}(a,e,n)).join(""):i.slice(1);return c.toUpperCase()+t}),S=1/0,$="[object Symbol]",T=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g,N=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,D="\\ud800-\\udfff",G="\\u0300-\\u036f\\ufe20-\\ufe23",H="\\u20d0-\\u20f0",F="\\u2700-\\u27bf",Y="a-z\\xdf-\\xf6\\xf8-\\xff",J="A-Z\\xc0-\\xd6\\xd8-\\xde",M="\\ufe0e\\ufe0f",B="\\xac\\xb1\\xd7\\xf7\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf\\u2000-\\u206f \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",K="["+D+"]",P="["+B+"]",V="["+G+H+"]",W="\\d+",q="["+F+"]",Q="["+Y+"]",X="[^"+D+B+W+F+Y+J+"]",ii="\\ud83c[\\udffb-\\udfff]",ri="[^"+D+"]",ai="(?:\\ud83c[\\udde6-\\uddff]){2}",ei="[\\ud800-\\udbff][\\udc00-\\udfff]",ni="["+J+"]",oi="\\u200d",li="(?:"+Q+"\|"+X+")",ci="(?:"+ni+"\|"+X+")",ti="(?:['’](?:d\|ll\|m\|re\|s\|t\|ve))?",si="(?:['’](?:D\|LL\|M\|RE\|S\|T\|VE))?",bi="(?:"+V+"\|"+ii+")?",ui="["+M+"]?",gi=ui+bi+"(?:"+oi+"(?:"+[ri,ai,ei].join("\|")+")"+ui+bi+")",di="(?:"+[q,ai,ei].join("\|")+")"+gi,fi="(?:"+[ri+V+"?",V,ai,ei,K].join("\|")+")",hi=RegExp("['’]","g"),pi=RegExp(V,"g"),mi=RegExp(ii+"(?="+ii+")\|"+fi+gi,"g"),vi=RegExp([ni+"?"+Q+"+"+ti+"(?="+[P,ni,"$"].join("\|")+")",ci+"+"+si+"(?="+[P,ni+li,"$"].join("\|")+")",ni+"?"+li+"+"+ti,ni+"+"+si,W,di].join("\|"),"g"),xi=RegExp("["+oi+D+G+H+M+"]"),yi=/[a-z][A-Z]\|[A-Z]{2,}[a-z]\|[0-9][a-zA-Z]\|[a-zA-Z][0-9]\|[^a-zA-Z0-9 ]/,ki="object"==typeof self&&self&&self.Object===Object&&self,wi="object"==typeof o&&o&&o.Object===Object&&o\|\|ki\|\|Function("return this")(),ji=(L={À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",Ç:"C",ç:"c",Ð:"D",ð:"d",È:"E",É:"E",Ê:"E",Ë:"E",è:"e",é:"e",ê:"e",ë:"e",Ì:"I",Í:"I",Î:"I",Ï:"I",ì:"i",í:"i",î:"i",ï:"i",Ñ:"N",ñ:"n",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",Ù:"U",Ú:"U",Û:"U",Ü:"U",ù:"u",ú:"u",û:"u",ü:"u",Ý:"Y",ý:"y",ÿ:"y",Æ:"Ae",æ:"ae",Þ:"Th",þ:"th",ß:"ss",Ā:"A",Ă:"A",Ą:"A",ā:"a",ă:"a",ą:"a",Ć:"C",Ĉ:"C",Ċ:"C",Č:"C",ć:"c",ĉ:"c",ċ:"c",č:"c",Ď:"D",Đ:"D",ď:"d",đ:"d",Ē:"E",Ĕ:"E",Ė:"E",Ę:"E",Ě:"E",ē:"e",ĕ:"e",ė:"e",ę:"e",ě:"e",Ĝ:"G",Ğ:"G",Ġ:"G",Ģ:"G",ĝ:"g",ğ:"g",ġ:"g",ģ:"g",Ĥ:"H",Ħ:"H",ĥ:"h",ħ:"h",Ĩ:"I",Ī:"I",Ĭ:"I",Į:"I",İ:"I",ĩ:"i",ī:"i",ĭ:"i",į:"i",ı:"i",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",ĸ:"k",Ĺ:"L",Ļ:"L",Ľ:"L",Ŀ:"L",Ł:"L",ĺ:"l",ļ:"l",ľ:"l",ŀ:"l",ł:"l",Ń:"N",Ņ:"N",Ň:"N",Ŋ:"N",ń:"n",ņ:"n",ň:"n",ŋ:"n",Ō:"O",Ŏ:"O",Ő:"O",ō:"o",ŏ:"o",ő:"o",Ŕ:"R",Ŗ:"R",Ř:"R",ŕ:"r",ŗ:"r",ř:"r",Ś:"S",Ŝ:"S",Ş:"S",Š:"S",ś:"s",ŝ:"s",ş:"s",š:"s",Ţ:"T",Ť:"T",Ŧ:"T",ţ:"t",ť:"t",ŧ:"t",Ũ:"U",Ū:"U",Ŭ:"U",Ů:"U",Ű:"U",Ų:"U",ũ:"u",ū:"u",ŭ:"u",ů:"u",ű:"u",ų:"u",Ŵ:"W",ŵ:"w",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Ź:"Z",Ż:"Z",Ž:"Z",ź:"z",ż:"z",ž:"z",Ĳ:"IJ",ĳ:"ij",Œ:"Oe",œ:"oe",ŉ:"'n",ſ:"ss"},function(i){return null==L?void 0:L[i]});function Oi(i){return xi.test(i)}var Ai=Object.prototype.toString,Ei=wi.Symbol,_i=Ei?Ei.prototype:void 0,Ii=_i?_i.toString:void 0;function Ri(i){return null==i?"":function(i){if("string"==typeof i)return i;if(function(i){return"symbol"==typeof i\|\|function(i){return!!i&&"object"==typeof i}(i)&&Ai.call(i)==$}(i))return Ii?Ii.call(i):"";var r=i+"";return"0"==r&&1/i==-S?"-0":r}(i)}var Ui,zi=(Ui=function(i,r,a){return r=r.toLowerCase(),i+(a?Ci(Ri(r).toLowerCase()):r)},function(i){return function(i,r,a){for(var e=-1,n=i?i.length:0;++e<n;)a=r(a,i[e],e,i);return a}(function(i,r){return i=Ri(i),void 0===r?function(i){return yi.test(i)}(i)?function(i){return i.match(vi)\|\|[]}(i):function(i){return i.match(T)\|\|[]}(i):i.match(r)\|\|[]}(function(i){return(i=Ri(i))&&i.replace(N,ji).replace(pi,"")}(i).replace(hi,"")),Ui,"")}),Ci=function(i){var r,a,e,n,o=Oi(i=Ri(i))?function(i){return Oi(i)?function(i){return i.match(mi)\|\|[]}(i):function(i){return i.split("")}(i)}(i):void 0,l=o?o[0]:i.charAt(0),c=o?(r=o,a=1,n=r.length,e=void 0===e?n:e,!a&&e>=n?r:function(i,r,a){var e=-1,n=i.length;r<0&&(r=-r>n?0:n+r),(a=a>n?n:a)<0&&(a+=n),n=r>a?0:a-r>>>0,r>>>=0;for(var o=Array(n);++e<n;)o[e]=i[e+r];return o}(r,a,e)).join(""):i.slice(1);return l.toUpperCase()+c},Li=zi;const Zi=class{constructor(r){i(this,r),this.svgContent=i=>{if(Object.keys(this.icons).length>0&&i&&i.length>0){i.startsWith("alert")&&(i="alert-triangle"),i.startsWith("info")&&(i="info-circle");const r=this.icons[`balIcon${Z(Li(i))}`];if(r)return r}return this.svg\|\|""},this.icons=c.icons,this.name="",this.svg="",this.size="",this.color="",this.inline=!1,this.inverted=!1,this.turn=!1,this.shadow=!1,this.disabled=void 0,this.invalid=void 0,this.hovered=!1,this.pressed=!1}async configChanged(i){this.icons=i.icons}parseColor(){if(this.disabled)return"grey";if(this.invalid)return this.pressed?"danger-darker":this.hovered?"danger-dark":"danger";if("auto"!==this.color){if(this.pressed)return"primary-dark";if(this.hovered)return"light-blue"}return["auto","white","blue","grey","grey-light","danger","danger-dark","danger-darker","warning","warning-dark","warning-darker","success","success-dark","success-darker","primary","primary-light","light-blue"].includes(this.color)?this.color:"primary"}render(){const i=this.parseColor(),e=l.block("icon"),n=this.svgContent(this.name);return r(a,{"aria-hidden":"true",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("is-inverted").class(this.inverted)),e.modifier("is-inline").class(this.inline)),e.modifier("shadow").class(this.shadow)),e.modifier(`is-${this.size}`).class(!!this.size)),e.modifier(`is-${i}`).class())},r("div",{class:Object.assign(Object.assign(Object.assign({},e.element("inner").class()),e.element("inner").modifier(`turn-${this.name}`).class(this.turn)),e.modifier(`is-${this.size}`).class(!!this.size)),innerHTML:n}))}};e([t(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],Zi.prototype,"configChanged",null),Zi.style=":root,:host{--bal-icon-color-grey:var(--bal-color-grey-5);--bal-icon-color-grey-light:var(--bal-color-border-grey-dark);--bal-icon-color-grey-dark:var(--bal-color-grey-dark);--bal-icon-color-success:var(--bal-color-success);--bal-icon-color-success-dark:var(--bal-color-success-5);--bal-icon-color-success-darker:var(--bal-color-success-6);--bal-icon-color-warning:var(--bal-color-warning);--bal-icon-color-warning-dark:var(--bal-color-warning-5);--bal-icon-color-warning-darker:var(--bal-color-warning-6);--bal-icon-color-danger:var(--bal-color-danger);--bal-icon-color-danger-dark:var(--bal-color-danger-5);--bal-icon-color-danger-darker:var(--bal-color-danger-6);--bal-icon-color-primary:var(--bal-color-primary);--bal-icon-color-primary-dark:var(--bal-color-primary-6);--bal-icon-color-blue:var(--bal-color-primary);--bal-icon-color-light-blue:var(--bal-color-light-blue-5);--bal-icon-color-primary-light:var(--bal-color-primary-3);--bal-icon-color-white:var(--bal-color-white)}.bal-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:static;pointer-events:visible;width:1.125rem;max-height:1.125rem}.bal-icon--shadow svg{-webkit-filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5));filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5))}.bal-icon--is-inline{display:-ms-inline-flexbox;display:inline-flex}.bal-icon__inner{display:block;position:static;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;padding:.063rem;width:1.125rem;max-height:1.125rem}.bal-icon__inner--turn-plus{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.bal-icon__inner--turn-caret-down,.bal-icon__inner--turn-caret-up{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-icon__inner--turn-nav-go-down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-icon__inner>svg{vertical-align:top}.bal-icon--is-xsmall{width:.75rem;max-height:.75rem}.bal-icon--is-x-small{width:.75rem;max-height:.75rem}.bal-icon--is-small{width:.875rem;max-height:.875rem}.bal-icon--is-medium{width:1.625rem;max-height:1.625rem}.bal-icon--is-large{width:2.5rem;max-height:2.5rem;padding:0}.bal-icon--is-x-large{width:5rem;max-height:5rem;padding:0}.bal-icon--is-xx-large{width:11rem;max-height:11rem;padding:0}.bal-icon--is-grey svg,.bal-icon--is-grey g,.bal-icon--is-grey path,.bal-icon--is-grey circle{fill:var(--bal-icon-color-grey)}.bal-icon--is-grey-light svg,.bal-icon--is-grey-light g,.bal-icon--is-grey-light path,.bal-icon--is-grey-light circle{fill:var(--bal-icon-color-grey-light)}.bal-icon--is-grey-dark svg,.bal-icon--is-grey-dark g,.bal-icon--is-grey-dark path,.bal-icon--is-grey-dark circle{fill:var(--bal-icon-color-grey-dark)}.bal-icon--is-success svg,.bal-icon--is-success g,.bal-icon--is-success path,.bal-icon--is-success circle{fill:var(--bal-icon-color-success)}.bal-icon--is-success-dark svg,.bal-icon--is-success-dark g,.bal-icon--is-success-dark path,.bal-icon--is-success-dark circle{fill:var(--bal-icon-color-success-dark)}.bal-icon--is-success-darker svg,.bal-icon--is-success-darker g,.bal-icon--is-success-darker path,.bal-icon--is-success-darker circle{fill:var(--bal-icon-color-success-darker)}.bal-icon--is-warning svg,.bal-icon--is-warning g,.bal-icon--is-warning path,.bal-icon--is-warning circle{fill:var(--bal-icon-color-warning)}.bal-icon--is-warning-dark svg,.bal-icon--is-warning-dark g,.bal-icon--is-warning-dark path,.bal-icon--is-warning-dark circle{fill:var(--bal-icon-color-warning-dark)}.bal-icon--is-warning-darker svg,.bal-icon--is-warning-darker g,.bal-icon--is-warning-darker path,.bal-icon--is-warning-darker circle{fill:var(--bal-icon-color-warning-darker)}.bal-icon--is-danger svg,.bal-icon--is-danger g,.bal-icon--is-danger path,.bal-icon--is-danger circle{fill:var(--bal-icon-color-danger)}.bal-icon--is-danger-dark svg,.bal-icon--is-danger-dark g,.bal-icon--is-danger-dark path,.bal-icon--is-danger-dark circle{fill:var(--bal-icon-color-danger-dark)}.bal-icon--is-danger-darker svg,.bal-icon--is-danger-darker g,.bal-icon--is-danger-darker path,.bal-icon--is-danger-darker circle{fill:var(--bal-icon-color-danger-darker)}.bal-icon--is-primary svg,.bal-icon--is-primary g,.bal-icon--is-primary path,.bal-icon--is-primary circle{fill:var(--bal-icon-color-primary)}.bal-icon--is-primary-dark svg,.bal-icon--is-primary-dark g,.bal-icon--is-primary-dark path,.bal-icon--is-primary-dark circle{fill:var(--bal-icon-color-primary-dark)}.bal-icon--is-blue svg,.bal-icon--is-blue g,.bal-icon--is-blue path,.bal-icon--is-blue circle{fill:var(--bal-icon-color-blue)}.bal-icon--is-light-blue svg,.bal-icon--is-light-blue g,.bal-icon--is-light-blue path,.bal-icon--is-light-blue circle{fill:var(--bal-icon-color-light-blue)}.bal-icon--is-primary-light svg,.bal-icon--is-primary-light g,.bal-icon--is-primary-light path,.bal-icon--is-primary-light circle{fill:var(--bal-icon-color-primary-light)}.bal-icon--is-white svg,.bal-icon--is-white g,.bal-icon--is-white path,.bal-icon--is-white circle,.bal-icon--is-inverted svg,.bal-icon--is-inverted g,.bal-icon--is-inverted path,.bal-icon--is-inverted circle{fill:var(--bal-icon-color-white)}.icon-text{-ms-flex-align:center;align-items:center;color:inherit;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;-ms-flex-wrap:nowrap;flex-wrap:nowrap;word-break:break-word;line-height:1.5rem}.icon-text.is-small{line-height:1.75rem}.icon-text.is-medium{line-height:1.5rem}.icon-text.is-large{line-height:3rem}.icon-text.is-x-large{line-height:4rem}.icon-text.is-xlarge{line-height:4rem}.icon-text .icon{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.icon-text .icon:not(:last-child){margin-right:.5rem}.icon-text .icon:not(:first-child){margin-right:.5rem}div.icon-text{display:-ms-flexbox;display:flex}";export{Zi as bal_icon}

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

@@ -0,0 +1 @@

+ var __awaiter=this&&this.__awaiter||function(t,e,r,a){function n(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function o(t){try{l(a.next(t))}catch(t){i(t)}}function s(t){try{l(a["throw"](t))}catch(t){i(t)}}function l(t){t.done?r(t.value):n(t.value).then(o,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,n,i,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return l([t,e])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(r=0)),r)try{if(a=1,n&&(i=s[0]&2?n["return"]:s[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;if(n=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(t){s=[6,t];n=0}finally{a=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-8954495d.system.js","./p-db0895e2.system.js","./p-d2ee9b0a.system.js","./p-688b402d.system.js","./p-116b65a6.system.js","./p-a4dacc2d.system.js","./p-2e8b4edc.system.js","./p-a01f3206.system.js","./p-44732905.system.js","./p-bb6304d0.system.js","./p-0177e3a0.system.js","./p-8949aa8b.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-eecefb0a.system.js","./p-333ef156.system.js","./p-ec9a7cf5.system.js","./p-7b021f06.system.js","./p-23bdd8dc.system.js"],(function(t){"use strict";var e,r,a,n,i,o,s,l,c,u,d,b,h,f,p,g,m,_,v,w;return{setters:[function(t){e=t.h;r=t.r;a=t.c;n=t.H;i=t.g},function(t){o=t._;s=t.a},function(t){l=t.l;c=t.b},function(t){u=t.B},function(t){d=t.s},function(t){b=t.L},function(t){h=t.g},function(t){f=t.L},function(t){p=t.L},function(t){g=t.L},function(t){m=t.b},function(t){_=t.d},function(t){v=t.L},function(t){w=t.i},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var k=function(t){var r=t.value,a=t.items,n=t.containerId,i=t.onControlChange;var o=u.block("carousel");var s=o.element("controls");return e("div",{class:Object.assign(Object.assign({},s.class()),s.modifier("tabs").class())},e("bal-card",null,e("bal-card-content",null,a.map((function(t){return e("bal-button",{"aria-controls":n,key:t.value,expanded:true,color:r===t.value?"primary":"light",onClick:function(){return i(t)}},t.label)})))))};var y=function(t){var r=t.value,a=t.items,n=t.containerId,i=t.onControlChange;var o=u.block("carousel");var s=o.element("controls");var l=function(t){var e=t.detail-1;if(e<0){e=0}if(e>=a.length){e=a.length-1}i(a[e])};return e("div",{class:Object.assign(Object.assign({},s.class()),s.modifier("tabs").class())},e("bal-pagination",{"aria-controls":n,interface:"small",value:r+1,totalPages:a.length,onBalChange:l}))};var x=function(t){var r=t.isFirst,a=t.isLast,n=t.inverted,i=t.areControlsHidden,o=t.onNextClick,s=t.onPreviousClick,l=t.containerId,c=t.leftControlTitle,d=t.rightControlTitle;var b=u.block("carousel");var h=b.element("controls");var f=h.element("button");return e("div",{"data-mutation":"false",class:Object.assign(Object.assign({},h.class()),h.modifier("large").class())},e("bal-button",{class:Object.assign(Object.assign(Object.assign({},f.class()),f.modifier("left").class()),f.modifier("hidden").class(r&&i)),"aria-controls":l,square:true,icon:"nav-go-left",rounded:true,inverted:n,onClick:function(){return s()},disabled:r,"aria-hidden":r&&i?"true":null,"data-testid":"bal-carousel-control-left",title:c}),e("bal-button",{class:Object.assign(Object.assign(Object.assign({},f.class()),f.modifier("right").class()),f.modifier("hidden").class(a&&i)),"aria-controls":l,square:true,icon:"nav-go-right",rounded:true,inverted:n,onClick:function(){return o()},disabled:a,"aria-hidden":a&&i?"true":null,"data-testid":"bal-carousel-control-right",title:d}))};var j=function(t){var r=t.isFirst,a=t.isLast,n=t.inverted,i=t.leftControlTitle,o=t.rightControlTitle,s=t.containerId,l=t.onNextClick,c=t.onPreviousClick;var d=u.block("carousel");var b=d.element("controls");var h=b.element("button");return e("div",{class:Object.assign(Object.assign({},b.class()),b.modifier("small").class())},e("bal-button",{class:Object.assign(Object.assign(Object.assign({},h.class()),h.modifier("left").class()),h.modifier("hidden").class(r)),"aria-controls":s,square:true,size:"small",icon:"nav-go-left",rounded:true,inverted:n,onClick:function(){return c()},disabled:r,"aria-hidden":r?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-left",title:i}),e("bal-button",{class:Object.assign(Object.assign(Object.assign({},h.class()),h.modifier("right").class()),h.modifier("hidden").class(a)),"aria-controls":s,square:true,size:"small",icon:"nav-go-right",rounded:true,inverted:n,onClick:function(){return l()},disabled:a,"aria-hidden":a?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-right",title:o}))};var O={de:{left:"vorherige",right:"nächste"},en:{left:"previous",right:"next"},fr:{left:"précédent",right:"suivant"},it:{left:"precedente",right:"successivo"},nl:{left:"vorige",right:"volgende"},es:{left:"anterior",right:"siguiente"},pl:{left:"poprzedni",right:"następny"},pt:{left:"anterior",right:"próximo"},sv:{left:"föregående",right:"nästa"},fi:{left:"edellinen",right:"seuraava"}};var z=':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-carousel{display:block;position:relative}.bal-carousel__inner{display:block;position:relative;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y}.bal-carousel--full-height{height:100%}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container{position:relative;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-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{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}.bal-carousel__inner--shadow-left::before,.bal-carousel__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-carousel__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-carousel__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-carousel__inner--shadow-left.bal-carousel__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-carousel__inner--shadow-right.bal-carousel__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__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-carousel__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-carousel__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-carousel__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-carousel__inner--items-per-view-4 .bal-carousel__item{width:25%}.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:calc(100% - 2rem);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:calc(100% - 5rem);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}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;width:10rem;height:11rem;text-align:center;padding-top:.5rem;padding-bottom:.5rem;-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}@media screen and (max-width: 768px){.bal-carousel__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-carousel__controls--large .bal-carousel__controls__button{position:absolute;top:calc(50% - 24px);z-index:7}.bal-carousel__controls--large .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--large .bal-carousel__controls__button--right{right:0}}.bal-carousel__controls__button--hidden{display:none !important;visibility:none !important}.bal-carousel__controls--small .bal-carousel__controls__button{position:absolute;top:calc(50% - 1rem);z-index:7}.bal-carousel__controls--small .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--small .bal-carousel__controls__button--right{right:0}.bal-carousel__controls--small .bal-carousel__controls__button--hidden{display:none !important;visibility:hidden !important}';var C=z;var F=t("bal_carousel",function(){function t(t){var e=this;r(this,t);this.balChange=a(this,"balChange",7);this.previousTransformValue=0;this.carouselId="bal-carousel-".concat(L++);this.carouselContainerId="bal-carousel-".concat(L++,"-container");this.mutationObserverActive=true;this.onPreviousButtonClick=function(){return e.previous()};this.onNextButtonClick=function(){return e.next()};this.onControlChange=function(t){if(t!==e.value){var r=t>e.value;if(r){e.next(t-e.value)}else{e.previous(e.value-t)}}};this.isLastSlideVisible=true;this.isMobile=m.isMobile;this.language=_.language;this.value=0;this.steps=1;this.itemsPerView=1;this.controls="none";this.htmlRole="list";this.controlsOverflow=false;this.inverted=false;this.fullHeight=false;this.aspectRatio="16by9";this.interface="";this.controlsSticky=false;this.scrollY=true;this.border=false}t.prototype.blockVerticalScrolling=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){if(!this.scrollY&&((e=this.el)===null||e===void 0?void 0:e.contains(t.target))){d(t)}return[2]}))}))};t.prototype.mutationListener=function(){this.itemsChanged()};t.prototype.swipeListener=function(t){var e=t.left,r=t.right;if(e){this.next()}else if(r){this.previous()}};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.itemsChanged()};t.prototype.resizeListener=function(){this.itemsChanged()};t.prototype.listenToKeyDown=function(t){if(this.htmlRole!=="tablist"){if(t.code==="Tab"){if(t.shiftKey){this.focusPreviousItem(t)}else{this.focusNextItem(t)}}}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=t.language;return[2]}))}))};t.prototype.previous=function(t){if(t===void 0){t=this.steps}return __awaiter(this,void 0,void 0,(function(){var e,r,a;return __generator(this,(function(n){switch(n.label){case 0:e=this.value-t;if(e<0){e=0}return[4,this.buildSlide(e)];case 1:r=n.sent();if(!r)return[3,3];return[4,this.animate(r.transformActive,true)];case 2:a=n.sent();if(a||this.value!==e){this.value=e;this.balChange.emit(this.value)}n.label=3;case 3:return[2,r]}}))}))};t.prototype.next=function(t){if(t===void 0){t=this.steps}return __awaiter(this,void 0,void 0,(function(){var e,r,a,n,i;return __generator(this,(function(o){switch(o.label){case 0:e=this.getAllItemElements();r=e.length;a=this.value+t;if(a>=r){a=r-1}return[4,this.buildSlide(a)];case 1:n=o.sent();if(!n)return[3,3];return[4,this.animate(n.transformActive,true)];case 2:i=o.sent();if(i||this.value!==a){this.value=a;this.balChange.emit(this.value)}o.label=3;case 3:return[2,n]}}))}))};t.prototype.animate=function(t,e){if(t===void 0){t=0}if(e===void 0){e=true}return __awaiter(this,void 0,void 0,(function(){var r=this;return __generator(this,(function(a){return[2,new Promise((function(a){if(r.currentRaf!==undefined){cancelAnimationFrame(r.currentRaf)}r.currentRaf=l((function(){return __awaiter(r,void 0,void 0,(function(){var r,n,i,o,s,l,c,u,d,b,h;return __generator(this,(function(f){switch(f.label){case 0:if(!(this.containerEl&&this.innerEl))return[3,2];return[4,this.buildSlide()];case 1:r=f.sent();if(r){n=this.innerEl.clientWidth||0;i=r.transformNext||0;o=i<=n;s=i-n;l=s<=t;if(this.itemsPerView===3){s=i-n-1;l=s<=t}c=t===0||s<=2;if(c){this.value=0;this.balChange.emit(this.value)}u=this.controls==="small";d=this.controls==="large";b=o?0:l?s:t;if(!c&&!o&&(u||d&&!this.isMobile)){b=b-(l?0:d?56:48)}this.containerEl.style.transitionDuration=e?"0.6s":"0";this.containerEl.style.transform="translate3d(-".concat(b,"px, 0px, 0px)");h=b!==this.previousTransformValue;this.previousTransformValue=b;this.isLastSlideVisible=l;if(this.borderEl){this.borderEl.style.transitionDuration=e?"0.6s":"0";this.borderEl.style.transform="translate3d(".concat(b,"px, 0px, 0px)")}if(!h){return[2,a(false)]}return[2,a(true)]}f.label=2;case 2:return[2]}}))}))}))}))]}))}))};t.prototype.buildSlide=function(t){return __awaiter(this,void 0,void 0,(function(){var e,r,a,n;return __generator(this,(function(i){switch(i.label){case 0:e=this.getAllItemElements();r=t===undefined?e.length-1:t;if(!(e.length>r&&r>=0))return[3,2];return[4,this.getAllItemData()];case 1:a=i.sent();n=this.interface==="product"?16:0;return[2,{el:e[r],data:a[r],transformNext:e.filter((function(t,e){return e<r+1})).reduce((function(t,e){return t+h(e)+n}),0),transformActive:e.filter((function(t,e){return e<r})).reduce((function(t,e){return t+h(e)+n}),0),isFirst:r===0,isLast:r===e.length-1,total:e.length,index:r}];case 2:return[2,undefined]}}))}))};t.prototype.itemsChanged=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:return[4,this.buildSlide(this.value)];case 1:t=e.sent();if(t){this.animate(t.transformActive,false)}return[2]}}))}))};t.prototype.focusNextItem=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){switch(r.label){case 0:if(!!this.isLast)return[3,3];return[4,this.next(1)];case 1:e=r.sent();if(!(e&&e.el))return[3,3];d(t);return[4,e.el.setFocus()];case 2:r.sent();r.label=3;case 3:return[2]}}))}))};t.prototype.focusPreviousItem=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){switch(r.label){case 0:if(!!this.isFirst)return[3,3];return[4,this.previous(1)];case 1:e=r.sent();if(!(e&&e.el))return[3,3];d(t);return[4,e.el.setFocus()];case 2:r.sent();r.label=3;case 3:return[2]}}))}))};t.prototype.getAllItemData=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:t=this.getAllItemElements().map((function(t){return t.getData()}));return[4,Promise.all(t)];case 1:return[2,e.sent()]}}))}))};t.prototype.getAllItemElements=function(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))};t.prototype.getAllControlItems=function(){var t=this.getAllItemElements();return t.map((function(t,e){return{value:e,label:t.label}}))};t.prototype.hasShadow=function(){return this.itemsPerView==="auto"||this.itemsPerView>1||this.interface==="card"};t.prototype.hasShadowLeft=function(){return this.hasShadow()&&(this.value!==0||this.interface==="card")};t.prototype.hasShadowRight=function(){return this.hasShadow()&&(!this.isLastSlideVisible||this.interface==="card")};t.prototype.isFirst=function(){return this.value===0};t.prototype.isLast=function(){return this.isLastSlideVisible};t.prototype.render=function(){var t=this;var r=u.block("carousel");var a=r.element("inner");var i=a.element("container");var o=O[this.language].left;var s=O[this.language].right;var l=this.getAllControlItems();return e(n,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},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-".concat(this.controls)).class())},this.controls==="tabs"?e(k,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:function(e){return t.onControlChange(e.value)}}):"",e("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("items-per-view-".concat(this.itemsPerView)).class()),a.modifier("is-".concat(this.aspectRatio)).class()),a.modifier("inverted").class(this.inverted)),a.modifier("full-height").class(this.fullHeight)),a.modifier("shadow-left").class(this.hasShadowLeft())),a.modifier("shadow-right").class(this.hasShadowRight())),ref:function(e){return t.innerEl=e}},e("div",{role:this.htmlRole,"aria-live":this.htmlRole!==""?"polite":undefined,id:this.carouselContainerId,class:Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("border").class(this.border)),i.modifier("is-".concat(this.aspectRatio)).class()),ref:function(e){return t.containerEl=e}},e("slot",null),this.border?e("div",{id:"".concat(this.carouselId,"-border"),"aria-hidden":"true",class:Object.assign(Object.assign({},i.element("border").class()),i.element("border").modifier("inverted").class(this.inverted)),ref:function(e){return t.borderEl=e}}):"")),this.controls==="dots"?e(y,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:function(e){return t.onControlChange(e.value)}}):"",this.controls==="large"?e(x,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,areControlsHidden:!this.isMobile,leftControlTitle:o,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:function(){return t.onNextButtonClick()},onPreviousClick:function(){return t.onPreviousButtonClick()}}):"",this.controls==="small"?e(j,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,leftControlTitle:o,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:function(){return t.onNextButtonClick()},onPreviousClick:function(){return t.onPreviousButtonClick()}}):"")};Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());o([f({tags:["bal-carousel-item"],characterData:false}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],F.prototype,"mutationListener",null);o([p(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],F.prototype,"swipeListener",null);o([b(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],F.prototype,"breakpointListener",null);o([g(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],F.prototype,"resizeListener",null);o([v(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],F.prototype,"configChanged",null);var L=0;F.style=C;var P=t("bal_carousel_item",function(){function t(t){var e=this;r(this,t);this.balNavigate=a(this,"balNavigate",7);this.balFocus=a(this,"balFocus",7);this.balBlur=a(this,"balBlur",7);this.imageInheritAttributes={};this.onClick=function(t){if(e.href!==undefined){e.balNavigate.emit(t)}};this.onFocus=function(){e.balFocus.emit()};this.onBlur=function(){e.balBlur.emit()};this.src=undefined;this.label="";this.htmlRole="listitem";this.elementType="button";this.name="";this.value="";this.href=undefined;this.target="_self";this.rel=undefined;this.download=undefined;this.color=undefined}t.prototype.componentWillLoad=function(){this.imageInheritAttributes=w(this.el,["alt"])};t.prototype.getData=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,{clientWidth:this.el.clientWidth,label:this.label}]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,c()];case 1:t.sent();if(this.buttonEl){this.buttonEl.focus()}return[2]}}))}))};t.prototype.render=function(){var t=this;var r=u.block("carousel");var a=r.element("item");var i=!!this.color&&!!this.label;if(!i){return e(n,{role:this.htmlRole,class:Object.assign({},a.class())},this.src!==undefined?e("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",e("slot",null))}var o=a.element("button");var s=o.element("image");var l=o.element("label");var c=this,d=c.elementType,b=c.download,h=c.href,f=c.rel,p=c.target,g=c.name,m=c.value;var _=this.href===undefined?"button":"a";var v=_==="button"?{type:d,name:g,value:m}:{download:b,href:h,rel:f,target:p};return e(n,{role:this.htmlRole,class:Object.assign({},a.class())},e(_,Object.assign({},v,{class:Object.assign(Object.assign({},o.class()),o.modifier("color-".concat(this.color)).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:function(e){return t.buttonEl=e}}),this.src!==undefined?e("img",Object.assign({class:Object.assign({},s.class()),loading:"lazy",draggable:false,onDragStart:function(){return false},"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):"",this.label!==undefined?e("span",{class:Object.assign({},l.class())},this.label):"",e("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return t}())}}}));

package/dist/baloise-design-system/p-360068a4.system.js ADDED Viewed

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

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

@@ -0,0 +1 @@

+ import{h as t,r as e,c as r,H as a,g as o}from"./p-d7c752c6.js";import{_ as i,a as s}from"./p-43c9f5e9.js";import{l,b as n}from"./p-88f18fbc.js";import{B as c}from"./p-ae86d0a0.js";import{s as d}from"./p-ad9a7657.js";import{L as b}from"./p-bfcaf2bb.js";import{g as u}from"./p-0e361394.js";import{L as h}from"./p-3231863d.js";import{L as p}from"./p-e61fa225.js";import{L as m}from"./p-2692caf4.js";import{b as g}from"./p-03dd9d77.js";import{d as _}from"./p-a19d1e1d.js";import{L as f}from"./p-69e7c8d6.js";import{i as v}from"./p-dd5e13d1.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";import"./p-10351b73.js";import"./p-96216bd1.js";import"./p-f8552716.js";import"./p-b77e3348.js";const w=({value:e,items:r,containerId:a,onControlChange:o})=>{const i=c.block("carousel").element("controls");return t("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},t("bal-card",null,t("bal-card-content",null,r.map((r=>t("bal-button",{"aria-controls":a,key:r.value,expanded:!0,color:e===r.value?"primary":"light",onClick:()=>o(r)},r.label))))))},k=({value:e,items:r,containerId:a,onControlChange:o})=>{const i=c.block("carousel").element("controls");return t("div",{class:Object.assign(Object.assign({},i.class()),i.modifier("tabs").class())},t("bal-pagination",{"aria-controls":a,interface:"small",value:e+1,totalPages:r.length,onBalChange:t=>{let e=t.detail-1;e<0&&(e=0),e>=r.length&&(e=r.length-1),o(r[e])}}))},x=({isFirst:e,isLast:r,inverted:a,areControlsHidden:o,onNextClick:i,onPreviousClick:s,containerId:l,leftControlTitle:n,rightControlTitle:d})=>{const b=c.block("carousel").element("controls"),u=b.element("button");return t("div",{"data-mutation":"false",class:Object.assign(Object.assign({},b.class()),b.modifier("large").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("left").class()),u.modifier("hidden").class(e&&o)),"aria-controls":l,square:!0,icon:"nav-go-left",rounded:!0,inverted:a,onClick:()=>s(),disabled:e,"aria-hidden":e&&o?"true":null,"data-testid":"bal-carousel-control-left",title:n}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("right").class()),u.modifier("hidden").class(r&&o)),"aria-controls":l,square:!0,icon:"nav-go-right",rounded:!0,inverted:a,onClick:()=>i(),disabled:r,"aria-hidden":r&&o?"true":null,"data-testid":"bal-carousel-control-right",title:d}))},y=({isFirst:e,isLast:r,inverted:a,leftControlTitle:o,rightControlTitle:i,containerId:s,onNextClick:l,onPreviousClick:n})=>{const d=c.block("carousel").element("controls"),b=d.element("button");return t("div",{class:Object.assign(Object.assign({},d.class()),d.modifier("small").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("left").class()),b.modifier("hidden").class(e)),"aria-controls":s,square:!0,size:"small",icon:"nav-go-left",rounded:!0,inverted:a,onClick:()=>n(),disabled:e,"aria-hidden":e?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-left",title:o}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("right").class()),b.modifier("hidden").class(r)),"aria-controls":s,square:!0,size:"small",icon:"nav-go-right",rounded:!0,inverted:a,onClick:()=>l(),disabled:r,"aria-hidden":r?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-right",title:i}))},j={de:{left:"vorherige",right:"nächste"},en:{left:"previous",right:"next"},fr:{left:"précédent",right:"suivant"},it:{left:"precedente",right:"successivo"},nl:{left:"vorige",right:"volgende"},es:{left:"anterior",right:"siguiente"},pl:{left:"poprzedni",right:"następny"},pt:{left:"anterior",right:"próximo"},sv:{left:"föregående",right:"nästa"},fi:{left:"edellinen",right:"seuraava"}},O=class{constructor(t){e(this,t),this.balChange=r(this,"balChange",7),this.previousTransformValue=0,this.carouselId="bal-carousel-"+C++,this.carouselContainerId=`bal-carousel-${C++}-container`,this.mutationObserverActive=!0,this.onPreviousButtonClick=()=>this.previous(),this.onNextButtonClick=()=>this.next(),this.onControlChange=t=>{t!==this.value&&(t>this.value?this.next(t-this.value):this.previous(this.value-t))},this.isLastSlideVisible=!0,this.isMobile=g.isMobile,this.language=_.language,this.value=0,this.steps=1,this.itemsPerView=1,this.controls="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}async blockVerticalScrolling(t){var e;!this.scrollY&&(null===(e=this.el)||void 0===e?void 0:e.contains(t.target))&&d(t)}mutationListener(){this.itemsChanged()}swipeListener({left:t,right:e}){t?this.next():e&&this.previous()}breakpointListener(t){this.isMobile=t.mobile,this.itemsChanged()}resizeListener(){this.itemsChanged()}listenToKeyDown(t){"tablist"!==this.htmlRole&&"Tab"===t.code&&(t.shiftKey?this.focusPreviousItem(t):this.focusNextItem(t))}async configChanged(t){this.language=t.language}async previous(t=this.steps){let e=this.value-t;e<0&&(e=0);const r=await this.buildSlide(e);return r&&(await this.animate(r.transformActive,!0)||this.value!==e)&&(this.value=e,this.balChange.emit(this.value)),r}async next(t=this.steps){const e=this.getAllItemElements().length;let r=this.value+t;r>=e&&(r=e-1);const a=await this.buildSlide(r);return a&&(await this.animate(a.transformActive,!0)||this.value!==r)&&(this.value=r,this.balChange.emit(this.value)),a}async animate(t=0,e=!0){return new Promise((r=>{void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.currentRaf=l((async()=>{if(this.containerEl&&this.innerEl){const a=await this.buildSlide();if(a){const o=this.innerEl.clientWidth||0,i=a.transformNext||0,s=i<=o;let l=i-o,n=l<=t;3===this.itemsPerView&&(l=i-o-1,n=l<=t);const c=0===t||l<=2;c&&(this.value=0,this.balChange.emit(this.value));const d="large"===this.controls;let b=s?0:n?l:t;c||s||!("small"===this.controls||d&&!this.isMobile)||(b-=n?0:d?56:48),this.containerEl.style.transitionDuration=e?"0.6s":"0",this.containerEl.style.transform=`translate3d(-${b}px, 0px, 0px)`;const u=b!==this.previousTransformValue;return this.previousTransformValue=b,this.isLastSlideVisible=n,this.borderEl&&(this.borderEl.style.transitionDuration=e?"0.6s":"0",this.borderEl.style.transform=`translate3d(${b}px, 0px, 0px)`),r(!!u)}}}))}))}async buildSlide(t){const e=this.getAllItemElements(),r=void 0===t?e.length-1:t;if(e.length>r&&r>=0){const t=await this.getAllItemData(),a="product"===this.interface?16:0;return{el:e[r],data:t[r],transformNext:e.filter(((t,e)=>e<r+1)).reduce(((t,e)=>t+u(e)+a),0),transformActive:e.filter(((t,e)=>e<r)).reduce(((t,e)=>t+u(e)+a),0),isFirst:0===r,isLast:r===e.length-1,total:e.length,index:r}}}async itemsChanged(){const t=await this.buildSlide(this.value);t&&this.animate(t.transformActive,!1)}async focusNextItem(t){if(!this.isLast){const e=await this.next(1);e&&e.el&&(d(t),await e.el.setFocus())}}async focusPreviousItem(t){if(!this.isFirst){const e=await this.previous(1);e&&e.el&&(d(t),await e.el.setFocus())}}async getAllItemData(){const t=this.getAllItemElements().map((t=>t.getData()));return await Promise.all(t)}getAllItemElements(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))}getAllControlItems(){return this.getAllItemElements().map(((t,e)=>({value:e,label:t.label})))}hasShadow(){return"auto"===this.itemsPerView||this.itemsPerView>1||"card"===this.interface}hasShadowLeft(){return this.hasShadow()&&(0!==this.value||"card"===this.interface)}hasShadowRight(){return this.hasShadow()&&(!this.isLastSlideVisible||"card"===this.interface)}isFirst(){return 0===this.value}isLast(){return this.isLastSlideVisible}render(){const e=c.block("carousel"),r=e.element("inner"),o=r.element("container"),i=j[this.language].left,s=j[this.language].right,l=this.getAllControlItems();return t(a,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(this.interface).class(""!==this.interface)),e.modifier("full-height").class(this.fullHeight)),e.modifier("controls-sticky").class(this.controlsSticky)),e.modifier(`controls-${this.controls}`).class())},"tabs"===this.controls?t(w,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:t=>this.onControlChange(t.value)}):"",t("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`items-per-view-${this.itemsPerView}`).class()),r.modifier(`is-${this.aspectRatio}`).class()),r.modifier("inverted").class(this.inverted)),r.modifier("full-height").class(this.fullHeight)),r.modifier("shadow-left").class(this.hasShadowLeft())),r.modifier("shadow-right").class(this.hasShadowRight())),ref:t=>this.innerEl=t},t("div",{role:this.htmlRole,"aria-live":""!==this.htmlRole?"polite":void 0,id:this.carouselContainerId,class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("border").class(this.border)),o.modifier(`is-${this.aspectRatio}`).class()),ref:t=>this.containerEl=t},t("slot",null),this.border?t("div",{id:`${this.carouselId}-border`,"aria-hidden":"true",class:Object.assign(Object.assign({},o.element("border").class()),o.element("border").modifier("inverted").class(this.inverted)),ref:t=>this.borderEl=t}):"")),"dots"===this.controls?t(k,{value:this.value,items:l,containerId:this.carouselContainerId,onControlChange:t=>this.onControlChange(t.value)}):"","large"===this.controls?t(x,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,areControlsHidden:!this.isMobile,leftControlTitle:i,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()}):"","small"===this.controls?t(y,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,leftControlTitle:i,rightControlTitle:s,containerId:this.carouselContainerId,onNextClick:()=>this.onNextButtonClick(),onPreviousClick:()=>this.onPreviousButtonClick()}):"")}get el(){return o(this)}};i([h({tags:["bal-carousel-item"],characterData:!1}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],O.prototype,"mutationListener",null),i([p(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],O.prototype,"swipeListener",null),i([b(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],O.prototype,"breakpointListener",null),i([m(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],O.prototype,"resizeListener",null),i([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],O.prototype,"configChanged",null);let C=0;O.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-carousel{display:block;position:relative}.bal-carousel__inner{display:block;position:relative;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y}.bal-carousel--full-height{height:100%}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container{position:relative;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-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{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}.bal-carousel__inner--shadow-left::before,.bal-carousel__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-carousel__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-carousel__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-carousel__inner--shadow-left.bal-carousel__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-carousel__inner--shadow-right.bal-carousel__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__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-carousel__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-carousel__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-carousel__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-carousel__inner--items-per-view-4 .bal-carousel__item{width:25%}.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:calc(100% - 2rem);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:calc(100% - 5rem);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}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;width:10rem;height:11rem;text-align:center;padding-top:.5rem;padding-bottom:.5rem;-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}@media screen and (max-width: 768px){.bal-carousel__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-carousel__controls--large .bal-carousel__controls__button{position:absolute;top:calc(50% - 24px);z-index:7}.bal-carousel__controls--large .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--large .bal-carousel__controls__button--right{right:0}}.bal-carousel__controls__button--hidden{display:none !important;visibility:none !important}.bal-carousel__controls--small .bal-carousel__controls__button{position:absolute;top:calc(50% - 1rem);z-index:7}.bal-carousel__controls--small .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--small .bal-carousel__controls__button--right{right:0}.bal-carousel__controls--small .bal-carousel__controls__button--hidden{display:none !important;visibility:hidden !important}';const z=class{constructor(t){e(this,t),this.balNavigate=r(this,"balNavigate",7),this.balFocus=r(this,"balFocus",7),this.balBlur=r(this,"balBlur",7),this.imageInheritAttributes={},this.onClick=t=>{void 0!==this.href&&this.balNavigate.emit(t)},this.onFocus=()=>{this.balFocus.emit()},this.onBlur=()=>{this.balBlur.emit()},this.src=void 0,this.label="",this.htmlRole="listitem",this.elementType="button",this.name="",this.value="",this.href=void 0,this.target="_self",this.rel=void 0,this.download=void 0,this.color=void 0}componentWillLoad(){this.imageInheritAttributes=v(this.el,["alt"])}async getData(){return{clientWidth:this.el.clientWidth,label:this.label}}async setFocus(){await n(),this.buttonEl&&this.buttonEl.focus()}render(){const e=c.block("carousel").element("item");if(!this.color||!this.label)return t(a,{role:this.htmlRole,class:Object.assign({},e.class())},void 0!==this.src?t("img",Object.assign({draggable:!1,onDragStart:()=>!1,src:this.src},this.imageInheritAttributes)):"",t("slot",null));const r=e.element("button"),o=r.element("image"),i=r.element("label"),{elementType:s,download:l,href:n,rel:d,target:b,name:u,value:h}=this,p=void 0===this.href?"button":"a",m="button"===p?{type:s,name:u,value:h}:{download:l,href:n,rel:d,target:b};return t(a,{role:this.htmlRole,class:Object.assign({},e.class())},t(p,Object.assign({},m,{class:Object.assign(Object.assign({},r.class()),r.modifier(`color-${this.color}`).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:t=>this.buttonEl=t}),void 0!==this.src?t("img",Object.assign({class:Object.assign({},o.class()),loading:"lazy",draggable:!1,onDragStart:()=>!1,"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):"",void 0!==this.label?t("span",{class:Object.assign({},i.class())},this.label):"",t("slot",null)))}get el(){return o(this)}};export{O as bal_carousel,z as bal_carousel_item}