@baloise/ds-core 17.2.0 → 17.2.1

package/dist/types/components.d.ts

@@ -6,7 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { BalConfigState } from "./utils/config";
-import { AccordionState, BalAriaForm as BalAriaForm1, BalConfigState as BalConfigState1 } from "./interfaces";
+import { AccordionState } from "./interfaces";
 import { BalCarouselItemData, BalSlide } from "./components/bal-carousel/bal-carousel.type";
 import { BalCheckboxOption } from "./components/bal-checkbox/bal-checkbox.type";
 import { BalAriaForm } from "./utils/form";
@@ -19,7 +19,7 @@ import { SegmentValue } from "./components/bal-segment/bal-segment.types";
 import { BalStepOption } from "./components/bal-steps/bal-step.type";
 import { BalTabOption } from "./components/bal-tabs/bal-tab.type";
 export { BalConfigState } from "./utils/config";
-export { AccordionState, BalAriaForm as BalAriaForm1, BalConfigState as BalConfigState1 } from "./interfaces";
+export { AccordionState } from "./interfaces";
 export { BalCarouselItemData, BalSlide } from "./components/bal-carousel/bal-carousel.type";
 export { BalCheckboxOption } from "./components/bal-checkbox/bal-checkbox.type";
 export { BalAriaForm } from "./utils/form";
@@ -369,7 +369,7 @@ export namespace Components {
           * If `true` a light border is shown at the bottom.
          */
         "border": boolean;
-        "configChanged": (state: BalConfigState1) => Promise<void>;
+        "configChanged": (state: BalConfigState) => Promise<void>;
         /**
           * Defines the layout of the navigation controls.
          */
@@ -642,7 +642,7 @@ export namespace Components {
         "verticalOnMobile": boolean;
     }
     interface BalClose {
-        "configChanged": (state: BalConfigState1) => Promise<void>;
+        "configChanged": (state: BalConfigState) => Promise<void>;
         /**
           * If `true` it supports dark backgrounds.
          */
@@ -798,7 +798,7 @@ export namespace Components {
           * Selects an option
          */
         "select": (dateString: string) => Promise<void>;
-        "setAriaForm": (ariaForm: BalAriaForm1) => Promise<void>;
+        "setAriaForm": (ariaForm: BalAriaForm) => Promise<void>;
         /**
           * Sets blur on the native `input` in `bal-input`. Use this method instead of the global `input.blur()`.
          */
@@ -1486,7 +1486,7 @@ export namespace Components {
           * If `true` the input gets a clickable cursor style
          */
         "clickable": boolean;
-        "configChanged": (config: BalConfigState1) => Promise<void>;
+        "configChanged": (config: BalConfigState) => Promise<void>;
         /**
           * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
          */
@@ -2270,7 +2270,7 @@ export namespace Components {
           * Align the buttons to start, center or end
          */
         "align": BalProps.BalPaginationAlignment;
-        "configChanged": (state: BalConfigState1) => Promise<void>;
+        "configChanged": (state: BalConfigState) => Promise<void>;
         /**
           * Disables component
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/ds-core",
-  "version": "17.2.0",
+  "version": "17.2.1",
   "description": "The Baloise Design-System is an open source project for styling awesome web applications that follow the Baloise corporate styling guidelines.",
   "repository": {
     "type": "git",
@@ -28,8 +28,8 @@
     "test:ui": "vitest --ui"
   },
   "dependencies": {
-    "@baloise/ds-styles": "17.2.0",
-    "@baloise/ds-icons": "17.2.0",
+    "@baloise/ds-styles": "17.2.1",
+    "@baloise/ds-icons": "17.2.1",
     "@baloise/web-app-utils": "3.15.0",
     "@floating-ui/dom": "~1.6.3",
     "@popperjs/core": "~2.11.4",
@@ -54,10 +54,10 @@
     "@baloise/output-target-react": "0.0.0",
     "@baloise/output-target-vue": "0.0.0",
     "@baloise/output-target-web": "0.0.0",
-    "@baloise/ds-css": "17.2.0",
-    "@baloise/ds-maps": "17.2.0",
-    "@baloise/ds-brand-icons": "17.2.0",
-    "@baloise/ds-favicons": "17.2.0"
+    "@baloise/ds-css": "17.2.1",
+    "@baloise/ds-maps": "17.2.1",
+    "@baloise/ds-brand-icons": "17.2.1",
+    "@baloise/ds-favicons": "17.2.1"
   },
   "sideEffects": false
 }

package/dist/baloise-design-system/p-12a557557c.entry.js

@@ -1 +0,0 @@
-import{r as t,c as a,h as i,H as e,g as s}from"./p-2539ba43.js";import{a as n}from"./p-dd5e13d1.js";import{_ as b,a as o}from"./p-43c9f5e9.js";import{a as l}from"./p-00b37ea2.js";import{n as r,f as _,t as d,j as h,o as c,p as v,l as m,q as p,i as u,b as f}from"./p-33101c54.js";import{B as g}from"./p-ae86d0a0.js";import{L as x}from"./p-b77e3348.js";import{n as w}from"./p-f3f5ce4f.js";import{s as y}from"./p-63b52c0f.js";import{b as j}from"./p-a65354df.js";import{a as O}from"./p-0e361394.js";import{L as k}from"./p-af4c6af2.js";import{b as L}from"./p-55d6475b.js";import{L as $}from"./p-950bd476.js";import{L as A}from"./p-512a273a.js";import{L as z}from"./p-95a4f1be.js";import{L as T}from"./p-69e7c8d6.js";import"./p-9a3d9e17.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-18a74018.js";const C=class{constructor(i){t(this,i),this.balNavigate=a(this,"balNavigate",7),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+E++,this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0,this.noPanel=!1,this.aria=void 0,this.subLabel="",this.svg=""}componentWillLoad(){this.inheritAttributes=n(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria,subLabel:this.subLabel,svg:this.svg}}render(){const t=!this.noPanel,a=!this.isActive||this.noPanel;return i(e,{key:"73cd7faf737780486e58b71b4c51508e0311e277",id:this.tabPanelID,class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive},role:t?"tabpanel":void 0,"aria-label":t?this.label:void 0,"aria-hidden":a?"true":"false",tabindex:a?"-1":void 0,hidden:!!a||void 0},i("slot",{key:"d533d087306ee17ba5b78c9b756db6cf923ef1a5"}))}get el(){return s(this)}};let E=0;const F=({items:t,value:a,onSelectTab:e})=>{const s=g.block("tabs").element("select");return i("bal-select",{class:Object.assign({},s.class()),value:a,onBalChange:a=>(a=>{const i=t.filter((t=>t.value===a.detail));if(i.length>0){const t=i[0];""!==t.href&&void 0!==t.href&&j.hasWindow&&window.open(t.href,t.target),e(a,t)}})(a)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>i("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label))))},I=({item:t,inverted:a,accordion:e,isAccordionOpen:s,isMobile:n,hasBubble:b})=>{const o=g.block("tabs").element("nav").element("item").element("icon");let l=t.disabled?"grey":"primary";return a&&(l=t.disabled?"primary-light":"white"),i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(t.active)),o.modifier("disabled").class(t.disabled)),o.modifier("display-svg").class(void 0!==t.svg))},i("bal-icon",t.svg?{svg:t.svg,size:"large",color:"auto"}:{size:n||e?"small":"",name:e?"nav-go-down":t.icon,color:l,turn:e&&!0===s&&t.active}),b?i("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},t.bubble):"")},S=({item:t,inverted:a,hasBubble:e,isVertical:s,context:n})=>{const b=g.block("tabs").element("nav").element("item").element("label");return i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("inverted").class(a)),b.modifier("active").class(t.active)),b.modifier("disabled").class(t.disabled)),b.modifier("vertical").class(s)),b.modifier(`context-${n}`).class(void 0!==n)),b.modifier("with-svg").class(t.svg&&t.svg.length>0)),"data-testid":"bal-tabs-item-label"},t.label,t.subLabel&&i("span",{class:b.element("sub-label").class()},t.subLabel),e?i("bal-badge",{class:Object.assign({},b.element("bubble").class()),size:"small"},t.bubble):"")},B=t=>"string"==typeof t?t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase():"",D=({item:t,tabsId:a,isFirst:e,isLast:s,isMobile:n,isVertical:b,accordion:o,isAccordionOpen:l,isLinkList:r,inverted:_,expanded:d,spaceless:h,clickable:c,iconPosition:v,context:m,onSelectTab:p,hasSubLabelInGroup:u,dimInactiveElements:f})=>{var x;const w=g.block("tabs").element("nav").element("item");if(t.invisible)return;const y=!1!==t.bubble,j=void 0!==t.icon,O=j&&y&&"horizontal"!==v&&!o||n&&j&&y&&!b&&!o,k=o&&y||o&&n&&j&&y&&!b,L=!j&&y&&!o||y&&!n&&"horizontal"===v&&!o||y&&b&&!o,$=void 0===t.href||""===t.href,A=$?"button":"a",z=$?{type:"button",role:"tab","aria-controls":(null===(x=t.aria)||void 0===x?void 0:x.controls)||t.tabPanelID||void 0,"aria-expanded":t.active?"true":"false","aria-disabled":`${t.disabled}`,"aria-label":t.label}:{href:t.href,target:t.target};return r||(z.tabindex=t.active?"0":"-1"),i(A,Object.assign({id:`${a}-button-${B(t.value)}`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},w.class()),w.modifier("active").class(t.active)),w.modifier("disabled").class(t.disabled)),w.modifier("clickable").class(c)),w.modifier("accordion").class(o)),w.modifier("inverted").class(_)),w.modifier("expanded").class(d)),w.modifier("spaceless").class(h)),w.modifier("first").class(e)),w.modifier("last").class(s)),w.modifier("passed").class(t.passed)),w.modifier("vertical").class(b)),w.modifier(`context-${m}`).class(void 0!==m)),w.modifier(`icon-position-${v}`).class("horizontal"!==v)),w.modifier("display-svg").class(t.svg&&t.svg.length>0)),w.modifier("group-has-sub-label").class(u)),w.modifier("dim-inactive-elements").class(f)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":a,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":$?t.active?"true":"false":void 0},z,{onClick:a=>p(a,t)}),t.icon||t.svg?i(I,{accordion:!1,item:t,isMobile:n,hasBubble:O,inverted:_}):"",i(S,{item:t,isMobile:n,isVertical:b,hasBubble:L,inverted:_,context:m}),o&&!t.href?i(I,{accordion:o,isAccordionOpen:l,item:t,isMobile:n,hasBubble:k,inverted:_}):"")},P=({items:t,tabsId:a,hasCarousel:e,isVertical:s,inNavbar:n,isMobile:b,isTouch:o,lineActive:l,isLinkList:r,border:_,accordion:d,isAccordionOpen:h,inverted:c,clickable:v,animated:m,spaceless:p,expanded:u,verticalColSize:f,iconPosition:x,context:w,onSelectTab:j,dimInactiveElements:O})=>{const k=g.block("tabs").element("nav"),L=t.filter((t=>!t.invisible)),$=n&&!o,A=t.some((t=>t.subLabel&&t.subLabel.length>0)),z=({item:t,index:e})=>i(D,{item:t,isLinkList:r,tabsId:a,isFirst:0===e,isLast:e===L.length-1,isMobile:b,isVertical:s,iconPosition:x,spaceless:p,inverted:c,accordion:d,isAccordionOpen:h,context:w,expanded:u,clickable:v&&!t.disabled,onSelectTab:j,hasSubLabelInGroup:A,dimInactiveElements:O});return i("div",{id:`${a}-nav`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},k.class()),k.modifier("full-height").class($)),k.modifier("border").class(_)),k.modifier("animated").class(m)),k.modifier("vertical").class(s)),k.modifier("expanded").class(u&&!s)),k.modifier(`vertical-col-${f}`).class(s))},e?i("bal-carousel",{id:`${a}-carousel`,class:Object.assign({},k.element("carousel").class()),htmlRole:"tablist",fullHeight:$,border:_,inverted:c,controls:"small","items-per-view":"auto",steps:3,onBalChange:y},L.map(((t,a)=>i("bal-carousel-item",{htmlRole:"",class:Object.assign(Object.assign({},k.element("carousel").element("item").class()),k.element("carousel").element("item").modifier("expanded").class(u))},i(z,{item:t,index:a})))),i("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},k.element("line").class()),k.element("line").modifier("active").class(l)),k.element("line").modifier("inverted").class(c)),k.element("line").modifier("animated").class(m)),k.element("line").modifier("vertical").class(s))})):L.map(((t,a)=>i(z,{item:t,index:a}))),e?"":i("div",{id:`${a}-border`,class:Object.assign(Object.assign(Object.assign({},k.element("border").class()),k.element("border").modifier("inverted").class(c)),k.element("border").modifier("vertical").class(s))}),e?"":i("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},k.element("line").class()),k.element("line").modifier("active").class(l)),k.element("line").modifier("inverted").class(c)),k.element("line").modifier("animated").class(m)),k.element("line").modifier("vertical").class(s))}))},V=class{constructor(i){t(this,i),this.balChange=a(this,"balChange",7),this.balWillAnimate=a(this,"balWillAnimate",7),this.balDidAnimate=a(this,"balDidAnimate",7),this.tabsId="bal-tabs-"+M++,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(w)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{l(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isTabActive(t))))},this.getLineSize=(t,a)=>{if(t){if(this.isVertical())return t.clientHeight;{const i=t.clientWidth;return this.expanded?i:i-(a.left+a.right)}}return 0},this.getOffset=(t,a)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const i=t.closest("bal-carousel-item");if(i)return this.expanded?i.offsetLeft:i.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),r((async()=>{await _(this.el,!0),this.currentRaf=r((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=O(t),i=this.getLineSize(t,a),e=this.getOffset(t,a),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const a=d(s,300);if(t)s.style.setProperty("transform",`translateY(${e}px)`),s.style.setProperty("min-height",`${i}px`),s.style.setProperty("height",`${i}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${e}px)`),s.style.setProperty("min-width",`${i}px`),s.style.setProperty("width",`${i}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();t&&n&&t.style.setProperty("width",`${n.clientWidth}px`),await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=(t=!1)=>{this.isAccordionOpen=!0;const{contentEl:a,contentElWrapper:i}=this;t||void 0===a||void 0===i?this.accordionState=4:4!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?r((()=>{this.accordionState=8,this.currentRaf=r((async()=>{const t=i.offsetHeight,e=d(a,300);a.style.setProperty("max-height",`${t}px`),this.balWillAnimate.emit(this.value),await e,this.accordionState=4,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.collapseAccordion=(t=!1)=>{this.isAccordionOpen=!1;const{contentEl:a}=this;t||void 0===a?this.accordionState=1:1!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=r((async()=>{a.style.setProperty("max-height",`${a.offsetHeight}px`),r((async()=>{const t=d(a,300);this.accordionState=2,this.balWillAnimate.emit(this.value),await t,this.accordionState=1,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=h((()=>this.onOptionChangeInternal()),100),this.onOptionChangeInternal=async()=>{if(this.isLargestContentfulPaintDone)try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,a)=>{(a.prevent||a.disabled||!this.clickable)&&y(t),!a.disabled&&this.clickable&&(this.accordion&&(a.value===this.value?this.toggleAccordionState():this.expandAccordion()),a.navigate&&a.navigate.emit(t),a.value!==this.value&&(this.balChange.emit(a.value),await this.select(a),await this.focus(a)))},this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.isLargestContentfulPaintDone=!1,this.isMobile=L.isMobile,this.isTablet=L.isTablet,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.context=void 0,this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0,this.dimInactiveElements=!1}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}debounceChanged(){this.balChange=c(this.balChange,this.debounce)}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.inNavbar=v("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(v("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidLoad(){m((()=>{this.onOptionChange(),this.isLargestContentfulPaintDone=!0}))}mutationListener(){this.onOptionChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.animateLine()}resizeListener(){this.animateLine()}listenToWillAnimate(t){p(t,this.el,(()=>this.animateLine()))}listenToDidAnimate(t){p(t,this.el,(()=>this.animateLine())),this.isUsedInNavbar(t)}listenToKeyDown(t){this.isTabList&&(!1!==this.vertical?"ArrowDown"===t.code?this.tabListSelectNext(t):"ArrowUp"===t.code&&this.tabListSelectPrevious(t):"ArrowRight"===t.code?this.tabListSelectNext(t):"ArrowLeft"===t.code&&this.tabListSelectPrevious(t))}isUsedInNavbar(t){const a=t.target.closest("bal-navbar"),i=t.target;a&&u(a,this.el)&&(this.isNavbarOpen=i)}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((a=>a.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}get isTabList(){return 0===this.store.filter((t=>!!t.href)).length}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}isTabActive(t){return t.value===this.value}isTabVisible(t){return!t.hidden}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((a=>a.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.tabsId}-carousel`)}findNextTab(t=!1){const a=this.store.findIndex((t=>this.isTabActive(t)));let i=this.store.map(((t,a)=>({index:a,visible:!t.hidden&&!t.disabled})));t&&(i=i.reverse());const e=i.filter((t=>t.visible)).map((t=>t.index)),s=t?(t,i)=>t<a||i>=t?t:i:(t,i)=>t>a||i<=t?t:i,n=e.reduce(((t,a)=>s(t,a)),a);return this.store[n]}findPreviousTab(){return this.findNextTab(!0)}tabListSelectNext(t){const a=this.findNextTab();a&&this.onSelectTab(t,a)}tabListSelectPrevious(t){const a=this.findPreviousTab();a&&this.onSelectTab(t,a)}async focus(t){if(await f(),null!==this.el.querySelector("button.bal-focused")){const a=this.el.querySelector(`#${this.tabsId}-button-${B(t.value)}`);a&&a.focus({preventScroll:!0})}}render(){const t=g.block("tabs"),a=this.isMobile,s=a||this.isTablet,n=this.inNavbar&&!s&&!this.inNavbarLight||!this.inNavbar&&this.inverted,b=this.isVertical(),o=this.isLargestContentfulPaintDone&&!b&&this.overflow&&!this.expanded,l=this.isLargestContentfulPaintDone&&a&&this.selectOnMobile,r=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),_=4===this.accordionState||8===this.accordionState?"content expanded":"content",d=void 0!==this.value&&!!this.store.find((t=>t.value===this.value)),h=!this.isTabList;return i(e,{key:"6d5c18adc358a123e9630ac61854716b3a524af8",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(b)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":this.store.filter((t=>this.isTabActive(t))).map((t=>t.value)).join(","),"data-label":this.store.filter((t=>this.isTabActive(t))).map((t=>t.label)).join(",")},l?i(F,{value:this.value,items:r,onSelectTab:this.onSelectTab}):i(P,{items:r,isLinkList:h,tabsId:this.tabsId,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:d,inverted:n,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:a,isTouch:s,isVertical:b,inNavbar:this.inNavbar,hasCarousel:o,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),i("div",{key:"109d4147369f72da04c9f6b48a8959159ccf1d8c",part:_,ref:t=>this.contentEl=t,class:Object.assign({},t.element("tabs").element("content").class())},i("div",{key:"89333c42c5f26f47e99bab3bdba2051e7cfcac14",id:this.tabsId,class:Object.assign({},t.element("tabs").element("content").element("wrapper").class()),ref:t=>this.contentElWrapper=t},i("slot",{key:"834c6b06a516dbcedfa4f65d902899202fee9809"}))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};b([x("bal-tabs"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],V.prototype,"createLogger",null),b([$({tags:["bal-tabs","bal-tab-item"]}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],V.prototype,"mutationListener",null),b([A(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],V.prototype,"breakpointListener",null),b([z(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],V.prototype,"resizeListener",null),b([k("balWillAnimate",{target:"window"}),o("design:type",Function),o("design:paramtypes",[UIEvent]),o("design:returntype",void 0)],V.prototype,"listenToWillAnimate",null),b([k("balDidAnimate",{target:"window"}),o("design:type",Function),o("design:paramtypes",[UIEvent]),o("design:returntype",void 0)],V.prototype,"listenToDidAnimate",null),b([k("keydown"),o("design:type",Function),o("design:paramtypes",[KeyboardEvent]),o("design:returntype",void 0)],V.prototype,"listenToKeyDown",null),b([T(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],V.prototype,"configChanged",null);let M=0;V.style="@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav{display:block;position:relative;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-quarter{-ms-flex:none;flex:none;width:25%}.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav--vertical{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bal-tabs__nav--full-height{height:100%}.bal-tabs__nav--expanded{display:-ms-flexbox;display:flex}.bal-tabs__nav__carousel__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0}.bal-tabs__nav__border--vertical{width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-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-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}@media screen and (max-width: 768px){.bal-tabs__nav__item--group-has-sub-label{height:5rem}}.bal-tabs__nav__item--dim-inactive-elements:not(.bal-tabs__nav__item--active){opacity:.6}.bal-tabs__nav__item--display-svg{-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 768px){.bal-tabs__nav__item--display-svg:not(.bal-tabs__nav__item--display-svg.bal-tabs__nav__item--active){-ms-flex:0 0 auto;flex:0 0 auto;min-width:3rem;width:6rem;padding:.25rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--with-svg{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-tabs__nav__item__label--with-svg:not(.bal-tabs__nav__item__label--active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-tabs{display:block;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{display:block}@media screen and (min-width: 769px),print{.bal-tabs--vertical{display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs__tabs__content{width:100%}.bal-tabs--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-tabs--animated .bal-tabs__tabs__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--accordion .bal-tabs__tabs__content{overflow:hidden;will-change:max-height}.bal-tabs--accordion.bal-tabs--collapsing .bal-tabs__tabs__content{max-height:0 !important}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__tabs__content{display:none}.bal-tabs--accordion.bal-tabs--expanding .bal-tabs__tabs__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-tabs--accordion .bal-tabs,.bal-tabs--accordion .bal-tabs__tabs__content{-webkit-transition:none !important;transition:none !important}}";export{C as bal_tab_item,V as bal_tabs}

package/dist/baloise-design-system/p-55d6475b.js

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

package/dist/baloise-design-system/p-738ca720.system.js

@@ -1 +0,0 @@
-var __extends=this&&this.__extends||function(){var t=function(n,e){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)if(Object.prototype.hasOwnProperty.call(n,e))t[e]=n[e]};return t(n,e)};return function(n,e){if(typeof e!=="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");t(n,e);function i(){this.constructor=n}n.prototype=e===null?Object.create(e):(i.prototype=e.prototype,new i)}}();var __awaiter=this&&this.__awaiter||function(t,n,e,i){function r(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,u){function f(t){try{s(i.next(t))}catch(t){u(t)}}function o(t){try{s(i["throw"](t))}catch(t){u(t)}}function s(t){t.done?e(t.value):r(t.value).then(f,o)}s((i=i.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},i,r,u,f;return f={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(f[Symbol.iterator]=function(){return this}),f;function o(t){return function(n){return s([t,n])}}function s(o){if(i)throw new TypeError("Generator is already executing.");while(f&&(f=0,o[0]&&(e=0)),e)try{if(i=1,r&&(u=o[0]&2?r["return"]:o[0]?r["throw"]||((u=r["return"])&&u.call(r),0):r.next)&&!(u=u.call(r,o[1])).done)return u;if(r=0,u)o=[o[0]&2,u.value];switch(o[0]){case 0:case 1:u=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;r=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(u=e.trys,u=u.length>0&&u[u.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!u||o[1]>u[0]&&o[1]<u[3])){e.label=o[1];break}if(o[0]===6&&e.label<u[1]){e.label=u[1];u=o;break}if(u&&e.label<u[2]){e.label=u[2];e.ops.push(o);break}if(u[2])e.ops.pop();e.trys.pop();continue}o=n.call(t,e)}catch(t){o=[6,t];r=0}finally{i=u=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-4d807f18.system.js","./p-eecefb0a.system.js"],(function(t){"use strict";var n,e,i,r,u,f;return{setters:[function(t){n=t.f;e=t.b;i=t.j;r=t.l},function(t){u=t.L;f=t.a}],execute:function(){t("L",c);var o=function(t){__extends(i,t);function i(n){var e=t.call(this)||this;e.tags=[];e.waitAfterFramePrint=false;e.mutationObserver=undefined;e.mutationObserverInit={childList:true,subtree:true,attributes:true,characterData:true};e.mutationCallback=function(t){var n=t.some((function(t){return e.tags.includes(t.target.nodeName)}));if(n){return e.notify(undefined)}var i=t.some((function(t){return Array.from(t.removedNodes).some((function(t){return e.tags.includes(t.nodeName)}))}));if(i){return e.notify(undefined)}if(e.tags.length===0&&t.length>0){var r=t.some((function(t){return t.type==="characterData"}));if(r){return e.notify(undefined)}}if(e.tags.length===0&&t.length>0){return e.notify(undefined)}};e.waitAfterFramePrint=n.waitAfterFramePrint||e.waitAfterFramePrint;e.tags=(n.tags||[]).map((function(t){return t.toUpperCase()}));e.mutationObserverInit={childList:n.childList===false?false:true,subtree:n.subtree===false?false:true,attributes:n.attributes===false?false:true,characterData:n.characterData===false?false:true};return e}i.prototype.connect=function(i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:t.prototype.connect.call(this,i);if(typeof MutationObserver==="undefined"){return[2]}if(!this.waitAfterFramePrint)return[3,3];return[4,n(i)];case 1:r.sent();return[4,e()];case 2:r.sent();r.label=3;case 3:this.destroyMutationObserver();this.mutationObserver=new MutationObserver(this.mutationCallback);this.mutationObserver.observe(i,this.mutationObserverInit);return[2]}}))}))};i.prototype.disconnect=function(){t.prototype.disconnect.call(this);this.destroyMutationObserver()};i.prototype.destroyMutationObserver=function(){if(this.mutationObserver!==undefined){this.mutationObserver.disconnect();this.mutationObserver=undefined}};return i}(u);var s=function(t){__extends(n,t);function n(n){var e=t.call(this,(function(t){if(t.mutationObserverActive){t.mutationListener()}}))||this;e.options=n;e.debouncedNotify=i((function(){return e.notify()}),50);e.listener=new o(n);return e}n.prototype.attach=function(n){var e=this;t.prototype.attach.call(this,n);r((function(){var t,i,r;if(e.options.closest){var u=n.el.closest(e.options.closest);if(u){(t=e.listener)===null||t===void 0?void 0:t.connect(u)}}else{(i=e.listener)===null||i===void 0?void 0:i.connect(n.el)}(r=e.listener)===null||r===void 0?void 0:r.add((function(){return e.debouncedNotify()}))}))};n.prototype.detach=function(){var n;t.prototype.detach.call(this);(n=this.listener)===null||n===void 0?void 0:n.disconnect()};return n}(f);function c(t){return function(n,e,i){var r=n.connectedCallback,u=n.disconnectedCallback;n.connectedCallback=function(){if(!this._balMutationSubject){this._balMutationSubject=new s(t);this._balMutationSubject.attach(this)}return r&&r.call(this)};n.disconnectedCallback=function(){if(this._balMutationSubject){this._balMutationSubject.detach();this._balMutationSubject=undefined}return u&&u.call(this)}}}}}}));

package/dist/baloise-design-system/p-950bd476.js

@@ -1 +0,0 @@
-import{f as t,b as s,j as i,l as h}from"./p-33101c54.js";import{L as e,a}from"./p-acf222fd.js";class r extends e{constructor(t){super(),this.tags=[],this.waitAfterFramePrint=!1,this.mutationObserver=void 0,this.mutationObserverInit={childList:!0,subtree:!0,attributes:!0,characterData:!0},this.mutationCallback=t=>t.some((t=>this.tags.includes(t.target.nodeName)))||t.some((t=>Array.from(t.removedNodes).some((t=>this.tags.includes(t.nodeName)))))||0===this.tags.length&&t.length>0&&t.some((t=>"characterData"===t.type))||0===this.tags.length&&t.length>0?this.notify(void 0):void 0,this.waitAfterFramePrint=t.waitAfterFramePrint||this.waitAfterFramePrint,this.tags=(t.tags||[]).map((t=>t.toUpperCase())),this.mutationObserverInit={childList:!1!==t.childList,subtree:!1!==t.subtree,attributes:!1!==t.attributes,characterData:!1!==t.characterData}}async connect(i){super.connect(i),"undefined"!=typeof MutationObserver&&(this.waitAfterFramePrint&&(await t(i),await s()),this.destroyMutationObserver(),this.mutationObserver=new MutationObserver(this.mutationCallback),this.mutationObserver.observe(i,this.mutationObserverInit))}disconnect(){super.disconnect(),this.destroyMutationObserver()}destroyMutationObserver(){void 0!==this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=void 0)}}class n extends a{constructor(t){super((t=>{t.mutationObserverActive&&t.mutationListener()})),this.options=t,this.debouncedNotify=i((()=>this.notify()),50),this.listener=new r(t)}attach(t){super.attach(t),h((()=>{var s,i,h;if(this.options.closest){const i=t.el.closest(this.options.closest);i&&(null===(s=this.listener)||void 0===s||s.connect(i))}else null===(i=this.listener)||void 0===i||i.connect(t.el);null===(h=this.listener)||void 0===h||h.add((()=>this.debouncedNotify()))}))}detach(){var t;super.detach(),null===(t=this.listener)||void 0===t||t.disconnect()}}function c(t){return function(s){const{connectedCallback:i,disconnectedCallback:h}=s;s.connectedCallback=function(){return this._balMutationSubject||(this._balMutationSubject=new n(t),this._balMutationSubject.attach(this)),i&&i.call(this)},s.disconnectedCallback=function(){return this._balMutationSubject&&(this._balMutationSubject.detach(),this._balMutationSubject=void 0),h&&h.call(this)}}}export{c as L}

package/dist/esm-es5/breakpoints.decorator-7623ded8.js

@@ -1 +0,0 @@
-import{a as balBreakpointSubject}from"./breakpoints.subject-ac2d9287.js";function ListenToBreakpoints(){return function(t,n,i){var e=t.connectedCallback,r=t.disconnectedCallback;t.connectedCallback=function(){balBreakpointSubject.attach(this);return e&&e.call(this)};t.disconnectedCallback=function(){balBreakpointSubject.detach(this);return r&&r.call(this)}}}export{ListenToBreakpoints as L};

package/dist/esm-es5/mutation.decorator-985cc0a1.js

@@ -1 +0,0 @@
-import{__awaiter,__extends,__generator}from"tslib";import{f as deepReady,b as waitAfterFramePaint,j as debounce,l as rLCP}from"./helpers-72ae7307.js";import{L as ListenerAbstract,a as SingleSubject}from"./listener-04842ae9.js";var BalMutationListener=function(t){__extends(e,t);function e(e){var n=t.call(this)||this;n.tags=[];n.waitAfterFramePrint=false;n.mutationObserver=undefined;n.mutationObserverInit={childList:true,subtree:true,attributes:true,characterData:true};n.mutationCallback=function(t){var e=t.some((function(t){return n.tags.includes(t.target.nodeName)}));if(e){return n.notify(undefined)}var i=t.some((function(t){return Array.from(t.removedNodes).some((function(t){return n.tags.includes(t.nodeName)}))}));if(i){return n.notify(undefined)}if(n.tags.length===0&&t.length>0){var r=t.some((function(t){return t.type==="characterData"}));if(r){return n.notify(undefined)}}if(n.tags.length===0&&t.length>0){return n.notify(undefined)}};n.waitAfterFramePrint=e.waitAfterFramePrint||n.waitAfterFramePrint;n.tags=(e.tags||[]).map((function(t){return t.toUpperCase()}));n.mutationObserverInit={childList:e.childList===false?false:true,subtree:e.subtree===false?false:true,attributes:e.attributes===false?false:true,characterData:e.characterData===false?false:true};return n}e.prototype.connect=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:t.prototype.connect.call(this,e);if(typeof MutationObserver==="undefined"){return[2]}if(!this.waitAfterFramePrint)return[3,3];return[4,deepReady(e)];case 1:n.sent();return[4,waitAfterFramePaint()];case 2:n.sent();n.label=3;case 3:this.destroyMutationObserver();this.mutationObserver=new MutationObserver(this.mutationCallback);this.mutationObserver.observe(e,this.mutationObserverInit);return[2]}}))}))};e.prototype.disconnect=function(){t.prototype.disconnect.call(this);this.destroyMutationObserver()};e.prototype.destroyMutationObserver=function(){if(this.mutationObserver!==undefined){this.mutationObserver.disconnect();this.mutationObserver=undefined}};return e}(ListenerAbstract);var BalMutationSubject=function(t){__extends(e,t);function e(e){var n=t.call(this,(function(t){if(t.mutationObserverActive){t.mutationListener()}}))||this;n.options=e;n.debouncedNotify=debounce((function(){return n.notify()}),50);n.listener=new BalMutationListener(e);return n}e.prototype.attach=function(e){var n=this;t.prototype.attach.call(this,e);rLCP((function(){var t,i,r;if(n.options.closest){var u=e.el.closest(n.options.closest);if(u){(t=n.listener)===null||t===void 0?void 0:t.connect(u)}}else{(i=n.listener)===null||i===void 0?void 0:i.connect(e.el)}(r=n.listener)===null||r===void 0?void 0:r.add((function(){return n.debouncedNotify()}))}))};e.prototype.detach=function(){var e;t.prototype.detach.call(this);(e=this.listener)===null||e===void 0?void 0:e.disconnect()};return e}(SingleSubject);function ListenToMutation(t){return function(e,n,i){var r=e.connectedCallback,u=e.disconnectedCallback;e.connectedCallback=function(){if(!this._balMutationSubject){this._balMutationSubject=new BalMutationSubject(t);this._balMutationSubject.attach(this)}return r&&r.call(this)};e.disconnectedCallback=function(){if(this._balMutationSubject){this._balMutationSubject.detach();this._balMutationSubject=undefined}return u&&u.call(this)}}}export{ListenToMutation as L};