@baloise/ds-core 19.1.0 → 19.2.0-nightly.20250623
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/all.d.ts +2 -0
- package/components/all.js +3 -0
- package/components/bal-app.js +1 -93
- package/components/bal-app2.js +95 -0
- package/components/bal-carousel-item.js +23 -2
- package/components/bal-doc-app.d.ts +11 -0
- package/components/bal-doc-app.js +262 -0
- package/components/bal-icon2.js +1 -1350
- package/components/bal-input.js +20 -2
- package/components/bal-list-item-accordion-body2.js +6 -4
- package/components/bal-list-item-accordion-head2.js +10 -5
- package/components/bal-list-item2.js +4 -2
- package/components/bal-nav-menu-flyout2.js +10 -3
- package/components/bal-nav-meta-bar2.js +4 -2
- package/components/bal-nav.js +155 -33
- package/components/bal-popup2.js +5 -10
- package/components/bal-radio-group.js +1 -0
- package/components/bal-steps.js +1 -1
- package/components/bal-tab-item.js +4 -2
- package/components/bal-tabs2.js +4 -1
- package/components/focus-visible.js +1 -2
- package/components/index.js +7 -314
- package/components/initialize.js +312 -0
- package/components/overlays.js +2 -2
- package/components/purify.js +1353 -0
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-42b2e62411.system.entry.js → p-00dc0f84cc.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-14c507db.system.js → p-01493e9f.system.js} +1 -1
- package/dist/baloise-design-system/{p-68d7e929.system.js → p-02d76532.system.js} +1 -1
- package/dist/baloise-design-system/p-0c381481f3.system.entry.js +1 -0
- package/dist/baloise-design-system/p-12ec7e6d69.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-df9bc850dc.system.entry.js → p-12f7a6a381.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-16395ece.system.js +1 -0
- package/dist/baloise-design-system/{p-1e0a2263fb.entry.js → p-191cb463ef.entry.js} +1 -1
- package/dist/baloise-design-system/p-1e142b10.system.js +1 -0
- package/dist/baloise-design-system/p-24fe64c5.js +1 -0
- package/dist/baloise-design-system/p-294f38c2.js +1 -0
- package/dist/baloise-design-system/{p-290dfd0212.system.entry.js → p-31baba8382.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8a9fb4619a.entry.js → p-32db85222c.entry.js} +1 -1
- package/dist/baloise-design-system/p-343cc097d4.entry.js +1 -0
- package/dist/baloise-design-system/p-3913c6ae.js +1 -1
- package/dist/baloise-design-system/{p-47eaccc384.system.entry.js → p-42238a1e1a.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-42e66219.system.js +1 -0
- package/dist/baloise-design-system/p-47f0669a.js +1 -0
- package/dist/baloise-design-system/{p-7467605b28.entry.js → p-4b3b969747.entry.js} +1 -1
- package/dist/baloise-design-system/p-55591d77a6.entry.js +1 -0
- package/dist/baloise-design-system/p-56376785c2.entry.js +1 -0
- package/dist/baloise-design-system/{p-ac25ede4f4.entry.js → p-5638fe223b.entry.js} +1 -1
- package/dist/baloise-design-system/p-58e51d6a.js +1 -0
- package/dist/baloise-design-system/{p-63297f8b3b.system.entry.js → p-5b20afcac4.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-5d80cd4f25.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-b96e5a6c.js → p-5dc505fc.js} +1 -1
- package/dist/baloise-design-system/{p-390b2af6a5.system.entry.js → p-6149950bb1.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-659ecadc.system.js +1 -1
- package/dist/baloise-design-system/p-65d4a9afab.entry.js +1 -0
- package/dist/baloise-design-system/{p-83d19315e3.entry.js → p-6700e35d71.entry.js} +1 -1
- package/dist/baloise-design-system/{p-363a7f7760.entry.js → p-673d489362.entry.js} +1 -1
- package/dist/baloise-design-system/{p-022af4f2.js → p-6b284c70.js} +1 -1
- package/dist/baloise-design-system/p-6bb4e22ace.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-16ebe71517.entry.js → p-72a1dc6052.entry.js} +1 -1
- package/dist/baloise-design-system/p-7625d0abde.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-702abad387.entry.js → p-7db52d587f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-456114b8.system.js → p-83512f21.system.js} +1 -1
- package/dist/baloise-design-system/{p-8bd42bba68.entry.js → p-84a5fe83b0.entry.js} +1 -1
- package/dist/baloise-design-system/{p-24336e0fca.system.entry.js → p-8ebf048b7b.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-96301206d3.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-32bf71aa6c.entry.js → p-9b355b09ba.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b9a4f3580b.entry.js → p-9c3f458e6c.entry.js} +1 -1
- package/dist/baloise-design-system/{p-99c12a1d83.system.entry.js → p-9df176a81a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e43b61e151.system.entry.js → p-a19a336dda.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-a35a951800.entry.js +1 -0
- package/dist/baloise-design-system/p-a397da94.system.js +1 -0
- package/dist/baloise-design-system/p-a86c09c64f.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-13ea819488.entry.js → p-ac238676b6.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e453a2de.system.js → p-ad89304c.system.js} +1 -1
- package/dist/baloise-design-system/p-ade92c8b.js +2 -0
- package/dist/baloise-design-system/p-b3a9499f8e.entry.js +1 -0
- package/dist/baloise-design-system/p-b94e6946fc.entry.js +1 -0
- package/dist/baloise-design-system/{p-2367556371.system.entry.js → p-b9b086adc8.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c89750c825.system.entry.js → p-ba30929ac8.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-d0cee779.system.js +2 -0
- package/dist/baloise-design-system/{p-9d3935fbbc.entry.js → p-d18794e22b.entry.js} +1 -1
- package/dist/baloise-design-system/p-d4e5093b.js +1 -0
- package/dist/baloise-design-system/{p-35fde87c2a.system.entry.js → p-dfd6d34303.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-e2c982954d.entry.js +1 -0
- package/dist/baloise-design-system/{p-39c2321045.system.entry.js → p-e3fb1f185f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-490383ab.system.js → p-eaec547b.system.js} +1 -1
- package/dist/baloise-design-system/{p-131fd635ef.entry.js → p-f0506e5102.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c5ac7b5d30.system.entry.js → p-f2784fb721.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-f3c6e132ea.system.entry.js +1 -0
- package/dist/cjs/app-globals-f63c33e7.js +7 -0
- package/dist/cjs/bal-app.cjs.entry.js +1 -1
- package/dist/cjs/bal-carousel_2.cjs.entry.js +23 -5
- package/dist/cjs/bal-checkbox_2.cjs.entry.js +1 -1
- package/dist/cjs/bal-date.cjs.entry.js +1 -1
- package/dist/cjs/bal-doc-app.cjs.entry.js +233 -0
- package/dist/cjs/bal-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-icon.cjs.entry.js +2 -1351
- package/dist/cjs/bal-input.cjs.entry.js +20 -2
- package/dist/cjs/bal-list_8.cjs.entry.js +21 -12
- package/dist/cjs/bal-logo.cjs.entry.js +3 -3
- package/dist/cjs/bal-modal_3.cjs.entry.js +1 -1
- package/dist/cjs/bal-nav_8.cjs.entry.js +167 -38
- 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-popup.cjs.entry.js +5 -10
- package/dist/cjs/bal-progress-bar.cjs.entry.js +4 -4
- package/dist/cjs/bal-radio_2.cjs.entry.js +2 -1
- package/dist/cjs/bal-segment_2.cjs.entry.js +5 -5
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-steps.cjs.entry.js +4 -4
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +11 -6
- package/dist/cjs/baloise-design-system.cjs.js +3 -2
- package/dist/cjs/{breakpoints.decorator-5086ec90.js → breakpoints.decorator-266b25a2.js} +1 -1
- package/dist/cjs/{breakpoints.subject-a1180187.js → breakpoints.subject-03f75770.js} +1 -1
- package/dist/cjs/{focus-visible-264bd9b8.js → focus-visible-a434c91f.js} +0 -2
- package/dist/cjs/{app-globals-0d8db19e.js → global-2a76769b.js} +2 -4
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/initialize-2e8978a4.js +1 -1
- package/dist/cjs/loader.cjs.js +3 -2
- package/dist/cjs/{overlays-47b231bc.js → overlays-94ebb271.js} +2 -2
- package/dist/cjs/purify-b01229e2.js +1355 -0
- package/dist/cjs/{tokens.esm-263be70d.js → tokens.esm-c3cc508d.js} +1 -1
- package/dist/cjs/{window-resize.decorator-9a06680f.js → window-resize.decorator-9494cf0b.js} +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/bal-carousel/bal-carousel-item/bal-carousel-item.js +44 -3
- package/dist/collection/components/bal-input/bal-input-util.js +1 -0
- package/dist/collection/components/bal-input/bal-input.js +22 -5
- package/dist/collection/components/bal-list/bal-list-item/bal-list-item.js +4 -2
- package/dist/collection/components/bal-list/bal-list-item-accordion-body/bal-list-item-accordion-body.js +7 -5
- package/dist/collection/components/bal-list/bal-list-item-accordion-head/bal-list-item-accordion-head.js +13 -8
- package/dist/collection/components/bal-nav/bal-nav-focus.util.js +87 -0
- package/dist/collection/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.js +40 -2
- package/dist/collection/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.css +1 -1
- package/dist/collection/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.js +22 -1
- package/dist/collection/components/bal-nav/bal-nav.css +1 -1
- package/dist/collection/components/bal-nav/bal-nav.js +43 -8
- package/dist/collection/components/bal-nav/models/bal-nav-menu-link-item.js +6 -5
- package/dist/collection/components/bal-popup/bal-popup.js +8 -13
- package/dist/collection/components/bal-radio/bal-radio-group/bal-radio-group.js +1 -0
- package/dist/collection/components/bal-steps/bal-steps.css +1 -1
- package/dist/collection/components/bal-tabs/bal-tab-item/bal-tab-item.js +23 -2
- package/dist/collection/components/bal-tabs/components/tab-button.js +6 -3
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +247 -0
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/collection/utils/overlays/focus-trap.js +2 -2
- package/dist/esm/app-globals-1ecf000f.js +5 -0
- package/dist/esm/bal-app.entry.js +1 -1
- package/dist/esm/bal-carousel_2.entry.js +23 -5
- package/dist/esm/bal-checkbox_2.entry.js +1 -1
- package/dist/esm/bal-date.entry.js +1 -1
- package/dist/esm/bal-doc-app.entry.js +229 -0
- package/dist/esm/bal-dropdown.entry.js +1 -1
- package/dist/esm/bal-hint_5.entry.js +3 -3
- package/dist/esm/bal-icon.entry.js +1 -1350
- package/dist/esm/bal-input.entry.js +20 -2
- package/dist/esm/bal-list_8.entry.js +22 -13
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-modal_3.entry.js +1 -1
- package/dist/esm/bal-nav_8.entry.js +168 -39
- package/dist/esm/bal-navbar_5.entry.js +3 -3
- package/dist/esm/bal-pagination.entry.js +3 -3
- package/dist/esm/bal-popup.entry.js +5 -10
- package/dist/esm/bal-progress-bar.entry.js +4 -4
- package/dist/esm/bal-radio_2.entry.js +2 -1
- package/dist/esm/bal-segment_2.entry.js +5 -5
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-steps.entry.js +4 -4
- package/dist/esm/bal-tab-item_2.entry.js +11 -6
- package/dist/esm/baloise-design-system.js +3 -2
- package/dist/esm/{breakpoints.decorator-3666716a.js → breakpoints.decorator-ecda98cb.js} +1 -1
- package/dist/esm/{breakpoints.subject-1aa7be9a.js → breakpoints.subject-2897cae5.js} +1 -1
- package/dist/esm/{focus-visible-f0cdd043.js → focus-visible-c1d6b5b8.js} +1 -2
- package/dist/esm/{app-globals-5dd5fe6b.js → global-6e86728b.js} +2 -4
- package/dist/esm/index.js +4 -4
- package/dist/esm/initialize-be160cc4.js +1 -1
- package/dist/esm/loader.js +3 -2
- package/dist/esm/{overlays-4cc504b6.js → overlays-3f81f45d.js} +2 -2
- package/dist/esm/purify-8cb49f16.js +1353 -0
- package/dist/esm/{tokens.esm-a3abda33.js → tokens.esm-17500c90.js} +1 -1
- package/dist/esm/{window-resize.decorator-ef52bf33.js → window-resize.decorator-b914e5b9.js} +1 -1
- package/dist/esm-es5/app-globals-1ecf000f.js +1 -0
- package/dist/esm-es5/bal-app.entry.js +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
- package/dist/esm-es5/bal-date.entry.js +1 -1
- package/dist/esm-es5/bal-doc-app.entry.js +1 -0
- package/dist/esm-es5/bal-dropdown.entry.js +1 -1
- package/dist/esm-es5/bal-hint_5.entry.js +1 -1
- package/dist/esm-es5/bal-icon.entry.js +1 -2
- package/dist/esm-es5/bal-input.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-modal_3.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-popup.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-radio_2.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-ecda98cb.js +1 -0
- package/dist/esm-es5/{breakpoints.subject-1aa7be9a.js → breakpoints.subject-2897cae5.js} +1 -1
- package/dist/esm-es5/focus-visible-c1d6b5b8.js +1 -0
- package/dist/esm-es5/global-6e86728b.js +1 -0
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-be160cc4.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/overlays-3f81f45d.js +1 -0
- package/dist/esm-es5/purify-8cb49f16.js +2 -0
- package/dist/esm-es5/{window-resize.decorator-ef52bf33.js → window-resize.decorator-b914e5b9.js} +1 -1
- package/dist/html.html-data.json +12 -1
- package/dist/types/components/bal-carousel/bal-carousel-item/bal-carousel-item.d.ts +8 -0
- package/dist/types/components/bal-input/bal-input-util.d.ts +1 -0
- package/dist/types/components/bal-input/bal-input.d.ts +1 -0
- package/dist/types/components/bal-input/bal-input.interfaces.d.ts +1 -1
- package/dist/types/components/bal-list/bal-list-item-accordion-body/bal-list-item-accordion-body.d.ts +1 -1
- package/dist/types/components/bal-list/bal-list-item-accordion-head/bal-list-item-accordion-head.d.ts +3 -2
- package/dist/types/components/bal-nav/bal-nav-focus.util.d.ts +33 -0
- package/dist/types/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.d.ts +6 -1
- package/dist/types/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.d.ts +4 -0
- package/dist/types/components/bal-nav/bal-nav.interfaces.d.ts +7 -1
- package/dist/types/components/bal-nav/models/bal-nav-menu-link-item.d.ts +1 -0
- package/dist/types/components/bal-popup/bal-popup.d.ts +1 -1
- package/dist/types/components/bal-tabs/bal-tab-item/bal-tab-item.d.ts +5 -0
- package/dist/types/components/bal-tabs/bal-tab.type.d.ts +1 -0
- package/dist/types/components/bal-tabs/bal-tabs.interfaces.d.ts +2 -0
- package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
- package/dist/types/components.d.ts +79 -2
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +82 -0
- package/package.json +6 -6
- package/dist/baloise-design-system/p-002d7bb9.js +0 -1
- package/dist/baloise-design-system/p-0f8973edc6.entry.js +0 -1
- package/dist/baloise-design-system/p-130b37bc.js +0 -1
- package/dist/baloise-design-system/p-1693fa7649.system.entry.js +0 -1
- package/dist/baloise-design-system/p-2fffe828ac.system.entry.js +0 -1
- package/dist/baloise-design-system/p-345aa92d.system.js +0 -1
- package/dist/baloise-design-system/p-53b2b718c5.entry.js +0 -1
- package/dist/baloise-design-system/p-58b1d6fa96.system.entry.js +0 -1
- package/dist/baloise-design-system/p-64916e34a4.entry.js +0 -1
- package/dist/baloise-design-system/p-967bdfab.js +0 -1
- package/dist/baloise-design-system/p-98cf514345.system.entry.js +0 -1
- package/dist/baloise-design-system/p-aa16fc7aa2.system.entry.js +0 -2
- package/dist/baloise-design-system/p-b52ad8d5.system.js +0 -1
- package/dist/baloise-design-system/p-c2f253d9fd.entry.js +0 -2
- package/dist/baloise-design-system/p-c917a3bc.system.js +0 -1
- package/dist/baloise-design-system/p-ca119357.js +0 -1
- package/dist/baloise-design-system/p-d09026edb1.system.entry.js +0 -1
- package/dist/baloise-design-system/p-dd2a76bd7c.system.entry.js +0 -1
- package/dist/baloise-design-system/p-f04cab5af1.entry.js +0 -1
- package/dist/baloise-design-system/p-f2cc4e63d4.entry.js +0 -1
- package/dist/baloise-design-system/p-f6b1d87619.entry.js +0 -1
- package/dist/esm-es5/app-globals-5dd5fe6b.js +0 -1
- package/dist/esm-es5/breakpoints.decorator-3666716a.js +0 -1
- package/dist/esm-es5/focus-visible-f0cdd043.js +0 -1
- package/dist/esm-es5/overlays-4cc504b6.js +0 -1
- /package/dist/baloise-design-system/{p-bccc3d48.system.js → p-d3480bd3.system.js} +0 -0
- /package/dist/baloise-design-system/{p-928bbc47.js → p-f9808768.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-a3abda33.js → tokens.esm-17500c90.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c,h as o,H as a,g as b}from"./p-2ccbe55a.js";import{_ as l,a as t}from"./p-43c9f5e9.js";import{a as r}from"./p-8f2e9a7f.js";import{i}from"./p-063808d7.js";import{B as h}from"./p-ae86d0a0.js";import{F as d}from"./p-ca119357.js";import{d as n}from"./p-5eb3fbb9.js";import{s,c as x,d as k}from"./p-79f6f58b.js";import{j as v,v as u}from"./p-a255c9b3.js";import{L as p}from"./p-b77e3348.js";import{L as m}from"./p-f1052416.js";import{d as g}from"./p-dc98854c.js";import{a as _}from"./p-00b37ea2.js";import{L as f}from"./p-afd41db0.js";import{L as y}from"./p-83ac9b11.js";import"./p-a65354df.js";import"./p-a7be57b6.js";import"./p-acf222fd.js";import"./p-9a3d9e17.js";import"./p-166d571e.js";import"./p-4573c419.js";const w=class{constructor(o){e(this,o),this.balFocus=c(this,"balFocus",7),this.balBlur=c(this,"balBlur",7),this.balChange=c(this,"balChange",7),this.inputId="bal-cb-"+j++,this.inheritedAttributes={},this.keyboardMode=!0,this.outerElementState={hovered:!1,pressed:!1},this.innerElementState={hovered:!1,pressed:!1},this.initialValue=!1,this.setChecked=e=>{this.checked=e,this.balChange.emit(this.checked)},this.toggleChecked=e=>{e.preventDefault(),this.setFocus(),this.setChecked(!this.checked)},this.onClick=e=>{if(this.disabled)return;const c=e.target;c&&c.href||(this.wasFocused&&(this.focused=!0),this.toggleChecked(e))},this.onFocus=e=>{if(this.disabled||this.readonly)return this.focused=!1,s(e);this.balFocus.emit(e),this.keyboardMode&&(this.focused=!0,this.wasFocused=!0)},this.onBlur=e=>{if(this.disabled||this.readonly)return s(e);this.balBlur.emit(e),this.focused=!1},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=e=>{g(e)||(this.wasFocused=!1),this.keyboardMode=d.includes(e.key)},this.hasLabel=!0,this.focused=!1,this.buttonTabindex=void 0,this.ariaForm=n,this.wasFocused=!1,this.mergedElementState={hovered:!1,pressed:!1},this.name=this.inputId,this.label="",this.labelHidden=!1,this.flat=!1,this.interface="checkbox",this.value="on",this.checked=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.autoInvalidOff=!1,this.nonSubmit=!1,this.invalid=!1,this.hovered=!1,this.pressed=!1,this.color=void 0,this.colSize=1,this.colSizeTablet=1,this.colSizeMobile=1}createLogger(e){this.log=e}hoveredChanged(){this.innerElementState={hovered:this.hovered,pressed:this.pressed},this.mergeElementState()}pressedChanged(){this.innerElementState={hovered:this.hovered,pressed:this.pressed},this.mergeElementState()}connectedCallback(){this.hoveredChanged(),this.group&&(this.updateState(),this.group.addEventListener("balChange",(()=>this.updateState()))),this.initialValue=this.checked,this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.inheritedAttributes=i(this.el,["aria-label","tabindex","title"])}componentWillRender(){this.interactionChildElements.forEach((e=>{e.disabled=this.disabled||this.readonly,e.invalid=this.invalid,e.checked=this.checked}))}disconnectedCallback(){this.group&&this.group.removeEventListener("balChange",(()=>this.updateState())),this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}listenOnClick(e){(this.disabled||this.readonly)&&e.target&&(e.target===this.el||v(this.el,e.target))&&s(e)}resetHandler(e){const c=e.target;(null==c?void 0:c.contains(this.el))&&(this.checked=this.initialValue)}elementStateListener(e){this.outerElementState=e,this.mergeElementState()}async setFocus(){x(this)}async setBlur(){k(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async getOption(){return this.option}async updateState(){if(this.group&&this.group.control&&Array.isArray(this.group.value)){const e=this.group.value.includes(this.value);e!==this.checked&&(this.checked=e)}}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get group(){return this.el.closest("bal-checkbox-group")}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-check, bal-switch, bal-icon"))}get option(){return{name:this.name,value:this.value,checked:this.checked,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invalid:this.invalid}}mergeElementState(){this.mergedElementState={hovered:this.outerElementState.hovered||this.innerElementState.hovered,pressed:this.outerElementState.pressed||this.innerElementState.pressed},this.interactionChildElements.forEach((e=>{e.hovered=this.mergedElementState.hovered,e.pressed=this.mergedElementState.pressed}))}render(){const e=h.block("checkbox"),c=e.element("input"),b=e.element("label"),l=b.element("text"),t=b.element("icon"),i=this.focused&&-1!==this.buttonTabindex,d=this.inheritedAttributes;void 0!==this.buttonTabindex&&(d.tabIndex=this.buttonTabindex);const n=!this.nonSubmit,s=this.ariaForm.controlId||this.inputId,x=this.ariaForm.labelId||null,k=n?"label":"span",v="switch"===this.interface?"bal-switch":"bal-check";return o(a,{key:"eaa9cf2ba9de2a203b98515939ff117c89dc16cf","aria-checked":`${this.checked}`,"aria-disabled":r(this.disabled),"aria-invalid":!0===this.invalid?"true":"false","aria-hidden":r(this.disabled||this.nonSubmit),"aria-focused":i?"true":null,"aria-labelledby":x,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"bal-focused":i},e.class()),e.modifier("checkbox").class()),e.modifier("button").class("button"===this.interface)),e.modifier("switch").class("switch"===this.interface)),e.modifier("tile").class("tile"===this.interface)),e.modifier(`tile-color-${this.color}`).class("tile"===this.interface&&!!this.color)),e.modifier("focused").class(this.focused)),e.modifier("invalid").class(this.invalid)),e.modifier("checked").class(this.checked)),e.modifier("flat").class(this.flat)),e.modifier("disabled").class(this.disabled||this.readonly)),e.modifier("hovered").class(this.mergedElementState.hovered)),e.modifier("pressed").class(this.mergedElementState.pressed)),e.modifier(`column-${this.colSize}`).class("tile"===this.interface&&this.colSize>1)),e.modifier(`column-tablet-${this.colSizeTablet}`).class("tile"===this.interface&&this.colSizeTablet>1)),e.modifier(`column-mobile-${this.colSizeMobile}`).class("tile"===this.interface&&this.colSizeMobile>1)),onClick:this.onClick},o(k,{key:"6fd849f4768bc7155eb5db297713bc82aeab6dfe",class:Object.assign({},b.class()),"data-testid":"bal-checkbox-label"},n?o("input",Object.assign({id:s,type:"checkbox","data-testid":"bal-checkbox-input",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,class:Object.assign({},c.class()),"aria-hidden":r(this.nonSubmit),"aria-invalid":!0===this.invalid?"true":"false","aria-describedby":this.ariaForm.messageId,onChange:e=>this.toggleChecked(e),onFocus:e=>this.onFocus(e),onBlur:e=>this.onBlur(e),ref:e=>this.nativeInput=e},d)):"","tile"!==this.interface?o("div",{class:Object.assign({},t.class())},o(v,{checked:this.checked,disabled:this.disabled||this.readonly,invalid:this.invalid,inverted:"button"===this.interface&&this.checked,hovered:this.mergedElementState.hovered,pressed:this.mergedElementState.pressed})):"",o("div",{key:"ca1ec209d9211082db1d0905e599eea5e6803244",class:Object.assign(Object.assign({},l.class()),l.modifier("hidden").class(this.labelHidden))},o("slot",{key:"a2a3c8124d7d47bf300b229fe01e62fa198961c0"}))))}get el(){return b(this)}static get watchers(){return{hovered:["hoveredChanged"],pressed:["pressedChanged"]}}};l([p("bal-checkbox"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],w.prototype,"createLogger",null),l([m(),t("design:type",Function),t("design:paramtypes",[Object]),t("design:returntype",void 0)],w.prototype,"elementStateListener",null);let j=0;w.style="@media (hover: hover)and (pointer: fine){.bal-checkbox.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-checkbox-symbol-size:1.5rem;--bal-checkbox-symbol-border-width:2px;--bal-checkbox-symbol-background:transparent;--bal-checkbox-label-min-height:1.5rem;--bal-checkbox-button-background-hover:var(--bal-color-grey-2);--bal-checkbox-button-background-active:var(--bal-color-grey-2);--bal-checkbox-button-background-checked:var(--bal-color-primary);--bal-checkbox-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-checkbox-button-background-checked-active:var(--bal-color-primary-6);--bal-checkbox-button-background-invalid:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-hover:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-active:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-checked:var(--bal-color-border-danger);--bal-checkbox-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-checkbox-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-checkbox-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-checkbox-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-button-background:transparent;--bal-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-checkbox-button-border-color:var(--bal-color-primary);--bal-checkbox-button-border-color-hover:var(--bal-color-light-blue-5);--bal-checkbox-button-border-color-active:var(--bal-color-primary-6);--bal-checkbox-button-border-color-invalid:var(--bal-color-border-danger);--bal-checkbox-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-checkbox-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-checkbox-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-checkbox-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-checkbox-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-checkbox-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-tile-background:transparent;--bal-checkbox-tile-background-hover:var(--bal-color-grey-1);--bal-checkbox-tile-background-disabled:var(--bal-color-grey-1);--bal-checkbox-tile-background-invalid-hover:var(--bal-color-danger-1);--bal-checkbox-tile-background-invalid-active:var(--bal-color-danger-1);--bal-checkbox-tile-background-checked-green:var(--bal-color-green-1);--bal-checkbox-tile-background-checked-purple:var(--bal-color-purple-1);--bal-checkbox-tile-background-checked-red:var(--bal-color-red-1);--bal-checkbox-tile-background-checked-yellow:var(--bal-color-yellow-1);--bal-checkbox-tile-border-style:var(--bal-form-field-control-border-style);--bal-checkbox-tile-border-radius:var(--bal-form-field-control-radius);--bal-checkbox-tile-border-width:var(--bal-form-field-control-border-width);--bal-checkbox-tile-padding:var(--bal-text-size-medium);--bal-checkbox-tile-border-color:var(--bal-color-border);--bal-checkbox-tile-border-color-hover:var(--bal-color-border-primary-hovered);--bal-checkbox-tile-border-color-active:var(--bal-color-border-primary-pressed);--bal-checkbox-tile-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-checkbox-tile-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-checkbox-tile-border-color-checked:var(--bal-color-border-primary);--bal-checkbox-tile-border-color-invalid:var(--bal-color-border-danger);--bal-checkbox-tile-border-color-disabled:var(--bal-color-border-grey-dark)}.bal-checkbox{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:var(--bal-checkbox-symbol-size);border-radius:var(--bal-radius-normal);cursor:pointer}.bal-checkbox .bal-checkbox__label{cursor:pointer}.bal-checkbox--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-checkbox.bal-checkbox--flat{min-height:var(--bal-checkbox-symbol-size)}.bal-checkbox:not(.bal-checkbox--flat){min-height:3rem}.bal-checkbox--invalid{color:var(--bal-form-field-label-danger-color)}.bal-checkbox--disabled,.bal-checkbox--disabled .bal-checkbox__label{color:var(--bal-form-field-label-disabled-color);cursor:default}.bal-checkbox__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;width:100%;height:100%}.bal-checkbox__label{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-direction:row;flex-direction:row}.bal-checkbox__label__text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;contain:layout style;font-family:var(--bal-font-family-text);padding-top:.25rem;padding-bottom:.25rem;width:100%}.bal-checkbox__label__text--hidden{display:none}.bal-checkbox__label__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media (hover: hover)and (pointer: fine){.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-text-primary-hovered)}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__icon,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__icon{color:var(--bal-color-text-primary-hovered)}}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-text-primary-pressed)}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__icon,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__icon{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-text-danger-hovered)}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__icon,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):hover .bal-checkbox__label__icon{color:var(--bal-color-text-danger-hovered)}}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-text-danger-pressed)}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__icon,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):active .bal-checkbox__label__icon{color:var(--bal-color-text-danger-pressed)}.bal-checkbox--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-x-small);-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-checkbox-button-border-color)}.bal-checkbox--button.bal-checkbox--checked{background:var(--bal-checkbox-button-background-checked);color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--invalid{border-color:var(--bal-color-border-danger);color:var(--bal-color-text-danger-hovered);background:var(--bal-color-danger-1)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked{color:var(--bal-color-white);background:var(--bal-color-border-danger)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--disabled{border-color:var(--bal-color-grey-4);background:var(--bal-color-grey-2)}.bal-checkbox--button.bal-checkbox--disabled .bal-checkbox__label__text{color:var(--bal-color-text-grey)}.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked{background:var(--bal-color-grey-4);color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-hovered)}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-text-primary-hovered)}}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-pressed)}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-color-border-primary-hovered);border-color:var(--bal-color-border-primary-hovered)}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-white)}}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-color-border-primary-pressed);border-color:var(--bal-color-border-primary-pressed)}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-hovered)}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-text-danger-hovered)}}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):active{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-pressed)}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-text-danger-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):hover{background:var(--bal-color-border-danger-hovered);border-color:var(--bal-color-border-danger-hovered)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-white)}}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):active{background:var(--bal-color-border-danger-pressed);border-color:var(--bal-color-border-danger-pressed)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-white)}.bal-checkbox--tile{display:block;-ms-flex:0 0 100%;flex:0 0 100%;background:var(--bal-checkbox-tile-background);border-style:var(--bal-checkbox-tile-border-style);border-radius:var(--bal-checkbox-tile-border-radius);border-width:var(--bal-checkbox-tile-border-width);border-color:var(--bal-checkbox-tile-border-color);padding:var(--bal-checkbox-tile-padding)}.bal-checkbox--tile .bal-checkbox__label{height:100%;-ms-flex-align:stretch;align-items:stretch}.bal-checkbox--tile.bal-checkbox--checked{border-color:var(--bal-checkbox-tile-border-color-checked)}.bal-checkbox--tile.bal-checkbox--invalid{border-color:var(--bal-checkbox-tile-border-color-invalid)}.bal-checkbox--tile.bal-checkbox--disabled{background:var(--bal-checkbox-tile-background-disabled);border-color:var(--bal-checkbox-tile-border-color-disabled);cursor:default}@media (hover: hover)and (pointer: fine){.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-checkbox-tile-background-hover);border-color:var(--bal-checkbox-tile-border-color-hover)}}.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-checkbox-tile-background-hover);border-color:var(--bal-checkbox-tile-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover{background:var(--bal-checkbox-tile-background-invalid-hover);border-color:var(--bal-checkbox-tile-border-color-invalid-hover)}}.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled):active{background:var(--bal-checkbox-tile-background-invalid-active);border-color:var(--bal-checkbox-tile-border-color-invalid-active)}.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-green)}.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-red)}.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-purple)}.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-yellow)}@media screen and (min-width: 769px),print{.bal-checkbox--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-checkbox--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-checkbox--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-checkbox--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}";const O=class{constructor(o){e(this,o),this.balChange=c(this,"balChange",7),this.balFocus=c(this,"balFocus",7),this.balBlur=c(this,"balBlur",7),this.inputId="bal-cg-"+C++,this.inheritedAttributes={},this.hasFocus=!1,this.mutationObserverActive=!0,this.onClick=e=>{if(!this.control)return;if(e.target.href)return;const c=e.target&&e.target.closest("bal-checkbox");if(c&&(c.disabled||c.readonly))return e.stopPropagation();this.updateValues()},this.onOptionChange=async()=>{this.sync()},this.ariaForm=n,this.options=void 0,this.interface=void 0,this.control=!1,this.name=this.inputId,this.vertical=!1,this.verticalOnMobile=!1,this.expanded=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.value=[],this.columns=1,this.columnsTablet=1,this.columnsMobile=1,this.autoInvalidOff=!1}createLogger(e){this.log=e}async optionChanged(){this.control&&(this.onOptionChange(),this.mutationObserverActive=void 0===this.options)}invalidChanged(e){this.control&&void 0!==e&&this.getCheckboxes().forEach((c=>{c.invalid=e}))}disabledChanged(e){this.control&&void 0!==e&&this.getCheckboxes().forEach((c=>{c.disabled=e}))}readonlyChanged(e){this.control&&void 0!==e&&this.getCheckboxes().forEach((c=>{c.readonly=e}))}valueChanged(e,c){this.control&&_(this.value,c)||this.onOptionChange()}columnsChanged(e){this.getCheckboxes().forEach((c=>c.colSize=e))}columnsTabletChanged(e){this.getCheckboxes().forEach((c=>c.colSizeTablet=e))}columnsMobileChanged(e){this.getCheckboxes().forEach((c=>c.colSizeMobile=e))}connectedCallback(){this.control&&(this.mutationObserverActive=void 0===this.options,this.valueChanged(this.value,[]))}componentWillLoad(){this.control&&(this.inheritedAttributes=i(this.el,["aria-label","tabindex","title"]),this.disabledChanged(this.disabled),this.invalidChanged(this.invalid),this.readonlyChanged(this.readonly)),this.columnsChanged(this.columns),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}mutationListener(){this.control&&(this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly)),this.columnsChanged(this.columns),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}listenOnCheckboxChange(e){this.control&&v(this.el,e.target)&&(s(e),this.updateValues())}resetHandler(e){const c=e.target;(null==c?void 0:c.contains(this.el))&&(this.control&&(this.value=[]),this.onOptionChange())}checkboxFocusListener(e){const{target:c}=e;c&&v(this.el,c)&&u(c,"bal-checkbox")&&s(e)}checkboxBlurListener(e){const{target:c}=e;c&&v(this.el,c)&&u(c,"bal-checkbox")&&s(e)}async setValue(e){this.control&&(this.value=e)}async getOptionByValue(e){const c=this.options;if(c)return c.find((c=>c.value===e))}async setAriaForm(e){this.ariaForm=Object.assign({},e)}sync(){if(this.control){const e=e=>{for(let c=0;c<this.value.length;c++){const o=this.value[c];if(void 0!==o&&o.toString()===e.value.toString())return!0}return!1};this.getCheckboxes().forEach((c=>{c.checked=e(c)}))}this.getCheckboxes().forEach((e=>{this.interface&&(e.interface=this.interface)}))}getCheckboxes(){return Array.from(this.el.querySelectorAll("bal-checkbox"))}updateValues(){const e=[];this.getCheckboxes().forEach((c=>{c.checked&&e.push(c.value)})),_(this.value,e)||(this.value=[...e],this.balChange.emit(this.value))}render(){const e=h.block("checkbox-group"),c=e.element("inner"),b=(this.options||[]).map((e=>"function"==typeof e.html?Object.assign(Object.assign({},e),{html:e.html()}):e));return o(a,Object.assign({class:Object.assign({},e.class()),role:"group","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":r(this.disabled),"aria-invalid":r(this.invalid),onClick:this.onClick},this.inheritedAttributes),o("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("vertical-mobile").class(this.verticalOnMobile)),c.modifier("vertical").class(this.vertical)),c.modifier("expanded").class(this.expanded)),c.modifier("button").class("button"===this.interface))},o("slot",null),b.map((e=>o("bal-checkbox",{key:e.value,name:e.name,value:e.value,labelHidden:e.labelHidden,flat:e.flat,interface:e.interface,disabled:e.disabled,readonly:e.readonly,required:e.required,nonSubmit:!!e.nonSubmit,invalid:e.invalid,innerHTML:e.html})))))}get el(){return b(this)}static get watchers(){return{options:["optionChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],value:["valueChanged"],columns:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}}};l([p("bal-checkbox-group"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],O.prototype,"createLogger",null),l([f(),t("design:type",Function),t("design:paramtypes",[FocusEvent]),t("design:returntype",void 0)],O.prototype,"focusInListener",null),l([f(),t("design:type",Function),t("design:paramtypes",[FocusEvent]),t("design:returntype",void 0)],O.prototype,"focusOutListener",null),l([y({tags:["bal-checkbox-group","bal-checkbox"],attributes:!1,characterData:!1}),t("design:type",Function),t("design:paramtypes",[]),t("design:returntype",void 0)],O.prototype,"mutationListener",null);let C=0;O.style=".bal-checkbox-group{display:inline-block;position:relative;width:100%}.bal-checkbox-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-checkbox-group__inner--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-checkbox-group__inner--button{-ms-flex-direction:row;flex-direction:row}}.bal-checkbox-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-checkbox-group__inner--expanded .bal-checkbox{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-checkbox-group__inner--expanded .bal-checkbox{width:100%}}.bal-checkbox-group__inner--button.bal-checkbox-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-checkbox-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-checkbox-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-checkbox-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}";export{w as bal_checkbox,O as bal_checkbox_group}
|
|
1
|
+
import{r as e,c,h as o,H as a,g as b}from"./p-2ccbe55a.js";import{_ as l,a as t}from"./p-43c9f5e9.js";import{a as r}from"./p-8f2e9a7f.js";import{i}from"./p-063808d7.js";import{B as h}from"./p-ae86d0a0.js";import{F as d}from"./p-d4e5093b.js";import{d as n}from"./p-5eb3fbb9.js";import{s,c as x,d as k}from"./p-79f6f58b.js";import{j as v,v as u}from"./p-a255c9b3.js";import{L as p}from"./p-b77e3348.js";import{L as m}from"./p-f1052416.js";import{d as g}from"./p-dc98854c.js";import{a as _}from"./p-00b37ea2.js";import{L as f}from"./p-afd41db0.js";import{L as y}from"./p-83ac9b11.js";import"./p-a65354df.js";import"./p-a7be57b6.js";import"./p-acf222fd.js";import"./p-9a3d9e17.js";import"./p-166d571e.js";import"./p-4573c419.js";const w=class{constructor(o){e(this,o),this.balFocus=c(this,"balFocus",7),this.balBlur=c(this,"balBlur",7),this.balChange=c(this,"balChange",7),this.inputId="bal-cb-"+j++,this.inheritedAttributes={},this.keyboardMode=!0,this.outerElementState={hovered:!1,pressed:!1},this.innerElementState={hovered:!1,pressed:!1},this.initialValue=!1,this.setChecked=e=>{this.checked=e,this.balChange.emit(this.checked)},this.toggleChecked=e=>{e.preventDefault(),this.setFocus(),this.setChecked(!this.checked)},this.onClick=e=>{if(this.disabled)return;const c=e.target;c&&c.href||(this.wasFocused&&(this.focused=!0),this.toggleChecked(e))},this.onFocus=e=>{if(this.disabled||this.readonly)return this.focused=!1,s(e);this.balFocus.emit(e),this.keyboardMode&&(this.focused=!0,this.wasFocused=!0)},this.onBlur=e=>{if(this.disabled||this.readonly)return s(e);this.balBlur.emit(e),this.focused=!1},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=e=>{g(e)||(this.wasFocused=!1),this.keyboardMode=d.includes(e.key)},this.hasLabel=!0,this.focused=!1,this.buttonTabindex=void 0,this.ariaForm=n,this.wasFocused=!1,this.mergedElementState={hovered:!1,pressed:!1},this.name=this.inputId,this.label="",this.labelHidden=!1,this.flat=!1,this.interface="checkbox",this.value="on",this.checked=!1,this.disabled=!1,this.readonly=!1,this.required=!1,this.autoInvalidOff=!1,this.nonSubmit=!1,this.invalid=!1,this.hovered=!1,this.pressed=!1,this.color=void 0,this.colSize=1,this.colSizeTablet=1,this.colSizeMobile=1}createLogger(e){this.log=e}hoveredChanged(){this.innerElementState={hovered:this.hovered,pressed:this.pressed},this.mergeElementState()}pressedChanged(){this.innerElementState={hovered:this.hovered,pressed:this.pressed},this.mergeElementState()}connectedCallback(){this.hoveredChanged(),this.group&&(this.updateState(),this.group.addEventListener("balChange",(()=>this.updateState()))),this.initialValue=this.checked,this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.inheritedAttributes=i(this.el,["aria-label","tabindex","title"])}componentWillRender(){this.interactionChildElements.forEach((e=>{e.disabled=this.disabled||this.readonly,e.invalid=this.invalid,e.checked=this.checked}))}disconnectedCallback(){this.group&&this.group.removeEventListener("balChange",(()=>this.updateState())),this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}listenOnClick(e){(this.disabled||this.readonly)&&e.target&&(e.target===this.el||v(this.el,e.target))&&s(e)}resetHandler(e){const c=e.target;(null==c?void 0:c.contains(this.el))&&(this.checked=this.initialValue)}elementStateListener(e){this.outerElementState=e,this.mergeElementState()}async setFocus(){x(this)}async setBlur(){k(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async getOption(){return this.option}async updateState(){if(this.group&&this.group.control&&Array.isArray(this.group.value)){const e=this.group.value.includes(this.value);e!==this.checked&&(this.checked=e)}}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get group(){return this.el.closest("bal-checkbox-group")}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-check, bal-switch, bal-icon"))}get option(){return{name:this.name,value:this.value,checked:this.checked,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invalid:this.invalid}}mergeElementState(){this.mergedElementState={hovered:this.outerElementState.hovered||this.innerElementState.hovered,pressed:this.outerElementState.pressed||this.innerElementState.pressed},this.interactionChildElements.forEach((e=>{e.hovered=this.mergedElementState.hovered,e.pressed=this.mergedElementState.pressed}))}render(){const e=h.block("checkbox"),c=e.element("input"),b=e.element("label"),l=b.element("text"),t=b.element("icon"),i=this.focused&&-1!==this.buttonTabindex,d=this.inheritedAttributes;void 0!==this.buttonTabindex&&(d.tabIndex=this.buttonTabindex);const n=!this.nonSubmit,s=this.ariaForm.controlId||this.inputId,x=this.ariaForm.labelId||null,k=n?"label":"span",v="switch"===this.interface?"bal-switch":"bal-check";return o(a,{key:"eaa9cf2ba9de2a203b98515939ff117c89dc16cf","aria-checked":`${this.checked}`,"aria-disabled":r(this.disabled),"aria-invalid":!0===this.invalid?"true":"false","aria-hidden":r(this.disabled||this.nonSubmit),"aria-focused":i?"true":null,"aria-labelledby":x,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"bal-focused":i},e.class()),e.modifier("checkbox").class()),e.modifier("button").class("button"===this.interface)),e.modifier("switch").class("switch"===this.interface)),e.modifier("tile").class("tile"===this.interface)),e.modifier(`tile-color-${this.color}`).class("tile"===this.interface&&!!this.color)),e.modifier("focused").class(this.focused)),e.modifier("invalid").class(this.invalid)),e.modifier("checked").class(this.checked)),e.modifier("flat").class(this.flat)),e.modifier("disabled").class(this.disabled||this.readonly)),e.modifier("hovered").class(this.mergedElementState.hovered)),e.modifier("pressed").class(this.mergedElementState.pressed)),e.modifier(`column-${this.colSize}`).class("tile"===this.interface&&this.colSize>1)),e.modifier(`column-tablet-${this.colSizeTablet}`).class("tile"===this.interface&&this.colSizeTablet>1)),e.modifier(`column-mobile-${this.colSizeMobile}`).class("tile"===this.interface&&this.colSizeMobile>1)),onClick:this.onClick},o(k,{key:"6fd849f4768bc7155eb5db297713bc82aeab6dfe",class:Object.assign({},b.class()),"data-testid":"bal-checkbox-label"},n?o("input",Object.assign({id:s,type:"checkbox","data-testid":"bal-checkbox-input",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,class:Object.assign({},c.class()),"aria-hidden":r(this.nonSubmit),"aria-invalid":!0===this.invalid?"true":"false","aria-describedby":this.ariaForm.messageId,onChange:e=>this.toggleChecked(e),onFocus:e=>this.onFocus(e),onBlur:e=>this.onBlur(e),ref:e=>this.nativeInput=e},d)):"","tile"!==this.interface?o("div",{class:Object.assign({},t.class())},o(v,{checked:this.checked,disabled:this.disabled||this.readonly,invalid:this.invalid,inverted:"button"===this.interface&&this.checked,hovered:this.mergedElementState.hovered,pressed:this.mergedElementState.pressed})):"",o("div",{key:"ca1ec209d9211082db1d0905e599eea5e6803244",class:Object.assign(Object.assign({},l.class()),l.modifier("hidden").class(this.labelHidden))},o("slot",{key:"a2a3c8124d7d47bf300b229fe01e62fa198961c0"}))))}get el(){return b(this)}static get watchers(){return{hovered:["hoveredChanged"],pressed:["pressedChanged"]}}};l([p("bal-checkbox"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],w.prototype,"createLogger",null),l([m(),t("design:type",Function),t("design:paramtypes",[Object]),t("design:returntype",void 0)],w.prototype,"elementStateListener",null);let j=0;w.style="@media (hover: hover)and (pointer: fine){.bal-checkbox.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-checkbox-symbol-size:1.5rem;--bal-checkbox-symbol-border-width:2px;--bal-checkbox-symbol-background:transparent;--bal-checkbox-label-min-height:1.5rem;--bal-checkbox-button-background-hover:var(--bal-color-grey-2);--bal-checkbox-button-background-active:var(--bal-color-grey-2);--bal-checkbox-button-background-checked:var(--bal-color-primary);--bal-checkbox-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-checkbox-button-background-checked-active:var(--bal-color-primary-6);--bal-checkbox-button-background-invalid:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-hover:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-active:var(--bal-color-danger-1);--bal-checkbox-button-background-invalid-checked:var(--bal-color-border-danger);--bal-checkbox-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-checkbox-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-checkbox-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-checkbox-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-button-background:transparent;--bal-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-checkbox-button-border-color:var(--bal-color-primary);--bal-checkbox-button-border-color-hover:var(--bal-color-light-blue-5);--bal-checkbox-button-border-color-active:var(--bal-color-primary-6);--bal-checkbox-button-border-color-invalid:var(--bal-color-border-danger);--bal-checkbox-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-checkbox-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-checkbox-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-checkbox-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-checkbox-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-checkbox-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-checkbox-tile-background:transparent;--bal-checkbox-tile-background-hover:var(--bal-color-grey-1);--bal-checkbox-tile-background-disabled:var(--bal-color-grey-1);--bal-checkbox-tile-background-invalid-hover:var(--bal-color-danger-1);--bal-checkbox-tile-background-invalid-active:var(--bal-color-danger-1);--bal-checkbox-tile-background-checked-green:var(--bal-color-green-1);--bal-checkbox-tile-background-checked-purple:var(--bal-color-purple-1);--bal-checkbox-tile-background-checked-red:var(--bal-color-red-1);--bal-checkbox-tile-background-checked-yellow:var(--bal-color-yellow-1);--bal-checkbox-tile-border-style:var(--bal-form-field-control-border-style);--bal-checkbox-tile-border-radius:var(--bal-form-field-control-radius);--bal-checkbox-tile-border-width:var(--bal-form-field-control-border-width);--bal-checkbox-tile-padding:var(--bal-text-size-medium);--bal-checkbox-tile-border-color:var(--bal-color-border);--bal-checkbox-tile-border-color-hover:var(--bal-color-border-primary-hovered);--bal-checkbox-tile-border-color-active:var(--bal-color-border-primary-pressed);--bal-checkbox-tile-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-checkbox-tile-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-checkbox-tile-border-color-checked:var(--bal-color-border-primary);--bal-checkbox-tile-border-color-invalid:var(--bal-color-border-danger);--bal-checkbox-tile-border-color-disabled:var(--bal-color-border-grey-dark)}.bal-checkbox{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:var(--bal-checkbox-symbol-size);border-radius:var(--bal-radius-normal);cursor:pointer}.bal-checkbox .bal-checkbox__label{cursor:pointer}.bal-checkbox--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-checkbox.bal-checkbox--flat{min-height:var(--bal-checkbox-symbol-size)}.bal-checkbox:not(.bal-checkbox--flat){min-height:3rem}.bal-checkbox--invalid{color:var(--bal-form-field-label-danger-color)}.bal-checkbox--disabled,.bal-checkbox--disabled .bal-checkbox__label{color:var(--bal-form-field-label-disabled-color);cursor:default}.bal-checkbox__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;width:100%;height:100%}.bal-checkbox__label{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-direction:row;flex-direction:row}.bal-checkbox__label__text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;contain:layout style;font-family:var(--bal-font-family-text);padding-top:.25rem;padding-bottom:.25rem;width:100%}.bal-checkbox__label__text--hidden{display:none}.bal-checkbox__label__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media (hover: hover)and (pointer: fine){.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-text-primary-hovered)}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__icon,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__icon{color:var(--bal-color-text-primary-hovered)}}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-text-primary-pressed)}.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__icon,.bal-checkbox:not(.bal-checkbox--button):not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__icon{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-text-danger-hovered)}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__icon,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):hover .bal-checkbox__label__icon{color:var(--bal-color-text-danger-hovered)}}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-text-danger-pressed)}.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__icon,.bal-checkbox--invalid:not(.bal-checkbox--button):not(.bal-checkbox--disabled):active .bal-checkbox__label__icon{color:var(--bal-color-text-danger-pressed)}.bal-checkbox--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-x-small);-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-checkbox-button-border-color)}.bal-checkbox--button.bal-checkbox--checked{background:var(--bal-checkbox-button-background-checked);color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--invalid{border-color:var(--bal-color-border-danger);color:var(--bal-color-text-danger-hovered);background:var(--bal-color-danger-1)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked{color:var(--bal-color-white);background:var(--bal-color-border-danger)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--disabled{border-color:var(--bal-color-grey-4);background:var(--bal-color-grey-2)}.bal-checkbox--button.bal-checkbox--disabled .bal-checkbox__label__text{color:var(--bal-color-text-grey)}.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked{background:var(--bal-color-grey-4);color:var(--bal-color-white)}.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--disabled.bal-checkbox--checked .bal-checkbox__label__text .link{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-hovered)}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-text-primary-hovered)}}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-pressed)}.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-color-border-primary-hovered);border-color:var(--bal-color-border-primary-hovered)}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover .bal-checkbox__label__text{color:var(--bal-color-white)}}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-color-border-primary-pressed);border-color:var(--bal-color-border-primary-pressed)}.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--checked:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active .bal-checkbox__label__text{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-hovered)}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-text-danger-hovered)}}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):active{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-pressed)}.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid:not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-text-danger-pressed)}@media (hover: hover)and (pointer: fine){.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):hover{background:var(--bal-color-border-danger-hovered);border-color:var(--bal-color-border-danger-hovered)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--hovered .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):hover .bal-checkbox__label__text{color:var(--bal-color-white)}}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):active{background:var(--bal-color-border-danger-pressed);border-color:var(--bal-color-border-danger-pressed)}.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled).bal-checkbox--pressed .bal-checkbox__label__text,.bal-checkbox--button.bal-checkbox--invalid.bal-checkbox--checked:not(.bal-checkbox--disabled):active .bal-checkbox__label__text{color:var(--bal-color-white)}.bal-checkbox--tile{display:block;-ms-flex:0 0 100%;flex:0 0 100%;background:var(--bal-checkbox-tile-background);border-style:var(--bal-checkbox-tile-border-style);border-radius:var(--bal-checkbox-tile-border-radius);border-width:var(--bal-checkbox-tile-border-width);border-color:var(--bal-checkbox-tile-border-color);padding:var(--bal-checkbox-tile-padding)}.bal-checkbox--tile .bal-checkbox__label{height:100%;-ms-flex-align:stretch;align-items:stretch}.bal-checkbox--tile.bal-checkbox--checked{border-color:var(--bal-checkbox-tile-border-color-checked)}.bal-checkbox--tile.bal-checkbox--invalid{border-color:var(--bal-checkbox-tile-border-color-invalid)}.bal-checkbox--tile.bal-checkbox--disabled{background:var(--bal-checkbox-tile-background-disabled);border-color:var(--bal-checkbox-tile-border-color-disabled);cursor:default}@media (hover: hover)and (pointer: fine){.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--hovered,.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):hover{background:var(--bal-checkbox-tile-background-hover);border-color:var(--bal-checkbox-tile-border-color-hover)}}.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid).bal-checkbox--pressed,.bal-checkbox--tile:not(.bal-checkbox--disabled):not(.bal-checkbox--invalid):active{background:var(--bal-checkbox-tile-background-hover);border-color:var(--bal-checkbox-tile-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--hovered,.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled):hover{background:var(--bal-checkbox-tile-background-invalid-hover);border-color:var(--bal-checkbox-tile-border-color-invalid-hover)}}.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled).bal-checkbox--pressed,.bal-checkbox--tile.bal-checkbox--invalid:not(.bal-checkbox--disabled):active{background:var(--bal-checkbox-tile-background-invalid-active);border-color:var(--bal-checkbox-tile-border-color-invalid-active)}.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-green:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-green)}.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-red:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-red)}.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-purple:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-purple)}.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked,.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked.bal-checkbox--hovered,.bal-checkbox--tile-color-yellow:not(.bal-checkbox--disabled).bal-checkbox--checked:hover{background:var(--bal-checkbox-tile-background-checked-yellow)}@media screen and (min-width: 769px),print{.bal-checkbox--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-checkbox--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-checkbox--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-checkbox--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}";const O=class{constructor(o){e(this,o),this.balChange=c(this,"balChange",7),this.balFocus=c(this,"balFocus",7),this.balBlur=c(this,"balBlur",7),this.inputId="bal-cg-"+C++,this.inheritedAttributes={},this.hasFocus=!1,this.mutationObserverActive=!0,this.onClick=e=>{if(!this.control)return;if(e.target.href)return;const c=e.target&&e.target.closest("bal-checkbox");if(c&&(c.disabled||c.readonly))return e.stopPropagation();this.updateValues()},this.onOptionChange=async()=>{this.sync()},this.ariaForm=n,this.options=void 0,this.interface=void 0,this.control=!1,this.name=this.inputId,this.vertical=!1,this.verticalOnMobile=!1,this.expanded=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.value=[],this.columns=1,this.columnsTablet=1,this.columnsMobile=1,this.autoInvalidOff=!1}createLogger(e){this.log=e}async optionChanged(){this.control&&(this.onOptionChange(),this.mutationObserverActive=void 0===this.options)}invalidChanged(e){this.control&&void 0!==e&&this.getCheckboxes().forEach((c=>{c.invalid=e}))}disabledChanged(e){this.control&&void 0!==e&&this.getCheckboxes().forEach((c=>{c.disabled=e}))}readonlyChanged(e){this.control&&void 0!==e&&this.getCheckboxes().forEach((c=>{c.readonly=e}))}valueChanged(e,c){this.control&&_(this.value,c)||this.onOptionChange()}columnsChanged(e){this.getCheckboxes().forEach((c=>c.colSize=e))}columnsTabletChanged(e){this.getCheckboxes().forEach((c=>c.colSizeTablet=e))}columnsMobileChanged(e){this.getCheckboxes().forEach((c=>c.colSizeMobile=e))}connectedCallback(){this.control&&(this.mutationObserverActive=void 0===this.options,this.valueChanged(this.value,[]))}componentWillLoad(){this.control&&(this.inheritedAttributes=i(this.el,["aria-label","tabindex","title"]),this.disabledChanged(this.disabled),this.invalidChanged(this.invalid),this.readonlyChanged(this.readonly)),this.columnsChanged(this.columns),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}mutationListener(){this.control&&(this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly)),this.columnsChanged(this.columns),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}listenOnCheckboxChange(e){this.control&&v(this.el,e.target)&&(s(e),this.updateValues())}resetHandler(e){const c=e.target;(null==c?void 0:c.contains(this.el))&&(this.control&&(this.value=[]),this.onOptionChange())}checkboxFocusListener(e){const{target:c}=e;c&&v(this.el,c)&&u(c,"bal-checkbox")&&s(e)}checkboxBlurListener(e){const{target:c}=e;c&&v(this.el,c)&&u(c,"bal-checkbox")&&s(e)}async setValue(e){this.control&&(this.value=e)}async getOptionByValue(e){const c=this.options;if(c)return c.find((c=>c.value===e))}async setAriaForm(e){this.ariaForm=Object.assign({},e)}sync(){if(this.control){const e=e=>{for(let c=0;c<this.value.length;c++){const o=this.value[c];if(void 0!==o&&o.toString()===e.value.toString())return!0}return!1};this.getCheckboxes().forEach((c=>{c.checked=e(c)}))}this.getCheckboxes().forEach((e=>{this.interface&&(e.interface=this.interface)}))}getCheckboxes(){return Array.from(this.el.querySelectorAll("bal-checkbox"))}updateValues(){const e=[];this.getCheckboxes().forEach((c=>{c.checked&&e.push(c.value)})),_(this.value,e)||(this.value=[...e],this.balChange.emit(this.value))}render(){const e=h.block("checkbox-group"),c=e.element("inner"),b=(this.options||[]).map((e=>"function"==typeof e.html?Object.assign(Object.assign({},e),{html:e.html()}):e));return o(a,Object.assign({class:Object.assign({},e.class()),role:"group","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":r(this.disabled),"aria-invalid":r(this.invalid),onClick:this.onClick},this.inheritedAttributes),o("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("vertical-mobile").class(this.verticalOnMobile)),c.modifier("vertical").class(this.vertical)),c.modifier("expanded").class(this.expanded)),c.modifier("button").class("button"===this.interface))},o("slot",null),b.map((e=>o("bal-checkbox",{key:e.value,name:e.name,value:e.value,labelHidden:e.labelHidden,flat:e.flat,interface:e.interface,disabled:e.disabled,readonly:e.readonly,required:e.required,nonSubmit:!!e.nonSubmit,invalid:e.invalid,innerHTML:e.html})))))}get el(){return b(this)}static get watchers(){return{options:["optionChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],value:["valueChanged"],columns:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}}};l([p("bal-checkbox-group"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],O.prototype,"createLogger",null),l([f(),t("design:type",Function),t("design:paramtypes",[FocusEvent]),t("design:returntype",void 0)],O.prototype,"focusInListener",null),l([f(),t("design:type",Function),t("design:paramtypes",[FocusEvent]),t("design:returntype",void 0)],O.prototype,"focusOutListener",null),l([y({tags:["bal-checkbox-group","bal-checkbox"],attributes:!1,characterData:!1}),t("design:type",Function),t("design:paramtypes",[]),t("design:returntype",void 0)],O.prototype,"mutationListener",null);let C=0;O.style=".bal-checkbox-group{display:inline-block;position:relative;width:100%}.bal-checkbox-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-checkbox-group__inner--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-checkbox-group__inner--button{-ms-flex-direction:row;flex-direction:row}}.bal-checkbox-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-checkbox-group__inner--expanded .bal-checkbox{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-checkbox-group__inner--expanded .bal-checkbox{width:100%}}.bal-checkbox-group__inner--button.bal-checkbox-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-checkbox-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-checkbox-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-checkbox-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}";export{w as bal_checkbox,O as bal_checkbox_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as a,h as e,H as i,g as s}from"./p-2ccbe55a.js";import{a as n,i as l}from"./p-063808d7.js";import{_ as r,a as o}from"./p-43c9f5e9.js";import{a as b}from"./p-00b37ea2.js";import{B as _}from"./p-ae86d0a0.js";import{s as d}from"./p-79f6f58b.js";import{o as c,h,t as v,k as m,p,u,m as g,j as f,b as w}from"./p-a255c9b3.js";import{L as x}from"./p-b77e3348.js";import{t as y,S as j,g as O,a as k}from"./p-2a27350c.js";import{n as L}from"./p-f3f5ce4f.js";import{a as z}from"./p-8f2e9a7f.js";import{b as C}from"./p-a65354df.js";import{b as $}from"./p-967bdfab.js";import{d as A}from"./p-ec375851.js";import{L as S}from"./p-83ac9b11.js";import{L as T}from"./p-8fc7e9ca.js";import{L as E}from"./p-022af4f2.js";import{L as I}from"./p-6e85cd1a.js";import{L as F}from"./p-cb0ff37f.js";import{L as P}from"./p-ad14e9f9.js";import{L as V}from"./p-20eba37f.js";import"./p-9a3d9e17.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-a7be57b6.js";import"./p-dc98854c.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-928bbc47.js";import"./p-c0173fff.js";const B=class{constructor(e){t(this,e),this.balNavigate=a(this,"balNavigate",7),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+M++,this.isActive=!1,this.tabsId=void 0,this.active=!1,this.value="",this.label="",this.rel=void 0,this.href=void 0,this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0,this.noPanel=!1,this.aria=void 0,this.subLabel="",this.svg=""}componentWillLoad(){this.inheritAttributes=n(this.el)}async setTabId(t){this.tabsId=t}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria,subLabel:this.subLabel,svg:this.svg}}render(){const t=!this.isActive||this.noPanel;return e(i,{key:"fb75a99fe41ccd8bbac4e1d8c0c8bf8a116e3121",id:this.tabPanelID,class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive},role:this.noPanel?void 0:"tabpanel","aria-hidden":t?"true":"false","aria-labelledby":this.tabsId?`${this.tabsId}-button-${this.value}`:void 0,tabindex:t?"-1":void 0,hidden:!!t||void 0},e("slot",{key:"5e8e7ce04a22af2fce844c4604c3a3277dbccce5"}))}get el(){return s(this)}};let M=0;const D=({item:t,inverted:a,accordion:i,isAccordionOpen:s,isMobile:n,hasBubble:l})=>{const r=_.block("tabs").element("nav").element("item").element("icon");let o=t.disabled?"grey":"primary";return a&&(o=t.disabled?"primary-light":"white"),e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("display-svg").class(void 0!==t.svg))},e("bal-icon",t.svg?{svg:t.svg,size:"large",color:"auto"}:{size:n||i?"small":"",name:i?"nav-go-down":t.icon,color:o,turn:i&&!0===s&&t.active}),l?e("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},N=({item:t,inverted:a,hasBubble:i,isExpanded:s,isVertical:n,context:l})=>{const r=_.block("tabs").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("inverted").class(a)),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("vertical").class(n)),r.modifier("expanded").class(s)),r.modifier(`context-${l}`).class(void 0!==l)),r.modifier("with-svg").class(t.svg&&t.svg.length>0)),"data-testid":"bal-tabs-item-label"},t.label,t.subLabel&&e("span",{class:r.element("sub-label").class()},t.subLabel),i?e("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},W=({item:t,tabsId:a,isFirst:i,isLast:s,isMobile:n,isVertical:l,accordion:r,isAccordionOpen:o,isLinkList:b,inverted:d,isExpanded:c,spaceless:h,clickable:v,iconPosition:m,context:p,onSelectTab:u,hasSubLabelInGroup:g,dimInactiveElements:f})=>{var w;const x=_.block("tabs").element("nav").element("item");if(t.invisible)return;const j=!1!==t.bubble,O=void 0!==t.icon,k=O&&j&&"horizontal"!==m&&!r||n&&O&&j&&!l&&!r,L=r&&j||r&&n&&O&&j&&!l,C=!O&&j&&!r||j&&!n&&"horizontal"===m&&!r||j&&l&&!r,$=void 0===t.href||""===t.href,A=$?"button":"a",S=$?{type:"button",role:"tab","aria-controls":(null===(w=t.aria)||void 0===w?void 0:w.controls)||t.tabPanelID||void 0,"aria-expanded":z(t.active),"aria-disabled":z(t.disabled),"aria-label":t.label}:{role:"listitem",href:t.href,rel:t.rel,target:t.target};b||(S.tabindex=t.active?"0":"-1");const T=()=>e(A,Object.assign({id:`${a}-button-${y(t.value)}`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},x.class()),x.modifier("active").class(t.active)),x.modifier("disabled").class(t.disabled)),x.modifier("clickable").class(v)),x.modifier("accordion").class(r)),x.modifier("inverted").class(d)),x.modifier("expanded").class(c)),x.modifier("spaceless").class(h)),x.modifier("first").class(i)),x.modifier("last").class(s)),x.modifier("passed").class(t.passed)),x.modifier("vertical").class(l)),x.modifier(`context-${p}`).class(void 0!==p)),x.modifier(`icon-position-${m}`).class("horizontal"!==m)),x.modifier("display-svg").class(t.svg&&t.svg.length>0)),x.modifier("group-has-sub-label").class(g)),x.modifier("dim-inactive-elements").class(f)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":a,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":$?t.active?"true":"false":void 0},S,{onClick:a=>u(a,t)}),t.icon||t.svg?e(D,{accordion:!1,item:t,isMobile:n,hasBubble:k,inverted:d}):"",e(N,{item:t,isMobile:n,isVertical:l,isExpanded:c,hasBubble:C,inverted:d,context:p}),r&&!t.href?e(D,{accordion:r,isAccordionOpen:o,item:t,isMobile:n,hasBubble:L,inverted:d}):"");return b?e("li",null,T()):T()},R=({swiper:t,items:a,tabsId:i,isVertical:s,inNavbar:n,isMobile:l,isTouch:r,ariaLabel:o,lineActive:b,lineHidden:d,isLinkList:c,border:h,accordion:v,isAccordionOpen:m,inverted:p,clickable:u,animated:g,spaceless:f,expanded:w,verticalColSize:x,showSwiperControls:y,iconPosition:j,context:O,onSelectTab:k,dimInactiveElements:L})=>{const z=_.block("tabs").element("nav"),C=z.element("inner"),$=z.element("container"),A=z.element("line"),S=z.element("border"),T=a.filter((t=>!t.invisible)),E=n&&!r,I=a.some((t=>t.subLabel&&t.subLabel.length>0)),F=({item:t,index:a})=>e(W,{item:t,isLinkList:c,tabsId:i,isFirst:0===a,isLast:a===T.length-1,isMobile:l,isVertical:s,iconPosition:j,spaceless:f,inverted:p,accordion:v,isAccordionOpen:m,context:O,isExpanded:w,clickable:u&&!t.disabled,onSelectTab:k,hasSubLabelInGroup:I,dimInactiveElements:L}),P=c?"nav":"div",V=c?"ul":"div";return e("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},z.class()),z.modifier("vertical").class(s)),z.modifier("full-height").class(E)),z.modifier(`vertical-col-${x}`).class(s)),t.cssSwiper())},e(P,{id:`${i}-nav`,class:Object.assign(Object.assign(Object.assign({},t.cssInnerSwiper()),C.class()),C.modifier("full-height").class(E)),ref:a=>{a&&(t.innerEl=a)},"aria-label":c?o:void 0},e(V,{id:t.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.cssSwiperContainer()),$.class()),$.modifier("vertical").class(s)),$.modifier("expanded").class(w&&!s)),role:c?void 0:"tablist","aria-label":c?void 0:o,ref:a=>{a&&(t.containerEl=a)}},T.map(((t,a)=>e(F,{item:t,index:a}))),e("div",{id:`${i}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},A.class()),A.modifier("active").class(b)),A.modifier("inverted").class(p)),A.modifier("animated").class(g)),A.modifier("vertical").class(s)),A.modifier("hidden").class(d))}),h?e("div",{id:`${i}-border`,class:Object.assign(Object.assign(Object.assign({},S.class()),S.modifier("inverted").class(p)),S.modifier("vertical").class(s))}):"")),y?t.renderControls():"")},G=({items:t,value:a,onSelectTab:i})=>{const s=_.block("tabs").element("select");return e("bal-select",{class:Object.assign({},s.class()),value:a,onBalChange:a=>(a=>{const e=t.filter((t=>t.value===a.detail));if(e.length>0){const t=e[0];""!==t.href&&void 0!==t.href&&C.hasWindow&&window.open(t.href,t.target),i(a,t)}})(a)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>e("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label))))},H=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.balWillAnimate=a(this,"balWillAnimate",7),this.balDidAnimate=a(this,"balDidAnimate",7),this.tabsId="bal-tabs-"+U++,this.inheritAttributes={},this.swiper=new j,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(L)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{b(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isTabActive(t))))},this.getLineSize=(t,a)=>{if(t){if(this.isVertical())return t.clientHeight;{const e=t.clientWidth;return this.expanded?e:e-(a.left+a.right)}}return 0},this.getOffset=(t,a)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(null!=t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const e=t.closest(".bal-tabs__nav__item");if(e)return this.expanded?e.offsetLeft:e.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.enableLineRender&&this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),c((async()=>{await h(this.el,!0),this.currentRaf=c((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=O(t),e=this.getLineSize(t,a),i=this.getOffset(t,a),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const a=v(s,300);if(t)s.style.setProperty("transform",`translateY(${i}px)`),s.style.setProperty("min-height",`${e}px`),s.style.setProperty("height",`${e}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${i}px)`),s.style.setProperty("min-width",`${e}px`),s.style.setProperty("width",`${e}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();if(t&&n)if(this.expanded)t.style.setProperty("width","100%");else{const a=k(n);t.style.setProperty("width",`${a}px`)}await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=()=>{this.isAccordionOpen=!0,4!==this.accordionState&&(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.collapseAccordion=()=>{this.isAccordionOpen=!1,1!==this.accordionState&&(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=m((()=>this.onOptionChangeInternal()),100),this.onOptionChangeInternal=async()=>{try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,a)=>{(a.prevent||a.disabled||!this.clickable)&&d(t),!a.disabled&&this.clickable&&(this.accordion&&(a.value===this.value?this.toggleAccordionState():this.expandAccordion()),a.navigate&&a.navigate.emit(t),a.value!==this.value&&(this.balChange.emit(a.value),await this.select(a),await this.focus(a)))},this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.enableLineRender=!1,this.hasAnimated=!1,this.index=0,this.isMobile=$.isMobile,this.isTablet=$.isTablet,this.language=A.language,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.context=void 0,this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0,this.dimInactiveElements=!1,this.handleAsTabList=!1}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}expandedChanged(){this.updateSwiper()}debounceChanged(){this.balChange=p(this.balChange,this.debounce)}verticalChanged(){this.updateSwiper()}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.swiper.connectedCallback(this),this.swiper.controls="small",this.updateSwiper(),this.inNavbar=u("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(u("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidRender(){this.animateLine()}componentWillRender(){this.updateSwiper()}componentDidLoad(){this.onOptionChange(),this.items.forEach((t=>{t.setTabId(this.tabsId)})),g((()=>{this.enableLineRender=!0,this.animateLine(!0)}))}componentWillLoad(){this.inheritAttributes=l(this.el,["aria-label"])}disconnectedCallback(){this.swiper.disconnectedCallback()}mutationListener(){this.onOptionChange(),this.swiper.notifyChange()}visibilityListener(){this.swiper.notifyChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.swiper.notifyChange()}resizeListener(t){this.swiper.notifyChange(),(!this.isVertical()&&t.width||this.isVertical()&&t.height)&&this.animateLine()}swipeListener({left:t,right:a}){t?this.swiper.next():a&&this.swiper.previous()}animationListener(t){this.isUsedInNavbar(t.target),this.animateLine()}listenToKeyDown(t){this.isTabList&&(!1!==this.vertical?"ArrowDown"===t.code?this.tabListSelectNext(t):"ArrowUp"===t.code&&this.tabListSelectPrevious(t):"ArrowRight"===t.code?this.tabListSelectNext(t):"ArrowLeft"===t.code&&this.tabListSelectPrevious(t))}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((a=>a.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}swiperOnChange(t){this.index=t}swiperGetAllChildrenElements(){return Array.from(this.el.querySelectorAll(".bal-tabs__nav__item"))}get isTabList(){return 0===this.store.filter((t=>!!t.href)).length||this.handleAsTabList}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((a=>a.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.swiper.containerId}`)}updateSwiper(){this.overflow?this.expanded||this.isVertical()?this.swiper.disable():this.swiper.activate():this.swiper.disable()}isUsedInNavbar(t){const a=t.closest("bal-navbar"),e=t;a&&f(a,this.el)&&(this.isNavbarOpen=e)}isTabActive(t){return t.value===this.value}isTabVisible(t){return!t.hidden}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}findNextTab(t=!1){const a=this.store.findIndex((t=>this.isTabActive(t)));let e=this.store.map(((t,a)=>({index:a,visible:!t.hidden&&!t.disabled})));t&&(e=e.reverse());const i=e.filter((t=>t.visible)).map((t=>t.index)),s=t?(t,e)=>t<a||e>=t?t:e:(t,e)=>t>a||e<=t?t:e,n=i.reduce(((t,a)=>s(t,a)),a);return this.store[n]}findPreviousTab(){return this.findNextTab(!0)}tabListSelectNext(t){const a=this.findNextTab();a&&this.onSelectTab(t,a)}tabListSelectPrevious(t){const a=this.findPreviousTab();a&&this.onSelectTab(t,a)}async focus(t){const a=null!==this.el.querySelector("button.bal-focused, a.bal-focused");if(this.swiper.isActive()){const a=(await this.getOptions()).findIndex((a=>a.value===t.value));this.swiper.updateIndex(a)}if(await w(),a){const a=this.el.querySelector(`#${this.tabsId}-button-${y(t.value)}`);a&&a.focus({preventScroll:!0})}}render(){const t=_.block("tabs"),a=t.element("content"),s=this.isMobile,n=s||this.isTablet,l=this.inNavbar&&!n&&!this.inNavbarLight||!this.inNavbar&&this.inverted,r=this.isVertical(),o=this.border||this.inNavbar&&n,b=s&&this.selectOnMobile,d=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),c=4===this.accordionState||8===this.accordionState?"content expanded":"content",h=void 0!==this.value&&!!this.store.find((t=>t.value===this.value)),v=!this.isTabList,m=this.store.filter((t=>this.isTabActive(t))).map((t=>t.value)).join(","),p=this.store.filter((t=>this.isTabActive(t))).map((t=>t.label)).join(",");return e(i,{key:"69d96a45fe17ef7cf2c6acf7a59acb080f434f37",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(r)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated&&this.isTabList)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":m,"data-label":p},b?e(G,{value:this.value,items:d,onSelectTab:this.onSelectTab}):e(R,{swiper:this.swiper,items:d,isLinkList:v,tabsId:this.tabsId,clickable:this.clickable,ariaLabel:this.inheritAttributes["aria-label"],accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:h,lineHidden:!this.enableLineRender,inverted:l,animated:this.animated&&this.isTabList,context:this.context,border:o,spaceless:this.spaceless,expanded:this.expanded,isMobile:s,isTouch:n,isVertical:r,inNavbar:this.inNavbar,iconPosition:this.iconPosition,showSwiperControls:!this.isVertical(),verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),e("div",{key:"e0f122fe69cde2029ef069fa99b7c08176e62a31",part:c,class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("vertical").class(this.isVertical())),a.modifier("hidden").class("meta"===this.context||"navbar"===this.context||"navigation"===this.context))},e("div",{key:"bbbaad45e23863e488b6f7246f7112596ba50f1d",id:this.tabsId,class:Object.assign({},a.element("wrapper").class())},e("slot",{key:"e5dfe7d80380bc1f3eff95d5391375af110a1440"}))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],expanded:["expandedChanged"],debounce:["debounceChanged"],vertical:["verticalChanged"],value:["valueChanged"]}}};r([x("bal-tabs"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],H.prototype,"createLogger",null),r([S({tags:["bal-tabs","bal-tab-item"]}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],H.prototype,"mutationListener",null),r([T(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],H.prototype,"visibilityListener",null),r([E(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],H.prototype,"breakpointListener",null),r([I(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],H.prototype,"resizeListener",null),r([F(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],H.prototype,"swipeListener",null),r([P(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],H.prototype,"animationListener",null),r([V(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],H.prototype,"configChanged",null);let U=0;H.style='@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.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--hidden{display:none}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width: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--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 screen and (min-width: 769px),print{.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__container--expanded{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex:1;flex:1}.bal-tabs__nav__container--vertical{overflow:hidden}.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-negative:0;flex-shrink:0;-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;width:auto}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}@media screen and (max-width: 768px){.bal-tabs__nav__item--group-has-sub-label{height:5rem}}.bal-tabs__nav__item--dim-inactive-elements:not(.bal-tabs__nav__item--active){opacity:.6}.bal-tabs__nav__item--display-svg{-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 768px){.bal-tabs__nav__item--display-svg:not(.bal-tabs__nav__item--display-svg.bal-tabs__nav__item--active){-ms-flex:0 0 auto;flex:0 0 auto;min-width:3rem;width:6rem;padding:.25rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}.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}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--with-svg{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-small)}@media screen and (max-width: 768px){.bal-tabs__nav__item__label--with-svg:not(.bal-tabs__nav__item__label--active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--expanded{white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}.bal-tabs__nav__item__label__sub-label{font-size:var(--bal-text-size-small)}: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-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-tabs--vertical{-ms-flex-direction:row;flex-direction:row;gap:var(--bal-space-normal)}}@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--accordion .bal-tabs__content{overflow:hidden}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__content{display:none}.bal-tabs__content{width:100%}.bal-tabs__content--vertical{width:auto;-ms-flex:1;flex:1}.bal-tabs__content--hidden{display:none}.bal-tabs__nav--full-height,.bal-tabs__nav__inner--full-height{height:100%}.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;min-width:100%}.bal-tabs__nav__border--hidden{display:none}.bal-tabs__nav__border--vertical{min-width:var(--bal-border-width-normal);max-width:var(--bal-border-width-normal);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)}';export{B as bal_tab_item,H as bal_tabs}
|
|
1
|
+
import{r as t,c as a,h as e,H as i,g as s}from"./p-2ccbe55a.js";import{a as n,i as l}from"./p-063808d7.js";import{_ as r,a as o}from"./p-43c9f5e9.js";import{a as b}from"./p-00b37ea2.js";import{B as _}from"./p-ae86d0a0.js";import{s as d}from"./p-79f6f58b.js";import{o as c,h,t as v,k as m,p,u,m as g,j as f,b as w}from"./p-a255c9b3.js";import{L as x}from"./p-b77e3348.js";import{t as y,S as j,g as k,a as O}from"./p-2a27350c.js";import{n as L}from"./p-f3f5ce4f.js";import{a as z}from"./p-8f2e9a7f.js";import{b as C}from"./p-a65354df.js";import{b as $}from"./p-58e51d6a.js";import{d as A}from"./p-ec375851.js";import{L as S}from"./p-83ac9b11.js";import{L as T}from"./p-8fc7e9ca.js";import{L as E}from"./p-6b284c70.js";import{L as I}from"./p-6e85cd1a.js";import{L as F}from"./p-cb0ff37f.js";import{L as D}from"./p-ad14e9f9.js";import{L as P}from"./p-20eba37f.js";import"./p-9a3d9e17.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-a7be57b6.js";import"./p-dc98854c.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-f9808768.js";import"./p-c0173fff.js";const V=class{constructor(e){t(this,e),this.balNavigate=a(this,"balNavigate",7),this.balKeyDown=a(this,"balKeyDown",7),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+B++,this.isActive=!1,this.tabsId=void 0,this.active=!1,this.value="",this.label="",this.rel=void 0,this.href=void 0,this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0,this.noPanel=!1,this.aria=void 0,this.subLabel="",this.svg=""}componentWillLoad(){this.inheritAttributes=n(this.el)}async setTabId(t){this.tabsId=t}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,rel:this.rel,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:!1,prevent:this.prevent,navigate:this.balNavigate,keyDown:this.balKeyDown,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria,subLabel:this.subLabel,svg:this.svg}}render(){const t=!this.isActive||this.noPanel;return e(i,{key:"dff521c2768c6f6363c40f464d7a1c4b755ed56f",id:this.tabPanelID,class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive},role:this.noPanel?void 0:"tabpanel","aria-hidden":t?"true":"false","aria-labelledby":this.tabsId?`${this.tabsId}-button-${this.value}`:void 0,tabindex:t?"-1":void 0,hidden:!!t||void 0},e("slot",{key:"3a98e9f46657921751ba7d625ae45cf0eef46025"}))}get el(){return s(this)}};let B=0;const M=({item:t,inverted:a,accordion:i,isAccordionOpen:s,isMobile:n,hasBubble:l})=>{const r=_.block("tabs").element("nav").element("item").element("icon");let o=t.disabled?"grey":"primary";return a&&(o=t.disabled?"primary-light":"white"),e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("display-svg").class(void 0!==t.svg))},e("bal-icon",t.svg?{svg:t.svg,size:"large",color:"auto"}:{size:n||i?"small":"",name:i?"nav-go-down":t.icon,color:o,turn:i&&!0===s&&t.active}),l?e("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},N=({item:t,inverted:a,hasBubble:i,isExpanded:s,isVertical:n,context:l})=>{const r=_.block("tabs").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("inverted").class(a)),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("vertical").class(n)),r.modifier("expanded").class(s)),r.modifier(`context-${l}`).class(void 0!==l)),r.modifier("with-svg").class(t.svg&&t.svg.length>0)),"data-testid":"bal-tabs-item-label"},t.label,t.subLabel&&e("span",{class:r.element("sub-label").class()},t.subLabel),i?e("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},W=({item:t,tabsId:a,isFirst:i,isLast:s,isMobile:n,isVertical:l,accordion:r,isAccordionOpen:o,isLinkList:b,inverted:d,isExpanded:c,spaceless:h,clickable:v,iconPosition:m,context:p,onSelectTab:u,hasSubLabelInGroup:g,dimInactiveElements:f})=>{var w;const x=_.block("tabs").element("nav").element("item");if(t.invisible)return;const j=!1!==t.bubble,k=void 0!==t.icon,O=k&&j&&"horizontal"!==m&&!r||n&&k&&j&&!l&&!r,L=r&&j||r&&n&&k&&j&&!l,C=!k&&j&&!r||j&&!n&&"horizontal"===m&&!r||j&&l&&!r,$=void 0===t.href||""===t.href,A=$?"button":"a",S=$?{type:"button",role:"tab","aria-controls":(null===(w=t.aria)||void 0===w?void 0:w.controls)||t.tabPanelID||void 0,"aria-expanded":z(t.active),"aria-disabled":z(t.disabled),"aria-label":t.label}:{role:"listitem",href:t.href,rel:t.rel,target:t.target};b||(S.tabindex=t.active?"0":"-1");const T=()=>e(A,Object.assign({id:`${a}-button-${y(t.value)}`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},x.class()),x.modifier("active").class(t.active)),x.modifier("disabled").class(t.disabled)),x.modifier("clickable").class(v)),x.modifier("accordion").class(r)),x.modifier("inverted").class(d)),x.modifier("expanded").class(c)),x.modifier("spaceless").class(h)),x.modifier("first").class(i)),x.modifier("last").class(s)),x.modifier("passed").class(t.passed)),x.modifier("vertical").class(l)),x.modifier(`context-${p}`).class(void 0!==p)),x.modifier(`icon-position-${m}`).class("horizontal"!==m)),x.modifier("display-svg").class(t.svg&&t.svg.length>0)),x.modifier("group-has-sub-label").class(g)),x.modifier("dim-inactive-elements").class(f)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":a,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":$?t.active?"true":"false":void 0},S,{onClick:a=>u(a,t),onKeyDown:a=>{var e;null===(e=t.keyDown)||void 0===e||e.emit(a)}}),t.icon||t.svg?e(M,{accordion:!1,item:t,isMobile:n,hasBubble:O,inverted:d}):"",e(N,{item:t,isMobile:n,isVertical:l,isExpanded:c,hasBubble:C,inverted:d,context:p}),r&&!t.href?e(M,{accordion:r,isAccordionOpen:o,item:t,isMobile:n,hasBubble:L,inverted:d}):"");return b?e("li",null,T()):T()},R=({swiper:t,items:a,tabsId:i,isVertical:s,inNavbar:n,isMobile:l,isTouch:r,ariaLabel:o,lineActive:b,lineHidden:d,isLinkList:c,border:h,accordion:v,isAccordionOpen:m,inverted:p,clickable:u,animated:g,spaceless:f,expanded:w,verticalColSize:x,showSwiperControls:y,iconPosition:j,context:k,onSelectTab:O,dimInactiveElements:L})=>{const z=_.block("tabs").element("nav"),C=z.element("inner"),$=z.element("container"),A=z.element("line"),S=z.element("border"),T=a.filter((t=>!t.invisible)),E=n&&!r,I=a.some((t=>t.subLabel&&t.subLabel.length>0)),F=({item:t,index:a})=>e(W,{item:t,isLinkList:c,tabsId:i,isFirst:0===a,isLast:a===T.length-1,isMobile:l,isVertical:s,iconPosition:j,spaceless:f,inverted:p,accordion:v,isAccordionOpen:m,context:k,isExpanded:w,clickable:u&&!t.disabled,onSelectTab:O,hasSubLabelInGroup:I,dimInactiveElements:L}),D=c?"nav":"div",P=c?"ul":"div";return e("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},z.class()),z.modifier("vertical").class(s)),z.modifier("full-height").class(E)),z.modifier(`vertical-col-${x}`).class(s)),t.cssSwiper())},e(D,{id:`${i}-nav`,class:Object.assign(Object.assign(Object.assign({},t.cssInnerSwiper()),C.class()),C.modifier("full-height").class(E)),ref:a=>{a&&(t.innerEl=a)},"aria-label":c?o:void 0},e(P,{id:t.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.cssSwiperContainer()),$.class()),$.modifier("vertical").class(s)),$.modifier("expanded").class(w&&!s)),role:c?void 0:"tablist","aria-label":c?void 0:o,ref:a=>{a&&(t.containerEl=a)}},T.map(((t,a)=>e(F,{item:t,index:a}))),e("div",{id:`${i}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},A.class()),A.modifier("active").class(b)),A.modifier("inverted").class(p)),A.modifier("animated").class(g)),A.modifier("vertical").class(s)),A.modifier("hidden").class(d))}),h?e("div",{id:`${i}-border`,class:Object.assign(Object.assign(Object.assign({},S.class()),S.modifier("inverted").class(p)),S.modifier("vertical").class(s))}):"")),y?t.renderControls():"")},G=({items:t,value:a,onSelectTab:i})=>{const s=_.block("tabs").element("select");return e("bal-select",{class:Object.assign({},s.class()),value:a,onBalChange:a=>(a=>{const e=t.filter((t=>t.value===a.detail));if(e.length>0){const t=e[0];""!==t.href&&void 0!==t.href&&C.hasWindow&&window.open(t.href,t.target),i(a,t)}})(a)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>e("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label))))},H=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.balWillAnimate=a(this,"balWillAnimate",7),this.balDidAnimate=a(this,"balDidAnimate",7),this.tabsId="bal-tabs-"+K++,this.inheritAttributes={},this.swiper=new j,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(L)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{b(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isTabActive(t))))},this.getLineSize=(t,a)=>{if(t){if(this.isVertical())return t.clientHeight;{const e=t.clientWidth;return this.expanded?e:e-(a.left+a.right)}}return 0},this.getOffset=(t,a)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(null!=t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const e=t.closest(".bal-tabs__nav__item");if(e)return this.expanded?e.offsetLeft:e.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.enableLineRender&&this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),c((async()=>{await h(this.el,!0),this.currentRaf=c((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=k(t),e=this.getLineSize(t,a),i=this.getOffset(t,a),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const a=v(s,300);if(t)s.style.setProperty("transform",`translateY(${i}px)`),s.style.setProperty("min-height",`${e}px`),s.style.setProperty("height",`${e}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${i}px)`),s.style.setProperty("min-width",`${e}px`),s.style.setProperty("width",`${e}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();if(t&&n)if(this.expanded)t.style.setProperty("width","100%");else{const a=O(n);t.style.setProperty("width",`${a}px`)}await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=()=>{this.isAccordionOpen=!0,4!==this.accordionState&&(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.collapseAccordion=()=>{this.isAccordionOpen=!1,1!==this.accordionState&&(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=m((()=>this.onOptionChangeInternal()),100),this.onOptionChangeInternal=async()=>{try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,a)=>{(a.prevent||a.disabled||!this.clickable)&&d(t),!a.disabled&&this.clickable&&(this.accordion&&(a.value===this.value?this.toggleAccordionState():this.expandAccordion()),a.navigate&&a.navigate.emit(t),a.value!==this.value&&(this.balChange.emit(a.value),await this.select(a),await this.focus(a)))},this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.enableLineRender=!1,this.hasAnimated=!1,this.index=0,this.isMobile=$.isMobile,this.isTablet=$.isTablet,this.language=A.language,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.context=void 0,this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0,this.dimInactiveElements=!1,this.handleAsTabList=!1}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}expandedChanged(){this.updateSwiper()}debounceChanged(){this.balChange=p(this.balChange,this.debounce)}verticalChanged(){this.updateSwiper()}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.swiper.connectedCallback(this),this.swiper.controls="small",this.updateSwiper(),this.inNavbar=u("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(u("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidRender(){this.animateLine()}componentWillRender(){this.updateSwiper()}componentDidLoad(){this.onOptionChange(),this.items.forEach((t=>{t.setTabId(this.tabsId)})),g((()=>{this.enableLineRender=!0,this.animateLine(!0)}))}componentWillLoad(){this.inheritAttributes=l(this.el,["aria-label"])}disconnectedCallback(){this.swiper.disconnectedCallback()}mutationListener(){this.onOptionChange(),this.swiper.notifyChange()}visibilityListener(){this.swiper.notifyChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.swiper.notifyChange()}resizeListener(t){this.swiper.notifyChange(),(!this.isVertical()&&t.width||this.isVertical()&&t.height)&&this.animateLine()}swipeListener({left:t,right:a}){t?this.swiper.next():a&&this.swiper.previous()}animationListener(t){this.isUsedInNavbar(t.target),this.animateLine()}listenToKeyDown(t){this.isTabList&&(!1!==this.vertical?"ArrowDown"===t.code?this.tabListSelectNext(t):"ArrowUp"===t.code&&this.tabListSelectPrevious(t):"ArrowRight"===t.code?this.tabListSelectNext(t):"ArrowLeft"===t.code&&this.tabListSelectPrevious(t))}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((a=>a.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}swiperOnChange(t){this.index=t}swiperGetAllChildrenElements(){return Array.from(this.el.querySelectorAll(".bal-tabs__nav__item"))}get isTabList(){return 0===this.store.filter((t=>!!t.href)).length||this.handleAsTabList}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((a=>a.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.swiper.containerId}`)}updateSwiper(){this.overflow?this.expanded||this.isVertical()?this.swiper.disable():this.swiper.activate():this.swiper.disable()}isUsedInNavbar(t){const a=t.closest("bal-navbar"),e=t;a&&f(a,this.el)&&(this.isNavbarOpen=e)}isTabActive(t){return t.value===this.value}isTabVisible(t){return!t.hidden}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}findNextTab(t=!1){const a=this.store.findIndex((t=>this.isTabActive(t)));let e=this.store.map(((t,a)=>({index:a,visible:!t.hidden&&!t.disabled})));t&&(e=e.reverse());const i=e.filter((t=>t.visible)).map((t=>t.index)),s=t?(t,e)=>t<a||e>=t?t:e:(t,e)=>t>a||e<=t?t:e,n=i.reduce(((t,a)=>s(t,a)),a);return this.store[n]}findPreviousTab(){return this.findNextTab(!0)}tabListSelectNext(t){const a=this.findNextTab();a&&this.onSelectTab(t,a)}tabListSelectPrevious(t){const a=this.findPreviousTab();a&&this.onSelectTab(t,a)}async focus(t){const a=null!==this.el.querySelector("button.bal-focused, a.bal-focused");if(this.swiper.isActive()){const a=(await this.getOptions()).findIndex((a=>a.value===t.value));this.swiper.updateIndex(a)}if(await w(),a){const a=this.el.querySelector(`#${this.tabsId}-button-${y(t.value)}`);a&&a.focus({preventScroll:!0})}}render(){const t=_.block("tabs"),a=t.element("content"),s=this.isMobile,n=s||this.isTablet,l=this.inNavbar&&!n&&!this.inNavbarLight||!this.inNavbar&&this.inverted,r=this.isVertical(),o=this.border||this.inNavbar&&n,b=s&&this.selectOnMobile,d=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),c=4===this.accordionState||8===this.accordionState?"content expanded":"content",h=void 0!==this.value&&!!this.store.find((t=>t.value===this.value)),v=!this.isTabList,m=this.store.filter((t=>this.isTabActive(t))).map((t=>t.value)).join(","),p=this.store.filter((t=>this.isTabActive(t))).map((t=>t.label)).join(",");return e(i,{key:"69d96a45fe17ef7cf2c6acf7a59acb080f434f37",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(r)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated&&this.isTabList)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":m,"data-label":p},b?e(G,{value:this.value,items:d,onSelectTab:this.onSelectTab}):e(R,{swiper:this.swiper,items:d,isLinkList:v,tabsId:this.tabsId,clickable:this.clickable,ariaLabel:this.inheritAttributes["aria-label"],accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:h,lineHidden:!this.enableLineRender,inverted:l,animated:this.animated&&this.isTabList,context:this.context,border:o,spaceless:this.spaceless,expanded:this.expanded,isMobile:s,isTouch:n,isVertical:r,inNavbar:this.inNavbar,iconPosition:this.iconPosition,showSwiperControls:!this.isVertical(),verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),e("div",{key:"e0f122fe69cde2029ef069fa99b7c08176e62a31",part:c,class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("vertical").class(this.isVertical())),a.modifier("hidden").class("meta"===this.context||"navbar"===this.context||"navigation"===this.context))},e("div",{key:"bbbaad45e23863e488b6f7246f7112596ba50f1d",id:this.tabsId,class:Object.assign({},a.element("wrapper").class())},e("slot",{key:"e5dfe7d80380bc1f3eff95d5391375af110a1440"}))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],expanded:["expandedChanged"],debounce:["debounceChanged"],vertical:["verticalChanged"],value:["valueChanged"]}}};r([x("bal-tabs"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],H.prototype,"createLogger",null),r([S({tags:["bal-tabs","bal-tab-item"]}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],H.prototype,"mutationListener",null),r([T(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],H.prototype,"visibilityListener",null),r([E(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],H.prototype,"breakpointListener",null),r([I(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],H.prototype,"resizeListener",null),r([F(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],H.prototype,"swipeListener",null),r([D(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],H.prototype,"animationListener",null),r([P(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],H.prototype,"configChanged",null);let K=0;H.style='@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.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--hidden{display:none}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width: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--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 screen and (min-width: 769px),print{.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__container--expanded{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex:1;flex:1}.bal-tabs__nav__container--vertical{overflow:hidden}.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-negative:0;flex-shrink:0;-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;width:auto}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}@media screen and (max-width: 768px){.bal-tabs__nav__item--group-has-sub-label{height:5rem}}.bal-tabs__nav__item--dim-inactive-elements:not(.bal-tabs__nav__item--active){opacity:.6}.bal-tabs__nav__item--display-svg{-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 768px){.bal-tabs__nav__item--display-svg:not(.bal-tabs__nav__item--display-svg.bal-tabs__nav__item--active){-ms-flex:0 0 auto;flex:0 0 auto;min-width:3rem;width:6rem;padding:.25rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}.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}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--with-svg{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-small)}@media screen and (max-width: 768px){.bal-tabs__nav__item__label--with-svg:not(.bal-tabs__nav__item__label--active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--expanded{white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}.bal-tabs__nav__item__label__sub-label{font-size:var(--bal-text-size-small)}: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-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-tabs--vertical{-ms-flex-direction:row;flex-direction:row;gap:var(--bal-space-normal)}}@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--accordion .bal-tabs__content{overflow:hidden}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__content{display:none}.bal-tabs__content{width:100%}.bal-tabs__content--vertical{width:auto;-ms-flex:1;flex:1}.bal-tabs__content--hidden{display:none}.bal-tabs__nav--full-height,.bal-tabs__nav__inner--full-height{height:100%}.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;min-width:100%}.bal-tabs__nav__border--hidden{display:none}.bal-tabs__nav__border--vertical{min-width:var(--bal-border-width-normal);max-width:var(--bal-border-width-normal);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)}';export{V as bal_tab_item,H as bal_tabs}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as n}from"./p-
|
|
1
|
+
import{a as n}from"./p-58e51d6a.js";function t(){return function(t){const{connectedCallback:c,disconnectedCallback:i}=t;t.connectedCallback=function(){return n.attach(this),c&&c.call(this)},t.disconnectedCallback=function(){return n.detach(this),i&&i.call(this)}}}export{t as L}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(i,r,e,n){function a(i){return i instanceof e?i:new e((function(r){r(i)}))}return new(e||(e=Promise))((function(e,t){function o(i){try{l(n.next(i))}catch(i){t(i)}}function c(i){try{l(n["throw"](i))}catch(i){t(i)}}function l(i){i.done?e(i.value):a(i.value).then(o,c)}l((n=n.apply(i,r||[])).next())}))};var __generator=this&&this.__generator||function(i,r){var e={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1]},trys:[],ops:[]},n,a,t,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(i){return function(r){return l([i,r])}}function l(c){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,c[0]&&(e=0)),e)try{if(n=1,a&&(t=c[0]&2?a["return"]:c[0]?a["throw"]||((t=a["return"])&&t.call(a),0):a.next)&&!(t=t.call(a,c[1])).done)return t;if(a=0,t)c=[c[0]&2,t.value];switch(c[0]){case 0:case 1:t=c;break;case 4:e.label++;return{value:c[1],done:false};case 5:e.label++;a=c[1];c=[0];continue;case 7:c=e.ops.pop();e.trys.pop();continue;default:if(!(t=e.trys,t=t.length>0&&t[t.length-1])&&(c[0]===6||c[0]===2)){e=0;continue}if(c[0]===3&&(!t||c[1]>t[0]&&c[1]<t[3])){e.label=c[1];break}if(c[0]===6&&e.label<t[1]){e.label=t[1];t=c;break}if(t&&e.label<t[2]){e.label=t[2];e.ops.push(c);break}if(t[2])e.ops.pop();e.trys.pop();continue}c=r.call(i,e)}catch(i){c=[6,i];a=0}finally{n=t=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-d0cee779.system.js","./p-2880433e.system.js","./p-db0895e2.system.js","./p-6b690346.system.js","./p-fa5198a0.system.js","./p-23bdd8dc.system.js","./p-a1f6e944.system.js","./p-ade9437f.system.js"],(function(i){"use strict";var r,e,n,a,t,o,c,l,s,u;return{setters:[function(i){r=i.r;e=i.h;n=i.H},function(i){a=i._;t=i.a},function(i){o=i.D},function(i){c=i.c},function(i){l=i.B},function(i){s=i.d},function(i){u=i.L},function(){},function(){},function(){}],execute:function(){var f=1/0;var b="[object Symbol]";var d=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var g=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;var h="\\ud800-\\udfff",v="\\u0300-\\u036f\\ufe20-\\ufe23",m="\\u20d0-\\u20f0",p="\\u2700-\\u27bf",y="a-z\\xdf-\\xf6\\xf8-\\xff",x="\\xac\\xb1\\xd7\\xf7",w="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",k="\\u2000-\\u206f",j=" \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",O="A-Z\\xc0-\\xd6\\xd8-\\xde",_="\\ufe0e\\ufe0f",E=x+w+k+j;var A="['’]",U="["+h+"]",I="["+E+"]",R="["+v+m+"]",C="\\d+",S="["+p+"]",z="["+y+"]",Z="[^"+h+E+C+p+y+O+"]",L="\\ud83c[\\udffb-\\udfff]",T="(?:"+R+"|"+L+")",G="[^"+h+"]",N="(?:\\ud83c[\\udde6-\\uddff]){2}",D="[\\ud800-\\udbff][\\udc00-\\udfff]",F="["+O+"]",H="\\u200d";var Y="(?:"+z+"|"+Z+")",J="(?:"+F+"|"+Z+")",M="(?:"+A+"(?:d|ll|m|re|s|t|ve))?",P="(?:"+A+"(?:D|LL|M|RE|S|T|VE))?",$=T+"?",K="["+_+"]?",V="(?:"+H+"(?:"+[G,N,D].join("|")+")"+K+$+")*",W=K+$+V,q="(?:"+[S,N,D].join("|")+")"+W,B="(?:"+[G+R+"?",R,N,D,U].join("|")+")";var Q=RegExp(A,"g");var X=RegExp(R,"g");var ii=RegExp(L+"(?="+L+")|"+B+W,"g");var ri=RegExp([F+"?"+z+"+"+M+"(?="+[I,F,"$"].join("|")+")",J+"+"+P+"(?="+[I,F+Y,"$"].join("|")+")",F+"?"+Y+"+"+M,F+"+"+P,C,q].join("|"),"g");var ei=RegExp("["+H+h+v+m+_+"]");var ni=/[a-z][A-Z]|[A-Z]{2,}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var ai={"À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","Ç":"C","ç":"c","Ð":"D","ð":"d","È":"E","É":"E","Ê":"E","Ë":"E","è":"e","é":"e","ê":"e","ë":"e","Ì":"I","Í":"I","Î":"I","Ï":"I","ì":"i","í":"i","î":"i","ï":"i","Ñ":"N","ñ":"n","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","Ù":"U","Ú":"U","Û":"U","Ü":"U","ù":"u","ú":"u","û":"u","ü":"u","Ý":"Y","ý":"y","ÿ":"y","Æ":"Ae","æ":"ae","Þ":"Th","þ":"th","ß":"ss","Ā":"A","Ă":"A","Ą":"A","ā":"a","ă":"a","ą":"a","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","ć":"c","ĉ":"c","ċ":"c","č":"c","Ď":"D","Đ":"D","ď":"d","đ":"d","Ē":"E","Ĕ":"E","Ė":"E","Ę":"E","Ě":"E","ē":"e","ĕ":"e","ė":"e","ę":"e","ě":"e","Ĝ":"G","Ğ":"G","Ġ":"G","Ģ":"G","ĝ":"g","ğ":"g","ġ":"g","ģ":"g","Ĥ":"H","Ħ":"H","ĥ":"h","ħ":"h","Ĩ":"I","Ī":"I","Ĭ":"I","Į":"I","İ":"I","ĩ":"i","ī":"i","ĭ":"i","į":"i","ı":"i","Ĵ":"J","ĵ":"j","Ķ":"K","ķ":"k","ĸ":"k","Ĺ":"L","Ļ":"L","Ľ":"L","Ŀ":"L","Ł":"L","ĺ":"l","ļ":"l","ľ":"l","ŀ":"l","ł":"l","Ń":"N","Ņ":"N","Ň":"N","Ŋ":"N","ń":"n","ņ":"n","ň":"n","ŋ":"n","Ō":"O","Ŏ":"O","Ő":"O","ō":"o","ŏ":"o","ő":"o","Ŕ":"R","Ŗ":"R","Ř":"R","ŕ":"r","ŗ":"r","ř":"r","Ś":"S","Ŝ":"S","Ş":"S","Š":"S","ś":"s","ŝ":"s","ş":"s","š":"s","Ţ":"T","Ť":"T","Ŧ":"T","ţ":"t","ť":"t","ŧ":"t","Ũ":"U","Ū":"U","Ŭ":"U","Ů":"U","Ű":"U","Ų":"U","ũ":"u","ū":"u","ŭ":"u","ů":"u","ű":"u","ų":"u","Ŵ":"W","ŵ":"w","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Ź":"Z","Ż":"Z","Ž":"Z","ź":"z","ż":"z","ž":"z","IJ":"IJ","ij":"ij","Œ":"Oe","œ":"oe","ʼn":"'n","ſ":"ss"};var ti=typeof c=="object"&&c&&c.Object===Object&&c;var oi=typeof self=="object"&&self&&self.Object===Object&&self;var ci=ti||oi||Function("return this")();function li(i,r,e,n){var a=-1,t=i?i.length:0;if(n&&t){e=i[++a]}while(++a<t){e=r(e,i[a],a,i)}return e}function si(i){return i.split("")}function ui(i){return i.match(d)||[]}function fi(i){return function(r){return i==null?undefined:i[r]}}var bi=fi(ai);function di(i){return ei.test(i)}function gi(i){return ni.test(i)}function hi(i){return di(i)?vi(i):si(i)}function vi(i){return i.match(ii)||[]}function mi(i){return i.match(ri)||[]}var pi=Object.prototype;var yi=pi.toString;var xi=ci.Symbol;var wi=xi?xi.prototype:undefined,ki=wi?wi.toString:undefined;function ji(i,r,e){var n=-1,a=i.length;if(r<0){r=-r>a?0:a+r}e=e>a?a:e;if(e<0){e+=a}a=r>e?0:e-r>>>0;r>>>=0;var t=Array(a);while(++n<a){t[n]=i[n+r]}return t}function Oi(i){if(typeof i=="string"){return i}if(Ii(i)){return ki?ki.call(i):""}var r=i+"";return r=="0"&&1/i==-f?"-0":r}function _i(i,r,e){var n=i.length;e=e===undefined?n:e;return!r&&e>=n?i:ji(i,r,e)}function Ei(i){return function(r){r=Ri(r);var e=di(r)?hi(r):undefined;var n=e?e[0]:r.charAt(0);var a=e?_i(e,1).join(""):r.slice(1);return n[i]()+a}}function Ai(i){return function(r){return li(Li(zi(r).replace(Q,"")),i,"")}}function Ui(i){return!!i&&typeof i=="object"}function Ii(i){return typeof i=="symbol"||Ui(i)&&yi.call(i)==b}function Ri(i){return i==null?"":Oi(i)}var Ci=Ai((function(i,r,e){r=r.toLowerCase();return i+(e?Si(r):r)}));function Si(i){return Zi(Ri(i).toLowerCase())}function zi(i){i=Ri(i);return i&&i.replace(g,bi).replace(X,"")}var Zi=Ei("toUpperCase");function Li(i,r,e){i=Ri(i);r=e?undefined:r;if(r===undefined){return gi(i)?mi(i):ui(i)}return i.match(r)||[]}var Ti=Ci;var Gi=1/0;var Ni="[object Symbol]";var Di="\\ud800-\\udfff",Fi="\\u0300-\\u036f\\ufe20-\\ufe23",Hi="\\u20d0-\\u20f0",Yi="\\ufe0e\\ufe0f";var Ji="["+Di+"]",Mi="["+Fi+Hi+"]",Pi="\\ud83c[\\udffb-\\udfff]",$i="(?:"+Mi+"|"+Pi+")",Ki="[^"+Di+"]",Vi="(?:\\ud83c[\\udde6-\\uddff]){2}",Wi="[\\ud800-\\udbff][\\udc00-\\udfff]",qi="\\u200d";var Bi=$i+"?",Qi="["+Yi+"]?",Xi="(?:"+qi+"(?:"+[Ki,Vi,Wi].join("|")+")"+Qi+Bi+")*",ir=Qi+Bi+Xi,rr="(?:"+[Ki+Mi+"?",Mi,Vi,Wi,Ji].join("|")+")";var er=RegExp(Pi+"(?="+Pi+")|"+rr+ir,"g");var nr=RegExp("["+qi+Di+Fi+Hi+Yi+"]");var ar=typeof c=="object"&&c&&c.Object===Object&&c;var tr=typeof self=="object"&&self&&self.Object===Object&&self;var or=ar||tr||Function("return this")();function cr(i){return i.split("")}function lr(i){return nr.test(i)}function sr(i){return lr(i)?ur(i):cr(i)}function ur(i){return i.match(er)||[]}var fr=Object.prototype;var br=fr.toString;var dr=or.Symbol;var gr=dr?dr.prototype:undefined,hr=gr?gr.toString:undefined;function vr(i,r,e){var n=-1,a=i.length;if(r<0){r=-r>a?0:a+r}e=e>a?a:e;if(e<0){e+=a}a=r>e?0:e-r>>>0;r>>>=0;var t=Array(a);while(++n<a){t[n]=i[n+r]}return t}function mr(i){if(typeof i=="string"){return i}if(wr(i)){return hr?hr.call(i):""}var r=i+"";return r=="0"&&1/i==-Gi?"-0":r}function pr(i,r,e){var n=i.length;e=e===undefined?n:e;return!r&&e>=n?i:vr(i,r,e)}function yr(i){return function(r){r=kr(r);var e=lr(r)?sr(r):undefined;var n=e?e[0]:r.charAt(0);var a=e?pr(e,1).join(""):r.slice(1);return n[i]()+a}}function xr(i){return!!i&&typeof i=="object"}function wr(i){return typeof i=="symbol"||xr(i)&&br.call(i)==Ni}function kr(i){return i==null?"":mr(i)}var jr=yr("toUpperCase");var Or=jr;var _r=":root,:host{--bal-icon-color-grey:var(--bal-color-grey-5);--bal-icon-color-grey-light:var(--bal-color-border-grey-dark);--bal-icon-color-grey-dark:var(--bal-color-grey-6);--bal-icon-color-success:var(--bal-color-success);--bal-icon-color-success-dark:var(--bal-color-success-5);--bal-icon-color-success-darker:var(--bal-color-success-6);--bal-icon-color-warning:var(--bal-color-warning);--bal-icon-color-warning-dark:var(--bal-color-warning-5);--bal-icon-color-warning-darker:var(--bal-color-warning-6);--bal-icon-color-danger:var(--bal-color-danger);--bal-icon-color-danger-dark:var(--bal-color-danger-5);--bal-icon-color-danger-darker:var(--bal-color-danger-6);--bal-icon-color-primary:var(--bal-color-primary);--bal-icon-color-primary-dark:var(--bal-color-primary-6);--bal-icon-color-blue:var(--bal-color-primary);--bal-icon-color-light-blue:var(--bal-color-light-blue-5);--bal-icon-color-primary-light:var(--bal-color-primary-3);--bal-icon-color-white:var(--bal-color-white)}.bal-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:static;pointer-events:visible;width:1.125rem;max-height:1.125rem}.bal-icon--shadow svg{-webkit-filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5));filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5))}.bal-icon--is-inline{display:-ms-inline-flexbox;display:inline-flex}.bal-icon__inner{display:block;position:static;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;padding:.063rem;width:1.125rem;max-height:1.125rem}.bal-icon__inner--turn-plus{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.bal-icon__inner--turn-caret-down,.bal-icon__inner--turn-caret-up{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-icon__inner--turn-nav-go-down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-icon__inner>svg{vertical-align:top}.bal-icon--is-xsmall{width:.75rem;max-height:.75rem}.bal-icon--is-x-small{width:.75rem;max-height:.75rem}.bal-icon--is-small{width:.875rem;max-height:.875rem}.bal-icon--is-medium{width:1.625rem;max-height:1.625rem}.bal-icon--is-large{width:2.5rem;max-height:2.5rem;padding:0}.bal-icon--is-x-large{width:5rem;max-height:5rem;padding:0}.bal-icon--is-xx-large{width:11rem;max-height:11rem;padding:0}.bal-icon--tile{background:var(--bal-color-purple-1);border-radius:var(--bal-radius-normal);height:2rem;width:2rem;max-height:2rem}@media screen and (min-width: 769px),print{.bal-icon--tile{height:3.5rem;width:3.5rem;max-height:3.5rem}}.bal-icon--tile-color-green{background:var(--bal-color-green-1)}.bal-icon--tile-color-red{background:var(--bal-color-red-1)}.bal-icon--tile-color-yellow{background:var(--bal-color-yellow-1)}.bal-icon__inner--tile{width:2rem;max-height:2rem}@media screen and (min-width: 769px),print{.bal-icon__inner--tile{width:3rem;max-height:3rem}}.bal-icon--is-grey svg,.bal-icon--is-grey g,.bal-icon--is-grey path,.bal-icon--is-grey circle{fill:var(--bal-icon-color-grey)}.bal-icon--is-grey-light svg,.bal-icon--is-grey-light g,.bal-icon--is-grey-light path,.bal-icon--is-grey-light circle{fill:var(--bal-icon-color-grey-light)}.bal-icon--is-grey-dark svg,.bal-icon--is-grey-dark g,.bal-icon--is-grey-dark path,.bal-icon--is-grey-dark circle{fill:var(--bal-icon-color-grey-dark)}.bal-icon--is-success svg,.bal-icon--is-success g,.bal-icon--is-success path,.bal-icon--is-success circle{fill:var(--bal-icon-color-success)}.bal-icon--is-success-dark svg,.bal-icon--is-success-dark g,.bal-icon--is-success-dark path,.bal-icon--is-success-dark circle{fill:var(--bal-icon-color-success-dark)}.bal-icon--is-success-darker svg,.bal-icon--is-success-darker g,.bal-icon--is-success-darker path,.bal-icon--is-success-darker circle{fill:var(--bal-icon-color-success-darker)}.bal-icon--is-warning svg,.bal-icon--is-warning g,.bal-icon--is-warning path,.bal-icon--is-warning circle{fill:var(--bal-icon-color-warning)}.bal-icon--is-warning-dark svg,.bal-icon--is-warning-dark g,.bal-icon--is-warning-dark path,.bal-icon--is-warning-dark circle{fill:var(--bal-icon-color-warning-dark)}.bal-icon--is-warning-darker svg,.bal-icon--is-warning-darker g,.bal-icon--is-warning-darker path,.bal-icon--is-warning-darker circle{fill:var(--bal-icon-color-warning-darker)}.bal-icon--is-danger svg,.bal-icon--is-danger g,.bal-icon--is-danger path,.bal-icon--is-danger circle{fill:var(--bal-icon-color-danger)}.bal-icon--is-danger-dark svg,.bal-icon--is-danger-dark g,.bal-icon--is-danger-dark path,.bal-icon--is-danger-dark circle{fill:var(--bal-icon-color-danger-dark)}.bal-icon--is-danger-darker svg,.bal-icon--is-danger-darker g,.bal-icon--is-danger-darker path,.bal-icon--is-danger-darker circle{fill:var(--bal-icon-color-danger-darker)}.bal-icon--is-primary svg,.bal-icon--is-primary g,.bal-icon--is-primary path,.bal-icon--is-primary circle{fill:var(--bal-icon-color-primary)}.bal-icon--is-primary-dark svg,.bal-icon--is-primary-dark g,.bal-icon--is-primary-dark path,.bal-icon--is-primary-dark circle{fill:var(--bal-icon-color-primary-dark)}.bal-icon--is-blue svg,.bal-icon--is-blue g,.bal-icon--is-blue path,.bal-icon--is-blue circle{fill:var(--bal-icon-color-blue)}.bal-icon--is-light-blue svg,.bal-icon--is-light-blue g,.bal-icon--is-light-blue path,.bal-icon--is-light-blue circle{fill:var(--bal-icon-color-light-blue)}.bal-icon--is-primary-light svg,.bal-icon--is-primary-light g,.bal-icon--is-primary-light path,.bal-icon--is-primary-light circle{fill:var(--bal-icon-color-primary-light)}.bal-icon--is-white svg,.bal-icon--is-white g,.bal-icon--is-white path,.bal-icon--is-white circle,.bal-icon--is-inverted svg,.bal-icon--is-inverted g,.bal-icon--is-inverted path,.bal-icon--is-inverted circle{fill:var(--bal-icon-color-white)}.icon-text{-ms-flex-align:center;align-items:center;color:inherit;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;-ms-flex-wrap:nowrap;flex-wrap:nowrap;word-break:break-word;line-height:1.5rem}.icon-text.is-small{line-height:1.75rem}.icon-text.is-medium{line-height:1.5rem}.icon-text.is-large{line-height:3rem}.icon-text.is-x-large{line-height:4rem}.icon-text.is-xlarge{line-height:4rem}.icon-text .icon{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.icon-text .icon:not(:last-child){margin-right:.5rem}.icon-text .icon:not(:first-child){margin-right:.5rem}div.icon-text{display:-ms-flexbox;display:flex}";var Er=_r;var Ar=i("bal_icon",function(){function i(i){var e=this;r(this,i);this.generateSvgContent=function(i){var r=Object.keys(e.icons).length>0;if(r&&i&&i.length>0){if(i.startsWith("alert")){i="alert-triangle"}if(i.startsWith("info")){i="info-circle"}var n=e.icons["balIcon".concat(Or(Ti(i)))];if(n){e.svgContent=n;return}}e.svgContent=o.sanitize(e.svg)||""};this.icons=s.icons;this.svgContent="";this.innerColor="";this.innerSize="";this.name="";this.svg="";this.size="";this.color="";this.colorHovered="";this.colorPressed="";this.tile=false;this.tileColor="";this.inline=false;this.inverted=false;this.turn=false;this.shadow=false;this.disabled=undefined;this.invalid=undefined;this.hovered=false;this.pressed=false}i.prototype.nameChanged=function(){this.generateSvgContent(this.name)};i.prototype.svgChanged=function(){this.generateSvgContent(this.name)};i.prototype.connectedCallback=function(){this.generateSvgContent(this.name)};i.prototype.configChanged=function(i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.icons=i.icons;this.generateSvgContent(this.name);return[2]}))}))};i.prototype.parseColor=function(){if(this.colorHovered&&this.hovered){return this.colorHovered}if(this.colorPressed&&this.pressed){return this.colorPressed}if(this.colorHovered&&this.colorPressed){return this.color}if(!!this.disabled){return"grey"}if(!!this.invalid){if(this.pressed){return"danger-darker"}else if(this.hovered){return"danger-dark"}else{return"danger"}}if(this.color!=="auto"&&(this.color==="primary"||this.color==="")){if(this.pressed){return"primary-dark"}else if(this.hovered){return"light-blue"}}return["auto","white","blue","grey","grey-light","grey-dark","danger","danger-dark","danger-darker","warning","warning-dark","warning-darker","success","success-dark","success-darker","primary","primary-light","light-blue"].includes(this.color)?this.color:"primary"};i.prototype.render=function(){var i=this.parseColor();var r=l.block("icon");return e(n,{key:"f7695780e70a99f7d74c95c8b5895480fbd21198","aria-hidden":"true",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("tile").class(this.tile)),r.modifier("tile-color-".concat(this.tileColor)).class(this.tile&&!!this.tileColor)),r.modifier("is-inverted").class(this.inverted)),r.modifier("is-inline").class(this.inline)),r.modifier("shadow").class(this.shadow)),r.modifier("is-".concat(this.size)).class(!!this.size)),r.modifier("is-".concat(i)).class())},e("div",{key:"d6c9a271d20bdd2a30ddec595ed60433c428b193",class:Object.assign(Object.assign(Object.assign(Object.assign({},r.element("inner").class()),r.element("inner").modifier("turn-".concat(this.name)).class(this.turn)),r.element("inner").modifier("tile").class(this.tile)),r.modifier("is-".concat(this.size)).class(!!this.size)),innerHTML:this.svgContent}))};Object.defineProperty(i,"watchers",{get:function(){return{name:["nameChanged"],svg:["svgChanged"]}},enumerable:false,configurable:true});return i}());a([u(),t("design:type",Function),t("design:paramtypes",[Object]),t("design:returntype",Promise)],Ar.prototype,"configChanged",null);Ar.style=Er}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as s,g as e}from"./p-2ccbe55a.js";import{_ as C,a}from"./p-43c9f5e9.js";import{B as o}from"./p-ae86d0a0.js";import{L as l}from"./p-b77e3348.js";import{m as n}from"./p-a255c9b3.js";import{L as h}from"./p-022af4f2.js";import{b as r}from"./p-967bdfab.js";import{L as p}from"./p-20eba37f.js";import"./p-a65354df.js";import"./p-a7be57b6.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-928bbc47.js";const g=class{constructor(i){t(this,i),this.isTouch=r.isTouch,this.doesConfigAllowAnimation=!0,this.color="blue",this.size="",this.animated=!1}createLogger(t){this.log=t}animatedWatcher(){this.isAnimated||this.destroyAnimation()}connectedCallback(){this.animatedWatcher()}componentDidUpdate(){this.resetAnimation()}componentDidLoad(){this.resetAnimation()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroyAnimation()}breakpointListener(t){this.isTouch=t.touch}configChanged(t){this.doesConfigAllowAnimation=t.animated}get isAnimated(){return this.doesConfigAllowAnimation&&this.animated}async resetAnimation(){this.destroyAnimation(),this.animated&&(await this.loadAnimation(),this.animationFunction&&(this.destroyAnimation(),this.animationItem=this.animationFunction(this.animatedLogoElement,this.color)))}async loadAnimation(){return new Promise(((t,i)=>{if(this.animationFunction)return t();n((async()=>{import("./p-ce4f5a6a.js").then((i=>{this.animationFunction=i.animate,t()})).catch(i)}))}))}destroyAnimation(){this.animated&&this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy()}render(){const t=o.block("logo"),e=this.isAnimated?()=>i("div",{style:{width:this.isTouch?"100px":"158px",height:this.isTouch?"22px":"32px"},ref:t=>this.animatedLogoElement=t}):this.isTouch&&""===this.size||"small"===this.size?()=>i("svg",{focusable:"false","aria-hidden":"true",width:"100",height:"22",viewBox:"0 0 100 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M71.2886 3.08227C71.2886 1.78086 72.3924 0.84771 73.679 0.84771C74.9656 0.84771 75.9688 1.78086 75.9688 3.08227C75.9688 4.38368 74.9656 5.29533 73.679 5.29533C72.3924 5.29533 71.2886 4.38403 71.2886 3.08227ZM71.8472 6.83532H75.4888V18.2682H71.8472V6.83532ZM52.405 2.40989H56.0469V18.2678H52.405V2.40989ZM30.6826 18.5505C34.0192 18.5505 36.3961 15.9903 36.3961 12.5629C36.3961 9.13507 34.0847 6.57525 30.7687 6.5756C29.5268 6.5756 28.48 6.94421 27.6514 7.63843V2.41025H24.0095V18.2682H27.368V17.292C28.1966 18.0948 29.3089 18.5505 30.6826 18.5505ZM30.1594 9.74366C31.6858 9.74366 32.7978 10.9358 32.7978 12.5629C32.7978 14.1899 31.6858 15.3613 30.1594 15.3613C28.5675 15.3613 27.4768 14.2114 27.4768 12.5629C27.4768 10.8932 28.5455 9.74366 30.1594 9.74366ZM50.0036 18.2682V6.83532H46.6451V8.02854C45.8382 7.22613 44.7475 6.79197 43.3305 6.79197C39.994 6.79197 37.5951 9.13543 37.5951 12.5629C37.5951 15.9903 39.994 18.5505 43.3305 18.5505C44.7478 18.5505 45.8382 18.0726 46.6451 17.2269V18.2682H50.0036ZM43.8541 9.74367C45.446 9.74367 46.5147 10.8921 46.5147 12.5629C46.5147 14.2117 45.4457 15.3613 43.8541 15.3613C42.3061 15.3613 41.2154 14.1888 41.2154 12.5629C41.2154 10.9369 42.3277 9.74367 43.8541 9.74367ZM63.9216 6.57524C60.2581 6.57524 57.641 9.13507 57.641 12.5628C57.641 15.9688 60.2591 18.5505 63.9216 18.5505C67.6071 18.5505 70.2238 15.9688 70.2238 12.5628C70.2238 9.13507 67.6057 6.57524 63.9216 6.57524ZM63.9432 9.78595C65.5351 9.78595 66.5603 10.914 66.5603 12.541C66.5603 14.1899 65.5135 15.3394 63.9432 15.3398C62.3513 15.3398 61.3045 14.168 61.3045 12.5628C61.3045 10.9136 62.3513 9.78595 63.9432 9.78595ZM79.9809 14.3418L76.9717 15.4916C77.6475 17.489 79.5013 18.5505 82.095 18.5484C85.1262 18.5484 87.045 17.1166 87.045 14.7516C87.045 12.1567 84.765 11.5576 83.0168 11.0983C81.9297 10.8126 81.0482 10.581 81.0482 9.95722C81.0482 9.48007 81.4187 9.19815 82.1601 9.19815C82.9235 9.19815 83.4687 9.56676 83.7305 10.2828L86.7415 9.11111C86.2834 7.50664 84.5824 6.57384 82.2271 6.57384C79.327 6.57384 77.4949 7.92035 77.4949 10.1331C77.4949 12.4741 79.6268 13.1109 81.3484 13.6252C82.5143 13.9735 83.4921 14.2655 83.4921 14.9926C83.4921 15.5131 83.056 15.8384 82.2271 15.8384C81.0496 15.8384 80.2862 15.2964 79.9809 14.3418ZM99.9999 12.3243C99.9999 9.50508 97.7756 6.5534 94.0246 6.5534C90.7101 6.5534 88.0494 9.26686 88.0494 12.5628C88.0494 15.9688 90.4483 18.5505 94.2429 18.5505C96.7469 18.5505 98.2259 17.5905 99.1125 16.496L97.0183 14.4084C96.3644 15.2132 95.6385 15.5998 94.3516 15.5998C92.9779 15.5998 91.9531 14.9056 91.5822 13.6264H99.9128C99.9728 13.195 100.002 12.7598 99.9999 12.3243ZM91.5383 11.3696C91.8436 9.98118 92.7813 9.2651 94.1114 9.2651C95.4416 9.2651 96.3141 10.0679 96.6194 11.3696H91.5383ZM10.6109 1.49718L19.7559 10.5947C19.8357 10.6742 19.899 10.7686 19.9422 10.8725C19.9854 10.9764 20.0076 11.0878 20.0075 11.2002C20.0074 11.3126 19.985 11.4239 19.9416 11.5277C19.8983 11.6315 19.8348 11.7258 19.7548 11.8052L17.2751 14.272L10.003 7.03759L5.81949 11.1994L10.003 15.3613L12.5967 12.7806L15.6857 15.8532L10.6127 20.9017C10.5328 20.9811 10.438 21.0442 10.3337 21.0872C10.2294 21.1302 10.1175 21.1523 10.0046 21.1523C9.89169 21.1523 9.77986 21.1302 9.67553 21.0872C9.5712 21.0442 9.47641 20.9811 9.39657 20.9017L0.251611 11.8041C0.0904986 11.6437 0 11.4262 0 11.1994C0 10.9726 0.0904986 10.7551 0.251611 10.5947L9.3948 1.49718C9.47464 1.41772 9.56943 1.35469 9.67376 1.31169C9.77809 1.26868 9.88992 1.24655 10.0028 1.24655C10.1158 1.24655 10.2276 1.26868 10.3319 1.31169C10.4363 1.35469 10.5311 1.41772 10.6109 1.49718Z",fill:"#000D6E"})):()=>i("svg",{focusable:"false","aria-hidden":"true",width:"158",height:"32",viewBox:"0 0 158 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M112.351 3.52166C112.351 1.47065 114.09 0 116.118 0C118.146 0 119.727 1.47065 119.727 3.52166C119.727 5.57268 118.146 7.00945 116.118 7.00945C114.09 7.00945 112.351 5.57324 112.351 3.52166ZM113.231 9.43647H118.97V27.4547H113.231V9.43647ZM82.5903 2.46199H88.33V27.4541H82.5903V2.46199ZM48.3558 27.8995C53.6142 27.8995 57.3602 23.8647 57.3602 18.4631C57.3602 13.0609 53.7175 9.0266 48.4915 9.02715C46.5342 9.02715 44.8845 9.60807 43.5786 10.7022V2.46255H37.839V27.4547H43.132V25.9163C44.4378 27.1814 46.1908 27.8995 48.3558 27.8995ZM47.5312 14.02C49.9368 14.02 51.6893 15.8989 51.6893 18.4631C51.6893 21.0272 49.9368 22.8733 47.5312 22.8733C45.0224 22.8733 43.3034 21.0611 43.3034 18.4631C43.3034 15.8317 44.9877 14.02 47.5312 14.02ZM78.8057 27.4547V9.43647H73.5127V11.317C72.2409 10.0524 70.522 9.36815 68.2889 9.36815C63.0305 9.36815 59.2498 13.0614 59.2498 18.4631C59.2498 23.8647 63.0305 27.8995 68.2889 27.8995C70.5226 27.8995 72.2409 27.1464 73.5127 25.8135V27.4547H78.8057ZM69.114 14.02C71.6229 14.02 73.3072 15.83 73.3072 18.4631C73.3072 21.0617 71.6224 22.8733 69.114 22.8733C66.6744 22.8733 64.9554 21.0256 64.9554 18.4631C64.9554 15.9005 66.7084 14.02 69.114 14.02ZM100.74 9.02659C94.9667 9.02659 90.8422 13.0609 90.8422 18.463C90.8422 23.8308 94.9684 27.8995 100.74 27.8995C106.549 27.8995 110.673 23.8308 110.673 18.463C110.673 13.0609 106.546 9.02659 100.74 9.02659ZM100.774 14.0867C103.283 14.0867 104.899 15.8644 104.899 18.4286C104.899 21.0272 103.249 22.8389 100.774 22.8394C98.2656 22.8394 96.6159 20.9928 96.6159 18.463C96.6159 15.8639 98.2656 14.0867 100.774 14.0867ZM126.05 21.2666L121.307 23.0788C122.373 26.2267 125.294 27.8995 129.382 27.8962C134.159 27.8962 137.183 25.6397 137.183 21.9125C137.183 17.823 133.59 16.8788 130.834 16.1549C129.121 15.7047 127.732 15.3397 127.732 14.3566C127.732 13.6046 128.316 13.1603 129.484 13.1603C130.687 13.1603 131.547 13.7412 131.959 14.8697L136.705 13.0231C135.983 10.4945 133.302 9.02437 129.59 9.02437C125.019 9.02437 122.132 11.1465 122.132 14.6337C122.132 18.3232 125.492 19.3268 128.205 20.1373C130.043 20.6862 131.584 21.1465 131.584 22.2924C131.584 23.1127 130.896 23.6253 129.59 23.6253C127.734 23.6253 126.531 22.7711 126.05 21.2666ZM157.6 18.0871C157.6 13.644 154.094 8.99216 148.183 8.99216C142.959 8.99216 138.766 13.2686 138.766 18.463C138.766 23.8308 142.546 27.8995 148.527 27.8995C152.473 27.8995 154.804 26.3867 156.201 24.6616L152.901 21.3716C151.87 22.6401 150.726 23.2493 148.698 23.2493C146.533 23.2493 144.918 22.1552 144.334 20.1392H157.462C157.557 19.4593 157.603 18.7735 157.6 18.0871ZM144.264 16.5825C144.746 14.3943 146.223 13.2658 148.32 13.2658C150.416 13.2658 151.791 14.531 152.272 16.5825H144.264ZM16.7228 1.02356L31.1352 15.3613C31.2611 15.4866 31.3609 15.6354 31.4289 15.7991C31.497 15.9628 31.5319 16.1383 31.5318 16.3155C31.5316 16.4926 31.4964 16.668 31.428 16.8316C31.3597 16.9953 31.2596 17.1439 31.1335 17.269L27.2256 21.1566L15.7648 9.75525L9.17152 16.3143L15.7648 22.8733L19.8525 18.8063L24.7206 23.6486L16.7256 31.605C16.5997 31.7302 16.4503 31.8296 16.2859 31.8973C16.1215 31.9651 15.9453 32 15.7673 32C15.5893 32 15.4131 31.9651 15.2486 31.8973C15.0842 31.8296 14.9348 31.7302 14.809 31.605L0.396538 17.2673C0.142626 17.0145 0 16.6717 0 16.3143C0 15.9569 0.142626 15.6141 0.396538 15.3613L14.8062 1.02356C14.932 0.898338 15.0814 0.799001 15.2458 0.731227C15.4103 0.663454 15.5865 0.628572 15.7645 0.628572C15.9425 0.628572 16.1187 0.663454 16.2831 0.731227C16.4475 0.799001 16.5969 0.898338 16.7228 1.02356Z",fill:"#000D6E"}));return i(s,{class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier(this.color).class()),t.modifier(`size-${this.size}`).class(""!==this.size)),t.modifier("animated").class(this.animated))},i(e,null))}get el(){return e(this)}static get watchers(){return{animated:["animatedWatcher"]}}};C([l("bal-logo"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],g.prototype,"createLogger",null),C([h(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],g.prototype,"breakpointListener",null),C([p(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],g.prototype,"configChanged",null),g.style=".bal-logo{position:static;display:block;height:22px}.bal-logo svg{-webkit-transform:unset !important;transform:unset !important}.bal-logo svg svg,.bal-logo svg g,.bal-logo svg path,.bal-logo svg circle{fill:#000d6e}.bal-logo>div{height:22px}@media screen and (min-width: 1024px){.bal-logo--animated{margin-left:-7px}}.bal-logo--white svg svg,.bal-logo--white svg g,.bal-logo--white svg path,.bal-logo--white svg circle{fill:#fff}@media screen and (min-width: 1024px){.bal-logo{height:32px}.bal-logo>div{height:32px}}.bal-logo--size-small{height:22px}.bal-logo--size-small>div{height:22px}";export{g as bal_logo}
|
|
1
|
+
import{r as t,h as i,H as s,g as e}from"./p-2ccbe55a.js";import{_ as C,a}from"./p-43c9f5e9.js";import{B as o}from"./p-ae86d0a0.js";import{L as l}from"./p-b77e3348.js";import{m as n}from"./p-a255c9b3.js";import{L as h}from"./p-6b284c70.js";import{b as r}from"./p-58e51d6a.js";import{L as p}from"./p-20eba37f.js";import"./p-a65354df.js";import"./p-a7be57b6.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-f9808768.js";const g=class{constructor(i){t(this,i),this.isTouch=r.isTouch,this.doesConfigAllowAnimation=!0,this.color="blue",this.size="",this.animated=!1}createLogger(t){this.log=t}animatedWatcher(){this.isAnimated||this.destroyAnimation()}connectedCallback(){this.animatedWatcher()}componentDidUpdate(){this.resetAnimation()}componentDidLoad(){this.resetAnimation()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroyAnimation()}breakpointListener(t){this.isTouch=t.touch}configChanged(t){this.doesConfigAllowAnimation=t.animated}get isAnimated(){return this.doesConfigAllowAnimation&&this.animated}async resetAnimation(){this.destroyAnimation(),this.animated&&(await this.loadAnimation(),this.animationFunction&&(this.destroyAnimation(),this.animationItem=this.animationFunction(this.animatedLogoElement,this.color)))}async loadAnimation(){return new Promise(((t,i)=>{if(this.animationFunction)return t();n((async()=>{import("./p-ce4f5a6a.js").then((i=>{this.animationFunction=i.animate,t()})).catch(i)}))}))}destroyAnimation(){this.animated&&this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy()}render(){const t=o.block("logo"),e=this.isAnimated?()=>i("div",{style:{width:this.isTouch?"100px":"158px",height:this.isTouch?"22px":"32px"},ref:t=>this.animatedLogoElement=t}):this.isTouch&&""===this.size||"small"===this.size?()=>i("svg",{focusable:"false","aria-hidden":"true",width:"100",height:"22",viewBox:"0 0 100 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M71.2886 3.08227C71.2886 1.78086 72.3924 0.84771 73.679 0.84771C74.9656 0.84771 75.9688 1.78086 75.9688 3.08227C75.9688 4.38368 74.9656 5.29533 73.679 5.29533C72.3924 5.29533 71.2886 4.38403 71.2886 3.08227ZM71.8472 6.83532H75.4888V18.2682H71.8472V6.83532ZM52.405 2.40989H56.0469V18.2678H52.405V2.40989ZM30.6826 18.5505C34.0192 18.5505 36.3961 15.9903 36.3961 12.5629C36.3961 9.13507 34.0847 6.57525 30.7687 6.5756C29.5268 6.5756 28.48 6.94421 27.6514 7.63843V2.41025H24.0095V18.2682H27.368V17.292C28.1966 18.0948 29.3089 18.5505 30.6826 18.5505ZM30.1594 9.74366C31.6858 9.74366 32.7978 10.9358 32.7978 12.5629C32.7978 14.1899 31.6858 15.3613 30.1594 15.3613C28.5675 15.3613 27.4768 14.2114 27.4768 12.5629C27.4768 10.8932 28.5455 9.74366 30.1594 9.74366ZM50.0036 18.2682V6.83532H46.6451V8.02854C45.8382 7.22613 44.7475 6.79197 43.3305 6.79197C39.994 6.79197 37.5951 9.13543 37.5951 12.5629C37.5951 15.9903 39.994 18.5505 43.3305 18.5505C44.7478 18.5505 45.8382 18.0726 46.6451 17.2269V18.2682H50.0036ZM43.8541 9.74367C45.446 9.74367 46.5147 10.8921 46.5147 12.5629C46.5147 14.2117 45.4457 15.3613 43.8541 15.3613C42.3061 15.3613 41.2154 14.1888 41.2154 12.5629C41.2154 10.9369 42.3277 9.74367 43.8541 9.74367ZM63.9216 6.57524C60.2581 6.57524 57.641 9.13507 57.641 12.5628C57.641 15.9688 60.2591 18.5505 63.9216 18.5505C67.6071 18.5505 70.2238 15.9688 70.2238 12.5628C70.2238 9.13507 67.6057 6.57524 63.9216 6.57524ZM63.9432 9.78595C65.5351 9.78595 66.5603 10.914 66.5603 12.541C66.5603 14.1899 65.5135 15.3394 63.9432 15.3398C62.3513 15.3398 61.3045 14.168 61.3045 12.5628C61.3045 10.9136 62.3513 9.78595 63.9432 9.78595ZM79.9809 14.3418L76.9717 15.4916C77.6475 17.489 79.5013 18.5505 82.095 18.5484C85.1262 18.5484 87.045 17.1166 87.045 14.7516C87.045 12.1567 84.765 11.5576 83.0168 11.0983C81.9297 10.8126 81.0482 10.581 81.0482 9.95722C81.0482 9.48007 81.4187 9.19815 82.1601 9.19815C82.9235 9.19815 83.4687 9.56676 83.7305 10.2828L86.7415 9.11111C86.2834 7.50664 84.5824 6.57384 82.2271 6.57384C79.327 6.57384 77.4949 7.92035 77.4949 10.1331C77.4949 12.4741 79.6268 13.1109 81.3484 13.6252C82.5143 13.9735 83.4921 14.2655 83.4921 14.9926C83.4921 15.5131 83.056 15.8384 82.2271 15.8384C81.0496 15.8384 80.2862 15.2964 79.9809 14.3418ZM99.9999 12.3243C99.9999 9.50508 97.7756 6.5534 94.0246 6.5534C90.7101 6.5534 88.0494 9.26686 88.0494 12.5628C88.0494 15.9688 90.4483 18.5505 94.2429 18.5505C96.7469 18.5505 98.2259 17.5905 99.1125 16.496L97.0183 14.4084C96.3644 15.2132 95.6385 15.5998 94.3516 15.5998C92.9779 15.5998 91.9531 14.9056 91.5822 13.6264H99.9128C99.9728 13.195 100.002 12.7598 99.9999 12.3243ZM91.5383 11.3696C91.8436 9.98118 92.7813 9.2651 94.1114 9.2651C95.4416 9.2651 96.3141 10.0679 96.6194 11.3696H91.5383ZM10.6109 1.49718L19.7559 10.5947C19.8357 10.6742 19.899 10.7686 19.9422 10.8725C19.9854 10.9764 20.0076 11.0878 20.0075 11.2002C20.0074 11.3126 19.985 11.4239 19.9416 11.5277C19.8983 11.6315 19.8348 11.7258 19.7548 11.8052L17.2751 14.272L10.003 7.03759L5.81949 11.1994L10.003 15.3613L12.5967 12.7806L15.6857 15.8532L10.6127 20.9017C10.5328 20.9811 10.438 21.0442 10.3337 21.0872C10.2294 21.1302 10.1175 21.1523 10.0046 21.1523C9.89169 21.1523 9.77986 21.1302 9.67553 21.0872C9.5712 21.0442 9.47641 20.9811 9.39657 20.9017L0.251611 11.8041C0.0904986 11.6437 0 11.4262 0 11.1994C0 10.9726 0.0904986 10.7551 0.251611 10.5947L9.3948 1.49718C9.47464 1.41772 9.56943 1.35469 9.67376 1.31169C9.77809 1.26868 9.88992 1.24655 10.0028 1.24655C10.1158 1.24655 10.2276 1.26868 10.3319 1.31169C10.4363 1.35469 10.5311 1.41772 10.6109 1.49718Z",fill:"#000D6E"})):()=>i("svg",{focusable:"false","aria-hidden":"true",width:"158",height:"32",viewBox:"0 0 158 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M112.351 3.52166C112.351 1.47065 114.09 0 116.118 0C118.146 0 119.727 1.47065 119.727 3.52166C119.727 5.57268 118.146 7.00945 116.118 7.00945C114.09 7.00945 112.351 5.57324 112.351 3.52166ZM113.231 9.43647H118.97V27.4547H113.231V9.43647ZM82.5903 2.46199H88.33V27.4541H82.5903V2.46199ZM48.3558 27.8995C53.6142 27.8995 57.3602 23.8647 57.3602 18.4631C57.3602 13.0609 53.7175 9.0266 48.4915 9.02715C46.5342 9.02715 44.8845 9.60807 43.5786 10.7022V2.46255H37.839V27.4547H43.132V25.9163C44.4378 27.1814 46.1908 27.8995 48.3558 27.8995ZM47.5312 14.02C49.9368 14.02 51.6893 15.8989 51.6893 18.4631C51.6893 21.0272 49.9368 22.8733 47.5312 22.8733C45.0224 22.8733 43.3034 21.0611 43.3034 18.4631C43.3034 15.8317 44.9877 14.02 47.5312 14.02ZM78.8057 27.4547V9.43647H73.5127V11.317C72.2409 10.0524 70.522 9.36815 68.2889 9.36815C63.0305 9.36815 59.2498 13.0614 59.2498 18.4631C59.2498 23.8647 63.0305 27.8995 68.2889 27.8995C70.5226 27.8995 72.2409 27.1464 73.5127 25.8135V27.4547H78.8057ZM69.114 14.02C71.6229 14.02 73.3072 15.83 73.3072 18.4631C73.3072 21.0617 71.6224 22.8733 69.114 22.8733C66.6744 22.8733 64.9554 21.0256 64.9554 18.4631C64.9554 15.9005 66.7084 14.02 69.114 14.02ZM100.74 9.02659C94.9667 9.02659 90.8422 13.0609 90.8422 18.463C90.8422 23.8308 94.9684 27.8995 100.74 27.8995C106.549 27.8995 110.673 23.8308 110.673 18.463C110.673 13.0609 106.546 9.02659 100.74 9.02659ZM100.774 14.0867C103.283 14.0867 104.899 15.8644 104.899 18.4286C104.899 21.0272 103.249 22.8389 100.774 22.8394C98.2656 22.8394 96.6159 20.9928 96.6159 18.463C96.6159 15.8639 98.2656 14.0867 100.774 14.0867ZM126.05 21.2666L121.307 23.0788C122.373 26.2267 125.294 27.8995 129.382 27.8962C134.159 27.8962 137.183 25.6397 137.183 21.9125C137.183 17.823 133.59 16.8788 130.834 16.1549C129.121 15.7047 127.732 15.3397 127.732 14.3566C127.732 13.6046 128.316 13.1603 129.484 13.1603C130.687 13.1603 131.547 13.7412 131.959 14.8697L136.705 13.0231C135.983 10.4945 133.302 9.02437 129.59 9.02437C125.019 9.02437 122.132 11.1465 122.132 14.6337C122.132 18.3232 125.492 19.3268 128.205 20.1373C130.043 20.6862 131.584 21.1465 131.584 22.2924C131.584 23.1127 130.896 23.6253 129.59 23.6253C127.734 23.6253 126.531 22.7711 126.05 21.2666ZM157.6 18.0871C157.6 13.644 154.094 8.99216 148.183 8.99216C142.959 8.99216 138.766 13.2686 138.766 18.463C138.766 23.8308 142.546 27.8995 148.527 27.8995C152.473 27.8995 154.804 26.3867 156.201 24.6616L152.901 21.3716C151.87 22.6401 150.726 23.2493 148.698 23.2493C146.533 23.2493 144.918 22.1552 144.334 20.1392H157.462C157.557 19.4593 157.603 18.7735 157.6 18.0871ZM144.264 16.5825C144.746 14.3943 146.223 13.2658 148.32 13.2658C150.416 13.2658 151.791 14.531 152.272 16.5825H144.264ZM16.7228 1.02356L31.1352 15.3613C31.2611 15.4866 31.3609 15.6354 31.4289 15.7991C31.497 15.9628 31.5319 16.1383 31.5318 16.3155C31.5316 16.4926 31.4964 16.668 31.428 16.8316C31.3597 16.9953 31.2596 17.1439 31.1335 17.269L27.2256 21.1566L15.7648 9.75525L9.17152 16.3143L15.7648 22.8733L19.8525 18.8063L24.7206 23.6486L16.7256 31.605C16.5997 31.7302 16.4503 31.8296 16.2859 31.8973C16.1215 31.9651 15.9453 32 15.7673 32C15.5893 32 15.4131 31.9651 15.2486 31.8973C15.0842 31.8296 14.9348 31.7302 14.809 31.605L0.396538 17.2673C0.142626 17.0145 0 16.6717 0 16.3143C0 15.9569 0.142626 15.6141 0.396538 15.3613L14.8062 1.02356C14.932 0.898338 15.0814 0.799001 15.2458 0.731227C15.4103 0.663454 15.5865 0.628572 15.7645 0.628572C15.9425 0.628572 16.1187 0.663454 16.2831 0.731227C16.4475 0.799001 16.5969 0.898338 16.7228 1.02356Z",fill:"#000D6E"}));return i(s,{class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier(this.color).class()),t.modifier(`size-${this.size}`).class(""!==this.size)),t.modifier("animated").class(this.animated))},i(e,null))}get el(){return e(this)}static get watchers(){return{animated:["animatedWatcher"]}}};C([l("bal-logo"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],g.prototype,"createLogger",null),C([h(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],g.prototype,"breakpointListener",null),C([p(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],g.prototype,"configChanged",null),g.style=".bal-logo{position:static;display:block;height:22px}.bal-logo svg{-webkit-transform:unset !important;transform:unset !important}.bal-logo svg svg,.bal-logo svg g,.bal-logo svg path,.bal-logo svg circle{fill:#000d6e}.bal-logo>div{height:22px}@media screen and (min-width: 1024px){.bal-logo--animated{margin-left:-7px}}.bal-logo--white svg svg,.bal-logo--white svg g,.bal-logo--white svg path,.bal-logo--white svg circle{fill:#fff}@media screen and (min-width: 1024px){.bal-logo{height:32px}.bal-logo>div{height:32px}}.bal-logo--size-small{height:22px}.bal-logo--size-small>div{height:22px}";export{g as bal_logo}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,n){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,s){function u(t){try{c(n.next(t))}catch(t){s(t)}}function a(t){try{c(n["throw"](t))}catch(t){s(t)}}function c(t){t.done?i(t.value):r(t.value).then(u,a)}c((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,r,s,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(e){return c([t,e])}}function c(a){if(n)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(i=0)),i)try{if(n=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){i.label=a[1];break}if(a[0]===6&&i.label<s[1]){i.label=s[1];s=a;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(a);break}if(s[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t];r=0}finally{n=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,i){if(i||arguments.length===2)for(var n=0,r=e.length,s;n<r;n++){if(s||!(n in e)){if(!s)s=Array.prototype.slice.call(e,0,n);s[n]=e[n]}}return t.concat(s||Array.prototype.slice.call(e))};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-863f4e4e.system.js","./p-7720b262.system.js","./p-c43a56b7.system.js","./p-6913b916.system.js","./p-ba579059.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-907368ff.system.js","./p-2da669b4.system.js","./p-a1f6e944.system.js","./p-ade9437f.system.js"],(function(t){"use strict";var e,i,n,r,s,u,a,c,f,h,o,d,l,b,v,m,p,y,g,w,k,_,j,x,D,E,A,B;return{setters:[function(t){e=t.r;i=t.c;n=t.h;r=t.H;s=t.g},function(t){u=t._;a=t.a},function(t){c=t.p},function(t){f=t.i},function(t){h=t.g;o=t.a;d=t.b;l=t.e;b=t.s;v=t.f;m=t.i;p=t.h;y=t.j;g=t.c;w=t.d},function(t){k=t.l},function(t){_=t.i;j=t.A;x=t.N},function(t){D=t.B},function(t){E=t.L},function(t){A=t.d},function(t){B=t.a},function(){},function(){}],execute:function(){function C(t){if(!t){return""}var e="".concat(t).trim().toUpperCase();var i=[e.substring(0,2),e.substring(2,8),e.substring(8,10),e.substring(10,11)].filter((function(t){return t.length>0}));switch(i.length){case 1:return"".concat(t);case 2:return"".concat(i[0],"/").concat(i[1]);case 3:return"".concat(i[0],"/").concat(i[1],"/").concat(i[2]);default:return"".concat(i[0],"/").concat(i[1],"/").concat(i[2],".").concat(i[3])}}function O(t){if(!t){return""}var e="".concat(t).trim();var i=[e.substring(0,9),e.substring(9,10)].filter((function(t){return t.length>0}));e=F(i[0]);return i[1]?"".concat(e,"-").concat(i[1]):e}function F(t){if(!t){return""}var e="".concat(t).trim();var i=[e.substring(0,2),e.substring(2,3),e.substring(3,6),e.substring(6,9)].filter((function(t){return t.length>0}));switch(i.length){case 1:return"".concat(e);case 2:return"".concat(i[0],"/").concat(i[1]);case 3:return"".concat(i[0],"/").concat(i[1],".").concat(i[2]);default:return"".concat(i[0],"/").concat(i[1],".").concat(i[2],".").concat(i[3])}}function P(t){if(!t){return""}var e="".concat(t).trim();var i=[e.substring(0,4),e.substring(4,7),e.substring(7,10)].filter((function(t){return t.length>0}));switch(i.length){case 1:return"".concat(e);case 2:return"".concat(i[0],".").concat(i[1]);default:return"".concat(i[0],".").concat(i[1],".").concat(i[2])}}function K(t){if(!t){return""}var e="".concat(t).trim();var i=[e.substring(0,2),e.substring(2,6),e.substring(6,10),e.substring(10,14)].filter((function(t){return t.length>0}));switch(i.length){case 1:return"BE".concat(e);case 2:return"BE".concat(i[0]," ").concat(i[1]);case 3:return"BE".concat(i[0]," ").concat(i[1]," ").concat(i[2]);default:return"BE".concat(i[0]," ").concat(i[1]," ").concat(i[2]," ").concat(i[3])}}var L=10;var S=9;var z=9;var I=11;var R=10;var X=14;var $=".bal-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);padding:0}";var q=$;var G=t("bal_input",function(){function t(t){var n=this;e(this,t);this.balInput=i(this,"balInput",7);this.balBlur=i(this,"balBlur",7);this.balKeyPress=i(this,"balKeyPress",7);this.balFocus=i(this,"balFocus",7);this.balChange=i(this,"balChange",7);this.inputId="bal-input-".concat(M++);this.inheritedAttributes={};this.inputValue=this.value;this.initialValue=this.value||"";this.getInputValue=function(){var t;var e=n.nativeInput;var i="";if(e){if(n.allowedKeyPress&&e&&!n.mask){var r=new RegExp("^"+n.allowedKeyPress+"$");var s=e.value.split("").filter((function(t){return r.test(t)})).join("");e.value=s;return s}if(e.value){if(n.mask){switch(n.mask){case"contract-number":{i=e.value.replace(/\D/g,"");if(i.charAt(0)==="0"){i=i.substring(1)}if(i.length>L){i=i.substring(0,L)}return i}case"basic-contract-number":{i=e.value.replace(/\D/g,"");if(i.charAt(0)==="0"){i=i.substring(1)}if(i.length>S){i=i.substring(0,S)}return i}case"offer-number":{i=e.value.replace(/\D/g,"");if(i.length>z){i=i.substring(0,z)}return i}case"claim-number":{i=e.value.replace(/[^\dXx]/g,"");var u=[i.substring(0,I-1),i.substring(I-1,I),i.substring(I)].filter((function(t){return t.length>0}));switch(u.length){case 1:i="".concat(u[0].replace(/\D/g,""));break;case 2:i="".concat(u[0].replace(/\D/g,"")).concat(u[1]);break;default:i="".concat(u[0].replace(/\D/g,"")).concat(u[1]).concat((t=u[2])===null||t===void 0?void 0:t.replace(/\D/g,""))}if(i.length>I){i=i.substring(0,I)}return i}case"be-enterprise-number":{i=e.value.replace(/\D/g,"");if(i.length>R){i=i.substring(0,R)}return i}case"be-iban":{i=e.value.replace(/\D/g,"");if(i.length>X){i=i.substring(0,X)}return i}default:return e.value}}}else{n.inputValue=e.value}}return""};this.onInput=function(t){var e,i;var r=h(t);var s=(e=t.target)===null||e===void 0?void 0:e.selectionStart;var u=(i=t.target)===null||i===void 0?void 0:i.selectionEnd;n.inputValue=n.getInputValue();if(r){if(r.value){switch(n.mask){case"contract-number":case"basic-contract-number":{r.value=O(n.inputValue);if(s<n.inputValue.length){r.setSelectionRange(s,u)}break}case"offer-number":{r.value=F(n.inputValue);if(s<n.inputValue.length){r.setSelectionRange(s,u)}break}case"claim-number":{r.value=C(n.inputValue);if(s<n.inputValue.length){r.setSelectionRange(s,u)}break}case"be-enterprise-number":{r.value=P(n.inputValue);if(s<n.inputValue.length){r.setSelectionRange(s,u)}break}case"be-iban":{r.value=K(n.inputValue);if(s<n.inputValue.length){r.setSelectionRange(s,u)}break}default:n.inputValue=r.value}}else{n.inputValue=r.value}}n.balInput.emit(n.inputValue)};this.onFocus=function(t){return o(n,t)};this.onBlur=function(t){d(n,t);var e=t.target;if(e){if(n.mask===undefined){e.value=n.getFormattedValue()}l(n)}};this.onKeydown=function(t){if(n.mask!==undefined&&!k(t)&&!_(t)){var e=0;if(n.inputValue){e=n.inputValue.length}if(!(n.getMaskAllowedKeys().includes(t.key)||n.mask==="claim-number"&&(t.key==="X"||t.key==="x")&&e>=I-1)){return b(t)}}if(n.allowedKeyPress&&!n.mask&&!k(t)&&!_(t)){var i=new RegExp("^"+n.allowedKeyPress+"$");if(!i.test(t.key)&&!__spreadArray([],j,true).includes(t.key)){return b(t)}}};this.onClick=function(t){return v(n,t)};this.handleClick=function(t){return m(n,t)};this.focused=false;this.ariaForm=A;this.name=this.inputId;this.invalid=false;this.textAlign="left";this.type="text";this.accept=undefined;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=false;this.debounce=0;this.placeholder=undefined;this.max=undefined;this.maxLength=undefined;this.min=undefined;this.minLength=undefined;this.multiple=undefined;this.pattern=undefined;this.allowedKeyPress=undefined;this.required=false;this.spellcheck=false;this.disabled=false;this.readonly=false;this.clickable=false;this.suffix=undefined;this.hasIconRight=false;this.inputmode=undefined;this.value=undefined;this.mask=undefined;this.autoInvalidOff=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.debounceChanged=function(){this.balChange=c(this.balChange,this.debounce)};t.prototype.listenOnClick=function(t){p(this,t)};t.prototype.resetHandler=function(t){var e=t.target;if(e===null||e===void 0?void 0:e.contains(this.el)){y(this,this.initialValue,this.resetHandlerTimer)}};t.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||""};t.prototype.componentWillLoad=function(){this.inheritedAttributes=f(this.el,["aria-label","tabindex","title"])};t.prototype.componentDidLoad=function(){this.inputValue=this.value};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){g(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){w(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.getRawValue=function(){var t=(this.value||"").toString();return t};t.prototype.getFormattedValue=function(){var t=this.getRawValue();var e=this.suffix!==undefined&&t!==undefined&&t!==""?" "+this.suffix:"";return"".concat(t).concat(e)};t.prototype.getMaskAllowedKeys=function(){return __spreadArray(__spreadArray([],x,true),j,true)};t.prototype.render=function(){var t=this;var e=this.focused?this.getRawValue():this.getFormattedValue();if(this.mask!==undefined){switch(this.mask){case"contract-number":case"basic-contract-number":e=O(e);break;case"claim-number":e=C(e);break;case"offer-number":e=F(e);break;case"be-enterprise-number":e=P(e);break;case"be-iban":e=K(e);break}}var i={};if(this.pattern){i={pattern:this.pattern}}var s=D.block("input");var u=this.ariaForm.controlId||this.inputId;return n(r,{key:"c247683cd5ac331743d71c8872a59ccfacbcae83",onClick:this.handleClick,"aria-disabled":B(this.disabled),class:Object.assign({},s.class())},n("input",Object.assign({key:"992f567fd137664f50f73443fdc283ed7622297d",class:{input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"is-clickable":this.clickable,"bal-focusable":!this.disabled,"has-icon-right":this.hasIconRight,"has-text-centered":this.textAlign==="center","has-text-right":this.textAlign==="right"},"data-testid":"bal-input",ref:function(e){return t.nativeInput=e},id:u,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":B(this.disabled),disabled:this.disabled,accept:this.accept,inputMode:this.inputmode,autoCapitalize:this.autocapitalize,autocomplete:this.autocomplete,autocorrect:this.autocorrect,autofocus:this.autofocus,min:this.min,max:this.max,minLength:this.minLength,maxLength:this.maxLength,multiple:this.multiple,name:this.name,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,spellcheck:this.spellcheck,type:this.type,value:e,onFocus:this.onFocus,onInput:function(e){return t.onInput(e)},onKeyDown:function(e){return t.onKeydown(e)},onBlur:this.onBlur,onClick:this.onClick,onKeyPress:function(e){return t.balKeyPress.emit(e)}},i,this.inheritedAttributes)))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}());u([E("bal-input"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],G.prototype,"createLogger",null);var M=0;G.style=q}}}));
|