@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{h as o,r as e,c as t,H as r,g as a}from"./p-2ccbe55a.js";import{_ as d,a as l}from"./p-43c9f5e9.js";import{B as n}from"./p-ae86d0a0.js";import{L as i}from"./p-b77e3348.js";import{s as p}from"./p-79f6f58b.js";import{i as s}from"./p-063808d7.js";import{d as b}from"./p-5eb3fbb9.js";import{n as c,b as h,l as _,r as u,d as w}from"./p-a255c9b3.js";import{b as m}from"./p-a65354df.js";import{a as v}from"./p-00b37ea2.js";import{l as f}from"./p-9a3d9e17.js";import{F as g}from"./p-ca119357.js";import{b as x}from"./p-301a6b23.js";import{D as y}from"./p-5ed239cc.js";import{i as k,a as j,b as O,c as C,d as z}from"./p-dc98854c.js";import{a as F}from"./p-8f2e9a7f.js";import{d as L}from"./p-ec375851.js";import{L as A}from"./p-20eba37f.js";import"./p-a7be57b6.js";import"./p-166d571e.js";import"./p-4573c419.js";class D{constructor(){this.handleAutoFill=async o=>{if(p(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,e=await this.parseAutoFillValueWithOptions(o);if(void 0===e)return void(this.component.isAutoFilled=!1);v(e,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(e,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const e=await this.component.listEl.getOptions();for(let t=0;t<e.length;t++){const r=e[t];if(r.value===o||r.label===o)return[r.value]}}}const E={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};class S{constructor(){this.handlePointerDown=()=>{this.component.isKeyboardMode=!1},this.handleKeydown=o=>{this.component.isKeyboardMode=g.includes(o.key)}}connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(o){this.component.isExpanded||(this.component.hasFocus=!1,c((()=>this.component.balBlur.emit(o))))}handleClick(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips&&o.target.closest("bal-close"))return;if(this.component.clearable&&o.target.closest(".bal-dropdown__clear"))return void this.component.valueUtil.updateRawValueBySelection([]);this.component.popupUtil.toggleList()}}handleOutsideClick(o){var e;this.component.isExpanded&&(this.component.el.contains(o.target)||(this.component.isExpanded=!1,null===(e=this.component.listEl)||void 0===e||e.resetFocus(),this.component.hasFocus=!1,c((()=>this.component.balBlur.emit(o)))))}}class V{connectedCallback(o){this.component=o}focusOptionByLabel(o,e={}){this.component.labelToFocus=(this.component.labelToFocus+o).trim(),this.component.labelToFocus.length>0&&(clearTimeout(this.keyHitTimeout),this.keyHitTimeout=setTimeout((()=>{var o;null===(o=this.component.listEl)||void 0===o||o.focusByLabel(this.component.labelToFocus,e)}),100),clearTimeout(this.timeout),this.timeout=setTimeout((async()=>{this.component.labelToFocus=""}),1e3))}}class B{connectedCallback(o){this.component=o,this.component.initialValue=this.component.value}componentDidRender(){this.component.selectEl&&this.component.selectEl.querySelectorAll("option").forEach((o=>{this.component.rawValue.includes(o.value)&&(o.selected=!0)}))}handle(o){const e=o.target;(null==e?void 0:e.contains(this.component.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{const o=this.component.valueUtil.parseValueString(this.component.initialValue);this.component.valueUtil.updateRawValueBySelection(o)}),0))}}const q=({name:e,httpFormSubmit:t,multiple:r,required:a,disabled:d,rawValue:l,refSelectEl:i})=>{const p=n.block("dropdown");return t?o("select",{class:Object.assign({},p.element("root").element("select").class()),"aria-hidden":"true",name:e,multiple:r,required:a,disabled:d,tabindex:-1,ref:i},l.map((e=>o("option",{key:e,value:e,selected:!0},e)))):""},R=({size:e,theme:t,icon:r,language:a,loading:d,clearable:l,invalid:i,filled:p,expanded:s,disabled:b})=>{const c=n.block("dropdown");return d?o("bal-spinner",{class:Object.assign({},c.element("rear").class()),small:!0,variation:"circle",color:"white"}):l&&p&&!b?o("button",{title:E[a].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},c.element("rear").class()),c.element("clear").class()),c.element("clear").modifier("invalid").class(i)),c.element("clear").modifier("theme-purple").class("purple"===t))},o("bal-icon",{class:Object.assign({},c.element("rear").class()),name:"purple"===t?"close":"close-circle",size:e,color:"purple"===t?"primary":"grey"})):o("bal-icon",{class:Object.assign({},c.element("rear").class()),name:r,size:e,turn:s,color:b?"grey":i?"danger":"primary"})},T=({inputId:e,isExpanded:t,rawOptions:r,isDisabled:a,hasPropOptions:d,required:l,filter:i,multiple:p,contentHeight:s,refPanelEl:b,refListEl:c})=>{const h=n.block("dropdown");return o("div",{id:`${e}-menu`,class:Object.assign(Object.assign({},h.element("list").class()),h.element("list").modifier("expanded").class(t)),ref:b},o("bal-option-list",{multiple:p,disabled:a,filter:i,required:l,contentHeight:s,ref:c},o("slot",null),d?r.map((e=>o("bal-option",{key:e.value,value:e.value,label:e.label,disabled:e.disabled,multiline:e.multiline,invalid:e.invalid,hidden:e.hidden,selected:e.selected,focused:e.focused},e.label))):""))};class ${constructor(){this.updatePanelPosition=(o,e,t)=>()=>{o.computePosition(e,t,{placement:"bottom-start",middleware:[o.flip(),o.shift()]}).then((({x:o,y:e})=>{Object.assign(t.style,{left:`${o}px`,top:`${e}px`})}))}}connectedCallback(o){this.component=o}toggleList(){this.component.valueUtil.isDisabled()||(this.component.isExpanded?this.collapseList():this.expandList())}async expandList(){var o;if(this.component.panelEl){const o=await x.load();this.component.panelCleanup=o.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(o,this.component.el,this.component.panelEl))}this.component.isExpanded=!0,await(null===(o=this.component.listEl)||void 0===o?void 0:o.focusSelected())}collapseList(){var o;this.component.isExpanded=!1,null===(o=this.component.listEl)||void 0===o||o.resetFocus(),this.component.panelCleanup&&this.component.panelCleanup()}}class I{connectedCallback(o){this.component=o}componentDidLoad(){setTimeout((()=>this.valueChanged(this.component.value,void 0)),0)}isDisabled(){return this.component.disabled||this.component.readonly}isFilled(){return this.component.rawValue&&this.component.rawValue.length>0}valueChanged(o,e){const t=typeof o;t!==typeof e&&this.updateRawValueByValueProp(o),"string"===t&&o!==e&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(e)&&!v(o,e)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],e=!1){this.component.isAutoFilled=e,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let e=[];return f(o)||""===o||(e=Array.isArray(o)?[...o.filter((o=>!f(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),e}updateRawValueByValueProp(o=[]){const e=this.parseValueString(o);this.updateRawValue(e)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const e=this.component.rawValue.filter((e=>e!==o.value));this.updateRawValueBySelection(e)}async updateInputContent(){await h(),this.component.listEl&&(this.component.choices=await this.component.listEl.getSelectedOptions(this.component.rawValue),this.component.inputLabel=this.component.choices.map((o=>o.label.trim())).sort().join(","))}}const P=({inlineLabel:e,filled:t,chips:r,placeholder:a,choices:d,invalid:l,disabled:i,readonly:p,onRemoveChip:s})=>{const b=n.block("dropdown");return t?r?o("div",{class:Object.assign({},b.element("root").element("content").element("chips").class())},d.map((e=>o("bal-tag",{key:e.value,"data-test":"bal-dropdown-chip",size:"small",invalid:l,disabled:i||p,closable:!(i||p),onBalCloseClick:()=>s(e)},e.label)))):(e&&`${e}: `)+d.map((o=>o.label)).join(", "):a},H=({inputId:e,httpFormSubmit:t,ariaForm:r,rawValue:a,autocomplete:d,required:l,disabled:i,readonly:p,placeholder:s,expanded:b,invalid:c,language:h,inputLabel:_,inheritedAttributes:u,refInputEl:w,onChange:m,onFocus:v,onBlur:f,onKeyDown:g})=>{const x=n.block("dropdown"),y=()=>o("input",Object.assign({id:r.controlId||`${e}-ctrl`,class:Object.assign({},x.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",autoComplete:d,value:a.join(","),required:l,disabled:i,readonly:p,placeholder:s,title:b?E[h].close:E[h].open,"aria-label":b?E[h].close:E[h].open,"aria-owns":`${e}-menu`,"aria-invalid":F(c),"aria-disabled":F(i||p),"aria-labelledby":r.labelId,"aria-describedby":r.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":_,"data-value":a.join(","),ref:o=>w(o),onChange:o=>m(o),onFocus:o=>v(o),onBlur:o=>f(o),onKeyDown:o=>g(o)},u));return t?o(y,null):o("form",{novalidate:!0},o(y,null))},W=class{constructor(o){e(this,o),this.balChange=t(this,"balChange",7),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.inputId="bal-dropdown-"+K++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.valueUtil=new I,this.eventsUtil=new S,this.popupUtil=new $,this.optionUtil=new y,this.formSubmitUtil=new B,this.focusUtil=new V,this.autoFillUtil=new D,this.hasConnected=!1,this.listenToOptionChange=o=>{this.optionUtil.listenToOptionChange(o)},this.listenOnClickOutside=o=>{this.eventsUtil.handleOutsideClick(o)},this.resetHandler=o=>{this.formSubmitUtil.handle(o)},this.handleAutoFill=async o=>{this.log("(handleAutoFill)",o,this.nativeEl.value),this.autoFillUtil.handleAutoFill(o)},this.handleKeyDown=o=>{var e,t,r,a,d;o&&o.key?this.isExpanded?k(o)?(p(o),null===(e=this.listEl)||void 0===e||e.focusNext()):j(o)?(p(o),null===(t=this.listEl)||void 0===t||t.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(p(o),null===(r=this.listEl)||void 0===r||r.focusFirst()):"End"===o.key||"PageDown"===o.key?(p(o),null===(a=this.listEl)||void 0===a||a.focusLast()):O(o)?(p(o),null===(d=this.listEl)||void 0===d||d.selectByFocus()):"Tab"===o.key||C(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):O(o)||z(o)?(p(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()},this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.isKeyboardMode=!1,this.inputLabel="",this.ariaForm=b,this.language=L.language,this.region=L.region,this.httpFormSubmit=L.httpFormSubmit,this.labelToFocus="",this.autocomplete="off",this.name=this.inputId,this.placeholder="",this.inlineLabel="",this.icon="caret-down",this.size="",this.theme="",this.disabled=!1,this.readonly=!1,this.multiple=!1,this.chips=!1,this.clearable=!1,this.invalid=!1,this.required=!1,this.loading=!1,this.filter="includes",this.contentHeight=262,this.inverted=!1,this.options=[],this.value=[]}createLogger(o){this.log=o}async optionChanged(){this.optionUtil.optionChanged()}valueChanged(o,e){this.valueUtil.valueChanged(o,e)}connectedCallback(){this.hasConnected||(this.eventsUtil.connectedCallback(this),this.valueUtil.connectedCallback(this),this.popupUtil.connectedCallback(this),this.optionUtil.connectedCallback(this),this.formSubmitUtil.connectedCallback(this),this.focusUtil.connectedCallback(this),this.autoFillUtil.connectedCallback(this)),_(this.el,"balOptionChange",this.listenToOptionChange),m.hasDocument&&(_(document,"keydown",this.eventsUtil.handleKeydown),_(document,"touchstart",this.eventsUtil.handlePointerDown),_(document,"mousedown",this.eventsUtil.handlePointerDown),_(document,"click",this.listenOnClickOutside),_(document,"reset",this.resetHandler,{capture:!0})),this.hasConnected=!0}disconnectedCallback(){u(this.el,"balOptionChange",this.listenToOptionChange),m.hasDocument&&(u(document,"keydown",this.eventsUtil.handleKeydown),u(document,"touchstart",this.eventsUtil.handlePointerDown),u(document,"mousedown",this.eventsUtil.handlePointerDown),u(document,"click",this.listenOnClickOutside),u(document,"reset",this.resetHandler,{capture:!0}))}async componentWillRender(){this.inheritedAttributes=s(this.el,["tabindex"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await w(),this.nativeEl.focus())}async getValue(){return this.rawValue}async clear(){this.valueUtil.updateRawValueBySelection([])}async open(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.expandList()}async close(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.collapseList()}async select(o){const e=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(e)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const e=n.block("dropdown"),t=this.valueUtil.isFilled(),a=""!==this.size,d=`size-${this.size}`,l=""!==this.theme,i=`theme-${this.theme}`,p="purple"===this.theme?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return o(r,{key:"1b075647fbe8923e1d12974c621e391e6557cc48",class:Object.assign({},e.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{key:"a71a4bd3a2c803b6890f89a78fdfb611fbde8f5a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("root").class()),e.element("root").modifier("focused").class(p)),e.element("root").modifier("invalid").class(this.invalid)),e.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),e.element("root").modifier("autofill").class(this.isAutoFilled)),e.element("root").modifier(d).class(a)),e.element("root").modifier(i).class(l)),e.element("root").modifier(i+"-filled").class(t&&l)),e.element("root").modifier(i+"-expanded").class(this.isExpanded&&l)),"data-test":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},o("span",{key:"a65ae5081e4c747a9c16fe8b499c67b23763d806",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.element("root").element("content").class()),e.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),e.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled())),e.element("root").element("content").modifier(d).class(a))},o(P,{key:"174ce02d638806795cccbc8dc9990d07f4cfe630",filled:this.valueUtil.isFilled(),inlineLabel:this.inlineLabel,chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:o=>this.valueUtil.removeOption(o)})),o(H,{key:"e7b31122122f29e7f9dd52b4caeb797ae5584c38",inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:o=>this.nativeEl=o,onChange:o=>this.handleAutoFill(o),onFocus:o=>this.eventsUtil.handleFocus(o),onBlur:o=>this.eventsUtil.handleBlur(o),onKeyDown:o=>this.handleKeyDown(o)}),o(q,{key:"86c3712230c6610e8b96280f91d5b6069d82edbf",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),o(R,{key:"36fdd2af649f0ccc5f7d30df90c6a1cce14eda2e",icon:this.icon,size:this.size,theme:this.theme,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:t,disabled:this.valueUtil.isDisabled()})),o(T,{key:"ba4a9e84148ea1431033da83477e7563a61e0826",inputId:this.inputId,block:this.inputId,filter:this.filter,required:this.required,isExpanded:this.isExpanded,isDisabled:this.valueUtil.isDisabled(),hasPropOptions:this.optionUtil.hasPropOptions(),multiple:this.multiple,contentHeight:this.contentHeight,rawOptions:this.rawOptions,refPanelEl:o=>this.panelEl=o,refListEl:o=>this.listEl=o},o("slot",{key:"046f4677bcf864dcd9f6d8e5e55ff95276cd9166"})))}get el(){return a(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};d([i("bal-dropdown"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],W.prototype,"createLogger",null),d([A(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],W.prototype,"configChanged",null);let K=0;W.style=':root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-3);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-3);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:1rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:none;visibility:hidden;opacity:0;width:100vw;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}@media screen and (min-width: 769px),print{.bal-dropdown__list{max-width:100vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}}.bal-dropdown__list--expanded{display:block;visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content--placeholder{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled),.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';export{W as bal_dropdown}
|
|
1
|
+
import{h as o,r as e,c as t,H as r,g as a}from"./p-2ccbe55a.js";import{_ as d,a as l}from"./p-43c9f5e9.js";import{B as n}from"./p-ae86d0a0.js";import{L as i}from"./p-b77e3348.js";import{s as p}from"./p-79f6f58b.js";import{i as s}from"./p-063808d7.js";import{d as b}from"./p-5eb3fbb9.js";import{n as c,b as h,l as _,r as u,d as w}from"./p-a255c9b3.js";import{b as m}from"./p-a65354df.js";import{a as v}from"./p-00b37ea2.js";import{l as f}from"./p-9a3d9e17.js";import{F as g}from"./p-d4e5093b.js";import{b as x}from"./p-301a6b23.js";import{D as y}from"./p-5ed239cc.js";import{i as k,a as j,b as O,c as C,d as z}from"./p-dc98854c.js";import{a as F}from"./p-8f2e9a7f.js";import{d as L}from"./p-ec375851.js";import{L as A}from"./p-20eba37f.js";import"./p-a7be57b6.js";import"./p-166d571e.js";import"./p-4573c419.js";class D{constructor(){this.handleAutoFill=async o=>{if(p(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,e=await this.parseAutoFillValueWithOptions(o);if(void 0===e)return void(this.component.isAutoFilled=!1);v(e,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(e,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const e=await this.component.listEl.getOptions();for(let t=0;t<e.length;t++){const r=e[t];if(r.value===o||r.label===o)return[r.value]}}}const E={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};class S{constructor(){this.handlePointerDown=()=>{this.component.isKeyboardMode=!1},this.handleKeydown=o=>{this.component.isKeyboardMode=g.includes(o.key)}}connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(o){this.component.isExpanded||(this.component.hasFocus=!1,c((()=>this.component.balBlur.emit(o))))}handleClick(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips&&o.target.closest("bal-close"))return;if(this.component.clearable&&o.target.closest(".bal-dropdown__clear"))return void this.component.valueUtil.updateRawValueBySelection([]);this.component.popupUtil.toggleList()}}handleOutsideClick(o){var e;this.component.isExpanded&&(this.component.el.contains(o.target)||(this.component.isExpanded=!1,null===(e=this.component.listEl)||void 0===e||e.resetFocus(),this.component.hasFocus=!1,c((()=>this.component.balBlur.emit(o)))))}}class V{connectedCallback(o){this.component=o}focusOptionByLabel(o,e={}){this.component.labelToFocus=(this.component.labelToFocus+o).trim(),this.component.labelToFocus.length>0&&(clearTimeout(this.keyHitTimeout),this.keyHitTimeout=setTimeout((()=>{var o;null===(o=this.component.listEl)||void 0===o||o.focusByLabel(this.component.labelToFocus,e)}),100),clearTimeout(this.timeout),this.timeout=setTimeout((async()=>{this.component.labelToFocus=""}),1e3))}}class B{connectedCallback(o){this.component=o,this.component.initialValue=this.component.value}componentDidRender(){this.component.selectEl&&this.component.selectEl.querySelectorAll("option").forEach((o=>{this.component.rawValue.includes(o.value)&&(o.selected=!0)}))}handle(o){const e=o.target;(null==e?void 0:e.contains(this.component.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{const o=this.component.valueUtil.parseValueString(this.component.initialValue);this.component.valueUtil.updateRawValueBySelection(o)}),0))}}const q=({name:e,httpFormSubmit:t,multiple:r,required:a,disabled:d,rawValue:l,refSelectEl:i})=>{const p=n.block("dropdown");return t?o("select",{class:Object.assign({},p.element("root").element("select").class()),"aria-hidden":"true",name:e,multiple:r,required:a,disabled:d,tabindex:-1,ref:i},l.map((e=>o("option",{key:e,value:e,selected:!0},e)))):""},R=({size:e,theme:t,icon:r,language:a,loading:d,clearable:l,invalid:i,filled:p,expanded:s,disabled:b})=>{const c=n.block("dropdown");return d?o("bal-spinner",{class:Object.assign({},c.element("rear").class()),small:!0,variation:"circle",color:"white"}):l&&p&&!b?o("button",{title:E[a].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},c.element("rear").class()),c.element("clear").class()),c.element("clear").modifier("invalid").class(i)),c.element("clear").modifier("theme-purple").class("purple"===t))},o("bal-icon",{class:Object.assign({},c.element("rear").class()),name:"purple"===t?"close":"close-circle",size:e,color:"purple"===t?"primary":"grey"})):o("bal-icon",{class:Object.assign({},c.element("rear").class()),name:r,size:e,turn:s,color:b?"grey":i?"danger":"primary"})},T=({inputId:e,isExpanded:t,rawOptions:r,isDisabled:a,hasPropOptions:d,required:l,filter:i,multiple:p,contentHeight:s,refPanelEl:b,refListEl:c})=>{const h=n.block("dropdown");return o("div",{id:`${e}-menu`,class:Object.assign(Object.assign({},h.element("list").class()),h.element("list").modifier("expanded").class(t)),ref:b},o("bal-option-list",{multiple:p,disabled:a,filter:i,required:l,contentHeight:s,ref:c},o("slot",null),d?r.map((e=>o("bal-option",{key:e.value,value:e.value,label:e.label,disabled:e.disabled,multiline:e.multiline,invalid:e.invalid,hidden:e.hidden,selected:e.selected,focused:e.focused},e.label))):""))};class ${constructor(){this.updatePanelPosition=(o,e,t)=>()=>{o.computePosition(e,t,{placement:"bottom-start",middleware:[o.flip(),o.shift()]}).then((({x:o,y:e})=>{Object.assign(t.style,{left:`${o}px`,top:`${e}px`})}))}}connectedCallback(o){this.component=o}toggleList(){this.component.valueUtil.isDisabled()||(this.component.isExpanded?this.collapseList():this.expandList())}async expandList(){var o;if(this.component.panelEl){const o=await x.load();this.component.panelCleanup=o.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(o,this.component.el,this.component.panelEl))}this.component.isExpanded=!0,await(null===(o=this.component.listEl)||void 0===o?void 0:o.focusSelected())}collapseList(){var o;this.component.isExpanded=!1,null===(o=this.component.listEl)||void 0===o||o.resetFocus(),this.component.panelCleanup&&this.component.panelCleanup()}}class I{connectedCallback(o){this.component=o}componentDidLoad(){setTimeout((()=>this.valueChanged(this.component.value,void 0)),0)}isDisabled(){return this.component.disabled||this.component.readonly}isFilled(){return this.component.rawValue&&this.component.rawValue.length>0}valueChanged(o,e){const t=typeof o;t!==typeof e&&this.updateRawValueByValueProp(o),"string"===t&&o!==e&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(e)&&!v(o,e)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],e=!1){this.component.isAutoFilled=e,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let e=[];return f(o)||""===o||(e=Array.isArray(o)?[...o.filter((o=>!f(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),e}updateRawValueByValueProp(o=[]){const e=this.parseValueString(o);this.updateRawValue(e)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const e=this.component.rawValue.filter((e=>e!==o.value));this.updateRawValueBySelection(e)}async updateInputContent(){await h(),this.component.listEl&&(this.component.choices=await this.component.listEl.getSelectedOptions(this.component.rawValue),this.component.inputLabel=this.component.choices.map((o=>o.label.trim())).sort().join(","))}}const P=({inlineLabel:e,filled:t,chips:r,placeholder:a,choices:d,invalid:l,disabled:i,readonly:p,onRemoveChip:s})=>{const b=n.block("dropdown");return t?r?o("div",{class:Object.assign({},b.element("root").element("content").element("chips").class())},d.map((e=>o("bal-tag",{key:e.value,"data-test":"bal-dropdown-chip",size:"small",invalid:l,disabled:i||p,closable:!(i||p),onBalCloseClick:()=>s(e)},e.label)))):(e&&`${e}: `)+d.map((o=>o.label)).join(", "):a},H=({inputId:e,httpFormSubmit:t,ariaForm:r,rawValue:a,autocomplete:d,required:l,disabled:i,readonly:p,placeholder:s,expanded:b,invalid:c,language:h,inputLabel:_,inheritedAttributes:u,refInputEl:w,onChange:m,onFocus:v,onBlur:f,onKeyDown:g})=>{const x=n.block("dropdown"),y=()=>o("input",Object.assign({id:r.controlId||`${e}-ctrl`,class:Object.assign({},x.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",autoComplete:d,value:a.join(","),required:l,disabled:i,readonly:p,placeholder:s,title:b?E[h].close:E[h].open,"aria-label":b?E[h].close:E[h].open,"aria-owns":`${e}-menu`,"aria-invalid":F(c),"aria-disabled":F(i||p),"aria-labelledby":r.labelId,"aria-describedby":r.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":_,"data-value":a.join(","),ref:o=>w(o),onChange:o=>m(o),onFocus:o=>v(o),onBlur:o=>f(o),onKeyDown:o=>g(o)},u));return t?o(y,null):o("form",{novalidate:!0},o(y,null))},W=class{constructor(o){e(this,o),this.balChange=t(this,"balChange",7),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.inputId="bal-dropdown-"+K++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.valueUtil=new I,this.eventsUtil=new S,this.popupUtil=new $,this.optionUtil=new y,this.formSubmitUtil=new B,this.focusUtil=new V,this.autoFillUtil=new D,this.hasConnected=!1,this.listenToOptionChange=o=>{this.optionUtil.listenToOptionChange(o)},this.listenOnClickOutside=o=>{this.eventsUtil.handleOutsideClick(o)},this.resetHandler=o=>{this.formSubmitUtil.handle(o)},this.handleAutoFill=async o=>{this.log("(handleAutoFill)",o,this.nativeEl.value),this.autoFillUtil.handleAutoFill(o)},this.handleKeyDown=o=>{var e,t,r,a,d;o&&o.key?this.isExpanded?k(o)?(p(o),null===(e=this.listEl)||void 0===e||e.focusNext()):j(o)?(p(o),null===(t=this.listEl)||void 0===t||t.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(p(o),null===(r=this.listEl)||void 0===r||r.focusFirst()):"End"===o.key||"PageDown"===o.key?(p(o),null===(a=this.listEl)||void 0===a||a.focusLast()):O(o)?(p(o),null===(d=this.listEl)||void 0===d||d.selectByFocus()):"Tab"===o.key||C(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):O(o)||z(o)?(p(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()},this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.isKeyboardMode=!1,this.inputLabel="",this.ariaForm=b,this.language=L.language,this.region=L.region,this.httpFormSubmit=L.httpFormSubmit,this.labelToFocus="",this.autocomplete="off",this.name=this.inputId,this.placeholder="",this.inlineLabel="",this.icon="caret-down",this.size="",this.theme="",this.disabled=!1,this.readonly=!1,this.multiple=!1,this.chips=!1,this.clearable=!1,this.invalid=!1,this.required=!1,this.loading=!1,this.filter="includes",this.contentHeight=262,this.inverted=!1,this.options=[],this.value=[]}createLogger(o){this.log=o}async optionChanged(){this.optionUtil.optionChanged()}valueChanged(o,e){this.valueUtil.valueChanged(o,e)}connectedCallback(){this.hasConnected||(this.eventsUtil.connectedCallback(this),this.valueUtil.connectedCallback(this),this.popupUtil.connectedCallback(this),this.optionUtil.connectedCallback(this),this.formSubmitUtil.connectedCallback(this),this.focusUtil.connectedCallback(this),this.autoFillUtil.connectedCallback(this)),_(this.el,"balOptionChange",this.listenToOptionChange),m.hasDocument&&(_(document,"keydown",this.eventsUtil.handleKeydown),_(document,"touchstart",this.eventsUtil.handlePointerDown),_(document,"mousedown",this.eventsUtil.handlePointerDown),_(document,"click",this.listenOnClickOutside),_(document,"reset",this.resetHandler,{capture:!0})),this.hasConnected=!0}disconnectedCallback(){u(this.el,"balOptionChange",this.listenToOptionChange),m.hasDocument&&(u(document,"keydown",this.eventsUtil.handleKeydown),u(document,"touchstart",this.eventsUtil.handlePointerDown),u(document,"mousedown",this.eventsUtil.handlePointerDown),u(document,"click",this.listenOnClickOutside),u(document,"reset",this.resetHandler,{capture:!0}))}async componentWillRender(){this.inheritedAttributes=s(this.el,["tabindex"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await w(),this.nativeEl.focus())}async getValue(){return this.rawValue}async clear(){this.valueUtil.updateRawValueBySelection([])}async open(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.expandList()}async close(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.collapseList()}async select(o){const e=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(e)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const e=n.block("dropdown"),t=this.valueUtil.isFilled(),a=""!==this.size,d=`size-${this.size}`,l=""!==this.theme,i=`theme-${this.theme}`,p="purple"===this.theme?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return o(r,{key:"1b075647fbe8923e1d12974c621e391e6557cc48",class:Object.assign({},e.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{key:"a71a4bd3a2c803b6890f89a78fdfb611fbde8f5a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("root").class()),e.element("root").modifier("focused").class(p)),e.element("root").modifier("invalid").class(this.invalid)),e.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),e.element("root").modifier("autofill").class(this.isAutoFilled)),e.element("root").modifier(d).class(a)),e.element("root").modifier(i).class(l)),e.element("root").modifier(i+"-filled").class(t&&l)),e.element("root").modifier(i+"-expanded").class(this.isExpanded&&l)),"data-test":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},o("span",{key:"a65ae5081e4c747a9c16fe8b499c67b23763d806",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.element("root").element("content").class()),e.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),e.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled())),e.element("root").element("content").modifier(d).class(a))},o(P,{key:"174ce02d638806795cccbc8dc9990d07f4cfe630",filled:this.valueUtil.isFilled(),inlineLabel:this.inlineLabel,chips:this.chips,placeholder:this.placeholder,choices:this.choices,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,onRemoveChip:o=>this.valueUtil.removeOption(o)})),o(H,{key:"e7b31122122f29e7f9dd52b4caeb797ae5584c38",inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:o=>this.nativeEl=o,onChange:o=>this.handleAutoFill(o),onFocus:o=>this.eventsUtil.handleFocus(o),onBlur:o=>this.eventsUtil.handleBlur(o),onKeyDown:o=>this.handleKeyDown(o)}),o(q,{key:"86c3712230c6610e8b96280f91d5b6069d82edbf",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),o(R,{key:"36fdd2af649f0ccc5f7d30df90c6a1cce14eda2e",icon:this.icon,size:this.size,theme:this.theme,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:t,disabled:this.valueUtil.isDisabled()})),o(T,{key:"ba4a9e84148ea1431033da83477e7563a61e0826",inputId:this.inputId,block:this.inputId,filter:this.filter,required:this.required,isExpanded:this.isExpanded,isDisabled:this.valueUtil.isDisabled(),hasPropOptions:this.optionUtil.hasPropOptions(),multiple:this.multiple,contentHeight:this.contentHeight,rawOptions:this.rawOptions,refPanelEl:o=>this.panelEl=o,refListEl:o=>this.listEl=o},o("slot",{key:"046f4677bcf864dcd9f6d8e5e55ff95276cd9166"})))}get el(){return a(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};d([i("bal-dropdown"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],W.prototype,"createLogger",null),d([A(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],W.prototype,"configChanged",null);let K=0;W.style=':root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-3);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-3);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:1rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:none;visibility:hidden;opacity:0;width:100vw;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}@media screen and (min-width: 769px),print{.bal-dropdown__list{max-width:100vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}}.bal-dropdown__list--expanded{display:block;visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content--placeholder{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled),.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';export{W as bal_dropdown}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{k as t,l as s,r as i}from"./p-a255c9b3.js";import{b as e}from"./p-a65354df.js";import{b as h}from"./p-96216bd1.js";import{L as r,S as n}from"./p-acf222fd.js";import{b as o,a,c,d as u,e as l}from"./p-f9808768.js";class d{constructor(t={}){this.previousWidth=e.window.width,this.previousHeight=e.window.height,this.previousIsLandscape=this.isLandscape,this.options={onlyListenToWidthChanges:!1},this.options=Object.assign(Object.assign({},this.options),t)}async hasResized(){if(h.hasTouchScreen){if(!this.sameWidth||this.previousIsLandscape!==this.isLandscape)return this.resetPreviousValues(),!0}else if(this.options.onlyListenToWidthChanges){if(!this.sameWidth)return this.resetPreviousValues(),!0}else if(!this.sameWidth||!this.sameHeight)return this.resetPreviousValues(),!0;return!1}get isLandscape(){return e.window.width>e.window.height}get sameWidth(){return this.previousWidth===e.window.width}get sameHeight(){return this.previousHeight===e.window.height}resetPreviousValues(){this.previousWidth=e.window.width,this.previousHeight=e.window.height,this.previousIsLandscape=this.isLandscape}}class p extends r{constructor(){super(...arguments),this.resizeHandler=new d({onlyListenToWidthChanges:!0}),this.debouncedNotify=t((()=>this.notify()),100),this.notify=async()=>{await this.resizeHandler.hasResized()&&super.notify(void 0)}}connect(t){super.connect(t),this.el&&s(this.el,"resize",this.debouncedNotify,{passive:!0})}disconnect(){super.disconnect(),this.el&&i(this.el,"resize",this.debouncedNotify)}}const f=t=>parseInt(t.slice(0,-2),10),b=f(l),g=f(o),m=f(a),w=f(c),j=f(u),D=t=>t.innerWidth<b,k=t=>{const s=t.innerWidth;return s>=b&&s<g},v=t=>D(t)||k(t),O={mobile:D,tablet:k,touch:v,desktop:t=>!v(t),highDefinition:t=>{const s=t.innerWidth;return s>=m&&s<w},widescreen:t=>{const s=t.innerWidth;return s>=w&&s<j},fullhd:t=>t.innerWidth>=j};class y{constructor(){this.breakpoints=[],e.hasWindow&&(this.win=window,this.win.BaloiseDesignSystem=this.win.BaloiseDesignSystem||{},this.detect())}get isMobile(){return this.includes("mobile")}get isTablet(){return this.includes("tablet")}get isTouch(){return this.includes("touch")}get isDesktop(){return this.includes("desktop")}get isHighDefinition(){return this.includes("highDefinition")}get isWidescreen(){return this.includes("widescreen")}get isFullHD(){return this.includes("fullhd")}includes(t){var s;return this.detect(),!!(null===(s=this.breakpoints)||void 0===s?void 0:s.includes(t))}detect(){return this.win&&(this.breakpoints=Object.keys(O).filter((t=>O[t](this.win))),this.win.BaloiseDesignSystem.breakpoints=this.breakpoints,this.win.BaloiseDesignSystem.platforms=this.breakpoints),this.breakpoints}toObject(){return{mobile:this.breakpoints.includes("mobile"),tablet:this.breakpoints.includes("tablet"),touch:this.breakpoints.includes("touch"),desktop:this.breakpoints.includes("desktop"),highDefinition:this.breakpoints.includes("highDefinition"),widescreen:this.breakpoints.includes("widescreen"),fullhd:this.breakpoints.includes("fullhd")}}}const L=new y,T={mobile:!1,tablet:!1,touch:!1,desktop:!1,highDefinition:!1,widescreen:!1,fullhd:!1};class W extends n{constructor(){super((t=>t.breakpointListener(this.state))),this.state=T,this.listener=new p,this.debouncedNotify=t((()=>this.notify()),50),this.listener.connect(),this.listener.add((()=>{L.detect();const t=L.toObject();this.isEqual(t)||(this.state=t,this.debouncedNotify())}))}attach(t){super.attach(t),L.detect();const s=L.toObject();this.isEqual(s)||(this.state=s,this.debouncedNotify())}isEqual(t){return JSON.stringify(this.state)===JSON.stringify(t)}}const x=new W;export{p as B,x as a,L as b,W as c,y as d}
|
package/dist/baloise-design-system/{p-63297f8b3b.system.entry.js → p-5b20afcac4.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,n,e,i){function r(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,a){function u(t){try{s(i.next(t))}catch(t){a(t)}}function o(t){try{s(i["throw"](t))}catch(t){a(t)}}function s(t){t.done?e(t.value):r(t.value).then(u,o)}s((i=i.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(t){return function(n){return s([t,n])}}function s(o){if(i)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(e=0)),e)try{if(i=1,r&&(a=o[0]&2?r["return"]:o[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,o[1])).done)return a;if(r=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;r=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){e.label=o[1];break}if(o[0]===6&&e.label<a[1]){e.label=a[1];a=o;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(o);break}if(a[2])e.ops.pop();e.trys.pop();continue}o=n.call(t,e)}catch(t){o=[6,t];r=0}finally{i=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-a1f6e944.system.js","./p-ec9a7cf5.system.js","./p-863f4e4e.system.js","./p-23bdd8dc.system.js","./p-
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,n,e,i){function r(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,a){function u(t){try{s(i.next(t))}catch(t){a(t)}}function o(t){try{s(i["throw"](t))}catch(t){a(t)}}function s(t){t.done?e(t.value):r(t.value).then(u,o)}s((i=i.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(t){return function(n){return s([t,n])}}function s(o){if(i)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(e=0)),e)try{if(i=1,r&&(a=o[0]&2?r["return"]:o[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,o[1])).done)return a;if(r=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;r=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){e.label=o[1];break}if(o[0]===6&&e.label<a[1]){e.label=a[1];a=o;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(o);break}if(a[2])e.ops.pop();e.trys.pop();continue}o=n.call(t,e)}catch(t){o=[6,t];r=0}finally{i=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-a1f6e944.system.js","./p-ec9a7cf5.system.js","./p-863f4e4e.system.js","./p-23bdd8dc.system.js","./p-16395ece.system.js","./p-ade9437f.system.js"],(function(t){"use strict";var n,e,i,r,a,u,o,s,c,f,h,p,l,d;return{setters:[function(t){n=t.r;e=t.h;i=t.H;r=t.g},function(t){a=t._;u=t.a},function(t){o=t.b},function(t){s=t.b},function(t){c=t.k;f=t.n;h=t.m},function(t){p=t.L},function(t){l=t.s},function(t){d=t.F}],execute:function(){var y=":root{--bal-app-height:100%}.bal-app{position:relative}.lcp-wait{opacity:0;visibility:hidden;display:none}.lcp-ready .lcp-wait{opacity:inherit;visibility:inherit;display:inherit}";var b=y;var v=t("bal_app",function(){function t(t){var e=this;n(this,t);this.debouncedNotify=c((function(){return e.notifyResize()}),100);this.notifyResize=function(){return __awaiter(e,void 0,void 0,(function(){var t;return __generator(this,(function(n){if(o.hasDocument&&o.hasWindow){t=document.documentElement;t.style.setProperty("--bal-app-height","".concat(window.innerHeight,"px"))}return[2]}))}))};this.animated=true;this.ready=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){if(this.animated===false){d(this.animated)}if(o.hasWindow){window.addEventListener("resize",this.debouncedNotify);this.debouncedNotify()}};t.prototype.componentDidLoad=function(){var t=this;f((function(){t.ready=true;l()}));h((function(){if(o.hasDocument&&o.hasWindow){var t=document.documentElement;t.classList.add("lcp-ready")}}))};t.prototype.disconnectedCallback=function(){if(o.hasWindow){window.removeEventListener("resize",this.debouncedNotify)}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){if(this.focusVisible){this.focusVisible.setFocus(t)}return[2]}))}))};t.prototype.render=function(){return e(i,{key:"8aa3c989125e06e500597db9773fca378e4b7467",class:{"bal-app":true,"bal-app--safari":o.isSafari,"bal-app--touch":s.hasTouchScreen}},e("slot",{key:"c0e432a988e29f653198ed4eeead7f18fa447035"}))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());a([p("bal-app"),u("design:type",Function),u("design:paramtypes",[Function]),u("design:returntype",void 0)],v.prototype,"createLogger",null);v.style=b}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __extends=this&&this.__extends||function(){var a=function(n,i){a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(a,n){a.__proto__=n}||function(a,n){for(var i in n)if(Object.prototype.hasOwnProperty.call(n,i))a[i]=n[i]};return a(n,i)};return function(n,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");a(n,i);function t(){this.constructor=n}n.prototype=i===null?Object.create(i):(t.prototype=i.prototype,new t)}}();var __awaiter=this&&this.__awaiter||function(a,n,i,t){function e(a){return a instanceof i?a:new i((function(n){n(a)}))}return new(i||(i=Promise))((function(i,r){function l(a){try{s(t.next(a))}catch(a){r(a)}}function o(a){try{s(t["throw"](a))}catch(a){r(a)}}function s(a){a.done?i(a.value):e(a.value).then(l,o)}s((t=t.apply(a,n||[])).next())}))};var __generator=this&&this.__generator||function(a,n){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},t,e,r,l;return l={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function o(a){return function(n){return s([a,n])}}function s(o){if(t)throw new TypeError("Generator is already executing.");while(l&&(l=0,o[0]&&(i=0)),i)try{if(t=1,e&&(r=o[0]&2?e["return"]:o[0]?e["throw"]||((r=e["return"])&&r.call(e),0):e.next)&&!(r=r.call(e,o[1])).done)return r;if(e=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;e=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=n.call(a,i)}catch(a){o=[6,a];e=0}finally{t=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-a1f6e944.system.js","./p-c43a56b7.system.js","./p-863f4e4e.system.js","./p-23bdd8dc.system.js","./p-9f7a1215.system.js","./p-4e642b63.system.js","./p-eaec547b.system.js","./p-6b690346.system.js","./p-5298de0e.system.js","./p-01493e9f.system.js","./p-fa5198a0.system.js","./p-47825fdf.system.js","./p-ade9437f.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-d3480bd3.system.js"],(function(a){"use strict";var n,i,t,e,r,l,o,s,b,c,u,v,d,m,h,p,f,g,k,_,w,x,y;return{setters:[function(a){n=a.h;i=a.r;t=a.c;e=a.H;r=a.g},function(a){l=a._;o=a.a},function(a){s=a.B},function(a){b=a.b},function(a){c=a.s},function(a){u=a.n;v=a.j;d=a.w;m=a.d},function(a){h=a.L},function(a){p=a.B},function(a){f=a.j},function(a){g=a.b},function(a){k=a.d},function(a){_=a.L},function(a){w=a.L},function(a){x=a.L},function(a){y=a.L},function(){},function(){},function(){},function(){}],execute:function(){var j=function(a){var n;var i=(n=a.linkItems.find((function(n){return n.value===a.activeMetaLinkValue})))===null||n===void 0?void 0:n.mainLinkItems;var t=i===null||i===void 0?void 0:i.findIndex((function(n){return n.value===a.activeMenuLinkValue}));var e=t+1;var r=t-1;return{tabs:i||[],indexOfActiveTab:t,indexOfNextTab:e,indexOfPreviousTab:r}};var O=function(a,n){var i=a.tabs,t=a.indexOfNextTab,e=a.indexOfActiveTab;var r=i===null||i===void 0?void 0:i.findIndex((function(a){return a.value===n.item.value}));if(!n.isBackwards&&r===i.length-1){n.stopEventBubbling();n.closeFlyout();u((function(){N(document.activeElement,n.el)}));return}if(!n.isBackwards&&r===e){var l=n.el.querySelector("#".concat(n.navId,"-menu-flyout"));if(l){var o=l.querySelector('a, button, [tabindex="0"]');if(o){n.stopEventBubbling();o.focus({preventScroll:true})}}}if(n.isBackwards&&r===t){var l=n.el.querySelector("#".concat(n.navId,"-menu-flyout"));if(l){var s=l.querySelectorAll('a, button, [tabindex="0"]');var b=s[s.length-1];if(b){n.stopEventBubbling();b.focus({preventScroll:true})}}}};var z=function(a,n){var i=n.isBackwards?a.tabs[a.indexOfActiveTab]:a.tabs[a.indexOfNextTab];if(i){var t=n.el.querySelector('button[data-value="'.concat(i.value,'"], a[data-value="').concat(i.value,'"]'));if(t){t.focus({preventScroll:true})}}};var N=function(a,n){var i=["a[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'];var t=Array.from(document.querySelectorAll(i.join(","))).filter((function(a){return a.offsetParent!==null})).filter((function(a){return!v(n,a)}));var e=t.indexOf(a);var r=t[e+1];if(r)r.focus()};var L={de:{mainNavigation:"Hauptnavigation",navigation:"Navigation",subNavigation:"Subnavigation",open:"Menü öffnen",close:"Menü schliessen"},en:{mainNavigation:"Main navigation",navigation:"Navigation",subNavigation:"Sub navigation",open:"Open Menu",close:"Close Menu"},fr:{mainNavigation:"Navigation principale",navigation:"Navigation",subNavigation:"Sous-navigation",open:"Ouvrir le menu",close:"Fermer le menu"},it:{mainNavigation:"Navigazione principale",navigation:"Navigazione",subNavigation:"Sottonavigazione",open:"Apri Menù",close:"Chiudi menù"},nl:{mainNavigation:"Hoofdnavigatie",navigation:"Navigatie",subNavigation:"Subnavigatie",open:"Menu openen",close:"Menu sluiten"},es:{mainNavigation:"Navegación principal",navigation:"Navegación",subNavigation:"Subnavegación",open:"Menú abierto",close:"Cerrar menú"},pl:{mainNavigation:"Nawigacja główna",navigation:"Nawigacja",subNavigation:"Nawigacja podrzędna",open:"Otwórz menu",close:"Zamknij menu"},pt:{mainNavigation:"Navegação principal",navigation:"Navegação",subNavigation:"Subnavegação",open:"Menu aberto",close:"Fechar menu"},sv:{mainNavigation:"Huvudnavigering",navigation:"Navigering",subNavigation:"Undernavigering",open:"Öppna menyn",close:"Stäng menyn"},fi:{mainNavigation:"Päänavigaatio",navigation:"Navigaatio",subNavigation:"Alinavigaatio",open:"Avaa valikko",close:"Sulje valikko"}};var C=function(){function a(a,n){var i=this;this.observer=n;this.clickable=false;this.active=false;this.data=undefined;this.label=a.label;this.id="nav-link-item-".concat(F++);this.value=a.value||this.id;this.href=a.href;this.rel=a.rel;this.target=a.target;this.active=!!a.active;this.clickable=!!a.clickable;this.data=a.data;this.onClick=function(n){i.observer.linkItemClickListener(i);if(a.onClick){a.onClick(n)}};this.onAccordionClick=function(n){i.observer.accordionClickListener(i);if(a.onAccordionClick){a.onAccordionClick(n)}}}Object.defineProperty(a.prototype,"type",{get:function(){return"NavLinkItem"},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"isLink",{get:function(){return this.href!==undefined&&this.href!==null&&this.href!==""},enumerable:false,configurable:true});a.prototype.toJson=function(){return{label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,data:this.data}};a.prototype.renderTouch=function(a){var i=this;var t=s.block("nav");return n("li",null,n("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},t.element("mobile-links").class()),t.element("mobile-links").modifier("selected").class(this.active)),t.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:function(a){return i.onClick(a)}},this.label))};a.prototype.render=function(a){var i=this;return n("bal-nav-link",{role:"listitem",href:this.href,rel:this.rel,target:this.target,clickable:this.clickable,selected:this.active,onClick:function(a){return i.onClick(a)}},this.label)};return a}();var F=0;var M=function(a){__extends(i,a);function i(n,i){var t=a.call(this,n,i)||this;t.touchPlacement="top";t.id="nav-meta-button-".concat(S++);t.touchPlacement=n.touchPlacement||"top";t.value=n.value||t.id;t.icon=n.icon;t.popoverId=n.popupId;t.ariaLabel=n.ariaLabel;t.htmlTitle=n.htmlTitle;t.href=n.href||"";t.target=n.target||"_self";return t}Object.defineProperty(i.prototype,"type",{get:function(){return"NavMetaButton"},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"isLink",{get:function(){return!!this.href},enumerable:false,configurable:true});i.prototype.renderAtMetaBar=function(){if(this.isLink){return n("bal-button",{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:true,rel:this.rel,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label}},this.label)}return n("bal-button",{id:this.value,class:"bal-popup-permanent-trigger bal-nav__popup--desktop",color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label},inverted:true,"bal-popup":this.popoverId,"bal-popup-variant":"popover","bal-popup-arrow":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-closable":"true","bal-popup-placement":"bottom-end","bal-popup-reference":"bal-nav__meta-buttons"},this.label)};i.prototype.renderAtTouchTopMetaBar=function(){if(this.touchPlacement==="top"){if(this.isLink){return n("bal-button",{id:this.value,color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,href:this.href,rel:this.rel,target:this.target,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label}},this.icon?"":this.label)}return n("bal-button",{id:this.value,class:"bal-nav__popup--touch-top",color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,inverted:false,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label},"bal-popup":this.popoverId,"bal-popup-variant":"fullscreen","bal-popup-closable":"true","bal-popup-offset":"64"},this.icon?"":this.label)}};i.prototype.renderAtTouchBottomMetaBar=function(){if(this.touchPlacement==="bottom"){if(this.isLink){return n("bal-button",{id:this.value,color:"info",inverted:false,icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label},href:this.href,target:this.target},this.label)}return n("bal-button",{id:this.value,class:"bal-nav__popup--touch-bottom",icon:this.icon,square:!this.label||this.label.length<3,color:"info",inverted:false,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label},"bal-popup":this.popoverId,"bal-popup-variant":"drawer","bal-popup-closable":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-offset":"64"},this.label)}};i.prototype.resetTouchBottomMetaBar=function(){if(b.hasDocument&&this.touchPlacement==="bottom"){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="drawer"){a.color="info"}}};i.prototype.resetDesktopMetaBar=function(){if(b.hasDocument){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="popover"){a.color="info"}}};return i}(C);var S=0;var I=function(a){var i=a.id,t=a.label,e=a.level,r=a.open,l=a.link,o=a.href,b=a.rel,c=a.target,u=a.onClick;var v=s.block("nav");return l?n("a",{id:i,class:Object.assign({},v.element("mobile-".concat(e,"-item")).class()),href:o,rel:b,target:c,onClick:function(a){return u(a)}},n("span",null,t)):n("button",{id:i,class:Object.assign({},v.element("mobile-".concat(e,"-item")).class()),onClick:function(a){return u(a)}},n("span",null,t),n("bal-icon",{name:"nav-go-down",size:"small",turn:r}))};var A=function(a){var i=a.item,t=a.isMenu,e=a.onClick,r=a.isVisible;var l=s.block("nav");if(!i){return""}return n("a",{class:Object.assign(Object.assign(Object.assign({},l.element("mobile-overview-link").class()),l.element("mobile-overview-link").modifier("menu").class(!!t)),l.element("mobile-overview-link").modifier("invisible").class(r===false)),href:i.href,rel:i.rel,target:i.target,onClick:function(a){return e(a)}},i.label," ",i.label?"➞":"")};var B=function(a){__extends(i,a);function i(n,i){var t=a.call(this,n,i)||this;t.linkItems=[];t.htmlTitle=n.htmlTitle;t.label=n.label;t.href=n.href;t.target=n.target;t.id="nav-section-link-item-".concat(P++);t.value=n.value||t.id;t.linkItems=(n.linkItems||[]).map((function(a){return new C(a,i)}));return t}Object.defineProperty(i.prototype,"type",{get:function(){return"NavSectionLinkItem"},enumerable:false,configurable:true});i.prototype.renderTouch=function(a){var i=this;var t=s.block("nav");var e=this.linkItems&&this.linkItems.length>0;return n("li",null,n("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},t.element("mobile-section-item").class()),t.element("mobile-section-item").modifier("selected").class(this.active)),t.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:function(a){return i.onClick(a)}},this.label),e?n("ul",{class:Object.assign({},t.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};i.prototype.render=function(a){var i=this;return n("bal-nav-link-group",{role:"list"},n("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return i.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return i}(C);var P=0;var V=function(a){__extends(i,a);function i(n,i){var t=a.call(this,n,i)||this;t.color="grey";t.linkItems=[];t.id="nav-service-link-item-".concat(q++);t.value=n.value||t.id;t.color=n.color||"grey";t.linkItems=(n.linkItems||[]).map((function(a){return new C(a,i)}));return t}Object.defineProperty(i.prototype,"type",{get:function(){return"NavServiceLinkItem"},enumerable:false,configurable:true});i.prototype.renderTouch=function(a){var i=this;var t=s.block("nav");var e=this.linkItems&&this.linkItems.length>0;return n("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},t.element("mobile-service-item").class()),t.element("mobile-service-item").modifier("color-".concat(this.color)).class()),t.element("mobile-service-item").modifier("selected").class(this.active)),t.element("mobile-service-item").modifier("clickable").class(this.clickable))},n("a",{id:this.id,href:this.href,rel:this.rel,target:this.target,onClick:function(a){return i.onClick(a)}},this.label),e?n("ul",{class:Object.assign({},t.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};i.prototype.render=function(a){var i=this;return n("bal-nav-link-group",{color:this.color,role:"list"},n("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return i.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return i}(C);var q=0;var T=function(a){__extends(i,a);function i(n,i){var t=a.call(this,n,i)||this;t.sectionLinkItems=[];t.serviceLinkItems=[];t.id="nav-menu-link-item-".concat(E++);t.value=n.value||t.id;t.sectionLinkItems=(n.sectionLinkItems||[]).map((function(a){return new B(a,i)}));t.serviceLinkItems=(n.serviceLinkItems||[]).map((function(a){return new V(a,i)}));t.overviewLink=n.overviewLink?new C(n.overviewLink,i):undefined;return t}Object.defineProperty(i.prototype,"type",{get:function(){return"NavMenuLinkItem"},enumerable:false,configurable:true});i.prototype.renderTouch=function(a){var i=this;var t=s.block("nav");var e=this.sectionLinkItems&&this.sectionLinkItems.length>0;var r=this.serviceLinkItems&&this.serviceLinkItems.length>0;var l=(a===null||a===void 0?void 0:a.activeMenuLinkValue)===this.value;return n("li",null,n(I,{id:this.id,level:"menu",label:this.label,href:this.href,rel:this.rel,target:this.target,link:e||r?false:this.isLink,open:l,onClick:function(a){return i.onAccordionClick(a)}}),n(A,{item:this.overviewLink,onClick:function(a){return i.onClick(a)},isMenu:true,isVisible:l}),e?n("ul",{class:Object.assign(Object.assign({},t.element("mobile-section-list").class()),t.element("mobile-section-list").modifier("invisible").class(l===false))},this.sectionLinkItems.map((function(a){return a.renderTouch()}))):"",r?n("ul",{class:Object.assign(Object.assign({},t.element("mobile-service-list").class()),t.element("mobile-service-list").modifier("invisible").class(l===false))},this.serviceLinkItems.map((function(a){return a.renderTouch()}))):"")};i.prototype.render=function(a){var i=this;var t=this.sectionLinkItems.length>0||this.serviceLinkItems.length>0;if(!t&&this.isLink){return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,onBalKeyDown:function(n){return f(n.detail)&&(a===null||a===void 0?void 0:a.onTabPress(n.detail))},"no-panel":true})}return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,"no-panel":true,onBalKeyDown:function(n){return f(n.detail)&&(a===null||a===void 0?void 0:a.onTabPress(n.detail))},onBalNavigate:function(n){a===null||a===void 0?void 0:a.onClick();if(i.onClick){i.onClick(n.detail)}}})};return i}(C);var E=0;var Y=function(a){__extends(i,a);function i(n,i){var t=a.call(this,n,i)||this;t.mainLinkItems=[];t.id="nav-meta-link-item-".concat(H++);t.value=n.value||t.id;t.mainLinkItems=(n.mainLinkItems||[]).map((function(a){return new T(a,i)}));t.overviewLink=n.overviewLink?new C(n.overviewLink,i):undefined;return t}Object.defineProperty(i.prototype,"type",{get:function(){return"NavMetaLinkItem"},enumerable:false,configurable:true});i.prototype.renderTouch=function(a){var i=this;var t=s.block("nav");var e=(a===null||a===void 0?void 0:a.activeMetaLinkValue)===this.value;return n("li",null,n(I,{id:this.id,level:"meta",label:this.label,open:e,link:this.mainLinkItems.length>0?false:this.isLink,href:this.href,rel:this.rel,target:this.target,onClick:function(a){return i.onAccordionClick(a)}}),e?n(A,{item:this.overviewLink,onClick:function(a){return i.onClick(a)}}):"",e?n("hr",{class:Object.assign(Object.assign({},t.element("line").class()),t.element("line").modifier("up").class())}):"",e&&this.mainLinkItems&&this.mainLinkItems.length>0?n("ul",{class:Object.assign({},t.element("mobile-menu-list").class())},this.mainLinkItems.map((function(n){return n.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))):"",n("hr",{class:Object.assign({},t.element("line").class())}))};i.prototype.render=function(a){var i=this;if(this.isLink){return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,rel:this.rel,href:this.href,target:this.target,"no-panel":true})}return n("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(a){if(i.onClick){i.onClick(a.detail)}}})};return i}(C);var H=0;var D="@media (hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem);overflow-y:auto}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav .bal-nav-meta-bar:not(.bal-nav-meta-bar--stay-on-top),.bal-nav .bal-nav-menu-bar{z-index:auto !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";var K=D;var U=a("bal_nav",function(){function a(a){var n=this;i(this,a);this.balNavItemClick=t(this,"balNavItemClick",7);this.navId="bal-nav-".concat(G++);this.bodyScrollHandler=new p;this.hasRenderedWithFlyoutActive=false;this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(n,void 0,void 0,(function(){var a=this;return __generator(this,(function(n){this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.linkItems=this.options.map((function(n){return new Y(n,a)}));return[2]}))}))};this.onMetaButtonChange=function(){return __awaiter(n,void 0,void 0,(function(){var a=this;return __generator(this,(function(n){this.metaButtons=this.buttons.map((function(n){return new M(n,a)}));return[2]}))}))};this.onTouchToggleFlyout=function(a){n.closeAllPopups();n.toggleFlyout();if(b.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(n.isFlyoutActive){n.bodyScrollHandler.disable()}else{n.bodyScrollHandler.enable()}};this.onPopupOpen=function(a){if(n.isTouch){if(b.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=false}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="primary"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="primary"}}));n.bodyScrollHandler.disable()};this.onPopupClose=function(a){if(!n.isFlyoutActive){n.bodyScrollHandler.enable()}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=true}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="info"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="light"}}))};this.onMetaBarTabChange=function(a){if(a.detail!==n.activeMetaLinkValue){n.activeMetaLinkValue=a.detail;var i=n.linkItems.find((function(a){return a.value===n.activeMetaLinkValue}));if(i&&i.mainLinkItems.length>0){n.activeMenuLinkValue=i.mainLinkItems[0].value}}};this.onMenuBarTabChange=function(a){if(n.activeMenuLinkValue===a){n.toggleFlyout()}else{n.openFlyout()}n.activeMenuLinkValue=a};this.isTouch=g.isTouch;this.isDesktop=g.isDesktop;this.language=k.language;this.region=k.region;this.isFlyoutActive=false;this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.logo=undefined;this.options=[];this.linkItems=[];this.buttons=[];this.metaButtons=[]}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.updateTabs();return[2]}))}))};a.prototype.buttonChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onMetaButtonChange();return[2]}))}))};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){this.onOptionChange();this.onMetaButtonChange();this.updateTabs()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.listenToPopupChanges=function(a){var n=a.target;if(n&&n.nodeName==="BAL-POPUP"){var i=n.id;var t=Array.from(this.el.querySelectorAll('[bal-popup="'.concat(i,'"]')));if(a.detail===true){this.onPopupOpen(t);var e=t.some((function(a){return a.classList.contains("bal-nav__popup--touch-top")}));if(e){this.closeFlyout()}}else{this.onPopupClose(t)}}};a.prototype.clickOnOutside=function(a){return __awaiter(this,void 0,void 0,(function(){var n,i,t,e,r,l,o,s;return __generator(this,(function(b){if(this.isDesktop){if(this.hasRenderedWithFlyoutActive){l=(i=(n=this.metaBarEl)===null||n===void 0?void 0:n.querySelector(".bal-nav-meta-bar__container"))===null||i===void 0?void 0:i.contains(a.target);o=(e=(t=this.menuBarEl)===null||t===void 0?void 0:t.querySelector(".bal-nav-menu-bar__container"))===null||e===void 0?void 0:e.contains(a.target);if(!l&&!o){this.closeFlyout();s=(r=this.menuBarEl)===null||r===void 0?void 0:r.querySelector(".bal-tabs");s.closeAccordion()}}}return[2]}))}))};a.prototype.mutationListener=function(){this.onMetaButtonChange()};a.prototype.breakpointListener=function(a){if(this.isTouch!==a.touch){this.isTouch=a.touch;this.isDesktop=a.desktop;this.closeAllPopups();this.closeFlyout()}if(this.isTouch){this.updateTabs()}};a.prototype.linkItemClickListener=function(a){if(a&&a.toJson){this.balNavItemClick.emit(a.toJson())}};a.prototype.accordionClickListener=function(a){if(this.isTouch&&a){this.updateActiveItem(a)}};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=a.language;this.region=a.region;return[2]}))}))};Object.defineProperty(a.prototype,"activeMenuLinkItems",{get:function(){var a=this;var n=this.linkItems.find((function(n){return n.value===a.activeMetaLinkValue}));if(n){return n.mainLinkItems}return[]},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"activeMenuLinkItem",{get:function(){var a=this;var n=this.activeMenuLinkItems.find((function(n){return n.value===a.activeMenuLinkValue}));return n?n:undefined},enumerable:false,configurable:true});a.prototype.toggleFlyout=function(){if(this.isFlyoutActive){this.closeFlyout()}else{this.openFlyout()}};a.prototype.closeFlyout=function(){this.isFlyoutActive=false};a.prototype.openFlyout=function(){this.isFlyoutActive=true};a.prototype.updateActiveItem=function(a){return __awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(i){switch(i.label){case 0:if("NavMetaLinkItem"===a.type){this.activeMetaLinkValue=this.activeMetaLinkValue===a.value?undefined:a.value;this.activeMenuLinkValue=undefined}if("NavMenuLinkItem"===a.type){this.activeMenuLinkValue=this.activeMenuLinkValue===a.value?undefined:a.value}return[4,d(this.el)];case 1:i.sent();return[4,m()];case 2:i.sent();n=this.el.querySelector("#".concat(a.id));if(n){n.scrollIntoView({behavior:"smooth"})}return[2]}}))}))};a.prototype.updateTabs=function(){var a,n;var i=this.activeMetaLinkValue;var t=((a=this.linkItems.find((function(a){return a.active})))===null||a===void 0?void 0:a.value)||i;if(i!==t){this.activeMetaLinkValue=t}var e=this.activeMenuLinkValue;var r=((n=this.activeMenuLinkItems.find((function(a){return a.active})))===null||n===void 0?void 0:n.value)||e;if(e!==r){this.activeMenuLinkValue=r}};a.prototype.closeAllPopups=function(){var a=Array.from(this.el.querySelectorAll("bal-popup"));a.forEach((function(a){return a.dismiss()}))};a.prototype.render=function(){var a=this;var i,t,r,l,o,b,u,d,m;var h=s.block("nav");var p=h.element("flyout");this.hasRenderedWithFlyoutActive=this.isFlyoutActive;return n(e,{key:"6731ced264e30666493c9b66469f8656e3a632ee",id:this.navId,class:Object.assign({},h.class())},n("div",{key:"b8b36c81b079f727699a2d037c4f687084791cfa",class:{"bal-nav-meta-bar-transform":true,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?n("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:function(n){return a.metaBarEl=n}},n("bal-stack",{space:"auto"},this.linkItems.length>1?n("bal-tabs",{inverted:true,context:"meta",value:this.activeMetaLinkValue,"aria-label":L[this.language].mainNavigation,onBalChange:function(n){return a.onMetaBarTabChange(n)}},this.linkItems.map((function(n){return n.render({flyoutId:"".concat(a.navId,"-menu-flyout")})}))):n("span",null),n("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtMetaBar()}))))):"",this.isDesktop?n("bal-nav-menu-bar",{position:"fixed-top",ref:function(n){return a.menuBarEl=n}},n("bal-stack",{space:"auto","space-row":"none","use-wrap":true},this.renderLogo(),n("bal-tabs",{context:"navigation",accordion:true,value:this.activeMenuLinkValue,"aria-label":L[this.language].navigation},(i=this.linkItems.find((function(n){return n.value===a.activeMetaLinkValue})))===null||i===void 0?void 0:i.mainLinkItems.map((function(n,i){return n.render({flyoutId:"".concat(a.navId,"-menu-flyout"),onClick:function(){return a.onMenuBarTabChange(n.value)},onTabPress:function(i){if(a.isFlyoutActive){var t=i.shiftKey;var e=j({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue,linkItems:a.linkItems});O(e,{el:a.el,navId:a.navId,isFlyoutActive:a.isFlyoutActive,isBackwards:t,item:n,stopEventBubbling:function(){return c(i)},closeFlyout:function(){return a.closeFlyout()}})}}})})))),this.isFlyoutActive?n("bal-nav-menu-flyout",{navId:this.navId,"aria-label":L[this.language].subNavigation,onBalFocusOut:function(n){if(a.isFlyoutActive){c(n);var i=j({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue,linkItems:a.linkItems});var t=v(a.el,n.detail.relatedTarget);z(i,{el:a.el,isBackwards:t})}}},n("bal-nav-link",{role:"listitem",variant:"overview",href:(r=(t=this.activeMenuLinkItem)===null||t===void 0?void 0:t.overviewLink)===null||r===void 0?void 0:r.href,target:(o=(l=this.activeMenuLinkItem)===null||l===void 0?void 0:l.overviewLink)===null||o===void 0?void 0:o.target,onClick:function(){var n;return a.linkItemClickListener((n=a.activeMenuLinkItem)===null||n===void 0?void 0:n.overviewLink)}},(u=(b=this.activeMenuLinkItem)===null||b===void 0?void 0:b.overviewLink)===null||u===void 0?void 0:u.label," ",((m=(d=this.activeMenuLinkItem)===null||d===void 0?void 0:d.overviewLink)===null||m===void 0?void 0:m.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",n("div",{key:"66321dcac9fb856d8bba914283fc1fe0d4626d35"},n("slot",{key:"1d89fec71d39cc81c491f2422312a733e103f016"}))),this.isTouch?n("bal-nav-meta-bar",{variant:"white",size:"normal"},n("bal-stack",{space:"auto"},this.renderLogo(),n("bal-stack",{space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtTouchTopMetaBar()})),n("bal-button",{square:true,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?L[this.language].close:L[this.language].open,onClick:function(n){return a.onTouchToggleFlyout(n)}})))):"",this.isTouch?n("div",{class:Object.assign(Object.assign({},p.class()),p.modifier("visible").class(this.isFlyoutActive))},n("nav",{class:Object.assign({},p.element("container").class())},n("ul",{class:Object.assign({},h.element("mobile-meta-list").class())},this.linkItems.map((function(n){return n.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))))):"",this.isTouch&&this.isFlyoutActive?n("bal-nav-meta-bar",{stayOnTopOfBackdrop:true,variant:"grey",size:"normal"},n("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((function(a){return a.renderAtTouchBottomMetaBar()})))):"")};a.prototype.renderGridLinks=function(a){var i,t;if(!a){return""}return n("bal-nav-link-grid",null,n("bal-nav-link-grid-col",null,(i=a.sectionLinkItems)===null||i===void 0?void 0:i.map((function(a){return a.render()}))),n("bal-nav-link-grid-col",{"static-col":true},(t=a.serviceLinkItems)===null||t===void 0?void 0:t.map((function(a){return a.render()}))))};a.prototype.renderTouchMenuAccordions=function(a){var i=this;return n("bal-list",{"accordion-one-level":true,class:"pt-xxx-small pb-normal"},a.mainLinkItems.map((function(a){var t,e,r;return a.isLink?n("bal-list-item",{key:a.label,"sub-accordion-item":true,href:a.href,target:a.target},n("bal-list-item-content",null,n("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))):n("bal-list-item",{key:a.label,accordion:true,"sub-accordion-item":true},n("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":a.active},n("bal-list-item-content",null,n("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))),n("bal-list-item-accordion-body",null,n("div",{style:{width:"100%"}},n("bal-nav-link",{role:"listitem",variant:"overview",href:(t=a.overviewLink)===null||t===void 0?void 0:t.href,target:(e=a.overviewLink)===null||e===void 0?void 0:e.target,onClick:function(){return i.linkItemClickListener(a.overviewLink)}},(r=a.overviewLink)===null||r===void 0?void 0:r.label),n("div",{class:"pt-normal"},i.renderGridLinks(a)))))})))};a.prototype.renderLogo=function(){var a=this;var i,t,e,r,l,o;var s=((i=this.logo)===null||i===void 0?void 0:i.href)?"a":((t=this.logo)===null||t===void 0?void 0:t.clickable)?"button":"div";return n(s,{class:"bal-nav__logo","aria-label":(e=this.logo)===null||e===void 0?void 0:e.ariaLabel,title:(r=this.logo)===null||r===void 0?void 0:r.htmlTitle,href:(l=this.logo)===null||l===void 0?void 0:l.href,target:(o=this.logo)===null||o===void 0?void 0:o.target,onClick:function(){var n,i;return a.balNavItemClick.emit({value:"logo",label:"Logo",href:(n=a.logo)===null||n===void 0?void 0:n.href,target:(i=a.logo)===null||i===void 0?void 0:i.target})}},n("bal-logo",{animated:true}))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],buttons:["buttonChanged"]}},enumerable:false,configurable:true});return a}());l([h("bal-nav"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],U.prototype,"createLogger",null);l([_({tags:["bal-popup"],waitAfterFramePrint:true}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],U.prototype,"mutationListener",null);l([w(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],U.prototype,"breakpointListener",null);l([x(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],U.prototype,"configChanged",null);var G=0;U.style=K;var Z="@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-link-text-color:var(--bal-link-color);--bal-nav-link-text-color-hover:var(--bal-link-color-hover);--bal-nav-link-text-color-active:var(--bal-link-color-active)}.bal-nav-link{display:block}.bal-nav-link:not(:last-child){margin-bottom:var(--bal-space-x-small)}.bal-nav-link--variant-title:not(:last-child){margin-bottom:var(--bal-space-normal) !important}.bal-nav-link--variant-overview:not(:last-child){margin-bottom:0 !important}@media screen and (min-width: 1024px){.bal-nav-link--variant-overview:not(:last-child){margin-bottom:var(--bal-space-normal) !important}}.bal-nav-link__native{display:inline;color:var(--bal-nav-link-text-color);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);font-family:var(--bal-font-family-text);text-align:left;padding:0;border:none;background:none}.bal-nav-link__native--variant-title{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);text-decoration:none;margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link__native--variant-title{font-size:var(--bal-text-size-xx-large)}}.bal-nav-link__native--variant-overview{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-nav-link__native--selected{-webkit-text-decoration:var(--bal-link-text-decoration) !important;text-decoration:var(--bal-link-text-decoration) !important;text-decoration-thickness:1px !important;text-underline-offset:2px !important}button.bal-nav-link__native,a.bal-nav-link__native{cursor:pointer}@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:hover,a.bal-nav-link__native:hover{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-hover);text-underline-offset:2px}}button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{border-radius:var(--bal-radius-normal)}button.bal-nav-link__native:active,a.bal-nav-link__native:active{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-active);text-underline-offset:2px}";var J=Z;var Q=a("bal_nav_link",function(){function a(a){i(this,a);this.variant="";this.selected=false;this.clickable=false;this.rel=undefined;this.href=undefined;this.target="_self"}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link");var i=this,t=i.href,r=i.target,l=i.rel;var o=t!==undefined&&t!=="";var b=this.variant!=="";var c=o?"a":this.clickable?"button":"span";var u={};if(o){u={href:t,target:r,rel:l}}return n(e,{key:"fe011833d71cd4fc35585f27ee3cb8fe11dadfb8",class:Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class(b))},n(c,Object.assign({key:"e5175d94a5b5021e22b26116f36aba0bb28a9dcf","data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("variant-".concat(this.variant)).class(b)),a.element("native").modifier("selected").class(this.selected&&(o||this.clickable)))},u),n("slot",{key:"9189d57ba3a0f78af5c2ac4232c9231d6096ae02"})))};return a}());l([h("bal-nav-link"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],Q.prototype,"createLogger",null);Q.style=J;var R=".bal-nav-link-grid{--bal-column-gap:0}@media screen and (min-width: 1024px){.bal-nav-link-grid{--bal-column-gap:1.5rem}}.bal-nav-link-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0;margin-left:calc(var(--bal-column-gap)*-1);margin-right:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid:last-child{margin-bottom:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}";var W=R;var X=a("bal_nav_link_grid",function(){function a(a){i(this,a)}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link-grid");return n(e,{key:"7e58a9b6c677d60837d56404af5f6b03a7d96073",class:Object.assign({},a.class())},n("slot",{key:"4e7abb8d92056b3f99b42ebad4c1d7752cffca4e"}))};return a}());l([h("bal-nav-link-grid"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],X.prototype,"createLogger",null);X.style=W;var $=".bal-nav-link-grid-col{display:block;padding:0;-ms-flex:none;flex:none;width:100%}.bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid-col{-ms-flex:none;flex:none;width:50%;padding-top:0;padding-bottom:0;padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}.bal-nav-link-grid-col .bal-nav-link-group{margin-bottom:var(--bal-space-normal);padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{padding-left:0}@media screen and (min-width: 1440px){.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{-ms-flex:none;flex:none;width:33.3333%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static){-ms-flex:none;flex:none;width:66.6666%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-large)}}.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{margin:0;width:100%}@media screen and (min-width: 1024px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{padding-left:0;padding-right:0}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{width:calc(50% - var(--bal-space-large)/2)}}";var aa=$;var na=a("bal_nav_link_grid_col",function(){function a(a){i(this,a);this.staticCol=false}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link-grid-col");var i=a.element("inner");return n(e,{key:"b4cba3fc9a569b19d2921f0f728d8865b97ccd55",class:Object.assign(Object.assign({},a.class()),a.modifier("is-static").class(this.staticCol))},n("div",{key:"36c2d569a02ea2dc1adb8ecedaab21576f61c0dc",class:Object.assign({},i.class())},n("slot",{key:"c99e184492ca2665cdebad028cd3ab3e97d3249a"})))};return a}());l([h("bal-nav-link-grid-col"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],na.prototype,"createLogger",null);na.style=aa;var ia=":root{--bal-nav-link-group-background:transparent;--bal-nav-link-group-background-grey:var(--bal-color-grey);--bal-nav-link-group-background-purple:var(--bal-color-purple);--bal-nav-link-group-background-red:var(--bal-color-red);--bal-nav-link-group-background-yellow:var(--bal-color-yellow);--bal-nav-link-group-background-green:var(--bal-color-green);--bal-nav-link-group-radius:var(--bal-radius-large)}.bal-nav-link-group{display:block;background:var(--bal-nav-link-group-background);border-radius:var(--bal-nav-link-group-radius);padding-top:var(--bal-space-normal);padding-bottom:var(--bal-space-normal);padding-left:var(--bal-space-normal);padding-right:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-group{padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}}.bal-nav-link-group--is-grey{background:var(--bal-nav-link-group-background-grey)}.bal-nav-link-group--is-purple{background:var(--bal-nav-link-group-background-purple)}.bal-nav-link-group--is-red{background:var(--bal-nav-link-group-background-red)}.bal-nav-link-group--is-yellow{background:var(--bal-nav-link-group-background-yellow)}.bal-nav-link-group--is-green{background:var(--bal-nav-link-group-background-green)}";var ta=ia;var ea=a("bal_nav_link_group",function(){function a(a){i(this,a);this.color=""}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=s.block("nav-link-group");var i=this.color!=="";return n(e,{key:"12c1c4d22dc3827a4c186c6591b7b043f1dd378b",class:Object.assign(Object.assign({},a.class()),a.modifier("is-".concat(this.color)).class(i))},n("slot",{key:"0c503bfaa7b2587f50936cc3d699e5a1bd9995a7"}))};return a}());l([h("bal-nav-link-group"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],ea.prototype,"createLogger",null);ea.style=ta;var ra=':root{--bal-nav-menu-bar-background:var(--bal-color-white);--bal-nav-menu-bar-radius:var(--bal-radius-large);--bal-nav-menu-bar-shadow:0 5px 15px rgba(0,0,0,.1)}.bal-nav-menu-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-menu-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-mobile{display:hidden;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 1440px){.bal-nav-menu-bar{position:fixed;margin-top:1rem}}.bal-nav-menu-bar--position-fixed-top{position:fixed}.bal-nav-menu-bar__inner{background:var(--bal-nav-menu-bar-background);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{min-height:64px}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow);min-height:80px}}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;min-height:80px}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container::before{position:absolute;content:"";height:100%;top:0;left:1rem;right:1rem;background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}}.bal-nav-menu-bar .bal-nav__logo{-ms-flex-item-align:start;align-self:flex-start;z-index:1;height:auto;margin-top:.8em}@media screen and (min-width: 1024px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1rem}}@media screen and (min-width: 1440px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1.5rem}}.bal-nav-menu-bar-body-padding{padding-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-padding{padding-top:7rem}}.bal-nav-menu-bar-body-margin{margin-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-margin{margin-top:7rem}}.bal-nav-menu-bar-fixed-body-padding{padding-top:8rem}.bal-nav-menu-bar-fixed-body-margin{margin-top:8rem}';var la=ra;var oa=a("bal_nav_menu_bar",function(){function a(a){i(this,a);this.navMenuBarId="bal-nav-menu-bar-".concat(sa++);this.isHidden=false;this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};Object.defineProperty(a.prototype,"flyoutElement",{get:function(){return this.el.querySelector("bal-nav-menu-flyout")},enumerable:false,configurable:true});a.prototype.render=function(){var a=s.block("nav-menu-bar");var i=a.element("inner");return n(e,{key:"c2ea73c8876d06127c4fee24edf6a2ecc623f199",id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet")),a.modifier("position-".concat(this.position)).class(this.position!=="none"))},n("div",{key:"d59d5d00f628748b91964b61692cca01d609a005",class:Object.assign({},i.class())},n("div",{key:"3afd6861fef7c4d6e2b3d41bd7e626daa4aa06b1",class:Object.assign({},a.element("container").class())},n("slot",{key:"380e064513ba797a10145e73bdc76dfe81dafaf6"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());l([h("bal-nav-menu-bar"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],oa.prototype,"createLogger",null);var sa=0;oa.style=la;var ba=":root{--bal-nav-menu-flyout-border-background:var(--bal-color-grey)}.bal-nav-menu-flyout{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;padding-bottom:2.5rem;overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 90px - 48px - 16px);width:calc(100% + 1rem + 1rem);margin-left:-1rem;margin-right:-1rem}.bal-nav-menu-flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-menu-flyout .bal-nav-menu-flyout__line{position:-webkit-sticky;position:sticky;width:100%;left:0;top:0;height:1px;background-color:var(--bal-color-grey);margin-bottom:2.5rem}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-flyout .bal-nav-menu-flyout__line{width:calc(100% - 2rem);left:1rem}}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout{width:calc(100% + 2.5rem + 2.5rem);margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout{width:calc(100% + 3rem + 3rem);margin-left:-3rem;margin-right:-3rem}}@media screen and (min-width: 1440px){.bal-nav-menu-flyout{max-height:calc(var(--bal-app-height, 100%) - 96px - 48px - 16px)}}";var ca=ba;var ua=a("bal_nav_menu_flyout",function(){function a(a){i(this,a);this.balFocusOut=t(this,"balFocusOut",7);this.bodyScrollHandler=new p;this.isHidden=false;this.navId="bal-nav-x".concat(va++)}a.prototype.createLogger=function(a){this.log=a};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.onFocusLeave=function(a){if(this.el&&a.relatedTarget&&!v(this.el,a.relatedTarget)){this.balFocusOut.emit(a)}};a.prototype.resizeListener=function(){if(this.isFlyoutScrollable()){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}};a.prototype.isFlyoutScrollable=function(){var a,n;return((a=this.el)===null||a===void 0?void 0:a.scrollHeight)>((n=this.el)===null||n===void 0?void 0:n.clientHeight)};a.prototype.render=function(){var a=s.block("nav-menu-flyout");var i=a.element("line");return n(e,{key:"24fa77703681dee08738a210a21b693eb5c53679",id:"".concat(this.navId,"-menu-flyout"),class:Object.assign({},a.class())},n("div",{key:"12eb7c5a6d4b3b8d230f8cfbc6477e4cc47b5897",class:Object.assign({},i.class())}),n("div",{key:"07fe48098735ef75bce7116eabedfceb8c2903e5",class:Object.assign({},a.element("container").class())},n("slot",{key:"00a8a2f20e211f8610830bd89a53e7b57bafede2"})))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());l([h("bal-nav-menu-flyout"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],ua.prototype,"createLogger",null);l([y(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],ua.prototype,"resizeListener",null);var va=0;ua.style=ca;var da=":root{--bal-nav-meta-bar-variant-primary-background:var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow:none;--bal-nav-meta-bar-variant-white-background:var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow:0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background:var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow:none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav>.bal-nav-meta-bar--stay-on-top{z-index:calc(var(--bal-z-index-popup) + 1) !important}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;position:fixed;display:block;width:100%;top:0;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}";var ma=da;var ha=a("bal_nav_meta_bar",function(){function a(a){i(this,a);this.navMetaBarId="bal-nav-meta-bar-".concat(pa++);this.previousY=0;this.isHidden=false;this.stayOnTopOfBackdrop=false;this.variant="primary";this.size="normal";this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};a.prototype.handleScroll=function(){if(b.hasWindow&&b.hasDocument&&this.position==="sticky-top"){var a=document.body.scrollHeight-document.body.clientHeight;var n=0>=window.scrollY;var i=0>window.scrollY;var t=a<=window.scrollY;var e=window.scrollY>this.previousY;this.isHidden=!n&&(e||t||i);this.previousY=window.scrollY;var r=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(r.length>0){for(var l=0;l<r.length;l++){var o=r[l];if(this.isHidden){if(this.size==="small"){o.classList.remove("bal-nav-meta-bar-transform-normal");o.classList.add("bal-nav-meta-bar-transform-small")}else{o.classList.remove("bal-nav-meta-bar-transform-small");o.classList.add("bal-nav-meta-bar-transform-normal")}}else{o.classList.remove("bal-nav-meta-bar-transform-small");o.classList.remove("bal-nav-meta-bar-transform-normal")}}}}};a.prototype.render=function(){var a=s.block("nav-meta-bar");return n(e,{key:"3c91c07a7d1b760ae2843b24003d4cebc2ec57d8",id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class()),a.modifier("size-".concat(this.size)).class()),a.modifier("position-".concat(this.position)).class(this.position!=="none")),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet")),a.modifier("stay-on-top").class(this.stayOnTopOfBackdrop))},n("div",{key:"02333a87470f62b461875ceeae5a1b32381f4700",class:Object.assign({},a.element("container").class())},n("slot",{key:"4d41ede2b111ee158255fbbc04b580695c8b1597"})))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return a}());l([h("bal-meta-bar"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],ha.prototype,"createLogger",null);var pa=0;ha.style=ma}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as t}from"./p-
|
|
1
|
+
import{B as t}from"./p-58e51d6a.js";import{a as s}from"./p-acf222fd.js";import{b as i}from"./p-a65354df.js";class n extends s{constructor(){super((t=>{t.windowResizeListener()})),this.listener=new t}attach(t){super.attach(t),i.hasWindow&&(this.listener.connect(window),this.listener.add((()=>super.notify())))}detach(){super.detach(),this.listener.disconnect()}}function e(){return function(t){const{connectedCallback:s,disconnectedCallback:i}=t;t.connectedCallback=function(){return this._balWindowResizeSubject||(this._balWindowResizeSubject=new n,this._balWindowResizeSubject.attach(this)),s&&s.call(this)},t.disconnectedCallback=function(){return this._balWindowResizeSubject&&(this._balWindowResizeSubject.detach(),this._balWindowResizeSubject=void 0),i&&i.call(this)}}}new n;export{e as L}
|
package/dist/baloise-design-system/{p-390b2af6a5.system.entry.js → p-6149950bb1.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,n,a){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function o(t){try{d(a.next(t))}catch(t){r(t)}}function s(t){try{d(a["throw"](t))}catch(t){r(t)}}function d(t){t.done?n(t.value):i(t.value).then(o,s)}d((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,i,r,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return d([t,e])}}function d(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(a=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(t){s=[6,t];i=0}finally{a=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-c917a3bc.system.js","./p-863f4e4e.system.js","./p-9f7a1215.system.js","./p-a1f6e944.system.js","./p-ade9437f.system.js"],(function(t){"use strict";var e,n,a,i,r,o,s,d,l,c,u,f,m,h,_;return{setters:[function(t){e=t.r;n=t.c;a=t.w;i=t.h;r=t.H;o=t.g},function(t){s=t.p;d=t.d;l=t.e;c=t.F},function(t){u=t.c;f=t.h;m=t.i},function(t){h=t.B},function(t){_=t.b},function(){}],execute:function(){var b=this;var p=function(t,e,n,a,i){return __awaiter(b,void 0,void 0,(function(){var r;return __generator(this,(function(o){switch(o.label){case 0:if(t){return[2,t.attachViewToDom(e,n,i,a)]}if(typeof n!=="string"&&!(n instanceof HTMLElement)){throw new Error("framework delegate is missing")}r=typeof n==="string"?e.ownerDocument&&e.ownerDocument.createElement(n):n;if(a){a.forEach((function(t){return r.classList.add(t)}))}if(i){Object.assign(r,i)}e.appendChild(r);return[4,new Promise((function(t){return u(r,t)}))];case 1:o.sent();return[2,r]}}))}))};var g=function(t,e){if(e){if(t){var n=e.parentElement;return t.removeViewFromDom(n,e)}e.remove()}return Promise.resolve()};var v=function(t){var e={};w(t).forEach((function(t){return e[t]=true}));return e};var w=function(t){if(t!==undefined){var e=Array.isArray(t)?t:t.split(" ");return e.filter((function(t){return t!=null})).map((function(t){return t.trim()})).filter((function(t){return t!==""}))}return[]};var y=".bal-modal,.bal-modal__background{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-modal-background:var(--bal-color-white);--bal-modal-backdrop-background:var(--bal-color-primary-6);--bal-modal-backdrop-opacity:.6;--bal-modal-radius:var(--bal-radius-large)}.bal-modal{-ms-flex-align:center;align-items:center;display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;position:fixed;z-index:var(--bal-z-index-modal)}.bal-modal--is-active{display:-ms-flexbox;display:flex}.bal-modal__background{background:var(--bal-modal-backdrop-background);opacity:var(--bal-modal-backdrop-opacity)}.bal-modal__header__title{padding-right:2.5rem;line-height:2rem}.bal-modal__header__close{position:absolute !important;display:-ms-flexbox !important;display:flex !important;right:1.25rem !important;top:1.5rem !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:2rem;max-width:2rem;min-height:2rem;max-height:2rem}.bal-modal__container{position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:none;overflow-y:auto;-ms-overflow-y:visible;padding:.5rem}@media screen and (min-width: 769px),print{.bal-modal__container{padding:0}}.bal-modal__content{overflow:none;position:relative;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--bal-modal-background);border-radius:var(--bal-modal-radius);padding:1rem}@media screen and (min-width: 769px),print{.bal-modal__content{margin:3rem auto;width:var(--bal-modal-width, var(--bal-width, 40rem))}}.bal-modal__content .bal-modal__header{padding-bottom:1rem}.bal-modal__content .bal-modal__header__close{right:1.2rem !important;top:.7rem !important}@media screen and (min-width: 769px),print{.bal-modal__content{padding:1.5rem}.bal-modal__content .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content{padding:2.5rem}.bal-modal__content .bal-modal__header{padding-bottom:2.5rem}.bal-modal__content .bal-modal__header__close{right:2.7rem !important;top:2.2rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}.bal-modal__body>bal-button-group{padding-top:1rem}";var x=y;var k=t("bal_modal",function(){function t(t){e(this,t);this.didPresent=n(this,"balModalDidPresent",7);this.willPresent=n(this,"balModalWillPresent",7);this.willDismiss=n(this,"balModalWillDismiss",7);this.didDismiss=n(this,"balModalDidDismiss",7);this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.bodyScrollHandler=new h;this.presented=false;this.overlayIndex=undefined;this.delegate=undefined;this.dataTestId=undefined;this.modalWidth=640;this.space="";this.hasBackdrop=true;this.isClosable=true;this.component=undefined;this.componentProps=undefined;this.cssClass=undefined;this.backdropDismiss=true;this.focusTrap=true;this.demo=false}t.prototype.connectedCallback=function(){this.bodyScrollHandler.connect();s(this);if(_.hasDocument&&this.demo){this.open()}};t.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,f(this.usersElement)];case 1:e.sent();this.setModalActiveOnBody();a((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.add("fadeIn")}if(t.modalContentElement){t.modalContentElement.classList.add("fadeInDown")}}));if(this.presented){return[2]}this.willPresent.emit();this.presented=true;return[4,m(150)];case 2:e.sent();a((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.remove("fadeIn")}if(t.modalContentElement){t.modalContentElement.classList.remove("fadeInDown")}}));this.didPresent.emit();return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.willDismiss.emit();this.unsetModalActiveOnBody();this.presented=false;this.didDismiss.emit();return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n;return __generator(this,(function(a){switch(a.label){case 0:this.setModalActiveOnBody();if(this.presented){return[2]}t=this.el.querySelector(".bal-modal__content");if(!t){throw new Error("container is undefined")}e=Object.assign(Object.assign({},this.componentProps),{modal:this.el});n=this;return[4,p(this.delegate,t,this.component,[],e)];case 1:n.usersElement=a.sent();return[4,this.open()];case 2:a.sent();return[2]}}))}))};t.prototype.dismiss=function(t,e){return __awaiter(this,void 0,void 0,(function(){var n;var i=this;return __generator(this,(function(r){switch(r.label){case 0:this.unsetModalActiveOnBody();if(!(this.delegate===undefined))return[3,2];return[4,this.close()];case 1:r.sent();return[2,true];case 2:return[4,d(this,t,e,(function(){return __awaiter(i,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:a((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.add("fadeOut")}if(t.modalContentElement){t.modalContentElement.classList.add("fadeOutUp")}}));return[4,m(140)];case 1:e.sent();return[2]}}))}))}))];case 3:n=r.sent();if(!n)return[3,5];return[4,g(this.delegate,this.usersElement)];case 4:r.sent();r.label=5;case 5:return[2,n]}}))}))};t.prototype.onDidDismiss=function(){return l(this.el,"balModalDidDismiss")};t.prototype.onWillDismiss=function(){return l(this.el,"balModalWillDismiss")};t.prototype.onClickCloseButton=function(t){return __awaiter(this,void 0,void 0,(function(){var e,n;return __generator(this,(function(a){switch(a.label){case 0:if(!(this.isClosable&&this.presented&&t&&t.target))return[3,4];e=t.target;n=e.closest("bal-button");if(!(n&&n.hasAttribute("modal-close")))return[3,2];return[4,this.dismiss(undefined,"model-close")];case 1:a.sent();a.label=2;case 2:if(!(this.backdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,4];return[4,this.dismiss(undefined,"model-close")];case 3:a.sent();a.label=4;case 4:return[2]}}))}))};t.prototype.onMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isClickedOutsideOnMouseDown=this.isClickedOutside(t);return[2]}))}))};t.prototype.onMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isClickedOutsideOnMouseUp=this.isClickedOutside(t);return[2]}))}))};t.prototype.handleKeyUp=function(t){return __awaiter(this,void 0,void 0,(function(){var e,n,a;return __generator(this,(function(i){switch(i.label){case 0:e=Array.from(document.querySelectorAll("bal-modal")).filter((function(t){return t.hasAttribute("aria-presented")}));n=e.map((function(t){return t.overlayIndex})).map((function(t){return parseInt(t)})).filter((function(t){return!Number.isNaN(t)}));a=Math.max.apply(Math,n);if(!(this.overlayIndex===a))return[3,4];t.preventDefault();t.stopPropagation();if(!(this.presented&&this.isClosable))return[3,4];if(!(t.key==="Escape"||t.key==="Esc"))return[3,4];if(!this.delegate)return[3,2];return[4,this.dismiss(undefined,"model-escape")];case 1:i.sent();return[3,4];case 2:return[4,this.close()];case 3:i.sent();i.label=4;case 4:return[2]}}))}))};t.prototype.setModalActiveOnBody=function(){if(!this.demo){this.bodyScrollHandler.disable()}};t.prototype.unsetModalActiveOnBody=function(){this.bodyScrollHandler.enable()};t.prototype.isClickedOutside=function(t){if(this.isClosable&&this.presented&&t&&t.target&&this.backdropDismiss){var e=t.target;return e.classList.contains("bal-modal__container")}return false};t.prototype.render=function(){var t,e;var n=this;return i(r,{key:"1d9ab99326366d164adf6fbd5fc9d6af27a8ba58","aria-modal":"true","aria-presented":this.presented?"true":null,"data-testid":this.dataTestId,tabindex:"-1",class:Object.assign((t={"bal-modal":true,"bal-modal--is-closable":this.isClosable,"bal-modal--is-active":this.presented},t[c]=this.focusTrap===false,t),v(this.cssClass)),style:{"--bal-width":"".concat(this.modalWidth,"px")}},i("div",{key:"057c4355168926825f04f51300478a1393b31563",class:{"bal-modal__background":true,"is-hidden":!this.hasBackdrop},ref:function(t){return n.modalBackgroundElement=t}}),i("div",{key:"ffa93ee6d43b8ded4a2851e4c2578fce427de8c2",class:{"bal-modal__container":true},ref:function(t){return n.modalContainerElement=t}},i("div",{key:"37ee9d19563be8e0a22b75d44b0cde5890342e1c",class:(e={"bal-modal__content":true},e["bal-modal__content--has-spacing-".concat(this.space)]=true,e),ref:function(t){return n.modalContentElement=t}},i("slot",{key:"0bdfc5b5e268ec2ade1b70753cd64517fa635290"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());k.style=x;var j=t("bal_modal_body",function(){function t(t){e(this,t)}t.prototype.render=function(){return i(r,{key:"2bef5892f7f6e90bb4c893f4c5ca5027dece343a",class:"bal-modal__body"},i("slot",{key:"45b45f4141bd105c11f57628e6ea2ba989ef1a55"}))};return t}());var M=t("bal_modal_header",function(){function t(t){var n=this;e(this,t);this.closeHandler=function(){if(n.parentModal){n.parentModal.dismiss(undefined,"model-close")}}}Object.defineProperty(t.prototype,"parentModal",{get:function(){return this.el.closest("bal-modal")},enumerable:false,configurable:true});t.prototype.render=function(){var t;return i(r,{key:"abcecb921453f0ec9ff5b989517ca1b1406daab0",class:"bal-modal__header"},i("div",{key:"6e4606402740673c455e98c4f4160e17f82d0435",class:"bal-modal__header__title"},i("bal-heading",{key:"bf7df5c6677354f5c53b75d77fb8b7f23859f267",level:"h2",space:"none"},i("slot",{key:"78648da85f2751f9aac04544083d62ba088beeae"}))),((t=this.parentModal)===null||t===void 0?void 0:t.isClosable)?i("bal-close",{class:"bal-modal__header__close data-test-modal-close",onClick:this.closeHandler}):"")};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}())}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,n,a){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function o(t){try{d(a.next(t))}catch(t){r(t)}}function s(t){try{d(a["throw"](t))}catch(t){r(t)}}function d(t){t.done?n(t.value):i(t.value).then(o,s)}d((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,i,r,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return d([t,e])}}function d(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(a=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(t){s=[6,t];i=0}finally{a=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-a397da94.system.js","./p-863f4e4e.system.js","./p-9f7a1215.system.js","./p-a1f6e944.system.js","./p-ade9437f.system.js"],(function(t){"use strict";var e,n,a,i,r,o,s,d,l,c,u,f,m,h,_;return{setters:[function(t){e=t.r;n=t.c;a=t.w;i=t.h;r=t.H;o=t.g},function(t){s=t.p;d=t.d;l=t.e;c=t.F},function(t){u=t.c;f=t.h;m=t.i},function(t){h=t.B},function(t){_=t.b},function(){}],execute:function(){var b=this;var p=function(t,e,n,a,i){return __awaiter(b,void 0,void 0,(function(){var r;return __generator(this,(function(o){switch(o.label){case 0:if(t){return[2,t.attachViewToDom(e,n,i,a)]}if(typeof n!=="string"&&!(n instanceof HTMLElement)){throw new Error("framework delegate is missing")}r=typeof n==="string"?e.ownerDocument&&e.ownerDocument.createElement(n):n;if(a){a.forEach((function(t){return r.classList.add(t)}))}if(i){Object.assign(r,i)}e.appendChild(r);return[4,new Promise((function(t){return u(r,t)}))];case 1:o.sent();return[2,r]}}))}))};var g=function(t,e){if(e){if(t){var n=e.parentElement;return t.removeViewFromDom(n,e)}e.remove()}return Promise.resolve()};var v=function(t){var e={};w(t).forEach((function(t){return e[t]=true}));return e};var w=function(t){if(t!==undefined){var e=Array.isArray(t)?t:t.split(" ");return e.filter((function(t){return t!=null})).map((function(t){return t.trim()})).filter((function(t){return t!==""}))}return[]};var y=".bal-modal,.bal-modal__background{bottom:0;left:0;position:absolute;right:0;top:0}:root{--bal-modal-background:var(--bal-color-white);--bal-modal-backdrop-background:var(--bal-color-primary-6);--bal-modal-backdrop-opacity:.6;--bal-modal-radius:var(--bal-radius-large)}.bal-modal{-ms-flex-align:center;align-items:center;display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden;position:fixed;z-index:var(--bal-z-index-modal)}.bal-modal--is-active{display:-ms-flexbox;display:flex}.bal-modal__background{background:var(--bal-modal-backdrop-background);opacity:var(--bal-modal-backdrop-opacity)}.bal-modal__header__title{padding-right:2.5rem;line-height:2rem}.bal-modal__header__close{position:absolute !important;display:-ms-flexbox !important;display:flex !important;right:1.25rem !important;top:1.5rem !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:2rem;max-width:2rem;min-height:2rem;max-height:2rem}.bal-modal__container{position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:none;overflow-y:auto;-ms-overflow-y:visible;padding:.5rem}@media screen and (min-width: 769px),print{.bal-modal__container{padding:0}}.bal-modal__content{overflow:none;position:relative;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--bal-modal-background);border-radius:var(--bal-modal-radius);padding:1rem}@media screen and (min-width: 769px),print{.bal-modal__content{margin:3rem auto;width:var(--bal-modal-width, var(--bal-width, 40rem))}}.bal-modal__content .bal-modal__header{padding-bottom:1rem}.bal-modal__content .bal-modal__header__close{right:1.2rem !important;top:.7rem !important}@media screen and (min-width: 769px),print{.bal-modal__content{padding:1.5rem}.bal-modal__content .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content{padding:2.5rem}.bal-modal__content .bal-modal__header{padding-bottom:2.5rem}.bal-modal__content .bal-modal__header__close{right:2.7rem !important;top:2.2rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-small{padding:1rem}.bal-modal__content--has-spacing-small .bal-modal__header{padding-bottom:1rem}.bal-modal__content--has-spacing-small .bal-modal__header__close{right:1.1rem !important;top:.7rem !important}}@media screen and (min-width: 769px),print{.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}@media screen and (min-width: 1024px){.bal-modal__content--has-spacing-medium{padding:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header{padding-bottom:1.5rem}.bal-modal__content--has-spacing-medium .bal-modal__header__close{right:1.6rem !important;top:1.2rem !important}}.bal-modal__body>bal-button-group{padding-top:1rem}";var x=y;var k=t("bal_modal",function(){function t(t){e(this,t);this.didPresent=n(this,"balModalDidPresent",7);this.willPresent=n(this,"balModalWillPresent",7);this.willDismiss=n(this,"balModalWillDismiss",7);this.didDismiss=n(this,"balModalDidDismiss",7);this.isClickedOutsideOnMouseDown=false;this.isClickedOutsideOnMouseUp=false;this.bodyScrollHandler=new h;this.presented=false;this.overlayIndex=undefined;this.delegate=undefined;this.dataTestId=undefined;this.modalWidth=640;this.space="";this.hasBackdrop=true;this.isClosable=true;this.component=undefined;this.componentProps=undefined;this.cssClass=undefined;this.backdropDismiss=true;this.focusTrap=true;this.demo=false}t.prototype.connectedCallback=function(){this.bodyScrollHandler.connect();s(this);if(_.hasDocument&&this.demo){this.open()}};t.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,f(this.usersElement)];case 1:e.sent();this.setModalActiveOnBody();a((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.add("fadeIn")}if(t.modalContentElement){t.modalContentElement.classList.add("fadeInDown")}}));if(this.presented){return[2]}this.willPresent.emit();this.presented=true;return[4,m(150)];case 2:e.sent();a((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.remove("fadeIn")}if(t.modalContentElement){t.modalContentElement.classList.remove("fadeInDown")}}));this.didPresent.emit();return[2]}}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.willDismiss.emit();this.unsetModalActiveOnBody();this.presented=false;this.didDismiss.emit();return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n;return __generator(this,(function(a){switch(a.label){case 0:this.setModalActiveOnBody();if(this.presented){return[2]}t=this.el.querySelector(".bal-modal__content");if(!t){throw new Error("container is undefined")}e=Object.assign(Object.assign({},this.componentProps),{modal:this.el});n=this;return[4,p(this.delegate,t,this.component,[],e)];case 1:n.usersElement=a.sent();return[4,this.open()];case 2:a.sent();return[2]}}))}))};t.prototype.dismiss=function(t,e){return __awaiter(this,void 0,void 0,(function(){var n;var i=this;return __generator(this,(function(r){switch(r.label){case 0:this.unsetModalActiveOnBody();if(!(this.delegate===undefined))return[3,2];return[4,this.close()];case 1:r.sent();return[2,true];case 2:return[4,d(this,t,e,(function(){return __awaiter(i,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:a((function(){if(t.modalBackgroundElement){t.modalBackgroundElement.classList.add("fadeOut")}if(t.modalContentElement){t.modalContentElement.classList.add("fadeOutUp")}}));return[4,m(140)];case 1:e.sent();return[2]}}))}))}))];case 3:n=r.sent();if(!n)return[3,5];return[4,g(this.delegate,this.usersElement)];case 4:r.sent();r.label=5;case 5:return[2,n]}}))}))};t.prototype.onDidDismiss=function(){return l(this.el,"balModalDidDismiss")};t.prototype.onWillDismiss=function(){return l(this.el,"balModalWillDismiss")};t.prototype.onClickCloseButton=function(t){return __awaiter(this,void 0,void 0,(function(){var e,n;return __generator(this,(function(a){switch(a.label){case 0:if(!(this.isClosable&&this.presented&&t&&t.target))return[3,4];e=t.target;n=e.closest("bal-button");if(!(n&&n.hasAttribute("modal-close")))return[3,2];return[4,this.dismiss(undefined,"model-close")];case 1:a.sent();a.label=2;case 2:if(!(this.backdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown))return[3,4];return[4,this.dismiss(undefined,"model-close")];case 3:a.sent();a.label=4;case 4:return[2]}}))}))};t.prototype.onMouseDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isClickedOutsideOnMouseDown=this.isClickedOutside(t);return[2]}))}))};t.prototype.onMouseUp=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isClickedOutsideOnMouseUp=this.isClickedOutside(t);return[2]}))}))};t.prototype.handleKeyUp=function(t){return __awaiter(this,void 0,void 0,(function(){var e,n,a;return __generator(this,(function(i){switch(i.label){case 0:e=Array.from(document.querySelectorAll("bal-modal")).filter((function(t){return t.hasAttribute("aria-presented")}));n=e.map((function(t){return t.overlayIndex})).map((function(t){return parseInt(t)})).filter((function(t){return!Number.isNaN(t)}));a=Math.max.apply(Math,n);if(!(this.overlayIndex===a))return[3,4];t.preventDefault();t.stopPropagation();if(!(this.presented&&this.isClosable))return[3,4];if(!(t.key==="Escape"||t.key==="Esc"))return[3,4];if(!this.delegate)return[3,2];return[4,this.dismiss(undefined,"model-escape")];case 1:i.sent();return[3,4];case 2:return[4,this.close()];case 3:i.sent();i.label=4;case 4:return[2]}}))}))};t.prototype.setModalActiveOnBody=function(){if(!this.demo){this.bodyScrollHandler.disable()}};t.prototype.unsetModalActiveOnBody=function(){this.bodyScrollHandler.enable()};t.prototype.isClickedOutside=function(t){if(this.isClosable&&this.presented&&t&&t.target&&this.backdropDismiss){var e=t.target;return e.classList.contains("bal-modal__container")}return false};t.prototype.render=function(){var t,e;var n=this;return i(r,{key:"1d9ab99326366d164adf6fbd5fc9d6af27a8ba58","aria-modal":"true","aria-presented":this.presented?"true":null,"data-testid":this.dataTestId,tabindex:"-1",class:Object.assign((t={"bal-modal":true,"bal-modal--is-closable":this.isClosable,"bal-modal--is-active":this.presented},t[c]=this.focusTrap===false,t),v(this.cssClass)),style:{"--bal-width":"".concat(this.modalWidth,"px")}},i("div",{key:"057c4355168926825f04f51300478a1393b31563",class:{"bal-modal__background":true,"is-hidden":!this.hasBackdrop},ref:function(t){return n.modalBackgroundElement=t}}),i("div",{key:"ffa93ee6d43b8ded4a2851e4c2578fce427de8c2",class:{"bal-modal__container":true},ref:function(t){return n.modalContainerElement=t}},i("div",{key:"37ee9d19563be8e0a22b75d44b0cde5890342e1c",class:(e={"bal-modal__content":true},e["bal-modal__content--has-spacing-".concat(this.space)]=true,e),ref:function(t){return n.modalContentElement=t}},i("slot",{key:"0bdfc5b5e268ec2ade1b70753cd64517fa635290"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());k.style=x;var j=t("bal_modal_body",function(){function t(t){e(this,t)}t.prototype.render=function(){return i(r,{key:"2bef5892f7f6e90bb4c893f4c5ca5027dece343a",class:"bal-modal__body"},i("slot",{key:"45b45f4141bd105c11f57628e6ea2ba989ef1a55"}))};return t}());var M=t("bal_modal_header",function(){function t(t){var n=this;e(this,t);this.closeHandler=function(){if(n.parentModal){n.parentModal.dismiss(undefined,"model-close")}}}Object.defineProperty(t.prototype,"parentModal",{get:function(){return this.el.closest("bal-modal")},enumerable:false,configurable:true});t.prototype.render=function(){var t;return i(r,{key:"abcecb921453f0ec9ff5b989517ca1b1406daab0",class:"bal-modal__header"},i("div",{key:"6e4606402740673c455e98c4f4160e17f82d0435",class:"bal-modal__header__title"},i("bal-heading",{key:"bf7df5c6677354f5c53b75d77fb8b7f23859f267",level:"h2",space:"none"},i("slot",{key:"78648da85f2751f9aac04544083d62ba088beeae"}))),((t=this.parentModal)===null||t===void 0?void 0:t.isClosable)?i("bal-close",{class:"bal-modal__header__close data-test-modal-close",onClick:this.closeHandler}):"")};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}())}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __extends=this&&this.__extends||function(){var t=function(n,i){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var i in n)if(Object.prototype.hasOwnProperty.call(n,i))t[i]=n[i]};return t(n,i)};return function(n,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");t(n,i);function e(){this.constructor=n}n.prototype=i===null?Object.create(i):(e.prototype=i.prototype,new e)}}();var __awaiter=this&&this.__awaiter||function(t,n,i,e){function r(t){return t instanceof i?t:new i((function(n){n(t)}))}return new(i||(i=Promise))((function(i,s){function u(t){try{c(e.next(t))}catch(t){s(t)}}function o(t){try{c(e["throw"](t))}catch(t){s(t)}}function c(t){t.done?i(t.value):r(t.value).then(u,o)}c((e=e.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},e,r,s,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(t){return function(n){return c([t,n])}}function c(o){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(i=0)),i)try{if(e=1,r&&(s=o[0]&2?r["return"]:o[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,o[1])).done)return s;if(r=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;r=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){i.label=o[1];break}if(o[0]===6&&i.label<s[1]){i.label=s[1];s=o;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(o);break}if(s[2])i.ops.pop();i.trys.pop();continue}o=n.call(t,i)}catch(t){o=[6,t];r=0}finally{e=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-a1f6e944.system.js","./p-863f4e4e.system.js","./p-6b690346.system.js"],(function(t){"use strict";var n,i,e,r;return{setters:[function(t){n=t.a},function(t){i=t.b},function(t){e=t.w},function(t){r=t.d}],execute:function(){var s="baloise-persist-config";var u="baloise-animated";var o=function(){function t(){this._componentObservers=[];this._observers=[];this._config=r}Object.defineProperty(t.prototype,"locale",{get:function(){return"".concat(this._config.language,"-").concat(this._config.region)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"region",{get:function(){return this._config.region},set:function(t){if(t!==this._config.region){this._config.region=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"language",{get:function(){return this._config.language},set:function(t){if(t!==this._config.language){if(this._config.allowedLanguages.includes(t)){this._config.language=t}else{this._config.language=this._config.fallbackLanguage}this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allowedLanguages",{get:function(){return this._config.allowedLanguages},set:function(t){if(t!==this._config.allowedLanguages){this._config.allowedLanguages=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"icons",{get:function(){return this._config.icons},set:function(t){this._config.icons=Object.assign(Object.assign({},this._config.icons),t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"logger",{get:function(){return this._config.logger},set:function(t){this._config.logger=Object.assign({},t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"animated",{get:function(){return this._config.animated},set:function(t){this._config.animated=t;this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"httpFormSubmit",{get:function(){return this._config.httpFormSubmit},set:function(t){this._config.httpFormSubmit=t;this._notify()},enumerable:false,configurable:true});t.prototype.attach=function(t){var n=this._observers.includes(t);if(n){return console.log("Subject: Observer has been attached already.")}this._observers.push(t);t.configChanged(this._config)};t.prototype.detach=function(t){var n=this._observers.indexOf(t);if(n===-1){return console.log("Subject: Nonexistent observer.")}this._observers.splice(n,1)};t.prototype.attachComponent=function(t){var n=this._componentObservers.includes(t);if(n){return console.log("Subject: Observer has been attached already.")}this._componentObservers.push(t);t.configChanged(this._config)};t.prototype.detachComponent=function(t){var n=this._componentObservers.indexOf(t);if(n===-1){return console.log("Subject: Nonexistent observer.")}this._componentObservers.splice(n,1)};t.prototype.toString=function(){return JSON.stringify(this._config)};t.prototype.reset=function(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)});this._notify(false)};t.prototype._notify=function(t){if(t===void 0){t=true}for(var n=0,e=this._componentObservers;n<e.length;n++){var r=e[n];r.configChanged(this._config)}if(t){for(var s=0,u=this._observers;s<u.length;s++){var r=u[s];r.configChanged(this._config)}}if(i.hasWindow){h(window,this._config)}};return t}();var c=new o;var f=function(t){try{var n=t.sessionStorage.getItem(s);return n!==null?JSON.parse(n):{}}catch(t){return{}}};var a=function(t){try{var n=JSON.parse(t.localStorage.getItem(u));if(n!==null){return{animated:n}}return{}}catch(t){return{}}};var h=function(t,n){try{t.sessionStorage.setItem(s,JSON.stringify(n))}catch(t){return}};var l=t("s",(function(t,n){if(t===void 0){t={}}if(n===void 0){n={}}if(Object.keys(n).length===0&&i.hasWindow){n=window}n.BaloiseDesignSystem=n.BaloiseDesignSystem||{};c.reset(Object.assign(Object.assign(Object.assign(Object.assign({},f(n)),a(n)),t),{icons:Object.assign(Object.assign({},f(n).icons),t.icons)}));n.BaloiseDesignSystem.config=c}));var b=function(){function t(t){this.options=t;this.container=null;this.queue=[];this.preQueue=[];this.queueLimit=5}t.prototype.create=function(t){var n=this;if(i.hasDocument){this.setupContainer(t);var e=this.findClone(t);if(e===undefined){var r=document.createElement(this.options.tag);Object.assign(r,t);r.addEventListener("balClose",(function(t){n.removeFromQueue(t.detail)}));this.preQueue.push(r);this.updateQueue();return r}return e}};t.prototype.setQueue=function(t){this.queueLimit=t};t.prototype.dismissAll=function(){return __awaiter(this,void 0,void 0,(function(){var t,n,i,e,r;return __generator(this,(function(s){switch(s.label){case 0:n=(t=this.container)===null||t===void 0?void 0:t.querySelectorAll(this.options.tag);if(!n)return[3,2];i=[];for(e=0;e<n.length;e++){r=n[e];if(r.close){i.push(r.close())}}return[4,Promise.all(i)];case 1:s.sent();s.label=2;case 2:return[2]}}))}))};t.prototype.clearAll=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.warn("[DEPRECATED] - use dismissAll() instead");return[2,this.dismissAll()]}))}))};t.prototype.findClone=function(t){for(var n=0;n<this.queue.length;n++){var i=this.queue[n];if(i.message===t.message&&i.color===t.color){return i}}return undefined};t.prototype.setupContainer=function(t){if(i.hasDocument){var n="".concat(this.options.tag,"-container");this.container=document.getElementById(n);if(this.container)return;if(!this.container){this.container=document.createElement("bal-notices");this.container.setAttribute("interface",this.options.tag.replace("bal-",""));this.container.setAttribute("animated",t.animated?"true":"false");if(t.container!==undefined){this.container.setAttribute("container",t.container===true?"":t.container)}this.container.id=n}document.body.appendChild(this.container)}};t.prototype.updateQueue=function(){return __awaiter(this,void 0,void 0,(function(){var t,n,i;return __generator(this,(function(r){switch(r.label){case 0:if(!(this.queue.length<this.queueLimit))return[3,2];n=this.preQueue.shift();if(!(n&&this.container))return[3,2];return[4,e(this.container)];case 1:r.sent();i=this.container.querySelector(".bal-notices__inner");if(i){this.queue.push(n);i.insertAdjacentElement("beforeend",n)}r.label=2;case 2:if(this.queue.length===0){(t=this.container)===null||t===void 0?void 0:t.remove()}return[2]}}))}))};t.prototype.removeFromQueue=function(t){var n=this;this.queue=this.queue.filter((function(n){return n.id!==t}));setTimeout((function(){return n.updateQueue()}),0)};return t}();var v=function(t){__extends(n,t);function n(){return t.call(this,{tag:"bal-toast"})||this}n.prototype.create=function(n){return t.prototype.create.call(this,n)};return n}(b);t("B",v);var d=t("b",new v);var j=function(t){__extends(n,t);function n(){return t.call(this,{tag:"bal-snackbar"})||this}n.prototype.create=function(n){return t.prototype.create.call(this,n)};return n}(b);t("a",j);var O=t("c",new j);var g="19.
|
|
1
|
+
var __extends=this&&this.__extends||function(){var t=function(n,i){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var i in n)if(Object.prototype.hasOwnProperty.call(n,i))t[i]=n[i]};return t(n,i)};return function(n,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");t(n,i);function e(){this.constructor=n}n.prototype=i===null?Object.create(i):(e.prototype=i.prototype,new e)}}();var __awaiter=this&&this.__awaiter||function(t,n,i,e){function r(t){return t instanceof i?t:new i((function(n){n(t)}))}return new(i||(i=Promise))((function(i,s){function u(t){try{c(e.next(t))}catch(t){s(t)}}function o(t){try{c(e["throw"](t))}catch(t){s(t)}}function c(t){t.done?i(t.value):r(t.value).then(u,o)}c((e=e.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},e,r,s,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(t){return function(n){return c([t,n])}}function c(o){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(i=0)),i)try{if(e=1,r&&(s=o[0]&2?r["return"]:o[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,o[1])).done)return s;if(r=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;r=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){i.label=o[1];break}if(o[0]===6&&i.label<s[1]){i.label=s[1];s=o;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(o);break}if(s[2])i.ops.pop();i.trys.pop();continue}o=n.call(t,i)}catch(t){o=[6,t];r=0}finally{e=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-a1f6e944.system.js","./p-863f4e4e.system.js","./p-6b690346.system.js"],(function(t){"use strict";var n,i,e,r;return{setters:[function(t){n=t.a},function(t){i=t.b},function(t){e=t.w},function(t){r=t.d}],execute:function(){var s="baloise-persist-config";var u="baloise-animated";var o=function(){function t(){this._componentObservers=[];this._observers=[];this._config=r}Object.defineProperty(t.prototype,"locale",{get:function(){return"".concat(this._config.language,"-").concat(this._config.region)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"region",{get:function(){return this._config.region},set:function(t){if(t!==this._config.region){this._config.region=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"language",{get:function(){return this._config.language},set:function(t){if(t!==this._config.language){if(this._config.allowedLanguages.includes(t)){this._config.language=t}else{this._config.language=this._config.fallbackLanguage}this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allowedLanguages",{get:function(){return this._config.allowedLanguages},set:function(t){if(t!==this._config.allowedLanguages){this._config.allowedLanguages=t;this._notify()}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"icons",{get:function(){return this._config.icons},set:function(t){this._config.icons=Object.assign(Object.assign({},this._config.icons),t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"logger",{get:function(){return this._config.logger},set:function(t){this._config.logger=Object.assign({},t);this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"animated",{get:function(){return this._config.animated},set:function(t){this._config.animated=t;this._notify()},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"httpFormSubmit",{get:function(){return this._config.httpFormSubmit},set:function(t){this._config.httpFormSubmit=t;this._notify()},enumerable:false,configurable:true});t.prototype.attach=function(t){var n=this._observers.includes(t);if(n){return console.log("Subject: Observer has been attached already.")}this._observers.push(t);t.configChanged(this._config)};t.prototype.detach=function(t){var n=this._observers.indexOf(t);if(n===-1){return console.log("Subject: Nonexistent observer.")}this._observers.splice(n,1)};t.prototype.attachComponent=function(t){var n=this._componentObservers.includes(t);if(n){return console.log("Subject: Observer has been attached already.")}this._componentObservers.push(t);t.configChanged(this._config)};t.prototype.detachComponent=function(t){var n=this._componentObservers.indexOf(t);if(n===-1){return console.log("Subject: Nonexistent observer.")}this._componentObservers.splice(n,1)};t.prototype.toString=function(){return JSON.stringify(this._config)};t.prototype.reset=function(t){this._config=Object.assign(Object.assign(Object.assign({},this._config),t),{icons:Object.assign(Object.assign({},this._config.icons),t.icons)});this._notify(false)};t.prototype._notify=function(t){if(t===void 0){t=true}for(var n=0,e=this._componentObservers;n<e.length;n++){var r=e[n];r.configChanged(this._config)}if(t){for(var s=0,u=this._observers;s<u.length;s++){var r=u[s];r.configChanged(this._config)}}if(i.hasWindow){h(window,this._config)}};return t}();var c=new o;var f=function(t){try{var n=t.sessionStorage.getItem(s);return n!==null?JSON.parse(n):{}}catch(t){return{}}};var a=function(t){try{var n=JSON.parse(t.localStorage.getItem(u));if(n!==null){return{animated:n}}return{}}catch(t){return{}}};var h=function(t,n){try{t.sessionStorage.setItem(s,JSON.stringify(n))}catch(t){return}};var l=t("s",(function(t,n){if(t===void 0){t={}}if(n===void 0){n={}}if(Object.keys(n).length===0&&i.hasWindow){n=window}n.BaloiseDesignSystem=n.BaloiseDesignSystem||{};c.reset(Object.assign(Object.assign(Object.assign(Object.assign({},f(n)),a(n)),t),{icons:Object.assign(Object.assign({},f(n).icons),t.icons)}));n.BaloiseDesignSystem.config=c}));var b=function(){function t(t){this.options=t;this.container=null;this.queue=[];this.preQueue=[];this.queueLimit=5}t.prototype.create=function(t){var n=this;if(i.hasDocument){this.setupContainer(t);var e=this.findClone(t);if(e===undefined){var r=document.createElement(this.options.tag);Object.assign(r,t);r.addEventListener("balClose",(function(t){n.removeFromQueue(t.detail)}));this.preQueue.push(r);this.updateQueue();return r}return e}};t.prototype.setQueue=function(t){this.queueLimit=t};t.prototype.dismissAll=function(){return __awaiter(this,void 0,void 0,(function(){var t,n,i,e,r;return __generator(this,(function(s){switch(s.label){case 0:n=(t=this.container)===null||t===void 0?void 0:t.querySelectorAll(this.options.tag);if(!n)return[3,2];i=[];for(e=0;e<n.length;e++){r=n[e];if(r.close){i.push(r.close())}}return[4,Promise.all(i)];case 1:s.sent();s.label=2;case 2:return[2]}}))}))};t.prototype.clearAll=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.warn("[DEPRECATED] - use dismissAll() instead");return[2,this.dismissAll()]}))}))};t.prototype.findClone=function(t){for(var n=0;n<this.queue.length;n++){var i=this.queue[n];if(i.message===t.message&&i.color===t.color){return i}}return undefined};t.prototype.setupContainer=function(t){if(i.hasDocument){var n="".concat(this.options.tag,"-container");this.container=document.getElementById(n);if(this.container)return;if(!this.container){this.container=document.createElement("bal-notices");this.container.setAttribute("interface",this.options.tag.replace("bal-",""));this.container.setAttribute("animated",t.animated?"true":"false");if(t.container!==undefined){this.container.setAttribute("container",t.container===true?"":t.container)}this.container.id=n}document.body.appendChild(this.container)}};t.prototype.updateQueue=function(){return __awaiter(this,void 0,void 0,(function(){var t,n,i;return __generator(this,(function(r){switch(r.label){case 0:if(!(this.queue.length<this.queueLimit))return[3,2];n=this.preQueue.shift();if(!(n&&this.container))return[3,2];return[4,e(this.container)];case 1:r.sent();i=this.container.querySelector(".bal-notices__inner");if(i){this.queue.push(n);i.insertAdjacentElement("beforeend",n)}r.label=2;case 2:if(this.queue.length===0){(t=this.container)===null||t===void 0?void 0:t.remove()}return[2]}}))}))};t.prototype.removeFromQueue=function(t){var n=this;this.queue=this.queue.filter((function(n){return n.id!==t}));setTimeout((function(){return n.updateQueue()}),0)};return t}();var v=function(t){__extends(n,t);function n(){return t.call(this,{tag:"bal-toast"})||this}n.prototype.create=function(n){return t.prototype.create.call(this,n)};return n}(b);t("B",v);var d=t("b",new v);var j=function(t){__extends(n,t);function n(){return t.call(this,{tag:"bal-snackbar"})||this}n.prototype.create=function(n){return t.prototype.create.call(this,n)};return n}(b);t("a",j);var O=t("c",new j);var g="19.2.0-nightly.20250623";var _=t("i",(function(t,e,r){if(t===void 0){t={}}if(e===void 0){e=undefined}if(r===void 0){r={}}if(Object.keys(r).length===0&&i.hasWindow){r=window}r.BaloiseDesignSystem=r.BaloiseDesignSystem||{};if(e){n(e)}l(Object.assign(Object.assign({},t),e),r);r.BaloiseDesignSystem.toastController=d;r.BaloiseDesignSystem.snackbarController=O;r.BaloiseDesignSystem.initialize=function(){return l(r.BaloiseDesignSystem.config,r)};r.BaloiseDesignSystem.version=g}))}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as a,H as c,g as t}from"./p-2ccbe55a.js";import{B as s}from"./p-ae86d0a0.js";import{f as r,g as d,h as b,i as f,j as i,k as o,l as h,m as n,n as l}from"./p-f9808768.js";const p=class{constructor(a){e(this,a),this.getHex=()=>{let e;switch(this.color){case"green":e=l;break;case"green-light":e=n;break;case"red":e=h;break;case"red-light":e=o;break;case"purple":e=i;break;case"purple-light":e=f;break;case"yellow":e=b;break;case"yellow-light":e=d;break;default:e=r}return e},this.variation="1",this.color="green",this.rotation="0"}render(){const e=s.block("shape"),t=[a("g",{key:"bd098f8a0d60a01a901d6c7e0041945de00f7c84",id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},a("g",{key:"7ae53a770a1f0f915dcfee5836350fb43f43c83c",id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},a("path",{key:"27730d24993bf8f4ebb2180113d927f08d86c295",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),a("g",{key:"a39bebf5119896bb95137f99b31bd091461e4187",id:"b949d602-8478-437e-a171-ad3f26649cb4"},a("g",{key:"8e9872fc0469e4227b39ce648713a79a0409d5c2",id:"ae3574e0-2065-4681-8937-4318b8656147"},a("path",{key:"08e8eecb7e5da4cf009cf1ff82219faedb82f3fa",class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),a("g",{key:"1176953bc3ee0cc6a799222c13b065d3ebc5eaf1",id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},a("g",{key:"51e40727714bc0adf3667d6769fe51611adbbcb4",id:"e540dca8-23ca-45dc-b462-df9071c1317d"},a("path",{key:"5d09a1cbc57fc21b1e62ddd4e263c18a7278c556",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return a(c,{key:"5aa4927f8682c07a13ab2fa9b56f1248141d7cd7",class:Object.assign(Object.assign({},e.class()),e.modifier(`is-rotation-${this.rotation}`).class())},a("svg",{key:"99ee4d77c26e1cc4b84052907ef6d628f94b3937",version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},t[parseInt(this.variation)-1]))}get el(){return t(this)}};p.style=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";export{p as bal_shape}
|