@baloise/ds-core 19.8.4 → 19.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bal-logo.animation.js +77 -940
- package/components/bal-logo2.js +34 -19
- package/components/config.default.js +1 -0
- package/components/index.js +10 -1
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-a53c24274c.entry.js → p-0077e5a12f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-26085b7dcc.system.entry.js → p-0556bebe3a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-255e5491e6.system.entry.js → p-14ae6214c4.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-38fa211868.entry.js → p-1ee3f23f54.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b01f9c5651.entry.js → p-2333a469fa.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1074fb7fbc.entry.js → p-37641c340c.entry.js} +1 -1
- package/dist/baloise-design-system/{p-dcebb4b8a2.system.entry.js → p-393a31ad6e.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f6cb5253aa.system.entry.js → p-3ed3bfc59a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a32d50871a.system.entry.js → p-40f2569a17.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-70bdd60500.system.entry.js → p-41c63c9a82.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a2a1ed74fe.system.entry.js → p-44137a3d17.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c29bcf4e69.entry.js → p-493e239429.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1df2fb625c.entry.js → p-4b2eeb8c37.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8cf1d029e7.entry.js → p-4be902176f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-31abb1f859.entry.js → p-54f5a92feb.entry.js} +1 -1
- package/dist/baloise-design-system/{p-41dcd76f1f.system.entry.js → p-5c3f48e883.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9da9d45bda.system.entry.js → p-6191805e40.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b38b2e9484.system.entry.js → p-772db94619.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f6238b798a.system.entry.js → p-79006350e3.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-26764b092e.entry.js → p-7b52e9987d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f91be8b19a.entry.js → p-7f2e1e1be7.entry.js} +1 -1
- package/dist/baloise-design-system/{p-93dc4e9ec8.entry.js → p-8029d2f939.entry.js} +1 -1
- package/dist/baloise-design-system/{p-878f4e40a8.entry.js → p-862bf2c3e6.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d94f439c3b.system.entry.js → p-9191e04f14.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d4252ea848.system.entry.js → p-9417cf5581.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ac1cd5a1e1.system.entry.js → p-979dfed703.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-B3ZVog4n.system.js → p-BDYdAsv_.system.js} +1 -1
- package/dist/baloise-design-system/p-BFRjY4w3.js +1 -0
- package/dist/baloise-design-system/p-BIBFYhYa.system.js +1 -0
- package/dist/baloise-design-system/p-BRAmUyPx.system.js +1 -0
- package/dist/baloise-design-system/p-Bk7UdnZ5.system.js +1 -0
- package/dist/baloise-design-system/p-CBkFUwrD.js +1 -0
- package/dist/baloise-design-system/{p-DAsF8QfB.system.js → p-CE3V5D8z.system.js} +1 -1
- package/dist/baloise-design-system/p-CKN3W8qn.js +1 -0
- package/dist/baloise-design-system/p-CM3hCeNH.js +1 -0
- package/dist/baloise-design-system/p-CsPrCX4f.system.js +1 -0
- package/dist/baloise-design-system/p-CuyVPNj2.system.js +1 -0
- package/dist/baloise-design-system/{p-ReLIdwsB.js → p-DmVt6SeJ.js} +1 -1
- package/dist/baloise-design-system/{p-COIM5Kkz.js → p-Dn1vzM6-.js} +1 -1
- package/dist/baloise-design-system/p-Ere8qsaI.js +1 -0
- package/dist/baloise-design-system/p-Yg1qLcvR.js +1 -0
- package/dist/baloise-design-system/{p-3f596ba050.entry.js → p-a10bc9e5d8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cb3abec4bd.system.entry.js → p-a31aacd887.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4256f1331b.entry.js → p-a3c4c9d422.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6670584628.entry.js → p-a7503a0c9d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-93311a064b.system.entry.js → p-aec5e73a82.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0b05d342f5.entry.js → p-b13d48cf28.entry.js} +1 -1
- package/dist/baloise-design-system/{p-81a7d8f03d.entry.js → p-b75b727fbc.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cd6d0bfa91.system.entry.js → p-b9bbf796f3.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-BVitEMYC.system.js → p-bNRkwxp2.system.js} +1 -1
- package/dist/baloise-design-system/{p-0db571d8f2.system.entry.js → p-bb255885a4.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-99a9cc7202.entry.js → p-bd5655b6a8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-042570e1b4.system.entry.js → p-c1f871bb5b.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-c23854bd63.entry.js +1 -0
- package/dist/baloise-design-system/{p-5a66d8f568.entry.js → p-c637edb9ea.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f682c289a1.system.entry.js → p-c8491fda99.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c291d986ba.entry.js → p-ce2de36f43.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4aeaa1a916.system.entry.js → p-d20d698c0b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f55a98dc20.entry.js → p-dc45f7cf9c.entry.js} +1 -1
- package/dist/baloise-design-system/{p-133b5a4986.entry.js → p-ea9aa92049.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f8b560b22f.system.entry.js → p-eb98a3713f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e1b3b1f609.system.entry.js → p-ec911df779.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b4ff1b324f.system.entry.js → p-ee0b45ff30.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-06ae31c81e.entry.js → p-efd2551aca.entry.js} +1 -1
- package/dist/baloise-design-system/p-fb980109e2.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-e2e7e3c5c4.entry.js → p-fec5974e23.entry.js} +1 -1
- package/dist/baloise-design-system/p-giOY60zQ.system.js +1 -0
- package/dist/baloise-design-system/p-ncoiCFQ1.system.js +1 -0
- package/dist/cjs/{app-globals-C_KNnTwa.js → app-globals-D4xKyILL.js} +1 -1
- package/dist/cjs/bal-accordion_4.cjs.entry.js +1 -1
- package/dist/cjs/bal-carousel_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-close.cjs.entry.js +1 -1
- package/dist/cjs/bal-date-calendar_2.cjs.entry.js +1 -1
- package/dist/cjs/bal-date.cjs.entry.js +1 -1
- package/dist/cjs/bal-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/bal-field_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-footer.cjs.entry.js +1 -1
- package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-icon.cjs.entry.js +1 -1
- package/dist/cjs/bal-input-stepper.cjs.entry.js +2 -2
- package/dist/cjs/bal-label.cjs.entry.js +1 -1
- package/dist/cjs/bal-list_8.cjs.entry.js +4 -4
- package/dist/cjs/{bal-logo.animation-q2TTdoP3.js → bal-logo.animation-B4LvXc5Q.js} +77 -940
- package/dist/cjs/bal-logo.cjs.entry.js +35 -22
- package/dist/cjs/bal-nav_8.cjs.entry.js +4 -4
- package/dist/cjs/bal-navbar_5.cjs.entry.js +4 -4
- package/dist/cjs/bal-number-input.cjs.entry.js +2 -2
- package/dist/cjs/bal-pagination.cjs.entry.js +4 -4
- package/dist/cjs/bal-progress-bar.cjs.entry.js +4 -4
- package/dist/cjs/bal-segment_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-spinner.cjs.entry.js +1 -1
- package/dist/cjs/bal-steps.cjs.entry.js +3 -3
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-time-input.cjs.entry.js +1 -1
- package/dist/cjs/baloise-design-system.cjs.js +4 -4
- package/dist/cjs/{breakpoints.decorator-byAdfhn7.js → breakpoints.decorator-DhiWnqha.js} +1 -1
- package/dist/cjs/{breakpoints.subject-CarqIcOv.js → breakpoints.subject-DPTVZ3As.js} +1 -1
- package/dist/cjs/{config.default-Bkso4_bY.js → config.default-Cko-wpRU.js} +1 -0
- package/dist/cjs/index.cjs.js +4 -4
- package/dist/cjs/{initialize-CWGvp-PN.js → initialize-BzrcZo6Y.js} +11 -2
- package/dist/cjs/loader.cjs.js +4 -4
- package/dist/cjs/{number-COdZG-wK.js → number-Zs70JOU-.js} +1 -1
- package/dist/cjs/{tokens.esm-wN1fum6F.js → tokens.esm-DM_dMnsW.js} +1 -1
- package/dist/cjs/{window-resize.decorator-DMReD0Er.js → window-resize.decorator-oyMA7gDI.js} +1 -1
- package/dist/collection/components/bal-logo/bal-logo.css +1 -1
- package/dist/collection/components/bal-logo/bal-logo.data.js +77 -940
- package/dist/collection/components/bal-logo/bal-logo.js +57 -17
- package/dist/collection/utils/config/config.default.js +1 -0
- package/dist/collection/utils/config/config.js +9 -0
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/esm/{app-globals-BRqdW0lU.js → app-globals-Blx--ecs.js} +1 -1
- package/dist/esm/bal-accordion_4.entry.js +1 -1
- package/dist/esm/bal-carousel_2.entry.js +4 -4
- package/dist/esm/bal-close.entry.js +1 -1
- package/dist/esm/bal-date-calendar_2.entry.js +1 -1
- package/dist/esm/bal-date.entry.js +1 -1
- package/dist/esm/bal-dropdown_3.entry.js +1 -1
- package/dist/esm/bal-field_5.entry.js +3 -3
- package/dist/esm/bal-footer.entry.js +1 -1
- package/dist/esm/bal-hint_5.entry.js +3 -3
- package/dist/esm/bal-icon.entry.js +1 -1
- package/dist/esm/bal-input-stepper.entry.js +2 -2
- package/dist/esm/bal-label.entry.js +1 -1
- package/dist/esm/bal-list_8.entry.js +4 -4
- package/dist/esm/{bal-logo.animation-Bm-_mal3.js → bal-logo.animation-DQd9HTdg.js} +77 -940
- package/dist/esm/bal-logo.entry.js +35 -22
- package/dist/esm/bal-nav_8.entry.js +4 -4
- package/dist/esm/bal-navbar_5.entry.js +4 -4
- package/dist/esm/bal-number-input.entry.js +2 -2
- package/dist/esm/bal-pagination.entry.js +4 -4
- package/dist/esm/bal-progress-bar.entry.js +4 -4
- package/dist/esm/bal-segment_2.entry.js +4 -4
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-spinner.entry.js +1 -1
- package/dist/esm/bal-steps.entry.js +3 -3
- package/dist/esm/bal-tab-item_2.entry.js +4 -4
- package/dist/esm/bal-time-input.entry.js +1 -1
- package/dist/esm/baloise-design-system.js +4 -4
- package/dist/esm/{breakpoints.decorator-t_yXJIZL.js → breakpoints.decorator-C-DmFJbn.js} +1 -1
- package/dist/esm/{breakpoints.subject-BnQp404Z.js → breakpoints.subject-Iyftu-nV.js} +1 -1
- package/dist/esm/{config.default-I6QXKbhg.js → config.default-RE8-gLMQ.js} +1 -0
- package/dist/esm/index.js +5 -5
- package/dist/esm/{initialize-pdWsVO-c.js → initialize-W3od-FM9.js} +11 -2
- package/dist/esm/loader.js +4 -4
- package/dist/esm/{number-Bwx2aNR0.js → number-DfnRcL0e.js} +1 -1
- package/dist/esm/{tokens.esm-Cf90NR4z.js → tokens.esm-C9EQ_6RZ.js} +1 -1
- package/dist/esm/{window-resize.decorator-DBJlK-45.js → window-resize.decorator-BU569j2_.js} +1 -1
- package/dist/esm-es5/app-globals-Blx--ecs.js +1 -0
- package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-close.entry.js +1 -1
- package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
- package/dist/esm-es5/bal-date.entry.js +1 -1
- package/dist/esm-es5/bal-dropdown_3.entry.js +1 -1
- package/dist/esm-es5/bal-field_5.entry.js +1 -1
- package/dist/esm-es5/bal-footer.entry.js +1 -1
- package/dist/esm-es5/bal-hint_5.entry.js +1 -1
- package/dist/esm-es5/bal-icon.entry.js +1 -1
- package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
- package/dist/esm-es5/bal-label.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.animation-DQd9HTdg.js +1 -0
- package/dist/esm-es5/bal-logo.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-number-input.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-segment_2.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-spinner.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/bal-time-input.entry.js +1 -1
- package/dist/esm-es5/baloise-design-system.js +1 -1
- package/dist/esm-es5/{breakpoints.decorator-t_yXJIZL.js → breakpoints.decorator-C-DmFJbn.js} +1 -1
- package/dist/esm-es5/{breakpoints.subject-BnQp404Z.js → breakpoints.subject-Iyftu-nV.js} +1 -1
- package/dist/esm-es5/{config.default-I6QXKbhg.js → config.default-RE8-gLMQ.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-W3od-FM9.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{number-Bwx2aNR0.js → number-DfnRcL0e.js} +1 -1
- package/dist/esm-es5/{window-resize.decorator-DBJlK-45.js → window-resize.decorator-BU569j2_.js} +1 -1
- package/dist/html.html-data.json +12 -0
- package/dist/types/components/bal-logo/bal-logo.d.ts +6 -0
- package/dist/types/components/bal-logo/bal-logo.data.d.ts +81 -187
- package/dist/types/components/bal-logo/bal-logo.interfaces.d.ts +1 -1
- package/dist/types/components.d.ts +10 -0
- package/dist/types/utils/config/config.d.ts +3 -1
- package/dist/types/utils/config/config.types.d.ts +3 -0
- package/package.json +6 -6
- package/dist/baloise-design-system/p-74047cc11f.entry.js +0 -1
- package/dist/baloise-design-system/p-B1a79Kak.system.js +0 -1
- package/dist/baloise-design-system/p-BC9JH89x.js +0 -1
- package/dist/baloise-design-system/p-BRJ7ljGZ.system.js +0 -1
- package/dist/baloise-design-system/p-BblIE2Vz.system.js +0 -1
- package/dist/baloise-design-system/p-BtgFoKGn.js +0 -1
- package/dist/baloise-design-system/p-CBUCh83e.js +0 -1
- package/dist/baloise-design-system/p-C_0MGoKB.js +0 -1
- package/dist/baloise-design-system/p-CgBveYeB.js +0 -1
- package/dist/baloise-design-system/p-CwWHLbPB.system.js +0 -1
- package/dist/baloise-design-system/p-DNy7adIE.system.js +0 -1
- package/dist/baloise-design-system/p-Dhp6-MTS.system.js +0 -1
- package/dist/baloise-design-system/p-DsxGYykr.js +0 -1
- package/dist/baloise-design-system/p-db2823d02b.system.entry.js +0 -1
- package/dist/baloise-design-system/p-wAfnccKA.system.js +0 -1
- package/dist/esm-es5/app-globals-BRqdW0lU.js +0 -1
- package/dist/esm-es5/bal-logo.animation-Bm-_mal3.js +0 -1
- package/dist/esm-es5/initialize-pdWsVO-c.js +0 -1
- /package/dist/baloise-design-system/{p-Cf90NR4z.js → p-C9EQ_6RZ.js} +0 -0
- /package/dist/baloise-design-system/{p-LFV9NiI-.system.js → p-dEE6wNs_.system.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-Cf90NR4z.js → tokens.esm-C9EQ_6RZ.js} +0 -0
package/dist/esm/{window-resize.decorator-DBJlK-45.js → window-resize.decorator-BU569j2_.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { B as BalWindowResizeListener } from './breakpoints.subject-
|
|
1
|
+
import { B as BalWindowResizeListener } from './breakpoints.subject-Iyftu-nV.js';
|
|
2
2
|
import { a as SingleSubject } from './listener-CClDIhvK.js';
|
|
3
3
|
import { b as balBrowser } from './browser-B1u-Mq75.js';
|
|
4
4
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{i as initializeBaloiseDesignSystem}from"./initialize-W3od-FM9.js";function appGlobalScript(){initializeBaloiseDesignSystem()}var globalScripts=appGlobalScript;export{globalScripts as g};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{m as raf,t as transitionEndAsync,n as debounceEvent,f as waitForComponent}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{L as ListenToConfig}from"./config.decorator-3bfyZ-0Y.js";import{s as stopEventBubbling}from"./form-input-DYvzaBlM.js";import{a as isEnterKey,i as isSpaceKey}from"./keyboard.helpers-BERg8BNc.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{d as defaultConfig}from"./config.default-I6QXKbhg.js";import"./browser-B1u-Mq75.js";import"./config.utils-B7jugjyM.js";var balAccordionCss=".bal-accordion{display:block;position:relative;width:100%}.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-desktop)}}.bal-accordion--card-v2{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v2{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v2{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bal-accordion__trigger--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium);margin-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet);margin-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop);margin-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__content--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__content--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__content--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop)}}.bal-accordion--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion--animated .bal-accordion__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__content{will-change:max-height}.bal-accordion__content--overflow-hidden{overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion--collapsing .bal-accordion__content{max-height:0 !important}.bal-accordion--collapsed .bal-accordion__content{display:none}.bal-accordion--expanding .bal-accordion__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion,.bal-accordion__content{-webkit-transition:none !important;transition:none !important}}";var Accordion=function(){function t(t){var i=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange");this.balWillAnimate=createEvent(this,"balWillAnimate");this.balDidAnimate=createEvent(this,"balDidAnimate");this.componentId="bal-accordion-".concat(accordionIds++);this.state=1;this.animated=true;this.active=false;this.debounce=0;this.openLabel="";this.openIcon="plus";this.closeLabel="";this.closeIcon="close";this.card=false;this.version=2;this.updateState=function(t){if(t===void 0){t=false}if(i.active){i.expand(t)}else{i.collapse(t)}};this.setState=function(t){i.state=t;if(i.version===2){i.updateTriggerElement();i.updateDetailsElement();i.updateSummaryElement()}};this.updateDetailsElement=function(){var t=i.detailsElement;if(t){t.state=i.state;t.active=i.active;t.animated=i.animated}};this.updateTriggerElement=function(){var t=i.triggerElement;if(t){t.state=i.state;t.active=i.active}};this.updateSummaryElement=function(){var t=i.summaryElement;if(t){t.state=i.state;t.active=i.active}};this.expand=function(t){if(t===void 0){t=false}i.active=true;var e=i.detailsElement;var a=i.detailsWrapperElement;if(t||e===null||a===null){i.setState(4);return i.active}if(i.state===4){return i.active}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){raf((function(){i.setState(8);i.balWillAnimate.emit(i.active);i.currentRaf=raf((function(){return __awaiter(i,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=a.offsetHeight;i=transitionEndAsync(e,300);e.style.setProperty("max-height","".concat(t,"px"));return[4,i];case 1:n.sent();this.setState(4);e.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}))}))}else{i.balWillAnimate.emit(i.active);i.setState(4);i.balDidAnimate.emit(i.active)}return i.active};this.collapse=function(t){if(t===void 0){t=false}i.active=false;var e=i.detailsElement;if(t||e===null){i.setState(1);return i.active}if(i.state===1){return i.active}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){i.currentRaf=raf((function(){return __awaiter(i,void 0,void 0,(function(){var t;var i=this;return __generator(this,(function(a){t=e.offsetHeight;e.style.setProperty("max-height","".concat(t,"px"));raf((function(){return __awaiter(i,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:t=transitionEndAsync(e,300);this.setState(2);this.balDidAnimate.emit(this.active);return[4,t];case 1:i.sent();this.setState(1);e.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}));return[2]}))}))}))}else{i.balDidAnimate.emit(i.active);i.setState(1);i.balDidAnimate.emit(i.active)}return i.active};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return i.animated};this.onTriggerClickV1=function(){i.humanToggle()}}t.prototype.createLogger=function(t){this.log=t};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t!==i){this.active=t;this.updateState()}return[2]}))}))};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.debounceChanged();return[4,waitForComponent(this.el)];case 1:t.sent();if(this.active){this.activeChanged(this.active,false)}this.updateState(true);return[2]}}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.animated=t.animated;return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.expand()]}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.collapse()]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.active){return[2,this.collapse()]}else{return[2,this.expand()]}return[2]}))}))};t.prototype.humanToggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.active)return[3,2];return[4,this.collapse()];case 1:t.sent();return[3,4];case 2:return[4,this.expand()];case 3:t.sent();t.label=4;case 4:this.balChange.emit(this.active);return[2,this.active]}}))}))};Object.defineProperty(t.prototype,"summaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-summary")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"triggerElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-trigger")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsElement",{get:function(){var t;if(this.version===1){return this.contentEl||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsWrapperElement",{get:function(){var t;if(this.version===1){return this.contentElWrapper||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details > div")))||null},enumerable:false,configurable:true});t.prototype.render=function(){return this.version===2?this.renderVersion2():this.renderVersion1()};t.prototype.renderVersion2=function(){var t=BEM.block("accordion");return h(Host,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("card-v2").class(this.card)),t.modifier("animated").class(this.animated))})};t.prototype.renderVersion1=function(){var t=this;var i=this.active?this.closeLabel:this.openLabel;var e=this.active?this.closeIcon:this.openIcon;var a=BEM.block("accordion");var n=this.state===4||this.state===8;var r=n?"button expanded":"button";var o=n?"content expanded":"content";return h(Host,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("card-v1").class(this.card)),a.modifier("active").class(this.active)),a.modifier("expanding").class(this.state===8)),a.modifier("expanded").class(this.state===4)),a.modifier("collapsing").class(this.state===2)),a.modifier("collapsed").class(this.state===1)),a.modifier("animated").class(this.animated))},h("div",{class:Object.assign({},a.element("wrapper").class())},h("div",{class:Object.assign(Object.assign({},a.element("trigger").class()),a.element("trigger").modifier("card").class(this.card)),"data-testid":"bal-accordion-summary"},h("bal-button",{id:"".concat(this.componentId,"-button"),"aria-controls":"".concat(this.componentId,"-content"),part:r,"data-testid":"bal-accordion-trigger",expanded:true,color:"info",icon:e,onClick:this.onTriggerClickV1},i)),h("div",{id:"".concat(this.componentId,"-content"),"aria-labelledby":"".concat(this.componentId,"-button"),role:"region",part:o,class:Object.assign(Object.assign(Object.assign({},a.element("content").class()),a.element("content").modifier("card").class(this.card)),a.element("content").modifier("overflow-hidden").class(this.state!==4)),ref:function(i){return t.contentEl=i}},h("div",{id:"".concat(this.componentId,"-content-wrapper"),"data-testid":"bal-accordion-details",class:Object.assign({},a.element("content").element("wrapper").class()),ref:function(i){return t.contentElWrapper=i}},h("slot",null)))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeChanged"],debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Accordion.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Accordion.prototype,"configChanged",null);var accordionIds=0;Accordion.style=balAccordionCss;var balAccordionDetailsCss=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__details--collapsing{max-height:0 !important;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--collapsed{display:none;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--expanding{max-height:0;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";var AccordionDetails=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-details-".concat(accordionDetailIds++);this.state=1;this.active=false;this.animated=true;this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id}}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("accordion").element("details");var i=t.element("container");var e=i.element("wrapper");var a=this.parentAccordionId?"".concat(this.parentAccordionId,"-details"):this.componentId;var n=this.state===4||this.state===8;var r=n?"content expanded":"content";return h(Host,{key:"1e909c6bdc60974006159dc9eb6408d3350ea684",id:a,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("expanding").class(this.state===8)),t.modifier("expanded").class(this.state===4)),t.modifier("collapsing").class(this.state===2)),t.modifier("collapsed").class(this.state===1)),t.modifier("animated").class(this.animated))},h("div",{key:"f38a2c41997e018e4226384b81dd73d7e55d16e8",id:"".concat(a,"-content"),"aria-labelledby":"".concat(this.parentAccordionId,"-trigger-button"),role:"region",part:r,class:Object.assign({},e.class()),"data-testid":"bal-accordion-details"},h("slot",{key:"8429dd4b9a113cade1d579d23cba01e38bb9fb9e"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion-details"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],AccordionDetails.prototype,"createLogger",null);var accordionDetailIds=0;AccordionDetails.style=balAccordionDetailsCss;var balAccordionSummaryCss="@media (hover: hover)and (pointer: fine){.bal-accordion__summary--trigger:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__summary{position:static;display:block}.bal-accordion__summary--trigger{cursor:pointer}";var AccordionSummary=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-summary-".concat(accordionSummaryIds++);this.trigger=false;this.active=false;this.state=1;this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var e;stopEventBubbling(t);(e=i.parentAccordionElement)===null||e===void 0?void 0:e.humanToggle()};this.onKeyDown=function(t){var e;if(isEnterKey(t)||isSpaceKey(t)){stopEventBubbling(t);(e=i.parentAccordionElement)===null||e===void 0?void 0:e.humanToggle()}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=2}this.updateAccordionId()};t.prototype.disconnectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=1}this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("accordion").element("summary");var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-summary"):this.componentId;var e=this.state===4||this.state===8;var a=e?"button expanded":"button";var n={};if(this.trigger){n={"aria-controls":"".concat(this.parentAccordionId,"-details-content"),role:"button",tabindex:0,part:a,"data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}}return h(Host,Object.assign({key:"ed4f3e46644cf6288855154214126231e5b25e1d",id:i,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("trigger").class(this.trigger)),t.modifier("inner-trigger").class(!this.trigger)),{"bal-focused":this.trigger})},n,{"data-testid":"bal-accordion-summary"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion-summary"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],AccordionSummary.prototype,"createLogger",null);var accordionSummaryIds=0;AccordionSummary.style=balAccordionSummaryCss;var i18nBalAccordion={de:{open:"Mehr anzeigen",close:"Weniger anzeigen"},en:{open:"Show more",close:"Show less"},fr:{open:"Afficher plus",close:"Afficher moins"},it:{open:"Mostra di più",close:"Mostra di meno"},nl:{open:"Meer weergeven",close:"Minder weergeven"},es:{open:"Mostrar más",close:"Mostrar menos"},pl:{open:"Pokaż więcej",close:"Pokaż mniej"},pt:{open:"Mostrar mais",close:"Mostrar menos"},sv:{open:"Visa mer",close:"Visa mindre"},fi:{open:"Näytä lisää",close:"Näytä vähemmän"}};var balAccordionTriggerCss="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible,.bal-accordion__trigger__text.bal-focused:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__trigger{position:static;display:block}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;border-radius:var(--bal-border-radius-normal);height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.bal-accordion__trigger__text{display:inline;background:rgba(0,0,0,0);border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0;margin:0;border-radius:var(--bal-radius-normal);font-size:var(--bal-text-size-small);color:var(--bal-text-color-primary-light);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__text:hover{color:var(--bal-text-color-primary-hovered)}}.bal-accordion__trigger__text:active{color:var(--bal-text-color-primary-pressed)}";var AccordionTrigger=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-trigger-".concat(accordionTriggerIds++);this.language=defaultConfig.language;this.button=false;this.expanded=true;this.openLabel="";this.openIcon="caret-down";this.closeLabel="";this.closeIcon="";this.color="info";this.size="";this.active=false;this.state=1;this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var e;stopEventBubbling(t);(e=i.parentAccordionElement)===null||e===void 0?void 0:e.humanToggle()};this.block=BEM.block("accordion").element("trigger")}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.language=t.language;return[2]}))}))};Object.defineProperty(t.prototype,"realVariant",{get:function(){if(this.button){return"button"}return this.variant},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"parentAccordionSummaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion-summary"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=this;var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-trigger"):this.componentId;var e=this.active?this.closeLabel:this.openLabel;var a=false;var n=this.active?this.closeIcon:this.openIcon;if(this.closeIcon===""||this.closeIcon===undefined||this.closeIcon===null){a=this.active;n=this.openIcon||"caret-down"}var r=this.state===4||this.state===8;var o=r?"button expanded":"button";var s=this.parentAccordionSummaryElement;var c={tabindex:-1};if(s&&!s.trigger){c={tabindex:0}}var d=function(i){switch(i.variant){case"button":return t.renderButton(i);case"text":return t.renderText(i);default:return t.renderIcon(i)}};return h(Host,{id:i,class:Object.assign({},this.block.class())},h(d,{variant:this.realVariant,id:i,label:e,icon:n,turn:a,expanded:r,buttonPart:o,triggerAttributes:c}))};t.prototype.renderButton=function(t){var i=t.id,e=t.buttonPart,a=t.icon,n=t.turn,r=t.label;return h("bal-button",{id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),part:e,"data-testid":"bal-accordion-trigger",expanded:this.expanded,icon:a,iconTurn:n,color:this.color,size:this.size,title:this.active?i18nBalAccordion[this.language].close:i18nBalAccordion[this.language].open,"aria-label":this.active?i18nBalAccordion[this.language].close:i18nBalAccordion[this.language].open,"aria-expanded":ariaBooleanToString(this.active),onClick:this.onClick},r)};t.prototype.renderIcon=function(t){var i=t.buttonPart,e=t.triggerAttributes,a=t.turn,n=t.icon,r=t.id;return h("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("button").class()),{"bal-focused":e.tabindex===0}),id:"".concat(r,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),"aria-expanded":ariaBooleanToString(this.active),part:i,"data-testid":"bal-accordion-trigger",title:this.active?i18nBalAccordion[this.language].close:i18nBalAccordion[this.language].open,"aria-label":this.active?i18nBalAccordion[this.language].close:i18nBalAccordion[this.language].open,onClick:this.onClick},e),h("bal-icon",{turn:a,name:n}))};t.prototype.renderText=function(t){var i=t.buttonPart,e=t.triggerAttributes,a=t.turn,n=t.icon,r=t.id;var o=this.openLabel||i18nBalAccordion[this.language].open;var s=this.closeLabel||i18nBalAccordion[this.language].close;return h("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("text").class()),{"bal-focused":e.tabindex===0}),id:"".concat(r,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),"aria-expanded":ariaBooleanToString(this.active),part:i,"data-testid":"bal-accordion-trigger",onClick:this.onClick},e),this.active?s:o)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion-trigger"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],AccordionTrigger.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],AccordionTrigger.prototype,"configChanged",null);var accordionTriggerIds=0;AccordionTrigger.style=balAccordionTriggerCss;export{Accordion as bal_accordion,AccordionDetails as bal_accordion_details,AccordionSummary as bal_accordion_summary,AccordionTrigger as bal_accordion_trigger};
|
|
1
|
+
import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{m as raf,t as transitionEndAsync,n as debounceEvent,f as waitForComponent}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{L as ListenToConfig}from"./config.decorator-3bfyZ-0Y.js";import{s as stopEventBubbling}from"./form-input-DYvzaBlM.js";import{a as isEnterKey,i as isSpaceKey}from"./keyboard.helpers-BERg8BNc.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{d as defaultConfig}from"./config.default-RE8-gLMQ.js";import"./browser-B1u-Mq75.js";import"./config.utils-B7jugjyM.js";var balAccordionCss=".bal-accordion{display:block;position:relative;width:100%}.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-desktop)}}.bal-accordion--card-v2{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v2{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v2{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bal-accordion__trigger--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium);margin-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet);margin-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop);margin-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__content--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__content--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__content--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop)}}.bal-accordion--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion--animated .bal-accordion__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__content{will-change:max-height}.bal-accordion__content--overflow-hidden{overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion--collapsing .bal-accordion__content{max-height:0 !important}.bal-accordion--collapsed .bal-accordion__content{display:none}.bal-accordion--expanding .bal-accordion__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion,.bal-accordion__content{-webkit-transition:none !important;transition:none !important}}";var Accordion=function(){function t(t){var i=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange");this.balWillAnimate=createEvent(this,"balWillAnimate");this.balDidAnimate=createEvent(this,"balDidAnimate");this.componentId="bal-accordion-".concat(accordionIds++);this.state=1;this.animated=true;this.active=false;this.debounce=0;this.openLabel="";this.openIcon="plus";this.closeLabel="";this.closeIcon="close";this.card=false;this.version=2;this.updateState=function(t){if(t===void 0){t=false}if(i.active){i.expand(t)}else{i.collapse(t)}};this.setState=function(t){i.state=t;if(i.version===2){i.updateTriggerElement();i.updateDetailsElement();i.updateSummaryElement()}};this.updateDetailsElement=function(){var t=i.detailsElement;if(t){t.state=i.state;t.active=i.active;t.animated=i.animated}};this.updateTriggerElement=function(){var t=i.triggerElement;if(t){t.state=i.state;t.active=i.active}};this.updateSummaryElement=function(){var t=i.summaryElement;if(t){t.state=i.state;t.active=i.active}};this.expand=function(t){if(t===void 0){t=false}i.active=true;var e=i.detailsElement;var a=i.detailsWrapperElement;if(t||e===null||a===null){i.setState(4);return i.active}if(i.state===4){return i.active}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){raf((function(){i.setState(8);i.balWillAnimate.emit(i.active);i.currentRaf=raf((function(){return __awaiter(i,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=a.offsetHeight;i=transitionEndAsync(e,300);e.style.setProperty("max-height","".concat(t,"px"));return[4,i];case 1:n.sent();this.setState(4);e.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}))}))}else{i.balWillAnimate.emit(i.active);i.setState(4);i.balDidAnimate.emit(i.active)}return i.active};this.collapse=function(t){if(t===void 0){t=false}i.active=false;var e=i.detailsElement;if(t||e===null){i.setState(1);return i.active}if(i.state===1){return i.active}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){i.currentRaf=raf((function(){return __awaiter(i,void 0,void 0,(function(){var t;var i=this;return __generator(this,(function(a){t=e.offsetHeight;e.style.setProperty("max-height","".concat(t,"px"));raf((function(){return __awaiter(i,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:t=transitionEndAsync(e,300);this.setState(2);this.balDidAnimate.emit(this.active);return[4,t];case 1:i.sent();this.setState(1);e.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}));return[2]}))}))}))}else{i.balDidAnimate.emit(i.active);i.setState(1);i.balDidAnimate.emit(i.active)}return i.active};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return i.animated};this.onTriggerClickV1=function(){i.humanToggle()}}t.prototype.createLogger=function(t){this.log=t};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t!==i){this.active=t;this.updateState()}return[2]}))}))};t.prototype.debounceChanged=function(){this.balChange=debounceEvent(this.balChange,this.debounce)};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.debounceChanged();return[4,waitForComponent(this.el)];case 1:t.sent();if(this.active){this.activeChanged(this.active,false)}this.updateState(true);return[2]}}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.animated=t.animated;return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.expand()]}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.collapse()]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.active){return[2,this.collapse()]}else{return[2,this.expand()]}return[2]}))}))};t.prototype.humanToggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.active)return[3,2];return[4,this.collapse()];case 1:t.sent();return[3,4];case 2:return[4,this.expand()];case 3:t.sent();t.label=4;case 4:this.balChange.emit(this.active);return[2,this.active]}}))}))};Object.defineProperty(t.prototype,"summaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-summary")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"triggerElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-trigger")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsElement",{get:function(){var t;if(this.version===1){return this.contentEl||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsWrapperElement",{get:function(){var t;if(this.version===1){return this.contentElWrapper||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details > div")))||null},enumerable:false,configurable:true});t.prototype.render=function(){return this.version===2?this.renderVersion2():this.renderVersion1()};t.prototype.renderVersion2=function(){var t=BEM.block("accordion");return h(Host,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("card-v2").class(this.card)),t.modifier("animated").class(this.animated))})};t.prototype.renderVersion1=function(){var t=this;var i=this.active?this.closeLabel:this.openLabel;var e=this.active?this.closeIcon:this.openIcon;var a=BEM.block("accordion");var n=this.state===4||this.state===8;var r=n?"button expanded":"button";var o=n?"content expanded":"content";return h(Host,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("card-v1").class(this.card)),a.modifier("active").class(this.active)),a.modifier("expanding").class(this.state===8)),a.modifier("expanded").class(this.state===4)),a.modifier("collapsing").class(this.state===2)),a.modifier("collapsed").class(this.state===1)),a.modifier("animated").class(this.animated))},h("div",{class:Object.assign({},a.element("wrapper").class())},h("div",{class:Object.assign(Object.assign({},a.element("trigger").class()),a.element("trigger").modifier("card").class(this.card)),"data-testid":"bal-accordion-summary"},h("bal-button",{id:"".concat(this.componentId,"-button"),"aria-controls":"".concat(this.componentId,"-content"),part:r,"data-testid":"bal-accordion-trigger",expanded:true,color:"info",icon:e,onClick:this.onTriggerClickV1},i)),h("div",{id:"".concat(this.componentId,"-content"),"aria-labelledby":"".concat(this.componentId,"-button"),role:"region",part:o,class:Object.assign(Object.assign(Object.assign({},a.element("content").class()),a.element("content").modifier("card").class(this.card)),a.element("content").modifier("overflow-hidden").class(this.state!==4)),ref:function(i){return t.contentEl=i}},h("div",{id:"".concat(this.componentId,"-content-wrapper"),"data-testid":"bal-accordion-details",class:Object.assign({},a.element("content").element("wrapper").class()),ref:function(i){return t.contentElWrapper=i}},h("slot",null)))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeChanged"],debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Accordion.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Accordion.prototype,"configChanged",null);var accordionIds=0;Accordion.style=balAccordionCss;var balAccordionDetailsCss=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__details--collapsing{max-height:0 !important;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--collapsed{display:none;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--expanding{max-height:0;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";var AccordionDetails=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-details-".concat(accordionDetailIds++);this.state=1;this.active=false;this.animated=true;this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id}}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("accordion").element("details");var i=t.element("container");var e=i.element("wrapper");var a=this.parentAccordionId?"".concat(this.parentAccordionId,"-details"):this.componentId;var n=this.state===4||this.state===8;var r=n?"content expanded":"content";return h(Host,{key:"1e909c6bdc60974006159dc9eb6408d3350ea684",id:a,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("expanding").class(this.state===8)),t.modifier("expanded").class(this.state===4)),t.modifier("collapsing").class(this.state===2)),t.modifier("collapsed").class(this.state===1)),t.modifier("animated").class(this.animated))},h("div",{key:"f38a2c41997e018e4226384b81dd73d7e55d16e8",id:"".concat(a,"-content"),"aria-labelledby":"".concat(this.parentAccordionId,"-trigger-button"),role:"region",part:r,class:Object.assign({},e.class()),"data-testid":"bal-accordion-details"},h("slot",{key:"8429dd4b9a113cade1d579d23cba01e38bb9fb9e"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion-details"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],AccordionDetails.prototype,"createLogger",null);var accordionDetailIds=0;AccordionDetails.style=balAccordionDetailsCss;var balAccordionSummaryCss="@media (hover: hover)and (pointer: fine){.bal-accordion__summary--trigger:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__summary{position:static;display:block}.bal-accordion__summary--trigger{cursor:pointer}";var AccordionSummary=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-summary-".concat(accordionSummaryIds++);this.trigger=false;this.active=false;this.state=1;this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var e;stopEventBubbling(t);(e=i.parentAccordionElement)===null||e===void 0?void 0:e.humanToggle()};this.onKeyDown=function(t){var e;if(isEnterKey(t)||isSpaceKey(t)){stopEventBubbling(t);(e=i.parentAccordionElement)===null||e===void 0?void 0:e.humanToggle()}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=2}this.updateAccordionId()};t.prototype.disconnectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=1}this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=BEM.block("accordion").element("summary");var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-summary"):this.componentId;var e=this.state===4||this.state===8;var a=e?"button expanded":"button";var n={};if(this.trigger){n={"aria-controls":"".concat(this.parentAccordionId,"-details-content"),role:"button",tabindex:0,part:a,"data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}}return h(Host,Object.assign({key:"ed4f3e46644cf6288855154214126231e5b25e1d",id:i,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("trigger").class(this.trigger)),t.modifier("inner-trigger").class(!this.trigger)),{"bal-focused":this.trigger})},n,{"data-testid":"bal-accordion-summary"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion-summary"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],AccordionSummary.prototype,"createLogger",null);var accordionSummaryIds=0;AccordionSummary.style=balAccordionSummaryCss;var i18nBalAccordion={de:{open:"Mehr anzeigen",close:"Weniger anzeigen"},en:{open:"Show more",close:"Show less"},fr:{open:"Afficher plus",close:"Afficher moins"},it:{open:"Mostra di più",close:"Mostra di meno"},nl:{open:"Meer weergeven",close:"Minder weergeven"},es:{open:"Mostrar más",close:"Mostrar menos"},pl:{open:"Pokaż więcej",close:"Pokaż mniej"},pt:{open:"Mostrar mais",close:"Mostrar menos"},sv:{open:"Visa mer",close:"Visa mindre"},fi:{open:"Näytä lisää",close:"Näytä vähemmän"}};var balAccordionTriggerCss="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible,.bal-accordion__trigger__text.bal-focused:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__trigger{position:static;display:block}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;border-radius:var(--bal-border-radius-normal);height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.bal-accordion__trigger__text{display:inline;background:rgba(0,0,0,0);border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0;margin:0;border-radius:var(--bal-radius-normal);font-size:var(--bal-text-size-small);color:var(--bal-text-color-primary-light);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__text:hover{color:var(--bal-text-color-primary-hovered)}}.bal-accordion__trigger__text:active{color:var(--bal-text-color-primary-pressed)}";var AccordionTrigger=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-trigger-".concat(accordionTriggerIds++);this.language=defaultConfig.language;this.button=false;this.expanded=true;this.openLabel="";this.openIcon="caret-down";this.closeLabel="";this.closeIcon="";this.color="info";this.size="";this.active=false;this.state=1;this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var e;stopEventBubbling(t);(e=i.parentAccordionElement)===null||e===void 0?void 0:e.humanToggle()};this.block=BEM.block("accordion").element("trigger")}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.language=t.language;return[2]}))}))};Object.defineProperty(t.prototype,"realVariant",{get:function(){if(this.button){return"button"}return this.variant},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"parentAccordionSummaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion-summary"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=this;var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-trigger"):this.componentId;var e=this.active?this.closeLabel:this.openLabel;var a=false;var n=this.active?this.closeIcon:this.openIcon;if(this.closeIcon===""||this.closeIcon===undefined||this.closeIcon===null){a=this.active;n=this.openIcon||"caret-down"}var r=this.state===4||this.state===8;var o=r?"button expanded":"button";var s=this.parentAccordionSummaryElement;var c={tabindex:-1};if(s&&!s.trigger){c={tabindex:0}}var d=function(i){switch(i.variant){case"button":return t.renderButton(i);case"text":return t.renderText(i);default:return t.renderIcon(i)}};return h(Host,{id:i,class:Object.assign({},this.block.class())},h(d,{variant:this.realVariant,id:i,label:e,icon:n,turn:a,expanded:r,buttonPart:o,triggerAttributes:c}))};t.prototype.renderButton=function(t){var i=t.id,e=t.buttonPart,a=t.icon,n=t.turn,r=t.label;return h("bal-button",{id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),part:e,"data-testid":"bal-accordion-trigger",expanded:this.expanded,icon:a,iconTurn:n,color:this.color,size:this.size,title:this.active?i18nBalAccordion[this.language].close:i18nBalAccordion[this.language].open,"aria-label":this.active?i18nBalAccordion[this.language].close:i18nBalAccordion[this.language].open,"aria-expanded":ariaBooleanToString(this.active),onClick:this.onClick},r)};t.prototype.renderIcon=function(t){var i=t.buttonPart,e=t.triggerAttributes,a=t.turn,n=t.icon,r=t.id;return h("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("button").class()),{"bal-focused":e.tabindex===0}),id:"".concat(r,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),"aria-expanded":ariaBooleanToString(this.active),part:i,"data-testid":"bal-accordion-trigger",title:this.active?i18nBalAccordion[this.language].close:i18nBalAccordion[this.language].open,"aria-label":this.active?i18nBalAccordion[this.language].close:i18nBalAccordion[this.language].open,onClick:this.onClick},e),h("bal-icon",{turn:a,name:n}))};t.prototype.renderText=function(t){var i=t.buttonPart,e=t.triggerAttributes,a=t.turn,n=t.icon,r=t.id;var o=this.openLabel||i18nBalAccordion[this.language].open;var s=this.closeLabel||i18nBalAccordion[this.language].close;return h("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("text").class()),{"bal-focused":e.tabindex===0}),id:"".concat(r,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),"aria-expanded":ariaBooleanToString(this.active),part:i,"data-testid":"bal-accordion-trigger",onClick:this.onClick},e),this.active?s:o)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-accordion-trigger"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],AccordionTrigger.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],AccordionTrigger.prototype,"configChanged",null);var accordionTriggerIds=0;AccordionTrigger.style=balAccordionTriggerCss;export{Accordion as bal_accordion,AccordionDetails as bal_accordion_details,AccordionSummary as bal_accordion_summary,AccordionTrigger as bal_accordion_trigger};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__generator}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-t_yXJIZL.js";import{s as stopEventBubbling}from"./form-input-DYvzaBlM.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{t as toKebabCase,S as SwiperUtil}from"./string-Dk4PnSfl.js";import{L as ListenToMutation}from"./mutation.decorator-DhVeNnnY.js";import{L as ListenToSwipe}from"./swipe.decorator-B_Ghrp1o.js";import{L as ListenToResize}from"./resize.decorator-ZKPOJfw5.js";import{b as balBreakpoints}from"./breakpoints.subject-BnQp404Z.js";import{d as defaultConfig}from"./config.default-I6QXKbhg.js";import{L as ListenToVisibility}from"./visibility.decorator-zTjPC2du.js";import{L as ListenToConfig}from"./config.decorator-3bfyZ-0Y.js";import{s as sanitizeSvg}from"./svg-DUNB4kTY.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{l as rOnLoad,a as waitAfterFramePaint}from"./helpers-BNj87EbG.js";import"./keyboard.helpers-BERg8BNc.js";import"./listener-CClDIhvK.js";import"./browser-B1u-Mq75.js";import"./swipe.subject-T0VStuOK.js";import"./device-TtMibDFL.js";import"./tokens.esm-Cf90NR4z.js";import"./config.utils-B7jugjyM.js";import"./log-CwssmmaV.js";var TabControl=function(e){var t=e.value,r=e.items,a=e.containerId,o=e.onControlChange;var i=BEM.block("carousel");var n=i.element("controls");return h("div",{class:Object.assign(Object.assign({},n.class()),n.modifier("tabs").class())},h("bal-card",null,h("bal-card-content",{role:"tabs"},r.map((function(e){return h("button",{class:{button:true,"is-fullwidth":true,"is-primary":t===e.value,"is-light":t!==e.value},role:"tab","aria-selected":ariaBooleanToString(t===e.value),"aria-controls":a+"-"+toKebabCase(e.label),key:e.value,onClick:function(){return o(e)}},e.label)})))))};var balCarouselCss=':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 Carousel=function(){function e(e){registerInstance(this,e);this.balChange=createEvent(this,"balChange");this.swiper=new SwiperUtil;this.swiperIsLastSlideVisible=false;this.hasAnimated=false;this.isMobile=balBreakpoints.isMobile;this.language=defaultConfig.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;this.mutationObserverActive=true}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))){stopEventBubbling(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 t=BEM.block("carousel");var r=t.element("inner");var a=r.element("container");return h(Host,{key:"561107c8e3c5eb7a80b3e2a8b113ed13f2fdfb5d",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiper()),t.class()),t.modifier(this.interface).class(this.interface!=="")),t.modifier("full-height").class(this.fullHeight)),t.modifier("controls-sticky").class(this.controlsSticky)),t.modifier("controls-tabs").class(this.controls==="tabs"))},this.controls==="tabs"?h(TabControl,{value:this.value,items:this.swiper.getAllControlItems(),containerId:this.swiper.containerId,onControlChange:function(t){return e.swiper.onControlChange(t.value)}}):"",h("div",{key:"6adb9641efe5f488a940ffac297bcc7b3932c92a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssInnerSwiper()),r.class()),r.modifier("is-".concat(this.aspectRatio)).class()),r.modifier("inverted").class(this.inverted)),r.modifier("full-height").class(this.fullHeight)),ref:function(t){return e.swiper.innerEl=t}},h("div",{key:"fb4083afd4a967761c25200e8630f171b02a6c2d",id:this.swiper.containerId,role:this.controls==="tabs"?"":"list",class:Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiperContainer()),a.class()),a.modifier("border").class(this.border)),a.modifier("is-".concat(this.aspectRatio)).class()),ref:function(t){return e.swiper.containerEl=t}},h("slot",{key:"c46d996cc3904bcdc38951f155e3a49f73f284f8"}),this.border?h("div",{id:"".concat(this.swiper.id,"-border"),"aria-hidden":"true",class:Object.assign(Object.assign({},a.element("border").class()),a.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 getElement(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}();__decorate([ListenToMutation({tags:["bal-carousel-item"],characterData:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Carousel.prototype,"mutationListener",null);__decorate([ListenToVisibility(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Carousel.prototype,"visibilityListener",null);__decorate([ListenToSwipe(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Carousel.prototype,"swipeListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Carousel.prototype,"breakpointListener",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Carousel.prototype,"resizeListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Carousel.prototype,"configChanged",null);Carousel.style=balCarouselCss;var CarouselItem=function(){function e(e){var t=this;registerInstance(this,e);this.balNavigate=createEvent(this,"balNavigate");this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.imageInheritAttributes={};this.isOnLoadEventDone=false;this.containerId="";this.svgContent="";this.label="";this.svg="";this.htmlRole="listitem";this.elementType="button";this.name=undefined;this.value=undefined;this.target="_self";this.generateSvgContent=function(){if(t.svg!==undefined&&t.svg.length>0){t.svgContent=sanitizeSvg(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()}}e.prototype.svgChanged=function(){this.generateSvgContent()};e.prototype.connectedCallback=function(){this.generateSvgContent()};e.prototype.componentDidLoad=function(){var e=this;rOnLoad((function(){e.isOnLoadEventDone=true}))};e.prototype.componentWillLoad=function(){this.imageInheritAttributes=inheritAttributes(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,waitAfterFramePaint()];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 t=BEM.block("carousel");var r=t.element("item");var a=!!this.color&&!!this.label;var o=this.el.closest("bal-carousel");var i=o&&o.controls==="tabs"?"tabpanel":"listitem";var n="".concat(this.containerId,"-").concat(toKebabCase(this.label));if(!a){return h(Host,{id:n,role:i,class:Object.assign({},r.class()),"aria-label":this.label},this.isOnLoadEventDone&&this.src!==undefined?h("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",h("slot",null))}var s=r.element("button");var l=s.element("image");var c=s.element("label");var u=this,b=u.elementType,d=u.download,p=u.href,m=u.rel,_=u.target,g=u.name,f=u.value;var v=this.href===undefined?"button":"a";var w=v==="button"?{type:b,name:g,value:f}:{download:d,href:p,rel:m,target:_};return h(Host,{id:n,role:i,"aria-label":this.label,class:Object.assign({},r.class())},h(v,Object.assign({},w,{class:Object.assign(Object.assign({},s.class()),s.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?h("img",Object.assign({class:Object.assign({},l.class()),draggable:false,onDragStart:function(){return false},"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):this.isOnLoadEventDone&&this.svgContent!==undefined?h("div",{class:Object.assign({},l.class()),innerHTML:this.svgContent}):"",this.label!==undefined?h("span",{class:Object.assign({},c.class())},this.label):"",h("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{svg:["svgChanged"]}},enumerable:false,configurable:true});return e}();export{Carousel as bal_carousel,CarouselItem as bal_carousel_item};
|
|
1
|
+
import{__awaiter,__generator}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-C-DmFJbn.js";import{s as stopEventBubbling}from"./form-input-DYvzaBlM.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{t as toKebabCase,S as SwiperUtil}from"./string-Dk4PnSfl.js";import{L as ListenToMutation}from"./mutation.decorator-DhVeNnnY.js";import{L as ListenToSwipe}from"./swipe.decorator-B_Ghrp1o.js";import{L as ListenToResize}from"./resize.decorator-ZKPOJfw5.js";import{b as balBreakpoints}from"./breakpoints.subject-Iyftu-nV.js";import{d as defaultConfig}from"./config.default-RE8-gLMQ.js";import{L as ListenToVisibility}from"./visibility.decorator-zTjPC2du.js";import{L as ListenToConfig}from"./config.decorator-3bfyZ-0Y.js";import{s as sanitizeSvg}from"./svg-DUNB4kTY.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{l as rOnLoad,a as waitAfterFramePaint}from"./helpers-BNj87EbG.js";import"./keyboard.helpers-BERg8BNc.js";import"./listener-CClDIhvK.js";import"./browser-B1u-Mq75.js";import"./swipe.subject-T0VStuOK.js";import"./device-TtMibDFL.js";import"./tokens.esm-C9EQ_6RZ.js";import"./config.utils-B7jugjyM.js";import"./log-CwssmmaV.js";var TabControl=function(e){var t=e.value,r=e.items,a=e.containerId,o=e.onControlChange;var i=BEM.block("carousel");var n=i.element("controls");return h("div",{class:Object.assign(Object.assign({},n.class()),n.modifier("tabs").class())},h("bal-card",null,h("bal-card-content",{role:"tabs"},r.map((function(e){return h("button",{class:{button:true,"is-fullwidth":true,"is-primary":t===e.value,"is-light":t!==e.value},role:"tab","aria-selected":ariaBooleanToString(t===e.value),"aria-controls":a+"-"+toKebabCase(e.label),key:e.value,onClick:function(){return o(e)}},e.label)})))))};var balCarouselCss=':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 Carousel=function(){function e(e){registerInstance(this,e);this.balChange=createEvent(this,"balChange");this.swiper=new SwiperUtil;this.swiperIsLastSlideVisible=false;this.hasAnimated=false;this.isMobile=balBreakpoints.isMobile;this.language=defaultConfig.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;this.mutationObserverActive=true}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))){stopEventBubbling(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 t=BEM.block("carousel");var r=t.element("inner");var a=r.element("container");return h(Host,{key:"561107c8e3c5eb7a80b3e2a8b113ed13f2fdfb5d",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiper()),t.class()),t.modifier(this.interface).class(this.interface!=="")),t.modifier("full-height").class(this.fullHeight)),t.modifier("controls-sticky").class(this.controlsSticky)),t.modifier("controls-tabs").class(this.controls==="tabs"))},this.controls==="tabs"?h(TabControl,{value:this.value,items:this.swiper.getAllControlItems(),containerId:this.swiper.containerId,onControlChange:function(t){return e.swiper.onControlChange(t.value)}}):"",h("div",{key:"6adb9641efe5f488a940ffac297bcc7b3932c92a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssInnerSwiper()),r.class()),r.modifier("is-".concat(this.aspectRatio)).class()),r.modifier("inverted").class(this.inverted)),r.modifier("full-height").class(this.fullHeight)),ref:function(t){return e.swiper.innerEl=t}},h("div",{key:"fb4083afd4a967761c25200e8630f171b02a6c2d",id:this.swiper.containerId,role:this.controls==="tabs"?"":"list",class:Object.assign(Object.assign(Object.assign(Object.assign({},this.swiper.cssSwiperContainer()),a.class()),a.modifier("border").class(this.border)),a.modifier("is-".concat(this.aspectRatio)).class()),ref:function(t){return e.swiper.containerEl=t}},h("slot",{key:"c46d996cc3904bcdc38951f155e3a49f73f284f8"}),this.border?h("div",{id:"".concat(this.swiper.id,"-border"),"aria-hidden":"true",class:Object.assign(Object.assign({},a.element("border").class()),a.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 getElement(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}();__decorate([ListenToMutation({tags:["bal-carousel-item"],characterData:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Carousel.prototype,"mutationListener",null);__decorate([ListenToVisibility(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Carousel.prototype,"visibilityListener",null);__decorate([ListenToSwipe(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Carousel.prototype,"swipeListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Carousel.prototype,"breakpointListener",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Carousel.prototype,"resizeListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Carousel.prototype,"configChanged",null);Carousel.style=balCarouselCss;var CarouselItem=function(){function e(e){var t=this;registerInstance(this,e);this.balNavigate=createEvent(this,"balNavigate");this.balFocus=createEvent(this,"balFocus");this.balBlur=createEvent(this,"balBlur");this.imageInheritAttributes={};this.isOnLoadEventDone=false;this.containerId="";this.svgContent="";this.label="";this.svg="";this.htmlRole="listitem";this.elementType="button";this.name=undefined;this.value=undefined;this.target="_self";this.generateSvgContent=function(){if(t.svg!==undefined&&t.svg.length>0){t.svgContent=sanitizeSvg(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()}}e.prototype.svgChanged=function(){this.generateSvgContent()};e.prototype.connectedCallback=function(){this.generateSvgContent()};e.prototype.componentDidLoad=function(){var e=this;rOnLoad((function(){e.isOnLoadEventDone=true}))};e.prototype.componentWillLoad=function(){this.imageInheritAttributes=inheritAttributes(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,waitAfterFramePaint()];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 t=BEM.block("carousel");var r=t.element("item");var a=!!this.color&&!!this.label;var o=this.el.closest("bal-carousel");var i=o&&o.controls==="tabs"?"tabpanel":"listitem";var n="".concat(this.containerId,"-").concat(toKebabCase(this.label));if(!a){return h(Host,{id:n,role:i,class:Object.assign({},r.class()),"aria-label":this.label},this.isOnLoadEventDone&&this.src!==undefined?h("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",h("slot",null))}var s=r.element("button");var l=s.element("image");var c=s.element("label");var u=this,b=u.elementType,d=u.download,p=u.href,m=u.rel,_=u.target,g=u.name,f=u.value;var v=this.href===undefined?"button":"a";var w=v==="button"?{type:b,name:g,value:f}:{download:d,href:p,rel:m,target:_};return h(Host,{id:n,role:i,"aria-label":this.label,class:Object.assign({},r.class())},h(v,Object.assign({},w,{class:Object.assign(Object.assign({},s.class()),s.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?h("img",Object.assign({class:Object.assign({},l.class()),draggable:false,onDragStart:function(){return false},"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):this.isOnLoadEventDone&&this.svgContent!==undefined?h("div",{class:Object.assign({},l.class()),innerHTML:this.svgContent}):"",this.label!==undefined?h("span",{class:Object.assign({},c.class())},this.label):"",h("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{svg:["svgChanged"]}},enumerable:false,configurable:true});return e}();export{Carousel as bal_carousel,CarouselItem as bal_carousel_item};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{i as i18nBalClose}from"./bal-close.i18n-Ct27z6g9.js";import{d as defaultConfig}from"./config.default-
|
|
1
|
+
import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{i as i18nBalClose}from"./bal-close.i18n-Ct27z6g9.js";import{d as defaultConfig}from"./config.default-RE8-gLMQ.js";import{L as ListenToConfig}from"./config.decorator-3bfyZ-0Y.js";import"./config.utils-B7jugjyM.js";import"./browser-B1u-Mq75.js";import"./log-CwssmmaV.js";var balCloseCss="@media (hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active),.bal-close__button--inverted:focus-visible:not(:active){-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-close-background:transparent;--bal-close-background-focus-visible:var(--bal-form-field-control-background);--bal-close-background-focus-inverted-focus-visible:var(--bal-form-field-control-background);--bal-close-border-radius:var(--bal-radius-rounded)}.bal-close{position:static;display:inline-block}.bal-close__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--bal-close-background);border:none;border-radius:var(--bal-close-border-radius);cursor:pointer;pointer-events:auto;display:inline-block;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;font-size:0;outline:none;position:relative;vertical-align:top;padding:.313rem}@media (hover: hover)and (pointer: fine){.bal-close__button:hover{background:rgba(0,7,57,.1)}}@media (hover: hover)and (pointer: fine){.bal-close__button:focus-visible:not(:active){background:var(--bal-close-background-focus-visible)}}.bal-close__button:active{background:rgba(0,7,57,.3)}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:hover{background:rgba(255,255,255,.3)}}@media (hover: hover)and (pointer: fine){.bal-close__button--inverted:focus-visible:not(:active){background:var(--bal-close-background-focus-inverted-focus-visible)}}.bal-close__button--inverted:active{background:rgba(255,255,255,.5)}.bal-close__button--size-small{padding:.25rem}.bal-close__button--size-medium{padding:.531rem}";var Close=function(){function e(e){registerInstance(this,e);this.language=defaultConfig.language;this.region=defaultConfig.region;this.size="";this.inverted=false}e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){this.language=e.language;this.region=e.region;return[2]}))}))};e.prototype.render=function(){var e=BEM.block("close");var o=e.element("button");var t=o.element("icon");var a=i18nBalClose[this.language].close;return h(Host,{key:"087ee2337aa7bf8828fbcf32b3a8aa1ae74de0c7",class:Object.assign({},e.class())},h("button",{key:"ff78161fb93ebc2e8c5855e3ca734f32a78db700",type:"button","aria-label":a,title:a,tabindex:"0",class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("inverted").class(this.inverted)),o.modifier("size-".concat(this.size)).class(this.size!=="")),"data-testid":"bal-close"},h("bal-icon",{key:"6f69b61b7ddbd9c0d2c2c532e3115e3429d9acf3",name:"close",size:this.size==="small"?"x-small":this.size==="medium"?"medium":"small",inverted:this.inverted,class:Object.assign({},t.class())})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Close.prototype,"configChanged",null);Close.style=balCloseCss;export{Close as bal_close};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__extends,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{a as waitAfterFramePaint,q as hasParent}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{p as padStart}from"./index-BU7FUSdu.js";import{i as isNil}from"./index-zWZxKBfo.js";import{B as BalDate,i as i18nBalDate,d as dateSeparator}from"./date-W0XtD641.js";import{d as defaultConfig}from"./config.default-I6QXKbhg.js";import{L as ListenToConfig}from"./config.decorator-3bfyZ-0Y.js";import{L as ListenToSwipe}from"./swipe.decorator-B_Ghrp1o.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{l as hasValueChanged,c as inputSetFocus,d as inputSetBlur}from"./form-input-DYvzaBlM.js";import{N as NUMBER_KEYS}from"./keys.constant-xVPGsAdF.js";import{I as INVALID_VALUE}from"./mask-util-DuObDTix.js";import"./browser-B1u-Mq75.js";import"./config.utils-B7jugjyM.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./swipe.subject-T0VStuOK.js";import"./device-TtMibDFL.js";import"./listener-CClDIhvK.js";function getDaysInMonth(t,e){if(e<1||t<0){return undefined}return new Date(t,e,0).getDate()}function isoDateOfDay(t,e,a){return"".concat(a,"-").concat(padStart("".concat(e),2,"0"),"-").concat(padStart("".concat(t),2,"0"))}function isoDateOfToday(){var t=new Date;return"".concat(t.getFullYear(),"-").concat(padStart("".concat(t.getMonth()+1),2,"0"),"-").concat(padStart("".concat(t.getDate()),2,"0"))}function generateCalendarGrid(t,e,a,n,i){var r=[];var o=getDaysInMonth(t,e);var l=getFirstDayOfMonth(t,e);if(o!==undefined&&l){var s=isoDateOfToday();var d=BalDate.fromISO(a);var u=BalDate.fromISO(n);var c=function(t){if(isNil(i)){return false}return!i(t)};for(var h=1;h<=o;h++){var f=isoDateOfDay(h,e,t);r.push({day:h,month:e,year:t,isoDate:f,fullDate:BalDate.fromISO(f).toFormat(),today:s===f,disabled:d.isAfter(f)||u.isBefore(f)||c(f)})}}return r}function getFirstWeekdayOfMonth(t,e){if(e<1||t<0){return 1}var a=new Date(t,e-1,1);var n=a.getDay();return n===0?7:n}function validateLanguage(t){if(["en","de","fr","it","nl","es","pl","pt","sv","fi"].includes(t)){return t}return"de"}function generateYears(t,e,a){var n=[];var i=new Date;var r=i.getFullYear();for(var o=e;o<=a;o++){n.push({value:o,label:"".concat(o),disabled:false,today:r===o,selected:t===o})}return n}function generateMonths(t,e,a,n,i){var r=validateLanguage(t);var o=BalDate.infoMonths({format:"long",locale:r});var l=BalDate.fromISO(a);var s=new Date;var d=s.getFullYear();var u=s.getMonth()+1;var c=0;if(n&&e!==undefined){var h=BalDate.fromISO(n);if(h.isValid){if(e>h.year){c=0}else{c=h.month||c}}}var f=12;if(i&&e!==undefined){var b=BalDate.fromISO(i);if(b.isValid){if(e<b.year){f=12}else{f=b.month||f}}}return o.map((function(t,a){var n=a+1;return{label:t,value:n,today:n===u&&e===d,selected:n===l.month&&e===l.year,disabled:n<c||n>f}}))}function generateWeekDays(t){var e=validateLanguage(t);var a=BalDate.infoWeekdays({format:"short",locale:e});var n=BalDate.infoWeekdays({format:"long",locale:e});return a.map((function(t,e){return{ariaLabel:n[e],textContent:t}}))}function getFirstDayOfMonth(t,e){if(e<1||e>12||t<0){return undefined}return new Date(t,e-1,1)}var CalendarGrid=function(t){var e=t.isVisible,a=t.ref,n=t.grid,i=t.weekdays,r=t.selectedDate,o=t.firstDayOfWeek,l=t.onSelectDay;var s=BEM.block("date-calendar");var d=s.element("body");var u=d.element("grid");return h("div",{role:"grid",class:Object.assign(Object.assign({},u.class()),u.modifier("visible").class(e)),"aria-hidden":e?"false":"true",ref:function(t){return a(t)}},h("div",{role:"row",class:Object.assign({},u.element("head").class())},i.map((function(t){return h("span",{key:t.textContent,role:"columnheader","aria-label":t.ariaLabel,title:t.ariaLabel},t.textContent)}))),h("div",{role:"row",class:Object.assign({},u.element("body").class()),style:{"--bal-date-first-week-day":"".concat(o)}},n.map((function(t){return h("bal-date-calendar-cell",Object.assign({key:t.isoDate},t,{selected:t.isoDate===r,onBalSelectDay:function(t){var e=t.detail;return l(e)}}))}))))};var CalendarList=function(t){var e=t.name,a=t.isVisible,n=t.girdHeight,i=t.list,r=t.onSelect,o=t.ref;var l=BEM.block("date-calendar");var s=l.element("body");var d=s.element("list");return h("ul",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier(e).class()),d.modifier("visible").class(a)),"aria-hidden":a?"false":"true",style:{height:"".concat(n-2-8-8,"px")},ref:function(t){return o?o(t):undefined}},i.map((function(t){return h("li",{key:t.value,id:"".concat(e,"-").concat(t.value)},h("button",{class:Object.assign(Object.assign(Object.assign(Object.assign({},d.element("item").class()),d.element("item").modifier("today").class(t.today)),d.element("item").modifier("selected").class(t.selected)),d.element("item").modifier("disabled").class(t.disabled)),disabled:t.disabled,tabIndex:-1,onClick:function(){if(!t.disabled){r(t)}}},t.label))})))};var CalendarNav=function(t){var e=t.language,a=t.onClickSelectMonthAndYear,n=t.monthFullNames,i=t.month,r=t.year,o=t.isCalendarVisible,l=t.isListVisible,s=t.onClickPreviousMonth,d=t.onClickNextMonth;var u=BEM.block("date-calendar");var c=u.element("nav");var f=i18nBalDate[e].nextMonth;var b=i18nBalDate[e].previousMonth;var v=i18nBalDate[e].selectMonth;return h("div",{class:Object.assign({},c.class())},h("div",{class:Object.assign({},c.modifier("start").class())},h("button",{title:v,"aria-label":v,tabIndex:-1,"data-testid":"change-year-month",onClick:a},h("span",null,n[i-1]," ",r),h("bal-icon",{name:"caret-up",color:"primary",size:"small",turn:o}))),h("div",{class:Object.assign({},c.modifier("end").class()),style:{display:l?"none":"flex"}},h("button",{title:b,"aria-label":b,onClick:s,tabIndex:-1,"data-testid":"previous-month"},h("bal-icon",{name:"caret-left",color:"primary",size:"small"})),h("button",{title:f,"aria-label":f,onClick:d,tabIndex:-1,"data-testid":"next-month"},h("bal-icon",{name:"caret-right",color:"primary",size:"small"}))))};var balDateCalendarCss=':host{--bal-date-first-week-day:0;--bal-date-calendar-button-background:transparent;--bal-date-calendar-button-background-hover:var(--bal-color-light-blue-1);--bal-date-calendar-button-background-active:var(--bal-color-light-blue-2);--bal-date-calendar-button-color:var(--bal-color-text-primary);--bal-date-calendar-button-today-color:var(--bal-color-light-blue-3);--bal-date-calendar-button-today-color-hover:var(--bal-color-text-primary);--bal-date-calendar-button-today-color-active:var(--bal-color-text-primary);--bal-date-calendar-button-selected-background:var(--bal-color-primary);--bal-date-calendar-button-selected-color:var(--bal-color-text-white)}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;background:var(--bal-color-white);border-radius:var(--bal-radius-normal)}.bal-date-calendar__nav{display:-ms-flexbox;display:flex;width:calc(100% - 1rem);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:.5rem;gap:.5rem}.bal-date-calendar__nav--start>button{display:-ms-flexbox;display:flex;gap:.5rem}.bal-date-calendar__nav--end{display:-ms-flexbox;display:flex;gap:.5rem}.bal-date-calendar__nav button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-date-calendar-button-color);border:none;background:var(--bal-date-calendar-button-background);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;min-height:2rem;min-width:2rem;padding:.25rem;border-radius:var(--bal-button-radius);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{background:var(--bal-date-calendar-button-background-hover)}}.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{background:var(--bal-date-calendar-button-background-active)}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled){color:var(--bal-date-calendar-button-today-color);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{color:var(--bal-date-calendar-button-today-color-hover)}}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{color:var(--bal-date-calendar-button-today-color-active)}.bal-date-calendar__nav button--selected{background:var(--bal-date-calendar-button-selected-background);color:var(--bal-date-calendar-button-selected-color);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__nav button--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body{display:block}.bal-date-calendar__body__grid{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.5rem;height:0;padding-top:0;padding-bottom:0;visibility:hidden}.bal-date-calendar__body__grid--visible{height:auto;padding-top:.5rem;padding-bottom:.5rem;visibility:visible}.bal-date-calendar__body__grid__head{position:relative;display:grid;grid-template-columns:repeat(7, 1fr);-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-date-calendar__body__grid__head::after{position:absolute;content:"";height:2px;width:calc(100% + 1rem);bottom:0;left:-0.5rem;right:-0.5rem;background:var(--bal-color-border)}.bal-date-calendar__body__grid__head span{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:2rem;width:2rem;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-wrap:nowrap}.bal-date-calendar__body__grid__body{display:grid;grid-template-columns:repeat(7, 1fr);-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:.5rem}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell{width:2rem;height:2rem;text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell:first-child{grid-column:var(--bal-date-first-week-day)}.bal-date-calendar__body__list{display:none;list-style:none;margin:0;padding:0;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:calc(100% - 1rem);overflow-y:auto;max-height:18rem;position:relative;padding:.5rem;border-top:2px solid var(--bal-color-border)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-date-calendar-button-color);border:none;background:var(--bal-date-calendar-button-background);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;width:100%}@media (hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{background:var(--bal-date-calendar-button-background-hover)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{background:var(--bal-date-calendar-button-background-active)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled){color:var(--bal-date-calendar-button-today-color);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{color:var(--bal-date-calendar-button-today-color-hover)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{color:var(--bal-date-calendar-button-today-color-active)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected{background:var(--bal-date-calendar-button-selected-background);color:var(--bal-date-calendar-button-selected-color);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body__list--visible{display:grid}.bal-date-calendar__body__list--year{grid-template-columns:repeat(4, 1fr)}.bal-date-calendar__body__list--month{grid-template-columns:repeat(2, 1fr)}.bal-date-calendar-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-date-calendar-button-color);border:none;background:var(--bal-date-calendar-button-background);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;width:2rem;height:2rem}@media (hover: hover)and (pointer: fine){.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{background:var(--bal-date-calendar-button-background-hover)}}.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{background:var(--bal-date-calendar-button-background-active)}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled){color:var(--bal-date-calendar-button-today-color);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{color:var(--bal-date-calendar-button-today-color-hover)}}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{color:var(--bal-date-calendar-button-today-color-active)}.bal-date-calendar-cell--selected{background:var(--bal-date-calendar-button-selected-background);color:var(--bal-date-calendar-button-selected-color);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar-cell--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}';var DateCalendar=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange");this.oldMin="";this.oldMax="";this.selectedDate="";this.monthFullNames=[];this.weekdays=[];this.months=[];this.years=[];this.calendarGrid=[];this.firstDayOfWeek=0;this.month=0;this.year=0;this.language=defaultConfig.language;this.isCalendarVisible=true;this.isYearListVisible=false;this.isMonthListVisible=false;this.allowedDates=undefined;this.onSelectDay=function(t){e.valueChanged(t,e.selectedDate);e.balChange.emit(e.selectedDate)};this.onClickNextMonth=function(){var t=e.year;var a=e.month+1;if(a>12){a=1;t=t+1}e.generateGridByMonthAndYear(a,t)};this.onClickPreviousMonth=function(){var t=e.year;var a=e.month-1;if(a<1){a=12;t=t-1}e.generateGridByMonthAndYear(a,t)};this.onClickSelectMonthAndYear=function(){return __awaiter(e,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:this.updateSelections();if(!(this.isCalendarVisible===true))return[3,2];this.isCalendarVisible=false;this.isYearListVisible=true;this.isMonthListVisible=false;return[4,waitAfterFramePaint()];case 1:a.sent();if(this.yearListEl){t=this.yearListEl.querySelector("#year-".concat(this.year));if(t){e=26+8+4;this.yearListEl.scrollTop=t.offsetTop-e*2}else{this.yearListEl.scrollTop=0}}return[3,3];case 2:this.isCalendarVisible=true;this.isYearListVisible=false;this.isMonthListVisible=false;a.label=3;case 3:return[2]}}))}))};this.onClickYear=function(t){e.isYearListVisible=false;e.isMonthListVisible=true;e.generateGridByMonthAndYear(e.month,t);e.months=generateMonths(e.language,t,e.selectedDate,e.min,e.max)};this.onClickMonth=function(t){e.isYearListVisible=false;e.isMonthListVisible=false;e.isCalendarVisible=true;e.generateGridByMonthAndYear(t,e.year)}}t.prototype.createLogger=function(t){this.log=t};t.prototype.valueChanged=function(t,e){if(t!==e){var a=BalDate.fromISO(t);if(!a.isValid){this.generateGridByDefaultDate();this.selectedDate=""}else{this.generateGridByDate(a);this.selectedDate=a.toISODate()}this.updateSelections()}};t.prototype.rangePropChanged=function(){this.updateSelections();this.generateGrid()};t.prototype.yearRangePropChanged=function(){this.updateSelections()};t.prototype.connectedCallback=function(){this.generateGridByDefaultDate();this.valueChanged(this.value,undefined)};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=t.language;this.monthFullNames=BalDate.infoMonths({format:"long",locale:this.language});this.weekdays=generateWeekDays(this.language);this.updateSelections();return[2]}))}))};t.prototype.swipeListener=function(t){var e=t.left,a=t.right;if(e){this.onClickNextMonth()}else if(a){this.onClickPreviousMonth()}};Object.defineProperty(t.prototype,"minYear",{get:function(){if(this.minYearProp===undefined){var t=new Date;var e=t.getFullYear();var a=e-100;if(this.min){var n=BalDate.fromISO(this.min);return n.year||a}else{return a}}return this.minYearProp},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"maxYear",{get:function(){if(this.maxYearProp===undefined){var t=new Date;var e=t.getFullYear();var a=e+50;if(this.max){var n=BalDate.fromISO(this.max);return n.year||a}else{return a}}return this.maxYearProp},enumerable:false,configurable:true});t.prototype.updateSelections=function(){this.years=generateYears(this.year,this.minYear,this.maxYear);this.months=generateMonths(this.language,this.year,this.selectedDate,this.min,this.max)};t.prototype.generateGrid=function(){var t=BalDate.fromISO(this.value);if(t.isValid){this.generateGridByDate(t)}else{this.generateGridByDefaultDate()}};t.prototype.generateGridByDate=function(t){if(t.year!==undefined&&t.month!==undefined){this.generateGridByMonthAndYear(t.month,t.year)}};t.prototype.generateGridByDefaultDate=function(){var t=BalDate.fromISO(this.defaultDate);if(t.isValid){this.generateGridByDate(t)}else{var e=new Date;this.month=e.getMonth()+1;this.year=e.getFullYear();this.calendarGrid=generateCalendarGrid(this.year,this.month,this.min,this.max,this.allowedDates);this.firstDayOfWeek=getFirstWeekdayOfMonth(this.year,this.month)}};t.prototype.generateGridByMonthAndYear=function(t,e){if(this.month!==t||this.year!==e||this.oldMin!==this.min||this.oldMax!==this.max){this.calendarGrid=generateCalendarGrid(e,t,this.min,this.max,this.allowedDates);this.firstDayOfWeek=getFirstWeekdayOfMonth(e,t)}this.month=t;this.year=e;this.oldMin=this.min;this.oldMax=this.max};t.prototype.render=function(){var t=this;var e;var a=((e=this.gridEl)===null||e===void 0?void 0:e.clientHeight)||0;var n=BEM.block("date-calendar");var i=n.element("body");var r=n.element("foot");return h(Host,{key:"34efddf3c88e5470dcefd22c5cab262873d07de8",class:Object.assign({},n.class())},h(CalendarNav,{key:"9c8942a95ff9f1c8fdc8b1e153a29632145d1c2b",language:this.language,monthFullNames:this.monthFullNames,month:this.month,year:this.year,isCalendarVisible:this.isCalendarVisible,isListVisible:this.isMonthListVisible||this.isYearListVisible,onClickSelectMonthAndYear:this.onClickSelectMonthAndYear,onClickPreviousMonth:this.onClickPreviousMonth,onClickNextMonth:this.onClickNextMonth}),h("div",{key:"6a2cb7bba9c0568c1dc31d8b1c811b90c5845dce",class:Object.assign({},i.class())},h(CalendarGrid,{key:"a687e1e1f80bc8ea21bdc7ad4709537829005843",isVisible:this.isCalendarVisible,grid:this.calendarGrid,weekdays:this.weekdays,firstDayOfWeek:this.firstDayOfWeek,selectedDate:this.selectedDate,ref:function(e){return t.gridEl=e},onSelectDay:function(e){return t.onSelectDay(e)}}),h(CalendarList,{key:"cba1e282fb92f5edfa04e97eefcf9b38b57b8428",name:"year",isVisible:this.isYearListVisible,girdHeight:a,list:this.years,ref:function(e){return t.yearListEl=e},onSelect:function(e){return t.onClickYear(e.value)}}),h(CalendarList,{key:"ae7cb47aaffec3d3a91d1aab96f1fbdde34b7e6f",name:"month",isVisible:this.isMonthListVisible,girdHeight:a,list:this.months,onSelect:function(e){return t.onClickMonth(e.value)}})),h("div",{key:"6e455964845a4e57abc793cb78916ed51fa0bdb3",class:Object.assign({},r.class())},h("slot",{key:"277a09ef4cb10f6f051c84b1ba9f9ae79f0d3479"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"],min:["rangePropChanged"],max:["rangePropChanged"],minYearProp:["yearRangePropChanged"],maxYearProp:["yearRangePropChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-date-calendar"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],DateCalendar.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],DateCalendar.prototype,"configChanged",null);__decorate([ListenToSwipe({mobileOnly:true}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],DateCalendar.prototype,"swipeListener",null);DateCalendar.style=balDateCalendarCss;var MaskPosition=function(){function t(t){this._options=t;this._position=0;this._positionEnd=0;this._isRangeSelection=false;if(t.component&&t.component.nativeInput){this._position=t.component.nativeInput.selectionStart||0;this._positionEnd=t.component.nativeInput.selectionEnd||0;this._isRangeSelection=this._position!==this._positionEnd}}Object.defineProperty(t.prototype,"isRangeSelection",{get:function(){return this._isRangeSelection},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"value",{get:function(){if(this._options.isBackspace&&this._position>0){return this._position-1}return this._position},set:function(t){var e=t<0?0:t>this._options.mask.maxLength?this._options.mask.maxLength:t;this._position=e},enumerable:false,configurable:true});t.prototype.toStart=function(){this.value=0};t.prototype.toEnd=function(){var t=this.getTarget();if(t){this.value=t.value.length}};t.prototype.next=function(t){if(t===void 0){t=1}var e=this._position+t;if(e<=this._options.mask.maxLength){this._position=e}return this._position};t.prototype.previous=function(t){if(t===void 0){t=1}var e=this._position-t;if(e>=0){this._position=e}else{this._position=0}return this._position};t.prototype.submit=function(){var t=this.getTarget();if(t&&t.selectionStart!==this._position&&t.selectionEnd!==this._position){t.selectionStart=this._position;t.selectionEnd=this._position}};t.prototype.getTarget=function(){if(this._options.component&&this._options.component.nativeInput){return this._options.component.nativeInput}return undefined};return t}();var MaskContext=function(){function t(t){this._options=t;this._value="";if(this._options.component&&this._options.component.nativeInput){this._value=this._options.component.nativeInput.value}this.position=new MaskPosition(this._options);this.component=this._options.component}Object.defineProperty(t.prototype,"target",{get:function(){if(this._options.component&&this._options.component.nativeInput){return this._options.component.nativeInput}return undefined},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"value",{get:function(){return this._value},set:function(t){this._value=t},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"focused",{get:function(){return this._options.component.focused},enumerable:false,configurable:true});t.prototype.isValueEmpty=function(){return this.value===""||this.value===undefined||this.value===null};t.prototype.preventDefault=function(){if(this._options.event.preventDefault){this._options.event.preventDefault()}};t.prototype.stopPropagation=function(){this.preventDefault();if(this._options.event.stopPropagation){this._options.event.stopPropagation()}};t.prototype.submit=function(){return __awaiter(this,arguments,void 0,(function(t,e){if(t===void 0){t="input"}return __generator(this,(function(a){if(this.target){this.target.value=this.value;if(t!=="blur"&&t!=="tab"){this.position.submit()}if(this._options.component){if(t==="input"||t==="tab"){this._options.component.balInput.emit(this.value)}if((t==="change"||t==="blur")&&e!==undefined){if(hasValueChanged(this._options.component.value,e)){this._options.component.value=e;this._options.component.balChange.emit(e)}}}}return[2]}))}))};return t}();var MaskClipboardContext=function(t){__extends(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}Object.defineProperty(e.prototype,"clipboardData",{get:function(){var t;return(t=this._options.event.clipboardData)===null||t===void 0?void 0:t.getData("text")},enumerable:false,configurable:true});return e}(MaskContext);var MaskFocusContext=function(t){__extends(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}return e}(MaskContext);var MaskKeyboardContext=function(t){__extends(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}Object.defineProperty(e.prototype,"key",{get:function(){return this._options.event.key},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isCtrlOrCommandKey",{get:function(){return this._options.event.metaKey||this._options.event.ctrlKey},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isBackspaceKey",{get:function(){return this._options.event.key==="Backspace"},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isTabKey",{get:function(){return this._options.event.key==="Tab"},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isWhiteSpaceKey",{get:function(){return this._options.event.key===" "},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isDeleteKey",{get:function(){return this._options.event.key==="Delete"||this._options.event.key==="Del"},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isNumberKey",{get:function(){return e.NUMBER_KEYS.includes(this._options.event.key)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isNavigationKey",{get:function(){return e.NAVIGATION_KEYS.includes(this._options.event.key)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isSelectAllCommand",{get:function(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&this.key==="a"},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isCopyCommand",{get:function(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&this.key==="c"},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isPasteCommand",{get:function(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&this.key==="v"},enumerable:false,configurable:true});e.prototype.getCharAt=function(t){if(t===void 0){t=this.position.value}return this.value.charAt(t)};e.prototype.getCharAtBackspacePosition=function(){return this.getCharAt(this.position.value-1)};e.prototype.setChar=function(t,e){if(t===void 0){t=this._options.event.key}if(e===void 0){e=this.position.value}this.value=this.value.substring(0,e)+t+this.value.substring(e+1)};return e}(MaskContext);MaskKeyboardContext.NUMBER_KEYS=["0","1","2","3","4","5","6","7","8","9"];MaskKeyboardContext.NAVIGATION_KEYS=["Home","End","ArrowLeft","Left","ArrowRight","Right","Tab","Enter","Esc","Escape"];var MaskLocaleContext=function(t){__extends(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}Object.defineProperty(e.prototype,"locale",{get:function(){return this._options.event.locale},enumerable:false,configurable:true});return e}(MaskContext);var MaskMouseContext=function(t){__extends(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}return e}(MaskContext);var MaskValueChangedContext=function(t){__extends(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}Object.defineProperty(e.prototype,"newValue",{get:function(){return this._options.event.newValue},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"oldValue",{get:function(){return this._options.event.oldValue},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"didValueChange",{get:function(){return this.newValue!==this.oldValue},enumerable:false,configurable:true});return e}(MaskContext);var MaskBlock=function(){function t(t){this._isSeparator=false;this._allowedKeys=[];this._locale="de-CH";this._from=t.from||0;this._to=t.to||0;this._isSeparator=t.isSeparator===undefined?false:t.isSeparator;this._mask=t.mask||"_";this._allowedKeys=t.allowedKeys?t.allowedKeys:this.allowedKeys;this._format=t.format}t.prototype.format=function(t){if(this._format){return this._format(t.replace(this.mask,""),this._locale,this.mask)}return t};Object.defineProperty(t.prototype,"isSeparator",{get:function(){return this._isSeparator},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"to",{get:function(){return this._to},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"from",{get:function(){return this._from},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"mask",{get:function(){if(typeof this._mask==="function"){return this._mask(this._locale)}return this._mask},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allowedKeys",{get:function(){return this._allowedKeys},enumerable:false,configurable:true});t.prototype.onI18nChange=function(t){this._locale=t};t.prototype.getValueOfTheBlock=function(t){return t.slice(this._from,this._to)};t.prototype.isTouched=function(t){var e=this;var a=this.getValueOfTheBlock(t);return!a.split("").every((function(t){return t===e.mask}))};t.prototype.verifyAllowedKeyHits=function(t){if(this.isSeparator&&t===this.mask){return true}else if(this.allowedKeys.indexOf(t)>=0){return true}else{return false}};return t}();var MaskBlockList=function(){function t(t){if(t===void 0){t=[]}this._list=t}Object.defineProperty(t.prototype,"lastPosition",{get:function(){return this._list[this._list.length-1].to},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"list",{get:function(){return this._list},set:function(t){this._list=t},enumerable:false,configurable:true});t.prototype.clone=function(){return new t(__spreadArray([],this._list,true))};t.prototype.findByIndex=function(t,e){if(e===void 0){e=this.list}return e.find((function(e){return e.from<=t&&t<e.to}))};t.prototype.getPlaceholderMask=function(){var t=[];this.list.forEach((function(e){var a=e.to-e.from;for(var n=0;n<a;n++){t.push(e.mask)}}));return t.join("")};t.prototype.getRawValueWithoutMaskByContext=function(t){return this.getRawValueWithoutMask(t.value)};t.prototype.getRawValueWithoutMask=function(t){if(t){var e=[];var a=t.split("");for(var n=0;n<a.length;n++){var i=a[n];var r=this.findByIndex(n);if(r&&!r.isSeparator){e.push(i.replace(r.mask,""))}else{e.push(i)}}e=e.filter((function(t){return t}));var o=this.list.filter((function(t){return t.isSeparator})).length;if(o===e.length){return""}return e.join("")}return""};t.prototype.formatBlocks=function(t,e){var a="".concat(t);for(var n=0;n<this.list.length;n++){var i=this.list[n];if(e!==n&&!i.isSeparator&&i.isTouched(a)){var r=i.getValueOfTheBlock(a);var o=i.format(r);a=a.substring(0,i.from)+o+a.substring(i.to)}}return a};t.prototype.getBlockIndexFromPosition=function(t){var e=this.list.reduce((function(t,e){return t+e.to-e.from}),0);if(t===e){return this.list.length-1}var a=this.list.findIndex((function(e){return e.from<=t&&t<e.to}));return a<0?undefined:Math.min(e,a)};t.prototype.verifyCallOfNextSeparator=function(t,e){if(this.list.length-1>e){var a=this.list[e+1];if(a.isSeparator&&a.mask===t){return true}}return false};return t}();var AbstractMask=function(){function t(t){if(t===void 0){t=[]}this.inputMode="text";this.locale="de-CH";this.blocks=new MaskBlockList(t)}t.prototype.onLocaleChange=function(t,e,a){if(t.target){var n=t.value;var i=n.split("");for(var r=0;r<i.length;r++){var o=i[r];var l=this.blocks.findByIndex(r);var s=a.findByIndex(r);if(l&&s){if(l.isSeparator){i[r]=l.mask}else if(o===s.mask){i[r]=l.mask}}}t.value=i.join("")}};t.prototype.onFocus=function(t){};t.prototype.onBlur=function(t){};t.prototype.onChange=function(t){t.submit("change",this.onParseValue(t.value))};t.prototype.onNavigationDown=function(t,e,a){};t.prototype.onSelectAll=function(t,e,a){};t.prototype.onPaste=function(t,e,a){var n=t.clipboardData||"";t.value=n;t.position.toEnd()};t.prototype.onBlockChange=function(t,e,a){t.setChar();t.position.next();var n=this.blocks.list[a+1];if(t.position.value===e.to&&n&&n.isSeparator){t.position.next()}};t.prototype.onBackspaceDown=function(t,e,a){t.position.previous();if(!e.isSeparator){t.setChar(e.mask);var n=this.blocks.list[a-1];if(t.position.value===e.from&&n&&n.isSeparator){t.position.previous()}}};t.prototype.onDeleteDown=function(t,e,a){t.setChar(e.mask);t.position.next();var n=this.blocks.list[a+1];if(t.position.value===e.to&&n&&n.isSeparator){t.position.next()}};t.prototype.onValueChanged=function(t){var e=this.onFormatValue(t.newValue);var a=t.focused&&e===""?this.blocks.getPlaceholderMask():e;t.value=a;t.position.toEnd()};t.prototype.onParseValue=function(t,e){if(e===void 0){e={allowInvalidValue:false}}if(t){return t.trim()}return t||""};t.prototype.onFormatValue=function(t){if(t){return t.trim()}return t||""};t.prototype.toParsedValue=function(t){return this.onParseValue(t)};t.prototype.toFormattedValue=function(t){return this.onFormatValue(t)};t.prototype.fireI18nChange=function(t){var e=this.blocks.clone();var a="".concat(t.locale);this.locale=t.locale;this.blocks.list.forEach((function(e){return e.onI18nChange(t.locale)}));this.onLocaleChange(t,a,e)};t.prototype.fireValueChanged=function(t){if(t.didValueChange){this.onValueChanged(t)}};t.prototype.firePaste=function(t){var e=this.blocks.getBlockIndexFromPosition(t.position.value);if(e!==undefined){var a=this.blocks.list[e];this.onPaste(t,a,e);this.onChange(t)}};t.prototype.fireClick=function(t){var e=this.blocks.getPlaceholderMask();if(e===t.value){t.position.toStart()}};t.prototype.fireFocus=function(t){if(t.target&&t.isValueEmpty()){this.resetInputValueWithMask(t)}this.onFocus(t)};t.prototype.fireBlur=function(t){if(t.target){if(this.isValueEmptyMask(t)){this.emptyInputValue(t)}else{this.onBlur(t);t.submit("blur",this.onParseValue(t.value,{allowInvalidValue:t.component.allowInvalidValue}))}}};t.prototype.fireKeyDown=function(t){var e=t.isBackspaceKey?Math.max(0,t.position.value-1):t.position.value;var a=this.blocks.getBlockIndexFromPosition(e);if(e>=this.blocks.lastPosition&&!t.isNavigationKey&&!t.isSelectAllCommand){t.preventDefault();t.stopPropagation();return}if(a!==undefined&&!t.position.isRangeSelection){var n=this.blocks.list[a];if(t.isNavigationKey){this.onNavigationDown(t,n,a)}else if(t.isSelectAllCommand){this.onSelectAll(t,n,a)}else if(t.isCopyCommand);else if(t.isPasteCommand);else if(t.isBackspaceKey){t.preventDefault();this.onBackspaceDown(t,n,a)}else if(t.isDeleteKey){t.preventDefault();this.onDeleteDown(t,n,a)}else if(t.isWhiteSpaceKey){t.preventDefault();var i=t.value[t.position.value];if(i==="."){t.stopPropagation();var r=t.value;t.value=r.substring(0,t.position.value)+"_"+r.substring(t.position.value+1)}}else if(n.verifyAllowedKeyHits(t.key)){t.preventDefault();this.onBlockChange(t,n,a)}else if(this.blocks.verifyCallOfNextSeparator(t.key,a)){t.preventDefault();var o=this.blocks.list[a];if(t.position.value>o.from){var l=this.blocks.list[a+1];var r=t.value;var s=n.getValueOfTheBlock(r);var d=n.format(s);t.value=r.substring(0,n.from)+d+r.substring(n.to);t.position.value=l.to}}var u=this.blocks.getBlockIndexFromPosition(t.position.value);if(u&&!t.isBackspaceKey){var c=this.blocks.formatBlocks(t.value,u);var h=t.position.value;t.value=c;t.position.value=h}}else{if(!t.isTabKey){t.preventDefault()}if(t.isBackspaceKey||t.isDeleteKey){this.resetInputValueWithMask(t)}else if(this.blocks.list[0].verifyAllowedKeyHits(t.key)){this.onBlockChange(t,this.blocks.list[0],0)}}};t.prototype.resetInputValueWithMask=function(t){t.value=this.blocks.getPlaceholderMask();t.position.toStart()};t.prototype.isValueEmptyMask=function(t){var e=this.blocks.getPlaceholderMask();return e===t.value};t.prototype.emptyInputValue=function(t){t.value="";t.submit("blur",t.value)};return t}();var DateMask=function(t){__extends(e,t);function e(){var e=t.call(this,[new MaskBlock({from:0,to:2,allowedKeys:__spreadArray([],NUMBER_KEYS,true),format:function(t,e,a){if(Number.isNaN(parseInt(t,10))){return"".concat(a).concat(a)}return t.padStart(2,"0")},mask:function(t){return e.dayMask[t.split("-")[0]]||e.dayMask["de"]}}),new MaskBlock({from:2,to:3,mask:function(t){return dateSeparator(t)},isSeparator:true}),new MaskBlock({from:3,to:5,allowedKeys:__spreadArray([],NUMBER_KEYS,true),format:function(t,e,a){if(Number.isNaN(parseInt(t,10))){return"".concat(a).concat(a)}return t.padStart(2,"0")},mask:function(t){return e.monthMask[t.split("-")[0]]||e.monthMask["de"]}}),new MaskBlock({from:5,to:6,mask:function(t){return dateSeparator(t)},isSeparator:true}),new MaskBlock({from:6,to:10,allowedKeys:__spreadArray([],NUMBER_KEYS,true),mask:function(t){return e.yearMask[t.split("-")[0]]||e.yearMask["de"]}})])||this;e.maxLength=10;e.minLength=10;e.inputMode="decimal";e.dayMask={de:"T",en:"D",fr:"J",it:"G",nl:"D",es:"D",pl:"D",pt:"D",sv:"D",fi:"M"};e.monthMask={de:"M",en:"M",fr:"M",it:"M",nl:"M",es:"M",pl:"M",pt:"M",sv:"M",fi:"K"};e.yearMask={de:"J",en:"Y",fr:"A",it:"A",nl:"J",es:"A",pl:"R",pt:"A",sv:"Å",fi:"V"};return e}e.prototype.onParseValue=function(t,e){if(e===void 0){e={allowInvalidValue:false}}if(t){var a=BalDate.fromAnyFormat(this.blocks.getRawValueWithoutMask(t));if(a.isValid){return a.toISODate()}else if(e&&e.allowInvalidValue){return INVALID_VALUE}}return""};e.prototype.onFormatValue=function(t){if(t){var e=BalDate.fromISO(t);if(e.isValid){return e.toFormat()}}return""};e.prototype.onPaste=function(t,e,a){var n=t.clipboardData||"";var i=BalDate.fromAnyFormat(n);if(i.isValid){t.value=i.toFormat();t.position.toEnd()}};e.prototype.onBlur=function(t){var e=this.blocks.getRawValueWithoutMaskByContext(t);var a=BalDate.fromAnyFormat(e);if(a.isValid){var n=a.toFormat();if(n!==t.value){t.value=n}}else if(t.component.allowInvalidValue){if(e!==t.value){t.value=e}}};return e}(AbstractMask);var MaskComponentAdapter=function(){function t(t){this.mask=t}Object.defineProperty(t.prototype,"attributes",{get:function(){return{inputMode:this.mask.inputMode,maxLength:this.mask.maxLength,minLength:this.mask.minLength,type:"text",autoCapitalize:"off",autoCorrect:"off",spellcheck:false}},enumerable:false,configurable:true});t.prototype.bindComponent=function(t){this.component=t};t.prototype.bindComponentDidLoad=function(){if(this.component&&this.component.nativeInput){this.component.nativeInput.value=this.component.value||""}this.bindValueChanged(this.component.value,undefined)};t.prototype.bindConfigChanged=function(t){var e=this,a=e.component,n=e.mask;var i=new MaskLocaleContext({component:a,mask:n,event:{locale:"".concat(t.language,"-").concat(t.region)}});this.mask.fireI18nChange(i);i.submit()};t.prototype.bindValueChanged=function(t,e){var a=this,n=a.component,i=a.mask;var r=new MaskValueChangedContext({component:n,mask:i,event:{newValue:t,oldValue:e}});this.mask.fireValueChanged(r);r.submit("blur")};t.prototype.bindKeyDown=function(t){if(this.isComponentAccessible){var e=this,a=e.component,n=e.mask;var i=new MaskKeyboardContext({event:t,component:a,mask:n});this.mask.fireKeyDown(i);var r=t.key==="Tab";i.submit(r?"tab":"input");a.balKeyPress.emit(t)}};t.prototype.bindFocus=function(t){if(this.isComponentAccessible){var e=this,a=e.component,n=e.mask;a.focused=true;var i=new MaskFocusContext({event:t,component:a,mask:n});this.mask.fireFocus(i);i.submit();a.balFocus.emit(t)}};t.prototype.bindBlur=function(t){if(this.isComponentAccessible){var e=this,a=e.component,n=e.mask;a.focused=false;var i=new MaskFocusContext({event:t,component:a,mask:n});this.mask.fireBlur(i);i.submit("blur");a.balBlur.emit(t)}};t.prototype.bindPaste=function(t){if(this.isComponentAccessible){var e=this,a=e.component,n=e.mask;var i=new MaskClipboardContext({event:t,component:a,mask:n});this.mask.firePaste(i);i.submit()}};t.prototype.bindFormReset=function(t){var e=this;var a=t.target;if(a&&(a===this.component.el||a.contains(this.component.el))){this.component.value=this.component.initialValue;this.component.inputValue=this.component.initialValue;clearTimeout(this.resetHandlerTimer);this.resetHandlerTimer=setTimeout((function(){if(e.component.nativeInput){e.component.nativeInput.value=e.mask.toFormattedValue(e.component.value||"")}}))}};t.prototype.bindClick=function(t){if(this.isComponentAccessible){var e=this,a=e.component,n=e.mask;var i=new MaskMouseContext({event:t,component:a,mask:n});this.mask.fireClick(i);i.submit()}};t.prototype.bindHostClick=function(t){if(!this.isComponentAccessible){t.preventDefault();t.stopPropagation()}};t.prototype.bindGlobalClick=function(t){if(!this.isComponentAccessible){if(t.target&&t.target===this.component.el){t.preventDefault();t.stopPropagation()}}};Object.defineProperty(t.prototype,"isComponentAccessible",{get:function(){return!this.component.disabled&&!this.component.readonly},enumerable:false,configurable:true});return t}();var balInputDateCss=".bal-input-date{display:block;width:100%;-ms-flex:1;flex:1}.bal-input-date input:not(:-moz-placeholder-shown){letter-spacing:.4px}.bal-input-date input:not(:-ms-input-placeholder){letter-spacing:.4px}.bal-input-date input:not(:placeholder-shown){letter-spacing:.4px}.bal-input-date__native{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}";var InputDate=function(){function t(t){registerInstance(this,t);this.balKeyPress=createEvent(this,"balKeyPress");this.balChange=createEvent(this,"balChange");this.balInput=createEvent(this,"balInput");this.balBlur=createEvent(this,"balBlur");this.balFocus=createEvent(this,"balFocus");this.inputId="bal-i-date-".concat(inputDateIds++);this.inheritedAttributes={};this.maskAdapter=new MaskComponentAdapter(new DateMask);this.focused=false;this.isGrouped=false;this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.invalid=false;this.required=false;this.disabled=false;this.readonly=false;this.clickable=false;this.autocomplete="off";this.hasIconRight=false;this.value=undefined;this.inputValue=this.value;this.initialValue=this.value||"";this.autoInvalidOff=false;this.allowInvalidValue=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.valueChanged=function(t,e){this.maskAdapter.bindValueChanged(t,e)};t.prototype.connectedCallback=function(){this.maskAdapter.bindComponent(this);this.isGrouped=hasParent("bal-input-group",this.el)};t.prototype.componentDidLoad=function(){this.maskAdapter.bindComponentDidLoad()};t.prototype.componentWillRender=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title","data-hj-allow"])};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.maskAdapter.bindConfigChanged(t);return[2]}))}))};t.prototype.resetHandler=function(t){this.maskAdapter.bindFormReset(t)};t.prototype.listenOnClick=function(t){this.maskAdapter.bindGlobalClick(t)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){inputSetFocus(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){inputSetBlur(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.render=function(){var t=this;var e=BEM.block("input-date");var a=e.element("native");return h(Host,{key:"3c71adc69c5270029c588885037338aee6dfc85f",onClick:function(e){return t.maskAdapter.bindHostClick(e)},class:Object.assign({},e.class())},h("input",Object.assign({key:"56c3f39f98b9dadb6b18f8bfea4c172e7bc0e607",class:{input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"is-clickable":this.clickable&&!(this.disabled||this.readonly),"bal-focusable":!this.disabled,"has-icon-right":this.hasIconRight},"data-testid":"bal-date-input",ref:function(e){return t.nativeInput=e},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":ariaBooleanToString(this.disabled),required:this.required,disabled:this.disabled,readonly:this.readonly,autoComplete:this.autocomplete},this.maskAdapter.attributes,this.inheritedAttributes,{placeholder:this.placeholder,value:this.inputValue,onKeyDown:function(e){return t.maskAdapter.bindKeyDown(e)},onClick:function(e){return t.maskAdapter.bindClick(e)},onFocus:function(e){return t.maskAdapter.bindFocus(e)},onBlur:function(e){return t.maskAdapter.bindBlur(e)},onPaste:function(e){return t.maskAdapter.bindPaste(e)}})),h("input",{key:"dae67450389be6169c8257a0b1eaf877fb81e66b",type:"date",class:Object.assign({},a.class()),name:this.name,min:this.min,max:this.max,value:this.value,tabindex:-1,"aria-hidden":"true"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-input-date"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],InputDate.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],InputDate.prototype,"configChanged",null);var inputDateIds=0;InputDate.style=balInputDateCss;export{DateCalendar as bal_date_calendar,InputDate as bal_input_date};
|
|
1
|
+
import{__awaiter,__extends,__generator,__spreadArray}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-BdVwMG9u.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-dfXERft2.js";import{B as BEM}from"./bem-ByiN-QjD.js";import{a as waitAfterFramePaint,q as hasParent}from"./helpers-BNj87EbG.js";import{L as Logger}from"./log-CwssmmaV.js";import{p as padStart}from"./index-BU7FUSdu.js";import{i as isNil}from"./index-zWZxKBfo.js";import{B as BalDate,i as i18nBalDate,d as dateSeparator}from"./date-W0XtD641.js";import{d as defaultConfig}from"./config.default-RE8-gLMQ.js";import{L as ListenToConfig}from"./config.decorator-3bfyZ-0Y.js";import{L as ListenToSwipe}from"./swipe.decorator-B_Ghrp1o.js";import{a as ariaBooleanToString}from"./aria-DBsOHTWj.js";import{i as inheritAttributes}from"./attributes-C4sZQbkT.js";import{d as defaultBalAriaForm}from"./form-FCLKfv6B.js";import{l as hasValueChanged,c as inputSetFocus,d as inputSetBlur}from"./form-input-DYvzaBlM.js";import{N as NUMBER_KEYS}from"./keys.constant-xVPGsAdF.js";import{I as INVALID_VALUE}from"./mask-util-DuObDTix.js";import"./browser-B1u-Mq75.js";import"./config.utils-B7jugjyM.js";import"./_commonjsHelpers-BFTU3MAI.js";import"./swipe.subject-T0VStuOK.js";import"./device-TtMibDFL.js";import"./listener-CClDIhvK.js";function getDaysInMonth(t,e){if(e<1||t<0){return undefined}return new Date(t,e,0).getDate()}function isoDateOfDay(t,e,a){return"".concat(a,"-").concat(padStart("".concat(e),2,"0"),"-").concat(padStart("".concat(t),2,"0"))}function isoDateOfToday(){var t=new Date;return"".concat(t.getFullYear(),"-").concat(padStart("".concat(t.getMonth()+1),2,"0"),"-").concat(padStart("".concat(t.getDate()),2,"0"))}function generateCalendarGrid(t,e,a,n,i){var r=[];var o=getDaysInMonth(t,e);var l=getFirstDayOfMonth(t,e);if(o!==undefined&&l){var s=isoDateOfToday();var d=BalDate.fromISO(a);var u=BalDate.fromISO(n);var c=function(t){if(isNil(i)){return false}return!i(t)};for(var h=1;h<=o;h++){var f=isoDateOfDay(h,e,t);r.push({day:h,month:e,year:t,isoDate:f,fullDate:BalDate.fromISO(f).toFormat(),today:s===f,disabled:d.isAfter(f)||u.isBefore(f)||c(f)})}}return r}function getFirstWeekdayOfMonth(t,e){if(e<1||t<0){return 1}var a=new Date(t,e-1,1);var n=a.getDay();return n===0?7:n}function validateLanguage(t){if(["en","de","fr","it","nl","es","pl","pt","sv","fi"].includes(t)){return t}return"de"}function generateYears(t,e,a){var n=[];var i=new Date;var r=i.getFullYear();for(var o=e;o<=a;o++){n.push({value:o,label:"".concat(o),disabled:false,today:r===o,selected:t===o})}return n}function generateMonths(t,e,a,n,i){var r=validateLanguage(t);var o=BalDate.infoMonths({format:"long",locale:r});var l=BalDate.fromISO(a);var s=new Date;var d=s.getFullYear();var u=s.getMonth()+1;var c=0;if(n&&e!==undefined){var h=BalDate.fromISO(n);if(h.isValid){if(e>h.year){c=0}else{c=h.month||c}}}var f=12;if(i&&e!==undefined){var b=BalDate.fromISO(i);if(b.isValid){if(e<b.year){f=12}else{f=b.month||f}}}return o.map((function(t,a){var n=a+1;return{label:t,value:n,today:n===u&&e===d,selected:n===l.month&&e===l.year,disabled:n<c||n>f}}))}function generateWeekDays(t){var e=validateLanguage(t);var a=BalDate.infoWeekdays({format:"short",locale:e});var n=BalDate.infoWeekdays({format:"long",locale:e});return a.map((function(t,e){return{ariaLabel:n[e],textContent:t}}))}function getFirstDayOfMonth(t,e){if(e<1||e>12||t<0){return undefined}return new Date(t,e-1,1)}var CalendarGrid=function(t){var e=t.isVisible,a=t.ref,n=t.grid,i=t.weekdays,r=t.selectedDate,o=t.firstDayOfWeek,l=t.onSelectDay;var s=BEM.block("date-calendar");var d=s.element("body");var u=d.element("grid");return h("div",{role:"grid",class:Object.assign(Object.assign({},u.class()),u.modifier("visible").class(e)),"aria-hidden":e?"false":"true",ref:function(t){return a(t)}},h("div",{role:"row",class:Object.assign({},u.element("head").class())},i.map((function(t){return h("span",{key:t.textContent,role:"columnheader","aria-label":t.ariaLabel,title:t.ariaLabel},t.textContent)}))),h("div",{role:"row",class:Object.assign({},u.element("body").class()),style:{"--bal-date-first-week-day":"".concat(o)}},n.map((function(t){return h("bal-date-calendar-cell",Object.assign({key:t.isoDate},t,{selected:t.isoDate===r,onBalSelectDay:function(t){var e=t.detail;return l(e)}}))}))))};var CalendarList=function(t){var e=t.name,a=t.isVisible,n=t.girdHeight,i=t.list,r=t.onSelect,o=t.ref;var l=BEM.block("date-calendar");var s=l.element("body");var d=s.element("list");return h("ul",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier(e).class()),d.modifier("visible").class(a)),"aria-hidden":a?"false":"true",style:{height:"".concat(n-2-8-8,"px")},ref:function(t){return o?o(t):undefined}},i.map((function(t){return h("li",{key:t.value,id:"".concat(e,"-").concat(t.value)},h("button",{class:Object.assign(Object.assign(Object.assign(Object.assign({},d.element("item").class()),d.element("item").modifier("today").class(t.today)),d.element("item").modifier("selected").class(t.selected)),d.element("item").modifier("disabled").class(t.disabled)),disabled:t.disabled,tabIndex:-1,onClick:function(){if(!t.disabled){r(t)}}},t.label))})))};var CalendarNav=function(t){var e=t.language,a=t.onClickSelectMonthAndYear,n=t.monthFullNames,i=t.month,r=t.year,o=t.isCalendarVisible,l=t.isListVisible,s=t.onClickPreviousMonth,d=t.onClickNextMonth;var u=BEM.block("date-calendar");var c=u.element("nav");var f=i18nBalDate[e].nextMonth;var b=i18nBalDate[e].previousMonth;var v=i18nBalDate[e].selectMonth;return h("div",{class:Object.assign({},c.class())},h("div",{class:Object.assign({},c.modifier("start").class())},h("button",{title:v,"aria-label":v,tabIndex:-1,"data-testid":"change-year-month",onClick:a},h("span",null,n[i-1]," ",r),h("bal-icon",{name:"caret-up",color:"primary",size:"small",turn:o}))),h("div",{class:Object.assign({},c.modifier("end").class()),style:{display:l?"none":"flex"}},h("button",{title:b,"aria-label":b,onClick:s,tabIndex:-1,"data-testid":"previous-month"},h("bal-icon",{name:"caret-left",color:"primary",size:"small"})),h("button",{title:f,"aria-label":f,onClick:d,tabIndex:-1,"data-testid":"next-month"},h("bal-icon",{name:"caret-right",color:"primary",size:"small"}))))};var balDateCalendarCss=':host{--bal-date-first-week-day:0;--bal-date-calendar-button-background:transparent;--bal-date-calendar-button-background-hover:var(--bal-color-light-blue-1);--bal-date-calendar-button-background-active:var(--bal-color-light-blue-2);--bal-date-calendar-button-color:var(--bal-color-text-primary);--bal-date-calendar-button-today-color:var(--bal-color-light-blue-3);--bal-date-calendar-button-today-color-hover:var(--bal-color-text-primary);--bal-date-calendar-button-today-color-active:var(--bal-color-text-primary);--bal-date-calendar-button-selected-background:var(--bal-color-primary);--bal-date-calendar-button-selected-color:var(--bal-color-text-white)}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;background:var(--bal-color-white);border-radius:var(--bal-radius-normal)}.bal-date-calendar__nav{display:-ms-flexbox;display:flex;width:calc(100% - 1rem);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:.5rem;gap:.5rem}.bal-date-calendar__nav--start>button{display:-ms-flexbox;display:flex;gap:.5rem}.bal-date-calendar__nav--end{display:-ms-flexbox;display:flex;gap:.5rem}.bal-date-calendar__nav button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-date-calendar-button-color);border:none;background:var(--bal-date-calendar-button-background);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;min-height:2rem;min-width:2rem;padding:.25rem;border-radius:var(--bal-button-radius);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{background:var(--bal-date-calendar-button-background-hover)}}.bal-date-calendar__nav button:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{background:var(--bal-date-calendar-button-background-active)}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled){color:var(--bal-date-calendar-button-today-color);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):hover{color:var(--bal-date-calendar-button-today-color-hover)}}.bal-date-calendar__nav button--today:not(.bal-date-calendar__nav button--selected):not(.bal-date-calendar__nav button--disabled):active{color:var(--bal-date-calendar-button-today-color-active)}.bal-date-calendar__nav button--selected{background:var(--bal-date-calendar-button-selected-background);color:var(--bal-date-calendar-button-selected-color);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__nav button--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body{display:block}.bal-date-calendar__body__grid{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.5rem;height:0;padding-top:0;padding-bottom:0;visibility:hidden}.bal-date-calendar__body__grid--visible{height:auto;padding-top:.5rem;padding-bottom:.5rem;visibility:visible}.bal-date-calendar__body__grid__head{position:relative;display:grid;grid-template-columns:repeat(7, 1fr);-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-date-calendar__body__grid__head::after{position:absolute;content:"";height:2px;width:calc(100% + 1rem);bottom:0;left:-0.5rem;right:-0.5rem;background:var(--bal-color-border)}.bal-date-calendar__body__grid__head span{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:2rem;width:2rem;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-wrap:nowrap}.bal-date-calendar__body__grid__body{display:grid;grid-template-columns:repeat(7, 1fr);-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:.5rem}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell{width:2rem;height:2rem;text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-date-calendar__body__grid__body>.bal-date-calendar-cell:first-child{grid-column:var(--bal-date-first-week-day)}.bal-date-calendar__body__list{display:none;list-style:none;margin:0;padding:0;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.5rem;width:calc(100% - 1rem);overflow-y:auto;max-height:18rem;position:relative;padding:.5rem;border-top:2px solid var(--bal-color-border)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-date-calendar-button-color);border:none;background:var(--bal-date-calendar-button-background);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;width:100%}@media (hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{background:var(--bal-date-calendar-button-background-hover)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{background:var(--bal-date-calendar-button-background-active)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled){color:var(--bal-date-calendar-button-today-color);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):hover{color:var(--bal-date-calendar-button-today-color-hover)}}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--today:not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected):not(.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled):active{color:var(--bal-date-calendar-button-today-color-active)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--selected{background:var(--bal-date-calendar-button-selected-background);color:var(--bal-date-calendar-button-selected-color);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar__body__list .bal-date-calendar__body__list__item--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}.bal-date-calendar__body__list--visible{display:grid}.bal-date-calendar__body__list--year{grid-template-columns:repeat(4, 1fr)}.bal-date-calendar__body__list--month{grid-template-columns:repeat(2, 1fr)}.bal-date-calendar-cell{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--bal-radius-normal);font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);color:var(--bal-date-calendar-button-color);border:none;background:var(--bal-date-calendar-button-background);text-align:center;font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;outline:none;width:2rem;height:2rem}@media (hover: hover)and (pointer: fine){.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{background:var(--bal-date-calendar-button-background-hover)}}.bal-date-calendar-cell:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{background:var(--bal-date-calendar-button-background-active)}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled){color:var(--bal-date-calendar-button-today-color);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):hover{color:var(--bal-date-calendar-button-today-color-hover)}}.bal-date-calendar-cell--today:not(.bal-date-calendar-cell--selected):not(.bal-date-calendar-cell--disabled):active{color:var(--bal-date-calendar-button-today-color-active)}.bal-date-calendar-cell--selected{background:var(--bal-date-calendar-button-selected-background);color:var(--bal-date-calendar-button-selected-color);font-weight:var(--bal-font-weight-bold)}.bal-date-calendar-cell--disabled{cursor:default;background:rgba(0,0,0,0);color:var(--bal-color-text-grey-light)}';var DateCalendar=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange");this.oldMin="";this.oldMax="";this.selectedDate="";this.monthFullNames=[];this.weekdays=[];this.months=[];this.years=[];this.calendarGrid=[];this.firstDayOfWeek=0;this.month=0;this.year=0;this.language=defaultConfig.language;this.isCalendarVisible=true;this.isYearListVisible=false;this.isMonthListVisible=false;this.allowedDates=undefined;this.onSelectDay=function(t){e.valueChanged(t,e.selectedDate);e.balChange.emit(e.selectedDate)};this.onClickNextMonth=function(){var t=e.year;var a=e.month+1;if(a>12){a=1;t=t+1}e.generateGridByMonthAndYear(a,t)};this.onClickPreviousMonth=function(){var t=e.year;var a=e.month-1;if(a<1){a=12;t=t-1}e.generateGridByMonthAndYear(a,t)};this.onClickSelectMonthAndYear=function(){return __awaiter(e,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:this.updateSelections();if(!(this.isCalendarVisible===true))return[3,2];this.isCalendarVisible=false;this.isYearListVisible=true;this.isMonthListVisible=false;return[4,waitAfterFramePaint()];case 1:a.sent();if(this.yearListEl){t=this.yearListEl.querySelector("#year-".concat(this.year));if(t){e=26+8+4;this.yearListEl.scrollTop=t.offsetTop-e*2}else{this.yearListEl.scrollTop=0}}return[3,3];case 2:this.isCalendarVisible=true;this.isYearListVisible=false;this.isMonthListVisible=false;a.label=3;case 3:return[2]}}))}))};this.onClickYear=function(t){e.isYearListVisible=false;e.isMonthListVisible=true;e.generateGridByMonthAndYear(e.month,t);e.months=generateMonths(e.language,t,e.selectedDate,e.min,e.max)};this.onClickMonth=function(t){e.isYearListVisible=false;e.isMonthListVisible=false;e.isCalendarVisible=true;e.generateGridByMonthAndYear(t,e.year)}}t.prototype.createLogger=function(t){this.log=t};t.prototype.valueChanged=function(t,e){if(t!==e){var a=BalDate.fromISO(t);if(!a.isValid){this.generateGridByDefaultDate();this.selectedDate=""}else{this.generateGridByDate(a);this.selectedDate=a.toISODate()}this.updateSelections()}};t.prototype.rangePropChanged=function(){this.updateSelections();this.generateGrid()};t.prototype.yearRangePropChanged=function(){this.updateSelections()};t.prototype.connectedCallback=function(){this.generateGridByDefaultDate();this.valueChanged(this.value,undefined)};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=t.language;this.monthFullNames=BalDate.infoMonths({format:"long",locale:this.language});this.weekdays=generateWeekDays(this.language);this.updateSelections();return[2]}))}))};t.prototype.swipeListener=function(t){var e=t.left,a=t.right;if(e){this.onClickNextMonth()}else if(a){this.onClickPreviousMonth()}};Object.defineProperty(t.prototype,"minYear",{get:function(){if(this.minYearProp===undefined){var t=new Date;var e=t.getFullYear();var a=e-100;if(this.min){var n=BalDate.fromISO(this.min);return n.year||a}else{return a}}return this.minYearProp},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"maxYear",{get:function(){if(this.maxYearProp===undefined){var t=new Date;var e=t.getFullYear();var a=e+50;if(this.max){var n=BalDate.fromISO(this.max);return n.year||a}else{return a}}return this.maxYearProp},enumerable:false,configurable:true});t.prototype.updateSelections=function(){this.years=generateYears(this.year,this.minYear,this.maxYear);this.months=generateMonths(this.language,this.year,this.selectedDate,this.min,this.max)};t.prototype.generateGrid=function(){var t=BalDate.fromISO(this.value);if(t.isValid){this.generateGridByDate(t)}else{this.generateGridByDefaultDate()}};t.prototype.generateGridByDate=function(t){if(t.year!==undefined&&t.month!==undefined){this.generateGridByMonthAndYear(t.month,t.year)}};t.prototype.generateGridByDefaultDate=function(){var t=BalDate.fromISO(this.defaultDate);if(t.isValid){this.generateGridByDate(t)}else{var e=new Date;this.month=e.getMonth()+1;this.year=e.getFullYear();this.calendarGrid=generateCalendarGrid(this.year,this.month,this.min,this.max,this.allowedDates);this.firstDayOfWeek=getFirstWeekdayOfMonth(this.year,this.month)}};t.prototype.generateGridByMonthAndYear=function(t,e){if(this.month!==t||this.year!==e||this.oldMin!==this.min||this.oldMax!==this.max){this.calendarGrid=generateCalendarGrid(e,t,this.min,this.max,this.allowedDates);this.firstDayOfWeek=getFirstWeekdayOfMonth(e,t)}this.month=t;this.year=e;this.oldMin=this.min;this.oldMax=this.max};t.prototype.render=function(){var t=this;var e;var a=((e=this.gridEl)===null||e===void 0?void 0:e.clientHeight)||0;var n=BEM.block("date-calendar");var i=n.element("body");var r=n.element("foot");return h(Host,{key:"34efddf3c88e5470dcefd22c5cab262873d07de8",class:Object.assign({},n.class())},h(CalendarNav,{key:"9c8942a95ff9f1c8fdc8b1e153a29632145d1c2b",language:this.language,monthFullNames:this.monthFullNames,month:this.month,year:this.year,isCalendarVisible:this.isCalendarVisible,isListVisible:this.isMonthListVisible||this.isYearListVisible,onClickSelectMonthAndYear:this.onClickSelectMonthAndYear,onClickPreviousMonth:this.onClickPreviousMonth,onClickNextMonth:this.onClickNextMonth}),h("div",{key:"6a2cb7bba9c0568c1dc31d8b1c811b90c5845dce",class:Object.assign({},i.class())},h(CalendarGrid,{key:"a687e1e1f80bc8ea21bdc7ad4709537829005843",isVisible:this.isCalendarVisible,grid:this.calendarGrid,weekdays:this.weekdays,firstDayOfWeek:this.firstDayOfWeek,selectedDate:this.selectedDate,ref:function(e){return t.gridEl=e},onSelectDay:function(e){return t.onSelectDay(e)}}),h(CalendarList,{key:"cba1e282fb92f5edfa04e97eefcf9b38b57b8428",name:"year",isVisible:this.isYearListVisible,girdHeight:a,list:this.years,ref:function(e){return t.yearListEl=e},onSelect:function(e){return t.onClickYear(e.value)}}),h(CalendarList,{key:"ae7cb47aaffec3d3a91d1aab96f1fbdde34b7e6f",name:"month",isVisible:this.isMonthListVisible,girdHeight:a,list:this.months,onSelect:function(e){return t.onClickMonth(e.value)}})),h("div",{key:"6e455964845a4e57abc793cb78916ed51fa0bdb3",class:Object.assign({},r.class())},h("slot",{key:"277a09ef4cb10f6f051c84b1ba9f9ae79f0d3479"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"],min:["rangePropChanged"],max:["rangePropChanged"],minYearProp:["yearRangePropChanged"],maxYearProp:["yearRangePropChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-date-calendar"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],DateCalendar.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],DateCalendar.prototype,"configChanged",null);__decorate([ListenToSwipe({mobileOnly:true}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],DateCalendar.prototype,"swipeListener",null);DateCalendar.style=balDateCalendarCss;var MaskPosition=function(){function t(t){this._options=t;this._position=0;this._positionEnd=0;this._isRangeSelection=false;if(t.component&&t.component.nativeInput){this._position=t.component.nativeInput.selectionStart||0;this._positionEnd=t.component.nativeInput.selectionEnd||0;this._isRangeSelection=this._position!==this._positionEnd}}Object.defineProperty(t.prototype,"isRangeSelection",{get:function(){return this._isRangeSelection},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"value",{get:function(){if(this._options.isBackspace&&this._position>0){return this._position-1}return this._position},set:function(t){var e=t<0?0:t>this._options.mask.maxLength?this._options.mask.maxLength:t;this._position=e},enumerable:false,configurable:true});t.prototype.toStart=function(){this.value=0};t.prototype.toEnd=function(){var t=this.getTarget();if(t){this.value=t.value.length}};t.prototype.next=function(t){if(t===void 0){t=1}var e=this._position+t;if(e<=this._options.mask.maxLength){this._position=e}return this._position};t.prototype.previous=function(t){if(t===void 0){t=1}var e=this._position-t;if(e>=0){this._position=e}else{this._position=0}return this._position};t.prototype.submit=function(){var t=this.getTarget();if(t&&t.selectionStart!==this._position&&t.selectionEnd!==this._position){t.selectionStart=this._position;t.selectionEnd=this._position}};t.prototype.getTarget=function(){if(this._options.component&&this._options.component.nativeInput){return this._options.component.nativeInput}return undefined};return t}();var MaskContext=function(){function t(t){this._options=t;this._value="";if(this._options.component&&this._options.component.nativeInput){this._value=this._options.component.nativeInput.value}this.position=new MaskPosition(this._options);this.component=this._options.component}Object.defineProperty(t.prototype,"target",{get:function(){if(this._options.component&&this._options.component.nativeInput){return this._options.component.nativeInput}return undefined},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"value",{get:function(){return this._value},set:function(t){this._value=t},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"focused",{get:function(){return this._options.component.focused},enumerable:false,configurable:true});t.prototype.isValueEmpty=function(){return this.value===""||this.value===undefined||this.value===null};t.prototype.preventDefault=function(){if(this._options.event.preventDefault){this._options.event.preventDefault()}};t.prototype.stopPropagation=function(){this.preventDefault();if(this._options.event.stopPropagation){this._options.event.stopPropagation()}};t.prototype.submit=function(){return __awaiter(this,arguments,void 0,(function(t,e){if(t===void 0){t="input"}return __generator(this,(function(a){if(this.target){this.target.value=this.value;if(t!=="blur"&&t!=="tab"){this.position.submit()}if(this._options.component){if(t==="input"||t==="tab"){this._options.component.balInput.emit(this.value)}if((t==="change"||t==="blur")&&e!==undefined){if(hasValueChanged(this._options.component.value,e)){this._options.component.value=e;this._options.component.balChange.emit(e)}}}}return[2]}))}))};return t}();var MaskClipboardContext=function(t){__extends(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}Object.defineProperty(e.prototype,"clipboardData",{get:function(){var t;return(t=this._options.event.clipboardData)===null||t===void 0?void 0:t.getData("text")},enumerable:false,configurable:true});return e}(MaskContext);var MaskFocusContext=function(t){__extends(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}return e}(MaskContext);var MaskKeyboardContext=function(t){__extends(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}Object.defineProperty(e.prototype,"key",{get:function(){return this._options.event.key},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isCtrlOrCommandKey",{get:function(){return this._options.event.metaKey||this._options.event.ctrlKey},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isBackspaceKey",{get:function(){return this._options.event.key==="Backspace"},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isTabKey",{get:function(){return this._options.event.key==="Tab"},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isWhiteSpaceKey",{get:function(){return this._options.event.key===" "},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isDeleteKey",{get:function(){return this._options.event.key==="Delete"||this._options.event.key==="Del"},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isNumberKey",{get:function(){return e.NUMBER_KEYS.includes(this._options.event.key)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isNavigationKey",{get:function(){return e.NAVIGATION_KEYS.includes(this._options.event.key)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isSelectAllCommand",{get:function(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&this.key==="a"},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isCopyCommand",{get:function(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&this.key==="c"},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isPasteCommand",{get:function(){return(this._options.event.ctrlKey||this._options.event.metaKey)&&this.key==="v"},enumerable:false,configurable:true});e.prototype.getCharAt=function(t){if(t===void 0){t=this.position.value}return this.value.charAt(t)};e.prototype.getCharAtBackspacePosition=function(){return this.getCharAt(this.position.value-1)};e.prototype.setChar=function(t,e){if(t===void 0){t=this._options.event.key}if(e===void 0){e=this.position.value}this.value=this.value.substring(0,e)+t+this.value.substring(e+1)};return e}(MaskContext);MaskKeyboardContext.NUMBER_KEYS=["0","1","2","3","4","5","6","7","8","9"];MaskKeyboardContext.NAVIGATION_KEYS=["Home","End","ArrowLeft","Left","ArrowRight","Right","Tab","Enter","Esc","Escape"];var MaskLocaleContext=function(t){__extends(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}Object.defineProperty(e.prototype,"locale",{get:function(){return this._options.event.locale},enumerable:false,configurable:true});return e}(MaskContext);var MaskMouseContext=function(t){__extends(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}return e}(MaskContext);var MaskValueChangedContext=function(t){__extends(e,t);function e(){return t!==null&&t.apply(this,arguments)||this}Object.defineProperty(e.prototype,"newValue",{get:function(){return this._options.event.newValue},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"oldValue",{get:function(){return this._options.event.oldValue},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"didValueChange",{get:function(){return this.newValue!==this.oldValue},enumerable:false,configurable:true});return e}(MaskContext);var MaskBlock=function(){function t(t){this._isSeparator=false;this._allowedKeys=[];this._locale="de-CH";this._from=t.from||0;this._to=t.to||0;this._isSeparator=t.isSeparator===undefined?false:t.isSeparator;this._mask=t.mask||"_";this._allowedKeys=t.allowedKeys?t.allowedKeys:this.allowedKeys;this._format=t.format}t.prototype.format=function(t){if(this._format){return this._format(t.replace(this.mask,""),this._locale,this.mask)}return t};Object.defineProperty(t.prototype,"isSeparator",{get:function(){return this._isSeparator},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"to",{get:function(){return this._to},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"from",{get:function(){return this._from},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"mask",{get:function(){if(typeof this._mask==="function"){return this._mask(this._locale)}return this._mask},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allowedKeys",{get:function(){return this._allowedKeys},enumerable:false,configurable:true});t.prototype.onI18nChange=function(t){this._locale=t};t.prototype.getValueOfTheBlock=function(t){return t.slice(this._from,this._to)};t.prototype.isTouched=function(t){var e=this;var a=this.getValueOfTheBlock(t);return!a.split("").every((function(t){return t===e.mask}))};t.prototype.verifyAllowedKeyHits=function(t){if(this.isSeparator&&t===this.mask){return true}else if(this.allowedKeys.indexOf(t)>=0){return true}else{return false}};return t}();var MaskBlockList=function(){function t(t){if(t===void 0){t=[]}this._list=t}Object.defineProperty(t.prototype,"lastPosition",{get:function(){return this._list[this._list.length-1].to},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"list",{get:function(){return this._list},set:function(t){this._list=t},enumerable:false,configurable:true});t.prototype.clone=function(){return new t(__spreadArray([],this._list,true))};t.prototype.findByIndex=function(t,e){if(e===void 0){e=this.list}return e.find((function(e){return e.from<=t&&t<e.to}))};t.prototype.getPlaceholderMask=function(){var t=[];this.list.forEach((function(e){var a=e.to-e.from;for(var n=0;n<a;n++){t.push(e.mask)}}));return t.join("")};t.prototype.getRawValueWithoutMaskByContext=function(t){return this.getRawValueWithoutMask(t.value)};t.prototype.getRawValueWithoutMask=function(t){if(t){var e=[];var a=t.split("");for(var n=0;n<a.length;n++){var i=a[n];var r=this.findByIndex(n);if(r&&!r.isSeparator){e.push(i.replace(r.mask,""))}else{e.push(i)}}e=e.filter((function(t){return t}));var o=this.list.filter((function(t){return t.isSeparator})).length;if(o===e.length){return""}return e.join("")}return""};t.prototype.formatBlocks=function(t,e){var a="".concat(t);for(var n=0;n<this.list.length;n++){var i=this.list[n];if(e!==n&&!i.isSeparator&&i.isTouched(a)){var r=i.getValueOfTheBlock(a);var o=i.format(r);a=a.substring(0,i.from)+o+a.substring(i.to)}}return a};t.prototype.getBlockIndexFromPosition=function(t){var e=this.list.reduce((function(t,e){return t+e.to-e.from}),0);if(t===e){return this.list.length-1}var a=this.list.findIndex((function(e){return e.from<=t&&t<e.to}));return a<0?undefined:Math.min(e,a)};t.prototype.verifyCallOfNextSeparator=function(t,e){if(this.list.length-1>e){var a=this.list[e+1];if(a.isSeparator&&a.mask===t){return true}}return false};return t}();var AbstractMask=function(){function t(t){if(t===void 0){t=[]}this.inputMode="text";this.locale="de-CH";this.blocks=new MaskBlockList(t)}t.prototype.onLocaleChange=function(t,e,a){if(t.target){var n=t.value;var i=n.split("");for(var r=0;r<i.length;r++){var o=i[r];var l=this.blocks.findByIndex(r);var s=a.findByIndex(r);if(l&&s){if(l.isSeparator){i[r]=l.mask}else if(o===s.mask){i[r]=l.mask}}}t.value=i.join("")}};t.prototype.onFocus=function(t){};t.prototype.onBlur=function(t){};t.prototype.onChange=function(t){t.submit("change",this.onParseValue(t.value))};t.prototype.onNavigationDown=function(t,e,a){};t.prototype.onSelectAll=function(t,e,a){};t.prototype.onPaste=function(t,e,a){var n=t.clipboardData||"";t.value=n;t.position.toEnd()};t.prototype.onBlockChange=function(t,e,a){t.setChar();t.position.next();var n=this.blocks.list[a+1];if(t.position.value===e.to&&n&&n.isSeparator){t.position.next()}};t.prototype.onBackspaceDown=function(t,e,a){t.position.previous();if(!e.isSeparator){t.setChar(e.mask);var n=this.blocks.list[a-1];if(t.position.value===e.from&&n&&n.isSeparator){t.position.previous()}}};t.prototype.onDeleteDown=function(t,e,a){t.setChar(e.mask);t.position.next();var n=this.blocks.list[a+1];if(t.position.value===e.to&&n&&n.isSeparator){t.position.next()}};t.prototype.onValueChanged=function(t){var e=this.onFormatValue(t.newValue);var a=t.focused&&e===""?this.blocks.getPlaceholderMask():e;t.value=a;t.position.toEnd()};t.prototype.onParseValue=function(t,e){if(e===void 0){e={allowInvalidValue:false}}if(t){return t.trim()}return t||""};t.prototype.onFormatValue=function(t){if(t){return t.trim()}return t||""};t.prototype.toParsedValue=function(t){return this.onParseValue(t)};t.prototype.toFormattedValue=function(t){return this.onFormatValue(t)};t.prototype.fireI18nChange=function(t){var e=this.blocks.clone();var a="".concat(t.locale);this.locale=t.locale;this.blocks.list.forEach((function(e){return e.onI18nChange(t.locale)}));this.onLocaleChange(t,a,e)};t.prototype.fireValueChanged=function(t){if(t.didValueChange){this.onValueChanged(t)}};t.prototype.firePaste=function(t){var e=this.blocks.getBlockIndexFromPosition(t.position.value);if(e!==undefined){var a=this.blocks.list[e];this.onPaste(t,a,e);this.onChange(t)}};t.prototype.fireClick=function(t){var e=this.blocks.getPlaceholderMask();if(e===t.value){t.position.toStart()}};t.prototype.fireFocus=function(t){if(t.target&&t.isValueEmpty()){this.resetInputValueWithMask(t)}this.onFocus(t)};t.prototype.fireBlur=function(t){if(t.target){if(this.isValueEmptyMask(t)){this.emptyInputValue(t)}else{this.onBlur(t);t.submit("blur",this.onParseValue(t.value,{allowInvalidValue:t.component.allowInvalidValue}))}}};t.prototype.fireKeyDown=function(t){var e=t.isBackspaceKey?Math.max(0,t.position.value-1):t.position.value;var a=this.blocks.getBlockIndexFromPosition(e);if(e>=this.blocks.lastPosition&&!t.isNavigationKey&&!t.isSelectAllCommand){t.preventDefault();t.stopPropagation();return}if(a!==undefined&&!t.position.isRangeSelection){var n=this.blocks.list[a];if(t.isNavigationKey){this.onNavigationDown(t,n,a)}else if(t.isSelectAllCommand){this.onSelectAll(t,n,a)}else if(t.isCopyCommand);else if(t.isPasteCommand);else if(t.isBackspaceKey){t.preventDefault();this.onBackspaceDown(t,n,a)}else if(t.isDeleteKey){t.preventDefault();this.onDeleteDown(t,n,a)}else if(t.isWhiteSpaceKey){t.preventDefault();var i=t.value[t.position.value];if(i==="."){t.stopPropagation();var r=t.value;t.value=r.substring(0,t.position.value)+"_"+r.substring(t.position.value+1)}}else if(n.verifyAllowedKeyHits(t.key)){t.preventDefault();this.onBlockChange(t,n,a)}else if(this.blocks.verifyCallOfNextSeparator(t.key,a)){t.preventDefault();var o=this.blocks.list[a];if(t.position.value>o.from){var l=this.blocks.list[a+1];var r=t.value;var s=n.getValueOfTheBlock(r);var d=n.format(s);t.value=r.substring(0,n.from)+d+r.substring(n.to);t.position.value=l.to}}var u=this.blocks.getBlockIndexFromPosition(t.position.value);if(u&&!t.isBackspaceKey){var c=this.blocks.formatBlocks(t.value,u);var h=t.position.value;t.value=c;t.position.value=h}}else{if(!t.isTabKey){t.preventDefault()}if(t.isBackspaceKey||t.isDeleteKey){this.resetInputValueWithMask(t)}else if(this.blocks.list[0].verifyAllowedKeyHits(t.key)){this.onBlockChange(t,this.blocks.list[0],0)}}};t.prototype.resetInputValueWithMask=function(t){t.value=this.blocks.getPlaceholderMask();t.position.toStart()};t.prototype.isValueEmptyMask=function(t){var e=this.blocks.getPlaceholderMask();return e===t.value};t.prototype.emptyInputValue=function(t){t.value="";t.submit("blur",t.value)};return t}();var DateMask=function(t){__extends(e,t);function e(){var e=t.call(this,[new MaskBlock({from:0,to:2,allowedKeys:__spreadArray([],NUMBER_KEYS,true),format:function(t,e,a){if(Number.isNaN(parseInt(t,10))){return"".concat(a).concat(a)}return t.padStart(2,"0")},mask:function(t){return e.dayMask[t.split("-")[0]]||e.dayMask["de"]}}),new MaskBlock({from:2,to:3,mask:function(t){return dateSeparator(t)},isSeparator:true}),new MaskBlock({from:3,to:5,allowedKeys:__spreadArray([],NUMBER_KEYS,true),format:function(t,e,a){if(Number.isNaN(parseInt(t,10))){return"".concat(a).concat(a)}return t.padStart(2,"0")},mask:function(t){return e.monthMask[t.split("-")[0]]||e.monthMask["de"]}}),new MaskBlock({from:5,to:6,mask:function(t){return dateSeparator(t)},isSeparator:true}),new MaskBlock({from:6,to:10,allowedKeys:__spreadArray([],NUMBER_KEYS,true),mask:function(t){return e.yearMask[t.split("-")[0]]||e.yearMask["de"]}})])||this;e.maxLength=10;e.minLength=10;e.inputMode="decimal";e.dayMask={de:"T",en:"D",fr:"J",it:"G",nl:"D",es:"D",pl:"D",pt:"D",sv:"D",fi:"M"};e.monthMask={de:"M",en:"M",fr:"M",it:"M",nl:"M",es:"M",pl:"M",pt:"M",sv:"M",fi:"K"};e.yearMask={de:"J",en:"Y",fr:"A",it:"A",nl:"J",es:"A",pl:"R",pt:"A",sv:"Å",fi:"V"};return e}e.prototype.onParseValue=function(t,e){if(e===void 0){e={allowInvalidValue:false}}if(t){var a=BalDate.fromAnyFormat(this.blocks.getRawValueWithoutMask(t));if(a.isValid){return a.toISODate()}else if(e&&e.allowInvalidValue){return INVALID_VALUE}}return""};e.prototype.onFormatValue=function(t){if(t){var e=BalDate.fromISO(t);if(e.isValid){return e.toFormat()}}return""};e.prototype.onPaste=function(t,e,a){var n=t.clipboardData||"";var i=BalDate.fromAnyFormat(n);if(i.isValid){t.value=i.toFormat();t.position.toEnd()}};e.prototype.onBlur=function(t){var e=this.blocks.getRawValueWithoutMaskByContext(t);var a=BalDate.fromAnyFormat(e);if(a.isValid){var n=a.toFormat();if(n!==t.value){t.value=n}}else if(t.component.allowInvalidValue){if(e!==t.value){t.value=e}}};return e}(AbstractMask);var MaskComponentAdapter=function(){function t(t){this.mask=t}Object.defineProperty(t.prototype,"attributes",{get:function(){return{inputMode:this.mask.inputMode,maxLength:this.mask.maxLength,minLength:this.mask.minLength,type:"text",autoCapitalize:"off",autoCorrect:"off",spellcheck:false}},enumerable:false,configurable:true});t.prototype.bindComponent=function(t){this.component=t};t.prototype.bindComponentDidLoad=function(){if(this.component&&this.component.nativeInput){this.component.nativeInput.value=this.component.value||""}this.bindValueChanged(this.component.value,undefined)};t.prototype.bindConfigChanged=function(t){var e=this,a=e.component,n=e.mask;var i=new MaskLocaleContext({component:a,mask:n,event:{locale:"".concat(t.language,"-").concat(t.region)}});this.mask.fireI18nChange(i);i.submit()};t.prototype.bindValueChanged=function(t,e){var a=this,n=a.component,i=a.mask;var r=new MaskValueChangedContext({component:n,mask:i,event:{newValue:t,oldValue:e}});this.mask.fireValueChanged(r);r.submit("blur")};t.prototype.bindKeyDown=function(t){if(this.isComponentAccessible){var e=this,a=e.component,n=e.mask;var i=new MaskKeyboardContext({event:t,component:a,mask:n});this.mask.fireKeyDown(i);var r=t.key==="Tab";i.submit(r?"tab":"input");a.balKeyPress.emit(t)}};t.prototype.bindFocus=function(t){if(this.isComponentAccessible){var e=this,a=e.component,n=e.mask;a.focused=true;var i=new MaskFocusContext({event:t,component:a,mask:n});this.mask.fireFocus(i);i.submit();a.balFocus.emit(t)}};t.prototype.bindBlur=function(t){if(this.isComponentAccessible){var e=this,a=e.component,n=e.mask;a.focused=false;var i=new MaskFocusContext({event:t,component:a,mask:n});this.mask.fireBlur(i);i.submit("blur");a.balBlur.emit(t)}};t.prototype.bindPaste=function(t){if(this.isComponentAccessible){var e=this,a=e.component,n=e.mask;var i=new MaskClipboardContext({event:t,component:a,mask:n});this.mask.firePaste(i);i.submit()}};t.prototype.bindFormReset=function(t){var e=this;var a=t.target;if(a&&(a===this.component.el||a.contains(this.component.el))){this.component.value=this.component.initialValue;this.component.inputValue=this.component.initialValue;clearTimeout(this.resetHandlerTimer);this.resetHandlerTimer=setTimeout((function(){if(e.component.nativeInput){e.component.nativeInput.value=e.mask.toFormattedValue(e.component.value||"")}}))}};t.prototype.bindClick=function(t){if(this.isComponentAccessible){var e=this,a=e.component,n=e.mask;var i=new MaskMouseContext({event:t,component:a,mask:n});this.mask.fireClick(i);i.submit()}};t.prototype.bindHostClick=function(t){if(!this.isComponentAccessible){t.preventDefault();t.stopPropagation()}};t.prototype.bindGlobalClick=function(t){if(!this.isComponentAccessible){if(t.target&&t.target===this.component.el){t.preventDefault();t.stopPropagation()}}};Object.defineProperty(t.prototype,"isComponentAccessible",{get:function(){return!this.component.disabled&&!this.component.readonly},enumerable:false,configurable:true});return t}();var balInputDateCss=".bal-input-date{display:block;width:100%;-ms-flex:1;flex:1}.bal-input-date input:not(:-moz-placeholder-shown){letter-spacing:.4px}.bal-input-date input:not(:-ms-input-placeholder){letter-spacing:.4px}.bal-input-date input:not(:placeholder-shown){letter-spacing:.4px}.bal-input-date__native{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}";var InputDate=function(){function t(t){registerInstance(this,t);this.balKeyPress=createEvent(this,"balKeyPress");this.balChange=createEvent(this,"balChange");this.balInput=createEvent(this,"balInput");this.balBlur=createEvent(this,"balBlur");this.balFocus=createEvent(this,"balFocus");this.inputId="bal-i-date-".concat(inputDateIds++);this.inheritedAttributes={};this.maskAdapter=new MaskComponentAdapter(new DateMask);this.focused=false;this.isGrouped=false;this.ariaForm=defaultBalAriaForm;this.name=this.inputId;this.invalid=false;this.required=false;this.disabled=false;this.readonly=false;this.clickable=false;this.autocomplete="off";this.hasIconRight=false;this.value=undefined;this.inputValue=this.value;this.initialValue=this.value||"";this.autoInvalidOff=false;this.allowInvalidValue=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.valueChanged=function(t,e){this.maskAdapter.bindValueChanged(t,e)};t.prototype.connectedCallback=function(){this.maskAdapter.bindComponent(this);this.isGrouped=hasParent("bal-input-group",this.el)};t.prototype.componentDidLoad=function(){this.maskAdapter.bindComponentDidLoad()};t.prototype.componentWillRender=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label","tabindex","title","data-hj-allow"])};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.maskAdapter.bindConfigChanged(t);return[2]}))}))};t.prototype.resetHandler=function(t){this.maskAdapter.bindFormReset(t)};t.prototype.listenOnClick=function(t){this.maskAdapter.bindGlobalClick(t)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){inputSetFocus(this);return[2]}))}))};t.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){inputSetBlur(this);return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},t);return[2]}))}))};t.prototype.render=function(){var t=this;var e=BEM.block("input-date");var a=e.element("native");return h(Host,{key:"3c71adc69c5270029c588885037338aee6dfc85f",onClick:function(e){return t.maskAdapter.bindHostClick(e)},class:Object.assign({},e.class())},h("input",Object.assign({key:"56c3f39f98b9dadb6b18f8bfea4c172e7bc0e607",class:{input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"is-clickable":this.clickable&&!(this.disabled||this.readonly),"bal-focusable":!this.disabled,"has-icon-right":this.hasIconRight},"data-testid":"bal-date-input",ref:function(e){return t.nativeInput=e},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":ariaBooleanToString(this.disabled),required:this.required,disabled:this.disabled,readonly:this.readonly,autoComplete:this.autocomplete},this.maskAdapter.attributes,this.inheritedAttributes,{placeholder:this.placeholder,value:this.inputValue,onKeyDown:function(e){return t.maskAdapter.bindKeyDown(e)},onClick:function(e){return t.maskAdapter.bindClick(e)},onFocus:function(e){return t.maskAdapter.bindFocus(e)},onBlur:function(e){return t.maskAdapter.bindBlur(e)},onPaste:function(e){return t.maskAdapter.bindPaste(e)}})),h("input",{key:"dae67450389be6169c8257a0b1eaf877fb81e66b",type:"date",class:Object.assign({},a.class()),name:this.name,min:this.min,max:this.max,value:this.value,tabindex:-1,"aria-hidden":"true"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return t}();__decorate([Logger("bal-input-date"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],InputDate.prototype,"createLogger",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],InputDate.prototype,"configChanged",null);var inputDateIds=0;InputDate.style=balInputDateCss;export{DateCalendar as bal_date_calendar,InputDate as bal_input_date};
|