@baloise/ds-core 16.0.3 → 16.1.0

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

@@ -0,0 +1,34 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { DropdownValueUtil } from './value';
+import { BalOption } from './option';
+import { DropdownFocus } from './focus';
+import { DropdownPopupUtil } from './popup';
+export type DropdownComponent = DropdownFocus & {
+    el: HTMLElement;
+    selectEl: HTMLSelectElement | undefined;
+    panelEl: HTMLDivElement | undefined;
+    nativeEl: HTMLInputElement | undefined;
+    listEl: HTMLBalOptionListElement | undefined;
+    valueUtil: DropdownValueUtil;
+    popupUtil: DropdownPopupUtil;
+    multiple: boolean;
+    chips: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    clearable: boolean;
+    hasFocus: boolean;
+    isExpanded: boolean;
+    isAutoFilled: boolean;
+    inputLabel: string;
+    nativeOptions: string[];
+    choices: BalOption[];
+    options: BalOption[];
+    rawOptions: BalOption[];
+    rawValue: string[];
+    value?: string | string[];
+    initialValue?: string | string[];
+    panelCleanup?: () => void;
+    balChange: EventEmitter<BalEvents.BalDropdownChangeDetail>;
+    balBlur: EventEmitter<BalEvents.BalDropdownBlurDetail>;
+    balFocus: EventEmitter<BalEvents.BalDropdownFocusDetail>;
+};

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

@@ -0,0 +1,8 @@
+import { I18n } from '../../interfaces';
+interface I18nBalDropdown {
+    clearable: string;
+    open: string;
+    close: string;
+}
+export declare const i18nBalDropdown: I18n<I18nBalDropdown>;
+export {};

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

@@ -0,0 +1,13 @@
+import { DropdownComponent } from './component';
+export type DropdownEvents = {
+    listenOnClickOutside(ev: UIEvent): any;
+    listenOnClick(ev: UIEvent): any;
+};
+export declare class DropdownEventsUtil {
+    private component;
+    connectedCallback(component: DropdownComponent): void;
+    handleFocus(ev: FocusEvent): void;
+    handleBlur(ev: FocusEvent): void;
+    handleClick(ev: MouseEvent): void;
+    handleOutsideClick(ev: UIEvent): void;
+}

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

@@ -0,0 +1,2 @@
+export declare function startsWith(text: string, input: string): boolean;
+export declare function includes(text: string, input: string): boolean;

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

@@ -0,0 +1,13 @@
+import { DropdownComponent } from './component';
+export type DropdownFocus = {
+    labelToFocus: string;
+};
+export declare class DropdownFocusUtil {
+    private component;
+    private keyHitTimeout;
+    private timeout;
+    connectedCallback(component: DropdownComponent): void;
+    focusOptionByLabel(key: string, options?: Partial<{
+        select: boolean;
+    }>): void;
+}

package/dist/types/utils/dropdown/form-submit.d.ts

@@ -0,0 +1,22 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import { DropdownComponent } from './component';
+export type DropdownFormSubmit = {
+    resetHandler(ev: UIEvent): any;
+};
+export declare class DropdownFormSubmitUtil {
+    private component;
+    private resetHandlerTimer?;
+    connectedCallback(component: DropdownComponent): void;
+    componentDidRender(): void;
+    handle(ev: UIEvent): void;
+}
+export interface DropdownNativeSelectProps {
+    name: string;
+    httpFormSubmit: boolean;
+    multiple: boolean;
+    required: boolean;
+    disabled: boolean;
+    rawValue: string[];
+    refSelectEl: (el: HTMLSelectElement) => void;
+}
+export declare const DropdownNativeSelect: FunctionalComponent<DropdownNativeSelectProps>;

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

@@ -0,0 +1,13 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import { BalLanguage } from '../config';
+export interface DropdownIconProps {
+    language: BalLanguage;
+    loading: boolean;
+    clearable: boolean;
+    filled: boolean;
+    disabled: boolean;
+    invalid: boolean;
+    expanded: boolean;
+    icon: string;
+}
+export declare const DropdownIcon: FunctionalComponent<DropdownIconProps>;

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

@@ -0,0 +1,13 @@
+export * from './auto-fill';
+export * from './component';
+export * from './dropdown.i18n';
+export * from './events';
+export * from './filters';
+export * from './focus';
+export * from './form-submit';
+export * from './icon';
+export * from './option';
+export * from './option-list';
+export * from './popup';
+export * from './value';
+export * from './input';

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

@@ -0,0 +1,27 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import { BalAriaForm } from '../form';
+import { BalLanguage } from '../config';
+import { Attributes } from '../attributes';
+export interface DropdownInputProps {
+    name: string;
+    inputId: string;
+    httpFormSubmit: boolean;
+    ariaForm: BalAriaForm;
+    rawValue: string[];
+    autocomplete: string;
+    placeholder: string;
+    inputLabel: string;
+    required: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    expanded: boolean;
+    invalid: boolean;
+    language: BalLanguage;
+    inheritedAttributes: Attributes;
+    refInputEl: (el: HTMLInputElement) => void;
+    onChange: (ev: Event) => void;
+    onFocus: (ev: FocusEvent) => void;
+    onBlur: (ev: FocusEvent) => void;
+    onKeyDown: (ev: KeyboardEvent) => void;
+}
+export declare const DropdownInput: FunctionalComponent<DropdownInputProps>;

package/dist/types/utils/dropdown/option-list.d.ts

@@ -0,0 +1,17 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import { BalOption } from './option';
+export interface DropdownOptionListProps {
+    inputId: string;
+    block: string;
+    filter: BalProps.BalOptionListFilter;
+    required: boolean;
+    isExpanded: boolean;
+    isDisabled: boolean;
+    hasPropOptions: boolean;
+    multiple: boolean;
+    contentHeight: number;
+    rawOptions: BalOption[];
+    refPanelEl: (el: HTMLDivElement) => void;
+    refListEl: (el: HTMLBalOptionListElement) => void;
+}
+export declare const DropdownOptionList: FunctionalComponent<DropdownOptionListProps>;

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

@@ -0,0 +1,25 @@
+import { DropdownComponent } from './component';
+export type BalBaseOption<TValue = string> = {
+    value: TValue;
+    label: string;
+};
+export type BalOptionOptions = {
+    disabled: boolean;
+    invalid: boolean;
+    selected: boolean;
+    focused: boolean;
+    hidden: boolean;
+    multiline: boolean;
+};
+export type BalOption<TValue = string> = BalBaseOption<TValue> & BalOptionOptions;
+export type NewBalOption<TValue = string> = (option: BalBaseOption<TValue>, options?: Partial<BalOptionOptions>) => BalOption<TValue>;
+export declare const newBalOption: NewBalOption;
+export declare const mapOption: (option: Partial<BalOption>) => BalOption;
+export declare class DropdownOptionUtil {
+    private component;
+    connectedCallback(component: DropdownComponent): void;
+    componentWillRender(): Promise<void>;
+    hasPropOptions(): boolean;
+    optionChanged(): Promise<void>;
+    listenToOptionChange(_ev: BalEvents.BalOptionChange): Promise<void>;
+}

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

@@ -0,0 +1,9 @@
+import { DropdownComponent } from './component';
+export declare class DropdownPopupUtil {
+    private component;
+    connectedCallback(component: DropdownComponent): void;
+    updatePanelPosition: (referenceEl: HTMLElement, floatingEl: HTMLElement) => () => void;
+    toggleList(): void;
+    expandList(): void;
+    collapseList(): void;
+}

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

@@ -0,0 +1,28 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import { DropdownComponent } from './component';
+import { BalOption } from './option';
+export declare class DropdownValueUtil {
+    private component;
+    connectedCallback(component: DropdownComponent): void;
+    componentDidLoad(): void;
+    isDisabled(): boolean;
+    isFilled(): boolean;
+    valueChanged(newValue: string | string[] | undefined, oldValue: string | string[] | undefined): void;
+    updateRawValueBySelection(newRawValue?: string[], isAutoFilled?: boolean): void;
+    parseValueString(newValue?: string | string[]): string[];
+    updateRawValueByValueProp(newValue?: string | string[]): void;
+    updateRawValue(newRawValue?: string[]): Promise<void>;
+    removeOption(option: BalOption): void;
+    updateInputContent(): Promise<void>;
+}
+export interface DropdownValueProps {
+    filled: boolean;
+    chips: boolean;
+    invalid: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    placeholder: string;
+    choices: BalOption[];
+    onRemoveChip: (option: BalOption) => void;
+}
+export declare const DropdownValue: FunctionalComponent<DropdownValueProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/ds-core",
-  "version": "16.0.3",
+  "version": "16.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 @@
     "bubu": "vitest --ui"
   },
   "dependencies": {
-    "@baloise/ds-styles": "16.0.3",
-    "@baloise/ds-icons": "16.0.3",
+    "@baloise/ds-styles": "16.1.0",
+    "@baloise/ds-icons": "16.1.0",
     "@baloise/web-app-utils": "3.11.2",
     "@floating-ui/dom": "~1.6.3",
     "@popperjs/core": "~2.11.4",
@@ -53,10 +53,11 @@
     "@baloise/output-target-angular": "0.0.0",
     "@baloise/output-target-react": "0.0.0",
     "@baloise/output-target-vue": "0.0.0",
-    "@baloise/ds-css": "16.0.3",
-    "@baloise/ds-maps": "16.0.3",
-    "@baloise/ds-brand-icons": "16.0.3",
-    "@baloise/ds-favicons": "16.0.3"
+    "@baloise/output-target-web": "0.0.0",
+    "@baloise/ds-css": "16.1.0",
+    "@baloise/ds-maps": "16.1.0",
+    "@baloise/ds-brand-icons": "16.1.0",
+    "@baloise/ds-favicons": "16.1.0"
   },
   "sideEffects": false
 }

package/dist/baloise-design-system/p-05b55c958d.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,r,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function o(e){try{l(a.next(e))}catch(e){i(e)}}function s(e){try{l(a["throw"](e))}catch(e){i(e)}}function l(e){e.done?r(e.value):n(e.value).then(o,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,n,i,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return l([e,t])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(r=0)),r)try{if(a=1,n&&(i=s[0]&2?n["return"]:s[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;if(n=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{a=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-8954495d.system.js","./p-db0895e2.system.js","./p-d2ee9b0a.system.js","./p-8177dec3.system.js","./p-116b65a6.system.js","./p-a4dacc2d.system.js","./p-2e8b4edc.system.js","./p-a01f3206.system.js","./p-62770d5d.system.js","./p-c0a3d422.system.js","./p-0177e3a0.system.js","./p-8949aa8b.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-eecefb0a.system.js","./p-333ef156.system.js","./p-ec9a7cf5.system.js","./p-61eda028.system.js","./p-23bdd8dc.system.js"],(function(e){"use strict";var t,r,a,n,i,o,s,l,c,u,d,b,h,f,p,m,g,_,v;return{setters:[function(e){t=e.h;r=e.r;a=e.c;n=e.H;i=e.g},function(e){o=e._;s=e.a},function(e){l=e.l},function(e){c=e.B},function(e){u=e.s},function(e){d=e.L},function(e){b=e.g},function(e){h=e.L},function(e){f=e.L},function(e){p=e.L},function(e){m=e.b},function(e){g=e.d},function(e){_=e.L},function(e){v=e.i},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var w=function(e){var r=e.value,a=e.items,n=e.onControlChange;var i=c.block("carousel");var o=i.element("controls");return t("div",{class:Object.assign(Object.assign({},o.class()),o.modifier("tabs").class())},t("bal-card",null,t("bal-card-content",null,a.map((function(e){return t("bal-button",{expanded:true,color:r===e.value?"primary":"light",onClick:function(){return n(e)}},e.label)})))))};var k=function(e){var r=e.value,a=e.items,n=e.onControlChange;var i=c.block("carousel");var o=i.element("controls");var s=function(e){var t=e.detail-1;if(t<0){t=0}if(t>=a.length){t=a.length-1}n(a[t])};return t("div",{class:Object.assign(Object.assign({},o.class()),o.modifier("tabs").class())},t("bal-pagination",{interface:"small",value:r+1,totalPages:a.length,onBalChange:s}))};var y=function(e){var r=e.isFirst,a=e.isLast,n=e.inverted,i=e.areControlsHidden,o=e.onNextClick,s=e.onPreviousClick,l=e.leftControlTitle,u=e.rightControlTitle;var d=c.block("carousel");var b=d.element("controls");var h=b.element("button");return t("div",{"data-mutation":"false",class:Object.assign(Object.assign({},b.class()),b.modifier("large").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},h.class()),h.modifier("left").class()),h.modifier("hidden").class(r&&i)),square:true,icon:"nav-go-left",rounded:true,inverted:n,onClick:function(){return s()},disabled:r,"aria-hidden":r&&i?"true":null,"data-testid":"bal-carousel-control-left",title:l}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},h.class()),h.modifier("right").class()),h.modifier("hidden").class(a&&i)),square:true,icon:"nav-go-right",rounded:true,inverted:n,onClick:function(){return o()},disabled:a,"aria-hidden":a&&i?"true":null,"data-testid":"bal-carousel-control-right",title:u}))};var x=function(e){var r=e.isFirst,a=e.isLast,n=e.inverted,i=e.leftControlTitle,o=e.rightControlTitle,s=e.onNextClick,l=e.onPreviousClick;var u=c.block("carousel");var d=u.element("controls");var b=d.element("button");return t("div",{class:Object.assign(Object.assign({},d.class()),d.modifier("small").class())},t("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("left").class()),b.modifier("hidden").class(r)),square:true,size:"small",icon:"nav-go-left",rounded:true,inverted:n,onClick:function(){return l()},disabled:r,"aria-hidden":r?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-left",title:i}),t("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("right").class()),b.modifier("hidden").class(a)),square:true,size:"small",icon:"nav-go-right",rounded:true,inverted:n,onClick:function(){return s()},disabled:a,"aria-hidden":a?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-right",title:o}))};var j={de:{left:"vorherige",right:"nächste"},en:{left:"previous",right:"next"},fr:{left:"précédent",right:"suivant"},it:{left:"precedente",right:"successivo"},nl:{left:"vorige",right:"volgende"},es:{left:"anterior",right:"siguiente"},pl:{left:"poprzedni",right:"następny"},pt:{left:"anterior",right:"próximo"},sv:{left:"föregående",right:"nästa"},fi:{left:"edellinen",right:"seuraava"}};var O=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-carousel{display:block;position:relative}.bal-carousel__inner{display:block;position:relative;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y}.bal-carousel--full-height{height:100%}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.bal-carousel__inner--shadow-left::before,.bal-carousel__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-carousel__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-carousel__inner--shadow-left.bal-carousel__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-carousel__inner--shadow-right.bal-carousel__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-carousel__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-carousel__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-carousel__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-carousel__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:calc(100% - 2rem);padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:calc(100% - 5rem);padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;width:10rem;height:11rem;text-align:center;padding-top:.5rem;padding-bottom:.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}@media screen and (max-width: 768px){.bal-carousel__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-carousel__controls--large .bal-carousel__controls__button{position:absolute;top:calc(50% - 24px);z-index:7}.bal-carousel__controls--large .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--large .bal-carousel__controls__button--right{right:0}}.bal-carousel__controls__button--hidden{display:none !important;visibility:none !important}.bal-carousel__controls--small .bal-carousel__controls__button{position:absolute;top:calc(50% - 1rem);z-index:7}.bal-carousel__controls--small .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--small .bal-carousel__controls__button--right{right:0}.bal-carousel__controls--small .bal-carousel__controls__button--hidden{display:none !important;visibility:hidden !important}';var z=O;var C=e("bal_carousel",function(){function e(e){var t=this;r(this,e);this.balChange=a(this,"balChange",7);this.previousTransformValue=0;this.carouselId="bal-carousel-".concat(F++);this.mutationObserverActive=true;this.onPreviousButtonClick=function(){return t.previous()};this.onNextButtonClick=function(){return t.next()};this.onControlChange=function(e){if(e!==t.value){var r=e>t.value;if(r){t.next(e-t.value)}else{t.previous(t.value-e)}}};this.isLastSlideVisible=true;this.isMobile=m.isMobile;this.language=g.language;this.value=0;this.steps=1;this.itemsPerView=1;this.controls="none";this.controlsOverflow=false;this.inverted=false;this.fullHeight=false;this.aspectRatio="16by9";this.interface="";this.controlsSticky=false;this.scrollY=true;this.border=false}e.prototype.blockVerticalScrolling=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){if(!this.scrollY&&((t=this.el)===null||t===void 0?void 0:t.contains(e.target))){u(e)}return[2]}))}))};e.prototype.mutationListener=function(){this.itemsChanged()};e.prototype.swipeListener=function(e){var t=e.left,r=e.right;if(t){this.next()}else if(r){this.previous()}};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile;this.itemsChanged()};e.prototype.resizeListener=function(){this.itemsChanged()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=e.language;return[2]}))}))};e.prototype.previous=function(e){if(e===void 0){e=this.steps}return __awaiter(this,void 0,void 0,(function(){var t,r,a;return __generator(this,(function(n){switch(n.label){case 0:t=this.value-e;if(t<0){t=0}return[4,this.buildSlide(t)];case 1:r=n.sent();if(!r)return[3,3];return[4,this.animate(r.transformActive,true)];case 2:a=n.sent();if(this.value>0){this.value=t;if(!a){this.previous()}else{this.balChange.emit(this.value)}}n.label=3;case 3:return[2]}}))}))};e.prototype.next=function(e){if(e===void 0){e=this.steps}return __awaiter(this,void 0,void 0,(function(){var t,r,a,n,i;return __generator(this,(function(o){switch(o.label){case 0:t=this.getAllItemElements();r=t.length;a=this.value+e;if(a>=r){a=r-1}return[4,this.buildSlide(a)];case 1:n=o.sent();if(!n)return[3,3];return[4,this.animate(n.transformActive,true)];case 2:i=o.sent();if(i){this.value=a;this.balChange.emit(this.value)}o.label=3;case 3:return[2]}}))}))};e.prototype.animate=function(e,t){if(e===void 0){e=0}if(t===void 0){t=true}return __awaiter(this,void 0,void 0,(function(){var r=this;return __generator(this,(function(a){return[2,new Promise((function(a){if(r.currentRaf!==undefined){cancelAnimationFrame(r.currentRaf)}r.currentRaf=l((function(){return __awaiter(r,void 0,void 0,(function(){var r,n,i,o,s,l,c,u,d,b,h;return __generator(this,(function(f){switch(f.label){case 0:if(!(this.containerEl&&this.innerEl))return[3,2];return[4,this.buildSlide()];case 1:r=f.sent();if(r){n=this.innerEl.clientWidth||0;i=r.transformNext||0;o=i<=n;s=i-n;l=s<=e;if(this.itemsPerView===3){s=i-n-1;l=s<=e}c=e===0||s<=2;if(c){this.value=0;this.balChange.emit(this.value)}u=this.controls==="small";d=this.controls==="large";b=o?0:l?s:e;if(!c&&!o&&(u||d&&!this.isMobile)){b=b-(l?0:d?56:48)}this.containerEl.style.transitionDuration=t?"0.6s":"0";this.containerEl.style.transform="translate3d(-".concat(b,"px, 0px, 0px)");h=b!==this.previousTransformValue;this.previousTransformValue=b;this.isLastSlideVisible=l;if(this.borderEl){this.borderEl.style.transitionDuration=t?"0.6s":"0";this.borderEl.style.transform="translate3d(".concat(b,"px, 0px, 0px)")}if(!h){return[2,a(false)]}return[2,a(true)]}f.label=2;case 2:return[2]}}))}))}))}))]}))}))};e.prototype.buildSlide=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,a,n;return __generator(this,(function(i){switch(i.label){case 0:t=this.getAllItemElements();r=e===undefined?t.length-1:e;if(!(t.length>r&&r>=0))return[3,2];return[4,this.getAllItemData()];case 1:a=i.sent();n=this.interface==="product"?16:0;return[2,{el:t[r],data:a[r],transformNext:t.filter((function(e,t){return t<r+1})).reduce((function(e,t){return e+b(t)+n}),0),transformActive:t.filter((function(e,t){return t<r})).reduce((function(e,t){return e+b(t)+n}),0),isFirst:r===0,isLast:r===t.length-1,total:t.length,index:r}];case 2:return[2,undefined]}}))}))};e.prototype.itemsChanged=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return[4,this.buildSlide(this.value)];case 1:e=t.sent();if(e){this.animate(e.transformActive,false)}return[2]}}))}))};e.prototype.getAllItemData=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:e=this.getAllItemElements().map((function(e){return e.getData()}));return[4,Promise.all(e)];case 1:return[2,t.sent()]}}))}))};e.prototype.getAllItemElements=function(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))};e.prototype.getAllControlItems=function(){var e=this.getAllItemElements();return e.map((function(e,t){return{value:t,label:e.label}}))};e.prototype.hasShadow=function(){return this.itemsPerView==="auto"||this.itemsPerView>1||this.interface==="card"};e.prototype.hasShadowLeft=function(){return this.hasShadow()&&(this.value!==0||this.interface==="card")};e.prototype.hasShadowRight=function(){return this.hasShadow()&&(!this.isLastSlideVisible||this.interface==="card")};e.prototype.isFirst=function(){return this.value===0};e.prototype.isLast=function(){return this.isLastSlideVisible};e.prototype.render=function(){var e=this;var r=c.block("carousel");var a=r.element("inner");var i=a.element("container");var o=j[this.language].left;var s=j[this.language].right;var l=this.getAllControlItems();return t(n,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(this.interface).class(this.interface!=="")),r.modifier("full-height").class(this.fullHeight)),r.modifier("controls-sticky").class(this.controlsSticky)),r.modifier("controls-".concat(this.controls)).class())},this.controls==="tabs"?t(w,{value:this.value,items:l,onControlChange:function(t){return e.onControlChange(t.value)}}):"",t("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("items-per-view-".concat(this.itemsPerView)).class()),a.modifier("is-".concat(this.aspectRatio)).class()),a.modifier("inverted").class(this.inverted)),a.modifier("full-height").class(this.fullHeight)),a.modifier("shadow-left").class(this.hasShadowLeft())),a.modifier("shadow-right").class(this.hasShadowRight())),ref:function(t){return e.innerEl=t}},t("div",{class:Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("border").class(this.border)),i.modifier("is-".concat(this.aspectRatio)).class()),ref:function(t){return e.containerEl=t}},t("slot",null),this.border?t("div",{id:"".concat(this.carouselId,"-border"),class:Object.assign(Object.assign({},i.element("border").class()),i.element("border").modifier("inverted").class(this.inverted)),ref:function(t){return e.borderEl=t}}):"")),this.controls==="dots"?t(k,{value:this.value,items:l,onControlChange:function(t){return e.onControlChange(t.value)}}):"",this.controls==="large"?t(y,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,areControlsHidden:!this.isMobile,leftControlTitle:o,rightControlTitle:s,onNextClick:function(){return e.onNextButtonClick()},onPreviousClick:function(){return e.onPreviousButtonClick()}}):"",this.controls==="small"?t(x,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,leftControlTitle:o,rightControlTitle:s,onNextClick:function(){return e.onNextButtonClick()},onPreviousClick:function(){return e.onPreviousButtonClick()}}):"")};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());o([h({tags:["bal-carousel-item"],characterData:false}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"mutationListener",null);o([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],C.prototype,"swipeListener",null);o([d(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],C.prototype,"breakpointListener",null);o([p(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],C.prototype,"resizeListener",null);o([_(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],C.prototype,"configChanged",null);var F=0;C.style=z;var L=e("bal_carousel_item",function(){function e(e){var t=this;r(this,e);this.balNavigate=a(this,"balNavigate",7);this.balFocus=a(this,"balFocus",7);this.balBlur=a(this,"balBlur",7);this.imageInheritAttributes={};this.onClick=function(e){if(t.href!==undefined){t.balNavigate.emit(e)}};this.onFocus=function(){t.balFocus.emit()};this.onBlur=function(){t.balBlur.emit()};this.src=undefined;this.label="";this.elementType="button";this.name="";this.value="";this.href=undefined;this.target="_self";this.rel=undefined;this.download=undefined;this.color=undefined}e.prototype.componentWillLoad=function(){this.imageInheritAttributes=v(this.el,["alt"])};e.prototype.getData=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,{clientWidth:this.el.clientWidth,label:this.label}]}))}))};e.prototype.render=function(){var e=c.block("carousel");var r=e.element("item");var a=!!this.color&&!!this.label;if(!a){return t(n,{class:Object.assign({},r.class())},this.src!==undefined?t("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",t("slot",null))}var i=r.element("button");var o=i.element("image");var s=i.element("label");var l=this,u=l.elementType,d=l.download,b=l.href,h=l.rel,f=l.target,p=l.name,m=l.value;var g=this.href===undefined?"button":"a";var _=g==="button"?{type:u,name:p,value:m}:{download:d,href:b,rel:h,target:f};return t(n,{class:Object.assign({},r.class())},t(g,Object.assign({},_,{class:Object.assign(Object.assign({},i.class()),i.modifier("color-".concat(this.color)).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick}),this.src!==undefined?t("img",Object.assign({class:Object.assign({},o.class()),loading:"lazy",draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",this.label!==undefined?t("span",{class:Object.assign({},s.class())},this.label):"",t("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}())}}}));

package/dist/baloise-design-system/p-0d30cbfab8.entry.js

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

package/dist/baloise-design-system/p-15ca43f2.system.js

@@ -1 +0,0 @@
-var __extends=this&&this.__extends||function(){var n=function(t,e){n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,t){n.__proto__=t}||function(n,t){for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e))n[e]=t[e]};return n(t,e)};return function(t,e){if(typeof e!=="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");n(t,e);function i(){this.constructor=t}t.prototype=e===null?Object.create(e):(i.prototype=e.prototype,new i)}}();var __awaiter=this&&this.__awaiter||function(n,t,e,i){function o(n){return n instanceof e?n:new e((function(t){t(n)}))}return new(e||(e=Promise))((function(e,r){function a(n){try{u(i.next(n))}catch(n){r(n)}}function s(n){try{u(i["throw"](n))}catch(n){r(n)}}function u(n){n.done?e(n.value):o(n.value).then(a,s)}u((i=i.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(n){return function(t){return u([n,t])}}function u(s){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(e=0)),e)try{if(i=1,o&&(r=s[0]&2?o["return"]:s[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,s[1])).done)return r;if(o=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:e.label++;return{value:s[1],done:false};case 5:e.label++;o=s[1];s=[0];continue;case 7:s=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){e.label=s[1];break}if(s[0]===6&&e.label<r[1]){e.label=r[1];r=s;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(s);break}if(r[2])e.ops.pop();e.trys.pop();continue}s=t.call(n,e)}catch(n){s=[6,n];o=0}finally{i=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-99cfab9c.system.js","./p-922fd809.system.js","./p-6b45db53.system.js","./p-a7fc2da7.system.js","./p-14d0c5f3.system.js","./p-4c0bad70.system.js","./p-fe76780d.system.js","./p-3bbf43bb.system.js","./p-8a2bab70.system.js","./p-3ecc7d9a.system.js","./p-8954495d.system.js","./p-6e5745c8.system.js","./p-f233fe25.system.js","./p-a1f6e944.system.js","./p-ec9a7cf5.system.js","./p-ae9b85f1.system.js","./p-62770d5d.system.js","./p-145d5c4e.system.js","./p-c0a3d422.system.js","./p-eecefb0a.system.js","./p-333ef156.system.js","./p-3cb83cf9.system.js","./p-6913b916.system.js","./p-2880433e.system.js","./p-456fc561.system.js","./p-b3f2c626.system.js","./p-61eda028.system.js","./p-23bdd8dc.system.js"],(function(n){"use strict";var t,e,i,o,r,a,s,u,f;return{setters:[function(t){n("FileUploadRejectionReason",t.F)},function(t){var e={};e.BalDate=t.B;e.i18nBalDate=t.i;n(e)},function(t){n("i18nBalClose",t.i)},function(t){n("i18nBalDatepicker",t.i)},function(t){n("i18nBalTimeInput",t.i)},function(t){n("i18nBalInputStepper",t.i)},function(t){n("i18nBalLabel",t.i)},function(t){var e={};e.BalSnackbarController=t.a;e.BalToastController=t.B;e.balSnackbarController=t.c;e.balToastController=t.b;e.initialize=t.i;e.initializeBaloiseDesignSystem=t.i;e.setupConfig=t.s;n(e)},function(t){n("newBalStepOption",t.n)},function(t){n("newBalTabOption",t.n)},function(i){t=i.g;e=i.c;var o={};o.componentOnReady=i.c;o.deepReady=i.e;o.getAppRoot=i.g;o.isDescendant=i.i;o.shallowReady=i.s;o.wait=i.f;o.waitAfterFramePaint=i.b;o.waitAfterIdleCallback=i.d;o.waitForComponent=i.w;o.waitForDesignSystem=i.a;n(o)},function(t){n("scrollToFirstInvalidField",t.s)},function(t){n("BalScrollHandler",t.B)},function(t){i=t.b;n("balBrowser",t.b)},function(t){o=t.b;var e={};e.BalDevice=t.B;e.balDevice=t.b;n(e)},function(n){r=n.g;a=n.a},function(t){s=t.B;u=t.b;var e={};e.BalBreakpointSubject=t.c;e.BalBreakpointsUtil=t.d;e.balBreakpointSubject=t.a;e.balBreakpoints=t.b;n(e)},function(t){var e={};e.attachToConfig=t.a;e.detachFromConfig=t.d;e.onBalConfigChange=t.o;e.updateBalAllowedLanguages=t.u;e.updateBalAnimated=t.b;e.updateBalIcons=t.c;e.updateBalLanguage=t.e;e.updateBalRegion=t.f;e.useBalConfig=t.g;n(e)},function(t){n("defaultConfig",t.d)},function(n){f=n.S},function(t){n("BalSwipeSubject",t.B)},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var c=n("i18nBalFieldLabel",{de:{optional:" (optional)"},en:{optional:" (optional)"},fr:{optional:" (optionnel)"},it:{optional:" (opzionale)"},nl:{optional:" (optioneel)"},es:{optional:" (opcional)"},pl:{optional:" (opcjonalnie)"},pt:{optional:" (opcional)"},sv:{optional:" (frivillig)"},fi:{optional:" (valinnainen)"}});var l=n("newBalCheckboxOption",(function(n){return Object.assign(Object.assign({interface:"checkbox",labelHidden:false,flat:false,disabled:false,readonly:false,required:false,nonSubmit:false,invalid:false,checked:false},n),{label:"",html:n.label})}));var p=n("newBalRadioOption",(function(n){return Object.assign(Object.assign({interface:"radio",labelHidden:false,flat:false,disabled:false,readonly:false,required:false,nonSubmit:false,invisible:false,invalid:false},n),{label:"",html:n.label})}));var d=n("newBalOptionValue",(function(n,t,e,i){if(e===void 0){e=false}return{value:n,label:t,disabled:e,data:i}}));var b=n("newBalSingleOptionValue",(function(n,t,e){if(t===void 0){t=false}return d(n,n,t,e)}));var m=function(n){__extends(t,n);function t(){var t=n.call(this,(function(n){return n.orientationListener(t.state)}))||this;t.listener=new s;t.state=o.orientation.toObject();t.listener.connect();t.listener.add((function(){var n=o.orientation.toObject();if(!t.isEqual(n)){t.state=n;t.notify(undefined)}}));return t}t.prototype.attach=function(t){n.prototype.attach.call(this,t);t.orientationListener(this.state)};t.prototype.isEqual=function(n){return n.landscape===this.state.landscape&&n.portrait===this.state.portrait};return t}(f);n("BalOrientationSubject",m);var v=n("balOrientationSubject",new m);var y=function(){function n(){this.tag="bal-modal"}n.prototype.create=function(n){var o=this;if(typeof customElements!=="undefined"&&i.hasDocument){return customElements.whenDefined(this.tag).then((function(){var i=document.createElement(o.tag);Object.assign(i,n);t(document).appendChild(i);return new Promise((function(n){return e(i,n)}))}))}return Promise.resolve()};n.prototype.dismissAll=function(n,t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(o){switch(o.label){case 0:if(!i.hasDocument)return[3,2];e=r(document,this.tag);return[4,Promise.all(e.map((function(e){return e.dismiss(n,t)})))];case 1:o.sent();o.label=2;case 2:return[2]}}))}))};n.prototype.dismiss=function(n,t,e){if(i.hasDocument){var o=a(document,this.tag,e);if(!o){return Promise.reject("overlay does not exist")}return o.dismiss(n,t)}return Promise.resolve(false)};n.prototype.getTop=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){if(i.hasDocument){return[2,a(document,this.tag)]}return[2]}))}))};return n}();n("BalModalController",y);var h=n("balModalController",new y);var j=n("hasTouchSupport",(function(){return o.hasTouchScreen}));var w=n("isBrowser",(function(n){if(n==="Safari"){return i.isSafari}return false}));var B=n("getPlatforms",(function(n){return u.detect()}));var _=n("isPlatform",(function(n,t){if(typeof n==="string"){t=n}if(t){return u.detect().includes(t)}return false}));var O=n("NewBalOptionValue",d);var S=n("NewBalSingleOptionValue",b)}}}));

package/dist/baloise-design-system/p-1e0e5892a3.system.entry.js

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

package/dist/baloise-design-system/p-2c3370fdbe.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(i,t,e,n){function r(i){return i instanceof e?i:new e((function(t){t(i)}))}return new(e||(e=Promise))((function(e,s){function a(i){try{l(n.next(i))}catch(i){s(i)}}function u(i){try{l(n["throw"](i))}catch(i){s(i)}}function l(i){i.done?e(i.value):r(i.value).then(a,u)}l((n=n.apply(i,t||[])).next())}))};var __generator=this&&this.__generator||function(i,t){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(i){return function(t){return l([i,t])}}function l(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=t.call(i,e)}catch(i){u=[6,i];r=0}finally{n=s=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(i,t,e){if(e||arguments.length===2)for(var n=0,r=t.length,s;n<r;n++){if(s||!(n in t)){if(!s)s=Array.prototype.slice.call(t,0,n);s[n]=t[n]}}return i.concat(s||Array.prototype.slice.call(t))};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-3cb83cf9.system.js","./p-d2ee9b0a.system.js","./p-23bdd8dc.system.js","./p-db0895e2.system.js","./p-99cfab9c.system.js","./p-6e5745c8.system.js","./p-6913b916.system.js","./p-2880433e.system.js","./p-8954495d.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js"],(function(i){"use strict";var t,e,n,r,s,a,u,l,o,f,c,h,d,b,v,p,m,y;return{setters:[function(i){t=i.h;e=i.r;n=i.c;r=i.H;s=i.g},function(i){a=i._;u=i.a},function(i){l=i.o},function(i){o=i.s;f=i.a;c=i.i;h=i.e;d=i.c;b=i.d},function(i){v=i.L},function(i){p=i.B},function(i){m=i.F},function(i){y=i.d},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var _={};var g={};Object.defineProperty(g,"__esModule",{value:true});var j={radix:1e3,unit:["b","kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]};var w={radix:1024,unit:["b","Kib","Mib","Gib","Tib","Pib","Eib","Zib","Yib"]};var k={radix:1024,unit:["b","Kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]};g.SPECS={si:j,iec:w,jedec:k};Object.defineProperty(_,"__esModule",{value:true});var F=g;function A(i,t,e){if(t===void 0){t=1}i=Math.abs(i);var n=F.SPECS[e]||F.SPECS["jedec"],r=n.radix,s=n.unit;var a=0;while(i>=r){i/=r;++a}return i.toFixed(t)+" "+s[a]}var x=_.default=A;var C=p.block("file-upload").element("list");var T=function(i){var e=i.files,n=i.disabled,r=i.subTitle,s=i.onRemoveFile;return t("bal-card",{class:Object.assign({},C.class()),flat:true},t("bal-list",{disabled:n,border:true,size:"large"},e.map((function(i,e){return t("bal-list-item",{disabled:n},t("bal-list-item-icon",null,t("bal-icon",{name:"document"})),t("bal-list-item-content",null,t("bal-list-item-title",null,i.name),t("bal-list-item-subtitle",null,r?r(i):x(i.size))),t("bal-list-item-icon",{right:true,class:{"file-remove":true,"is-clickable":!n},onClick:function(i){return s(i,e)}},t("bal-icon",{name:"trash",color:n?"grey":"danger"})))}))))};var M=function(i){return Array.from(i?i:[])};var O=function(i){var t=new DataTransfer;if(i&&i.length>0){i.forEach((function(i){return t.items.add(i)}))}return t.files};var P=function(i,t,e){var n=[];var r=__spreadArray([],i,true);var s=[];var a=function(a){var u=t[a];if(u){var l=[];if(e.accept&&e.accept.split(" ").join("").split(",").indexOf(u.type)===-1){l.push(m.BAD_EXTENSION)}if(e.maxFileSize!==undefined&&u.size>e.maxFileSize){l.push(m.FILE_TOO_BIG)}var o=r.map((function(i){return i.size})).reduce((function(i,t){return i+t}),0);var f=o+u.size;if(e.maxBundleSize!==undefined&&f>e.maxBundleSize){l.push(m.FILE_SIZE_SUM_TOO_BIG)}var c=r.length+1;if(e.maxFiles!==undefined&&c>e.maxFiles){l.push(m.TOO_MANY_FILES)}var h=function(i,t){return i.size===t.size&&i.name===t.name&&i.type===t.type&&i.lastModified===t.lastModified};var d=i.filter((function(i){return h(i,u)}));if(d.length>0){l.push(m.DUPLICATED_FILE)}if(l.length>0){s.push({file:u,reasons:l})}else{r.push(u);n.push(u)}}};for(var u=0;u<t.length;u++){a(u)}return{validFiles:n,invalidFiles:s}};var S=".bal-file-upload{display:block;position:static;width:100%}.bal-file-upload .file-label{word-break:break-word;white-space:normal}.bal-file-upload .bal-heading{word-break:break-all}.bal-file-upload__card{margin-top:var(--bal-space-normal)}.bal-file-upload__list{padding:0 !important}";var z=S;var E=i("bal_file_upload",function(){function i(i){var t=this;e(this,i);this.balChange=n(this,"balChange",7);this.balFilesAdded=n(this,"balFilesAdded",7);this.balFilesRemoved=n(this,"balFilesRemoved",7);this.balRejectedFile=n(this,"balRejectedFile",7);this.balInputClick=n(this,"balInputClick",7);this.balBlur=n(this,"balBlur",7);this.balFocus=n(this,"balFocus",7);this.fileUploadId="bal-file-upload-".concat(G++);this.initialValue=this.value||[];this.addEventListenerDragAndDrop=function(){if(t.labelEl){t.labelEl.addEventListener("dragenter",t.onDragenter,false);t.labelEl.addEventListener("dragover",t.onDragover,false);t.labelEl.addEventListener("drop",t.onDrop,false)}};this.removeEventListenerDragAndDrop=function(){if(t.labelEl){t.labelEl.removeEventListener("dragenter",t.onDragenter,false);t.labelEl.removeEventListener("dragover",t.onDragover,false);t.labelEl.removeEventListener("drop",t.onDrop,false)}};this.handleFiles=function(i){var e=M(i);var n=P(t.files,e,{accept:t.accept,maxFileSize:t.maxFileSize,maxBundleSize:t.maxBundleSize,maxFiles:t.maxFiles});if(n.invalidFiles.length>0){t.balRejectedFile.emit(n.invalidFiles[0])}if(n.validFiles.length>0){t.files=__spreadArray(__spreadArray([],t.files,true),n.validFiles,true);t.balChange.emit(t.files);t.balFilesAdded.emit(n.validFiles)}t.updateFileInput()};this.updateFileInput=function(){var i;if((i=t.nativeInput)===null||i===void 0?void 0:i.files){t.nativeInput.files=O(t.files)}};this.onDragenter=function(i){o(i)};this.onDragover=function(i){o(i)};this.onDrop=function(i){o(i);if(!t.disabled&&!t.readonly&&!t.loading){var e=i.dataTransfer;if(e){t.handleFiles(e.files)}}};this.onInputChange=function(){var i;if(!t.disabled&&!t.readonly&&!t.loading){if((i=t.nativeInput)===null||i===void 0?void 0:i.files){t.handleFiles(t.nativeInput.files)}}};this.onRemoveFile=function(i,e){o(i);if(e>=0&&e<t.files.length){var n=t.files;var r=n.splice(e,1);t.balFilesRemoved.emit(r);t.files=__spreadArray([],n,true);t.balChange.emit(t.files);t.updateFileInput()}};this.onHostClick=function(i){return f(t,i)};this.onInputFocus=function(i){return c(t,i)};this.onInputBlur=function(i){return h(t,i)};this.onInputClick=function(i){if(t.nativeInput&&!t.disabled&&!t.readonly&&!t.loading){t.nativeInput.value=""}t.balInputClick.emit(i)};this.files=[];this.focused=false;this.ariaForm=y;this.name=this.fileUploadId;this.value=[];this.label="Choose or drop a file...";this.multiple=true;this.disabled=false;this.readonly=false;this.loading=false;this.required=false;this.accept=undefined;this.maxFiles=undefined;this.maxFileSize=undefined;this.maxBundleSize=undefined;this.hasFileList=true;this.invalid=false;this.subTitle=undefined;this.autoInvalidOff=false}i.prototype.createLogger=function(i){this.log=i};i.prototype.onValueChange=function(){if(!l(this.files,this.value)){this.files=this.value}};i.prototype.componentWillLoad=function(){this.onValueChange()};i.prototype.connectedCallback=function(){this.initialValue=this.value||[];this.addEventListenerDragAndDrop()};i.prototype.componentDidLoad=function(){this.addEventListenerDragAndDrop()};i.prototype.disconnectedCallback=function(){this.removeEventListenerDragAndDrop()};i.prototype.resetHandler=function(i){var t=this;var e=i.target;if(e===null||e===void 0?void 0:e.contains(this.el)){this.files=__spreadArray([],this.initialValue,true);clearTimeout(this.resetHandlerTimer);this.resetHandlerTimer=setTimeout((function(){if(t.nativeInput){t.nativeInput.files=O(t.initialValue)}}))}};i.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.files=[];this.updateFileInput();return[2]}))}))};i.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){d(this);return[2]}))}))};i.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){b(this);return[2]}))}))};i.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};i.prototype.setAriaForm=function(i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},i);return[2]}))}))};i.prototype.render=function(){var i=this;var e=this.ariaForm.controlId||this.fileUploadId;return t(r,{onClick:this.onHostClick,"aria-disabled":this.disabled?"true":null,class:{"bal-file-upload":true}},t("div",{class:{file:true,"is-disabled":this.disabled||this.readonly||this.loading,"is-danger":this.invalid}},t("label",{htmlFor:e,ref:function(t){return i.labelEl=t},class:{"file-label":true,"is-disabled":this.disabled||this.loading||this.readonly}},t("input",{class:"file-input",type:"file",id:e,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":this.disabled?"true":null,name:this.name,multiple:this.multiple,disabled:this.disabled||this.loading||this.readonly,readonly:this.readonly,required:this.required,accept:this.accept,onClick:this.onInputClick,onChange:this.onInputChange,onFocus:this.onInputFocus,onBlur:this.onInputBlur,ref:function(t){return i.nativeInput=t},"data-testid":"bal-file-upload-input"}),this.loading?t("span",{class:"file-cta"},t("bal-spinner",null)):t("span",{class:"file-cta"},t("span",{class:"file-icon"},t("bal-icon",{name:"upload",size:"medium",color:this.disabled||this.loading||this.readonly?"grey-light":this.invalid?"danger":"blue"})),t("span",{class:"file-label","data-testid":"bal-file-upload-label"},this.label)))),this.hasFileList&&this.files.length>0?t(T,{files:this.files,disabled:this.disabled||this.readonly||this.loading,subTitle:this.subTitle,onRemoveFile:this.onRemoveFile}):"")};Object.defineProperty(i.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{value:["onValueChange"]}},enumerable:false,configurable:true});return i}());a([v("bal-file-upload"),u("design:type",Function),u("design:paramtypes",[Function]),u("design:returntype",void 0)],E.prototype,"createLogger",null);var G=0;E.style=z}}}));

package/dist/baloise-design-system/p-2d10e25c6b.entry.js

@@ -1 +0,0 @@
-import{r as t,c as a,h as e,H as i,g as s}from"./p-d7c752c6.js";import{a as n}from"./p-dd5e13d1.js";import{_ as b,a as o}from"./p-43c9f5e9.js";import{o as l}from"./p-1b76afbf.js";import{l as r,e as _,t as h,m as c,n as d,o as v,i as m}from"./p-88f18fbc.js";import{B as p}from"./p-ae86d0a0.js";import{L as u}from"./p-b77e3348.js";import{n as f}from"./p-f3f5ce4f.js";import{s as g}from"./p-ad9a7657.js";import{b as x}from"./p-a65354df.js";import{a as w}from"./p-0e361394.js";import{b as j}from"./p-6496dcd5.js";import{L as O}from"./p-3231863d.js";import{L as y}from"./p-cee3cd08.js";import{L as k}from"./p-2692caf4.js";import{L as $}from"./p-69e7c8d6.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-979368af.js";const z=class{constructor(e){t(this,e),this.balNavigate=a(this,"balNavigate",7),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+A++,this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0}componentWillLoad(){this.inheritAttributes=n(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes}}render(){return e(i,{id:this.tabPanelID,role:"tabpanel","aria-label":this.label,"aria-hidden":this.isActive?"false":"true",tabindex:this.isActive?"0":"-1",class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive}},e("slot",null))}get el(){return s(this)}};let A=0;const C=({items:t,value:a,onSelectTab:i})=>{const s=p.block("tabs").element("select");return e("bal-select",{class:Object.assign({},s.class()),value:a,onBalChange:a=>(a=>{const e=t.filter((t=>t.value===a.detail));if(e.length>0){const t=e[0];""!==t.href&&void 0!==t.href&&x.hasWindow&&window.open(t.href,t.target),i(a,t)}})(a)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>e("bal-select-option",{label:t.label,value:t.value},t.label))))},L=({item:t,inverted:a,accordion:i,isAccordionOpen:s,isMobile:n,hasBubble:b})=>{const o=p.block("tabs").element("nav").element("item").element("icon");let l=t.disabled?"grey":"primary";return a&&(l=t.disabled?"primary-light":"white"),e("span",{class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(t.active)),o.modifier("disabled").class(t.disabled))},e("bal-icon",{size:n||i?"small":"",name:i?"nav-go-down":t.icon,color:l,turn:i&&!0===s&&t.active}),b?e("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},t.bubble):"")},F=({item:t,inverted:a,hasBubble:i,isVertical:s,context:n})=>{const b=p.block("tabs").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("inverted").class(a)),b.modifier("active").class(t.active)),b.modifier("disabled").class(t.disabled)),b.modifier("vertical").class(s)),b.modifier(`context-${n}`).class(void 0!==n)),"data-testid":"bal-tabs-item-label"},t.label,i?e("bal-badge",{class:Object.assign({},b.element("bubble").class()),size:"small"},t.bubble):"")},T=({item:t,tabsId:a,isFirst:i,isLast:s,isMobile:n,isVertical:b,accordion:o,isAccordionOpen:l,inverted:r,expanded:_,spaceless:h,clickable:c,iconPosition:d,context:v,onSelectTab:m})=>{const u=p.block("tabs").element("nav").element("item");if(t.invisible)return;const f=!1!==t.bubble,g=void 0!==t.icon,x=g&&f&&"horizontal"!==d&&!o||n&&g&&f&&!b&&!o,w=o&&f||o&&n&&g&&f&&!b,j=!g&&f&&!o||f&&!n&&"horizontal"===d&&!o||f&&b&&!o,O=void 0===t.href||""===t.href?"button":"a",y="button"===O?{type:"button"}:{href:t.href,target:t.target};return e(O,Object.assign({id:`${a}-button-${B++}`,role:"tab",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({},u.class()),u.modifier("active").class(t.active)),u.modifier("disabled").class(t.disabled)),u.modifier("clickable").class(c)),u.modifier("accordion").class(o)),u.modifier("inverted").class(r)),u.modifier("expanded").class(_)),u.modifier("spaceless").class(h)),u.modifier("first").class(i)),u.modifier("last").class(s)),u.modifier("passed").class(t.passed)),u.modifier("vertical").class(b)),u.modifier(`context-${v}`).class(void 0!==v)),u.modifier(`icon-position-${d}`).class("horizontal"!==d)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":a,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":t.active?"true":"false","aria-disabled":`${t.disabled}`,"aria-label":t.label,"aria-controls":t.tabPanelID},y,{onClick:a=>m(a,t)}),t.icon?e(L,{accordion:!1,item:t,isMobile:n,hasBubble:x,inverted:r}):"",e(F,{item:t,isMobile:n,isVertical:b,hasBubble:j,inverted:r,context:v}),o&&!t.href?e(L,{accordion:o,isAccordionOpen:l,item:t,isMobile:n,hasBubble:w,inverted:r}):"")};let B=0;const V=({items:t,tabsId:a,hasCarousel:i,isVertical:s,inNavbar:n,isMobile:b,isTouch:o,lineActive:l,border:r,accordion:_,isAccordionOpen:h,inverted:c,clickable:d,animated:v,spaceless:m,expanded:u,verticalColSize:f,iconPosition:x,context:w,onSelectTab:j})=>{const O=p.block("tabs").element("nav"),y=t.filter((t=>!t.invisible)),k=n&&!o,$=({item:t,index:i})=>e(T,{item:t,tabsId:a,isFirst:0===i,isLast:i===y.length-1,isMobile:b,isVertical:s,iconPosition:x,spaceless:m,inverted:c,accordion:_,isAccordionOpen:h,context:w,expanded:u,clickable:d&&!t.disabled,onSelectTab:j});return e("div",{role:"tablist",id:`${a}-nav`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.class()),O.modifier("full-height").class(k)),O.modifier("border").class(r)),O.modifier("animated").class(v)),O.modifier("vertical").class(s)),O.modifier("expanded").class(u&&!s)),O.modifier(`vertical-col-${f}`).class(s))},i?e("bal-carousel",{id:`${a}-carousel`,class:Object.assign({},O.element("carousel").class()),fullHeight:k,border:r,inverted:c,controls:"small","items-per-view":"auto",steps:3,onBalChange:g},y.map(((t,a)=>e("bal-carousel-item",{class:Object.assign(Object.assign({},O.element("carousel").element("item").class()),O.element("carousel").element("item").modifier("expanded").class(u))},e($,{item:t,index:a})))),e("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(l)),O.element("line").modifier("inverted").class(c)),O.element("line").modifier("animated").class(v)),O.element("line").modifier("vertical").class(s))})):y.map(((t,a)=>e($,{item:t,index:a}))),i?"":e("div",{id:`${a}-border`,class:Object.assign(Object.assign(Object.assign({},O.element("border").class()),O.element("border").modifier("inverted").class(c)),O.element("border").modifier("vertical").class(s))}),i?"":e("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(l)),O.element("line").modifier("inverted").class(c)),O.element("line").modifier("animated").class(v)),O.element("line").modifier("vertical").class(s))}))},M=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.balWillAnimate=a(this,"balWillAnimate",7),this.balDidAnimate=a(this,"balDidAnimate",7),this.tabsId="bal-tabs-"+S++,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(f)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{l(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isActive(t))))},this.getLineSize=(t,a)=>{if(t){if(this.isVertical())return t.clientHeight;{const e=t.clientWidth;return this.expanded?e:e-(a.left+a.right)}}return 0},this.getOffset=(t,a)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const e=t.closest("bal-carousel-item");if(e)return this.expanded?e.offsetLeft:e.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),r((async()=>{await _(this.el,!0),this.currentRaf=r((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=w(t),e=this.getLineSize(t,a),i=this.getOffset(t,a),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const a=h(s,300);if(t)s.style.setProperty("transform",`translateY(${i}px)`),s.style.setProperty("min-height",`${e}px`),s.style.setProperty("height",`${e}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${i}px)`),s.style.setProperty("min-width",`${e}px`),s.style.setProperty("width",`${e}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();t&&n&&t.style.setProperty("width",`${n.clientWidth}px`),await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=(t=!1)=>{this.isAccordionOpen=!0;const{contentEl:a,contentElWrapper:e}=this;t||void 0===a||void 0===e?this.accordionState=4:4!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?r((()=>{this.accordionState=8,this.currentRaf=r((async()=>{const t=e.offsetHeight,i=h(a,300);a.style.setProperty("max-height",`${t}px`),this.balWillAnimate.emit(this.value),await i,this.accordionState=4,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.collapseAccordion=(t=!1)=>{this.isAccordionOpen=!1;const{contentEl:a}=this;t||void 0===a?this.accordionState=1:1!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=r((async()=>{a.style.setProperty("max-height",`${a.offsetHeight}px`),r((async()=>{const t=h(a,300);this.accordionState=2,this.balWillAnimate.emit(this.value),await t,this.accordionState=1,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=async()=>{try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,a)=>{(a.prevent||a.disabled||!this.clickable)&&g(t),!a.disabled&&this.clickable&&(this.accordion&&(a.value===this.value?this.toggleAccordionState():this.expandAccordion()),a.navigate&&a.navigate.emit(t),a.value!==this.value&&(this.balChange.emit(a.value),await this.select(a)))},this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.isMobile=j.isMobile,this.isTablet=j.isTablet,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.context=void 0,this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}debounceChanged(){this.balChange=c(this.balChange,this.debounce)}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.inNavbar=d("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(d("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.animateLine()}resizeListener(){this.animateLine()}listenToWillAnimate(t){v(t,this.el,(()=>this.animateLine()))}listenToDidAnimate(t){v(t,this.el,(()=>this.animateLine())),this.isUsedInNavbar(t)}isUsedInNavbar(t){const a=t.target.closest("bal-navbar"),e=t.target;a&&m(a,this.el)&&(this.isNavbarOpen=e)}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((a=>a.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}isActive(t){return t.value===this.value}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((a=>a.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.tabsId}-carousel`)}render(){const t=p.block("tabs"),a=this.isMobile,s=a||this.isTablet,n=this.inNavbar&&!s&&!this.inNavbarLight||!this.inNavbar&&this.inverted,b=this.isVertical(),o=!b&&this.overflow&&!this.expanded,l=a&&this.selectOnMobile,r=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),_=4===this.accordionState||8===this.accordionState?"content expanded":"content";return e(i,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(b)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":this.store.filter((t=>this.isActive(t))).map((t=>t.value)).join(","),"data-label":this.store.filter((t=>this.isActive(t))).map((t=>t.label)).join(",")},l?e(C,{value:this.value,items:r,onSelectTab:this.onSelectTab}):e(V,{items:r,tabsId:this.tabsId,onSelectTab:this.onSelectTab,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:void 0!==this.value,inverted:n,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:a,isTouch:s,isVertical:b,inNavbar:this.inNavbar,hasCarousel:o,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize}),e("div",{part:_,ref:t=>this.contentEl=t,class:Object.assign({},t.element("tabs").element("content").class())},e("div",{id:this.tabsId,class:Object.assign({},t.element("tabs").element("content").element("wrapper").class()),ref:t=>this.contentElWrapper=t},e("slot",null))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};b([u("bal-tabs"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],M.prototype,"createLogger",null),b([O({tags:["bal-tabs","bal-tab-item"]}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],M.prototype,"mutationListener",null),b([y(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],M.prototype,"breakpointListener",null),b([k(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],M.prototype,"resizeListener",null),b([$(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],M.prototype,"configChanged",null);let S=0;M.style="@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav{display:block;position:relative;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-quarter{-ms-flex:none;flex:none;width:25%}.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav--vertical{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bal-tabs__nav--full-height{height:100%}.bal-tabs__nav--expanded{display:-ms-flexbox;display:flex}.bal-tabs__nav__carousel__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0}.bal-tabs__nav__border--vertical{width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}.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}}";export{z as bal_tab_item,M as bal_tabs}

package/dist/baloise-design-system/p-2dda46c5f8.entry.js

@@ -1 +0,0 @@
-import{r as o,c as a,h as e,H as r,g as c}from"./p-d7c752c6.js";import{_ as b,a as l}from"./p-43c9f5e9.js";import{B as t}from"./p-ae86d0a0.js";import{s as i}from"./p-ad9a7657.js";import{L as d}from"./p-b77e3348.js";import{F as n}from"./p-ca119357.js";import{i as h}from"./p-88f18fbc.js";import{B as s,L as v}from"./p-1920d4af.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";const k=class{constructor(e){o(this,e),this.balFocus=a(this,"balFocus",7),this.balBlur=a(this,"balBlur",7),this.balFormControlDidLoad=a(this,"balFormControlDidLoad",7),this.keyboardMode=!0,this.onClick=o=>{if(this.disabled||this.readonly)return i(o);const a=o.target;if(a&&a.href)return;const e=this.el.querySelector("bal-checkbox"),r=o.target;e&&r&&(r===e||h(e,r)||(i(o),e.click()))},this.onFocus=o=>{var a;if(this.disabled||this.readonly)return i(o);const e=this.el.querySelector("bal-checkbox"),r=o.target;this.keyboardMode&&(this.focused=!0),e&&r?(r===e||h(e,r))&&(i(o),null===(a=e.querySelector("input"))||void 0===a||a.focus()):this.balFocus.emit()},this.onBlur=o=>{var a;if(this.disabled||this.readonly)return i(o);const e=this.el.querySelector("bal-checkbox"),r=o.target;this.focused=!1,e&&r?(r===e||h(e,r))&&(i(o),null===(a=e.querySelector("input"))||void 0===a||a.blur()):this.balBlur.emit()},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=o=>this.keyboardMode=n.includes(o.key),this.interactionState=s.DefaultState,this.checked=!1,this.focused=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.color=void 0,this.colSize=1,this.colSizeTablet=1,this.colSizeMobile=1}createLogger(o){this.log=o}invalidHandler(){this.updateProps("invalid",["bal-checkbox","bal-icon","bal-label","bal-text"])}disabledHandler(){this.updateProps("disabled",["bal-checkbox","bal-icon","bal-label","bal-text"])}readonlyHandler(){this.updateProps("readonly",["bal-checkbox","bal-icon","bal-label","bal-text"])}connectedCallback(){this.triggerAllHandlers(),this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.triggerAllHandlers()}componentDidLoad(){this.balFormControlDidLoad.emit(this.el)}disconnectedCallback(){this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}elementStateListener(o){this.interactionChildElements.forEach((a=>{a.hovered=o.hovered,a.pressed=o.pressed}))}async setChecked(o=!0){this.checked=o}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-checkbox"))}triggerAllHandlers(){this.disabledHandler(),this.readonlyHandler(),this.invalidHandler()}updateProps(o,a){const e=this[o];void 0!==e&&this.notifyComponents(a,(a=>a[o]=e))}notifyComponents(o,a){this.el.querySelectorAll(o.join(", ")).forEach((o=>a(o)))}render(){const o=t.block("checkbox-button"),a=!!this.disabled||!!this.readonly,c=!!this.invalid,b=!!this.color,l=this.checked&&b;return e(r,{class:Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier(`column-${this.colSize}`).class(this.colSize>1)),o.modifier(`column-tablet-${this.colSizeTablet}`).class(this.colSizeTablet>1)),o.modifier(`column-mobile-${this.colSizeMobile}`).class(this.colSizeMobile>1)),onClick:this.onClick},e("button",{role:"checkbox",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.element("native").class()),o.element("native").modifier("disabled").class(a)),o.element("native").modifier("invalid").class(c)),o.element("native").modifier("checked").class(this.checked)),o.element("native").modifier("colored").class(l)),o.element("native").modifier(`color-${this.color}`).class(b)),{"bal-focusable":!this.disabled}),disabled:a,onFocus:this.onFocus,onBlur:this.onBlur},e("slot",null)))}get el(){return c(this)}static get watchers(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}}};b([d("bal-checkbox-button"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],k.prototype,"createLogger",null),b([v(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],k.prototype,"elementStateListener",null),k.style="@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-select-button-background-hover:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked:var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white);--bal-radio-checkbox-button-background:transparent;--bal-radio-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color:var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color:var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked:var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid:var(--bal-color-border-danger)}.bal-checkbox-button{display:block;position:relative;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-checkbox-button--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-checkbox-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}.bal-checkbox-button__native{display:block;width:100%;height:100%;background:var(--bal-radio-checkbox-button-background);border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-width:var(--bal-form-field-control-border-width);border-color:var(--bal-radio-checkbox-button-border-color);padding:var(--bal-text-size-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-checkbox-button__native--checked{border-color:var(--bal-radio-checkbox-button-border-color-checked)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-green{background:var(--bal-radio-checkbox-button-background-checked-green)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-purple{background:var(--bal-radio-checkbox-button-background-checked-purple)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-red{background:var(--bal-radio-checkbox-button-background-checked-red)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-yellow{background:var(--bal-radio-checkbox-button-background-checked-yellow)}.bal-checkbox-button__native:disabled,.bal-checkbox-button__native--disabled{background:var(--bal-radio-checkbox-button-background-disabled);border-color:var(--bal-radio-checkbox-button-border-color-disabled);cursor:default}.bal-checkbox-button__native--invalid{border-color:var(--bal-radio-checkbox-button-border-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native:hover:not(:disabled):not(.bal-checkbox-button__native--colored){background:var(--bal-radio-checkbox-button-background-hover);border-color:var(--bal-radio-checkbox-button-border-color-hover)}}.bal-checkbox-button__native:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-checkbox-button__native--invalid:hover:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-hover)}.bal-checkbox-button__native--invalid:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-active)}}";export{k as bal_checkbox_button}