@baloise/ds-core 16.5.1 → 16.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bal-dropdown.js +1 -709
- package/components/bal-dropdown2.js +711 -0
- package/components/bal-field.js +1 -1
- package/components/bal-footer.js +19 -36
- package/components/bal-input-stepper.js +1 -1
- package/components/bal-number-input.js +1 -1
- package/components/bal-option.js +1 -166
- package/components/bal-option2.js +168 -0
- package/components/bal-segment-item.js +1 -3
- package/components/bal-segment.js +1 -1
- package/components/bal-select2.js +1 -1
- package/components/index.esm.js +1 -1
- package/components/index.js +1 -1
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-60a6af04.system.js → p-0159015a.system.js} +1 -1
- package/dist/baloise-design-system/{p-e829652c7a.entry.js → p-091501deda.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d94b2cb869.system.entry.js → p-09356ff71d.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-0f611b4158.system.entry.js +1 -0
- package/dist/baloise-design-system/p-1509eaa7.system.js +1 -1
- package/dist/baloise-design-system/{p-e2316d2aea.system.entry.js → p-17d7090151.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0db6b19e.js → p-18fd198d.js} +1 -1
- package/dist/baloise-design-system/{p-c716d30de1.entry.js → p-1c482e78f9.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e227dcfaa1.system.entry.js → p-29fd381412.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-27bc71c322.entry.js → p-2d27ba7364.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d9f2d48be1.entry.js → p-4521c9fe51.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f3bb565972.system.entry.js → p-4c5ff3ff4d.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-4d6b2b921e.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-cfa901cb.js → p-4f93ac4c.js} +1 -1
- package/dist/baloise-design-system/{p-449ffc7a7e.entry.js → p-50b18f1f90.entry.js} +1 -1
- package/dist/baloise-design-system/{p-910b2f3d.system.js → p-54e7b850.system.js} +1 -1
- package/dist/baloise-design-system/p-54f81c32.js +1 -1
- package/dist/baloise-design-system/{p-590da25b.system.js → p-565102df.system.js} +1 -1
- package/dist/baloise-design-system/{p-784c10d48f.entry.js → p-63e42239c4.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b4941441f4.system.entry.js → p-6af7f275bd.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-7873fe20d4.entry.js +1 -0
- package/dist/baloise-design-system/{p-a7de2305e0.system.entry.js → p-7d9523a50b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-16b50b08e4.entry.js → p-8152631cd8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3180888825.entry.js → p-85007714f1.entry.js} +1 -1
- package/dist/baloise-design-system/{p-52a4a89073.system.entry.js → p-8b3d1b6c65.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e8cab53413.entry.js → p-8b7837e749.entry.js} +1 -1
- package/dist/baloise-design-system/{p-342b27632b.entry.js → p-8c982fbdba.entry.js} +1 -1
- package/dist/baloise-design-system/p-8da6d9dae1.entry.js +1 -0
- package/dist/baloise-design-system/{p-aed4d3ac0f.system.entry.js → p-8f85de0594.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-15a85377.js → p-92084992.js} +1 -1
- package/dist/baloise-design-system/{p-2e8508812d.system.entry.js → p-950dd794aa.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-08b0e345a2.entry.js → p-98bb021545.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5de0bd8a.system.js → p-9b9660ff.system.js} +1 -1
- package/dist/baloise-design-system/{p-fcfee1c692.entry.js → p-a79d0901e9.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8613444e15.system.entry.js → p-ae48180076.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-80e59744a7.entry.js → p-b53b401a5a.entry.js} +1 -1
- package/dist/baloise-design-system/{p-efe5a8806d.system.entry.js → p-bb7de7bbee.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-bcca1ed3.system.js +1 -1
- package/dist/baloise-design-system/{p-e45eb6121d.system.entry.js → p-e088800e47.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-34671b9410.entry.js → p-f81abc1e5e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-dd162dc12e.system.entry.js → p-fbc7eb7481.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d8a71bc5b4.system.entry.js → p-ff40f6ac1e.system.entry.js} +1 -1
- package/dist/cjs/bal-carousel_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-datepicker.cjs.entry.js +3 -3
- package/dist/cjs/bal-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/bal-field_5.cjs.entry.js +1 -1
- package/dist/cjs/bal-footer.cjs.entry.js +5 -4
- package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-list_8.cjs.entry.js +3 -3
- package/dist/cjs/bal-logo.cjs.entry.js +3 -3
- package/dist/cjs/bal-nav_8.cjs.entry.js +3 -3
- package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-pagination.cjs.entry.js +3 -3
- package/dist/cjs/bal-progress-bar.cjs.entry.js +4 -4
- package/dist/cjs/bal-segment_2.cjs.entry.js +6 -8
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-steps.cjs.entry.js +3 -3
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +3 -3
- package/dist/cjs/baloise-design-system.cjs.js +1 -1
- package/dist/cjs/{breakpoints.decorator-f4da1834.js → breakpoints.decorator-9356577d.js} +1 -1
- package/dist/cjs/{breakpoints.subject-6fc372a8.js → breakpoints.subject-c2e9ac3e.js} +1 -1
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/initialize-2a19d091.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{tokens.esm-cd3fab6c.js → tokens.esm-615d9347.js} +1 -1
- package/dist/cjs/{window-resize.decorator-67e1f4de.js → window-resize.decorator-c6dcf1a0.js} +1 -1
- package/dist/collection/components/bal-dropdown/bal-dropdown.css +1 -1
- package/dist/collection/components/bal-field/bal-field.js +1 -1
- package/dist/collection/components/bal-footer/bal-footer.css +1 -1
- package/dist/collection/components/bal-footer/bal-footer.js +3 -2
- package/dist/collection/components/bal-segment/bal-segment-item/bal-segment-item.js +1 -3
- package/dist/collection/components/bal-segment/bal-segment.js +4 -4
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/esm/bal-carousel_2.entry.js +3 -3
- package/dist/esm/bal-datepicker.entry.js +3 -3
- package/dist/esm/bal-dropdown.entry.js +1 -1
- package/dist/esm/bal-field_5.entry.js +1 -1
- package/dist/esm/bal-footer.entry.js +5 -4
- package/dist/esm/bal-hint_5.entry.js +3 -3
- package/dist/esm/bal-list_8.entry.js +3 -3
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-nav_8.entry.js +3 -3
- package/dist/esm/bal-navbar_5.entry.js +3 -3
- package/dist/esm/bal-pagination.entry.js +3 -3
- package/dist/esm/bal-progress-bar.entry.js +4 -4
- package/dist/esm/bal-segment_2.entry.js +6 -8
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-steps.entry.js +3 -3
- package/dist/esm/bal-tab-item_2.entry.js +3 -3
- package/dist/esm/baloise-design-system.js +1 -1
- package/dist/esm/{breakpoints.decorator-8a50482f.js → breakpoints.decorator-c78a656a.js} +1 -1
- package/dist/esm/{breakpoints.subject-e3538fe7.js → breakpoints.subject-aee81353.js} +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/initialize-e216cfe4.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{tokens.esm-7cf87670.js → tokens.esm-6e01fd26.js} +1 -1
- package/dist/esm/{window-resize.decorator-9c08027e.js → window-resize.decorator-bcb73df5.js} +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-datepicker.entry.js +1 -1
- package/dist/esm-es5/bal-dropdown.entry.js +1 -1
- package/dist/esm-es5/bal-field_5.entry.js +1 -1
- package/dist/esm-es5/bal-footer.entry.js +1 -1
- package/dist/esm-es5/bal-hint_5.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-segment_2.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/baloise-design-system.js +1 -1
- package/dist/esm-es5/{breakpoints.decorator-8a50482f.js → breakpoints.decorator-c78a656a.js} +1 -1
- package/dist/esm-es5/{breakpoints.subject-e3538fe7.js → breakpoints.subject-aee81353.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-e216cfe4.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{window-resize.decorator-9c08027e.js → window-resize.decorator-bcb73df5.js} +1 -1
- package/dist/types/components/bal-segment/bal-segment.interfaces.d.ts +1 -1
- package/package.json +7 -7
- package/dist/baloise-design-system/p-2e498736fc.system.entry.js +0 -1
- package/dist/baloise-design-system/p-b60576a064.entry.js +0 -1
- package/dist/baloise-design-system/p-c00e0f64c8.entry.js +0 -1
- package/dist/baloise-design-system/p-ec044ce124.system.entry.js +0 -1
- /package/dist/baloise-design-system/{p-9ffefe27.system.js → p-29937768.system.js} +0 -0
- /package/dist/baloise-design-system/{p-46bed129.js → p-941f70cf.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-7cf87670.js → tokens.esm-6e01fd26.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{f as balColorGrey4,g as balColorYellow3,h as balColorYellow5,i as balColorPurple3,j as balColorPurple6,k as balColorRed3,l as balColorRed5,m as balColorGreen3,n as balColorGreen6}from"./tokens.esm-
|
|
1
|
+
import{r as registerInstance,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{f as balColorGrey4,g as balColorYellow3,h as balColorYellow5,i as balColorPurple3,j as balColorPurple6,k as balColorRed3,l as balColorRed5,m as balColorGreen3,n as balColorGreen6}from"./tokens.esm-6e01fd26.js";var balShapeCss=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";var BalShapeStyle0=balShapeCss;var Shape=function(){function e(e){var a=this;registerInstance(this,e);this.getHex=function(){var e;switch(a.color){case"green":e=balColorGreen6;break;case"green-light":e=balColorGreen3;break;case"red":e=balColorRed5;break;case"red-light":e=balColorRed3;break;case"purple":e=balColorPurple6;break;case"purple-light":e=balColorPurple3;break;case"yellow":e=balColorYellow5;break;case"yellow-light":e=balColorYellow3;break;default:e=balColorGrey4}return e};this.variation="1";this.color="green";this.rotation="0"}e.prototype.render=function(){var e=BEM.block("shape");var a=[h("g",{id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},h("g",{id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},h("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),h("g",{id:"b949d602-8478-437e-a171-ad3f26649cb4"},h("g",{id:"ae3574e0-2065-4681-8937-4318b8656147"},h("path",{class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),h("g",{id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},h("g",{id:"e540dca8-23ca-45dc-b462-df9071c1317d"},h("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return h(Host,{class:Object.assign(Object.assign({},e.class()),e.modifier("is-rotation-".concat(this.rotation)).class())},h("svg",{version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},a[parseInt(this.variation)-1]))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Shape.style=BalShapeStyle0;export{Shape as bal_shape};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{m as debounceEvent}from"./helpers-c201154e.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{o as areArraysEqual}from"./index.esm-cc299511.js";import{s as stopEventBubbling}from"./form-input-a8fdaaef.js";import{n as newBalStepOption}from"./bal-step.util-3905ad56.js";import{b as balBreakpoints}from"./breakpoints.subject-e3538fe7.js";import{L as ListenToMutation}from"./mutation.decorator-c7b24839.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-8a50482f.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./index-82aff103.js";import"./_commonjsHelpers-1c8beb5f.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-7cf87670.js";var StepIcon=function(e){var t=e.item,a=e.isMobile;var s=BEM.block("steps").element("nav").element("item").element("icon");return h("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))},h("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),h("span",{style:{display:!t.done?"block":"none"}},t.failed?"!":(t.index||0)+1))};var StepLabel=function(e){var t=e.item;var a=BEM.block("steps").element("nav").element("item").element("label");return h("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)};var StepButton=function(e){var t=e.item,a=e.color,s=e.isMobile,r=e.clickable,o=e.onSelectTab;var l=BEM.block("steps").element("nav").element("item");if(t.invisible){return}return h("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("color-".concat(a)).class()),l.modifier("done").class(t.done)),l.modifier("active").class(t.active)),l.modifier("failed").class(t.failed)),l.modifier("disabled").class(t.disabled)),l.modifier("clickable").class(r)),l.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":"".concat(t.disabled),href:t.href===""?"javascript:;":t.href,target:t.target,onClick:function(e){return o(e,t)}},h(StepIcon,{item:t,isMobile:s}),h(StepLabel,{item:t}))};var balStepsCss='@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-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--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)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-passed-background-light-blue)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-passed-background-purple)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-passed-background-red)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-passed-background-yellow)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-passed-background-green)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}@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-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--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);opacity:.6}@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);opacity:.6}}.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}';var BalStepsStyle0=balStepsCss;var Steps=function(){function e(e){var t=this;registerInstance(this,e);this.balChange=createEvent(this,"balChange",7);this.stepsId="bal-steps-".concat(StepsIds++);this.mutationObserverActive=true;this.getStepOptions=function(){if(t.options.length>0){return __spreadArray([],t.options.map(newBalStepOption),true)}else{return Promise.all(t.items.map((function(e){return e.getOptions()})))}};this.updateStore=function(e){if(!areArraysEqual(t.store,e)){t.store=e}};this.setActiveItem=function(){var e=t.store.filter((function(e){return e.active}));if(e.length>0){var a=e[0];t.value=a.value}else{if(t.value===undefined&&t.store.length>0){var s=t.store[0];t.value=s.value}}};this.setActiveContent=function(){if(t.options.length===0){t.items.forEach((function(e){return e.setActive(t.isActive(e))}))}};this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getStepOptions()];case 1:e=a.sent();this.updateStore(e);this.setActiveItem();this.setActiveContent();return[3,3];case 2:t=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(e,a){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(a.prevent||a.disabled||!this.clickable){stopEventBubbling(e)}if(!!a.disabled)return[3,2];if(a.navigate){a.navigate.emit(e)}if(!this.clickable)return[3,2];if(!(a.value!==this.value))return[3,2];this.balChange.emit(a.value);return[4,this.select(a)];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};this.isMobile=balBreakpoints.isMobile;this.store=[];this.options=[];this.clickable=true;this.color="primary";this.debounce=0;this.value=undefined}e.prototype.createLogger=function(e){this.log=e};e.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onOptionChange();if(this.options===undefined||this.options.length<1){this.mutationObserverActive=true}else{this.mutationObserverActive=false}return[2]}))}))};e.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};e.prototype.valueChanged=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(e!==t){this.onOptionChange()}return[2]}))}))};e.prototype.connectedCallback=function(){this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1};e.prototype.componentDidLoad=function(){this.onOptionChange()};e.prototype.mutationListener=function(){this.onOptionChange()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.select=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.value=e.value;return[2]}))}))};e.prototype.getOptionByValue=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=this.store;return[2,t.find((function(t){return t.value===e}))]}))}))};Object.defineProperty(e.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.stepsId," > bal-step-item")))},enumerable:false,configurable:true});e.prototype.isActive=function(e){return e.value===this.value};e.prototype.render=function(){var e=this;var t=BEM.block("steps");var a=t.element("nav");var s=true;var r=-1;var o=this.store.map((function(t){return Object.assign(Object.assign({},t),{active:t.value===e.value})})).map((function(e){if(e.active){s=false}if(!e.invisible){r=r+1}return Object.assign(Object.assign({},e),{passed:s,index:r})}));return h(Host,{class:Object.assign({},t.class()),"data-value":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.value})).join(","),"data-label":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.label})).join(",")},h("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},h("bal-carousel",{class:Object.assign({},a.element("carousel").class()),htmlRole:"",onBalChange:stopEventBubbling,controls:"small","items-per-view":"auto",steps:3},o.filter((function(e){return!e.invisible})).map((function(t){return h("bal-carousel-item",{key:t.value,htmlRole:"",class:Object.assign(Object.assign(Object.assign({},a.element("carousel").element("item").class()),a.element("carousel").element("item").modifier("color-".concat(e.color)).class()),a.element("carousel").element("item").modifier("passed").class(t.passed))},h(StepButton,{item:t,color:e.color,isMobile:e.isMobile,clickable:e.clickable&&!t.disabled,onSelectTab:e.onSelectTab}))})))),h("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},h("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-steps"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Steps.prototype,"createLogger",null);__decorate([ListenToMutation({tags:["bal-steps","bal-step-item"]}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Steps.prototype,"mutationListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Steps.prototype,"breakpointListener",null);var StepsIds=0;Steps.style=BalStepsStyle0;export{Steps as bal_steps};
|
|
1
|
+
import{__awaiter,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-b6003bc7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{m as debounceEvent}from"./helpers-c201154e.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{o as areArraysEqual}from"./index.esm-cc299511.js";import{s as stopEventBubbling}from"./form-input-a8fdaaef.js";import{n as newBalStepOption}from"./bal-step.util-3905ad56.js";import{b as balBreakpoints}from"./breakpoints.subject-aee81353.js";import{L as ListenToMutation}from"./mutation.decorator-c7b24839.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-c78a656a.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./index-82aff103.js";import"./_commonjsHelpers-1c8beb5f.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-6e01fd26.js";var StepIcon=function(e){var t=e.item,a=e.isMobile;var s=BEM.block("steps").element("nav").element("item").element("icon");return h("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))},h("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),h("span",{style:{display:!t.done?"block":"none"}},t.failed?"!":(t.index||0)+1))};var StepLabel=function(e){var t=e.item;var a=BEM.block("steps").element("nav").element("item").element("label");return h("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)};var StepButton=function(e){var t=e.item,a=e.color,s=e.isMobile,r=e.clickable,o=e.onSelectTab;var l=BEM.block("steps").element("nav").element("item");if(t.invisible){return}return h("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("color-".concat(a)).class()),l.modifier("done").class(t.done)),l.modifier("active").class(t.active)),l.modifier("failed").class(t.failed)),l.modifier("disabled").class(t.disabled)),l.modifier("clickable").class(r)),l.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":"".concat(t.disabled),href:t.href===""?"javascript:;":t.href,target:t.target,onClick:function(e){return o(e,t)}},h(StepIcon,{item:t,isMobile:s}),h(StepLabel,{item:t}))};var balStepsCss='@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-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--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)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__carousel__item:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-light-blue::after{background-color:var(--bal-steps-step-button-passed-background-light-blue)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-purple::after{background-color:var(--bal-steps-step-button-passed-background-purple)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-red::after{background-color:var(--bal-steps-step-button-passed-background-red)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-yellow::after{background-color:var(--bal-steps-step-button-passed-background-yellow)}.bal-steps__nav__carousel__item--passed:not(:last-child).bal-steps__nav__carousel__item--color-green::after{background-color:var(--bal-steps-step-button-passed-background-green)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}@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-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--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);opacity:.6}@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);opacity:.6}}.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}';var BalStepsStyle0=balStepsCss;var Steps=function(){function e(e){var t=this;registerInstance(this,e);this.balChange=createEvent(this,"balChange",7);this.stepsId="bal-steps-".concat(StepsIds++);this.mutationObserverActive=true;this.getStepOptions=function(){if(t.options.length>0){return __spreadArray([],t.options.map(newBalStepOption),true)}else{return Promise.all(t.items.map((function(e){return e.getOptions()})))}};this.updateStore=function(e){if(!areArraysEqual(t.store,e)){t.store=e}};this.setActiveItem=function(){var e=t.store.filter((function(e){return e.active}));if(e.length>0){var a=e[0];t.value=a.value}else{if(t.value===undefined&&t.store.length>0){var s=t.store[0];t.value=s.value}}};this.setActiveContent=function(){if(t.options.length===0){t.items.forEach((function(e){return e.setActive(t.isActive(e))}))}};this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getStepOptions()];case 1:e=a.sent();this.updateStore(e);this.setActiveItem();this.setActiveContent();return[3,3];case 2:t=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(e,a){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(a.prevent||a.disabled||!this.clickable){stopEventBubbling(e)}if(!!a.disabled)return[3,2];if(a.navigate){a.navigate.emit(e)}if(!this.clickable)return[3,2];if(!(a.value!==this.value))return[3,2];this.balChange.emit(a.value);return[4,this.select(a)];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};this.isMobile=balBreakpoints.isMobile;this.store=[];this.options=[];this.clickable=true;this.color="primary";this.debounce=0;this.value=undefined}e.prototype.createLogger=function(e){this.log=e};e.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onOptionChange();if(this.options===undefined||this.options.length<1){this.mutationObserverActive=true}else{this.mutationObserverActive=false}return[2]}))}))};e.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};e.prototype.valueChanged=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(e!==t){this.onOptionChange()}return[2]}))}))};e.prototype.connectedCallback=function(){this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1};e.prototype.componentDidLoad=function(){this.onOptionChange()};e.prototype.mutationListener=function(){this.onOptionChange()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.select=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.value=e.value;return[2]}))}))};e.prototype.getOptionByValue=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=this.store;return[2,t.find((function(t){return t.value===e}))]}))}))};Object.defineProperty(e.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.stepsId," > bal-step-item")))},enumerable:false,configurable:true});e.prototype.isActive=function(e){return e.value===this.value};e.prototype.render=function(){var e=this;var t=BEM.block("steps");var a=t.element("nav");var s=true;var r=-1;var o=this.store.map((function(t){return Object.assign(Object.assign({},t),{active:t.value===e.value})})).map((function(e){if(e.active){s=false}if(!e.invisible){r=r+1}return Object.assign(Object.assign({},e),{passed:s,index:r})}));return h(Host,{class:Object.assign({},t.class()),"data-value":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.value})).join(","),"data-label":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.label})).join(",")},h("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},h("bal-carousel",{class:Object.assign({},a.element("carousel").class()),htmlRole:"",onBalChange:stopEventBubbling,controls:"small","items-per-view":"auto",steps:3},o.filter((function(e){return!e.invisible})).map((function(t){return h("bal-carousel-item",{key:t.value,htmlRole:"",class:Object.assign(Object.assign(Object.assign({},a.element("carousel").element("item").class()),a.element("carousel").element("item").modifier("color-".concat(e.color)).class()),a.element("carousel").element("item").modifier("passed").class(t.passed))},h(StepButton,{item:t,color:e.color,isMobile:e.isMobile,clickable:e.clickable&&!t.disabled,onSelectTab:e.onSelectTab}))})))),h("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},h("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}();__decorate([Logger("bal-steps"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Steps.prototype,"createLogger",null);__decorate([ListenToMutation({tags:["bal-steps","bal-step-item"]}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Steps.prototype,"mutationListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Steps.prototype,"breakpointListener",null);var StepsIds=0;Steps.style=BalStepsStyle0;export{Steps as bal_steps};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{a as inheritTrackingAttributes}from"./attributes-4fa7040f.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{o as areArraysEqual}from"./index.esm-cc299511.js";import{l as raf,e as deepReady,t as transitionEndAsync,m as debounceEvent,n as hasParent,o as isChildOfEventTarget,i as isDescendant,b as waitAfterFramePaint}from"./helpers-c201154e.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{n as newBalTabOption}from"./bal-tab.util-933315fe.js";import{s as stopEventBubbling}from"./form-input-a8fdaaef.js";import{b as balBrowser}from"./browser-a8073d92.js";import{a as getComputedPadding}from"./style-ca1bd202.js";import{b as balBreakpoints}from"./breakpoints.subject-e3538fe7.js";import{L as ListenToMutation}from"./mutation.decorator-c7b24839.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-8a50482f.js";import{L as ListenToResize}from"./resize.decorator-f70563b5.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./index-82aff103.js";import"./_commonjsHelpers-1c8beb5f.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-7cf87670.js";var TabItem=function(){function t(t){registerInstance(this,t);this.balNavigate=createEvent(this,"balNavigate",7);this.inheritAttributes={};this.tabPanelID="bal-tab-panel-id-".concat(panelID++);this.isActive=false;this.active=false;this.value="";this.label="";this.href="";this.target="_self";this.bubble=false;this.disabled=false;this.invisible=false;this.prevent=false;this.icon=undefined;this.noPanel=false;this.aria=undefined}t.prototype.componentWillLoad=function(){this.inheritAttributes=inheritTrackingAttributes(this.el)};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options]}))}))};t.prototype.setActive=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.isActive=t;return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:false,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria}},enumerable:false,configurable:true});t.prototype.render=function(){var t=!this.noPanel;var a=!this.isActive||this.noPanel;return h(Host,{id:this.tabPanelID,class:{"bal-tab-item":true,"bal-tab-item--active":this.isActive},role:t?"tabpanel":undefined,"aria-label":t?this.label:undefined,"aria-hidden":a?"true":"false",tabindex:a?"-1":undefined,hidden:a?true:undefined},h("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();var panelID=0;var TabSelect=function(t){var a=t.items,e=t.value,i=t.onSelectTab;var n=BEM.block("tabs").element("select");var r=function(t){var e=a.filter((function(a){return a.value===t.detail}));if(e.length>0){var n=e[0];if(n.href!==""&&n.href!==undefined){if(balBrowser.hasWindow){window.open(n.href,n.target)}}i(t,n)}};return h("bal-select",{class:Object.assign({},n.class()),value:e,onBalChange:function(t){return r(t)}},a.filter((function(t){return!t.disabled&&!t.invisible})).map((function(t){return h("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label)})))};var TabIcon=function(t){var a=t.item,e=t.inverted,i=t.accordion,n=t.isAccordionOpen,r=t.isMobile,s=t.hasBubble;var o=BEM.block("tabs").element("nav").element("item").element("icon");var b=a.disabled?"grey":"primary";if(e){b=a.disabled?"primary-light":"white"}return h("span",{class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(a.active)),o.modifier("disabled").class(a.disabled))},h("bal-icon",{size:r||i?"small":"",name:i?"nav-go-down":a.icon,color:b,turn:i&&n===true&&a.active}),s?h("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},a.bubble):"")};var TabLabel=function(t){var a=t.item,e=t.inverted,i=t.hasBubble,n=t.isVertical,r=t.context;var s=BEM.block("tabs").element("nav").element("item").element("label");return h("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("inverted").class(e)),s.modifier("active").class(a.active)),s.modifier("disabled").class(a.disabled)),s.modifier("vertical").class(n)),s.modifier("context-".concat(r)).class(r!==undefined)),"data-testid":"bal-tabs-item-label"},a.label,i?h("bal-badge",{class:Object.assign({},s.element("bubble").class()),size:"small"},a.bubble):"")};var toKebabCase=function(t){if(typeof t==="string"){return t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase()}return""};var TabButton=function(t){var a=t.item,e=t.tabsId,i=t.isFirst,n=t.isLast,r=t.isMobile,s=t.isVertical,o=t.accordion,b=t.isAccordionOpen,l=t.isLinkList,_=t.inverted,c=t.expanded,d=t.spaceless,v=t.clickable,u=t.iconPosition,f=t.context,m=t.onSelectTab;var p;var g=BEM.block("tabs").element("nav").element("item");if(a.invisible){return}var w=a.bubble!==false;var x=a.icon!==undefined;var j=x&&w&&u!=="horizontal"&&!o||r&&x&&w&&!s&&!o;var O=o&&w||o&&r&&x&&w&&!s;var y=!x&&w&&!o||w&&!r&&u==="horizontal"&&!o||w&&s&&!o;var k=a.href===undefined||a.href==="";var T=k?"button":"a";var A=k?{type:"button",role:"tab","aria-controls":((p=a.aria)===null||p===void 0?void 0:p.controls)||a.tabPanelID||undefined,"aria-expanded":a.active?"true":"false","aria-disabled":"".concat(a.disabled),"aria-label":a.label}:{href:a.href,target:a.target};if(!l){A["tabindex"]=a.active?"0":"-1"}return h(T,Object.assign({id:"".concat(e,"-button-").concat(toKebabCase(a.value)),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},g.class()),g.modifier("active").class(a.active)),g.modifier("disabled").class(a.disabled)),g.modifier("clickable").class(v)),g.modifier("accordion").class(o)),g.modifier("inverted").class(_)),g.modifier("expanded").class(c)),g.modifier("spaceless").class(d)),g.modifier("first").class(i)),g.modifier("last").class(n)),g.modifier("passed").class(a.passed)),g.modifier("vertical").class(s)),g.modifier("context-".concat(f)).class(f!==undefined)),g.modifier("icon-position-".concat(u)).class(u!=="horizontal")),{"bal-focusable":!a.disabled&&!a.invisible}),draggable:false,"data-tabs":e,"data-label":a.label,"data-value":a.value,"data-index":a.index,"data-testid":"bal-tabs-item","aria-selected":!k?undefined:a.active?"true":"false"},A,{onClick:function(t){return m(t,a)}}),a.icon?h(TabIcon,{accordion:false,item:a,isMobile:r,hasBubble:j,inverted:_}):"",h(TabLabel,{item:a,isMobile:r,isVertical:s,hasBubble:y,inverted:_,context:f}),o&&!a.href?h(TabIcon,{accordion:o,isAccordionOpen:b,item:a,isMobile:r,hasBubble:O,inverted:_}):"")};var TabNav=function(t){var a=t.items,e=t.tabsId,i=t.hasCarousel,n=t.isVertical,r=t.inNavbar,s=t.isMobile,o=t.isTouch,b=t.lineActive,l=t.isLinkList,_=t.border,c=t.accordion,d=t.isAccordionOpen,v=t.inverted,u=t.clickable,f=t.animated,m=t.spaceless,p=t.expanded,g=t.verticalColSize,w=t.iconPosition,x=t.context,j=t.onSelectTab;var O=BEM.block("tabs").element("nav");var y=a.filter((function(t){return!t.invisible}));var k=r&&!o;var T=function(t){var a=t.item,i=t.index;return h(TabButton,{item:a,isLinkList:l,tabsId:e,isFirst:i===0,isLast:i===y.length-1,isMobile:s,isVertical:n,iconPosition:w,spaceless:m,inverted:v,accordion:c,isAccordionOpen:d,context:x,expanded:p,clickable:u&&!a.disabled,onSelectTab:j})};return h("div",{id:"".concat(e,"-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(_)),O.modifier("animated").class(f)),O.modifier("vertical").class(n)),O.modifier("expanded").class(p&&!n)),O.modifier("vertical-col-".concat(g)).class(n))},i?h("bal-carousel",{id:"".concat(e,"-carousel"),class:Object.assign({},O.element("carousel").class()),htmlRole:"tablist",fullHeight:k,border:_,inverted:v,controls:"small","items-per-view":"auto",steps:3,onBalChange:stopEventBubbling},y.map((function(t,a){return h("bal-carousel-item",{key:t.value,htmlRole:"",class:Object.assign(Object.assign({},O.element("carousel").element("item").class()),O.element("carousel").element("item").modifier("expanded").class(p))},h(T,{item:t,index:a}))})),h("div",{id:"".concat(e,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(b)),O.element("line").modifier("inverted").class(v)),O.element("line").modifier("animated").class(f)),O.element("line").modifier("vertical").class(n))})):y.map((function(t,a){return h(T,{item:t,index:a})})),!i?h("div",{id:"".concat(e,"-border"),class:Object.assign(Object.assign(Object.assign({},O.element("border").class()),O.element("border").modifier("inverted").class(v)),O.element("border").modifier("vertical").class(n))}):"",!i?h("div",{id:"".concat(e,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(b)),O.element("line").modifier("inverted").class(v)),O.element("line").modifier("animated").class(f)),O.element("line").modifier("vertical").class(n))}):"")};var balTabsCss="@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav{display:block;position:relative;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-quarter{-ms-flex:none;flex:none;width:25%}.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav--vertical{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bal-tabs__nav--full-height{height:100%}.bal-tabs__nav--expanded{display:-ms-flexbox;display:flex}.bal-tabs__nav__carousel__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0}.bal-tabs__nav__border--vertical{width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-tabs{display:block;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{display:block}@media screen and (min-width: 769px),print{.bal-tabs--vertical{display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs__tabs__content{width:100%}.bal-tabs--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--animated .bal-tabs__tabs__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--accordion .bal-tabs__tabs__content{overflow:hidden;will-change:max-height}.bal-tabs--accordion.bal-tabs--collapsing .bal-tabs__tabs__content{max-height:0 !important}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__tabs__content{display:none}.bal-tabs--accordion.bal-tabs--expanding .bal-tabs__tabs__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-tabs--accordion .bal-tabs,.bal-tabs--accordion .bal-tabs__tabs__content{-webkit-transition:none !important;transition:none !important}}";var BalTabsStyle0=balTabsCss;var Tabs=function(){function t(t){var a=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.tabsId="bal-tabs-".concat(TabsIds++);this.mutationObserverActive=true;this.getOptions=function(){if(a.options.length>0){return __spreadArray([],a.options.map(newBalTabOption),true)}else{return Promise.all(a.items.map((function(t){return t.getOptions()})))}};this.updateStore=function(t){if(!areArraysEqual(a.store,t)){a.store=t}else if(!a.optionalTabSelection&&!a.accordion&&a.value===undefined&&a.store.length>0){var e=a.store[0];a.value=e.value}};this.setActiveItem=function(){var t=a.store.filter((function(t){return t.active}));if(t.length>0){var e=t[0];a.value=e.value}};this.setActiveContent=function(){if(a.options.length===0){a.items.forEach((function(t){return t.setActive(a.isTabActive(t))}))}};this.getLineSize=function(t,e){if(t){var i=a.isVertical();if(i){return t.clientHeight}else{var n=t.clientWidth;if(a.expanded){return n}var r=e.left+e.right;return n-r}}return 0};this.getOffset=function(t,e){var i=a.isVertical();if(i){if(t.offsetTop){return t.offsetTop}}else{if(t.offsetLeft){if(a.expanded){return t.offsetLeft}return t.offsetLeft+e.left}var n=t.closest("bal-carousel-item");if(n){if(a.expanded){return n.offsetLeft}return n.offsetLeft+e.left}}return 0};this.animateLine=function(){return __awaiter(a,void 0,void 0,(function(){var t=this;return __generator(this,(function(a){if(!this.shouldAnimate()){return[2]}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}raf((function(){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(a){switch(a.label){case 0:return[4,deepReady(this.el,true)];case 1:a.sent();this.currentRaf=raf((function(){return __awaiter(t,void 0,void 0,(function(){var t,a,e,i,n,r,s,o,b,l;return __generator(this,(function(_){switch(_.label){case 0:t=this.getTargetElement(this.value);if(!t){return[2]}if(t.getAttribute("target")==="_blank"){return[2]}a=getComputedPadding(t);e=this.getLineSize(t,a);i=this.getOffset(t,a);n=this.getLineElement();if(!n)return[3,3];r=this.isVertical();this.balWillAnimate.emit(this.value);s=transitionEndAsync(n,300);if(!r)return[3,1];n.style.setProperty("transform","translateY(".concat(i,"px)"));n.style.setProperty("min-height","".concat(e,"px"));n.style.setProperty("height","".concat(e,"px"));n.style.removeProperty("min-width");n.style.removeProperty("width");return[3,3];case 1:n.style.setProperty("transform","translateX(".concat(i,"px)"));n.style.setProperty("min-width","".concat(e,"px"));n.style.setProperty("width","".concat(e,"px"));n.style.removeProperty("min-height");n.style.removeProperty("height");o=this.getBorderElement();b=this.getCarouselElement();if(o&&b){l=b.clientWidth;o.style.setProperty("width","".concat(l,"px"))}return[4,s];case 2:_.sent();this.balDidAnimate.emit(this.value);_.label=3;case 3:return[2]}}))}))}));return[2]}}))}))}));return[2]}))}))};this.toggleAccordionState=function(t){if(t===void 0){t=false}if(a.accordion){if(a.isAccordionOpen){a.collapseAccordion(t)}else{a.expandAccordion(t)}}};this.expandAccordion=function(t){if(t===void 0){t=false}a.isAccordionOpen=true;var e=a,i=e.contentEl,n=e.contentElWrapper;if(t||i===undefined||n===undefined){a.accordionState=4;return}if(a.accordionState===4){return}if(a.currentRaf!==undefined){cancelAnimationFrame(a.currentRaf)}if(a.shouldAnimate()){raf((function(){a.accordionState=8;a.currentRaf=raf((function(){return __awaiter(a,void 0,void 0,(function(){var t,a;return __generator(this,(function(e){switch(e.label){case 0:t=n.offsetHeight;a=transitionEndAsync(i,300);i.style.setProperty("max-height","".concat(t,"px"));this.balWillAnimate.emit(this.value);return[4,a];case 1:e.sent();this.accordionState=4;i.style.removeProperty("max-height");this.balDidAnimate.emit(this.value);return[2]}}))}))}))}))}else{a.accordionState=4;a.balWillAnimate.emit(a.value);a.balDidAnimate.emit(a.value)}};this.collapseAccordion=function(t){if(t===void 0){t=false}a.isAccordionOpen=false;var e=a.contentEl;if(t||e===undefined){a.accordionState=1;return}if(a.accordionState===1){return}if(a.currentRaf!==undefined){cancelAnimationFrame(a.currentRaf)}if(a.shouldAnimate()){a.currentRaf=raf((function(){return __awaiter(a,void 0,void 0,(function(){var t;var a=this;return __generator(this,(function(i){t=e.offsetHeight;e.style.setProperty("max-height","".concat(t,"px"));raf((function(){return __awaiter(a,void 0,void 0,(function(){var t;return __generator(this,(function(a){switch(a.label){case 0:t=transitionEndAsync(e,300);this.accordionState=2;this.balWillAnimate.emit(this.value);return[4,t];case 1:a.sent();this.accordionState=1;e.style.removeProperty("max-height");this.balDidAnimate.emit(this.value);return[2]}}))}))}));return[2]}))}))}))}else{a.accordionState=1;a.balWillAnimate.emit(a.value);a.balDidAnimate.emit(a.value)}};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return a.animated};this.onOptionChange=function(){return __awaiter(a,void 0,void 0,(function(){var t,a;return __generator(this,(function(e){switch(e.label){case 0:e.trys.push([0,2,,3]);return[4,this.getOptions()];case 1:t=e.sent();this.updateStore(t);this.setActiveItem();this.setActiveContent();this.animateLine();return[3,3];case 2:a=e.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(t,e){return __awaiter(a,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(e.prevent||e.disabled||!this.clickable){stopEventBubbling(t)}if(!(!e.disabled&&this.clickable))return[3,3];if(this.accordion){if(e.value===this.value){this.toggleAccordionState()}else{this.expandAccordion()}}if(e.navigate){e.navigate.emit(t)}if(!(e.value!==this.value))return[3,3];this.balChange.emit(e.value);return[4,this.select(e)];case 1:a.sent();return[4,this.focus(e)];case 2:a.sent();a.label=3;case 3:return[2]}}))}))};this.isAccordionOpen=false;this.accordionState=1;this.isNavbarOpen=false;this.inNavbar=false;this.inNavbarLight=false;this.isMobile=balBreakpoints.isMobile;this.isTablet=balBreakpoints.isTablet;this.store=[];this.animated=true;this.float="left";this.fullwidth=false;this.accordion=false;this.overflow=true;this.options=[];this.context=undefined;this.iconPosition="horizontal";this.expanded=false;this.spaceless=false;this.clickable=true;this.border=false;this.inverted=false;this.optionalTabSelection=false;this.debounce=0;this.vertical=false;this.verticalColSize="one-third";this.selectOnMobile=false;this.value=undefined}t.prototype.createLogger=function(t){this.log=t};t.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.valueChanged=function(t,a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t!==a){this.onOptionChange()}return[2]}))}))};t.prototype.connectedCallback=function(){this.inNavbar=hasParent("bal-navbar",this.el);if(this.inNavbar){var t=this.el.closest("bal-navbar");if(t){this.inNavbarLight=t.light}}this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1;if(this.accordion){var a=hasParent("bal-nav-menu-bar",this.el);if(a){this.isAccordionOpen=false}else{var e=this.value!==undefined&&this.value.length>0;if(e){this.expandAccordion(true)}else{this.collapseAccordion(true)}}}};t.prototype.componentDidLoad=function(){this.onOptionChange()};t.prototype.mutationListener=function(){this.onOptionChange()};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.isTablet=t.tablet;this.animateLine()};t.prototype.resizeListener=function(){this.animateLine()};t.prototype.listenToWillAnimate=function(t){var a=this;isChildOfEventTarget(t,this.el,(function(){return a.animateLine()}))};t.prototype.listenToDidAnimate=function(t){var a=this;isChildOfEventTarget(t,this.el,(function(){return a.animateLine()}));this.isUsedInNavbar(t)};t.prototype.listenToKeyDown=function(t){if(this.isTabList){if(this.vertical!==false){if(t.code==="ArrowDown"){this.tabListSelectNext(t)}else if(t.code==="ArrowUp"){this.tabListSelectPrevious(t)}}else{if(t.code==="ArrowRight"){this.tabListSelectNext(t)}else if(t.code==="ArrowLeft"){this.tabListSelectPrevious(t)}}}};t.prototype.isUsedInNavbar=function(t){var a=t.target;var e=a.closest("bal-navbar");var i=t.target;if(e&&isDescendant(e,this.el)){this.isNavbarOpen=i}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.animated=t.animated;return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.value=t.value;return[2]}))}))};t.prototype.getOptionByValue=function(t){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(e){a=this.store;return[2,a.find((function(a){return a.value===t}))]}))}))};t.prototype.renderLine=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.animateLine();return[2]}))}))};t.prototype.closeAccordion=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.isAccordionOpen){this.collapseAccordion()}return[2]}))}))};Object.defineProperty(t.prototype,"isTabList",{get:function(){return this.store.filter((function(t){return!!t.href})).length===0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.tabsId," > bal-tab-item")))},enumerable:false,configurable:true});t.prototype.isTabActive=function(t){return t.value===this.value};t.prototype.isTabVisible=function(t){return!t.hidden};t.prototype.parseVertical=function(){if(this.vertical==="true"||this.vertical===""){return true}if(this.vertical==="false"||this.vertical===undefined){return false}if(this.vertical==="mobile"){return this.isMobile}if(this.vertical==="tablet"){return this.isTablet||this.isMobile}return this.vertical};t.prototype.isVertical=function(){var t=this.parseVertical();var a=this.isMobile;var e=this.isTablet;var i=a||e;return t||i&&this.inNavbar};t.prototype.getTargetElement=function(t){var a='[data-tabs="'.concat(this.tabsId,'"]');var e=Array.from(this.el.querySelectorAll(a));return e.filter((function(a){return a.getAttribute("data-value")==t}))[0]};t.prototype.getLineElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-line"))};t.prototype.getBorderElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-border"))};t.prototype.getCarouselElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-carousel"))};t.prototype.findNextTab=function(t){var a=this;if(t===void 0){t=false}var e=this.store.findIndex((function(t){return a.isTabActive(t)}));var i=this.store.map((function(t,a){return{index:a,visible:!t.hidden&&!t.disabled}}));if(t){i=i.reverse()}var n=i.filter((function(t){return t.visible})).map((function(t){return t.index}));var r=function(t,a){if(t>e){return t}if(a<=t){return t}else{return a}};var s=function(t,a){if(t<e){return t}if(a>=t){return t}else{return a}};var o=t?s:r;var b=n.reduce((function(t,a){return o(t,a)}),e);return this.store[b]};t.prototype.findPreviousTab=function(){return this.findNextTab(true)};t.prototype.tabListSelectNext=function(t){var a=this.findNextTab();if(a){this.onSelectTab(t,a)}};t.prototype.tabListSelectPrevious=function(t){var a=this.findPreviousTab();if(a){this.onSelectTab(t,a)}};t.prototype.focus=function(t){return __awaiter(this,void 0,void 0,(function(){var a,e;return __generator(this,(function(i){switch(i.label){case 0:return[4,waitAfterFramePaint()];case 1:i.sent();a=this.el.querySelector("button.bal-focused")!==null;if(a){e=this.el.querySelector("#".concat(this.tabsId,"-button-").concat(toKebabCase(t.value)));if(e){e.focus({preventScroll:true})}}return[2]}}))}))};t.prototype.render=function(){var t=this;var a=BEM.block("tabs");var e=this.isMobile;var i=this.isTablet;var n=e||i;var r=this.inNavbar&&!n&&!this.inNavbarLight||!this.inNavbar&&this.inverted;var s=this.isVertical();var o=!s&&this.overflow&&!this.expanded;var b=e&&this.selectOnMobile;var l=this.store.map((function(a){return Object.assign(Object.assign({},a),{active:a.value===t.value})}));var _=this.accordionState===4||this.accordionState===8;var c=_?"content expanded":"content";var d=this.value!==undefined&&!!this.store.find((function(a){return a.value===t.value}));var v=!this.isTabList;return h(Host,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("navbar").class(this.inNavbar)),a.modifier("vertical").class(s)),a.modifier("fullwidth").class(this.expanded||this.fullwidth)),a.modifier("accordion").class(this.accordion)),a.modifier("animated").class(this.animated)),a.modifier("expanding").class(this.accordionState===8)),a.modifier("expanded").class(this.accordionState===4)),a.modifier("collapsing").class(this.accordionState===2)),a.modifier("collapsed").class(this.accordionState===1)),"data-value":this.store.filter((function(a){return t.isTabActive(a)})).map((function(t){return t.value})).join(","),"data-label":this.store.filter((function(a){return t.isTabActive(a)})).map((function(t){return t.label})).join(",")},b?h(TabSelect,{value:this.value,items:l,onSelectTab:this.onSelectTab}):h(TabNav,{items:l,isLinkList:v,tabsId:this.tabsId,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:d,inverted:r,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:e,isTouch:n,isVertical:s,inNavbar:this.inNavbar,hasCarousel:o,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab}),h("div",{part:c,ref:function(a){return t.contentEl=a},class:Object.assign({},a.element("tabs").element("content").class())},h("div",{id:this.tabsId,class:Object.assign({},a.element("tabs").element("content").element("wrapper").class()),ref:function(a){return t.contentElWrapper=a}},h("slot",null))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-tabs"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Tabs.prototype,"createLogger",null);__decorate([ListenToMutation({tags:["bal-tabs","bal-tab-item"]}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Tabs.prototype,"mutationListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Tabs.prototype,"breakpointListener",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Tabs.prototype,"resizeListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Tabs.prototype,"configChanged",null);var TabsIds=0;Tabs.style=BalTabsStyle0;export{TabItem as bal_tab_item,Tabs as bal_tabs};
|
|
1
|
+
import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b6003bc7.js";import{a as inheritTrackingAttributes}from"./attributes-4fa7040f.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{o as areArraysEqual}from"./index.esm-cc299511.js";import{l as raf,e as deepReady,t as transitionEndAsync,m as debounceEvent,n as hasParent,o as isChildOfEventTarget,i as isDescendant,b as waitAfterFramePaint}from"./helpers-c201154e.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{n as newBalTabOption}from"./bal-tab.util-933315fe.js";import{s as stopEventBubbling}from"./form-input-a8fdaaef.js";import{b as balBrowser}from"./browser-a8073d92.js";import{a as getComputedPadding}from"./style-ca1bd202.js";import{b as balBreakpoints}from"./breakpoints.subject-aee81353.js";import{L as ListenToMutation}from"./mutation.decorator-c7b24839.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-c78a656a.js";import{L as ListenToResize}from"./resize.decorator-f70563b5.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import"./index-82aff103.js";import"./_commonjsHelpers-1c8beb5f.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-6e01fd26.js";var TabItem=function(){function t(t){registerInstance(this,t);this.balNavigate=createEvent(this,"balNavigate",7);this.inheritAttributes={};this.tabPanelID="bal-tab-panel-id-".concat(panelID++);this.isActive=false;this.active=false;this.value="";this.label="";this.href="";this.target="_self";this.bubble=false;this.disabled=false;this.invisible=false;this.prevent=false;this.icon=undefined;this.noPanel=false;this.aria=undefined}t.prototype.componentWillLoad=function(){this.inheritAttributes=inheritTrackingAttributes(this.el)};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options]}))}))};t.prototype.setActive=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.isActive=t;return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:false,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria}},enumerable:false,configurable:true});t.prototype.render=function(){var t=!this.noPanel;var a=!this.isActive||this.noPanel;return h(Host,{id:this.tabPanelID,class:{"bal-tab-item":true,"bal-tab-item--active":this.isActive},role:t?"tabpanel":undefined,"aria-label":t?this.label:undefined,"aria-hidden":a?"true":"false",tabindex:a?"-1":undefined,hidden:a?true:undefined},h("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();var panelID=0;var TabSelect=function(t){var a=t.items,e=t.value,i=t.onSelectTab;var n=BEM.block("tabs").element("select");var r=function(t){var e=a.filter((function(a){return a.value===t.detail}));if(e.length>0){var n=e[0];if(n.href!==""&&n.href!==undefined){if(balBrowser.hasWindow){window.open(n.href,n.target)}}i(t,n)}};return h("bal-select",{class:Object.assign({},n.class()),value:e,onBalChange:function(t){return r(t)}},a.filter((function(t){return!t.disabled&&!t.invisible})).map((function(t){return h("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label)})))};var TabIcon=function(t){var a=t.item,e=t.inverted,i=t.accordion,n=t.isAccordionOpen,r=t.isMobile,s=t.hasBubble;var o=BEM.block("tabs").element("nav").element("item").element("icon");var b=a.disabled?"grey":"primary";if(e){b=a.disabled?"primary-light":"white"}return h("span",{class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(a.active)),o.modifier("disabled").class(a.disabled))},h("bal-icon",{size:r||i?"small":"",name:i?"nav-go-down":a.icon,color:b,turn:i&&n===true&&a.active}),s?h("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},a.bubble):"")};var TabLabel=function(t){var a=t.item,e=t.inverted,i=t.hasBubble,n=t.isVertical,r=t.context;var s=BEM.block("tabs").element("nav").element("item").element("label");return h("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("inverted").class(e)),s.modifier("active").class(a.active)),s.modifier("disabled").class(a.disabled)),s.modifier("vertical").class(n)),s.modifier("context-".concat(r)).class(r!==undefined)),"data-testid":"bal-tabs-item-label"},a.label,i?h("bal-badge",{class:Object.assign({},s.element("bubble").class()),size:"small"},a.bubble):"")};var toKebabCase=function(t){if(typeof t==="string"){return t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase()}return""};var TabButton=function(t){var a=t.item,e=t.tabsId,i=t.isFirst,n=t.isLast,r=t.isMobile,s=t.isVertical,o=t.accordion,b=t.isAccordionOpen,l=t.isLinkList,_=t.inverted,c=t.expanded,d=t.spaceless,v=t.clickable,u=t.iconPosition,f=t.context,m=t.onSelectTab;var p;var g=BEM.block("tabs").element("nav").element("item");if(a.invisible){return}var w=a.bubble!==false;var x=a.icon!==undefined;var j=x&&w&&u!=="horizontal"&&!o||r&&x&&w&&!s&&!o;var O=o&&w||o&&r&&x&&w&&!s;var y=!x&&w&&!o||w&&!r&&u==="horizontal"&&!o||w&&s&&!o;var k=a.href===undefined||a.href==="";var T=k?"button":"a";var A=k?{type:"button",role:"tab","aria-controls":((p=a.aria)===null||p===void 0?void 0:p.controls)||a.tabPanelID||undefined,"aria-expanded":a.active?"true":"false","aria-disabled":"".concat(a.disabled),"aria-label":a.label}:{href:a.href,target:a.target};if(!l){A["tabindex"]=a.active?"0":"-1"}return h(T,Object.assign({id:"".concat(e,"-button-").concat(toKebabCase(a.value)),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},g.class()),g.modifier("active").class(a.active)),g.modifier("disabled").class(a.disabled)),g.modifier("clickable").class(v)),g.modifier("accordion").class(o)),g.modifier("inverted").class(_)),g.modifier("expanded").class(c)),g.modifier("spaceless").class(d)),g.modifier("first").class(i)),g.modifier("last").class(n)),g.modifier("passed").class(a.passed)),g.modifier("vertical").class(s)),g.modifier("context-".concat(f)).class(f!==undefined)),g.modifier("icon-position-".concat(u)).class(u!=="horizontal")),{"bal-focusable":!a.disabled&&!a.invisible}),draggable:false,"data-tabs":e,"data-label":a.label,"data-value":a.value,"data-index":a.index,"data-testid":"bal-tabs-item","aria-selected":!k?undefined:a.active?"true":"false"},A,{onClick:function(t){return m(t,a)}}),a.icon?h(TabIcon,{accordion:false,item:a,isMobile:r,hasBubble:j,inverted:_}):"",h(TabLabel,{item:a,isMobile:r,isVertical:s,hasBubble:y,inverted:_,context:f}),o&&!a.href?h(TabIcon,{accordion:o,isAccordionOpen:b,item:a,isMobile:r,hasBubble:O,inverted:_}):"")};var TabNav=function(t){var a=t.items,e=t.tabsId,i=t.hasCarousel,n=t.isVertical,r=t.inNavbar,s=t.isMobile,o=t.isTouch,b=t.lineActive,l=t.isLinkList,_=t.border,c=t.accordion,d=t.isAccordionOpen,v=t.inverted,u=t.clickable,f=t.animated,m=t.spaceless,p=t.expanded,g=t.verticalColSize,w=t.iconPosition,x=t.context,j=t.onSelectTab;var O=BEM.block("tabs").element("nav");var y=a.filter((function(t){return!t.invisible}));var k=r&&!o;var T=function(t){var a=t.item,i=t.index;return h(TabButton,{item:a,isLinkList:l,tabsId:e,isFirst:i===0,isLast:i===y.length-1,isMobile:s,isVertical:n,iconPosition:w,spaceless:m,inverted:v,accordion:c,isAccordionOpen:d,context:x,expanded:p,clickable:u&&!a.disabled,onSelectTab:j})};return h("div",{id:"".concat(e,"-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(_)),O.modifier("animated").class(f)),O.modifier("vertical").class(n)),O.modifier("expanded").class(p&&!n)),O.modifier("vertical-col-".concat(g)).class(n))},i?h("bal-carousel",{id:"".concat(e,"-carousel"),class:Object.assign({},O.element("carousel").class()),htmlRole:"tablist",fullHeight:k,border:_,inverted:v,controls:"small","items-per-view":"auto",steps:3,onBalChange:stopEventBubbling},y.map((function(t,a){return h("bal-carousel-item",{key:t.value,htmlRole:"",class:Object.assign(Object.assign({},O.element("carousel").element("item").class()),O.element("carousel").element("item").modifier("expanded").class(p))},h(T,{item:t,index:a}))})),h("div",{id:"".concat(e,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(b)),O.element("line").modifier("inverted").class(v)),O.element("line").modifier("animated").class(f)),O.element("line").modifier("vertical").class(n))})):y.map((function(t,a){return h(T,{item:t,index:a})})),!i?h("div",{id:"".concat(e,"-border"),class:Object.assign(Object.assign(Object.assign({},O.element("border").class()),O.element("border").modifier("inverted").class(v)),O.element("border").modifier("vertical").class(n))}):"",!i?h("div",{id:"".concat(e,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(b)),O.element("line").modifier("inverted").class(v)),O.element("line").modifier("animated").class(f)),O.element("line").modifier("vertical").class(n))}):"")};var balTabsCss="@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav{display:block;position:relative;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-quarter{-ms-flex:none;flex:none;width:25%}.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav--vertical{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bal-tabs__nav--full-height{height:100%}.bal-tabs__nav--expanded{display:-ms-flexbox;display:flex}.bal-tabs__nav__carousel__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0}.bal-tabs__nav__border--vertical{width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-tabs{display:block;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{display:block}@media screen and (min-width: 769px),print{.bal-tabs--vertical{display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs__tabs__content{width:100%}.bal-tabs--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--animated .bal-tabs__tabs__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--accordion .bal-tabs__tabs__content{overflow:hidden;will-change:max-height}.bal-tabs--accordion.bal-tabs--collapsing .bal-tabs__tabs__content{max-height:0 !important}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__tabs__content{display:none}.bal-tabs--accordion.bal-tabs--expanding .bal-tabs__tabs__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-tabs--accordion .bal-tabs,.bal-tabs--accordion .bal-tabs__tabs__content{-webkit-transition:none !important;transition:none !important}}";var BalTabsStyle0=balTabsCss;var Tabs=function(){function t(t){var a=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.tabsId="bal-tabs-".concat(TabsIds++);this.mutationObserverActive=true;this.getOptions=function(){if(a.options.length>0){return __spreadArray([],a.options.map(newBalTabOption),true)}else{return Promise.all(a.items.map((function(t){return t.getOptions()})))}};this.updateStore=function(t){if(!areArraysEqual(a.store,t)){a.store=t}else if(!a.optionalTabSelection&&!a.accordion&&a.value===undefined&&a.store.length>0){var e=a.store[0];a.value=e.value}};this.setActiveItem=function(){var t=a.store.filter((function(t){return t.active}));if(t.length>0){var e=t[0];a.value=e.value}};this.setActiveContent=function(){if(a.options.length===0){a.items.forEach((function(t){return t.setActive(a.isTabActive(t))}))}};this.getLineSize=function(t,e){if(t){var i=a.isVertical();if(i){return t.clientHeight}else{var n=t.clientWidth;if(a.expanded){return n}var r=e.left+e.right;return n-r}}return 0};this.getOffset=function(t,e){var i=a.isVertical();if(i){if(t.offsetTop){return t.offsetTop}}else{if(t.offsetLeft){if(a.expanded){return t.offsetLeft}return t.offsetLeft+e.left}var n=t.closest("bal-carousel-item");if(n){if(a.expanded){return n.offsetLeft}return n.offsetLeft+e.left}}return 0};this.animateLine=function(){return __awaiter(a,void 0,void 0,(function(){var t=this;return __generator(this,(function(a){if(!this.shouldAnimate()){return[2]}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}raf((function(){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(a){switch(a.label){case 0:return[4,deepReady(this.el,true)];case 1:a.sent();this.currentRaf=raf((function(){return __awaiter(t,void 0,void 0,(function(){var t,a,e,i,n,r,s,o,b,l;return __generator(this,(function(_){switch(_.label){case 0:t=this.getTargetElement(this.value);if(!t){return[2]}if(t.getAttribute("target")==="_blank"){return[2]}a=getComputedPadding(t);e=this.getLineSize(t,a);i=this.getOffset(t,a);n=this.getLineElement();if(!n)return[3,3];r=this.isVertical();this.balWillAnimate.emit(this.value);s=transitionEndAsync(n,300);if(!r)return[3,1];n.style.setProperty("transform","translateY(".concat(i,"px)"));n.style.setProperty("min-height","".concat(e,"px"));n.style.setProperty("height","".concat(e,"px"));n.style.removeProperty("min-width");n.style.removeProperty("width");return[3,3];case 1:n.style.setProperty("transform","translateX(".concat(i,"px)"));n.style.setProperty("min-width","".concat(e,"px"));n.style.setProperty("width","".concat(e,"px"));n.style.removeProperty("min-height");n.style.removeProperty("height");o=this.getBorderElement();b=this.getCarouselElement();if(o&&b){l=b.clientWidth;o.style.setProperty("width","".concat(l,"px"))}return[4,s];case 2:_.sent();this.balDidAnimate.emit(this.value);_.label=3;case 3:return[2]}}))}))}));return[2]}}))}))}));return[2]}))}))};this.toggleAccordionState=function(t){if(t===void 0){t=false}if(a.accordion){if(a.isAccordionOpen){a.collapseAccordion(t)}else{a.expandAccordion(t)}}};this.expandAccordion=function(t){if(t===void 0){t=false}a.isAccordionOpen=true;var e=a,i=e.contentEl,n=e.contentElWrapper;if(t||i===undefined||n===undefined){a.accordionState=4;return}if(a.accordionState===4){return}if(a.currentRaf!==undefined){cancelAnimationFrame(a.currentRaf)}if(a.shouldAnimate()){raf((function(){a.accordionState=8;a.currentRaf=raf((function(){return __awaiter(a,void 0,void 0,(function(){var t,a;return __generator(this,(function(e){switch(e.label){case 0:t=n.offsetHeight;a=transitionEndAsync(i,300);i.style.setProperty("max-height","".concat(t,"px"));this.balWillAnimate.emit(this.value);return[4,a];case 1:e.sent();this.accordionState=4;i.style.removeProperty("max-height");this.balDidAnimate.emit(this.value);return[2]}}))}))}))}))}else{a.accordionState=4;a.balWillAnimate.emit(a.value);a.balDidAnimate.emit(a.value)}};this.collapseAccordion=function(t){if(t===void 0){t=false}a.isAccordionOpen=false;var e=a.contentEl;if(t||e===undefined){a.accordionState=1;return}if(a.accordionState===1){return}if(a.currentRaf!==undefined){cancelAnimationFrame(a.currentRaf)}if(a.shouldAnimate()){a.currentRaf=raf((function(){return __awaiter(a,void 0,void 0,(function(){var t;var a=this;return __generator(this,(function(i){t=e.offsetHeight;e.style.setProperty("max-height","".concat(t,"px"));raf((function(){return __awaiter(a,void 0,void 0,(function(){var t;return __generator(this,(function(a){switch(a.label){case 0:t=transitionEndAsync(e,300);this.accordionState=2;this.balWillAnimate.emit(this.value);return[4,t];case 1:a.sent();this.accordionState=1;e.style.removeProperty("max-height");this.balDidAnimate.emit(this.value);return[2]}}))}))}));return[2]}))}))}))}else{a.accordionState=1;a.balWillAnimate.emit(a.value);a.balDidAnimate.emit(a.value)}};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return a.animated};this.onOptionChange=function(){return __awaiter(a,void 0,void 0,(function(){var t,a;return __generator(this,(function(e){switch(e.label){case 0:e.trys.push([0,2,,3]);return[4,this.getOptions()];case 1:t=e.sent();this.updateStore(t);this.setActiveItem();this.setActiveContent();this.animateLine();return[3,3];case 2:a=e.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(t,e){return __awaiter(a,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(e.prevent||e.disabled||!this.clickable){stopEventBubbling(t)}if(!(!e.disabled&&this.clickable))return[3,3];if(this.accordion){if(e.value===this.value){this.toggleAccordionState()}else{this.expandAccordion()}}if(e.navigate){e.navigate.emit(t)}if(!(e.value!==this.value))return[3,3];this.balChange.emit(e.value);return[4,this.select(e)];case 1:a.sent();return[4,this.focus(e)];case 2:a.sent();a.label=3;case 3:return[2]}}))}))};this.isAccordionOpen=false;this.accordionState=1;this.isNavbarOpen=false;this.inNavbar=false;this.inNavbarLight=false;this.isMobile=balBreakpoints.isMobile;this.isTablet=balBreakpoints.isTablet;this.store=[];this.animated=true;this.float="left";this.fullwidth=false;this.accordion=false;this.overflow=true;this.options=[];this.context=undefined;this.iconPosition="horizontal";this.expanded=false;this.spaceless=false;this.clickable=true;this.border=false;this.inverted=false;this.optionalTabSelection=false;this.debounce=0;this.vertical=false;this.verticalColSize="one-third";this.selectOnMobile=false;this.value=undefined}t.prototype.createLogger=function(t){this.log=t};t.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.valueChanged=function(t,a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t!==a){this.onOptionChange()}return[2]}))}))};t.prototype.connectedCallback=function(){this.inNavbar=hasParent("bal-navbar",this.el);if(this.inNavbar){var t=this.el.closest("bal-navbar");if(t){this.inNavbarLight=t.light}}this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1;if(this.accordion){var a=hasParent("bal-nav-menu-bar",this.el);if(a){this.isAccordionOpen=false}else{var e=this.value!==undefined&&this.value.length>0;if(e){this.expandAccordion(true)}else{this.collapseAccordion(true)}}}};t.prototype.componentDidLoad=function(){this.onOptionChange()};t.prototype.mutationListener=function(){this.onOptionChange()};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.isTablet=t.tablet;this.animateLine()};t.prototype.resizeListener=function(){this.animateLine()};t.prototype.listenToWillAnimate=function(t){var a=this;isChildOfEventTarget(t,this.el,(function(){return a.animateLine()}))};t.prototype.listenToDidAnimate=function(t){var a=this;isChildOfEventTarget(t,this.el,(function(){return a.animateLine()}));this.isUsedInNavbar(t)};t.prototype.listenToKeyDown=function(t){if(this.isTabList){if(this.vertical!==false){if(t.code==="ArrowDown"){this.tabListSelectNext(t)}else if(t.code==="ArrowUp"){this.tabListSelectPrevious(t)}}else{if(t.code==="ArrowRight"){this.tabListSelectNext(t)}else if(t.code==="ArrowLeft"){this.tabListSelectPrevious(t)}}}};t.prototype.isUsedInNavbar=function(t){var a=t.target;var e=a.closest("bal-navbar");var i=t.target;if(e&&isDescendant(e,this.el)){this.isNavbarOpen=i}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.animated=t.animated;return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.value=t.value;return[2]}))}))};t.prototype.getOptionByValue=function(t){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(e){a=this.store;return[2,a.find((function(a){return a.value===t}))]}))}))};t.prototype.renderLine=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.animateLine();return[2]}))}))};t.prototype.closeAccordion=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.isAccordionOpen){this.collapseAccordion()}return[2]}))}))};Object.defineProperty(t.prototype,"isTabList",{get:function(){return this.store.filter((function(t){return!!t.href})).length===0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.tabsId," > bal-tab-item")))},enumerable:false,configurable:true});t.prototype.isTabActive=function(t){return t.value===this.value};t.prototype.isTabVisible=function(t){return!t.hidden};t.prototype.parseVertical=function(){if(this.vertical==="true"||this.vertical===""){return true}if(this.vertical==="false"||this.vertical===undefined){return false}if(this.vertical==="mobile"){return this.isMobile}if(this.vertical==="tablet"){return this.isTablet||this.isMobile}return this.vertical};t.prototype.isVertical=function(){var t=this.parseVertical();var a=this.isMobile;var e=this.isTablet;var i=a||e;return t||i&&this.inNavbar};t.prototype.getTargetElement=function(t){var a='[data-tabs="'.concat(this.tabsId,'"]');var e=Array.from(this.el.querySelectorAll(a));return e.filter((function(a){return a.getAttribute("data-value")==t}))[0]};t.prototype.getLineElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-line"))};t.prototype.getBorderElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-border"))};t.prototype.getCarouselElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-carousel"))};t.prototype.findNextTab=function(t){var a=this;if(t===void 0){t=false}var e=this.store.findIndex((function(t){return a.isTabActive(t)}));var i=this.store.map((function(t,a){return{index:a,visible:!t.hidden&&!t.disabled}}));if(t){i=i.reverse()}var n=i.filter((function(t){return t.visible})).map((function(t){return t.index}));var r=function(t,a){if(t>e){return t}if(a<=t){return t}else{return a}};var s=function(t,a){if(t<e){return t}if(a>=t){return t}else{return a}};var o=t?s:r;var b=n.reduce((function(t,a){return o(t,a)}),e);return this.store[b]};t.prototype.findPreviousTab=function(){return this.findNextTab(true)};t.prototype.tabListSelectNext=function(t){var a=this.findNextTab();if(a){this.onSelectTab(t,a)}};t.prototype.tabListSelectPrevious=function(t){var a=this.findPreviousTab();if(a){this.onSelectTab(t,a)}};t.prototype.focus=function(t){return __awaiter(this,void 0,void 0,(function(){var a,e;return __generator(this,(function(i){switch(i.label){case 0:return[4,waitAfterFramePaint()];case 1:i.sent();a=this.el.querySelector("button.bal-focused")!==null;if(a){e=this.el.querySelector("#".concat(this.tabsId,"-button-").concat(toKebabCase(t.value)));if(e){e.focus({preventScroll:true})}}return[2]}}))}))};t.prototype.render=function(){var t=this;var a=BEM.block("tabs");var e=this.isMobile;var i=this.isTablet;var n=e||i;var r=this.inNavbar&&!n&&!this.inNavbarLight||!this.inNavbar&&this.inverted;var s=this.isVertical();var o=!s&&this.overflow&&!this.expanded;var b=e&&this.selectOnMobile;var l=this.store.map((function(a){return Object.assign(Object.assign({},a),{active:a.value===t.value})}));var _=this.accordionState===4||this.accordionState===8;var c=_?"content expanded":"content";var d=this.value!==undefined&&!!this.store.find((function(a){return a.value===t.value}));var v=!this.isTabList;return h(Host,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("navbar").class(this.inNavbar)),a.modifier("vertical").class(s)),a.modifier("fullwidth").class(this.expanded||this.fullwidth)),a.modifier("accordion").class(this.accordion)),a.modifier("animated").class(this.animated)),a.modifier("expanding").class(this.accordionState===8)),a.modifier("expanded").class(this.accordionState===4)),a.modifier("collapsing").class(this.accordionState===2)),a.modifier("collapsed").class(this.accordionState===1)),"data-value":this.store.filter((function(a){return t.isTabActive(a)})).map((function(t){return t.value})).join(","),"data-label":this.store.filter((function(a){return t.isTabActive(a)})).map((function(t){return t.label})).join(",")},b?h(TabSelect,{value:this.value,items:l,onSelectTab:this.onSelectTab}):h(TabNav,{items:l,isLinkList:v,tabsId:this.tabsId,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:d,inverted:r,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:e,isTouch:n,isVertical:s,inNavbar:this.inNavbar,hasCarousel:o,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab}),h("div",{part:c,ref:function(a){return t.contentEl=a},class:Object.assign({},a.element("tabs").element("content").class())},h("div",{id:this.tabsId,class:Object.assign({},a.element("tabs").element("content").element("wrapper").class()),ref:function(a){return t.contentElWrapper=a}},h("slot",null))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-tabs"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Tabs.prototype,"createLogger",null);__decorate([ListenToMutation({tags:["bal-tabs","bal-tab-item"]}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Tabs.prototype,"mutationListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Tabs.prototype,"breakpointListener",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Tabs.prototype,"resizeListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Tabs.prototype,"configChanged",null);var TabsIds=0;Tabs.style=BalTabsStyle0;export{TabItem as bal_tab_item,Tabs as bal_tabs};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as promiseResolve,b as bootstrapLazy}from"./index-b6003bc7.js";export{s as setNonce}from"./index-b6003bc7.js";import{g as globalScripts}from"./app-globals-b0dd0fc4.js";import"./initialize-e216cfe4.js";import"./browser-a8073d92.js";import"./config.default-7efdc82d.js";import"./log-dfd1c19f.js";import"./icons.constant-a7885631.js";var patchBrowser=function(){var e=import.meta.url;var a={};if(e!==""){a.resourcesUrl=new URL(".",e).href}return promiseResolve(a)};patchBrowser().then((function(e){globalScripts();return bootstrapLazy(JSON.parse('[["bal-field_5",[[6,"bal-field-hint",{"subject":[1],"closeLabel":[1,"close-label"],"small":[4]}],[6,"bal-field-control",{"iconRight":[1,"icon-right"],"iconLeft":[1,"icon-left"],"expandedOnMobile":[4,"expanded-on-mobile"],"loading":[4]}],[6,"bal-field-label",{"htmlFor":[1,"html-for"],"required":[4],"valid":[4],"invalid":[4],"disabled":[4],"readonly":[4],"size":[1],"weight":[1]}],[4,"bal-field",{"required":[4],"horizontal":[4],"invalid":[4],"valid":[4],"disabled":[4],"readonly":[4],"loading":[4]},null,{"required":["requiredHandler"],"invalid":["invalidHandler"],"valid":["validHandler"],"disabled":["disabledHandler"],"readonly":["readonlyHandler"],"loading":["loadingHandler"]}],[4,"bal-field-message",{"color":[1],"invalid":[4],"valid":[4],"disabled":[4],"readonly":[4],"ariaForm":[32],"setAriaForm":[64]}]]],["bal-file-upload",[[0,"bal-file-upload",{"name":[1],"value":[16],"label":[1],"multiple":[4],"disabled":[4],"readonly":[4],"loading":[4],"required":[4],"accept":[1],"maxFiles":[2,"max-files"],"maxFileSize":[2,"max-file-size"],"maxBundleSize":[2,"max-bundle-size"],"hasFileList":[4,"has-file-list"],"invalid":[4],"subTitle":[16],"autoInvalidOff":[516,"auto-invalid-off"],"files":[32],"focused":[32],"ariaForm":[32],"clear":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"reset","resetHandler"]],{"value":["onValueChange"]}]]],["bal-steps",[[4,"bal-steps",{"options":[16],"clickable":[4],"color":[1],"debounce":[2],"value":[1025],"isMobile":[32],"store":[32],"select":[64],"getOptionByValue":[64]},null,{"options":["optionChanged"],"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["bal-notices_3",[[4,"bal-snackbar",{"color":[1],"duration":[2],"subject":[1],"message":[1],"icon":[1],"action":[1],"closeHandler":[16],"actionHandler":[16],"href":[1],"target":[1],"animationClass":[32],"closeIn":[64],"close":[64]}],[4,"bal-toast",{"color":[1],"duration":[2],"message":[1],"closeHandler":[16],"closeIn":[64],"close":[64]}],[4,"bal-notices",{"interface":[1]}]]],["bal-accordion_4",[[4,"bal-accordion",{"active":[1540],"debounce":[2],"openLabel":[1,"open-label"],"openIcon":[1,"open-icon"],"closeLabel":[1,"close-label"],"closeIcon":[1,"close-icon"],"card":[4],"version":[2],"state":[32],"animated":[32],"configChanged":[64],"present":[64],"dismiss":[64],"toggle":[64],"humanToggle":[64]},null,{"active":["activeChanged"],"debounce":["debounceChanged"]}],[0,"bal-accordion-trigger",{"button":[4],"openLabel":[1,"open-label"],"openIcon":[1,"open-icon"],"closeLabel":[1,"close-label"],"closeIcon":[1,"close-icon"],"color":[1],"size":[1],"active":[1540],"state":[2],"parentAccordionId":[32]}],[4,"bal-accordion-details",{"state":[2],"active":[4],"animated":[4],"parentAccordionId":[32]}],[0,"bal-accordion-summary",{"trigger":[4],"active":[1540],"state":[2],"parentAccordionId":[32]}]]],["bal-datepicker",[[4,"bal-datepicker",{"name":[1],"invalid":[4],"required":[4],"disabled":[4],"readonly":[4],"loading":[4],"placeholder":[1],"min":[1025],"max":[1025],"closeOnSelect":[4,"close-on-select"],"triggerIcon":[4,"trigger-icon"],"minYearProp":[2,"min-year"],"maxYearProp":[2,"max-year"],"debounce":[2],"defaultDate":[1,"default-date"],"value":[1025],"allowedDates":[16],"autoInvalidOff":[516,"auto-invalid-off"],"language":[32],"region":[32],"isMobile":[32],"focused":[32],"isPopoverOpen":[32],"selectedDate":[32],"pointerDate":[32],"ariaForm":[32],"configChanged":[64],"open":[64],"close":[64],"select":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["bal-date",[[0,"bal-date",{"name":[1],"invalid":[4],"required":[4],"disabled":[4],"readonly":[4],"freeSolo":[4,"free-solo"],"placeholder":[1],"triggerIcon":[4,"trigger-icon"],"closeOnSelect":[4,"close-on-select"],"value":[1025],"min":[1025],"max":[1025],"minYearProp":[2,"min-year"],"maxYearProp":[2,"max-year"],"defaultDate":[1,"default-date"],"allowedDates":[16],"allowInvalidValue":[4,"allow-invalid-value"],"debounce":[2],"autoInvalidOff":[516,"auto-invalid-off"],"isExpanded":[32],"language":[32],"calendarValue":[32],"ariaForm":[32],"configChanged":[64],"open":[64],"close":[64],"toggle":[64],"select":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[8,"keydown","listenToKeydown"],[8,"keyup","listenOnKeyup"],[4,"click","listenOnclick"],[16,"balPopoverPrepare","listenOnPopoverPrepare"]],{"value":["valueChanged"],"debounce":["debounceChanged"]}]]],["bal-navbar_5",[[4,"bal-navbar-brand",{"href":[1],"target":[1],"simple":[4],"logo":[1],"logoSize":[1,"logo-size"],"animated":[4],"interface":[1],"isMenuActive":[32]}],[4,"bal-navbar",{"light":[4],"interface":[1],"container":[1]},null,{"interface":["interfaceHandler"]}],[4,"bal-navbar-menu",{"interface":[1],"isMenuActive":[32],"isTouch":[32],"toggle":[64]}],[4,"bal-navbar-menu-end",{"interface":[1]}],[4,"bal-navbar-menu-start",{"interface":[1]}]]],["bal-segment_2",[[4,"bal-segment-item",{"disabled":[1028],"invalid":[1028],"focused":[1028],"checked":[1028],"label":[1],"value":[1032],"hasSlotContent":[32],"isFocusable":[32],"isVertical":[32],"isLast":[32],"isFirst":[32],"hasEmptyValue":[32],"ariaForm":[32],"setFocus":[64],"setAriaForm":[64]},null,{"value":["valueChanged"]}],[4,"bal-segment",{"invalid":[4],"disabled":[4],"vertical":[4],"scrollable":[4],"expanded":[4],"value":[1032],"focusedValue":[32],"keyboardMode":[32],"isVertical":[32],"isMobile":[32],"maxWidth":[32],"ariaForm":[32],"setAriaForm":[64]},[[4,"keydown","listenOnKeyDownOutside"],[0,"keydown","listenOnKeyDown"]],{"disabled":["disabledChanged"],"value":["valueChanged"]}]]],["bal-input-stepper",[[0,"bal-input-stepper",{"name":[1],"min":[2],"max":[2],"steps":[2],"disabled":[4],"readonly":[4],"invalid":[4],"debounce":[2],"value":[1026],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"language":[32],"region":[32],"ariaForm":[32],"configChanged":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"]}]]],["bal-popup",[[4,"bal-popup",{"label":[1],"reference":[1],"variant":[1],"placement":[1],"arrow":[4],"backdrop":[4],"offset":[2],"closable":[4],"backdropDismiss":[4,"backdrop-dismiss"],"active":[4],"contentWidth":[2,"content-width"],"demo":[4],"activeClosable":[32],"activeBackdropDismiss":[32],"activeVariant":[32],"trigger":[32],"lastTrigger":[32],"minContainerWidth":[32],"presented":[32],"present":[64],"dismiss":[64],"toggle":[64],"setMinWidth":[64],"_emitChange":[64],"_present":[64],"_dismiss":[64]},[[8,"click","listenOnGlobalClick"],[16,"keydown","listenOnKeyDown"],[1,"mousedown","listenOnMouseDown"],[1,"mouseup","listenOnMouseUp"],[0,"click","listenOnComponentClick"]],{"variant":["variantChanged"],"active":["activeChanged"],"contentWidth":["contentWidthChanged"]}]]],["bal-data_4",[[4,"bal-data-value",{"editable":[4],"disabled":[4],"multiline":[4]}],[4,"bal-data",{"border":[4],"horizontal":[4]},null,{"border":["borderHandler"]}],[4,"bal-data-item",{"disabled":[4],"border":[4]}],[4,"bal-data-label",{"required":[4]}]]],["bal-modal_3",[[4,"bal-modal-header"],[4,"bal-modal",{"overlayIndex":[1026,"overlay-index"],"delegate":[16],"dataTestId":[1,"data-test-id"],"modalWidth":[2,"modal-width"],"space":[1],"hasBackdrop":[4,"has-backdrop"],"isClosable":[4,"is-closable"],"component":[1],"componentProps":[16],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"demo":[4],"presented":[32],"open":[64],"close":[64],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},[[0,"click","onClickCloseButton"],[1,"mousedown","onMouseDown"],[1,"mouseup","onMouseUp"],[16,"keyup","handleKeyUp"]]],[4,"bal-modal-body"]]],["bal-option_2",[[4,"bal-option",{"label":[1],"value":[1],"disabled":[4],"multiline":[4],"invalid":[4],"selected":[1028],"focused":[1028],"hidden":[4],"checkbox":[32],"interactionState":[32],"select":[64]},[[1,"mouseenter","listenToMouseEnter"]]],[4,"bal-option-list",{"multiple":[4],"disabled":[4],"required":[4],"focusIndex":[1026,"focus-index"],"labelledby":[1],"filter":[1],"contentHeight":[2,"content-height"],"ariaForm":[32],"focusSelected":[64],"focusFirst":[64],"focusLast":[64],"focusNext":[64],"focusPrevious":[64],"focusByLabel":[64],"filterByContent":[64],"resetHidden":[64],"resetSelected":[64],"updateSelected":[64],"resetFocus":[64],"getSelectedValues":[64],"getSelectedOptions":[64],"getValues":[64],"getLabels":[64],"getOptions":[64],"selectByFocus":[64],"setAriaForm":[64]},[[1,"balOptionFocus","listenToMouseEnter"],[0,"balOptionChange","listenToOptionChange"]],{"contentHeight":["contentHeightChanged"]}]]],["bal-stage_6",[[4,"bal-stage",{"containerSize":[1,"container-size"],"size":[1],"color":[1],"shape":[4],"shapeVariation":[1,"shape-variation"],"shapeRotation":[1,"shape-rotation"]}],[4,"bal-stage-back-link",{"href":[1],"shadow":[4],"inverted":[4]}],[4,"bal-stage-body"],[4,"bal-stage-foot"],[4,"bal-stage-head"],[0,"bal-stage-image",{"srcSet":[1,"src-set"],"fallback":[1]}]]],["bal-time-input",[[0,"bal-time-input",{"name":[1],"invalid":[4],"required":[4],"disabled":[4],"readonly":[4],"debounce":[2],"value":[1025],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"language":[32],"region":[32],"ariaForm":[32],"configChanged":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"]}]]],["bal-tooltip",[[1,"bal-tooltip",{"reference":[1],"placement":[1],"offset":[2],"demo":[4],"contentWidth":[2,"content-width"],"presented":[32],"present":[64],"dismiss":[64],"update":[64]},null,{"contentWidth":["contentWidthChanged"]}]]],["bal-form-col_2",[[4,"bal-form-col",{"size":[1]}],[4,"bal-form-grid"]]],["bal-app",[[4,"bal-app",{"animated":[516],"ready":[1540],"setFocus":[64]}]]],["bal-checkbox-button",[[4,"bal-checkbox-button",{"invalid":[4],"disabled":[4],"readonly":[4],"color":[1],"colSize":[2,"col-size"],"colSizeTablet":[2,"col-size-tablet"],"colSizeMobile":[2,"col-size-mobile"],"interactionState":[32],"checked":[32],"focused":[32],"setChecked":[64]},null,{"invalid":["invalidHandler"],"disabled":["disabledHandler"],"readonly":["readonlyHandler"]}]]],["bal-divider",[[4,"bal-divider",{"layout":[1],"space":[1],"color":[1]}]]],["bal-dropdown",[[4,"bal-dropdown",{"autocomplete":[1],"name":[1],"placeholder":[1],"icon":[1],"disabled":[4],"readonly":[4],"multiple":[4],"chips":[4],"clearable":[4],"invalid":[4],"required":[4],"loading":[4],"filter":[1],"contentHeight":[2,"content-height"],"inverted":[4],"options":[16],"value":[1],"rawOptions":[32],"choices":[32],"rawValue":[32],"hasFocus":[32],"isExpanded":[32],"isAutoFilled":[32],"inputLabel":[32],"ariaForm":[32],"language":[32],"region":[32],"httpFormSubmit":[32],"labelToFocus":[32],"configChanged":[64],"setFocus":[64],"getValue":[64],"clear":[64],"open":[64],"close":[64],"select":[64],"setAriaForm":[64]},[[0,"balOptionChange","listenToOptionChange"],[4,"click","listenOnClickOutside"],[6,"reset","resetHandler"]],{"options":["optionChanged"],"value":["valueChanged"]}]]],["bal-form",[[4,"bal-form",{"native":[4],"novalidate":[4],"scrollToFirstInvalidField":[64]}]]],["bal-input",[[0,"bal-input",{"name":[1],"invalid":[4],"textAlign":[1,"text-align"],"type":[1],"accept":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"debounce":[2],"placeholder":[1],"max":[1],"maxLength":[2,"max-length"],"min":[1],"minLength":[2,"min-length"],"multiple":[4],"pattern":[1],"allowedKeyPress":[1,"allowed-key-press"],"required":[4],"spellcheck":[4],"disabled":[4],"readonly":[4],"clickable":[4],"suffix":[1],"hasIconRight":[4,"has-icon-right"],"inputmode":[1],"value":[1537],"mask":[1],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"ariaForm":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"]}]]],["bal-input-slider",[[0,"bal-input-slider",{"name":[1],"step":[2],"min":[2],"max":[2],"invalid":[4],"balTabindex":[2,"bal-tabindex"],"disabled":[4],"readonly":[4],"required":[4],"hasTicks":[4,"has-ticks"],"debounce":[2],"value":[1032],"autoInvalidOff":[516,"auto-invalid-off"],"ariaForm":[32],"setFocus":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["bal-notification",[[4,"bal-notification",{"color":[1]}]]],["bal-number-input",[[0,"bal-number-input",{"name":[1],"invalid":[4],"decimal":[2],"suffix":[1],"pattern":[1],"placeholder":[1],"required":[4],"disabled":[4],"readonly":[4],"exactNumber":[4,"exact-number"],"max":[1],"min":[1],"debounce":[2],"value":[1026],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"language":[32],"region":[32],"ariaForm":[32],"nativeInputValue":[32],"inputPattern":[32],"configChanged":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["bal-progress-bar",[[0,"bal-progress-bar",{"value":[2],"background":[1],"color":[1],"configChanged":[64]}]]],["bal-radio-button",[[4,"bal-radio-button",{"invalid":[4],"disabled":[4],"readonly":[4],"color":[1],"colSize":[2,"col-size"],"colSizeTablet":[2,"col-size-tablet"],"colSizeMobile":[2,"col-size-mobile"],"interactionState":[32],"checked":[32],"focused":[32],"setChecked":[64]},null,{"invalid":["invalidHandler"],"disabled":["disabledHandler"],"readonly":["readonlyHandler"]}]]],["bal-sheet",[[4,"bal-sheet",{"containerSize":[1,"container-size"]}]]],["bal-step-item",[[4,"bal-step-item",{"active":[516],"value":[513],"label":[513],"href":[513],"target":[1],"disabled":[516],"done":[516],"invisible":[516],"failed":[516],"prevent":[4],"isActive":[32],"getOptions":[64],"setActive":[64]}]]],["bal-table",[[4,"bal-table",{"expanded":[4]}]]],["bal-textarea",[[4,"bal-textarea",{"name":[1],"invalid":[4],"autocapitalize":[1],"autofocus":[4],"debounce":[2],"placeholder":[1],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"disabled":[4],"readonly":[4],"cols":[2],"rows":[2],"wrap":[1],"required":[4],"clickable":[4],"inputmode":[1],"value":[1025],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"ariaForm":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"]}]]],["bal-radio_2",[[4,"bal-radio-group",{"options":[16],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"interface":[1],"vertical":[4],"verticalOnMobile":[4,"vertical-on-mobile"],"expanded":[4],"invalid":[4],"disabled":[4],"readonly":[4],"grid":[2],"columnsTablet":[2,"columns-tablet"],"columnsMobile":[2,"columns-mobile"],"autoInvalidOff":[516,"auto-invalid-off"],"ariaForm":[32],"setValue":[64],"getOptionByValue":[64],"setAriaForm":[64]},[[6,"balChange","listenOnClick"],[6,"balFocus","radioFocusListener"],[6,"balBlur","radioBlurListener"],[6,"reset","resetListener"],[4,"keydown","onKeydown"]],{"options":["optionChanged"],"value":["valueChanged"],"invalid":["invalidChanged"],"disabled":["disabledChanged"],"readonly":["readonlyChanged"],"grid":["columnsChanged"],"columnsTablet":["columnsTabletChanged"],"columnsMobile":["columnsMobileChanged"]}],[4,"bal-radio",{"name":[1],"value":[8],"label":[1],"invisible":[4],"labelHidden":[4,"label-hidden"],"flat":[4],"interface":[1],"disabled":[4],"readonly":[4],"required":[4],"nonSubmit":[4,"non-submit"],"invalid":[4],"hovered":[4],"pressed":[4],"checked":[32],"focused":[32],"buttonTabindex":[32],"ariaForm":[32],"setFocus":[64],"setButtonTabindex":[64],"getInputElement":[64],"getOption":[64],"updateState":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"]]]]],["bal-content",[[4,"bal-content",{"layout":[1],"align":[1],"space":[1],"direction":[1],"alignment":[1]}]]],["bal-shape",[[0,"bal-shape",{"variation":[1],"color":[1],"rotation":[1]}]]],["bal-date-calendar-cell",[[0,"bal-date-calendar-cell",{"day":[2],"month":[2],"year":[2],"isoDate":[1,"iso-date"],"fullDate":[1,"full-date"],"selected":[4],"today":[4],"disabled":[4]}]]],["bal-stack",[[4,"bal-stack",{"layout":[1],"align":[1],"space":[1],"spaceRow":[1,"space-row"],"spaceColumn":[1,"space-column"],"px":[1],"py":[1],"useWrap":[4,"use-wrap"],"fitContent":[4,"fit-content"],"direction":[1],"alignment":[1]}]]],["bal-icon",[[0,"bal-icon",{"name":[1537],"svg":[1],"size":[1],"color":[1],"inline":[4],"inverted":[4],"turn":[4],"shadow":[4],"disabled":[4],"invalid":[4],"hovered":[4],"pressed":[4],"icons":[32],"configChanged":[64]}]]],["bal-date-calendar_2",[[1,"bal-date-calendar",{"value":[1],"defaultDate":[1,"default-date"],"allowedDates":[16],"min":[1025],"max":[1025],"minYearProp":[2,"min-year"],"maxYearProp":[2,"max-year"],"selectedDate":[32],"monthFullNames":[32],"weekdays":[32],"months":[32],"years":[32],"calendarGrid":[32],"firstDayOfWeek":[32],"month":[32],"year":[32],"language":[32],"isCalendarVisible":[32],"isYearListVisible":[32],"isMonthListVisible":[32],"configChanged":[64]},null,{"value":["valueChanged"],"min":["rangePropChanged"],"max":["rangePropChanged"],"minYearProp":["yearRangePropChanged"],"maxYearProp":["yearRangePropChanged"]}],[0,"bal-input-date",{"name":[1],"invalid":[4],"required":[4],"disabled":[4],"readonly":[4],"placeholder":[1],"clickable":[4],"min":[1025],"max":[1025],"autocomplete":[1],"hasIconRight":[4,"has-icon-right"],"value":[1025],"autoInvalidOff":[516,"auto-invalid-off"],"allowInvalidValue":[4,"allow-invalid-value"],"focused":[32],"isGrouped":[32],"ariaForm":[32],"configChanged":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"reset","resetHandler"],[6,"click","listenOnClick"]],{"value":["valueChanged"]}]]],["bal-badge",[[4,"bal-badge",{"icon":[1],"size":[1],"color":[1],"position":[1]}]]],["bal-label",[[4,"bal-label",{"htmlFor":[1,"html-for"],"htmlId":[1,"html-id"],"required":[4],"noWrap":[4,"no-wrap"],"multiline":[4],"valid":[4],"invalid":[4],"disabled":[4],"readonly":[4],"size":[1],"weight":[1],"hovered":[4],"pressed":[4],"language":[32],"region":[32],"ariaForm":[32],"configChanged":[64],"setAriaForm":[64]}]]],["bal-logo",[[0,"bal-logo",{"color":[1],"size":[1],"animated":[4],"isTouch":[32],"doesConfigAllowAnimation":[32]},null,{"animated":["animatedWatcher"]}]]],["bal-input-group",[[4,"bal-input-group",{"invalid":[4],"disabled":[4],"readonly":[4]}]]],["bal-carousel_2",[[4,"bal-carousel",{"value":[1026],"steps":[2],"itemsPerView":[8,"items-per-view"],"controls":[1],"htmlRole":[1,"html-role"],"controlsOverflow":[4,"controls-overflow"],"inverted":[4],"fullHeight":[4,"full-height"],"aspectRatio":[1,"aspect-ratio"],"interface":[1],"controlsSticky":[4,"controls-sticky"],"scrollY":[4,"scroll-y"],"border":[4],"isLastSlideVisible":[32],"isMobile":[32],"language":[32],"configChanged":[64],"previous":[64],"next":[64]},[[8,"touchmove","blockVerticalScrolling"],[0,"keydown","listenToKeyDown"]]],[4,"bal-carousel-item",{"src":[513],"label":[513],"htmlRole":[1,"html-role"],"elementType":[1,"element-type"],"name":[513],"value":[520],"href":[1],"target":[1],"rel":[1],"download":[1],"color":[1],"getData":[64],"setFocus":[64]}]]],["bal-close",[[0,"bal-close",{"size":[1],"inverted":[4],"language":[32],"region":[32],"configChanged":[64]}]]],["bal-tag_2",[[4,"bal-tag-group"],[4,"bal-tag",{"color":[1],"size":[1],"closable":[4],"invalid":[4],"disabled":[4],"position":[1],"light":[4],"transparent":[4]}]]],["bal-checkbox_2",[[4,"bal-checkbox-group",{"options":[16],"interface":[1],"control":[4],"name":[1],"vertical":[4],"verticalOnMobile":[4,"vertical-on-mobile"],"expanded":[4],"invalid":[4],"disabled":[4],"readonly":[4],"value":[1040],"columns":[2],"columnsTablet":[2,"columns-tablet"],"columnsMobile":[2,"columns-mobile"],"autoInvalidOff":[516,"auto-invalid-off"],"ariaForm":[32],"setValue":[64],"getOptionByValue":[64],"setAriaForm":[64]},[[6,"balChange","listenOnClick"],[6,"reset","resetHandler"],[6,"balFocus","checkboxFocusListener"],[6,"balBlur","checkboxBlurListener"]],{"options":["optionChanged"],"invalid":["invalidChanged"],"disabled":["disabledChanged"],"readonly":["readonlyChanged"],"value":["valueChanged"],"columns":["columnsChanged"],"columnsTablet":["columnsTabletChanged"],"columnsMobile":["columnsMobileChanged"]}],[4,"bal-checkbox",{"name":[1],"label":[1],"invisible":[4],"labelHidden":[4,"label-hidden"],"flat":[4],"inline":[4],"interface":[1],"value":[8],"checked":[1028],"disabled":[4],"readonly":[4],"required":[4],"autoInvalidOff":[516,"auto-invalid-off"],"nonSubmit":[4,"non-submit"],"invalid":[4],"hovered":[4],"pressed":[4],"hasLabel":[32],"focused":[32],"buttonTabindex":[32],"ariaForm":[32],"wasFocused":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"getOption":[64],"setButtonTabindex":[64],"updateState":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]]]]],["bal-select_2",[[0,"bal-select",{"name":[1],"invalid":[4],"filter":[1],"balTabindex":[2,"bal-tabindex"],"freeSolo":[4,"free-solo"],"multiple":[4],"maxLength":[2,"max-length"],"noDataLabel":[1,"no-data-label"],"autocomplete":[1],"typeahead":[4],"selectionOptional":[4,"selection-optional"],"disabled":[4],"readonly":[4],"required":[4],"inverted":[4],"placeholder":[1],"scrollable":[2],"loading":[4],"remote":[4],"autoInvalidOff":[516,"auto-invalid-off"],"value":[1025],"hasFocus":[32],"inputValue":[32],"focusIndex":[32],"isPopoverOpen":[32],"options":[32],"labelToScrollTo":[32],"labelToSelectTo":[32],"ariaForm":[32],"rawValue":[32],"setFocus":[64],"getValue":[64],"clear":[64],"open":[64],"close":[64],"cancel":[64],"select":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"],[8,"keydown","handleKeyDown"]],{"value":["valueWatcher"]}],[4,"bal-select-option",{"label":[513],"disabled":[4],"value":[513],"for":[513]}]]],["bal-footer",[[4,"bal-footer",{"hideLinks":[4,"hide-links"],"showSocialMedia":[4,"show-social-media"],"hideLanguageSelection":[4,"hide-language-selection"],"links":[32],"socialMediaLinks":[32],"language":[32],"region":[32],"allowedLanguages":[32],"configChanged":[64]}]]],["bal-heading_2",[[4,"bal-heading",{"level":[1],"visualLevel":[1,"visual-level"],"autoLevel":[1,"auto-level"],"noWrap":[4,"no-wrap"],"subtitle":[4],"space":[1],"color":[1],"inverted":[4],"shadow":[4],"autoFontSize":[32]},null,{"level":["levelWatcher"],"visualLevel":["visualLevelWatcher"],"autoLevel":["autoLevelWatcher"]}],[4,"bal-text",{"size":[1],"heading":[4],"noWrap":[4,"no-wrap"],"bold":[4],"inline":[4],"color":[1],"space":[1],"inverted":[4],"shadow":[4],"disabled":[4],"invalid":[4],"hovered":[4],"pressed":[4]}]]],["bal-list_8",[[4,"bal-list-item-accordion-head",{"accordionOpen":[1028,"accordion-open"],"icon":[1]},null,{"accordionOpen":["accordionOpenHandler"]}],[4,"bal-list-item-accordion-body",{"accordionGroup":[1,"accordion-group"],"contentSpace":[1,"content-space"],"contentAlignment":[1,"content-alignment"]}],[4,"bal-list-item-subtitle"],[4,"bal-list-item-title",{"level":[1],"visualLevel":[1,"visual-level"]}],[4,"bal-list",{"disabled":[4],"background":[1],"border":[4],"accordionOneLevel":[4,"accordion-one-level"],"size":[1]},null,{"accordionOneLevel":["accordionOneLevelHandler"]}],[4,"bal-list-item",{"disabled":[4],"clickable":[4],"selected":[4],"accordion":[4],"subAccordionItem":[4,"sub-accordion-item"],"href":[1],"target":[1],"download":[1],"state":[32],"configChanged":[64],"present":[64],"dismiss":[64],"toggle":[64]}],[4,"bal-list-item-content",{"contentAlignment":[1,"content-alignment"]}],[4,"bal-list-item-icon",{"right":[4]}]]],["bal-spinner",[[0,"bal-spinner",{"inverted":[4],"deactivated":[4],"color":[1],"small":[4],"variation":[1],"animated":[32]},null,{"deactivated":["deactivatedWatcher"],"variation":["variationWatcher"]}]]],["bal-button_2",[[4,"bal-button-group",{"position":[1],"direction":[1],"reverse":[4]}],[4,"bal-button",{"color":[1],"elementType":[1,"element-type"],"disabled":[516],"size":[513],"href":[1],"target":[1],"rel":[1],"download":[1],"shadow":[4],"square":[4],"isActive":[4,"is-active"],"expanded":[4],"flat":[4],"outlined":[4],"inverted":[4],"loading":[4],"rounded":[4],"icon":[1],"iconTurn":[4,"icon-turn"],"iconRight":[1,"icon-right"],"noWrap":[4,"no-wrap"],"name":[1],"value":[8],"aria":[16]},[[6,"click","listenOnClick"]]]]],["bal-pagination",[[0,"bal-pagination",{"align":[1],"size":[1],"interface":[1],"disabled":[4],"value":[2],"totalPages":[2,"total-pages"],"pageRange":[2,"page-range"],"sticky":[4],"top":[2],"_value":[32],"isMobile":[32],"language":[32],"next":[64],"previous":[64],"configChanged":[64]},null,{"value":["valueChanged"],"top":["topValueChanged"]}]]],["bal-card_6",[[4,"bal-card-button",{"icon":[1],"elementType":[1,"element-type"],"disabled":[516],"href":[1],"target":[1],"iconRight":[1,"icon-right"],"loading":[4]}],[4,"bal-card-actions",{"position":[1]}],[4,"bal-card-subtitle",{"inverted":[4],"bold":[4],"color":[1]}],[4,"bal-card-title",{"inverted":[4]}],[4,"bal-card-content"],[4,"bal-card",{"border":[4],"flat":[4],"square":[4],"inverted":[4],"clickable":[4],"selected":[4],"fullheight":[4],"space":[1],"color":[1]}]]],["bal-hint_5",[[4,"bal-hint",{"closeLabel":[1,"close-label"],"small":[4],"isActive":[32],"innerCloseLabel":[32],"isMobile":[32],"configChanged":[64],"toggle":[64],"present":[64],"dismiss":[64]}],[4,"bal-hint-text"],[4,"bal-hint-title"],[4,"bal-popover",{"autoTrigger":[4,"auto-trigger"],"hint":[4],"hover":[4],"arrow":[4],"backdrop":[4],"tooltip":[4],"offsetX":[2,"offset-x"],"offsetY":[2,"offset-y"],"padding":[2],"position":[1],"active":[1540],"mobileTop":[4,"mobile-top"],"isTouch":[32],"isInMainNav":[32],"backdropHeight":[32],"present":[64],"dismiss":[64],"toggle":[64]},[[16,"balPopoverPrepare","handlePopoverPrepare"],[4,"click","clickOnOutside"],[8,"keydown","handleKeyUp"],[4,"keyup","tabOutside"]],{"active":["activeChanged"]}],[4,"bal-popover-content",{"spaceless":[4],"scrollable":[2],"contentWidth":[2,"content-width"],"contentMinWidth":[2,"content-min-width"],"color":[1],"expanded":[4],"radius":[1],"noShadow":[4,"no-shadow"],"mobileTop":[4,"mobile-top"],"contentHeightOnTop":[32]}]]],["bal-tab-item_2",[[4,"bal-tab-item",{"active":[516],"value":[513],"label":[513],"href":[513],"target":[1],"bubble":[520],"disabled":[516],"invisible":[516],"prevent":[4],"icon":[513],"noPanel":[4,"no-panel"],"aria":[16],"isActive":[32],"getOptions":[64],"setActive":[64]}],[4,"bal-tabs",{"float":[1],"fullwidth":[4],"accordion":[4],"overflow":[4],"options":[16],"context":[1],"iconPosition":[1,"icon-position"],"expanded":[4],"spaceless":[4],"clickable":[4],"border":[4],"inverted":[4],"optionalTabSelection":[4,"optional-tab-selection"],"debounce":[2],"vertical":[8],"verticalColSize":[1,"vertical-col-size"],"selectOnMobile":[4,"select-on-mobile"],"value":[1025],"isAccordionOpen":[32],"accordionState":[32],"isNavbarOpen":[32],"inNavbar":[32],"inNavbarLight":[32],"isMobile":[32],"isTablet":[32],"store":[32],"animated":[32],"configChanged":[64],"select":[64],"getOptionByValue":[64],"renderLine":[64],"closeAccordion":[64]},[[8,"balWillAnimate","listenToWillAnimate"],[8,"balDidAnimate","listenToDidAnimate"],[0,"keydown","listenToKeyDown"]],{"options":["optionChanged"],"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["bal-nav_8",[[4,"bal-nav",{"logo":[16],"options":[16],"buttons":[16],"isTouch":[32],"isDesktop":[32],"language":[32],"region":[32],"isFlyoutActive":[32],"activeMetaLinkValue":[32],"activeMenuLinkValue":[32],"linkItems":[32],"metaButtons":[32],"configChanged":[64]},[[0,"balChange","listenToPopupChanges"],[5,"click","clickOnOutside"]],{"options":["optionChanged"],"buttons":["buttonChanged"]}],[4,"bal-nav-link-group",{"color":[1]}],[4,"bal-nav-link",{"variant":[1],"selected":[4],"clickable":[4],"href":[1],"target":[1]}],[4,"bal-nav-link-grid"],[4,"bal-nav-link-grid-col",{"staticCol":[4,"static-col"]}],[4,"bal-nav-menu-bar",{"invisible":[1],"position":[1],"isHidden":[32]}],[4,"bal-nav-menu-flyout",{"navId":[1,"nav-id"],"isHidden":[32]}],[4,"bal-nav-meta-bar",{"variant":[1],"size":[1],"invisible":[1],"position":[1],"isHidden":[32]},[[9,"scroll","handleScroll"]]]]]]'),e)}));
|
|
1
|
+
import{p as promiseResolve,b as bootstrapLazy}from"./index-b6003bc7.js";export{s as setNonce}from"./index-b6003bc7.js";import{g as globalScripts}from"./app-globals-b0dd0fc4.js";import"./initialize-e216cfe4.js";import"./browser-a8073d92.js";import"./config.default-7efdc82d.js";import"./log-dfd1c19f.js";import"./icons.constant-a7885631.js";var patchBrowser=function(){var e=import.meta.url;var a={};if(e!==""){a.resourcesUrl=new URL(".",e).href}return promiseResolve(a)};patchBrowser().then((function(e){globalScripts();return bootstrapLazy(JSON.parse('[["bal-field_5",[[6,"bal-field-hint",{"subject":[1],"closeLabel":[1,"close-label"],"small":[4]}],[6,"bal-field-control",{"iconRight":[1,"icon-right"],"iconLeft":[1,"icon-left"],"expandedOnMobile":[4,"expanded-on-mobile"],"loading":[4]}],[6,"bal-field-label",{"htmlFor":[1,"html-for"],"required":[4],"valid":[4],"invalid":[4],"disabled":[4],"readonly":[4],"size":[1],"weight":[1]}],[4,"bal-field",{"required":[4],"horizontal":[4],"invalid":[4],"valid":[4],"disabled":[4],"readonly":[4],"loading":[4]},null,{"required":["requiredHandler"],"invalid":["invalidHandler"],"valid":["validHandler"],"disabled":["disabledHandler"],"readonly":["readonlyHandler"],"loading":["loadingHandler"]}],[4,"bal-field-message",{"color":[1],"invalid":[4],"valid":[4],"disabled":[4],"readonly":[4],"ariaForm":[32],"setAriaForm":[64]}]]],["bal-steps",[[4,"bal-steps",{"options":[16],"clickable":[4],"color":[1],"debounce":[2],"value":[1025],"isMobile":[32],"store":[32],"select":[64],"getOptionByValue":[64]},null,{"options":["optionChanged"],"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["bal-notices_3",[[4,"bal-snackbar",{"color":[1],"duration":[2],"subject":[1],"message":[1],"icon":[1],"action":[1],"closeHandler":[16],"actionHandler":[16],"href":[1],"target":[1],"animationClass":[32],"closeIn":[64],"close":[64]}],[4,"bal-toast",{"color":[1],"duration":[2],"message":[1],"closeHandler":[16],"closeIn":[64],"close":[64]}],[4,"bal-notices",{"interface":[1]}]]],["bal-footer",[[4,"bal-footer",{"hideLinks":[4,"hide-links"],"showSocialMedia":[4,"show-social-media"],"hideLanguageSelection":[4,"hide-language-selection"],"links":[32],"socialMediaLinks":[32],"language":[32],"region":[32],"allowedLanguages":[32],"configChanged":[64]}]]],["bal-accordion_4",[[4,"bal-accordion",{"active":[1540],"debounce":[2],"openLabel":[1,"open-label"],"openIcon":[1,"open-icon"],"closeLabel":[1,"close-label"],"closeIcon":[1,"close-icon"],"card":[4],"version":[2],"state":[32],"animated":[32],"configChanged":[64],"present":[64],"dismiss":[64],"toggle":[64],"humanToggle":[64]},null,{"active":["activeChanged"],"debounce":["debounceChanged"]}],[0,"bal-accordion-trigger",{"button":[4],"openLabel":[1,"open-label"],"openIcon":[1,"open-icon"],"closeLabel":[1,"close-label"],"closeIcon":[1,"close-icon"],"color":[1],"size":[1],"active":[1540],"state":[2],"parentAccordionId":[32]}],[4,"bal-accordion-details",{"state":[2],"active":[4],"animated":[4],"parentAccordionId":[32]}],[0,"bal-accordion-summary",{"trigger":[4],"active":[1540],"state":[2],"parentAccordionId":[32]}]]],["bal-date",[[0,"bal-date",{"name":[1],"invalid":[4],"required":[4],"disabled":[4],"readonly":[4],"freeSolo":[4,"free-solo"],"placeholder":[1],"triggerIcon":[4,"trigger-icon"],"closeOnSelect":[4,"close-on-select"],"value":[1025],"min":[1025],"max":[1025],"minYearProp":[2,"min-year"],"maxYearProp":[2,"max-year"],"defaultDate":[1,"default-date"],"allowedDates":[16],"allowInvalidValue":[4,"allow-invalid-value"],"debounce":[2],"autoInvalidOff":[516,"auto-invalid-off"],"isExpanded":[32],"language":[32],"calendarValue":[32],"ariaForm":[32],"configChanged":[64],"open":[64],"close":[64],"toggle":[64],"select":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[8,"keydown","listenToKeydown"],[8,"keyup","listenOnKeyup"],[4,"click","listenOnclick"],[16,"balPopoverPrepare","listenOnPopoverPrepare"]],{"value":["valueChanged"],"debounce":["debounceChanged"]}]]],["bal-navbar_5",[[4,"bal-navbar-brand",{"href":[1],"target":[1],"simple":[4],"logo":[1],"logoSize":[1,"logo-size"],"animated":[4],"interface":[1],"isMenuActive":[32]}],[4,"bal-navbar",{"light":[4],"interface":[1],"container":[1]},null,{"interface":["interfaceHandler"]}],[4,"bal-navbar-menu",{"interface":[1],"isMenuActive":[32],"isTouch":[32],"toggle":[64]}],[4,"bal-navbar-menu-end",{"interface":[1]}],[4,"bal-navbar-menu-start",{"interface":[1]}]]],["bal-segment_2",[[4,"bal-segment-item",{"disabled":[1028],"invalid":[1028],"focused":[1028],"checked":[1028],"label":[1],"value":[1032],"hasSlotContent":[32],"isFocusable":[32],"isVertical":[32],"isLast":[32],"isFirst":[32],"hasEmptyValue":[32],"ariaForm":[32],"setFocus":[64],"setAriaForm":[64]},null,{"value":["valueChanged"]}],[4,"bal-segment",{"invalid":[4],"disabled":[4],"vertical":[4],"scrollable":[4],"expanded":[4],"value":[1032],"focusedValue":[32],"keyboardMode":[32],"isVertical":[32],"isMobile":[32],"maxWidth":[32],"ariaForm":[32],"setAriaForm":[64]},[[4,"keydown","listenOnKeyDownOutside"],[0,"keydown","listenOnKeyDown"]],{"disabled":["disabledChanged"],"value":["valueChanged"]}]]],["bal-input-stepper",[[0,"bal-input-stepper",{"name":[1],"min":[2],"max":[2],"steps":[2],"disabled":[4],"readonly":[4],"invalid":[4],"debounce":[2],"value":[1026],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"language":[32],"region":[32],"ariaForm":[32],"configChanged":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"]}]]],["bal-popup",[[4,"bal-popup",{"label":[1],"reference":[1],"variant":[1],"placement":[1],"arrow":[4],"backdrop":[4],"offset":[2],"closable":[4],"backdropDismiss":[4,"backdrop-dismiss"],"active":[4],"contentWidth":[2,"content-width"],"demo":[4],"activeClosable":[32],"activeBackdropDismiss":[32],"activeVariant":[32],"trigger":[32],"lastTrigger":[32],"minContainerWidth":[32],"presented":[32],"present":[64],"dismiss":[64],"toggle":[64],"setMinWidth":[64],"_emitChange":[64],"_present":[64],"_dismiss":[64]},[[8,"click","listenOnGlobalClick"],[16,"keydown","listenOnKeyDown"],[1,"mousedown","listenOnMouseDown"],[1,"mouseup","listenOnMouseUp"],[0,"click","listenOnComponentClick"]],{"variant":["variantChanged"],"active":["activeChanged"],"contentWidth":["contentWidthChanged"]}]]],["bal-data_4",[[4,"bal-data-value",{"editable":[4],"disabled":[4],"multiline":[4]}],[4,"bal-data",{"border":[4],"horizontal":[4]},null,{"border":["borderHandler"]}],[4,"bal-data-item",{"disabled":[4],"border":[4]}],[4,"bal-data-label",{"required":[4]}]]],["bal-modal_3",[[4,"bal-modal-header"],[4,"bal-modal",{"overlayIndex":[1026,"overlay-index"],"delegate":[16],"dataTestId":[1,"data-test-id"],"modalWidth":[2,"modal-width"],"space":[1],"hasBackdrop":[4,"has-backdrop"],"isClosable":[4,"is-closable"],"component":[1],"componentProps":[16],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"demo":[4],"presented":[32],"open":[64],"close":[64],"present":[64],"dismiss":[64],"onDidDismiss":[64],"onWillDismiss":[64]},[[0,"click","onClickCloseButton"],[1,"mousedown","onMouseDown"],[1,"mouseup","onMouseUp"],[16,"keyup","handleKeyUp"]]],[4,"bal-modal-body"]]],["bal-stage_6",[[4,"bal-stage",{"containerSize":[1,"container-size"],"size":[1],"color":[1],"shape":[4],"shapeVariation":[1,"shape-variation"],"shapeRotation":[1,"shape-rotation"]}],[4,"bal-stage-back-link",{"href":[1],"shadow":[4],"inverted":[4]}],[4,"bal-stage-body"],[4,"bal-stage-foot"],[4,"bal-stage-head"],[0,"bal-stage-image",{"srcSet":[1,"src-set"],"fallback":[1]}]]],["bal-time-input",[[0,"bal-time-input",{"name":[1],"invalid":[4],"required":[4],"disabled":[4],"readonly":[4],"debounce":[2],"value":[1025],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"language":[32],"region":[32],"ariaForm":[32],"configChanged":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"]}]]],["bal-tooltip",[[1,"bal-tooltip",{"reference":[1],"placement":[1],"offset":[2],"demo":[4],"contentWidth":[2,"content-width"],"presented":[32],"present":[64],"dismiss":[64],"update":[64]},null,{"contentWidth":["contentWidthChanged"]}]]],["bal-form-col_2",[[4,"bal-form-col",{"size":[1]}],[4,"bal-form-grid"]]],["bal-app",[[4,"bal-app",{"animated":[516],"ready":[1540],"setFocus":[64]}]]],["bal-checkbox-button",[[4,"bal-checkbox-button",{"invalid":[4],"disabled":[4],"readonly":[4],"color":[1],"colSize":[2,"col-size"],"colSizeTablet":[2,"col-size-tablet"],"colSizeMobile":[2,"col-size-mobile"],"interactionState":[32],"checked":[32],"focused":[32],"setChecked":[64]},null,{"invalid":["invalidHandler"],"disabled":["disabledHandler"],"readonly":["readonlyHandler"]}]]],["bal-divider",[[4,"bal-divider",{"layout":[1],"space":[1],"color":[1]}]]],["bal-form",[[4,"bal-form",{"native":[4],"novalidate":[4],"scrollToFirstInvalidField":[64]}]]],["bal-input",[[0,"bal-input",{"name":[1],"invalid":[4],"textAlign":[1,"text-align"],"type":[1],"accept":[1],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"debounce":[2],"placeholder":[1],"max":[1],"maxLength":[2,"max-length"],"min":[1],"minLength":[2,"min-length"],"multiple":[4],"pattern":[1],"allowedKeyPress":[1,"allowed-key-press"],"required":[4],"spellcheck":[4],"disabled":[4],"readonly":[4],"clickable":[4],"suffix":[1],"hasIconRight":[4,"has-icon-right"],"inputmode":[1],"value":[1537],"mask":[1],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"ariaForm":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"]}]]],["bal-input-slider",[[0,"bal-input-slider",{"name":[1],"step":[2],"min":[2],"max":[2],"invalid":[4],"balTabindex":[2,"bal-tabindex"],"disabled":[4],"readonly":[4],"required":[4],"hasTicks":[4,"has-ticks"],"debounce":[2],"value":[1032],"autoInvalidOff":[516,"auto-invalid-off"],"ariaForm":[32],"setFocus":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["bal-notification",[[4,"bal-notification",{"color":[1]}]]],["bal-number-input",[[0,"bal-number-input",{"name":[1],"invalid":[4],"decimal":[2],"suffix":[1],"pattern":[1],"placeholder":[1],"required":[4],"disabled":[4],"readonly":[4],"exactNumber":[4,"exact-number"],"max":[1],"min":[1],"debounce":[2],"value":[1026],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"language":[32],"region":[32],"ariaForm":[32],"nativeInputValue":[32],"inputPattern":[32],"configChanged":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["bal-progress-bar",[[0,"bal-progress-bar",{"value":[2],"background":[1],"color":[1],"configChanged":[64]}]]],["bal-radio-button",[[4,"bal-radio-button",{"invalid":[4],"disabled":[4],"readonly":[4],"color":[1],"colSize":[2,"col-size"],"colSizeTablet":[2,"col-size-tablet"],"colSizeMobile":[2,"col-size-mobile"],"interactionState":[32],"checked":[32],"focused":[32],"setChecked":[64]},null,{"invalid":["invalidHandler"],"disabled":["disabledHandler"],"readonly":["readonlyHandler"]}]]],["bal-sheet",[[4,"bal-sheet",{"containerSize":[1,"container-size"]}]]],["bal-step-item",[[4,"bal-step-item",{"active":[516],"value":[513],"label":[513],"href":[513],"target":[1],"disabled":[516],"done":[516],"invisible":[516],"failed":[516],"prevent":[4],"isActive":[32],"getOptions":[64],"setActive":[64]}]]],["bal-table",[[4,"bal-table",{"expanded":[4]}]]],["bal-textarea",[[4,"bal-textarea",{"name":[1],"invalid":[4],"autocapitalize":[1],"autofocus":[4],"debounce":[2],"placeholder":[1],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"disabled":[4],"readonly":[4],"cols":[2],"rows":[2],"wrap":[1],"required":[4],"clickable":[4],"inputmode":[1],"value":[1025],"autoInvalidOff":[516,"auto-invalid-off"],"focused":[32],"ariaForm":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"]}]]],["bal-card_6",[[4,"bal-card-button",{"icon":[1],"elementType":[1,"element-type"],"disabled":[516],"href":[1],"target":[1],"iconRight":[1,"icon-right"],"loading":[4]}],[4,"bal-card-actions",{"position":[1]}],[4,"bal-card-subtitle",{"inverted":[4],"bold":[4],"color":[1]}],[4,"bal-card-title",{"inverted":[4]}],[4,"bal-card-content"],[4,"bal-card",{"border":[4],"flat":[4],"square":[4],"inverted":[4],"clickable":[4],"selected":[4],"fullheight":[4],"space":[1],"color":[1]}]]],["bal-hint_5",[[4,"bal-hint",{"closeLabel":[1,"close-label"],"small":[4],"isActive":[32],"innerCloseLabel":[32],"isMobile":[32],"configChanged":[64],"toggle":[64],"present":[64],"dismiss":[64]}],[4,"bal-hint-text"],[4,"bal-hint-title"],[4,"bal-popover",{"autoTrigger":[4,"auto-trigger"],"hint":[4],"hover":[4],"arrow":[4],"backdrop":[4],"tooltip":[4],"offsetX":[2,"offset-x"],"offsetY":[2,"offset-y"],"padding":[2],"position":[1],"active":[1540],"mobileTop":[4,"mobile-top"],"isTouch":[32],"isInMainNav":[32],"backdropHeight":[32],"present":[64],"dismiss":[64],"toggle":[64]},[[16,"balPopoverPrepare","handlePopoverPrepare"],[4,"click","clickOnOutside"],[8,"keydown","handleKeyUp"],[4,"keyup","tabOutside"]],{"active":["activeChanged"]}],[4,"bal-popover-content",{"spaceless":[4],"scrollable":[2],"contentWidth":[2,"content-width"],"contentMinWidth":[2,"content-min-width"],"color":[1],"expanded":[4],"radius":[1],"noShadow":[4,"no-shadow"],"mobileTop":[4,"mobile-top"],"contentHeightOnTop":[32]}]]],["bal-tab-item_2",[[4,"bal-tab-item",{"active":[516],"value":[513],"label":[513],"href":[513],"target":[1],"bubble":[520],"disabled":[516],"invisible":[516],"prevent":[4],"icon":[513],"noPanel":[4,"no-panel"],"aria":[16],"isActive":[32],"getOptions":[64],"setActive":[64]}],[4,"bal-tabs",{"float":[1],"fullwidth":[4],"accordion":[4],"overflow":[4],"options":[16],"context":[1],"iconPosition":[1,"icon-position"],"expanded":[4],"spaceless":[4],"clickable":[4],"border":[4],"inverted":[4],"optionalTabSelection":[4,"optional-tab-selection"],"debounce":[2],"vertical":[8],"verticalColSize":[1,"vertical-col-size"],"selectOnMobile":[4,"select-on-mobile"],"value":[1025],"isAccordionOpen":[32],"accordionState":[32],"isNavbarOpen":[32],"inNavbar":[32],"inNavbarLight":[32],"isMobile":[32],"isTablet":[32],"store":[32],"animated":[32],"configChanged":[64],"select":[64],"getOptionByValue":[64],"renderLine":[64],"closeAccordion":[64]},[[8,"balWillAnimate","listenToWillAnimate"],[8,"balDidAnimate","listenToDidAnimate"],[0,"keydown","listenToKeyDown"]],{"options":["optionChanged"],"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["bal-option_2",[[4,"bal-option-list",{"multiple":[4],"disabled":[4],"required":[4],"focusIndex":[1026,"focus-index"],"labelledby":[1],"filter":[1],"contentHeight":[2,"content-height"],"ariaForm":[32],"focusSelected":[64],"focusFirst":[64],"focusLast":[64],"focusNext":[64],"focusPrevious":[64],"focusByLabel":[64],"filterByContent":[64],"resetHidden":[64],"resetSelected":[64],"updateSelected":[64],"resetFocus":[64],"getSelectedValues":[64],"getSelectedOptions":[64],"getValues":[64],"getLabels":[64],"getOptions":[64],"selectByFocus":[64],"setAriaForm":[64]},[[1,"balOptionFocus","listenToMouseEnter"],[0,"balOptionChange","listenToOptionChange"]],{"contentHeight":["contentHeightChanged"]}],[4,"bal-option",{"label":[1],"value":[1],"disabled":[4],"multiline":[4],"invalid":[4],"selected":[1028],"focused":[1028],"hidden":[4],"checkbox":[32],"interactionState":[32],"select":[64]},[[1,"mouseenter","listenToMouseEnter"]]]]],["bal-radio_2",[[4,"bal-radio-group",{"options":[16],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"interface":[1],"vertical":[4],"verticalOnMobile":[4,"vertical-on-mobile"],"expanded":[4],"invalid":[4],"disabled":[4],"readonly":[4],"grid":[2],"columnsTablet":[2,"columns-tablet"],"columnsMobile":[2,"columns-mobile"],"autoInvalidOff":[516,"auto-invalid-off"],"ariaForm":[32],"setValue":[64],"getOptionByValue":[64],"setAriaForm":[64]},[[6,"balChange","listenOnClick"],[6,"balFocus","radioFocusListener"],[6,"balBlur","radioBlurListener"],[6,"reset","resetListener"],[4,"keydown","onKeydown"]],{"options":["optionChanged"],"value":["valueChanged"],"invalid":["invalidChanged"],"disabled":["disabledChanged"],"readonly":["readonlyChanged"],"grid":["columnsChanged"],"columnsTablet":["columnsTabletChanged"],"columnsMobile":["columnsMobileChanged"]}],[4,"bal-radio",{"name":[1],"value":[8],"label":[1],"invisible":[4],"labelHidden":[4,"label-hidden"],"flat":[4],"interface":[1],"disabled":[4],"readonly":[4],"required":[4],"nonSubmit":[4,"non-submit"],"invalid":[4],"hovered":[4],"pressed":[4],"checked":[32],"focused":[32],"buttonTabindex":[32],"ariaForm":[32],"setFocus":[64],"setButtonTabindex":[64],"getInputElement":[64],"getOption":[64],"updateState":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"]]]]],["bal-content",[[4,"bal-content",{"layout":[1],"align":[1],"space":[1],"direction":[1],"alignment":[1]}]]],["bal-dropdown",[[4,"bal-dropdown",{"autocomplete":[1],"name":[1],"placeholder":[1],"icon":[1],"disabled":[4],"readonly":[4],"multiple":[4],"chips":[4],"clearable":[4],"invalid":[4],"required":[4],"loading":[4],"filter":[1],"contentHeight":[2,"content-height"],"inverted":[4],"options":[16],"value":[1],"rawOptions":[32],"choices":[32],"rawValue":[32],"hasFocus":[32],"isExpanded":[32],"isAutoFilled":[32],"inputLabel":[32],"ariaForm":[32],"language":[32],"region":[32],"httpFormSubmit":[32],"labelToFocus":[32],"configChanged":[64],"setFocus":[64],"getValue":[64],"clear":[64],"open":[64],"close":[64],"select":[64],"setAriaForm":[64]},[[0,"balOptionChange","listenToOptionChange"],[4,"click","listenOnClickOutside"],[6,"reset","resetHandler"]],{"options":["optionChanged"],"value":["valueChanged"]}]]],["bal-shape",[[0,"bal-shape",{"variation":[1],"color":[1],"rotation":[1]}]]],["bal-date-calendar-cell",[[0,"bal-date-calendar-cell",{"day":[2],"month":[2],"year":[2],"isoDate":[1,"iso-date"],"fullDate":[1,"full-date"],"selected":[4],"today":[4],"disabled":[4]}]]],["bal-date-calendar_2",[[1,"bal-date-calendar",{"value":[1],"defaultDate":[1,"default-date"],"allowedDates":[16],"min":[1025],"max":[1025],"minYearProp":[2,"min-year"],"maxYearProp":[2,"max-year"],"selectedDate":[32],"monthFullNames":[32],"weekdays":[32],"months":[32],"years":[32],"calendarGrid":[32],"firstDayOfWeek":[32],"month":[32],"year":[32],"language":[32],"isCalendarVisible":[32],"isYearListVisible":[32],"isMonthListVisible":[32],"configChanged":[64]},null,{"value":["valueChanged"],"min":["rangePropChanged"],"max":["rangePropChanged"],"minYearProp":["yearRangePropChanged"],"maxYearProp":["yearRangePropChanged"]}],[0,"bal-input-date",{"name":[1],"invalid":[4],"required":[4],"disabled":[4],"readonly":[4],"placeholder":[1],"clickable":[4],"min":[1025],"max":[1025],"autocomplete":[1],"hasIconRight":[4,"has-icon-right"],"value":[1025],"autoInvalidOff":[516,"auto-invalid-off"],"allowInvalidValue":[4,"allow-invalid-value"],"focused":[32],"isGrouped":[32],"ariaForm":[32],"configChanged":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"reset","resetHandler"],[6,"click","listenOnClick"]],{"value":["valueChanged"]}]]],["bal-label",[[4,"bal-label",{"htmlFor":[1,"html-for"],"htmlId":[1,"html-id"],"required":[4],"noWrap":[4,"no-wrap"],"multiline":[4],"valid":[4],"invalid":[4],"disabled":[4],"readonly":[4],"size":[1],"weight":[1],"hovered":[4],"pressed":[4],"language":[32],"region":[32],"ariaForm":[32],"configChanged":[64],"setAriaForm":[64]}]]],["bal-logo",[[0,"bal-logo",{"color":[1],"size":[1],"animated":[4],"isTouch":[32],"doesConfigAllowAnimation":[32]},null,{"animated":["animatedWatcher"]}]]],["bal-input-group",[[4,"bal-input-group",{"invalid":[4],"disabled":[4],"readonly":[4]}]]],["bal-stack",[[4,"bal-stack",{"layout":[1],"align":[1],"space":[1],"spaceRow":[1,"space-row"],"spaceColumn":[1,"space-column"],"px":[1],"py":[1],"useWrap":[4,"use-wrap"],"fitContent":[4,"fit-content"],"direction":[1],"alignment":[1]}]]],["bal-heading_2",[[4,"bal-heading",{"level":[1],"visualLevel":[1,"visual-level"],"autoLevel":[1,"auto-level"],"noWrap":[4,"no-wrap"],"subtitle":[4],"space":[1],"color":[1],"inverted":[4],"shadow":[4],"autoFontSize":[32]},null,{"level":["levelWatcher"],"visualLevel":["visualLevelWatcher"],"autoLevel":["autoLevelWatcher"]}],[4,"bal-text",{"size":[1],"heading":[4],"noWrap":[4,"no-wrap"],"bold":[4],"inline":[4],"color":[1],"space":[1],"inverted":[4],"shadow":[4],"disabled":[4],"invalid":[4],"hovered":[4],"pressed":[4]}]]],["bal-spinner",[[0,"bal-spinner",{"inverted":[4],"deactivated":[4],"color":[1],"small":[4],"variation":[1],"animated":[32]},null,{"deactivated":["deactivatedWatcher"],"variation":["variationWatcher"]}]]],["bal-icon",[[0,"bal-icon",{"name":[1537],"svg":[1],"size":[1],"color":[1],"inline":[4],"inverted":[4],"turn":[4],"shadow":[4],"disabled":[4],"invalid":[4],"hovered":[4],"pressed":[4],"icons":[32],"configChanged":[64]}]]],["bal-file-upload",[[0,"bal-file-upload",{"name":[1],"value":[16],"label":[1],"multiple":[4],"disabled":[4],"readonly":[4],"loading":[4],"required":[4],"accept":[1],"maxFiles":[2,"max-files"],"maxFileSize":[2,"max-file-size"],"maxBundleSize":[2,"max-bundle-size"],"hasFileList":[4,"has-file-list"],"invalid":[4],"subTitle":[16],"autoInvalidOff":[516,"auto-invalid-off"],"files":[32],"focused":[32],"ariaForm":[32],"clear":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"reset","resetHandler"]],{"value":["onValueChange"]}]]],["bal-datepicker",[[4,"bal-datepicker",{"name":[1],"invalid":[4],"required":[4],"disabled":[4],"readonly":[4],"loading":[4],"placeholder":[1],"min":[1025],"max":[1025],"closeOnSelect":[4,"close-on-select"],"triggerIcon":[4,"trigger-icon"],"minYearProp":[2,"min-year"],"maxYearProp":[2,"max-year"],"debounce":[2],"defaultDate":[1,"default-date"],"value":[1025],"allowedDates":[16],"autoInvalidOff":[516,"auto-invalid-off"],"language":[32],"region":[32],"isMobile":[32],"focused":[32],"isPopoverOpen":[32],"selectedDate":[32],"pointerDate":[32],"ariaForm":[32],"configChanged":[64],"open":[64],"close":[64],"select":[64],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]],{"debounce":["debounceChanged"],"value":["valueChanged"]}]]],["bal-badge",[[4,"bal-badge",{"icon":[1],"size":[1],"color":[1],"position":[1]}]]],["bal-pagination",[[0,"bal-pagination",{"align":[1],"size":[1],"interface":[1],"disabled":[4],"value":[2],"totalPages":[2,"total-pages"],"pageRange":[2,"page-range"],"sticky":[4],"top":[2],"_value":[32],"isMobile":[32],"language":[32],"next":[64],"previous":[64],"configChanged":[64]},null,{"value":["valueChanged"],"top":["topValueChanged"]}]]],["bal-close",[[0,"bal-close",{"size":[1],"inverted":[4],"language":[32],"region":[32],"configChanged":[64]}]]],["bal-tag_2",[[4,"bal-tag-group"],[4,"bal-tag",{"color":[1],"size":[1],"closable":[4],"invalid":[4],"disabled":[4],"position":[1],"light":[4],"transparent":[4]}]]],["bal-select_2",[[0,"bal-select",{"name":[1],"invalid":[4],"filter":[1],"balTabindex":[2,"bal-tabindex"],"freeSolo":[4,"free-solo"],"multiple":[4],"maxLength":[2,"max-length"],"noDataLabel":[1,"no-data-label"],"autocomplete":[1],"typeahead":[4],"selectionOptional":[4,"selection-optional"],"disabled":[4],"readonly":[4],"required":[4],"inverted":[4],"placeholder":[1],"scrollable":[2],"loading":[4],"remote":[4],"autoInvalidOff":[516,"auto-invalid-off"],"value":[1025],"hasFocus":[32],"inputValue":[32],"focusIndex":[32],"isPopoverOpen":[32],"options":[32],"labelToScrollTo":[32],"labelToSelectTo":[32],"ariaForm":[32],"rawValue":[32],"setFocus":[64],"getValue":[64],"clear":[64],"open":[64],"close":[64],"cancel":[64],"select":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"],[8,"keydown","handleKeyDown"]],{"value":["valueWatcher"]}],[4,"bal-select-option",{"label":[513],"disabled":[4],"value":[513],"for":[513]}]]],["bal-button_2",[[4,"bal-button-group",{"position":[1],"direction":[1],"reverse":[4]}],[4,"bal-button",{"color":[1],"elementType":[1,"element-type"],"disabled":[516],"size":[513],"href":[1],"target":[1],"rel":[1],"download":[1],"shadow":[4],"square":[4],"isActive":[4,"is-active"],"expanded":[4],"flat":[4],"outlined":[4],"inverted":[4],"loading":[4],"rounded":[4],"icon":[1],"iconTurn":[4,"icon-turn"],"iconRight":[1,"icon-right"],"noWrap":[4,"no-wrap"],"name":[1],"value":[8],"aria":[16]},[[6,"click","listenOnClick"]]]]],["bal-carousel_2",[[4,"bal-carousel",{"value":[1026],"steps":[2],"itemsPerView":[8,"items-per-view"],"controls":[1],"htmlRole":[1,"html-role"],"controlsOverflow":[4,"controls-overflow"],"inverted":[4],"fullHeight":[4,"full-height"],"aspectRatio":[1,"aspect-ratio"],"interface":[1],"controlsSticky":[4,"controls-sticky"],"scrollY":[4,"scroll-y"],"border":[4],"isLastSlideVisible":[32],"isMobile":[32],"language":[32],"configChanged":[64],"previous":[64],"next":[64]},[[8,"touchmove","blockVerticalScrolling"],[0,"keydown","listenToKeyDown"]]],[4,"bal-carousel-item",{"src":[513],"label":[513],"htmlRole":[1,"html-role"],"elementType":[1,"element-type"],"name":[513],"value":[520],"href":[1],"target":[1],"rel":[1],"download":[1],"color":[1],"getData":[64],"setFocus":[64]}]]],["bal-checkbox_2",[[4,"bal-checkbox-group",{"options":[16],"interface":[1],"control":[4],"name":[1],"vertical":[4],"verticalOnMobile":[4,"vertical-on-mobile"],"expanded":[4],"invalid":[4],"disabled":[4],"readonly":[4],"value":[1040],"columns":[2],"columnsTablet":[2,"columns-tablet"],"columnsMobile":[2,"columns-mobile"],"autoInvalidOff":[516,"auto-invalid-off"],"ariaForm":[32],"setValue":[64],"getOptionByValue":[64],"setAriaForm":[64]},[[6,"balChange","listenOnClick"],[6,"reset","resetHandler"],[6,"balFocus","checkboxFocusListener"],[6,"balBlur","checkboxBlurListener"]],{"options":["optionChanged"],"invalid":["invalidChanged"],"disabled":["disabledChanged"],"readonly":["readonlyChanged"],"value":["valueChanged"],"columns":["columnsChanged"],"columnsTablet":["columnsTabletChanged"],"columnsMobile":["columnsMobileChanged"]}],[4,"bal-checkbox",{"name":[1],"label":[1],"invisible":[4],"labelHidden":[4,"label-hidden"],"flat":[4],"inline":[4],"interface":[1],"value":[8],"checked":[1028],"disabled":[4],"readonly":[4],"required":[4],"autoInvalidOff":[516,"auto-invalid-off"],"nonSubmit":[4,"non-submit"],"invalid":[4],"hovered":[4],"pressed":[4],"hasLabel":[32],"focused":[32],"buttonTabindex":[32],"ariaForm":[32],"wasFocused":[32],"setFocus":[64],"setBlur":[64],"getInputElement":[64],"getOption":[64],"setButtonTabindex":[64],"updateState":[64],"setAriaForm":[64]},[[6,"click","listenOnClick"],[6,"reset","resetHandler"]]]]],["bal-list_8",[[4,"bal-list-item-accordion-head",{"accordionOpen":[1028,"accordion-open"],"icon":[1]},null,{"accordionOpen":["accordionOpenHandler"]}],[4,"bal-list-item-accordion-body",{"accordionGroup":[1,"accordion-group"],"contentSpace":[1,"content-space"],"contentAlignment":[1,"content-alignment"]}],[4,"bal-list-item-subtitle"],[4,"bal-list-item-title",{"level":[1],"visualLevel":[1,"visual-level"]}],[4,"bal-list",{"disabled":[4],"background":[1],"border":[4],"accordionOneLevel":[4,"accordion-one-level"],"size":[1]},null,{"accordionOneLevel":["accordionOneLevelHandler"]}],[4,"bal-list-item",{"disabled":[4],"clickable":[4],"selected":[4],"accordion":[4],"subAccordionItem":[4,"sub-accordion-item"],"href":[1],"target":[1],"download":[1],"state":[32],"configChanged":[64],"present":[64],"dismiss":[64],"toggle":[64]}],[4,"bal-list-item-content",{"contentAlignment":[1,"content-alignment"]}],[4,"bal-list-item-icon",{"right":[4]}]]],["bal-nav_8",[[4,"bal-nav",{"logo":[16],"options":[16],"buttons":[16],"isTouch":[32],"isDesktop":[32],"language":[32],"region":[32],"isFlyoutActive":[32],"activeMetaLinkValue":[32],"activeMenuLinkValue":[32],"linkItems":[32],"metaButtons":[32],"configChanged":[64]},[[0,"balChange","listenToPopupChanges"],[5,"click","clickOnOutside"]],{"options":["optionChanged"],"buttons":["buttonChanged"]}],[4,"bal-nav-link-group",{"color":[1]}],[4,"bal-nav-link",{"variant":[1],"selected":[4],"clickable":[4],"href":[1],"target":[1]}],[4,"bal-nav-link-grid"],[4,"bal-nav-link-grid-col",{"staticCol":[4,"static-col"]}],[4,"bal-nav-menu-bar",{"invisible":[1],"position":[1],"isHidden":[32]}],[4,"bal-nav-menu-flyout",{"navId":[1,"nav-id"],"isHidden":[32]}],[4,"bal-nav-meta-bar",{"variant":[1],"size":[1],"invisible":[1],"position":[1],"isHidden":[32]},[[9,"scroll","handleScroll"]]]]]]'),e)}));
|
package/dist/esm-es5/{breakpoints.decorator-8a50482f.js → breakpoints.decorator-c78a656a.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as balBreakpointSubject}from"./breakpoints.subject-
|
|
1
|
+
import{a as balBreakpointSubject}from"./breakpoints.subject-aee81353.js";function ListenToBreakpoints(){return function(t,n,e){var i=t.connectedCallback,r=t.disconnectedCallback;t.connectedCallback=function(){balBreakpointSubject.attach(this);return i&&i.call(this)};t.disconnectedCallback=function(){balBreakpointSubject.detach(this);return r&&r.call(this)}}}export{ListenToBreakpoints as L};
|