@baloise/ds-core 17.0.0 → 17.1.0

package/dist/types/components.d.ts

@@ -11,6 +11,7 @@ import { BalCarouselItemData, BalSlide } from "./components/bal-carousel/bal-car
 import { BalCheckboxOption } from "./components/bal-checkbox/bal-checkbox.type";
 import { BalAriaForm } from "./utils/form";
 import { BalOption } from "./utils/dropdown";
+import { FooterLink } from "@baloise/web-app-utils";
 import { OverlayEventDetail } from "./components/bal-modal/bal-modal.type";
 import { PopoverPresentOptions } from "./components/bal-popover/bal-popover";
 import { BalRadioOption } from "./components/bal-radio/bal-radio.type";
@@ -23,6 +24,7 @@ export { BalCarouselItemData, BalSlide } from "./components/bal-carousel/bal-car
 export { BalCheckboxOption } from "./components/bal-checkbox/bal-checkbox.type";
 export { BalAriaForm } from "./utils/form";
 export { BalOption } from "./utils/dropdown";
+export { FooterLink } from "@baloise/web-app-utils";
 export { OverlayEventDetail } from "./components/bal-modal/bal-modal.type";
 export { PopoverPresentOptions } from "./components/bal-popover/bal-popover";
 export { BalRadioOption } from "./components/bal-radio/bal-radio.type";
@@ -106,6 +108,10 @@ export namespace Components {
           * The color to use from your application's color palette.
          */
         "color": BalProps.BalButtonColor;
+        /**
+          * If `true` the button is aligned over the whole width
+         */
+        "expanded": boolean;
         /**
           * BalIcon of the open trigger button
          */
@@ -715,6 +721,10 @@ export namespace Components {
           * If `true`, in Angular reactive forms the control will not be set invalid
          */
         "autoInvalidOff": boolean;
+        /**
+          * Indicates whether the value of the control can be automatically completed by the browser.
+         */
+        "autocomplete": BalProps.BalInputAutocomplete;
         /**
           * Closes the accordion
          */
@@ -914,6 +924,10 @@ export namespace Components {
           * If `true` there will be on trigger icon visible
          */
         "icon": string;
+        /**
+          * Defines a inline label to be shown before the value
+         */
+        "inlineLabel": string;
         /**
           * If `true`, the component will be shown as invalid
          */
@@ -960,6 +974,14 @@ export namespace Components {
           * Sets the focus on the input element
          */
         "setFocus": () => Promise<void>;
+        /**
+          * Defines the size of the control.
+         */
+        "size": BalProps.BalDropdownSize;
+        /**
+          * Defines the color style of the control
+         */
+        "theme": BalProps.BalDropdownTheme;
         /**
           * The value of the selected options.
          */
@@ -1177,6 +1199,10 @@ export namespace Components {
           * If `true` the legal Baloise links will be hidden.
          */
         "hideLinks": boolean;
+        /**
+          * If provided, the footer links will be overridden.
+         */
+        "overrideLinks": FooterLink[] | undefined;
         /**
           * If `true` the social media links will be shown.
          */
@@ -3105,6 +3131,14 @@ export namespace Components {
           * Sets the tab active.
          */
         "setActive": (active: boolean) => Promise<void>;
+        /**
+          * Sub label for the tab.
+         */
+        "subLabel": string;
+        /**
+          * source for the svg icon
+         */
+        "svg": string;
         /**
           * Specifies where to display the linked URL. Only applies when an `href` is provided.
          */
@@ -3143,6 +3177,10 @@ export namespace Components {
           * Set the amount of time, in milliseconds, to wait to trigger the `balChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
          */
         "debounce": number;
+        /**
+          * if true, inactive elements will have their opacity reduced
+         */
+        "dimInactiveElements": boolean;
         /**
           * If `true` the field expands over the whole width.
          */
@@ -3292,6 +3330,10 @@ export namespace Components {
           * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.
          */
         "autocapitalize": string;
+        /**
+          * Indicates whether the value of the control can be automatically completed by the browser.
+         */
+        "autocomplete": BalProps.BalInputAutocomplete;
         /**
           * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
          */
@@ -5088,6 +5130,10 @@ declare namespace LocalJSX {
           * The color to use from your application's color palette.
          */
         "color"?: BalProps.BalButtonColor;
+        /**
+          * If `true` the button is aligned over the whole width
+         */
+        "expanded"?: boolean;
         /**
           * BalIcon of the open trigger button
          */
@@ -5728,6 +5774,10 @@ declare namespace LocalJSX {
           * If `true`, in Angular reactive forms the control will not be set invalid
          */
         "autoInvalidOff"?: boolean;
+        /**
+          * Indicates whether the value of the control can be automatically completed by the browser.
+         */
+        "autocomplete"?: BalProps.BalInputAutocomplete;
         /**
           * Closes the datepicker popover after selection
          */
@@ -5923,6 +5973,10 @@ declare namespace LocalJSX {
           * If `true` there will be on trigger icon visible
          */
         "icon"?: string;
+        /**
+          * Defines a inline label to be shown before the value
+         */
+        "inlineLabel"?: string;
         /**
           * If `true`, the component will be shown as invalid
          */
@@ -5967,6 +6021,14 @@ declare namespace LocalJSX {
           * If `true`, the user must fill in a value before submitting a form.
          */
         "required"?: boolean;
+        /**
+          * Defines the size of the control.
+         */
+        "size"?: BalProps.BalDropdownSize;
+        /**
+          * Defines the color style of the control
+         */
+        "theme"?: BalProps.BalDropdownTheme;
         /**
           * The value of the selected options.
          */
@@ -6197,6 +6259,10 @@ declare namespace LocalJSX {
           * If `true` the legal Baloise links will be hidden.
          */
         "hideLinks"?: boolean;
+        /**
+          * If provided, the footer links will be overridden.
+         */
+        "overrideLinks"?: FooterLink[] | undefined;
         /**
           * If `true` the social media links will be shown.
          */
@@ -8071,6 +8137,14 @@ declare namespace LocalJSX {
           * Tell's if the linking is done by a router.
          */
         "prevent"?: boolean;
+        /**
+          * Sub label for the tab.
+         */
+        "subLabel"?: string;
+        /**
+          * source for the svg icon
+         */
+        "svg"?: string;
         /**
           * Specifies where to display the linked URL. Only applies when an `href` is provided.
          */
@@ -8107,6 +8181,10 @@ declare namespace LocalJSX {
           * Set the amount of time, in milliseconds, to wait to trigger the `balChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
          */
         "debounce"?: number;
+        /**
+          * if true, inactive elements will have their opacity reduced
+         */
+        "dimInactiveElements"?: boolean;
         /**
           * If `true` the field expands over the whole width.
          */
@@ -8260,6 +8338,10 @@ declare namespace LocalJSX {
           * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.
          */
         "autocapitalize"?: string;
+        /**
+          * Indicates whether the value of the control can be automatically completed by the browser.
+         */
+        "autocomplete"?: BalProps.BalInputAutocomplete;
         /**
           * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
          */

package/dist/types/utils/dropdown/component.d.ts

@@ -19,6 +19,7 @@ export type DropdownComponent = DropdownFocus & {
     hasFocus: boolean;
     isExpanded: boolean;
     isAutoFilled: boolean;
+    isKeyboardMode: boolean;
     inputLabel: string;
     nativeOptions: string[];
     choices: BalOption[];

package/dist/types/utils/dropdown/events.d.ts

@@ -6,6 +6,8 @@ export type DropdownEvents = {
 export declare class DropdownEventsUtil {
     private component;
     connectedCallback(component: DropdownComponent): void;
+    handlePointerDown: () => void;
+    handleKeydown: (ev: any) => void;
     handleFocus(ev: FocusEvent): void;
     handleBlur(ev: FocusEvent): void;
     handleClick(ev: MouseEvent): void;

package/dist/types/utils/dropdown/icon.d.ts

@@ -1,6 +1,8 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 import { BalLanguage } from '../config';
 export interface DropdownIconProps {
+    size: BalProps.BalDropdownSize;
+    theme: BalProps.BalDropdownTheme;
     language: BalLanguage;
     loading: boolean;
     clearable: boolean;

package/dist/types/utils/dropdown/value.d.ts

@@ -16,6 +16,7 @@ export declare class DropdownValueUtil {
     updateInputContent(): Promise<void>;
 }
 export interface DropdownValueProps {
+    inlineLabel: string;
     filled: boolean;
     chips: boolean;
     invalid: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/ds-core",
-  "version": "17.0.0",
+  "version": "17.1.0",
   "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.0.0",
-    "@baloise/ds-icons": "17.0.0",
+    "@baloise/ds-styles": "17.1.0",
+    "@baloise/ds-icons": "17.1.0",
     "@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.0.0",
-    "@baloise/ds-maps": "17.0.0",
-    "@baloise/ds-brand-icons": "17.0.0",
-    "@baloise/ds-favicons": "17.0.0"
+    "@baloise/ds-css": "17.1.0",
+    "@baloise/ds-maps": "17.1.0",
+    "@baloise/ds-brand-icons": "17.1.0",
+    "@baloise/ds-favicons": "17.1.0"
   },
   "sideEffects": false
 }

package/dist/baloise-design-system/p-5353ba1263.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,H as r}from"./p-2539ba43.js";import{_ as o,a as n}from"./p-43c9f5e9.js";import"./p-166d571e.js";import"./p-3f01fc8b.js";import{c as t}from"./p-4573c419.js";import{B as l}from"./p-ae86d0a0.js";import{L as i}from"./p-b77e3348.js";import{m as _}from"./p-33101c54.js";import{s as c}from"./p-63b52c0f.js";import{e as s}from"./p-aafb6696.js";import{d}from"./p-a19d1e1d.js";import{L as p}from"./p-69e7c8d6.js";import"./p-a65354df.js";import"./p-2229e98e.js";var b,f,g,w,u,h,m,v,x,k,y,j={exports:{}};b=j,u=(w=(g=(f=j.exports)&&!f.nodeType&&f)&&b&&!b.nodeType&&b)&&w.exports===g&&("object"==typeof t&&t&&t.Object===Object&&t).process,m=(h=function(){try{return u&&u.binding("util")}catch(e){}}())&&h.isDate,v=Object.prototype.toString,k=m?(x=m,function(e){return x(e)}):function(e){return function(e){return!!e&&"object"==typeof e}(e)&&"[object Date]"==v.call(e)},b.exports=k,function(e){e[e.INIT=0]="INIT",e[e.RUNNING=1]="RUNNING",e[e.SUCCESS=2]="SUCCESS",e[e.ERROR=3]="ERROR"}(y||(y={}));class O{constructor(e){this.key=e}}new O("de"),new O("fr"),new O("it"),new O("en"),new O("nl"),new O("lb");const C=(e,a="CH",r=H.FOOTER,o="v2")=>{let n=e.key;return r===H.ONETRUST?n="all":"DE"===a&&(n="de"),`${(()=>{const e=L();return e&&e.indexOf("www.baloise.ch")>=0?`https://${e}`:"https://www.baloise.ch"})()}/app-integration/${o}/${a.toLowerCase()}/${r}/${n}.json`},L=()=>{var e;return(null===(e=null===window||void 0===window?void 0:window.location)||void 0===e?void 0:e.host)||void 0};var H;!function(e){e.FOOTER="footer",e.SOCIAL_MEDIA="socialmediachannels",e.ONETRUST="onetrust"}(H||(H={}));const $=class{constructor(a){e(this,a),this.links=[],this.socialMediaLinks=[],this.language=d.language,this.region=d.region,this.allowedLanguages=d.allowedLanguages,this.hideLinks=!1,this.showSocialMedia=!1,this.hideLanguageSelection=!1}createLogger(e){this.log=e}connectedCallback(){this.updateFooterLinks(),this.updateSocialMediaLinks()}async configChanged(e){this.language===e.language&&this.region===e.region||(this.language=e.language,this.region=e.region,this.allowedLanguages=e.allowedLanguages,this.updateFooterLinks(),this.updateSocialMediaLinks())}changeLanguage(e){s(e)}updateFooterLinks(){if(!this.hideLinks&&("CH"===this.region||"DE"===this.region)){const e=this.region;_((()=>{((e,a="CH")=>{const r=C(e,a,H.FOOTER);return fetch(r).then((e=>e.json())).then((e=>e))})(new O(this.language),e).then((e=>this.links=e))}))}}updateSocialMediaLinks(){if(this.showSocialMedia&&("CH"===this.region||"DE"===this.region)){const e=this.region;_((()=>{((e,a="CH")=>{const r=C(e,a,H.SOCIAL_MEDIA,"v1");return fetch(r).then((e=>e.json())).then((e=>e))})(new O(this.language),e).then((e=>this.socialMediaLinks=e))}))}}render(){const e=l.block("footer"),o=e.element("slot"),n=e.element("inner"),t=n.element("wrapper"),i=t.element("container"),_=t.element("links-container"),s=t.element("header-container"),d=s.element("logo"),p=s.element("language"),b=p.element("wrapper");p.element("icon");const f=_.element("legal-links"),g=_.element("social-media-links");return a(r,{key:"92247adf5c1f59dd1dd83184368dcf6bd34d7a67",class:Object.assign({},e.class())},a("footer",{key:"41a39bb0693ff7d61d6cf331dbd91d1923feed24",class:Object.assign({},n.class())},a("div",{key:"d68120abd008a0a2746c00a055037bc4e2b21865",class:Object.assign({},t.class())},a("div",{key:"b61b0e9cc643139dfeb7f935b8a29beb50e9dda6",class:Object.assign(Object.assign({container:!0},i.class()),s.class())},a("div",{key:"41a5007f0e8a4069d540c34cf3603b732ab1f2e4",class:Object.assign({},d.class())},a("bal-logo",{key:"97df5a202cd54287a97343b304e895b096c6c454",color:"white"})),a("div",{key:"e93ac339f277de74477fc598eb6a1628dd9d70d4",class:Object.assign({},p.class()),style:{display:this.hideLanguageSelection||this.allowedLanguages.length<=1?"none":"flex"}},a("div",{key:"c9dede4f4cd0d9e62a533632422e07e912df22e1",class:Object.assign({},b.class())},a("bal-input-group",{key:"7666a59e6f1a78b5c6c77c2e4f97cfc698ad59cc"},a("bal-icon",{key:"fd170603ffd0c8ba4debdf9cad85bfce0741a444",class:"bal-dropdown__rear",name:"web",color:"white",onClick:e=>{var a;c(e),null===(a=this.selectEl)||void 0===a||a.open()}}),a("bal-dropdown",{key:"4fcc14f8473e4a35b1fd0f5df6ce550b611c5d84",ref:e=>this.selectEl=e,value:this.language,onBalChange:e=>this.changeLanguage(e.detail),"data-testid":"bal-footer-language"},this.allowedLanguages.map((e=>a("bal-option",{key:e,label:e.toLocaleUpperCase(),value:e},e.toLocaleUpperCase())))))))),a("div",{key:"16878b31dfaec22a49c3dbd7369a6527f0890e42",class:Object.assign({},o.class())},a("slot",{key:"e4855a9897a36f4bdb6759e29337e234658eb3dc"})),a("div",{key:"4ce76b3d2c4b1bb672a0c059f773d30beffdbd4b",class:Object.assign(Object.assign({container:!0},i.class()),_.class())},a("div",{key:"4a1f975285422c0fce884e087416053830b73d57",class:Object.assign({},g.class()),style:{display:this.showSocialMedia?"flex":"none"}},this.socialMediaLinks.map((e=>a("a",{key:e.link,href:e.link,target:"_blank",class:{link:!0,"is-inverted":!0}},a("bal-icon",{name:e.label.toLowerCase()}))))),a("div",{key:"3cd4ce1eb946f2de35ebd6683f127c17f669e92c",class:Object.assign({},f.class()),style:{display:this.hideLinks?"none":"flex"}},this.links.map((e=>a("a",{key:e.link,href:e.link,target:"_blank",class:{link:!0,"is-light":!0}},e.label))))))))}};o([i("bal-footer"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],$.prototype,"createLogger",null),o([p(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],$.prototype,"configChanged",null),$.style=":root{--bal-footer-font-family:var(--bal-font-family-text);--bal-footer-background:var(--bal-color-primary);--bal-footer-color:var(--bal-color-text-white);--bal-footer-language-color-hover:var(--bal-color-light-blue-2);--bal-footer-language-background-hover:var(--bal-color-light-blue-2);--bal-footer-language-color-active:var(--bal-color-light-blue-3);--bal-footer-language-background-active:var(--bal-color-light-blue-3)}bal-footer{--bal-dropdown-control-background:transparent;--bal-dropdown-control-input-background:transparent;--bal-dropdown-control-border-color:transparent;--bal-dropdown-popover-empty-text-color:var(--bal-color-white);--bal-dropdown-control-text-color:var(--bal-color-white);--bal-dropdown-control-text-color-focused:var(---bal-color-white)}.bal-footer{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:static;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.bal-footer__slot{color:var(--bal-footer-color)}.bal-footer__inner{position:relative;font-family:var(--bal-footer-font-family);background-color:var(--bal-footer-background);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}@media screen and (min-width: 1024px){.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}.bal-footer__inner__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-large)}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}.bal-footer__inner__wrapper__header-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row;flex-direction:row}.bal-footer__inner__wrapper__header-container__language{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__language .bal-dropdown__list{min-width:105%;right:0 !important;left:auto !important}.bal-footer__inner__wrapper__header-container__language bal-icon,.bal-footer__inner__wrapper__header-container__language .input{cursor:pointer;min-width:auto !important}.bal-footer__inner__wrapper__header-container__language .bal-dropdown__rear svg,.bal-footer__inner__wrapper__header-container__language .bal-dropdown__rear g,.bal-footer__inner__wrapper__header-container__language .bal-dropdown__rear path,.bal-footer__inner__wrapper__header-container__language .bal-dropdown__rear circle{fill:var(--bal-color-white)}.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__rear svg,.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__rear g,.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__rear path,.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__rear circle{fill:var(--bal-footer-language-background-hover)}.bal-footer__inner__wrapper__header-container__language:hover .input,.bal-footer__inner__wrapper__header-container__language:hover .bal-dropdown__root__content{color:var(--bal-footer-language-color-hover)}.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__rear svg,.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__rear g,.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__rear path,.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__rear circle{fill:var(--bal-footer-language-background-active)}.bal-footer__inner__wrapper__header-container__language:active .input,.bal-footer__inner__wrapper__header-container__language:active .bal-dropdown__root__content{color:var(--bal-footer-language-color-active)}.bal-footer__inner__wrapper__header-container__language__wrapper .bal-input-group{background:rgba(0,0,0,0);border:none;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__language__wrapper .bal-input-group:hover{background:rgba(0,0,0,0) !important}.bal-footer__inner__wrapper__header-container__language__wrapper .bal-input-group bal-dropdown{min-width:5rem}.bal-footer__inner__wrapper__header-container__logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__links-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 769px),print{.bal-footer__inner__wrapper__links-container{-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 1024px){.bal-footer__inner__wrapper__links-container{-ms-flex-direction:row;flex-direction:row}}.bal-footer__inner__wrapper__links-container__legal-links{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop)}.bal-footer__inner__wrapper__links-container__legal-links a{font-size:var(--bal-text-size-small) !important}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__legal-links{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--bal-space-normal)}}.bal-footer__inner__wrapper__links-container__social-media-links{-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop);padding:var(--bal-space-normal) var(--bal-space-normal) var(--bal-space-normal) 0}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large);-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--bal-space-normal) 0 var(--bal-space-normal) 0}}";export{$ as bal_footer}

package/dist/baloise-design-system/p-69f82b9b22.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,H as s,g as a}from"./p-2539ba43.js";import{_ as n,a as h}from"./p-43c9f5e9.js";import{g as r,a as o,b as l,e as d,f as c,i as p,h as b,j as u,c as m,d as f}from"./p-63b52c0f.js";import{o as g}from"./p-33101c54.js";import{i as x}from"./p-dd5e13d1.js";import{B as y}from"./p-ae86d0a0.js";import{d as v}from"./p-f385e205.js";import{L as k}from"./p-af4c6af2.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const j=class{constructor(e){t(this,e),this.balChange=i(this,"balChange",7),this.balInput=i(this,"balInput",7),this.balBlur=i(this,"balBlur",7),this.balKeyPress=i(this,"balKeyPress",7),this.balFocus=i(this,"balFocus",7),this.inputId="bal-textarea-"+w++,this.inheritedAttributes={},this.inputValue=this.value,this.initialValue=this.value||"",this.onInput=t=>{const i=r(t);i&&(this.inputValue=i.value),this.balInput.emit(this.inputValue)},this.onFocus=t=>o(this,t),this.onBlur=t=>{l(this,t);const i=t.target;i&&(i.value=this.getValue()),d(this)},this.onClick=t=>c(this,t),this.handleClick=t=>p(this,t),this.focused=!1,this.ariaForm=v,this.name=this.inputId,this.invalid=!1,this.autocapitalize="none",this.autofocus=!1,this.debounce=0,this.placeholder=void 0,this.maxLength=void 0,this.minLength=void 0,this.disabled=!1,this.readonly=!1,this.cols=void 0,this.rows=void 0,this.wrap=void 0,this.required=!1,this.clickable=!1,this.inputmode=void 0,this.value="",this.autoInvalidOff=!1}debounceChanged(){this.balChange=g(this.balChange,this.debounce)}listenOnClick(t){b(this,t)}resetHandler(t){const i=t.target;(null==i?void 0:i.contains(this.el))&&u(this,this.initialValue,this.resetHandlerTimer)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||""}componentDidLoad(){this.inputValue=this.value}componentWillLoad(){this.inheritedAttributes=x(this.el,["aria-label","tabindex","title"])}async setFocus(){m(this)}async setBlur(){f(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}getValue(){return this.value||""}render(){const t=this.getValue(),i=y.block("textarea"),a=i.element("native");return e(s,{key:"ad09331d104fcf7279b9cc2c403fa4d032b47c32",onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign({},i.class())},e("textarea",Object.assign({key:"00278cc7b951ca19e01dd9157506185782eb8ee4",class:Object.assign(Object.assign({},a.class()),{textarea:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,clickable:this.clickable}),"data-testid":"bal-textarea-input",ref:t=>this.nativeInput=t,name:this.name,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,disabled:this.disabled,readonly:this.readonly,required:this.required,autoCapitalize:this.autocapitalize,autoFocus:this.autofocus,minLength:this.minLength,maxLength:this.maxLength,placeholder:this.placeholder,inputMode:this.inputmode,value:this.value,cols:this.cols,rows:this.rows,wrap:this.wrap,onFocus:this.onFocus,onInput:t=>this.onInput(t),onBlur:this.onBlur,onClick:this.onClick,onKeyPress:t=>this.balKeyPress.emit(t)},this.inheritedAttributes),t,e("slot",{key:"70ac340a5c61d29a355e115bdec0635eca4367dc"})))}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"]}}};n([k("click",{capture:!0,target:"document"}),h("design:type",Function),h("design:paramtypes",[UIEvent]),h("design:returntype",void 0)],j.prototype,"listenOnClick",null),n([k("reset",{capture:!0,target:"document"}),h("design:type",Function),h("design:paramtypes",[UIEvent]),h("design:returntype",void 0)],j.prototype,"resetHandler",null);let w=0;j.style=".bal-textarea{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;width:100%;font-family:var(--bal-font-family-text);white-space:pre-wrap;-webkit-box-sizing:border-box;box-sizing:border-box}.bal-textarea__native{margin:0;display:block;width:100%;max-width:100%;max-height:100%;outline:none;background:rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:calc(.75em - 2px)}.bal-textarea__native::-webkit-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::-moz-placeholder{padding:0;font-family:inherit}.bal-textarea__native:-ms-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::-ms-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::placeholder{padding:0;font-family:inherit}";export{j as bal_textarea}

package/dist/baloise-design-system/p-6cadcbe4bb.entry.js

@@ -1 +0,0 @@
-import{h as o,r as t,c as e,H as i,g as a}from"./p-2539ba43.js";import{_ as r,a as l}from"./p-43c9f5e9.js";import{B as s}from"./p-ae86d0a0.js";import{L as n}from"./p-b77e3348.js";import{s as d}from"./p-63b52c0f.js";import{i as c}from"./p-dd5e13d1.js";import{d as h}from"./p-f385e205.js";import{m as p,b,k as u,r as m,d as f}from"./p-33101c54.js";import{b as w}from"./p-a65354df.js";import{a as v}from"./p-00b37ea2.js";import{l as g}from"./p-9a3d9e17.js";import{b as y}from"./p-0c51c999.js";import{D as _}from"./p-9b4da619.js";import{i as x,a as k,b as j,c as O,d as C}from"./p-50927d70.js";import{a as F}from"./p-d9b38501.js";import{d as L}from"./p-a19d1e1d.js";import{L as z}from"./p-69e7c8d6.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-166d571e.js";import"./p-4573c419.js";class A{constructor(){this.handleAutoFill=async o=>{if(d(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,t=await this.parseAutoFillValueWithOptions(o);if(void 0===t)return void(this.component.isAutoFilled=!1);v(t,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(t,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const t=await this.component.listEl.getOptions();for(let e=0;e<t.length;e++){const i=t[e];if(i.value===o||i.label===o)return[i.value]}}}const D={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};class E{connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(o){this.component.isExpanded||(this.component.hasFocus=!1,p((()=>this.component.balBlur.emit(o))))}handleClick(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips&&o.target.closest("bal-close"))return;if(this.component.clearable&&o.target.closest(".bal-dropdown__clear"))return void this.component.valueUtil.updateRawValueBySelection([]);this.component.popupUtil.toggleList()}}handleOutsideClick(o){var t;this.component.isExpanded&&(this.component.el.contains(o.target)||(this.component.isExpanded=!1,null===(t=this.component.listEl)||void 0===t||t.resetFocus(),this.component.hasFocus=!1,p((()=>this.component.balBlur.emit(o)))))}}class S{connectedCallback(o){this.component=o}focusOptionByLabel(o,t={}){this.component.labelToFocus=(this.component.labelToFocus+o).trim(),this.component.labelToFocus.length>0&&(clearTimeout(this.keyHitTimeout),this.keyHitTimeout=setTimeout((()=>{var o;null===(o=this.component.listEl)||void 0===o||o.focusByLabel(this.component.labelToFocus,t)}),100),clearTimeout(this.timeout),this.timeout=setTimeout((async()=>{this.component.labelToFocus=""}),1e3))}}class V{connectedCallback(o){this.component=o,this.component.initialValue=this.component.value}componentDidRender(){this.component.selectEl&&this.component.selectEl.querySelectorAll("option").forEach((o=>{this.component.rawValue.includes(o.value)&&(o.selected=!0)}))}handle(o){const t=o.target;(null==t?void 0:t.contains(this.component.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{const o=this.component.valueUtil.parseValueString(this.component.initialValue);this.component.valueUtil.updateRawValueBySelection(o)}),0))}}const B=({name:t,httpFormSubmit:e,multiple:i,required:a,disabled:r,rawValue:l,refSelectEl:n})=>{const d=s.block("dropdown");return e?o("select",{class:Object.assign({},d.element("root").element("select").class()),"aria-hidden":"true",name:t,multiple:i,required:a,disabled:r,tabindex:-1,ref:n},l.map((t=>o("option",{key:t,value:t,selected:!0},t)))):""},q=({icon:t,language:e,loading:i,clearable:a,invalid:r,filled:l,expanded:n,disabled:d})=>{const c=s.block("dropdown");return i?o("bal-spinner",{class:Object.assign({},c.element("rear").class()),small:!0,variation:"circle"}):a&&l&&!d?o("button",{title:D[e].clearable,type:"button",class:Object.assign(Object.assign(Object.assign({},c.element("rear").class()),c.element("clear").class()),c.element("clear").modifier("invalid").class(r))},o("bal-icon",{class:Object.assign({},c.element("rear").class()),name:"close-circle",size:"",color:"grey"})):o("bal-icon",{class:Object.assign({},c.element("rear").class()),name:t,turn:n,color:d?"grey":r?"danger":"primary"})},R=({inputId:t,isExpanded:e,rawOptions:i,isDisabled:a,hasPropOptions:r,required:l,filter:n,multiple:d,contentHeight:c,refPanelEl:h,refListEl:p})=>{const b=s.block("dropdown");return o("div",{id:`${t}-menu`,class:Object.assign(Object.assign({},b.element("list").class()),b.element("list").modifier("expanded").class(e)),ref:h},o("bal-option-list",{multiple:d,disabled:a,filter:n,required:l,contentHeight:c,ref:p},o("slot",null),r?i.map((t=>o("bal-option",{key:t.value,value:t.value,label:t.label,disabled:t.disabled,multiline:t.multiline,invalid:t.invalid,hidden:t.hidden,selected:t.selected,focused:t.focused},t.label))):""))};class T{constructor(){this.updatePanelPosition=(o,t,e)=>()=>{o.computePosition(t,e,{placement:"bottom-start",middleware:[o.flip(),o.shift()]}).then((({x:o,y:t})=>{Object.assign(e.style,{left:`${o}px`,top:`${t}px`})}))}}connectedCallback(o){this.component=o}toggleList(){this.component.valueUtil.isDisabled()||(this.component.isExpanded?this.collapseList():this.expandList())}async expandList(){var o;if(this.component.panelEl){const o=await y.load();this.component.panelCleanup=o.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(o,this.component.el,this.component.panelEl))}this.component.isExpanded=!0,await(null===(o=this.component.listEl)||void 0===o?void 0:o.focusSelected())}collapseList(){var o;this.component.isExpanded=!1,null===(o=this.component.listEl)||void 0===o||o.resetFocus(),this.component.panelCleanup&&this.component.panelCleanup()}}class P{connectedCallback(o){this.component=o}componentDidLoad(){setTimeout((()=>this.valueChanged(this.component.value,void 0)),0)}isDisabled(){return this.component.disabled||this.component.readonly}isFilled(){return this.component.rawValue&&this.component.rawValue.length>0}valueChanged(o,t){const e=typeof o;e!==typeof t&&this.updateRawValueByValueProp(o),"string"===e&&o!==t&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(t)&&!v(o,t)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],t=!1){this.component.isAutoFilled=t,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let t=[];return g(o)||""===o||(t=Array.isArray(o)?[...o.filter((o=>!g(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),t}updateRawValueByValueProp(o=[]){const t=this.parseValueString(o);this.updateRawValue(t)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const t=this.component.rawValue.filter((t=>t!==o.value));this.updateRawValueBySelection(t)}async updateInputContent(){await b(),this.component.listEl&&(this.component.choices=await this.component.listEl.getSelectedOptions(this.component.rawValue),this.component.inputLabel=this.component.choices.map((o=>o.label.trim())).sort().join(","))}}const I=({filled:t,chips:e,placeholder:i,choices:a,invalid:r,disabled:l,readonly:n,onRemoveChip:d})=>{const c=s.block("dropdown");return t?e?o("div",{class:Object.assign({},c.element("root").element("content").element("chips").class())},a.map((t=>o("bal-tag",{key:t.value,"data-test":"bal-dropdown-chip",size:"small",invalid:r,disabled:l||n,closable:!(l||n),onBalCloseClick:()=>d(t)},t.label)))):a.map((o=>o.label)).join(", "):i},$=({name:t,inputId:e,httpFormSubmit:i,ariaForm:a,rawValue:r,autocomplete:l,required:n,disabled:d,readonly:c,placeholder:h,expanded:p,invalid:b,language:u,inputLabel:m,inheritedAttributes:f,refInputEl:w,onChange:v,onFocus:g,onBlur:y,onKeyDown:_})=>{const x=s.block("dropdown"),k=()=>o("input",Object.assign({id:a.controlId||`${e}-ctrl`,class:Object.assign({},x.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",name:t,autoComplete:l,value:r.join(","),required:n,disabled:d,readonly:c,placeholder:h,title:p?D[u].close:D[u].open,"aria-label":p?D[u].close:D[u].open,"aria-owns":`${e}-menu`,"aria-invalid":F(b),"aria-disabled":F(d||c),"aria-labelledby":a.labelId,"aria-describedby":a.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":m,"data-value":r.join(","),ref:o=>w(o),onChange:o=>v(o),onFocus:o=>g(o),onBlur:o=>y(o),onKeyDown:o=>_(o)},f));return i?o(k,null):o("form",{novalidate:!0},o(k,null))},H=class{constructor(o){t(this,o),this.balChange=e(this,"balChange",7),this.balFocus=e(this,"balFocus",7),this.balBlur=e(this,"balBlur",7),this.inputId="bal-dropdown-"+W++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.valueUtil=new P,this.eventsUtil=new E,this.popupUtil=new T,this.optionUtil=new _,this.formSubmitUtil=new V,this.focusUtil=new S,this.autoFillUtil=new A,this.hasConnected=!1,this.listenToOptionChange=o=>{this.optionUtil.listenToOptionChange(o)},this.listenOnClickOutside=o=>{this.eventsUtil.handleOutsideClick(o)},this.resetHandler=o=>{this.formSubmitUtil.handle(o)},this.handleAutoFill=async o=>{this.log("(handleAutoFill)",o,this.nativeEl.value),this.autoFillUtil.handleAutoFill(o)},this.handleKeyDown=o=>{var t,e,i,a,r;o&&o.key?this.isExpanded?x(o)?(d(o),null===(t=this.listEl)||void 0===t||t.focusNext()):k(o)?(d(o),null===(e=this.listEl)||void 0===e||e.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(d(o),null===(i=this.listEl)||void 0===i||i.focusFirst()):"End"===o.key||"PageDown"===o.key?(d(o),null===(a=this.listEl)||void 0===a||a.focusLast()):j(o)?(d(o),null===(r=this.listEl)||void 0===r||r.selectByFocus()):"Tab"===o.key||O(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):j(o)||C(o)?(d(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()},this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.inputLabel="",this.ariaForm=h,this.language=L.language,this.region=L.region,this.httpFormSubmit=L.httpFormSubmit,this.labelToFocus="",this.autocomplete="off",this.name=this.inputId,this.placeholder="",this.icon="caret-down",this.disabled=!1,this.readonly=!1,this.multiple=!1,this.chips=!1,this.clearable=!1,this.invalid=!1,this.required=!1,this.loading=!1,this.filter="includes",this.contentHeight=262,this.inverted=!1,this.options=[],this.value=[]}createLogger(o){this.log=o}async optionChanged(){this.optionUtil.optionChanged()}valueChanged(o,t){this.valueUtil.valueChanged(o,t)}connectedCallback(){this.hasConnected||(this.eventsUtil.connectedCallback(this),this.valueUtil.connectedCallback(this),this.popupUtil.connectedCallback(this),this.optionUtil.connectedCallback(this),this.formSubmitUtil.connectedCallback(this),this.focusUtil.connectedCallback(this),this.autoFillUtil.connectedCallback(this)),u(this.el,"balOptionChange",this.listenToOptionChange),w.hasDocument&&(u(document,"click",this.listenOnClickOutside),u(document,"reset",this.resetHandler,{capture:!0})),this.hasConnected=!0}disconnectedCallback(){m(this.el,"balOptionChange",this.listenToOptionChange),w.hasDocument&&(m(document,"click",this.listenOnClickOutside),m(document,"reset",this.resetHandler,{capture:!0}))}async componentWillRender(){this.inheritedAttributes=c(this.el,["tabindex"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await f(),this.nativeEl.focus())}async getValue(){return this.rawValue}async clear(){this.valueUtil.updateRawValueBySelection([])}async open(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.expandList()}async close(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.collapseList()}async select(o){const t=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(t)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const t=s.block("dropdown");return o(i,{key:"fea0abd6ec54fd7724201d2f772a93949932bd44",class:Object.assign({},t.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{key:"259704fb0bec9453131bad395e084fba43aa03dd",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.element("root").class()),t.element("root").modifier("focused").class(this.hasFocus)),t.element("root").modifier("invalid").class(this.invalid)),t.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").modifier("autofill").class(this.isAutoFilled)),"data-test":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},o("span",{key:"7fddec690d760b4c38ea29221468a7d14df18d5d",class:Object.assign(Object.assign(Object.assign({},t.element("root").element("content").class()),t.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled()))},o(I,{key:"e73533861ddd53aac505fdc78bf051a0449cf655",filled:this.valueUtil.isFilled(),chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:o=>this.valueUtil.removeOption(o)})),o($,{key:"7299e6b670a1b2283b1383040d9a75f29c76fe84",name:this.name,inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:o=>this.nativeEl=o,onChange:o=>this.handleAutoFill(o),onFocus:o=>this.eventsUtil.handleFocus(o),onBlur:o=>this.eventsUtil.handleBlur(o),onKeyDown:o=>this.handleKeyDown(o)}),o(B,{key:"97da430cab5eef476c4404eb27dcc65edf0b8d6e",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),o(q,{key:"c2d77ffd50a1062f772123954fd95b44200b04c3",icon:this.icon,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:this.valueUtil.isFilled(),disabled:this.valueUtil.isDisabled()})),o(R,{key:"d4c82b91392692aad6a1095fa6b25bad7ecefffa",inputId:this.inputId,block:this.inputId,filter:this.filter,required:this.required,isExpanded:this.isExpanded,isDisabled:this.valueUtil.isDisabled(),hasPropOptions:this.optionUtil.hasPropOptions(),multiple:this.multiple,contentHeight:this.contentHeight,rawOptions:this.rawOptions,refPanelEl:o=>this.panelEl=o,refListEl:o=>this.listEl=o},o("slot",{key:"1d9732ce6013922a304a7d52b34e79a128fb22d3"})))}get el(){return a(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};r([n("bal-dropdown"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],H.prototype,"createLogger",null),r([z(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],H.prototype,"configChanged",null);let W=0;H.style=":root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-2);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-2);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-size:var(--bal-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:.5rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:block;visibility:hidden;opacity:0;min-width:100%;width:100%;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}.bal-dropdown__list--expanded{visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__rear{z-index:1}";export{H as bal_dropdown}

package/dist/baloise-design-system/p-7752fa10ea.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,i,n,e){function a(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,r){function o(t){try{c(e.next(t))}catch(t){r(t)}}function s(t){try{c(e["throw"](t))}catch(t){r(t)}}function c(t){t.done?n(t.value):a(t.value).then(o,s)}c((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},e,a,r,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(i){return c([t,i])}}function c(s){if(e)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(e=1,a&&(r=s[0]&2?a["return"]:s[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,s[1])).done)return r;if(a=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;a=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=i.call(t,n)}catch(t){s=[6,t];a=0}finally{e=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-d67f7321.system.js","./p-6dbef894.system.js","./p-4d807f18.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-0177e3a0.system.js","./p-bf139fe5.system.js","./p-d97dc6a8.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js"],(function(t){"use strict";var i,n,e,a,r,o,s,c,d,u,l,h,b,f,m,v,g;return{setters:[function(t){i=t.r;n=t.c;e=t.h;a=t.H;r=t.g},function(t){o=t._;s=t.a},function(t){c=t.n;d=t.t;u=t.o;l=t.w},function(t){h=t.B},function(t){b=t.L},function(t){f=t.L},function(t){m=t.s},function(t){v=t.b;g=t.d},function(){},function(){},function(){}],execute:function(){var p=".bal-accordion{display:block;position:relative;width:100%}.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-desktop)}}.bal-accordion--card-v2{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v2{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v2{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bal-accordion__trigger--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium);margin-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet);margin-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop);margin-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__content--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__content--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__content--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop)}}.bal-accordion--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion--animated .bal-accordion__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__content{overflow:hidden;will-change:max-height}.bal-accordion--collapsing .bal-accordion__content{max-height:0 !important}.bal-accordion--collapsed .bal-accordion__content{display:none}.bal-accordion--expanding .bal-accordion__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion,.bal-accordion__content{-webkit-transition:none !important;transition:none !important}}";var _=p;var y=t("bal_accordion",function(){function t(t){var e=this;i(this,t);this.balChange=n(this,"balChange",7);this.balWillAnimate=n(this,"balWillAnimate",7);this.balDidAnimate=n(this,"balDidAnimate",7);this.componentId="bal-accordion-".concat(w++);this.updateState=function(t){if(t===void 0){t=false}if(e.active){e.expand(t)}else{e.collapse(t)}};this.setState=function(t){e.state=t;if(e.version===2){e.updateTriggerElement();e.updateDetailsElement();e.updateSummaryElement()}};this.updateDetailsElement=function(){var t=e.detailsElement;if(t){t.state=e.state;t.active=e.active;t.animated=e.animated}};this.updateTriggerElement=function(){var t=e.triggerElement;if(t){t.state=e.state;t.active=e.active}};this.updateSummaryElement=function(){var t=e.summaryElement;if(t){t.state=e.state;t.active=e.active}};this.expand=function(t){if(t===void 0){t=false}e.active=true;var i=e.detailsElement;var n=e.detailsWrapperElement;if(t||i===null||n===null){e.setState(4);return e.active}if(e.state===4){return e.active}if(e.currentRaf!==undefined){cancelAnimationFrame(e.currentRaf)}if(e.shouldAnimate()){c((function(){e.setState(8);e.currentRaf=c((function(){return __awaiter(e,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:t=n.offsetHeight;e=d(i,300);i.style.setProperty("max-height","".concat(t,"px"));this.balWillAnimate.emit(this.active);return[4,e];case 1:a.sent();this.setState(4);i.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}))}))}else{e.balWillAnimate.emit(e.active);e.setState(4);e.balDidAnimate.emit(e.active)}return e.active};this.collapse=function(t){if(t===void 0){t=false}e.active=false;var i=e.detailsElement;if(t||i===null){e.setState(1);return e.active}if(e.state===1){return e.active}if(e.currentRaf!==undefined){cancelAnimationFrame(e.currentRaf)}if(e.shouldAnimate()){e.currentRaf=c((function(){return __awaiter(e,void 0,void 0,(function(){var t;var n=this;return __generator(this,(function(e){t=i.offsetHeight;i.style.setProperty("max-height","".concat(t,"px"));c((function(){return __awaiter(n,void 0,void 0,(function(){var t;return __generator(this,(function(n){switch(n.label){case 0:t=d(i,300);this.setState(2);this.balDidAnimate.emit(this.active);return[4,t];case 1:n.sent();this.setState(1);i.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}));return[2]}))}))}))}else{e.balDidAnimate.emit(e.active);e.setState(1);e.balDidAnimate.emit(e.active)}return e.active};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return e.animated};this.onTriggerClickV1=function(){e.humanToggle()};this.state=1;this.animated=true;this.active=false;this.debounce=0;this.openLabel="";this.openIcon="plus";this.closeLabel="";this.closeIcon="close";this.card=false;this.version=1}t.prototype.createLogger=function(t){this.log=t};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){if(t!==i){this.active=t;this.updateState()}return[2]}))}))};t.prototype.debounceChanged=function(){this.balChange=u(this.balChange,this.debounce)};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.debounceChanged();return[4,l(this.el)];case 1:t.sent();if(this.active){this.activeChanged(this.active,false)}this.updateState(true);return[2]}}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.animated=t.animated;return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.expand()]}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.collapse()]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.active){return[2,this.collapse()]}else{return[2,this.expand()]}return[2]}))}))};t.prototype.humanToggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.active)return[3,2];return[4,this.collapse()];case 1:t.sent();return[3,4];case 2:return[4,this.expand()];case 3:t.sent();t.label=4;case 4:this.balChange.emit(this.active);return[2,this.active]}}))}))};Object.defineProperty(t.prototype,"summaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-summary")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"triggerElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-trigger")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsElement",{get:function(){var t;if(this.version===1){return this.contentEl||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsWrapperElement",{get:function(){var t;if(this.version===1){return this.contentElWrapper||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details > div")))||null},enumerable:false,configurable:true});t.prototype.render=function(){return this.version===2?this.renderVersion2():this.renderVersion1()};t.prototype.renderVersion2=function(){var t=h.block("accordion");return e(a,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("card-v2").class(this.card)),t.modifier("animated").class(this.animated))})};t.prototype.renderVersion1=function(){var t=this;var i=this.active?this.closeLabel:this.openLabel;var n=this.active?this.closeIcon:this.openIcon;var r=h.block("accordion");var o=this.state===4||this.state===8;var s=o?"button expanded":"button";var c=o?"content expanded":"content";return e(a,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("card-v1").class(this.card)),r.modifier("active").class(this.active)),r.modifier("expanding").class(this.state===8)),r.modifier("expanded").class(this.state===4)),r.modifier("collapsing").class(this.state===2)),r.modifier("collapsed").class(this.state===1)),r.modifier("animated").class(this.animated))},e("div",{class:Object.assign({},r.element("wrapper").class())},e("div",{class:Object.assign(Object.assign({},r.element("trigger").class()),r.element("trigger").modifier("card").class(this.card)),"data-testid":"bal-accordion-summary"},e("bal-button",{id:"".concat(this.componentId,"-button"),"aria-controls":"".concat(this.componentId,"-content"),part:s,"data-testid":"bal-accordion-trigger",expanded:true,color:"info",icon:n,onClick:this.onTriggerClickV1},i)),e("div",{id:"".concat(this.componentId,"-content"),"aria-labelledby":"".concat(this.componentId,"-button"),role:"region",part:c,class:Object.assign(Object.assign({},r.element("content").class()),r.element("content").modifier("card").class(this.card)),ref:function(i){return t.contentEl=i}},e("div",{id:"".concat(this.componentId,"-content-wrapper"),"data-testid":"bal-accordion-details",class:Object.assign({},r.element("content").element("wrapper").class()),ref:function(i){return t.contentElWrapper=i}},e("slot",null)))))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeChanged"],debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}());o([b("bal-accordion"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],y.prototype,"createLogger",null);o([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],y.prototype,"configChanged",null);var w=0;y.style=_;var j=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__details--collapsing{max-height:0 !important}.bal-accordion__details--collapsed{display:none}.bal-accordion__details--expanding{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";var x=j;var O=t("bal_accordion_details",function(){function t(t){var n=this;i(this,t);this.componentId="bal-accordion-details-".concat(k++);this.updateAccordionId=function(){var t;return n.parentAccordionId=(t=n.parentAccordionElement)===null||t===void 0?void 0:t.id};this.parentAccordionId=undefined;this.state=1;this.active=false;this.animated=true}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=h.block("accordion").element("details");var i=t.element("container");var n=i.element("wrapper");var r=this.parentAccordionId?"".concat(this.parentAccordionId,"-details"):this.componentId;var o=this.state===4||this.state===8;var s=o?"content expanded":"content";return e(a,{key:"46658e9e2842371f4faac02f3666f908f48000a2",id:r,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("expanding").class(this.state===8)),t.modifier("expanded").class(this.state===4)),t.modifier("collapsing").class(this.state===2)),t.modifier("collapsed").class(this.state===1)),t.modifier("animated").class(this.animated))},e("div",{key:"4e2616b9946f33ce3a30c396f200dd2a8c16eed4",id:"".concat(r,"-content"),"aria-labelledby":"".concat(this.parentAccordionId,"-trigger-button"),role:"region",part:s,class:Object.assign({},n.class()),"data-testid":"bal-accordion-details"},e("slot",{key:"76467aaa5660e88ab9a208fdf0577f203f000fcf"})))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());o([b("bal-accordion-details"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],O.prototype,"createLogger",null);var k=0;O.style=x;var F="@media (hover: hover)and (pointer: fine){.bal-accordion__summary--trigger:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__summary{position:static;display:block}.bal-accordion__summary--trigger{cursor:pointer}";var E=F;var A=t("bal_accordion_summary",function(){function t(t){var n=this;i(this,t);this.componentId="bal-accordion-summary-".concat(C++);this.updateAccordionId=function(){var t;return n.parentAccordionId=(t=n.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var i;m(t);(i=n.parentAccordionElement)===null||i===void 0?void 0:i.humanToggle()};this.onKeyDown=function(t){var i;if(v(t)||g(t)){m(t);(i=n.parentAccordionElement)===null||i===void 0?void 0:i.humanToggle()}};this.parentAccordionId=undefined;this.trigger=false;this.active=false;this.state=1}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=2}this.updateAccordionId()};t.prototype.disconnectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=1}this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=h.block("accordion").element("summary");var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-summary"):this.componentId;var n=this.state===4||this.state===8;var r=n?"button expanded":"button";var o={};if(this.trigger){o={"aria-controls":"".concat(this.parentAccordionId,"-details-content"),role:"button",tabindex:0,part:r,"data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}}return e(a,Object.assign({key:"c3a6c35f68b01dcfe81b8e87a8a31b3c87db771c",id:i,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("trigger").class(this.trigger)),t.modifier("inner-trigger").class(!this.trigger)),{"bal-focused":this.trigger})},o,{"data-testid":"bal-accordion-summary"}))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());o([b("bal-accordion-summary"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],A.prototype,"createLogger",null);var C=0;A.style=E;var z="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__trigger{position:static;display:block}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}";var L=z;var S=t("bal_accordion_trigger",function(){function t(t){var n=this;i(this,t);this.componentId="bal-accordion-trigger-".concat(D++);this.updateAccordionId=function(){var t;return n.parentAccordionId=(t=n.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var i;m(t);(i=n.parentAccordionElement)===null||i===void 0?void 0:i.humanToggle()};this.parentAccordionId=undefined;this.button=false;this.openLabel="";this.openIcon="caret-down";this.closeLabel="";this.closeIcon="";this.color="info";this.size="";this.active=false;this.state=1}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"parentAccordionSummaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion-summary"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=h.block("accordion").element("trigger");var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-trigger"):this.componentId;var n=this.active?this.closeLabel:this.openLabel;var r=false;var o=this.active?this.closeIcon:this.openIcon;if(this.closeIcon===""||this.closeIcon===undefined||this.closeIcon===null){r=this.active;o=this.openIcon||"caret-down"}var s=this.state===4||this.state===8;var c=s?"button expanded":"button";var d=this.parentAccordionSummaryElement;var u={tabindex:-1};if(d&&!d.trigger){u={tabindex:0}}return e(a,{key:"af0ac1bbf7cb49a28ad9e481d3cf41f377c3d434",id:i,class:Object.assign({},t.class())},this.button?e("bal-button",{id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),part:c,"data-testid":"bal-accordion-trigger",expanded:true,icon:o,iconTurn:r,color:this.color,size:this.size,onClick:this.onClick},n):e("button",Object.assign({class:Object.assign(Object.assign({},t.element("button").class()),{"bal-focused":d&&!d.trigger}),id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),"aria-label":"accordion trigger",part:c,"data-testid":"bal-accordion-trigger",onClick:this.onClick},u),e("bal-icon",{turn:r,name:o})))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());o([b("bal-accordion-trigger"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],S.prototype,"createLogger",null);var D=0;S.style=L}}}));

package/dist/baloise-design-system/p-7f9fe862b6.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,a,i){function n(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,r){function s(t){try{b(i.next(t))}catch(t){r(t)}}function o(t){try{b(i["throw"](t))}catch(t){r(t)}}function b(t){t.done?a(t.value):n(t.value).then(s,o)}b((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return b([t,e])}}function b(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(a=0)),a)try{if(i=1,n&&(r=o[0]&2?n["return"]:o[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;if(n=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;n=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){a.label=o[1];break}if(o[0]===6&&a.label<r[1]){a.label=r[1];r=o;break}if(r&&a.label<r[2]){a.label=r[2];a.ops.push(o);break}if(r[2])a.ops.pop();a.trys.pop();continue}o=e.call(t,a)}catch(t){o=[6,t];n=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,a){if(a||arguments.length===2)for(var i=0,n=e.length,r;i<n;i++){if(r||!(i in e)){if(!r)r=Array.prototype.slice.call(e,0,i);r[i]=e[i]}}return t.concat(r||Array.prototype.slice.call(e))};System.register(["./p-d67f7321.system.js","./p-8949aa8b.system.js","./p-6dbef894.system.js","./p-1c41de53.system.js","./p-4d807f18.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-3ecc7d9a.system.js","./p-bf139fe5.system.js","./p-a1f6e944.system.js","./p-116b65a6.system.js","./p-ee3c7a38.system.js","./p-10985d5e.system.js","./p-738ca720.system.js","./p-1e688639.system.js","./p-0aa1d6a4.system.js","./p-0177e3a0.system.js","./p-6913b916.system.js","./p-df907af8.system.js","./p-2880433e.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-923b2e35.system.js"],(function(t){"use strict";var e,a,i,n,r,s,o,b,l,c,_,d,u,v,h,f,m,p,g,w,x,y,j,O,k,A,z,F,C,L,T;return{setters:[function(t){e=t.r;a=t.c;i=t.h;n=t.H;r=t.g},function(t){s=t.a},function(t){o=t._;b=t.a},function(t){l=t.a},function(t){c=t.n;_=t.f;d=t.t;u=t.j;v=t.o;h=t.p;f=t.l;m=t.q;p=t.i;g=t.b},function(t){w=t.B},function(t){x=t.L},function(t){y=t.n},function(t){j=t.s},function(t){O=t.b},function(t){k=t.a},function(t){A=t.L},function(t){z=t.b},function(t){F=t.L},function(t){C=t.L},function(t){L=t.L},function(t){T=t.L},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var S=t("bal_tab_item",function(){function t(t){e(this,t);this.balNavigate=a(this,"balNavigate",7);this.inheritAttributes={};this.tabPanelID="bal-tab-panel-id-".concat(D++);this.isActive=false;this.active=false;this.value="";this.label="";this.href="";this.target="_self";this.bubble=false;this.disabled=false;this.invisible=false;this.prevent=false;this.icon=undefined;this.noPanel=false;this.aria=undefined}t.prototype.componentWillLoad=function(){this.inheritAttributes=s(this.el)};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options]}))}))};t.prototype.setActive=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isActive=t;return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){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:false,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria}},enumerable:false,configurable:true});t.prototype.render=function(){var t=!this.noPanel;var e=!this.isActive||this.noPanel;return i(n,{key:"403ef9c6f4195a72139922232b759847a698a5d8",id:this.tabPanelID,class:{"bal-tab-item":true,"bal-tab-item--active":this.isActive},role:t?"tabpanel":undefined,"aria-label":t?this.label:undefined,"aria-hidden":e?"true":"false",tabindex:e?"-1":undefined,hidden:e?true:undefined},i("slot",{key:"ff4a802972dadebf7240c41c03a233cc17dba24c"}))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());var D=0;var P=function(t){var e=t.items,a=t.value,n=t.onSelectTab;var r=w.block("tabs").element("select");var s=function(t){var a=e.filter((function(e){return e.value===t.detail}));if(a.length>0){var i=a[0];if(i.href!==""&&i.href!==undefined){if(O.hasWindow){window.open(i.href,i.target)}}n(t,i)}};return i("bal-select",{class:Object.assign({},r.class()),value:a,onBalChange:function(t){return s(t)}},e.filter((function(t){return!t.disabled&&!t.invisible})).map((function(t){return i("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label)})))};var B=function(t){var e=t.item,a=t.inverted,n=t.accordion,r=t.isAccordionOpen,s=t.isMobile,o=t.hasBubble;var b=w.block("tabs").element("nav").element("item").element("icon");var l=e.disabled?"grey":"primary";if(a){l=e.disabled?"primary-light":"white"}return i("span",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("active").class(e.active)),b.modifier("disabled").class(e.disabled))},i("bal-icon",{size:s||n?"small":"",name:n?"nav-go-down":e.icon,color:l,turn:n&&r===true&&e.active}),o?i("bal-badge",{class:Object.assign({},b.element("bubble").class()),size:"small"},e.bubble):"")};var I=function(t){var e=t.item,a=t.inverted,n=t.hasBubble,r=t.isVertical,s=t.context;var o=w.block("tabs").element("nav").element("item").element("label");return i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("inverted").class(a)),o.modifier("active").class(e.active)),o.modifier("disabled").class(e.disabled)),o.modifier("vertical").class(r)),o.modifier("context-".concat(s)).class(s!==undefined)),"data-testid":"bal-tabs-item-label"},e.label,n?i("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},e.bubble):"")};var M=function(t){if(typeof t==="string"){return t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase()}return""};var E=function(t){var e=t.item,a=t.tabsId,n=t.isFirst,r=t.isLast,s=t.isMobile,o=t.isVertical,b=t.accordion,l=t.isAccordionOpen,c=t.isLinkList,_=t.inverted,d=t.expanded,u=t.spaceless,v=t.clickable,h=t.iconPosition,f=t.context,m=t.onSelectTab;var p;var g=w.block("tabs").element("nav").element("item");if(e.invisible){return}var x=e.bubble!==false;var y=e.icon!==undefined;var j=y&&x&&h!=="horizontal"&&!b||s&&y&&x&&!o&&!b;var O=b&&x||b&&s&&y&&x&&!o;var k=!y&&x&&!b||x&&!s&&h==="horizontal"&&!b||x&&o&&!b;var A=e.href===undefined||e.href==="";var z=A?"button":"a";var F=A?{type:"button",role:"tab","aria-controls":((p=e.aria)===null||p===void 0?void 0:p.controls)||e.tabPanelID||undefined,"aria-expanded":e.active?"true":"false","aria-disabled":"".concat(e.disabled),"aria-label":e.label}:{href:e.href,target:e.target};if(!c){F["tabindex"]=e.active?"0":"-1"}return i(z,Object.assign({id:"".concat(a,"-button-").concat(M(e.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({},g.class()),g.modifier("active").class(e.active)),g.modifier("disabled").class(e.disabled)),g.modifier("clickable").class(v)),g.modifier("accordion").class(b)),g.modifier("inverted").class(_)),g.modifier("expanded").class(d)),g.modifier("spaceless").class(u)),g.modifier("first").class(n)),g.modifier("last").class(r)),g.modifier("passed").class(e.passed)),g.modifier("vertical").class(o)),g.modifier("context-".concat(f)).class(f!==undefined)),g.modifier("icon-position-".concat(h)).class(h!=="horizontal")),{"bal-focusable":!e.disabled&&!e.invisible}),draggable:false,"data-tabs":a,"data-label":e.label,"data-value":e.value,"data-index":e.index,"data-testid":"bal-tabs-item","aria-selected":!A?undefined:e.active?"true":"false"},F,{onClick:function(t){return m(t,e)}}),e.icon?i(B,{accordion:false,item:e,isMobile:s,hasBubble:j,inverted:_}):"",i(I,{item:e,isMobile:s,isVertical:o,hasBubble:k,inverted:_,context:f}),b&&!e.href?i(B,{accordion:b,isAccordionOpen:l,item:e,isMobile:s,hasBubble:O,inverted:_}):"")};var R=function(t){var e=t.items,a=t.tabsId,n=t.hasCarousel,r=t.isVertical,s=t.inNavbar,o=t.isMobile,b=t.isTouch,l=t.lineActive,c=t.isLinkList,_=t.border,d=t.accordion,u=t.isAccordionOpen,v=t.inverted,h=t.clickable,f=t.animated,m=t.spaceless,p=t.expanded,g=t.verticalColSize,x=t.iconPosition,y=t.context,O=t.onSelectTab;var k=w.block("tabs").element("nav");var A=e.filter((function(t){return!t.invisible}));var z=s&&!b;var F=function(t){var e=t.item,n=t.index;return i(E,{item:e,isLinkList:c,tabsId:a,isFirst:n===0,isLast:n===A.length-1,isMobile:o,isVertical:r,iconPosition:x,spaceless:m,inverted:v,accordion:d,isAccordionOpen:u,context:y,expanded:p,clickable:h&&!e.disabled,onSelectTab:O})};return i("div",{id:"".concat(a,"-nav"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},k.class()),k.modifier("full-height").class(z)),k.modifier("border").class(_)),k.modifier("animated").class(f)),k.modifier("vertical").class(r)),k.modifier("expanded").class(p&&!r)),k.modifier("vertical-col-".concat(g)).class(r))},n?i("bal-carousel",{id:"".concat(a,"-carousel"),class:Object.assign({},k.element("carousel").class()),htmlRole:"tablist",fullHeight:z,border:_,inverted:v,controls:"small","items-per-view":"auto",steps:3,onBalChange:j},A.map((function(t,e){return i("bal-carousel-item",{key:t.value,htmlRole:"",class:Object.assign(Object.assign({},k.element("carousel").element("item").class()),k.element("carousel").element("item").modifier("expanded").class(p))},i(F,{item:t,index:e}))})),i("div",{id:"".concat(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(v)),k.element("line").modifier("animated").class(f)),k.element("line").modifier("vertical").class(r))})):A.map((function(t,e){return i(F,{item:t,index:e})})),!n?i("div",{id:"".concat(a,"-border"),class:Object.assign(Object.assign(Object.assign({},k.element("border").class()),k.element("border").modifier("inverted").class(v)),k.element("border").modifier("vertical").class(r))}):"",!n?i("div",{id:"".concat(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(v)),k.element("line").modifier("animated").class(f)),k.element("line").modifier("vertical").class(r))}):"")};var W="@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}}.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:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon 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:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon 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:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon 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:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon 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--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}}";var $=W;var N=t("bal_tabs",function(){function t(t){var i=this;e(this,t);this.balChange=a(this,"balChange",7);this.balWillAnimate=a(this,"balWillAnimate",7);this.balDidAnimate=a(this,"balDidAnimate",7);this.tabsId="bal-tabs-".concat(U++);this.mutationObserverActive=true;this.getOptions=function(){if(i.options.length>0){return __spreadArray([],i.options.map(y),true)}else{return Promise.all(i.items.map((function(t){return t.getOptions()})))}};this.updateStore=function(t){if(!l(i.store,t)){i.store=t}else if(!i.optionalTabSelection&&!i.accordion&&i.value===undefined&&i.store.length>0){var e=i.store[0];i.value=e.value}};this.setActiveItem=function(){var t=i.store.filter((function(t){return t.active}));if(t.length>0){var e=t[0];i.value=e.value}};this.setActiveContent=function(){if(i.options.length===0){i.items.forEach((function(t){return t.setActive(i.isTabActive(t))}))}};this.getLineSize=function(t,e){if(t){var a=i.isVertical();if(a){return t.clientHeight}else{var n=t.clientWidth;if(i.expanded){return n}var r=e.left+e.right;return n-r}}return 0};this.getOffset=function(t,e){var a=i.isVertical();if(a){if(t.offsetTop){return t.offsetTop}}else{if(t.offsetLeft){if(i.expanded){return t.offsetLeft}return t.offsetLeft+e.left}var n=t.closest("bal-carousel-item");if(n){if(i.expanded){return n.offsetLeft}return n.offsetLeft+e.left}}return 0};this.animateLine=function(){return __awaiter(i,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){if(!this.shouldAnimate()){return[2]}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}c((function(){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,_(this.el,true)];case 1:e.sent();this.currentRaf=c((function(){return __awaiter(t,void 0,void 0,(function(){var t,e,a,i,n,r,s,o,b,l;return __generator(this,(function(c){switch(c.label){case 0:t=this.getTargetElement(this.value);if(!t){return[2]}if(t.getAttribute("target")==="_blank"){return[2]}e=k(t);a=this.getLineSize(t,e);i=this.getOffset(t,e);n=this.getLineElement();if(!n)return[3,3];r=this.isVertical();this.balWillAnimate.emit(this.value);s=d(n,300);if(!r)return[3,1];n.style.setProperty("transform","translateY(".concat(i,"px)"));n.style.setProperty("min-height","".concat(a,"px"));n.style.setProperty("height","".concat(a,"px"));n.style.removeProperty("min-width");n.style.removeProperty("width");return[3,3];case 1:n.style.setProperty("transform","translateX(".concat(i,"px)"));n.style.setProperty("min-width","".concat(a,"px"));n.style.setProperty("width","".concat(a,"px"));n.style.removeProperty("min-height");n.style.removeProperty("height");o=this.getBorderElement();b=this.getCarouselElement();if(o&&b){l=b.clientWidth;o.style.setProperty("width","".concat(l,"px"))}return[4,s];case 2:c.sent();this.balDidAnimate.emit(this.value);c.label=3;case 3:return[2]}}))}))}));return[2]}}))}))}));return[2]}))}))};this.toggleAccordionState=function(t){if(t===void 0){t=false}if(i.accordion){if(i.isAccordionOpen){i.collapseAccordion(t)}else{i.expandAccordion(t)}}};this.expandAccordion=function(t){if(t===void 0){t=false}i.isAccordionOpen=true;var e=i,a=e.contentEl,n=e.contentElWrapper;if(t||a===undefined||n===undefined){i.accordionState=4;return}if(i.accordionState===4){return}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){c((function(){i.accordionState=8;i.currentRaf=c((function(){return __awaiter(i,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:t=n.offsetHeight;e=d(a,300);a.style.setProperty("max-height","".concat(t,"px"));this.balWillAnimate.emit(this.value);return[4,e];case 1:i.sent();this.accordionState=4;a.style.removeProperty("max-height");this.balDidAnimate.emit(this.value);return[2]}}))}))}))}))}else{i.accordionState=4;i.balWillAnimate.emit(i.value);i.balDidAnimate.emit(i.value)}};this.collapseAccordion=function(t){if(t===void 0){t=false}i.isAccordionOpen=false;var e=i.contentEl;if(t||e===undefined){i.accordionState=1;return}if(i.accordionState===1){return}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){i.currentRaf=c((function(){return __awaiter(i,void 0,void 0,(function(){var t;var a=this;return __generator(this,(function(i){t=e.offsetHeight;e.style.setProperty("max-height","".concat(t,"px"));c((function(){return __awaiter(a,void 0,void 0,(function(){var t;return __generator(this,(function(a){switch(a.label){case 0:t=d(e,300);this.accordionState=2;this.balWillAnimate.emit(this.value);return[4,t];case 1:a.sent();this.accordionState=1;e.style.removeProperty("max-height");this.balDidAnimate.emit(this.value);return[2]}}))}))}));return[2]}))}))}))}else{i.accordionState=1;i.balWillAnimate.emit(i.value);i.balDidAnimate.emit(i.value)}};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return i.animated};this.onOptionChange=u((function(){return i.onOptionChangeInternal()}),100);this.onOptionChangeInternal=function(){return __awaiter(i,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:if(!this.isLargestContentfulPaintDone)return[3,4];a.label=1;case 1:a.trys.push([1,3,,4]);return[4,this.getOptions()];case 2:t=a.sent();this.updateStore(t);this.setActiveItem();this.setActiveContent();this.animateLine();return[3,4];case 3:e=a.sent();console.warn("[WARN] - Could not read tab options");return[3,4];case 4:return[2]}}))}))};this.onSelectTab=function(t,e){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(e.prevent||e.disabled||!this.clickable){j(t)}if(!(!e.disabled&&this.clickable))return[3,3];if(this.accordion){if(e.value===this.value){this.toggleAccordionState()}else{this.expandAccordion()}}if(e.navigate){e.navigate.emit(t)}if(!(e.value!==this.value))return[3,3];this.balChange.emit(e.value);return[4,this.select(e)];case 1:a.sent();return[4,this.focus(e)];case 2:a.sent();a.label=3;case 3:return[2]}}))}))};this.isAccordionOpen=false;this.accordionState=1;this.isNavbarOpen=false;this.inNavbar=false;this.inNavbarLight=false;this.isLargestContentfulPaintDone=false;this.isMobile=z.isMobile;this.isTablet=z.isTablet;this.store=[];this.animated=true;this.float="left";this.fullwidth=false;this.accordion=false;this.overflow=true;this.options=[];this.context=undefined;this.iconPosition="horizontal";this.expanded=false;this.spaceless=false;this.clickable=true;this.border=false;this.inverted=false;this.optionalTabSelection=false;this.debounce=0;this.vertical=false;this.verticalColSize="one-third";this.selectOnMobile=false;this.value=undefined}t.prototype.createLogger=function(t){this.log=t};t.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};t.prototype.debounceChanged=function(){this.balChange=v(this.balChange,this.debounce)};t.prototype.valueChanged=function(t,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(t!==e){this.onOptionChange()}return[2]}))}))};t.prototype.connectedCallback=function(){this.inNavbar=h("bal-navbar",this.el);if(this.inNavbar){var t=this.el.closest("bal-navbar");if(t){this.inNavbarLight=t.light}}this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1;if(this.accordion){var e=h("bal-nav-menu-bar",this.el);if(e){this.isAccordionOpen=false}else{var a=this.value!==undefined&&this.value.length>0;if(a){this.expandAccordion(true)}else{this.collapseAccordion(true)}}}};t.prototype.componentDidLoad=function(){var t=this;f((function(){t.onOptionChange();t.isLargestContentfulPaintDone=true}))};t.prototype.mutationListener=function(){this.onOptionChange()};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.isTablet=t.tablet;this.animateLine()};t.prototype.resizeListener=function(){this.animateLine()};t.prototype.listenToWillAnimate=function(t){var e=this;m(t,this.el,(function(){return e.animateLine()}))};t.prototype.listenToDidAnimate=function(t){var e=this;m(t,this.el,(function(){return e.animateLine()}));this.isUsedInNavbar(t)};t.prototype.listenToKeyDown=function(t){if(this.isTabList){if(this.vertical!==false){if(t.code==="ArrowDown"){this.tabListSelectNext(t)}else if(t.code==="ArrowUp"){this.tabListSelectPrevious(t)}}else{if(t.code==="ArrowRight"){this.tabListSelectNext(t)}else if(t.code==="ArrowLeft"){this.tabListSelectPrevious(t)}}}};t.prototype.isUsedInNavbar=function(t){var e=t.target;var a=e.closest("bal-navbar");var i=t.target;if(a&&p(a,this.el)){this.isNavbarOpen=i}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=t.animated;return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.value=t.value;return[2]}))}))};t.prototype.getOptionByValue=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){e=this.store;return[2,e.find((function(e){return e.value===t}))]}))}))};t.prototype.renderLine=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.animateLine();return[2]}))}))};t.prototype.closeAccordion=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.isAccordionOpen){this.collapseAccordion()}return[2]}))}))};Object.defineProperty(t.prototype,"isTabList",{get:function(){return this.store.filter((function(t){return!!t.href})).length===0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.tabsId," > bal-tab-item")))},enumerable:false,configurable:true});t.prototype.isTabActive=function(t){return t.value===this.value};t.prototype.isTabVisible=function(t){return!t.hidden};t.prototype.parseVertical=function(){if(this.vertical==="true"||this.vertical===""){return true}if(this.vertical==="false"||this.vertical===undefined){return false}if(this.vertical==="mobile"){return this.isMobile}if(this.vertical==="tablet"){return this.isTablet||this.isMobile}return this.vertical};t.prototype.isVertical=function(){var t=this.parseVertical();var e=this.isMobile;var a=this.isTablet;var i=e||a;return t||i&&this.inNavbar};t.prototype.getTargetElement=function(t){var e='[data-tabs="'.concat(this.tabsId,'"]');var a=Array.from(this.el.querySelectorAll(e));return a.filter((function(e){return e.getAttribute("data-value")==t}))[0]};t.prototype.getLineElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-line"))};t.prototype.getBorderElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-border"))};t.prototype.getCarouselElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-carousel"))};t.prototype.findNextTab=function(t){var e=this;if(t===void 0){t=false}var a=this.store.findIndex((function(t){return e.isTabActive(t)}));var i=this.store.map((function(t,e){return{index:e,visible:!t.hidden&&!t.disabled}}));if(t){i=i.reverse()}var n=i.filter((function(t){return t.visible})).map((function(t){return t.index}));var r=function(t,e){if(t>a){return t}if(e<=t){return t}else{return e}};var s=function(t,e){if(t<a){return t}if(e>=t){return t}else{return e}};var o=t?s:r;var b=n.reduce((function(t,e){return o(t,e)}),a);return this.store[b]};t.prototype.findPreviousTab=function(){return this.findNextTab(true)};t.prototype.tabListSelectNext=function(t){var e=this.findNextTab();if(e){this.onSelectTab(t,e)}};t.prototype.tabListSelectPrevious=function(t){var e=this.findPreviousTab();if(e){this.onSelectTab(t,e)}};t.prototype.focus=function(t){return __awaiter(this,void 0,void 0,(function(){var e,a;return __generator(this,(function(i){switch(i.label){case 0:return[4,g()];case 1:i.sent();e=this.el.querySelector("button.bal-focused")!==null;if(e){a=this.el.querySelector("#".concat(this.tabsId,"-button-").concat(M(t.value)));if(a){a.focus({preventScroll:true})}}return[2]}}))}))};t.prototype.render=function(){var t=this;var e=w.block("tabs");var a=this.isMobile;var r=this.isTablet;var s=a||r;var o=this.inNavbar&&!s&&!this.inNavbarLight||!this.inNavbar&&this.inverted;var b=this.isVertical();var l=this.isLargestContentfulPaintDone&&!b&&this.overflow&&!this.expanded;var c=this.isLargestContentfulPaintDone&&a&&this.selectOnMobile;var _=this.store.map((function(e){return Object.assign(Object.assign({},e),{active:e.value===t.value})}));var d=this.accordionState===4||this.accordionState===8;var u=d?"content expanded":"content";var v=this.value!==undefined&&!!this.store.find((function(e){return e.value===t.value}));var h=!this.isTabList;return i(n,{key:"5cf2cfcf105000a24aabdb6bec167155bfe64d91",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("navbar").class(this.inNavbar)),e.modifier("vertical").class(b)),e.modifier("fullwidth").class(this.expanded||this.fullwidth)),e.modifier("accordion").class(this.accordion)),e.modifier("animated").class(this.animated)),e.modifier("expanding").class(this.accordionState===8)),e.modifier("expanded").class(this.accordionState===4)),e.modifier("collapsing").class(this.accordionState===2)),e.modifier("collapsed").class(this.accordionState===1)),"data-value":this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.value})).join(","),"data-label":this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.label})).join(",")},c?i(P,{value:this.value,items:_,onSelectTab:this.onSelectTab}):i(R,{items:_,isLinkList:h,tabsId:this.tabsId,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:v,inverted:o,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:l,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab}),i("div",{key:"9b07748ace351ce78cd552229f2694e349592d3d",part:u,ref:function(e){return t.contentEl=e},class:Object.assign({},e.element("tabs").element("content").class())},i("div",{key:"099b85a0205426e163c8b43320cb007c7ea1afc9",id:this.tabsId,class:Object.assign({},e.element("tabs").element("content").element("wrapper").class()),ref:function(e){return t.contentElWrapper=e}},i("slot",{key:"6262221556c0f514b4c42138796b7d92097887d0"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());o([x("bal-tabs"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],N.prototype,"createLogger",null);o([F({tags:["bal-tabs","bal-tab-item"]}),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],N.prototype,"mutationListener",null);o([C(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],N.prototype,"breakpointListener",null);o([L(),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],N.prototype,"resizeListener",null);o([A("balWillAnimate",{target:"window"}),b("design:type",Function),b("design:paramtypes",[UIEvent]),b("design:returntype",void 0)],N.prototype,"listenToWillAnimate",null);o([A("balDidAnimate",{target:"window"}),b("design:type",Function),b("design:paramtypes",[UIEvent]),b("design:returntype",void 0)],N.prototype,"listenToDidAnimate",null);o([A("keydown"),b("design:type",Function),b("design:paramtypes",[KeyboardEvent]),b("design:returntype",void 0)],N.prototype,"listenToKeyDown",null);o([T(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],N.prototype,"configChanged",null);var U=0;N.style=$}}}));

package/dist/baloise-design-system/p-93e2638280.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,i,e,n){function r(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,s){function a(t){try{o(n.next(t))}catch(t){s(t)}}function u(t){try{o(n["throw"](t))}catch(t){s(t)}}function o(t){t.done?e(t.value):r(t.value).then(a,u)}o((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,r,s,a;return a={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function u(t){return function(i){return o([t,i])}}function o(u){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,u[0]&&(e=0)),e)try{if(n=1,r&&(s=u[0]&2?r["return"]:u[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,u[1])).done)return s;if(r=0,s)u=[u[0]&2,s.value];switch(u[0]){case 0:case 1:s=u;break;case 4:e.label++;return{value:u[1],done:false};case 5:e.label++;r=u[1];u=[0];continue;case 7:u=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(u[0]===6||u[0]===2)){e=0;continue}if(u[0]===3&&(!s||u[1]>s[0]&&u[1]<s[3])){e.label=u[1];break}if(u[0]===6&&e.label<s[1]){e.label=s[1];s=u;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(u);break}if(s[2])e.ops.pop();e.trys.pop();continue}u=i.call(t,e)}catch(t){u=[6,t];r=0}finally{n=s=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};System.register(["./p-d67f7321.system.js","./p-6dbef894.system.js","./p-802216cd.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-8949aa8b.system.js","./p-bf139fe5.system.js","./p-4d807f18.system.js","./p-6e5745c8.system.js","./p-579855c6.system.js","./p-ee3c7a38.system.js","./p-d97dc6a8.system.js","./p-bb6304d0.system.js","./p-0177e3a0.system.js","./p-145d5c4e.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js"],(function(t){"use strict";var i,e,n,r,s,a,u,o,c,h,d,f,l,p,b,v,_,y,g,m;return{setters:[function(t){i=t.r;e=t.c;n=t.h;r=t.H;s=t.g},function(t){a=t._;u=t.a},function(t){o=t.B;c=t.i},function(t){h=t.B},function(t){d=t.L},function(t){f=t.i},function(t){l=t.s},function(t){p=t.o},function(t){b=t.d},function(t){v=t.b},function(t){_=t.L},function(t){y=t.d},function(t){g=t.d},function(t){m=t.L},function(){},function(){},function(){}],execute:function(){var w=":root{--bal-date-popup-z-index:var(--bal-z-index-tooltip);--bal-date-popup-shadow:var(--bal-shadow-normal);--bal-date-popup-radius:var(--bal-radius-normal)}:root{--bal-z-index-tooltip:1300}.bal-date{display:block;font-family:var(--bal-font-family-text);width:100%}.bal-date__icon--clickable{cursor:pointer}.bal-date__popup{display:none;width:-webkit-max-content;width:-moz-max-content;width:max-content;position:absolute;top:0;left:0;z-index:var(--bal-date-popup-z-index);-webkit-box-shadow:var(--bal-date-popup-shadow);box-shadow:var(--bal-date-popup-shadow);border-radius:var(--bal-date-popup-radius)}.bal-date__popup--visible{display:block}";var j=w;var k=t("bal_date",function(){function t(t){var n=this;i(this,t);this.balInput=e(this,"balInput",7);this.balChange=e(this,"balChange",7);this.balWillAnimate=e(this,"balWillAnimate",7);this.balDidAnimate=e(this,"balDidAnimate",7);this.balBlur=e(this,"balBlur",7);this.balFocus=e(this,"balFocus",7);this.balInputClick=e(this,"balInputClick",7);this.balIconClick=e(this,"balIconClick",7);this.balPopoverPrepare=e(this,"balPopoverPrepare",7);this.inputId="bal-da-".concat(x++);this.inheritedAttributes={};this.onIconClick=function(t){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.triggerIcon)return[3,2];return[4,this.toggle()];case 1:t.sent();return[3,4];case 2:return[4,this.open()];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};this.onInputClick=function(t){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!!this.triggerIcon)return[3,2];return[4,this.open()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};this.onCalendarChange=function(t){l(t);n.value=t.detail;n.balChange.emit(n.value);if(n.closeOnSelect){n.close()}};this.onInputInput=function(t){l(t);n.balInput.emit(t.detail);if(t.detail){var i=o.fromAnyFormat(t.detail);if(i.isValid){n.calendarValue=i.toISODate()}}};this.onInputChange=function(t){l(t);n.value=t.detail;n.balChange.emit(n.value)};this.onInputFocus=function(t){l(t);n.balFocus.emit(t.detail)};this.onInputBlur=function(t){l(t);n.balBlur.emit(t.detail)};this.onKeyPress=function(t){return __awaiter(n,[t],void 0,(function(t){var i=t.detail;return __generator(this,(function(t){switch(t.label){case 0:if(!(y(i)&&!this.triggerIcon))return[3,4];if(!this.isExpanded)return[3,2];return[4,this.close()];case 1:t.sent();return[3,4];case 2:return[4,this.open()];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};this.isExpanded=false;this.language=g.language;this.calendarValue=undefined;this.ariaForm=b;this.name=this.inputId;this.invalid=false;this.required=false;this.disabled=false;this.readonly=false;this.freeSolo=false;this.placeholder=undefined;this.triggerIcon=false;this.closeOnSelect=true;this.value=undefined;this.min=undefined;this.max=undefined;this.minYearProp=undefined;this.maxYearProp=undefined;this.defaultDate=undefined;this.allowedDates=undefined;this.allowInvalidValue=false;this.debounce=0;this.autoInvalidOff=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.valueChanged=function(){this.calendarValue=this.value};t.prototype.debounceChanged=function(){this.balChange=p(this.balChange,this.debounce)};t.prototype.connectedCallback=function(){this.valueChanged()};t.prototype.componentWillLoad=function(){this.inheritedAttributes=f(this.el,["aria-label","tabindex","title"])};t.prototype.listenToKeydown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(!(this.isExpanded&&(t.key==="Escape"||t.key==="Esc")))return[3,2];t.preventDefault();return[4,this.close()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.listenOnKeyup=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(!(t.key==="Tab"&&!this.el.contains(document.activeElement)&&this.isExpanded))return[3,2];return[4,this.close()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.listenOnclick=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(!(this.isExpanded&&!this.el.contains(t.target)))return[3,2];return[4,this.close()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.listenOnPopoverPrepare=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:if(!(this.inputId!==t.detail))return[3,2];return[4,this.close()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.language=t.language;return[2]}))}))};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.expand()]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.collapse()]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.isExpanded){return[2,this.collapse()]}else{return[2,this.expand()]}return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){i=o.fromISO(t);if(i.isValid){this.value=i.toISODate();this.calendarValue=this.value}return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this.inputEl)===null||t===void 0?void 0:t.setFocus();return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this.inputEl)===null||t===void 0?void 0:t.setBlur();return[2]}))}))};t.prototype.getInputElement=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){return[2,(t=this.inputEl)===null||t===void 0?void 0:t.getInputElement()]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){this.ariaForm=Object.assign({},t);(i=this.inputEl)===null||i===void 0?void 0:i.setAriaForm(t);return[2]}))}))};t.prototype.expand=function(){return __awaiter(this,void 0,void 0,(function(){var t;var i=this;return __generator(this,(function(e){switch(e.label){case 0:if(!(this.referenceEl&&this.floatingEl))return[3,2];return[4,v.load()];case 1:t=e.sent();this.balPopoverPrepare.emit(this.inputId);this.balWillAnimate.emit();this.isExpanded=true;this.popupCleanup=t.autoUpdate(this.referenceEl,this.floatingEl,(function(){i.updatePosition(i.referenceEl,i.floatingEl)}));e.label=2;case 2:return[2,this.isExpanded]}}))}))};t.prototype.collapse=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.floatingEl){this.balWillAnimate.emit();this.isExpanded=false;if(this.popupCleanup){this.popupCleanup()}this.balDidAnimate.emit()}return[2,this.isExpanded]}))}))};t.prototype.updatePosition=function(t,i){return __awaiter(this,void 0,void 0,(function(){var e;var n=this;return __generator(this,(function(r){switch(r.label){case 0:return[4,v.load()];case 1:e=r.sent();e.computePosition(t,i,{placement:"bottom-start",middleware:[e.offset(4),e.flip({crossAxis:false})]}).then((function(t){var e=t.x,r=t.y;Object.assign(i.style,{left:"".concat(e,"px"),top:"".concat(r,"px")});n.balDidAnimate.emit()}));return[2]}}))}))};t.prototype.render=function(){var t=this;var i=h.block("date");var e=i.element("icon");var s=i.element("popup");return n(r,{key:"0e4243022c01b88366ad8f8b750da6de3b9ecfc3",id:this.inputId,class:Object.assign({},i.class())},n("bal-input-group",{key:"86132e01d44f18bbd89efa002117b20bbf754837",invalid:this.invalid,readonly:this.readonly,disabled:this.disabled,ref:function(i){return t.referenceEl=i}},n("bal-input-date",Object.assign({key:"07737ec9049d123c3966bc00e6ccb918cca23236",name:this.name,required:this.required,placeholder:this.placeholder,value:this.value,min:this.min,max:this.max,invalid:this.invalid,readonly:this.readonly,disabled:this.disabled,allowInvalidValue:this.allowInvalidValue,onClick:this.onInputClick,onBalInput:this.onInputInput,onBalChange:this.onInputChange,onBalFocus:this.onInputFocus,onBalBlur:this.onInputBlur,onBalKeyPress:this.onKeyPress,ref:function(i){return t.inputEl=i}},this.inheritedAttributes)),!this.freeSolo?n("bal-icon",{name:"date",role:"button",tabindex:-1,class:Object.assign(Object.assign({},e.class()),e.modifier("clickable").class(!this.disabled&&!this.readonly)),"is-right":true,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",onClick:this.onIconClick,"aria-label":c[this.language].toggleDatepicker,"aria-haspopup":"true","aria-expanded":this.isExpanded?"true":"false"}):""),n("div",{key:"c2102abdd6b594154520b4df8cb8419c81dfd6f1",role:"dialog",class:Object.assign(Object.assign({},s.class()),s.modifier("visible").class(this.isExpanded)),ref:function(i){return t.floatingEl=i},"aria-hidden":"".concat(this.isExpanded!==true),"aria-presented":"".concat(this.isExpanded===true)},n("bal-date-calendar",{key:"be87d5e2a31943b1661aea0d6012db8dcd7002b2",value:this.calendarValue,min:this.min,max:this.max,minYearProp:this.minYearProp,maxYearProp:this.maxYearProp,defaultDate:this.defaultDate,allowedDates:this.allowedDates,onBalChange:this.onCalendarChange})))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"],debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}());a([d("bal-date"),u("design:type",Function),u("design:paramtypes",[Function]),u("design:returntype",void 0)],k.prototype,"createLogger",null);a([_("keydown",{target:"window"}),u("design:type",Function),u("design:paramtypes",[KeyboardEvent]),u("design:returntype",Promise)],k.prototype,"listenToKeydown",null);a([_("keyup",{target:"window"}),u("design:type",Function),u("design:paramtypes",[KeyboardEvent]),u("design:returntype",Promise)],k.prototype,"listenOnKeyup",null);a([_("click",{target:"document"}),u("design:type",Function),u("design:paramtypes",[UIEvent]),u("design:returntype",Promise)],k.prototype,"listenOnclick",null);a([_("balPopoverPrepare",{target:"document"}),u("design:type",Function),u("design:paramtypes",[CustomEvent]),u("design:returntype",Promise)],k.prototype,"listenOnPopoverPrepare",null);a([m(),u("design:type",Function),u("design:paramtypes",[Object]),u("design:returntype",Promise)],k.prototype,"configChanged",null);var x=0;k.style=j}}}));