@baloise/ds-core 19.1.0 → 19.2.0-nightly.20250623
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/all.d.ts +2 -0
- package/components/all.js +3 -0
- package/components/bal-app.js +1 -93
- package/components/bal-app2.js +95 -0
- package/components/bal-carousel-item.js +23 -2
- package/components/bal-doc-app.d.ts +11 -0
- package/components/bal-doc-app.js +262 -0
- package/components/bal-icon2.js +1 -1350
- package/components/bal-input.js +20 -2
- package/components/bal-list-item-accordion-body2.js +6 -4
- package/components/bal-list-item-accordion-head2.js +10 -5
- package/components/bal-list-item2.js +4 -2
- package/components/bal-nav-menu-flyout2.js +10 -3
- package/components/bal-nav-meta-bar2.js +4 -2
- package/components/bal-nav.js +155 -33
- package/components/bal-popup2.js +5 -10
- package/components/bal-radio-group.js +1 -0
- package/components/bal-steps.js +1 -1
- package/components/bal-tab-item.js +4 -2
- package/components/bal-tabs2.js +4 -1
- package/components/focus-visible.js +1 -2
- package/components/index.js +7 -314
- package/components/initialize.js +312 -0
- package/components/overlays.js +2 -2
- package/components/purify.js +1353 -0
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-42b2e62411.system.entry.js → p-00dc0f84cc.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-14c507db.system.js → p-01493e9f.system.js} +1 -1
- package/dist/baloise-design-system/{p-68d7e929.system.js → p-02d76532.system.js} +1 -1
- package/dist/baloise-design-system/p-0c381481f3.system.entry.js +1 -0
- package/dist/baloise-design-system/p-12ec7e6d69.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-df9bc850dc.system.entry.js → p-12f7a6a381.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-16395ece.system.js +1 -0
- package/dist/baloise-design-system/{p-1e0a2263fb.entry.js → p-191cb463ef.entry.js} +1 -1
- package/dist/baloise-design-system/p-1e142b10.system.js +1 -0
- package/dist/baloise-design-system/p-24fe64c5.js +1 -0
- package/dist/baloise-design-system/p-294f38c2.js +1 -0
- package/dist/baloise-design-system/{p-290dfd0212.system.entry.js → p-31baba8382.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8a9fb4619a.entry.js → p-32db85222c.entry.js} +1 -1
- package/dist/baloise-design-system/p-343cc097d4.entry.js +1 -0
- package/dist/baloise-design-system/p-3913c6ae.js +1 -1
- package/dist/baloise-design-system/{p-47eaccc384.system.entry.js → p-42238a1e1a.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-42e66219.system.js +1 -0
- package/dist/baloise-design-system/p-47f0669a.js +1 -0
- package/dist/baloise-design-system/{p-7467605b28.entry.js → p-4b3b969747.entry.js} +1 -1
- package/dist/baloise-design-system/p-55591d77a6.entry.js +1 -0
- package/dist/baloise-design-system/p-56376785c2.entry.js +1 -0
- package/dist/baloise-design-system/{p-ac25ede4f4.entry.js → p-5638fe223b.entry.js} +1 -1
- package/dist/baloise-design-system/p-58e51d6a.js +1 -0
- package/dist/baloise-design-system/{p-63297f8b3b.system.entry.js → p-5b20afcac4.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-5d80cd4f25.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-b96e5a6c.js → p-5dc505fc.js} +1 -1
- package/dist/baloise-design-system/{p-390b2af6a5.system.entry.js → p-6149950bb1.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-659ecadc.system.js +1 -1
- package/dist/baloise-design-system/p-65d4a9afab.entry.js +1 -0
- package/dist/baloise-design-system/{p-83d19315e3.entry.js → p-6700e35d71.entry.js} +1 -1
- package/dist/baloise-design-system/{p-363a7f7760.entry.js → p-673d489362.entry.js} +1 -1
- package/dist/baloise-design-system/{p-022af4f2.js → p-6b284c70.js} +1 -1
- package/dist/baloise-design-system/p-6bb4e22ace.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-16ebe71517.entry.js → p-72a1dc6052.entry.js} +1 -1
- package/dist/baloise-design-system/p-7625d0abde.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-702abad387.entry.js → p-7db52d587f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-456114b8.system.js → p-83512f21.system.js} +1 -1
- package/dist/baloise-design-system/{p-8bd42bba68.entry.js → p-84a5fe83b0.entry.js} +1 -1
- package/dist/baloise-design-system/{p-24336e0fca.system.entry.js → p-8ebf048b7b.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-96301206d3.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-32bf71aa6c.entry.js → p-9b355b09ba.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b9a4f3580b.entry.js → p-9c3f458e6c.entry.js} +1 -1
- package/dist/baloise-design-system/{p-99c12a1d83.system.entry.js → p-9df176a81a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e43b61e151.system.entry.js → p-a19a336dda.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-a35a951800.entry.js +1 -0
- package/dist/baloise-design-system/p-a397da94.system.js +1 -0
- package/dist/baloise-design-system/p-a86c09c64f.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-13ea819488.entry.js → p-ac238676b6.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e453a2de.system.js → p-ad89304c.system.js} +1 -1
- package/dist/baloise-design-system/p-ade92c8b.js +2 -0
- package/dist/baloise-design-system/p-b3a9499f8e.entry.js +1 -0
- package/dist/baloise-design-system/p-b94e6946fc.entry.js +1 -0
- package/dist/baloise-design-system/{p-2367556371.system.entry.js → p-b9b086adc8.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c89750c825.system.entry.js → p-ba30929ac8.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-d0cee779.system.js +2 -0
- package/dist/baloise-design-system/{p-9d3935fbbc.entry.js → p-d18794e22b.entry.js} +1 -1
- package/dist/baloise-design-system/p-d4e5093b.js +1 -0
- package/dist/baloise-design-system/{p-35fde87c2a.system.entry.js → p-dfd6d34303.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-e2c982954d.entry.js +1 -0
- package/dist/baloise-design-system/{p-39c2321045.system.entry.js → p-e3fb1f185f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-490383ab.system.js → p-eaec547b.system.js} +1 -1
- package/dist/baloise-design-system/{p-131fd635ef.entry.js → p-f0506e5102.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c5ac7b5d30.system.entry.js → p-f2784fb721.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-f3c6e132ea.system.entry.js +1 -0
- package/dist/cjs/app-globals-f63c33e7.js +7 -0
- package/dist/cjs/bal-app.cjs.entry.js +1 -1
- package/dist/cjs/bal-carousel_2.cjs.entry.js +23 -5
- package/dist/cjs/bal-checkbox_2.cjs.entry.js +1 -1
- package/dist/cjs/bal-date.cjs.entry.js +1 -1
- package/dist/cjs/bal-doc-app.cjs.entry.js +233 -0
- package/dist/cjs/bal-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-icon.cjs.entry.js +2 -1351
- package/dist/cjs/bal-input.cjs.entry.js +20 -2
- package/dist/cjs/bal-list_8.cjs.entry.js +21 -12
- package/dist/cjs/bal-logo.cjs.entry.js +3 -3
- package/dist/cjs/bal-modal_3.cjs.entry.js +1 -1
- package/dist/cjs/bal-nav_8.cjs.entry.js +167 -38
- package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-pagination.cjs.entry.js +3 -3
- package/dist/cjs/bal-popup.cjs.entry.js +5 -10
- package/dist/cjs/bal-progress-bar.cjs.entry.js +4 -4
- package/dist/cjs/bal-radio_2.cjs.entry.js +2 -1
- package/dist/cjs/bal-segment_2.cjs.entry.js +5 -5
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-steps.cjs.entry.js +4 -4
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +11 -6
- package/dist/cjs/baloise-design-system.cjs.js +3 -2
- package/dist/cjs/{breakpoints.decorator-5086ec90.js → breakpoints.decorator-266b25a2.js} +1 -1
- package/dist/cjs/{breakpoints.subject-a1180187.js → breakpoints.subject-03f75770.js} +1 -1
- package/dist/cjs/{focus-visible-264bd9b8.js → focus-visible-a434c91f.js} +0 -2
- package/dist/cjs/{app-globals-0d8db19e.js → global-2a76769b.js} +2 -4
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/initialize-2e8978a4.js +1 -1
- package/dist/cjs/loader.cjs.js +3 -2
- package/dist/cjs/{overlays-47b231bc.js → overlays-94ebb271.js} +2 -2
- package/dist/cjs/purify-b01229e2.js +1355 -0
- package/dist/cjs/{tokens.esm-263be70d.js → tokens.esm-c3cc508d.js} +1 -1
- package/dist/cjs/{window-resize.decorator-9a06680f.js → window-resize.decorator-9494cf0b.js} +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/bal-carousel/bal-carousel-item/bal-carousel-item.js +44 -3
- package/dist/collection/components/bal-input/bal-input-util.js +1 -0
- package/dist/collection/components/bal-input/bal-input.js +22 -5
- package/dist/collection/components/bal-list/bal-list-item/bal-list-item.js +4 -2
- package/dist/collection/components/bal-list/bal-list-item-accordion-body/bal-list-item-accordion-body.js +7 -5
- package/dist/collection/components/bal-list/bal-list-item-accordion-head/bal-list-item-accordion-head.js +13 -8
- package/dist/collection/components/bal-nav/bal-nav-focus.util.js +87 -0
- package/dist/collection/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.js +40 -2
- package/dist/collection/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.css +1 -1
- package/dist/collection/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.js +22 -1
- package/dist/collection/components/bal-nav/bal-nav.css +1 -1
- package/dist/collection/components/bal-nav/bal-nav.js +43 -8
- package/dist/collection/components/bal-nav/models/bal-nav-menu-link-item.js +6 -5
- package/dist/collection/components/bal-popup/bal-popup.js +8 -13
- package/dist/collection/components/bal-radio/bal-radio-group/bal-radio-group.js +1 -0
- package/dist/collection/components/bal-steps/bal-steps.css +1 -1
- package/dist/collection/components/bal-tabs/bal-tab-item/bal-tab-item.js +23 -2
- package/dist/collection/components/bal-tabs/components/tab-button.js +6 -3
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +247 -0
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/collection/utils/overlays/focus-trap.js +2 -2
- package/dist/esm/app-globals-1ecf000f.js +5 -0
- package/dist/esm/bal-app.entry.js +1 -1
- package/dist/esm/bal-carousel_2.entry.js +23 -5
- package/dist/esm/bal-checkbox_2.entry.js +1 -1
- package/dist/esm/bal-date.entry.js +1 -1
- package/dist/esm/bal-doc-app.entry.js +229 -0
- package/dist/esm/bal-dropdown.entry.js +1 -1
- package/dist/esm/bal-hint_5.entry.js +3 -3
- package/dist/esm/bal-icon.entry.js +1 -1350
- package/dist/esm/bal-input.entry.js +20 -2
- package/dist/esm/bal-list_8.entry.js +22 -13
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-modal_3.entry.js +1 -1
- package/dist/esm/bal-nav_8.entry.js +168 -39
- package/dist/esm/bal-navbar_5.entry.js +3 -3
- package/dist/esm/bal-pagination.entry.js +3 -3
- package/dist/esm/bal-popup.entry.js +5 -10
- package/dist/esm/bal-progress-bar.entry.js +4 -4
- package/dist/esm/bal-radio_2.entry.js +2 -1
- package/dist/esm/bal-segment_2.entry.js +5 -5
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-steps.entry.js +4 -4
- package/dist/esm/bal-tab-item_2.entry.js +11 -6
- package/dist/esm/baloise-design-system.js +3 -2
- package/dist/esm/{breakpoints.decorator-3666716a.js → breakpoints.decorator-ecda98cb.js} +1 -1
- package/dist/esm/{breakpoints.subject-1aa7be9a.js → breakpoints.subject-2897cae5.js} +1 -1
- package/dist/esm/{focus-visible-f0cdd043.js → focus-visible-c1d6b5b8.js} +1 -2
- package/dist/esm/{app-globals-5dd5fe6b.js → global-6e86728b.js} +2 -4
- package/dist/esm/index.js +4 -4
- package/dist/esm/initialize-be160cc4.js +1 -1
- package/dist/esm/loader.js +3 -2
- package/dist/esm/{overlays-4cc504b6.js → overlays-3f81f45d.js} +2 -2
- package/dist/esm/purify-8cb49f16.js +1353 -0
- package/dist/esm/{tokens.esm-a3abda33.js → tokens.esm-17500c90.js} +1 -1
- package/dist/esm/{window-resize.decorator-ef52bf33.js → window-resize.decorator-b914e5b9.js} +1 -1
- package/dist/esm-es5/app-globals-1ecf000f.js +1 -0
- package/dist/esm-es5/bal-app.entry.js +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
- package/dist/esm-es5/bal-date.entry.js +1 -1
- package/dist/esm-es5/bal-doc-app.entry.js +1 -0
- package/dist/esm-es5/bal-dropdown.entry.js +1 -1
- package/dist/esm-es5/bal-hint_5.entry.js +1 -1
- package/dist/esm-es5/bal-icon.entry.js +1 -2
- package/dist/esm-es5/bal-input.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.entry.js +1 -1
- package/dist/esm-es5/bal-modal_3.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-popup.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-radio_2.entry.js +1 -1
- package/dist/esm-es5/bal-segment_2.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/baloise-design-system.js +1 -1
- package/dist/esm-es5/breakpoints.decorator-ecda98cb.js +1 -0
- package/dist/esm-es5/{breakpoints.subject-1aa7be9a.js → breakpoints.subject-2897cae5.js} +1 -1
- package/dist/esm-es5/focus-visible-c1d6b5b8.js +1 -0
- package/dist/esm-es5/global-6e86728b.js +1 -0
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-be160cc4.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/overlays-3f81f45d.js +1 -0
- package/dist/esm-es5/purify-8cb49f16.js +2 -0
- package/dist/esm-es5/{window-resize.decorator-ef52bf33.js → window-resize.decorator-b914e5b9.js} +1 -1
- package/dist/html.html-data.json +12 -1
- package/dist/types/components/bal-carousel/bal-carousel-item/bal-carousel-item.d.ts +8 -0
- package/dist/types/components/bal-input/bal-input-util.d.ts +1 -0
- package/dist/types/components/bal-input/bal-input.d.ts +1 -0
- package/dist/types/components/bal-input/bal-input.interfaces.d.ts +1 -1
- package/dist/types/components/bal-list/bal-list-item-accordion-body/bal-list-item-accordion-body.d.ts +1 -1
- package/dist/types/components/bal-list/bal-list-item-accordion-head/bal-list-item-accordion-head.d.ts +3 -2
- package/dist/types/components/bal-nav/bal-nav-focus.util.d.ts +33 -0
- package/dist/types/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.d.ts +6 -1
- package/dist/types/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.d.ts +4 -0
- package/dist/types/components/bal-nav/bal-nav.interfaces.d.ts +7 -1
- package/dist/types/components/bal-nav/models/bal-nav-menu-link-item.d.ts +1 -0
- package/dist/types/components/bal-popup/bal-popup.d.ts +1 -1
- package/dist/types/components/bal-tabs/bal-tab-item/bal-tab-item.d.ts +5 -0
- package/dist/types/components/bal-tabs/bal-tab.type.d.ts +1 -0
- package/dist/types/components/bal-tabs/bal-tabs.interfaces.d.ts +2 -0
- package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
- package/dist/types/components.d.ts +79 -2
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +82 -0
- package/package.json +6 -6
- package/dist/baloise-design-system/p-002d7bb9.js +0 -1
- package/dist/baloise-design-system/p-0f8973edc6.entry.js +0 -1
- package/dist/baloise-design-system/p-130b37bc.js +0 -1
- package/dist/baloise-design-system/p-1693fa7649.system.entry.js +0 -1
- package/dist/baloise-design-system/p-2fffe828ac.system.entry.js +0 -1
- package/dist/baloise-design-system/p-345aa92d.system.js +0 -1
- package/dist/baloise-design-system/p-53b2b718c5.entry.js +0 -1
- package/dist/baloise-design-system/p-58b1d6fa96.system.entry.js +0 -1
- package/dist/baloise-design-system/p-64916e34a4.entry.js +0 -1
- package/dist/baloise-design-system/p-967bdfab.js +0 -1
- package/dist/baloise-design-system/p-98cf514345.system.entry.js +0 -1
- package/dist/baloise-design-system/p-aa16fc7aa2.system.entry.js +0 -2
- package/dist/baloise-design-system/p-b52ad8d5.system.js +0 -1
- package/dist/baloise-design-system/p-c2f253d9fd.entry.js +0 -2
- package/dist/baloise-design-system/p-c917a3bc.system.js +0 -1
- package/dist/baloise-design-system/p-ca119357.js +0 -1
- package/dist/baloise-design-system/p-d09026edb1.system.entry.js +0 -1
- package/dist/baloise-design-system/p-dd2a76bd7c.system.entry.js +0 -1
- package/dist/baloise-design-system/p-f04cab5af1.entry.js +0 -1
- package/dist/baloise-design-system/p-f2cc4e63d4.entry.js +0 -1
- package/dist/baloise-design-system/p-f6b1d87619.entry.js +0 -1
- package/dist/esm-es5/app-globals-5dd5fe6b.js +0 -1
- package/dist/esm-es5/breakpoints.decorator-3666716a.js +0 -1
- package/dist/esm-es5/focus-visible-f0cdd043.js +0 -1
- package/dist/esm-es5/overlays-4cc504b6.js +0 -1
- /package/dist/baloise-design-system/{p-bccc3d48.system.js → p-d3480bd3.system.js} +0 -0
- /package/dist/baloise-design-system/{p-928bbc47.js → p-f9808768.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-a3abda33.js → tokens.esm-17500c90.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as t,h as i,H as e,g as n}from"./p-2ccbe55a.js";import{_ as s,a as l}from"./p-43c9f5e9.js";import{B as o}from"./p-ae86d0a0.js";import{b as r}from"./p-
|
|
1
|
+
import{r as a,c as t,h as i,H as e,g as n}from"./p-2ccbe55a.js";import{_ as s,a as l}from"./p-43c9f5e9.js";import{B as o}from"./p-ae86d0a0.js";import{b as r}from"./p-58e51d6a.js";import{d as p}from"./p-ec375851.js";import{L as b}from"./p-6b284c70.js";import{L as d}from"./p-20eba37f.js";import"./p-a255c9b3.js";import"./p-a65354df.js";import"./p-a7be57b6.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-f9808768.js";import"./p-b77e3348.js";const c={de:{left:"Vorherige Seite",right:"Nächste Seite"},en:{left:"Previous Page",right:"Next Page"},fr:{left:"Page précédente",right:"Page suivante"},it:{left:"Pagina precedente",right:"Pagina successiva"},nl:{left:"Vorige pagina",right:"Volgende pagina"},es:{left:"Página anterior",right:"Página siguiente"},pl:{left:"Poprzednia strona",right:"Następna strona"},pt:{left:"Página anterior",right:"Próxima página"},sv:{left:"Föregående sida",right:"Nästa sida"},fi:{left:"Edellinen sivu",right:"Seuraava sivu"}},g=class{constructor(i){a(this,i),this.balChangeEventEmitter=t(this,"balChange",7),this._value=1,this.isMobile=r.isMobile,this.language=p.language,this.align="",this.size="",this.interface="",this.disabled=!1,this.value=1,this.totalPages=1,this.pageRange=2,this.sticky=!1,this.top=0}valueChanged(a){this._value=a}topValueChanged(a){this.sticky&&(this.el.style.top=`${a}px`)}componentWillLoad(){this._value=this.value,this.topValueChanged(this.top)}breakpointListener(a){this.isMobile=a.mobile}async next(){this._value<this.totalPages&&(this._value=this._value+1,this.balChangeEventEmitter.emit(this._value))}async previous(){1!==this._value&&(this._value=this._value-1,this.balChangeEventEmitter.emit(this._value))}async configChanged(a){this.language=a.language}selectPage(a){this._value=a,this.balChangeEventEmitter.emit(this._value)}getItems(a=2){const t=function(a,t,i){const e=[];(a>t||a<0)&&(a=1),t<=0&&(t=10),i<=0&&(i=2);const n=5+2*i;if(t<=n)for(let i=1;i<=t;i++)e.push({type:"page",label:i.toString(),active:i===a});else if(a<=n-2-i){for(let t=1;t<=n-2;t++)e.push({type:"page",label:t.toString(),active:t===a});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}else if(a>=t-3){e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});for(let i=t-n+3;i<=t;i++)e.push({type:"page",label:i.toString(),active:i===a})}else{e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});const n=Number(a);for(let t=n-i;t<=n+i;t++)e.push({type:"page",label:t.toString(),active:t===a});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}return e}(this._value,this.totalPages,a);return t.map((a=>"page"===a.type?this.renderPageElement(Number(a.label)):this.renderEllipsisElement()))}renderEllipsisElement(){const a=o.block("pagination").element("nav").element("pagination-list").modifier("more");return i("li",{"aria-hidden":"true"},i("div",{class:Object.assign({},a.class())},i("bal-text",{bold:!0,heading:!0,inline:!0,space:"none"},"…")))}renderPageElement(a){const t=this._value===a,e=o.block("pagination").element("nav").element("pagination-list").element("dot");return i("li",null,"small"===this.interface?i("span",{role:"button","aria-current":t?"true":void 0,class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(t)),e.modifier("inactive").class(!t)),"aria-label":a,onClick:()=>this.selectPage(a)}):i("bal-button",{square:!0,color:t?"primary":"text","aria-current":t?"true":void 0,onClick:()=>this.selectPage(a),"data-testid":"bal-pagination-page-number",size:this.isMobile||"small"===this.size?"small":""},a))}render(){const a=this.getItems(1),t=this.getItems(this.pageRange),n=o.block("pagination"),s=n.element("nav"),l=s.element("pagination-previous"),r=s.element("pagination-next"),p=s.element("pagination-list"),b="small"===this.interface,d=b?"link":"text",g=b||"small"===this.size||this.isMobile?"small":"",h=b,m=c[this.language].left,u=c[this.language].right,v=""===this.interface||b&&this.totalPages<=5;return i(e,{key:"4402b36d447508550b265fbd7b9d019a0b991021",class:Object.assign(Object.assign({},n.class()),n.modifier("is-sticky").class(this.sticky))},i("nav",{key:"fab886ec2da35d0d6e39cff8c624bd69de5da2a2",class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier(`context-${this.interface}`).class(""!==this.interface)),s.modifier(`align-${this.align}`).class(""!==this.align)),role:"navigation","aria-label":"pagination"},i("bal-button",{key:"b482e3df263b4d068f3ff563466a6438de032256",square:!0,color:d,size:g,flat:h,class:Object.assign(Object.assign({},l.class()),l.modifier(`context-${this.interface}`).class()),disabled:this._value<2||this.disabled,onClick:()=>this.previous(),"data-testid":"bal-pagination-controls-left",title:m},i("bal-icon",{key:"b15a56d746b21747cd35de104ba9858b3afc2998",name:"nav-go-left",size:"small"})),i("bal-button",{key:"16e0e1aa9e827ef3f273417ee79d9aa6750e4ccf",square:!0,color:d,size:g,flat:h,class:Object.assign(Object.assign({},r.class()),r.modifier(`context-${this.interface}`).class()),disabled:this._value===this.totalPages||this.disabled,onClick:()=>this.next(),"data-testid":"bal-pagination-controls-right",title:u},i("bal-icon",{key:"4cad894cb58baa3d089f12aad0a6ea41aa67d3c7",name:"nav-go-right",size:"small"})),v&&this.isMobile?i((()=>i("ul",{key:"bd3506ca35fe0aeec0fdad4b3ee273426be63ed1",class:Object.assign(Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class()),{"is-disabled":this.disabled}),"data-testid":"bal-pagination-list"},a)),null):"",v&&!this.isMobile?i((()=>i("ul",{key:"3f7dce2e4c8ca26728744fdc6707d187f624d7b6",class:Object.assign(Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class()),{"is-disabled":this.disabled}),"data-testid":"bal-pagination-list"},t)),null):"",v?"":i((()=>i("span",{key:"80f6ab1b5075ab3bd88046ec5b97574bf0c79ed5",class:Object.assign(Object.assign({},p.class()),p.modifier(`context-${this.interface}`).class())},i("span",{key:"1e4313d171625773d8d234a8c45642bc6685e37a"},this._value)," / "+this.totalPages)),null)))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"],top:["topValueChanged"]}}};s([b(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],g.prototype,"breakpointListener",null),s([d(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],g.prototype,"configChanged",null),g.style=":root{--bal-pagination-small-background:var(--bal-color-grey);--bal-pagination-small-radius:var(--bal-radius-normal);--bal-pagination-tabs-background:var(--bal-color-white);--bal-pagination-tabs-shadow:var(--bal-shadow-normal);--bal-pagination-tabs-radius:var(--bal-radius-large);--bal-pagination-dot-radius:var(--bal-radius-rounded);--bal-pagination-dot-background-active:var(--bal-color-primary);--bal-pagination-dot-background-inactive:var(--bal-color-white)}.bal-pagination{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.bal-pagination--is-sticky{position:-webkit-sticky;position:sticky;z-index:var(--bal-z-index-sticky)}.bal-pagination__nav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.bal-pagination__nav--align-start{-ms-flex-pack:start;justify-content:flex-start}.bal-pagination__nav--align-end{-ms-flex-pack:end;justify-content:flex-end}.bal-pagination__nav--context-small{padding-top:1rem}.bal-pagination__nav__pagination-previous{-ms-flex-order:1;order:1}.bal-pagination__nav__pagination-previous--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-next{-ms-flex-order:3;order:3}.bal-pagination__nav__pagination-next--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:4px;padding-left:8px;padding-right:8px;-ms-flex-order:2;order:2;width:unset;text-align:center}.bal-pagination__nav__pagination-list>span{font-weight:var(--bal-font-weight-bold)}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list{gap:8px}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list{gap:8px}}.bal-pagination__nav__pagination-list--context-small{gap:8px;max-width:88px;min-width:63px;min-height:1.25rem;margin:0 20px 0 !important;background:var(--bal-pagination-small-background);border-radius:var(--bal-pagination-small-radius)}.bal-pagination__nav__pagination-list--context-tabs{-ms-flex-positive:1;flex-grow:1;padding:8px;background:var(--bal-pagination-tabs-background);-webkit-box-shadow:var(--bal-pagination-tabs-shadow);box-shadow:var(--bal-pagination-tabs-shadow);border-radius:var(--bal-pagination-tabs-radius)}.bal-pagination__nav__pagination-list__dot{cursor:pointer;height:8px;width:8px;gap:30px;border-radius:var(--bal-pagination-dot-radius);display:block}.bal-pagination__nav__pagination-list__dot--active{background-color:var(--bal-pagination-dot-background-active)}.bal-pagination__nav__pagination-list__dot--inactive{background-color:var(--bal-pagination-dot-background-inactive)}.bal-pagination__nav__pagination-list--more{width:2rem}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list--more{width:2rem}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list--more{width:3rem}}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}";export{g as bal_pagination}
|
package/dist/baloise-design-system/{p-c5ac7b5d30.system.entry.js → p-f2784fb721.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(r,e,a,o){function n(r){return r instanceof a?r:new a((function(e){e(r)}))}return new(a||(a=Promise))((function(a,s){function t(r){try{l(o.next(r))}catch(r){s(r)}}function i(r){try{l(o["throw"](r))}catch(r){s(r)}}function l(r){r.done?a(r.value):n(r.value).then(t,i)}l((o=o.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var a={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,n,s,t;return t={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(t[Symbol.iterator]=function(){return this}),t;function i(r){return function(e){return l([r,e])}}function l(i){if(o)throw new TypeError("Generator is already executing.");while(t&&(t=0,i[0]&&(a=0)),a)try{if(o=1,n&&(s=i[0]&2?n["return"]:i[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,i[1])).done)return s;if(n=0,s)i=[i[0]&2,s.value];switch(i[0]){case 0:case 1:s=i;break;case 4:a.label++;return{value:i[1],done:false};case 5:a.label++;n=i[1];i=[0];continue;case 7:i=a.ops.pop();a.trys.pop();continue;default:if(!(s=a.trys,s=s.length>0&&s[s.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!s||i[1]>s[0]&&i[1]<s[3])){a.label=i[1];break}if(i[0]===6&&a.label<s[1]){a.label=s[1];s=i;break}if(s&&a.label<s[2]){a.label=s[2];a.ops.push(i);break}if(s[2])a.ops.pop();a.trys.pop();continue}i=e.call(r,a)}catch(r){i=[6,r];n=0}finally{o=s=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-863f4e4e.system.js","./p-
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(r,e,a,o){function n(r){return r instanceof a?r:new a((function(e){e(r)}))}return new(a||(a=Promise))((function(a,s){function t(r){try{l(o.next(r))}catch(r){s(r)}}function i(r){try{l(o["throw"](r))}catch(r){s(r)}}function l(r){r.done?a(r.value):n(r.value).then(t,i)}l((o=o.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var a={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,n,s,t;return t={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(t[Symbol.iterator]=function(){return this}),t;function i(r){return function(e){return l([r,e])}}function l(i){if(o)throw new TypeError("Generator is already executing.");while(t&&(t=0,i[0]&&(a=0)),a)try{if(o=1,n&&(s=i[0]&2?n["return"]:i[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,i[1])).done)return s;if(n=0,s)i=[i[0]&2,s.value];switch(i[0]){case 0:case 1:s=i;break;case 4:a.label++;return{value:i[1],done:false};case 5:a.label++;n=i[1];i=[0];continue;case 7:i=a.ops.pop();a.trys.pop();continue;default:if(!(s=a.trys,s=s.length>0&&s[s.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!s||i[1]>s[0]&&i[1]<s[3])){a.label=i[1];break}if(i[0]===6&&a.label<s[1]){a.label=s[1];s=i;break}if(s&&a.label<s[2]){a.label=s[2];a.ops.push(i);break}if(s[2])a.ops.pop();a.trys.pop();continue}i=e.call(r,a)}catch(r){i=[6,r];n=0}finally{o=s=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-863f4e4e.system.js","./p-eaec547b.system.js","./p-01493e9f.system.js","./p-02d76532.system.js","./p-a1f6e944.system.js","./p-ade9437f.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-d3480bd3.system.js"],(function(r){"use strict";var e,a,o,n,s,t,i,l,b,c,u;return{setters:[function(r){e=r.r;a=r.h;o=r.H;n=r.g},function(r){s=r._;t=r.a},function(r){i=r.B},function(r){l=r.o},function(r){b=r.b},function(r){c=r.L},function(r){u=r.L},function(){},function(){},function(){},function(){},function(){}],execute:function(){var g=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";var p=g;var d=r("bal_progress_bar",function(){function r(r){e(this,r);this.animated=true;this.isTouch=b.isTouch;this.value=0;this.background="white";this.color="primary"}r.prototype.componentDidRender=function(){this.updateProgress()};r.prototype.breakpointListener=function(r){this.updateProgress()};r.prototype.windowResizeListener=function(){this.updateProgress()};r.prototype.configChanged=function(r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=r.animated;return[2]}))}))};r.prototype.updateProgress=function(){var r=this;if(this.lineEl){l((function(){var e=r.el.clientWidth;var a=Math.max(0,Math.min(100,r.value));var o=e/100*a;r.lineEl.style.width="".concat(o,"px");if(a===100){r.lineEl.classList.add("bal-progress-bar__line--full")}else{r.lineEl.classList.remove("bal-progress-bar__line--full")}}))}};r.prototype.render=function(){var r=this;var e=i.block("progress-bar");var n=e.element("line");return a(o,{key:"d024ab4ad15f9a04b2db9b5923785cc9eecbae74","aria-hidden":"true",class:Object.assign(Object.assign({},e.class()),e.modifier("background-".concat(this.background,"-of-").concat(this.color)).class())},a("div",{key:"8ed29c4d19bc1e5e57990b5c91d95134a7fc482d",class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("color-".concat(this.color)).class()),n.modifier("animated").class(this.animated)),ref:function(e){return r.lineEl=e}}))};Object.defineProperty(r.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return r}());s([c(),t("design:type",Function),t("design:paramtypes",[Object]),t("design:returntype",void 0)],d.prototype,"breakpointListener",null);s([u(),t("design:type",Function),t("design:paramtypes",[]),t("design:returntype",void 0)],d.prototype,"windowResizeListener",null);d.style=p}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,r,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function o(e){try{l(a.next(e))}catch(e){i(e)}}function s(e){try{l(a["throw"](e))}catch(e){i(e)}}function l(e){e.done?r(e.value):n(e.value).then(o,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,n,i,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return l([e,t])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(r=0)),r)try{if(a=1,n&&(i=s[0]&2?n["return"]:s[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;if(n=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{a=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-2da669b4.system.js","./p-1d7c3cf2.system.js","./p-c43a56b7.system.js","./p-01493e9f.system.js","./p-5298de0e.system.js","./p-b50f4c4e.system.js","./p-47825fdf.system.js","./p-eaec547b.system.js","./p-6b690346.system.js","./p-01f07b49.system.js","./p-fa5198a0.system.js","./p-d0cee779.system.js","./p-7720b262.system.js","./p-863f4e4e.system.js","./p-4e642b63.system.js","./p-eecefb0a.system.js","./p-a1f6e944.system.js","./p-3c15fb83.system.js","./p-ec9a7cf5.system.js","./p-d3480bd3.system.js","./p-23bdd8dc.system.js","./p-ade9437f.system.js","./p-2880433e.system.js"],(function(e){"use strict";var t,r,a,n,i,o,s,l,c,u,b,d,h,p,f,m,g,_,v,w,y,k,x,j;return{setters:[function(e){t=e.h;r=e.r;a=e.c;n=e.H;i=e.g},function(e){o=e._;s=e.a},function(e){l=e.B},function(e){c=e.a},function(e){u=e.t;b=e.S},function(e){d=e.s},function(e){h=e.L},function(e){p=e.L},function(e){f=e.L},function(e){m=e.L},function(e){g=e.b},function(e){_=e.d},function(e){v=e.L},function(e){w=e.L},function(e){y=e.D},function(e){k=e.i},function(e){x=e.m;j=e.b},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var O=function(e){var r=e.value,a=e.items,n=e.containerId,i=e.onControlChange;var o=l.block("carousel");var s=o.element("controls");return t("div",{class:Object.assign(Object.assign({},s.class()),s.modifier("tabs").class())},t("bal-card",null,t("bal-card-content",{role:"tabs"},a.map((function(e){return t("button",{class:{button:true,"is-fullwidth":true,"is-primary":r===e.value,"is-light":r!==e.value},role:"tab","aria-selected":c(r===e.value),"aria-controls":n+"-"+u(e.label),key:e.value,onClick:function(){return i(e)}},e.label)})))))};var z=':root{--bal-carousel-inner-border-background:var(--bal-color-border);--bal-carousel-inner-border-background-inverted:var(--bal-color-border-primary-light);--bal-carousel-inner-shadow-left-background-before:var(--bal-color-white);--bal-carousel-inner-shadow-right-background-after:var(--bal-color-white);--bal-carousel-inner-shadow-left-background-inverted-before:var(--bal-color-primary);--bal-carousel-inner-shadow-right-background-inverted-after:var(--bal-color-primary);--bal-carousel-product-item-button-background:var(--bal-color-white);--bal-carousel-product-item-button-background-green:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-hover:var(--bal-color-green-1);--bal-carousel-product-item-button-background-green-active:var(--bal-color-green-2);--bal-carousel-product-item-button-background-red:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-hover:var(--bal-color-red-1);--bal-carousel-product-item-button-background-red-active:var(--bal-color-red-2);--bal-carousel-product-item-button-background-yellow:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-hover:var(--bal-color-yellow-1);--bal-carousel-product-item-button-background-yellow-active:var(--bal-color-yellow-2);--bal-carousel-product-item-button-background-purple:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-hover:var(--bal-color-purple-1);--bal-carousel-product-item-button-background-purple-active:var(--bal-color-purple-2);--bal-carousel-inner-border-radius:var(--bal-radius-rounded);--bal-carousel-image-border-radius:var(--bal-radius-normal);--bal-carousel-product-item-button-border-radius:var(--bal-radius-large);--bal-carousel-product-item-button-label-text-color:var(--bal-color-text-primary);--bal-carousel-sticky-top:0}.bal-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--full-height{height:100%}.bal-carousel--full-height .bal-carousel__item{height:auto}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container--border{padding-bottom:var(--bal-border-width-normal)}.bal-carousel__inner__container__border{position:absolute;background:var(--bal-carousel-inner-border-background);border-radius:var(--bal-carousel-inner-border-radius);height:var(--bal-border-width-normal);width:100%;bottom:0;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-carousel__inner__container__border--inverted{background:var(--bal-carousel-inner-border-background-inverted)}.bal-carousel__item{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:var(--bal-text-size-large);min-height:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;round:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:2.5rem}}@media screen and (min-width: 1024px){.bal-carousel--card .bal-carousel__inner--shadow-left::before,.bal-carousel--card .bal-carousel__inner--shadow-right::after{width:3rem}}.bal-carousel--card{margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 769px),print{.bal-carousel--card{margin-left:-2.5rem;margin-right:-2.5rem}}.bal-carousel--card .bal-carousel__controls{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__controls{padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--card .bal-carousel__item{width:100%;padding-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}@media screen and (min-width: 769px),print{.bal-carousel--card .bal-carousel__item{width:100%;padding-top:2.5rem;padding-bottom:2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.bal-carousel--controls-sticky .bal-carousel__controls--tabs{position:-webkit-sticky;position:sticky;top:var(--bal-carousel-sticky-top);z-index:var(--bal-z-index-sticky)}.bal-carousel__controls--tabs .bal-card{padding:0}.bal-carousel__controls--tabs .bal-card-content{padding:.5rem !important;gap:.5rem;display:-ms-flexbox;display:flex}.bal-carousel__controls--tabs .bal-card-content .bal-button{-ms-flex:1;flex:1}.bal-carousel__controls--tabs .bal-card-content .bal-button .button{padding:.5rem !important}.bal-carousel--image .bal-carousel__inner{border-radius:var(--bal-carousel-image-border-radius)}.bal-carousel--image .bal-carousel__inner--is-1by1{padding-top:100%}.bal-carousel--image .bal-carousel__inner--is-16by9{padding-top:56.25%}.bal-carousel--image .bal-carousel__inner--is-3by2{padding-top:66.66%}.bal-carousel--image .bal-carousel__inner--is-4by3{padding-top:75%}.bal-carousel--image .bal-carousel__inner__container{position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.bal-carousel--image .bal-carousel__item{position:relative;-ms-flex:0 0 100%;flex:0 0 100%}.bal-carousel--image .bal-carousel__item>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;user-zoom:fixed}.bal-carousel--product .bal-carousel__inner__container{gap:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 769px),print{.bal-carousel--product .bal-carousel__inner__container{padding-top:1.5rem;padding-bottom:1.5rem}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__inner__container{padding-top:2rem;padding-bottom:2rem}}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;min-width:10rem;max-width:10rem;height:11rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-zoom:fixed;user-drag:none}.bal-carousel--product .bal-carousel__item__button{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:1rem;border-radius:var(--bal-carousel-product-item-button-border-radius);padding:var(--bal-text-size-x-small);border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;background:var(--bal-carousel-product-item-button-background)}@media (hover: hover)and (pointer: fine){.bal-carousel--product .bal-carousel__item__button:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-green{background:var(--bal-carousel-product-item-button-background-green)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-green:hover{background:var(--bal-carousel-product-item-button-background-green-hover)}.bal-carousel--product .bal-carousel__item__button--color-green:active{background:var(--bal-carousel-product-item-button-background-green-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-red{background:var(--bal-carousel-product-item-button-background-red)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-red:hover{background:var(--bal-carousel-product-item-button-background-red-hover)}.bal-carousel--product .bal-carousel__item__button--color-red:active{background:var(--bal-carousel-product-item-button-background-red-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-yellow{background:var(--bal-carousel-product-item-button-background-yellow)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-yellow:hover{background:var(--bal-carousel-product-item-button-background-yellow-hover)}.bal-carousel--product .bal-carousel__item__button--color-yellow:active{background:var(--bal-carousel-product-item-button-background-yellow-active)}}@media screen and (max-width: 1023px){.bal-carousel--product .bal-carousel__item__button--color-purple{background:var(--bal-carousel-product-item-button-background-purple)}}@media screen and (min-width: 1024px){.bal-carousel--product .bal-carousel__item__button--color-purple:hover{background:var(--bal-carousel-product-item-button-background-purple-hover)}.bal-carousel--product .bal-carousel__item__button--color-purple:active{background:var(--bal-carousel-product-item-button-background-purple-active)}}.bal-carousel--product .bal-carousel__item__button__image{width:5rem;height:5rem;pointer-events:none}.bal-carousel--product .bal-carousel__item__button__label{font-weight:var(--bal-font-weight-bold);color:var(--bal-carousel-product-item-button-label-text-color);font-size:var(--bal-text-size-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:3.5rem;overflow:hidden;line-height:1.15rem;word-break:break-word}';var C=z;var F=e("bal_carousel",function(){function e(e){r(this,e);this.balChange=a(this,"balChange",7);this.swiper=new b;this.swiperIsLastSlideVisible=false;this.mutationObserverActive=true;this.hasAnimated=false;this.isMobile=g.isMobile;this.language=_.language;this.value=0;this.steps=1;this.itemsPerView=1;this.controls="none";this.space="none";this.htmlRole="list";this.controlsOverflow=false;this.inverted=false;this.fullHeight=false;this.aspectRatio="16by9";this.interface="";this.controlsSticky=false;this.scrollY=true;this.border=false}e.prototype.onValueChange=function(){this.swiper.index=this.value};e.prototype.onStepsChange=function(){this.swiper.steps=this.steps};e.prototype.onItemsPerViewChange=function(){this.swiper.itemsPerView=this.itemsPerView};e.prototype.onControlsChange=function(){this.swiper.controls=this.controls};e.prototype.onSpaceChange=function(){this.swiper.gapSpace=this.space};e.prototype.onInterFaceChange=function(){this.swiper.gapSpace=this.interface==="product"?"normal":this.space};e.prototype.connectedCallback=function(){this.swiper.connectedCallback(this);this.onControlsChange();this.onItemsPerViewChange();this.onStepsChange();this.onSpaceChange();this.onInterFaceChange();this.onValueChange()};e.prototype.disconnectedCallback=function(){this.swiper.disconnectedCallback()};e.prototype.blockVerticalScrolling=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){if(!this.scrollY&&((t=this.el)===null||t===void 0?void 0:t.contains(e.target))){d(e)}return[2]}))}))};e.prototype.mutationListener=function(){this.swiper.notifyChange()};e.prototype.visibilityListener=function(){this.swiper.notifyChange()};e.prototype.swipeListener=function(e){var t=e.left,r=e.right;if(t){this.next()}else if(r){this.previous()}};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile;this.swiper.notifyChange()};e.prototype.resizeListener=function(){this.swiper.notifyChange()};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=e.language;return[2]}))}))};e.prototype.previous=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=this.steps}return __generator(this,(function(t){this.swiper.previous(e);return[2]}))}))};e.prototype.next=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=this.steps}return __generator(this,(function(t){this.swiper.next(e);return[2]}))}))};e.prototype.getContainerId=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.swiper.containerId]}))}))};e.prototype.swiperGetAllChildrenElements=function(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))};e.prototype.swiperOnChange=function(e){this.value=e;this.balChange.emit(e)};e.prototype.render=function(){var e=this;var r=l.block("carousel");var a=r.element("inner");var i=a.element("container");return t(n,{key:"8d3018d668a5ee7d7f6db4f2c2546e720ad48577",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiper()),r.class()),r.modifier(this.interface).class(this.interface!=="")),r.modifier("full-height").class(this.fullHeight)),r.modifier("controls-sticky").class(this.controlsSticky)),r.modifier("controls-tabs").class(this.controls==="tabs"))},this.controls==="tabs"?t(O,{value:this.value,items:this.swiper.getAllControlItems(),containerId:this.swiper.containerId,onControlChange:function(t){return e.swiper.onControlChange(t.value)}}):"",t("div",{key:"d4fdd5af148e4fdcb1c4f0c49966398a8fa0fcd2",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssInnerSwiper()),a.class()),a.modifier("is-".concat(this.aspectRatio)).class()),a.modifier("inverted").class(this.inverted)),a.modifier("full-height").class(this.fullHeight)),ref:function(t){return e.swiper.innerEl=t}},t("div",{key:"acb3aa06b89dcb97bd3c3a489f5143752cd35568",id:this.swiper.containerId,role:this.controls==="tabs"?"":"list",class:Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiperContainer()),i.class()),i.modifier("border").class(this.border)),i.modifier("is-".concat(this.aspectRatio)).class()),ref:function(t){return e.swiper.containerEl=t}},t("slot",{key:"73052ff64fa0423cb88bf96aaa771064ca3aadea"}),this.border?t("div",{id:"".concat(this.swiper.id,"-border"),"aria-hidden":"true",class:Object.assign(Object.assign({},i.element("border").class()),i.element("border").modifier("inverted").class(this.inverted)),ref:function(t){return e.swiper.borderEl=t}}):"")),this.swiper.renderControls())};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["onValueChange"],steps:["onStepsChange"],itemsPerView:["onItemsPerViewChange"],controls:["onControlsChange"],space:["onSpaceChange"],interface:["onInterFaceChange"]}},enumerable:false,configurable:true});return e}());o([p({tags:["bal-carousel-item"],characterData:false}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],F.prototype,"mutationListener",null);o([v(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],F.prototype,"visibilityListener",null);o([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],F.prototype,"swipeListener",null);o([h(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],F.prototype,"breakpointListener",null);o([m(),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],F.prototype,"resizeListener",null);o([w(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],F.prototype,"configChanged",null);F.style=C;var S=e("bal_carousel_item",function(){function e(e){var t=this;r(this,e);this.balNavigate=a(this,"balNavigate",7);this.balFocus=a(this,"balFocus",7);this.balBlur=a(this,"balBlur",7);this.imageInheritAttributes={};this.generateSvgContent=function(){if(t.svg!==undefined&&t.svg.length>0){t.svgContent=y.sanitize(t.svg)||""}};this.onClick=function(e){if(t.href!==undefined){t.balNavigate.emit(e)}};this.onFocus=function(){t.balFocus.emit()};this.onBlur=function(){t.balBlur.emit()};this.isOnLoadEventDone=false;this.containerId="";this.svgContent="";this.src=undefined;this.label="";this.svg="";this.htmlRole="listitem";this.elementType="button";this.name=undefined;this.value=undefined;this.href=undefined;this.target="_self";this.rel=undefined;this.download=undefined;this.color=undefined}e.prototype.svgChanged=function(){this.generateSvgContent()};e.prototype.connectedCallback=function(){this.generateSvgContent()};e.prototype.componentDidLoad=function(){var e=this;x((function(){e.isOnLoadEventDone=true}))};e.prototype.componentWillLoad=function(){this.imageInheritAttributes=k(this.el,["alt"]);this.getContainerId()};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,j()];case 1:e.sent();if(this.buttonEl){this.buttonEl.focus()}return[2]}}))}))};e.prototype.getContainerId=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(r){switch(r.label){case 0:e=this.el.closest("bal-carousel");t=this;return[4,e.getContainerId()];case 1:t.containerId=r.sent();return[2]}}))}))};e.prototype.render=function(){var e=this;var r=l.block("carousel");var a=r.element("item");var i=!!this.color&&!!this.label;var o=this.el.closest("bal-carousel");var s=o&&o.controls==="tabs"?"tabpanel":"listitem";var c="".concat(this.containerId,"-").concat(u(this.label));if(!i){return t(n,{id:c,role:s,class:Object.assign({},a.class()),"aria-label":this.label},this.isOnLoadEventDone&&this.src!==undefined?t("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",t("slot",null))}var b=a.element("button");var d=b.element("image");var h=b.element("label");var p=this,f=p.elementType,m=p.download,g=p.href,_=p.rel,v=p.target,w=p.name,y=p.value;var k=this.href===undefined?"button":"a";var x=k==="button"?{type:f,name:w,value:y}:{download:m,href:g,rel:_,target:v};return t(n,{id:c,role:s,"aria-label":this.label,class:Object.assign({},a.class())},t(k,Object.assign({},x,{class:Object.assign(Object.assign({},b.class()),b.modifier("color-".concat(this.color)).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:function(t){return e.buttonEl=t}}),this.isOnLoadEventDone&&this.src!==undefined?t("img",Object.assign({class:Object.assign({},d.class()),draggable:false,onDragStart:function(){return false},"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):this.isOnLoadEventDone&&this.svgContent!==undefined?t("div",{class:Object.assign({},d.class()),innerHTML:this.svgContent}):"",this.label!==undefined?t("span",{class:Object.assign({},h.class())},this.label):"",t("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{svg:["svgChanged"]}},enumerable:false,configurable:true});return e}())}}}));
|
|
@@ -8,7 +8,7 @@ const browser = require('./browser-1d542d0f.js');
|
|
|
8
8
|
const device = require('./device-9f97a845.js');
|
|
9
9
|
const helpers = require('./helpers-debb881a.js');
|
|
10
10
|
const log = require('./log-33398c2a.js');
|
|
11
|
-
const focusVisible = require('./focus-visible-
|
|
11
|
+
const focusVisible = require('./focus-visible-a434c91f.js');
|
|
12
12
|
const config_utils = require('./config.utils-df30e424.js');
|
|
13
13
|
|
|
14
14
|
const balAppCss = ":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}";
|
|
@@ -8,24 +8,26 @@ const bem = require('./bem-81bc6a2d.js');
|
|
|
8
8
|
const aria = require('./aria-7672033f.js');
|
|
9
9
|
const swiper_util = require('./swiper.util-d23b8eb0.js');
|
|
10
10
|
const formInput = require('./form-input-e9974433.js');
|
|
11
|
-
const breakpoints_decorator = require('./breakpoints.decorator-
|
|
11
|
+
const breakpoints_decorator = require('./breakpoints.decorator-266b25a2.js');
|
|
12
12
|
const mutation_decorator = require('./mutation.decorator-485e250e.js');
|
|
13
13
|
const swipe_decorator = require('./swipe.decorator-9c105f90.js');
|
|
14
14
|
const resize_decorator = require('./resize.decorator-e4a92322.js');
|
|
15
|
-
const breakpoints_subject = require('./breakpoints.subject-
|
|
15
|
+
const breakpoints_subject = require('./breakpoints.subject-03f75770.js');
|
|
16
16
|
const config_default = require('./config.default-7e96eb95.js');
|
|
17
17
|
const visibility_decorator = require('./visibility.decorator-a218aab9.js');
|
|
18
18
|
const config_decorator = require('./config.decorator-de244188.js');
|
|
19
|
-
const
|
|
19
|
+
const purify = require('./purify-b01229e2.js');
|
|
20
20
|
const attributes = require('./attributes-11acd153.js');
|
|
21
|
+
const helpers = require('./helpers-debb881a.js');
|
|
21
22
|
require('./keyboard.helpers-2093e793.js');
|
|
22
23
|
require('./listener-52d2e5fd.js');
|
|
23
24
|
require('./browser-1d542d0f.js');
|
|
24
25
|
require('./swipe.subject-191f7d8a.js');
|
|
25
26
|
require('./device-9f97a845.js');
|
|
26
|
-
require('./tokens.esm-
|
|
27
|
+
require('./tokens.esm-c3cc508d.js');
|
|
27
28
|
require('./log-33398c2a.js');
|
|
28
29
|
require('./config.utils-df30e424.js');
|
|
30
|
+
require('./_commonjsHelpers-68cdf74f.js');
|
|
29
31
|
|
|
30
32
|
const TabControl = ({ value, items, containerId, onControlChange }) => {
|
|
31
33
|
const block = bem.BEM.block('carousel');
|
|
@@ -235,6 +237,11 @@ const CarouselItem = class {
|
|
|
235
237
|
this.balFocus = index.createEvent(this, "balFocus", 7);
|
|
236
238
|
this.balBlur = index.createEvent(this, "balBlur", 7);
|
|
237
239
|
this.imageInheritAttributes = {};
|
|
240
|
+
this.generateSvgContent = () => {
|
|
241
|
+
if (this.svg !== undefined && this.svg.length > 0) {
|
|
242
|
+
this.svgContent = purify.DOMPurify.sanitize(this.svg) || '';
|
|
243
|
+
}
|
|
244
|
+
};
|
|
238
245
|
this.onClick = (ev) => {
|
|
239
246
|
if (this.href !== undefined) {
|
|
240
247
|
this.balNavigate.emit(ev);
|
|
@@ -248,8 +255,10 @@ const CarouselItem = class {
|
|
|
248
255
|
};
|
|
249
256
|
this.isOnLoadEventDone = false;
|
|
250
257
|
this.containerId = '';
|
|
258
|
+
this.svgContent = '';
|
|
251
259
|
this.src = undefined;
|
|
252
260
|
this.label = '';
|
|
261
|
+
this.svg = '';
|
|
253
262
|
this.htmlRole = 'listitem';
|
|
254
263
|
this.elementType = 'button';
|
|
255
264
|
this.name = undefined;
|
|
@@ -260,10 +269,16 @@ const CarouselItem = class {
|
|
|
260
269
|
this.download = undefined;
|
|
261
270
|
this.color = undefined;
|
|
262
271
|
}
|
|
272
|
+
svgChanged() {
|
|
273
|
+
this.generateSvgContent();
|
|
274
|
+
}
|
|
263
275
|
/**
|
|
264
276
|
* LIFECYCLE
|
|
265
277
|
* ------------------------------------------------------
|
|
266
278
|
*/
|
|
279
|
+
connectedCallback() {
|
|
280
|
+
this.generateSvgContent();
|
|
281
|
+
}
|
|
267
282
|
componentDidLoad() {
|
|
268
283
|
helpers.rOnLoad(() => {
|
|
269
284
|
this.isOnLoadEventDone = true;
|
|
@@ -306,9 +321,12 @@ const CarouselItem = class {
|
|
|
306
321
|
rel,
|
|
307
322
|
target,
|
|
308
323
|
};
|
|
309
|
-
return (index.h(index.Host, { id: id, role: role, "aria-label": this.label, class: Object.assign({}, itemEl.class()) }, index.h(TagType, Object.assign({}, attrs, { class: Object.assign(Object.assign({}, button.class()), button.modifier(`color-${this.color}`).class()), part: "native", onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, ref: el => (this.buttonEl = el) }), this.isOnLoadEventDone && this.src !== undefined ? (index.h("img", Object.assign({ class: Object.assign({}, image.class()), draggable: false, onDragStart: () => false, "aria-hidden": "true", src: this.src }, this.imageInheritAttributes))) : (''), this.label !== undefined ? index.h("span", { class: Object.assign({}, label.class()) }, this.label) : '', index.h("slot", null))));
|
|
324
|
+
return (index.h(index.Host, { id: id, role: role, "aria-label": this.label, class: Object.assign({}, itemEl.class()) }, index.h(TagType, Object.assign({}, attrs, { class: Object.assign(Object.assign({}, button.class()), button.modifier(`color-${this.color}`).class()), part: "native", onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, ref: el => (this.buttonEl = el) }), this.isOnLoadEventDone && this.src !== undefined ? (index.h("img", Object.assign({ class: Object.assign({}, image.class()), draggable: false, onDragStart: () => false, "aria-hidden": "true", src: this.src }, this.imageInheritAttributes))) : this.isOnLoadEventDone && this.svgContent !== undefined ? (index.h("div", { class: Object.assign({}, image.class()), innerHTML: this.svgContent })) : (''), this.label !== undefined ? index.h("span", { class: Object.assign({}, label.class()) }, this.label) : '', index.h("slot", null))));
|
|
310
325
|
}
|
|
311
326
|
get el() { return index.getElement(this); }
|
|
327
|
+
static get watchers() { return {
|
|
328
|
+
"svg": ["svgChanged"]
|
|
329
|
+
}; }
|
|
312
330
|
};
|
|
313
331
|
|
|
314
332
|
exports.bal_carousel = Carousel;
|
|
@@ -7,7 +7,7 @@ const tslib_es6 = require('./tslib.es6-a680968e.js');
|
|
|
7
7
|
const aria = require('./aria-7672033f.js');
|
|
8
8
|
const attributes = require('./attributes-11acd153.js');
|
|
9
9
|
const bem = require('./bem-81bc6a2d.js');
|
|
10
|
-
const focusVisible = require('./focus-visible-
|
|
10
|
+
const focusVisible = require('./focus-visible-a434c91f.js');
|
|
11
11
|
const form = require('./form-17c98ac2.js');
|
|
12
12
|
const formInput = require('./form-input-e9974433.js');
|
|
13
13
|
const helpers = require('./helpers-debb881a.js');
|
|
@@ -10,7 +10,7 @@ const attributes = require('./attributes-11acd153.js');
|
|
|
10
10
|
const bem = require('./bem-81bc6a2d.js');
|
|
11
11
|
const browser = require('./browser-1d542d0f.js');
|
|
12
12
|
const floatingUi = require('./floating-ui-4a4a1aed.js');
|
|
13
|
-
const focusVisible = require('./focus-visible-
|
|
13
|
+
const focusVisible = require('./focus-visible-a434c91f.js');
|
|
14
14
|
const form = require('./form-17c98ac2.js');
|
|
15
15
|
const formInput = require('./form-input-e9974433.js');
|
|
16
16
|
const helpers = require('./helpers-debb881a.js');
|