@baloise/ds-core 17.0.0 → 17.1.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-accordion-trigger.js +3 -1
- package/components/bal-accordion.js +1 -1
- package/components/bal-date.js +3 -1
- package/components/bal-dropdown2.js +46 -9
- package/components/bal-footer.js +10 -5
- package/components/bal-segment.js +15 -2
- package/components/bal-tab-item.js +8 -2
- package/components/bal-tabs2.js +18 -12
- package/components/bal-textarea.js +3 -1
- package/components/index.js +1 -1
- package/components/option.js +1 -0
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-b4ecd87960.system.entry.js → p-0f995439fa.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4bbe4ba6ba.entry.js → p-1ecf7315b9.entry.js} +1 -1
- package/dist/baloise-design-system/p-278aed95.system.js +1 -0
- package/dist/baloise-design-system/{p-d9bb74c913.system.entry.js → p-2a81e1e84d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e8f93d80ca.system.entry.js → p-2cc4cfdddd.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-34c50dfa1e.entry.js +1 -0
- package/dist/baloise-design-system/p-353ce7cb84.system.entry.js +1 -0
- package/dist/baloise-design-system/p-43ab08c69d.entry.js +1 -0
- package/dist/baloise-design-system/{p-fa363ba3f9.system.entry.js → p-461076e3ee.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f3ef269852.entry.js → p-4d9e77f3e2.entry.js} +1 -1
- package/dist/baloise-design-system/p-4de229fddc.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-faf5c89145.system.entry.js → p-4ef4b1be9d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e1b2f86b.system.js → p-4f6a69cd.system.js} +1 -1
- package/dist/baloise-design-system/p-4ff5f10802.system.entry.js +1 -0
- package/dist/baloise-design-system/p-50b2a9c6.js +1 -1
- package/dist/baloise-design-system/{p-3c504ddf38.system.entry.js → p-5434009bc0.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-562c360455.entry.js +1 -0
- package/dist/baloise-design-system/{p-9b4da619.js → p-5ed239cc.js} +1 -1
- package/dist/baloise-design-system/{p-10151a65a4.entry.js → p-6f87a55001.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0ede0fa9b2.entry.js → p-743b475584.entry.js} +1 -1
- package/dist/baloise-design-system/{p-10985d5e.system.js → p-79cd15b8.system.js} +1 -1
- package/dist/baloise-design-system/{p-365fc134.system.js → p-852288a3.system.js} +1 -1
- package/dist/baloise-design-system/{p-1e688639.system.js → p-8d2e3bc3.system.js} +1 -1
- package/dist/baloise-design-system/{p-8d370d87cb.entry.js → p-9575320fc7.entry.js} +1 -1
- package/dist/baloise-design-system/{p-61c48963c7.system.entry.js → p-95b538ca71.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-9e103abfe5.entry.js +1 -0
- package/dist/baloise-design-system/{p-3114a84410.entry.js → p-a4adde8f06.entry.js} +1 -1
- package/dist/baloise-design-system/{p-bf1b5db620.system.entry.js → p-a4b4b9c642.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0215ccdca9.system.entry.js → p-a9f81bd538.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-aa0bfdce7b.system.entry.js +1 -0
- package/dist/baloise-design-system/p-af747e55e6.entry.js +1 -0
- package/dist/baloise-design-system/p-b57c473d.system.js +1 -1
- package/dist/baloise-design-system/p-b666673380.entry.js +1 -0
- package/dist/baloise-design-system/{p-c61080a6.js → p-bbdc9f6e.js} +1 -1
- package/dist/baloise-design-system/p-cc4dc17721.system.entry.js +1 -0
- package/dist/baloise-design-system/p-ce3173af38.system.entry.js +1 -0
- package/dist/baloise-design-system/p-d2f9ed2b.system.js +1 -1
- package/dist/baloise-design-system/{p-cfe42ac458.system.entry.js → p-d3e9be6607.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-14eef425da.system.entry.js → p-dc40f667ce.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-85ed9bd051.entry.js → p-dc70466385.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c7efc6d470.entry.js → p-de93a466cd.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3149162e9e.entry.js → p-e66e2555f7.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c8caa835.js → p-f23ce678.js} +1 -1
- package/dist/baloise-design-system/{p-ec286609dd.entry.js → p-faa07e101c.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6116192a.js → p-fb82a1e7.js} +1 -1
- package/dist/baloise-design-system/{p-2f6c32ca97.entry.js → p-ff89ba221b.entry.js} +1 -1
- package/dist/cjs/bal-accordion_4.cjs.entry.js +3 -2
- package/dist/cjs/bal-carousel_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-date.cjs.entry.js +2 -1
- package/dist/cjs/bal-dropdown.cjs.entry.js +43 -10
- package/dist/cjs/bal-footer.cjs.entry.js +9 -5
- package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-list_8.cjs.entry.js +3 -3
- package/dist/cjs/bal-logo.cjs.entry.js +3 -3
- package/dist/cjs/bal-nav_8.cjs.entry.js +3 -3
- package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-pagination.cjs.entry.js +3 -3
- package/dist/cjs/bal-progress-bar.cjs.entry.js +4 -4
- package/dist/cjs/bal-segment_2.cjs.entry.js +18 -5
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-steps.cjs.entry.js +3 -3
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +26 -17
- package/dist/cjs/bal-textarea.cjs.entry.js +2 -1
- package/dist/cjs/baloise-design-system.cjs.js +1 -1
- package/dist/cjs/{breakpoints.decorator-967c2fd2.js → breakpoints.decorator-cc7b6527.js} +1 -1
- package/dist/cjs/{breakpoints.subject-679bdc55.js → breakpoints.subject-cfe518b3.js} +1 -1
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/initialize-e7570bc6.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{option-4034ca7d.js → option-85af0921.js} +1 -0
- package/dist/cjs/{tokens.esm-e4edac35.js → tokens.esm-c5484151.js} +1 -1
- package/dist/cjs/{window-resize.decorator-bb2ea6d8.js → window-resize.decorator-137a02c4.js} +1 -1
- package/dist/collection/components/bal-accordion/bal-accordion-trigger/bal-accordion-trigger.js +20 -1
- package/dist/collection/components/bal-accordion/bal-accordion.js +1 -1
- package/dist/collection/components/bal-date/bal-date.js +25 -1
- package/dist/collection/components/bal-dropdown/bal-dropdown.css +1 -1
- package/dist/collection/components/bal-dropdown/bal-dropdown.js +88 -1
- package/dist/collection/components/bal-footer/bal-footer.js +31 -5
- package/dist/collection/components/bal-segment/bal-segment.js +15 -2
- package/dist/collection/components/bal-tabs/bal-tab-item/bal-tab-item.js +42 -2
- package/dist/collection/components/bal-tabs/bal-tabs.css +1 -1
- package/dist/collection/components/bal-tabs/bal-tabs.js +21 -2
- package/dist/collection/components/bal-tabs/components/tab-button.js +2 -2
- package/dist/collection/components/bal-tabs/components/tab-icon.js +1 -1
- package/dist/collection/components/bal-tabs/components/tab-label.js +1 -1
- package/dist/collection/components/bal-tabs/components/tab-nav.js +6 -3
- package/dist/collection/components/bal-textarea/bal-textarea.js +25 -1
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/collection/utils/dropdown/events.js +9 -1
- package/dist/collection/utils/dropdown/icon.js +6 -3
- package/dist/collection/utils/dropdown/option.js +1 -0
- package/dist/collection/utils/dropdown/value.js +2 -2
- package/dist/esm/bal-accordion_4.entry.js +3 -2
- package/dist/esm/bal-carousel_2.entry.js +3 -3
- package/dist/esm/bal-date.entry.js +2 -1
- package/dist/esm/bal-dropdown.entry.js +43 -10
- package/dist/esm/bal-footer.entry.js +9 -5
- package/dist/esm/bal-hint_5.entry.js +3 -3
- package/dist/esm/bal-list_8.entry.js +3 -3
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-nav_8.entry.js +3 -3
- package/dist/esm/bal-navbar_5.entry.js +3 -3
- package/dist/esm/bal-pagination.entry.js +3 -3
- package/dist/esm/bal-progress-bar.entry.js +4 -4
- package/dist/esm/bal-segment_2.entry.js +19 -6
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-steps.entry.js +3 -3
- package/dist/esm/bal-tab-item_2.entry.js +26 -17
- package/dist/esm/bal-textarea.entry.js +2 -1
- package/dist/esm/baloise-design-system.js +1 -1
- package/dist/esm/{breakpoints.decorator-9981606e.js → breakpoints.decorator-2e4214b2.js} +1 -1
- package/dist/esm/{breakpoints.subject-ae98d0fa.js → breakpoints.subject-0499ff54.js} +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/initialize-f93872c4.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{option-01553dab.js → option-367a5341.js} +1 -0
- package/dist/esm/{tokens.esm-ed9fb455.js → tokens.esm-e90e564a.js} +1 -1
- package/dist/esm/{window-resize.decorator-a88002f7.js → window-resize.decorator-be46c01c.js} +1 -1
- 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-date.entry.js +1 -1
- package/dist/esm-es5/bal-dropdown.entry.js +1 -1
- package/dist/esm-es5/bal-footer.entry.js +1 -1
- package/dist/esm-es5/bal-hint_5.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-segment_2.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/bal-textarea.entry.js +1 -1
- package/dist/esm-es5/baloise-design-system.js +1 -1
- package/dist/esm-es5/breakpoints.decorator-2e4214b2.js +1 -0
- package/dist/esm-es5/{breakpoints.subject-ae98d0fa.js → breakpoints.subject-0499ff54.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-f93872c4.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{option-01553dab.js → option-367a5341.js} +1 -1
- package/dist/esm-es5/{window-resize.decorator-a88002f7.js → window-resize.decorator-be46c01c.js} +1 -1
- package/dist/html.html-data.json +374 -0
- package/dist/types/components/bal-accordion/bal-accordion-trigger/bal-accordion-trigger.d.ts +4 -0
- package/dist/types/components/bal-date/bal-date.d.ts +4 -0
- package/dist/types/components/bal-dropdown/bal-dropdown.d.ts +13 -0
- package/dist/types/components/bal-dropdown/bal-dropdown.interfaces.d.ts +4 -1
- package/dist/types/components/bal-footer/bal-footer.d.ts +4 -0
- package/dist/types/components/bal-segment/bal-segment.d.ts +1 -0
- package/dist/types/components/bal-tabs/bal-tab-item/bal-tab-item.d.ts +10 -0
- package/dist/types/components/bal-tabs/bal-tab.type.d.ts +2 -0
- package/dist/types/components/bal-tabs/bal-tabs.d.ts +4 -0
- package/dist/types/components/bal-tabs/components/tab-button.d.ts +2 -0
- package/dist/types/components/bal-tabs/components/tab-nav.d.ts +1 -0
- package/dist/types/components/bal-textarea/bal-textarea.d.ts +4 -0
- package/dist/types/components.d.ts +82 -0
- package/dist/types/utils/dropdown/component.d.ts +1 -0
- package/dist/types/utils/dropdown/events.d.ts +2 -0
- package/dist/types/utils/dropdown/icon.d.ts +2 -0
- package/dist/types/utils/dropdown/value.d.ts +1 -0
- package/package.json +7 -7
- package/dist/baloise-design-system/p-5353ba1263.entry.js +0 -1
- package/dist/baloise-design-system/p-69f82b9b22.entry.js +0 -1
- package/dist/baloise-design-system/p-6cadcbe4bb.entry.js +0 -1
- package/dist/baloise-design-system/p-7752fa10ea.system.entry.js +0 -1
- package/dist/baloise-design-system/p-7f9fe862b6.system.entry.js +0 -1
- package/dist/baloise-design-system/p-93e2638280.system.entry.js +0 -1
- package/dist/baloise-design-system/p-98f7403c7f.entry.js +0 -1
- package/dist/baloise-design-system/p-a7d15ec66b.entry.js +0 -1
- package/dist/baloise-design-system/p-af5e974f4c.system.entry.js +0 -1
- package/dist/baloise-design-system/p-d0d162c677.system.entry.js +0 -1
- package/dist/baloise-design-system/p-dbc0b7c370.entry.js +0 -1
- package/dist/baloise-design-system/p-de36076c.system.js +0 -1
- package/dist/baloise-design-system/p-fd118a1752.system.entry.js +0 -1
- package/dist/esm-es5/breakpoints.decorator-9981606e.js +0 -1
- /package/dist/baloise-design-system/{p-fc542e26.js → p-5d4c2ac9.js} +0 -0
- /package/dist/baloise-design-system/{p-923b2e35.system.js → p-7c9bf66f.system.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-ed9fb455.js → tokens.esm-e90e564a.js} +0 -0
package/dist/esm/index.js
CHANGED
|
@@ -5,7 +5,7 @@ export { i as i18nBalTimeInput } from './bal-time-input.i18n-157c7092.js';
|
|
|
5
5
|
export { i as i18nBalInputStepper } from './bal-input-stepper.i18n-aaa4a009.js';
|
|
6
6
|
export { i as i18nBalLabel } from './bal-label.i18n-4212be56.js';
|
|
7
7
|
export { a as BalSnackbarController, B as BalToastController, c as balSnackbarController, b as balToastController, i as initialize, i as initializeBaloiseDesignSystem, s as setupConfig } from './initialize-f93872c4.js';
|
|
8
|
-
export { n as newBalOption } from './option-
|
|
8
|
+
export { n as newBalOption } from './option-367a5341.js';
|
|
9
9
|
export { n as newBalStepOption } from './bal-step.util-3905ad56.js';
|
|
10
10
|
export { n as newBalTabOption } from './bal-tab.util-933315fe.js';
|
|
11
11
|
import { g as getAppRoot, c as componentOnReady } from './helpers-72ae7307.js';
|
|
@@ -18,15 +18,15 @@ import { b as balDevice } from './device-8c6d2881.js';
|
|
|
18
18
|
export { B as BalDevice, b as balDevice } from './device-8c6d2881.js';
|
|
19
19
|
export { I as INVALID_VALUE } from './mask-util-71edc2b8.js';
|
|
20
20
|
import { g as getOverlays, a as getOverlay } from './overlays-73dcc4a8.js';
|
|
21
|
-
import { B as BalWindowResizeListener, b as balBreakpoints } from './breakpoints.subject-
|
|
22
|
-
export { c as BalBreakpointSubject, d as BalBreakpointsUtil, a as balBreakpointSubject, b as balBreakpoints } from './breakpoints.subject-
|
|
21
|
+
import { B as BalWindowResizeListener, b as balBreakpoints } from './breakpoints.subject-0499ff54.js';
|
|
22
|
+
export { c as BalBreakpointSubject, d as BalBreakpointsUtil, a as balBreakpointSubject, b as balBreakpoints } from './breakpoints.subject-0499ff54.js';
|
|
23
23
|
export { a as attachToConfig, d as detachFromConfig, o as onBalConfigChange, u as updateBalAllowedLanguages, b as updateBalAnimated, c as updateBalIcons, e as updateBalLanguage, f as updateBalRegion, g as useBalConfig } from './config.utils-6ac6c9bd.js';
|
|
24
24
|
export { d as defaultConfig } from './config.default-7efdc82d.js';
|
|
25
25
|
import { S as Subject } from './listener-04842ae9.js';
|
|
26
26
|
export { B as BalSwipeSubject } from './swipe.subject-683f7c7b.js';
|
|
27
27
|
import './index-5b1faf93.js';
|
|
28
28
|
import './icons.constant-a7885631.js';
|
|
29
|
-
import './tokens.esm-
|
|
29
|
+
import './tokens.esm-e90e564a.js';
|
|
30
30
|
import './log-dfd1c19f.js';
|
|
31
31
|
|
|
32
32
|
const i18nBalFieldLabel = {
|
|
@@ -268,7 +268,7 @@ const setupConfig = (userConfig = {}, win = {}) => {
|
|
|
268
268
|
};
|
|
269
269
|
|
|
270
270
|
// generated by .build/version.js
|
|
271
|
-
const VERSION = '17.
|
|
271
|
+
const VERSION = '17.1.0';
|
|
272
272
|
|
|
273
273
|
const initializeBaloiseDesignSystem = (userConfig = {}, platformConfig = undefined, win = {}) => {
|
|
274
274
|
if (Object.keys(win).length === 0 && balBrowser.hasWindow) {
|
package/dist/esm/loader.js
CHANGED
|
@@ -10,7 +10,7 @@ import './icons.constant-a7885631.js';
|
|
|
10
10
|
const defineCustomElements = async (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return undefined;
|
|
12
12
|
await globalScripts();
|
|
13
|
-
return bootstrapLazy(JSON.parse("[[\"bal-field_5\",[[6,\"bal-field-hint\",{\"subject\":[1],\"closeLabel\":[1,\"close-label\"],\"small\":[4]}],[6,\"bal-field-control\",{\"iconRight\":[1,\"icon-right\"],\"iconLeft\":[1,\"icon-left\"],\"expandedOnMobile\":[4,\"expanded-on-mobile\"],\"loading\":[4]}],[6,\"bal-field-label\",{\"htmlFor\":[1,\"html-for\"],\"required\":[4],\"valid\":[4],\"invalid\":[4],\"disabled\":[4],\"readonly\":[4],\"size\":[1],\"weight\":[1]}],[4,\"bal-field\",{\"required\":[4],\"horizontal\":[4],\"invalid\":[4],\"valid\":[4],\"disabled\":[4],\"readonly\":[4],\"loading\":[4]},null,{\"required\":[\"requiredHandler\"],\"invalid\":[\"invalidHandler\"],\"valid\":[\"validHandler\"],\"disabled\":[\"disabledHandler\"],\"readonly\":[\"readonlyHandler\"],\"loading\":[\"loadingHandler\"]}],[4,\"bal-field-message\",{\"color\":[1],\"invalid\":[4],\"valid\":[4],\"disabled\":[4],\"readonly\":[4],\"ariaForm\":[32],\"setAriaForm\":[64]}]]],[\"bal-file-upload\",[[0,\"bal-file-upload\",{\"name\":[1],\"value\":[16],\"label\":[1],\"multiple\":[4],\"disabled\":[4],\"readonly\":[4],\"loading\":[4],\"required\":[4],\"accept\":[1],\"maxFiles\":[2,\"max-files\"],\"maxFileSize\":[2,\"max-file-size\"],\"maxBundleSize\":[2,\"max-bundle-size\"],\"hasFileList\":[4,\"has-file-list\"],\"invalid\":[4],\"subTitle\":[16],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"files\":[32],\"focused\":[32],\"ariaForm\":[32],\"clear\":[64],\"setFocus\":[64],\"setBlur\":[64],\"getInputElement\":[64],\"setAriaForm\":[64]},null,{\"value\":[\"onValueChange\"]}]]],[\"bal-steps\",[[4,\"bal-steps\",{\"options\":[16],\"clickable\":[4],\"color\":[1],\"debounce\":[2],\"value\":[1025],\"isMobile\":[32],\"store\":[32],\"select\":[64],\"getOptionByValue\":[64]},null,{\"options\":[\"optionChanged\"],\"debounce\":[\"debounceChanged\"],\"value\":[\"valueChanged\"]}]]],[\"bal-notices_3\",[[4,\"bal-snackbar\",{\"color\":[1],\"duration\":[2],\"subject\":[1],\"message\":[1],\"icon\":[1],\"action\":[1],\"closeHandler\":[16],\"actionHandler\":[16],\"href\":[1],\"target\":[1],\"animationClass\":[32],\"closeIn\":[64],\"close\":[64]}],[4,\"bal-toast\",{\"color\":[1],\"duration\":[2],\"message\":[1],\"closeHandler\":[16],\"closeIn\":[64],\"close\":[64]}],[4,\"bal-notices\",{\"interface\":[1]}]]],[\"bal-footer\",[[4,\"bal-footer\",{\"hideLinks\":[4,\"hide-links\"],\"showSocialMedia\":[4,\"show-social-media\"],\"hideLanguageSelection\":[4,\"hide-language-selection\"],\"links\":[32],\"socialMediaLinks\":[32],\"language\":[32],\"region\":[32],\"allowedLanguages\":[32],\"configChanged\":[64]}]]],[\"bal-accordion_4\",[[4,\"bal-accordion\",{\"active\":[1540],\"debounce\":[2],\"openLabel\":[1,\"open-label\"],\"openIcon\":[1,\"open-icon\"],\"closeLabel\":[1,\"close-label\"],\"closeIcon\":[1,\"close-icon\"],\"card\":[4],\"version\":[2],\"state\":[32],\"animated\":[32],\"configChanged\":[64],\"present\":[64],\"dismiss\":[64],\"toggle\":[64],\"humanToggle\":[64]},null,{\"active\":[\"activeChanged\"],\"debounce\":[\"debounceChanged\"]}],[0,\"bal-accordion-trigger\",{\"button\":[4],\"openLabel\":[1,\"open-label\"],\"openIcon\":[1,\"open-icon\"],\"closeLabel\":[1,\"close-label\"],\"closeIcon\":[1,\"close-icon\"],\"color\":[1],\"size\":[1],\"active\":[1540],\"state\":[2],\"parentAccordionId\":[32]}],[4,\"bal-accordion-details\",{\"state\":[2],\"active\":[4],\"animated\":[4],\"parentAccordionId\":[32]}],[0,\"bal-accordion-summary\",{\"trigger\":[4],\"active\":[1540],\"state\":[2],\"parentAccordionId\":[32]}]]],[\"bal-date\",[[0,\"bal-date\",{\"name\":[1],\"invalid\":[4],\"required\":[4],\"disabled\":[4],\"readonly\":[4],\"freeSolo\":[4,\"free-solo\"],\"placeholder\":[1],\"triggerIcon\":[4,\"trigger-icon\"],\"closeOnSelect\":[4,\"close-on-select\"],\"value\":[1025],\"min\":[1025],\"max\":[1025],\"minYearProp\":[2,\"min-year\"],\"maxYearProp\":[2,\"max-year\"],\"defaultDate\":[1,\"default-date\"],\"allowedDates\":[16],\"allowInvalidValue\":[4,\"allow-invalid-value\"],\"debounce\":[2],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"isExpanded\":[32],\"language\":[32],\"calendarValue\":[32],\"ariaForm\":[32],\"configChanged\":[64],\"open\":[64],\"close\":[64],\"toggle\":[64],\"select\":[64],\"setFocus\":[64],\"setBlur\":[64],\"getInputElement\":[64],\"setAriaForm\":[64]},null,{\"value\":[\"valueChanged\"],\"debounce\":[\"debounceChanged\"]}]]],[\"bal-navbar_5\",[[4,\"bal-navbar-brand\",{\"href\":[1],\"target\":[1],\"simple\":[4],\"logo\":[1],\"logoSize\":[1,\"logo-size\"],\"animated\":[4],\"interface\":[1],\"isMenuActive\":[32]}],[4,\"bal-navbar\",{\"light\":[4],\"interface\":[1],\"container\":[1]},null,{\"interface\":[\"interfaceHandler\"]}],[4,\"bal-navbar-menu\",{\"interface\":[1],\"isMenuActive\":[32],\"isTouch\":[32],\"toggle\":[64]}],[4,\"bal-navbar-menu-end\",{\"interface\":[1]}],[4,\"bal-navbar-menu-start\",{\"interface\":[1]}]]],[\"bal-segment_2\",[[4,\"bal-segment-item\",{\"disabled\":[1028],\"invalid\":[1028],\"focused\":[1028],\"checked\":[1028],\"label\":[1],\"value\":[1032],\"hasSlotContent\":[32],\"isFocusable\":[32],\"isVertical\":[32],\"isLast\":[32],\"isFirst\":[32],\"hasEmptyValue\":[32],\"ariaForm\":[32],\"setFocus\":[64],\"setAriaForm\":[64]},null,{\"value\":[\"valueChanged\"]}],[4,\"bal-segment\",{\"invalid\":[4],\"disabled\":[4],\"vertical\":[4],\"scrollable\":[4],\"expanded\":[4],\"value\":[1032],\"focusedValue\":[32],\"keyboardMode\":[32],\"isVertical\":[32],\"isMobile\":[32],\"maxWidth\":[32],\"ariaForm\":[32],\"setAriaForm\":[64]},null,{\"disabled\":[\"disabledChanged\"],\"value\":[\"valueChanged\"]}]]],[\"bal-input-stepper\",[[0,\"bal-input-stepper\",{\"name\":[1],\"min\":[2],\"max\":[2],\"steps\":[2],\"disabled\":[4],\"readonly\":[4],\"invalid\":[4],\"debounce\":[2],\"value\":[1026],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"focused\":[32],\"language\":[32],\"region\":[32],\"ariaForm\":[32],\"configChanged\":[64],\"getInputElement\":[64],\"setAriaForm\":[64]},null,{\"debounce\":[\"debounceChanged\"]}]]],[\"bal-popup\",[[4,\"bal-popup\",{\"label\":[1],\"reference\":[1],\"variant\":[1],\"placement\":[1],\"arrow\":[4],\"backdrop\":[4],\"offset\":[2],\"closable\":[4],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"active\":[4],\"contentWidth\":[2,\"content-width\"],\"demo\":[4],\"activeClosable\":[32],\"activeBackdropDismiss\":[32],\"activeVariant\":[32],\"trigger\":[32],\"lastTrigger\":[32],\"minContainerWidth\":[32],\"presented\":[32],\"present\":[64],\"dismiss\":[64],\"toggle\":[64],\"setMinWidth\":[64],\"_emitChange\":[64],\"_present\":[64],\"_dismiss\":[64]},null,{\"variant\":[\"variantChanged\"],\"active\":[\"activeChanged\"],\"contentWidth\":[\"contentWidthChanged\"]}]]],[\"bal-data_4\",[[4,\"bal-data-value\",{\"editable\":[4],\"disabled\":[4],\"multiline\":[4]}],[4,\"bal-data\",{\"border\":[4],\"horizontal\":[4]},null,{\"border\":[\"borderHandler\"]}],[4,\"bal-data-item\",{\"disabled\":[4],\"border\":[4]}],[4,\"bal-data-label\",{\"required\":[4]}]]],[\"bal-modal_3\",[[4,\"bal-modal-header\"],[4,\"bal-modal\",{\"overlayIndex\":[1026,\"overlay-index\"],\"delegate\":[16],\"dataTestId\":[1,\"data-test-id\"],\"modalWidth\":[2,\"modal-width\"],\"space\":[1],\"hasBackdrop\":[4,\"has-backdrop\"],\"isClosable\":[4,\"is-closable\"],\"component\":[1],\"componentProps\":[16],\"cssClass\":[1,\"css-class\"],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"demo\":[4],\"presented\":[32],\"open\":[64],\"close\":[64],\"present\":[64],\"dismiss\":[64],\"onDidDismiss\":[64],\"onWillDismiss\":[64]}],[4,\"bal-modal-body\"]]],[\"bal-stage_6\",[[4,\"bal-stage\",{\"containerSize\":[1,\"container-size\"],\"size\":[1],\"color\":[1],\"shape\":[4],\"shapeVariation\":[1,\"shape-variation\"],\"shapeRotation\":[1,\"shape-rotation\"]}],[4,\"bal-stage-back-link\",{\"href\":[1],\"shadow\":[4],\"inverted\":[4]}],[4,\"bal-stage-body\"],[4,\"bal-stage-foot\"],[4,\"bal-stage-head\"],[0,\"bal-stage-image\",{\"srcSet\":[1,\"src-set\"],\"fallback\":[1],\"isLargestContentfulPaintDone\":[32]}]]],[\"bal-time-input\",[[0,\"bal-time-input\",{\"name\":[1],\"invalid\":[4],\"required\":[4],\"disabled\":[4],\"readonly\":[4],\"debounce\":[2],\"value\":[1025],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"focused\":[32],\"language\":[32],\"region\":[32],\"ariaForm\":[32],\"configChanged\":[64],\"setFocus\":[64],\"setBlur\":[64],\"getInputElement\":[64],\"setAriaForm\":[64]},null,{\"debounce\":[\"debounceChanged\"]}]]],[\"bal-tooltip\",[[1,\"bal-tooltip\",{\"reference\":[1],\"placement\":[1],\"offset\":[2],\"demo\":[4],\"contentWidth\":[2,\"content-width\"],\"presented\":[32],\"present\":[64],\"dismiss\":[64],\"update\":[64]},null,{\"contentWidth\":[\"contentWidthChanged\"]}]]],[\"bal-form-col_2\",[[4,\"bal-form-col\",{\"size\":[1]}],[4,\"bal-form-grid\"]]],[\"bal-app\",[[4,\"bal-app\",{\"animated\":[516],\"ready\":[1540],\"setFocus\":[64]}]]],[\"bal-checkbox-button\",[[4,\"bal-checkbox-button\",{\"invalid\":[4],\"disabled\":[4],\"readonly\":[4],\"color\":[1],\"colSize\":[2,\"col-size\"],\"colSizeTablet\":[2,\"col-size-tablet\"],\"colSizeMobile\":[2,\"col-size-mobile\"],\"interactionState\":[32],\"checked\":[32],\"focused\":[32],\"setChecked\":[64]},null,{\"invalid\":[\"invalidHandler\"],\"disabled\":[\"disabledHandler\"],\"readonly\":[\"readonlyHandler\"]}]]],[\"bal-divider\",[[4,\"bal-divider\",{\"layout\":[1],\"space\":[1],\"color\":[1],\"borderStyle\":[1,\"border-style\"]}]]],[\"bal-form\",[[4,\"bal-form\",{\"native\":[4],\"novalidate\":[4],\"formClass\":[1,\"form-class\"],\"scrollToFirstInvalidField\":[64]}]]],[\"bal-input\",[[0,\"bal-input\",{\"name\":[1],\"invalid\":[4],\"textAlign\":[1,\"text-align\"],\"type\":[1],\"accept\":[1],\"autocapitalize\":[1],\"autocomplete\":[1],\"autocorrect\":[1],\"autofocus\":[4],\"debounce\":[2],\"placeholder\":[1],\"max\":[1],\"maxLength\":[2,\"max-length\"],\"min\":[1],\"minLength\":[2,\"min-length\"],\"multiple\":[4],\"pattern\":[1],\"allowedKeyPress\":[1,\"allowed-key-press\"],\"required\":[4],\"spellcheck\":[4],\"disabled\":[4],\"readonly\":[4],\"clickable\":[4],\"suffix\":[1],\"hasIconRight\":[4,\"has-icon-right\"],\"inputmode\":[1],\"value\":[1537],\"mask\":[1],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"focused\":[32],\"ariaForm\":[32],\"setFocus\":[64],\"setBlur\":[64],\"getInputElement\":[64],\"setAriaForm\":[64]},null,{\"debounce\":[\"debounceChanged\"]}]]],[\"bal-input-slider\",[[0,\"bal-input-slider\",{\"name\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"invalid\":[4],\"balTabindex\":[2,\"bal-tabindex\"],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"hasTicks\":[4,\"has-ticks\"],\"debounce\":[2],\"value\":[1032],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"ariaForm\":[32],\"setFocus\":[64],\"getInputElement\":[64],\"setAriaForm\":[64]},null,{\"debounce\":[\"debounceChanged\"],\"value\":[\"valueChanged\"]}]]],[\"bal-notification\",[[4,\"bal-notification\",{\"color\":[1]}]]],[\"bal-number-input\",[[0,\"bal-number-input\",{\"name\":[1],\"invalid\":[4],\"decimal\":[2],\"suffix\":[1],\"pattern\":[1],\"placeholder\":[1],\"required\":[4],\"disabled\":[4],\"readonly\":[4],\"exactNumber\":[4,\"exact-number\"],\"max\":[1],\"min\":[1],\"debounce\":[2],\"value\":[1026],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"focused\":[32],\"language\":[32],\"region\":[32],\"ariaForm\":[32],\"nativeInputValue\":[32],\"inputPattern\":[32],\"configChanged\":[64],\"setFocus\":[64],\"setBlur\":[64],\"getInputElement\":[64],\"setAriaForm\":[64]},null,{\"debounce\":[\"debounceChanged\"],\"value\":[\"valueChanged\"]}]]],[\"bal-progress-bar\",[[0,\"bal-progress-bar\",{\"value\":[2],\"background\":[1],\"color\":[1],\"configChanged\":[64]}]]],[\"bal-radio-button\",[[4,\"bal-radio-button\",{\"invalid\":[4],\"disabled\":[4],\"readonly\":[4],\"color\":[1],\"colSize\":[2,\"col-size\"],\"colSizeTablet\":[2,\"col-size-tablet\"],\"colSizeMobile\":[2,\"col-size-mobile\"],\"interactionState\":[32],\"checked\":[32],\"focused\":[32],\"setChecked\":[64]},null,{\"invalid\":[\"invalidHandler\"],\"disabled\":[\"disabledHandler\"],\"readonly\":[\"readonlyHandler\"]}]]],[\"bal-sheet\",[[4,\"bal-sheet\",{\"containerSize\":[1,\"container-size\"]}]]],[\"bal-step-item\",[[4,\"bal-step-item\",{\"active\":[516],\"value\":[513],\"label\":[513],\"href\":[513],\"target\":[1],\"disabled\":[516],\"done\":[516],\"invisible\":[516],\"failed\":[516],\"prevent\":[4],\"isActive\":[32],\"getOptions\":[64],\"setActive\":[64]}]]],[\"bal-table\",[[4,\"bal-table\",{\"expanded\":[4]}]]],[\"bal-textarea\",[[4,\"bal-textarea\",{\"name\":[1],\"invalid\":[4],\"autocapitalize\":[1],\"autofocus\":[4],\"debounce\":[2],\"placeholder\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"disabled\":[4],\"readonly\":[4],\"cols\":[2],\"rows\":[2],\"wrap\":[1],\"required\":[4],\"clickable\":[4],\"inputmode\":[1],\"value\":[1025],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"focused\":[32],\"ariaForm\":[32],\"setFocus\":[64],\"setBlur\":[64],\"getInputElement\":[64],\"setAriaForm\":[64]},null,{\"debounce\":[\"debounceChanged\"]}]]],[\"bal-option_2\",[[4,\"bal-option-list\",{\"multiple\":[4],\"disabled\":[4],\"required\":[4],\"focusIndex\":[1026,\"focus-index\"],\"labelledby\":[1],\"filter\":[1],\"contentHeight\":[2,\"content-height\"],\"ariaForm\":[32],\"focusSelected\":[64],\"focusFirst\":[64],\"focusLast\":[64],\"focusNext\":[64],\"focusPrevious\":[64],\"focusByLabel\":[64],\"filterByContent\":[64],\"resetHidden\":[64],\"resetSelected\":[64],\"updateSelected\":[64],\"resetFocus\":[64],\"getSelectedValues\":[64],\"getSelectedOptions\":[64],\"getValues\":[64],\"getLabels\":[64],\"getOptions\":[64],\"selectByFocus\":[64],\"setAriaForm\":[64]},null,{\"contentHeight\":[\"contentHeightChanged\"]}],[4,\"bal-option\",{\"label\":[1],\"value\":[1],\"disabled\":[4],\"multiline\":[4],\"invalid\":[4],\"selected\":[1028],\"focused\":[1028],\"hidden\":[4],\"checkbox\":[32],\"interactionState\":[32],\"select\":[64]}]]],[\"bal-radio_2\",[[4,\"bal-radio-group\",{\"options\":[16],\"allowEmptySelection\":[4,\"allow-empty-selection\"],\"name\":[1],\"value\":[1032],\"interface\":[1],\"vertical\":[4],\"verticalOnMobile\":[4,\"vertical-on-mobile\"],\"expanded\":[4],\"invalid\":[4],\"disabled\":[4],\"readonly\":[4],\"grid\":[2],\"columnsTablet\":[2,\"columns-tablet\"],\"columnsMobile\":[2,\"columns-mobile\"],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"ariaForm\":[32],\"setValue\":[64],\"getOptionByValue\":[64],\"setAriaForm\":[64]},null,{\"options\":[\"optionChanged\"],\"value\":[\"valueChanged\"],\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"],\"readonly\":[\"readonlyChanged\"],\"grid\":[\"columnsChanged\"],\"columnsTablet\":[\"columnsTabletChanged\"],\"columnsMobile\":[\"columnsMobileChanged\"]}],[4,\"bal-radio\",{\"name\":[1],\"value\":[8],\"label\":[1],\"invisible\":[4],\"labelHidden\":[4,\"label-hidden\"],\"flat\":[4],\"interface\":[1],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"nonSubmit\":[4,\"non-submit\"],\"invalid\":[4],\"hovered\":[4],\"pressed\":[4],\"checked\":[32],\"focused\":[32],\"buttonTabindex\":[32],\"ariaForm\":[32],\"setFocus\":[64],\"setButtonTabindex\":[64],\"getInputElement\":[64],\"getOption\":[64],\"updateState\":[64],\"setAriaForm\":[64]}]]],[\"bal-content\",[[4,\"bal-content\",{\"layout\":[1],\"align\":[1],\"space\":[1],\"direction\":[1],\"alignment\":[1]}]]],[\"bal-dropdown\",[[4,\"bal-dropdown\",{\"autocomplete\":[1],\"name\":[1],\"placeholder\":[1],\"icon\":[1],\"disabled\":[4],\"readonly\":[4],\"multiple\":[4],\"chips\":[4],\"clearable\":[4],\"invalid\":[4],\"required\":[4],\"loading\":[4],\"filter\":[1],\"contentHeight\":[2,\"content-height\"],\"inverted\":[4],\"options\":[16],\"value\":[1],\"rawOptions\":[32],\"choices\":[32],\"rawValue\":[32],\"hasFocus\":[32],\"isExpanded\":[32],\"isAutoFilled\":[32],\"inputLabel\":[32],\"ariaForm\":[32],\"language\":[32],\"region\":[32],\"httpFormSubmit\":[32],\"labelToFocus\":[32],\"configChanged\":[64],\"setFocus\":[64],\"getValue\":[64],\"clear\":[64],\"open\":[64],\"close\":[64],\"select\":[64],\"setAriaForm\":[64]},null,{\"options\":[\"optionChanged\"],\"value\":[\"valueChanged\"]}]]],[\"bal-shape\",[[0,\"bal-shape\",{\"variation\":[1],\"color\":[1],\"rotation\":[1]}]]],[\"bal-date-calendar_2\",[[1,\"bal-date-calendar\",{\"value\":[1],\"defaultDate\":[1,\"default-date\"],\"allowedDates\":[16],\"min\":[1025],\"max\":[1025],\"minYearProp\":[2,\"min-year\"],\"maxYearProp\":[2,\"max-year\"],\"selectedDate\":[32],\"monthFullNames\":[32],\"weekdays\":[32],\"months\":[32],\"years\":[32],\"calendarGrid\":[32],\"firstDayOfWeek\":[32],\"month\":[32],\"year\":[32],\"language\":[32],\"isCalendarVisible\":[32],\"isYearListVisible\":[32],\"isMonthListVisible\":[32],\"configChanged\":[64]},null,{\"value\":[\"valueChanged\"],\"min\":[\"rangePropChanged\"],\"max\":[\"rangePropChanged\"],\"minYearProp\":[\"yearRangePropChanged\"],\"maxYearProp\":[\"yearRangePropChanged\"]}],[0,\"bal-input-date\",{\"name\":[1],\"invalid\":[4],\"required\":[4],\"disabled\":[4],\"readonly\":[4],\"placeholder\":[1],\"clickable\":[4],\"min\":[1025],\"max\":[1025],\"autocomplete\":[1],\"hasIconRight\":[4,\"has-icon-right\"],\"value\":[1025],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"allowInvalidValue\":[4,\"allow-invalid-value\"],\"focused\":[32],\"isGrouped\":[32],\"ariaForm\":[32],\"configChanged\":[64],\"setFocus\":[64],\"setBlur\":[64],\"getInputElement\":[64],\"setAriaForm\":[64]},null,{\"value\":[\"valueChanged\"]}]]],[\"bal-logo\",[[0,\"bal-logo\",{\"color\":[1],\"size\":[1],\"animated\":[4],\"isTouch\":[32],\"doesConfigAllowAnimation\":[32]},null,{\"animated\":[\"animatedWatcher\"]}]]],[\"bal-heading_2\",[[4,\"bal-heading\",{\"level\":[1],\"visualLevel\":[1,\"visual-level\"],\"autoLevel\":[1,\"auto-level\"],\"noWrap\":[4,\"no-wrap\"],\"subtitle\":[4],\"space\":[1],\"color\":[1],\"inverted\":[4],\"shadow\":[4],\"autoFontSize\":[32]},null,{\"level\":[\"levelWatcher\"],\"visualLevel\":[\"visualLevelWatcher\"],\"autoLevel\":[\"autoLevelWatcher\"]}],[4,\"bal-text\",{\"size\":[1],\"heading\":[4],\"noWrap\":[4,\"no-wrap\"],\"bold\":[4],\"inline\":[4],\"color\":[1],\"space\":[1],\"inverted\":[4],\"shadow\":[4],\"disabled\":[4],\"invalid\":[4],\"hovered\":[4],\"pressed\":[4]}]]],[\"bal-spinner\",[[0,\"bal-spinner\",{\"inverted\":[4],\"deactivated\":[4],\"color\":[1],\"small\":[4],\"variation\":[1],\"animated\":[32]},null,{\"deactivated\":[\"deactivatedWatcher\"],\"variation\":[\"variationWatcher\"]}]]],[\"bal-icon\",[[0,\"bal-icon\",{\"name\":[1537],\"svg\":[1],\"size\":[1],\"color\":[1],\"inline\":[4],\"inverted\":[4],\"turn\":[4],\"shadow\":[4],\"disabled\":[4],\"invalid\":[4],\"hovered\":[4],\"pressed\":[4],\"icons\":[32],\"isLargestContentfulPaintDone\":[32],\"configChanged\":[64]}]]],[\"bal-badge\",[[4,\"bal-badge\",{\"icon\":[1],\"size\":[1],\"color\":[1],\"position\":[1]}]]],[\"bal-date-calendar-cell\",[[0,\"bal-date-calendar-cell\",{\"day\":[2],\"month\":[2],\"year\":[2],\"isoDate\":[1,\"iso-date\"],\"fullDate\":[1,\"full-date\"],\"selected\":[4],\"today\":[4],\"disabled\":[4]}]]],[\"bal-label\",[[4,\"bal-label\",{\"htmlFor\":[1,\"html-for\"],\"htmlId\":[1,\"html-id\"],\"required\":[4],\"noWrap\":[4,\"no-wrap\"],\"multiline\":[4],\"valid\":[4],\"invalid\":[4],\"disabled\":[4],\"readonly\":[4],\"size\":[1],\"weight\":[1],\"hovered\":[4],\"pressed\":[4],\"language\":[32],\"region\":[32],\"ariaForm\":[32],\"configChanged\":[64],\"setAriaForm\":[64]}]]],[\"bal-tag_2\",[[4,\"bal-tag-group\"],[4,\"bal-tag\",{\"color\":[1],\"size\":[1],\"closable\":[4],\"invalid\":[4],\"disabled\":[4],\"position\":[1],\"light\":[4],\"transparent\":[4]}]]],[\"bal-input-group\",[[4,\"bal-input-group\",{\"invalid\":[4],\"disabled\":[4],\"readonly\":[4]}]]],[\"bal-select_2\",[[0,\"bal-select\",{\"name\":[1],\"invalid\":[4],\"filter\":[1],\"balTabindex\":[2,\"bal-tabindex\"],\"freeSolo\":[4,\"free-solo\"],\"multiple\":[4],\"maxLength\":[2,\"max-length\"],\"noDataLabel\":[1,\"no-data-label\"],\"autocomplete\":[1],\"typeahead\":[4],\"selectionOptional\":[4,\"selection-optional\"],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"inverted\":[4],\"placeholder\":[1],\"scrollable\":[2],\"loading\":[4],\"remote\":[4],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"value\":[1025],\"hasFocus\":[32],\"inputValue\":[32],\"focusIndex\":[32],\"isPopoverOpen\":[32],\"options\":[32],\"labelToScrollTo\":[32],\"labelToSelectTo\":[32],\"ariaForm\":[32],\"rawValue\":[32],\"setFocus\":[64],\"getValue\":[64],\"clear\":[64],\"open\":[64],\"close\":[64],\"cancel\":[64],\"select\":[64],\"setAriaForm\":[64]},null,{\"value\":[\"valueWatcher\"]}],[4,\"bal-select-option\",{\"label\":[513],\"disabled\":[4],\"value\":[513],\"for\":[513]}]]],[\"bal-button_2\",[[4,\"bal-button-group\",{\"position\":[1],\"direction\":[1],\"reverse\":[4]}],[4,\"bal-button\",{\"color\":[1],\"elementType\":[1,\"element-type\"],\"disabled\":[516],\"size\":[513],\"href\":[1],\"target\":[1],\"rel\":[1],\"download\":[1],\"shadow\":[4],\"square\":[4],\"isActive\":[4,\"is-active\"],\"expanded\":[4],\"flat\":[4],\"outlined\":[4],\"inverted\":[4],\"loading\":[4],\"rounded\":[4],\"icon\":[1],\"iconTurn\":[4,\"icon-turn\"],\"iconRight\":[1,\"icon-right\"],\"noWrap\":[4,\"no-wrap\"],\"name\":[1],\"value\":[8],\"aria\":[16],\"isLargestContentPaintDone\":[32]}]]],[\"bal-pagination\",[[0,\"bal-pagination\",{\"align\":[1],\"size\":[1],\"interface\":[1],\"disabled\":[4],\"value\":[2],\"totalPages\":[2,\"total-pages\"],\"pageRange\":[2,\"page-range\"],\"sticky\":[4],\"top\":[2],\"_value\":[32],\"isMobile\":[32],\"language\":[32],\"next\":[64],\"previous\":[64],\"configChanged\":[64]},null,{\"value\":[\"valueChanged\"],\"top\":[\"topValueChanged\"]}]]],[\"bal-card_6\",[[4,\"bal-card-button\",{\"icon\":[1],\"elementType\":[1,\"element-type\"],\"disabled\":[516],\"href\":[1],\"target\":[1],\"iconRight\":[1,\"icon-right\"],\"loading\":[4]}],[4,\"bal-card-actions\",{\"position\":[1]}],[4,\"bal-card-subtitle\",{\"inverted\":[4],\"bold\":[4],\"color\":[1]}],[4,\"bal-card-title\",{\"inverted\":[4]}],[4,\"bal-card-content\"],[4,\"bal-card\",{\"border\":[4],\"flat\":[4],\"square\":[4],\"inverted\":[4],\"clickable\":[4],\"selected\":[4],\"fullheight\":[4],\"space\":[1],\"color\":[1]}]]],[\"bal-carousel_2\",[[4,\"bal-carousel\",{\"value\":[1026],\"steps\":[2],\"itemsPerView\":[8,\"items-per-view\"],\"controls\":[1],\"htmlRole\":[1,\"html-role\"],\"controlsOverflow\":[4,\"controls-overflow\"],\"inverted\":[4],\"fullHeight\":[4,\"full-height\"],\"aspectRatio\":[1,\"aspect-ratio\"],\"interface\":[1],\"controlsSticky\":[4,\"controls-sticky\"],\"scrollY\":[4,\"scroll-y\"],\"border\":[4],\"isLargestContentfulPaintDone\":[32],\"isLastSlideVisible\":[32],\"isMobile\":[32],\"language\":[32],\"configChanged\":[64],\"previous\":[64],\"next\":[64]}],[4,\"bal-carousel-item\",{\"src\":[513],\"label\":[513],\"htmlRole\":[1,\"html-role\"],\"elementType\":[1,\"element-type\"],\"name\":[513],\"value\":[520],\"href\":[1],\"target\":[1],\"rel\":[1],\"download\":[1],\"color\":[1],\"isLargestContentfulPaintDone\":[32],\"getData\":[64],\"setFocus\":[64]}]]],[\"bal-checkbox_2\",[[4,\"bal-checkbox-group\",{\"options\":[16],\"interface\":[1],\"control\":[4],\"name\":[1],\"vertical\":[4],\"verticalOnMobile\":[4,\"vertical-on-mobile\"],\"expanded\":[4],\"invalid\":[4],\"disabled\":[4],\"readonly\":[4],\"value\":[1040],\"columns\":[2],\"columnsTablet\":[2,\"columns-tablet\"],\"columnsMobile\":[2,\"columns-mobile\"],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"ariaForm\":[32],\"setValue\":[64],\"getOptionByValue\":[64],\"setAriaForm\":[64]},null,{\"options\":[\"optionChanged\"],\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"],\"readonly\":[\"readonlyChanged\"],\"value\":[\"valueChanged\"],\"columns\":[\"columnsChanged\"],\"columnsTablet\":[\"columnsTabletChanged\"],\"columnsMobile\":[\"columnsMobileChanged\"]}],[4,\"bal-checkbox\",{\"name\":[1],\"label\":[1],\"invisible\":[4],\"labelHidden\":[4,\"label-hidden\"],\"flat\":[4],\"inline\":[4],\"interface\":[1],\"value\":[8],\"checked\":[1028],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"nonSubmit\":[4,\"non-submit\"],\"invalid\":[4],\"hovered\":[4],\"pressed\":[4],\"hasLabel\":[32],\"focused\":[32],\"buttonTabindex\":[32],\"ariaForm\":[32],\"wasFocused\":[32],\"setFocus\":[64],\"setBlur\":[64],\"getInputElement\":[64],\"getOption\":[64],\"setButtonTabindex\":[64],\"updateState\":[64],\"setAriaForm\":[64]}]]],[\"bal-close\",[[0,\"bal-close\",{\"size\":[1],\"inverted\":[4],\"language\":[32],\"region\":[32],\"configChanged\":[64]}]]],[\"bal-hint_5\",[[4,\"bal-hint\",{\"closeLabel\":[1,\"close-label\"],\"small\":[4],\"isActive\":[32],\"innerCloseLabel\":[32],\"isMobile\":[32],\"configChanged\":[64],\"toggle\":[64],\"present\":[64],\"dismiss\":[64]}],[4,\"bal-hint-text\"],[4,\"bal-hint-title\"],[4,\"bal-popover\",{\"autoTrigger\":[4,\"auto-trigger\"],\"hint\":[4],\"hover\":[4],\"arrow\":[4],\"backdrop\":[4],\"tooltip\":[4],\"offsetX\":[2,\"offset-x\"],\"offsetY\":[2,\"offset-y\"],\"padding\":[2],\"position\":[1],\"active\":[1540],\"mobileTop\":[4,\"mobile-top\"],\"isTouch\":[32],\"isInMainNav\":[32],\"backdropHeight\":[32],\"present\":[64],\"dismiss\":[64],\"toggle\":[64]},null,{\"active\":[\"activeChanged\"]}],[4,\"bal-popover-content\",{\"spaceless\":[4],\"scrollable\":[2],\"contentWidth\":[2,\"content-width\"],\"contentMinWidth\":[2,\"content-min-width\"],\"color\":[1],\"expanded\":[4],\"radius\":[1],\"noShadow\":[4,\"no-shadow\"],\"mobileTop\":[4,\"mobile-top\"],\"contentHeightOnTop\":[32]}]]],[\"bal-tab-item_2\",[[4,\"bal-tab-item\",{\"active\":[516],\"value\":[513],\"label\":[513],\"href\":[513],\"target\":[1],\"bubble\":[520],\"disabled\":[516],\"invisible\":[516],\"prevent\":[4],\"icon\":[513],\"noPanel\":[4,\"no-panel\"],\"aria\":[16],\"isActive\":[32],\"getOptions\":[64],\"setActive\":[64]}],[4,\"bal-tabs\",{\"float\":[1],\"fullwidth\":[4],\"accordion\":[4],\"overflow\":[4],\"options\":[16],\"context\":[1],\"iconPosition\":[1,\"icon-position\"],\"expanded\":[4],\"spaceless\":[4],\"clickable\":[4],\"border\":[4],\"inverted\":[4],\"optionalTabSelection\":[4,\"optional-tab-selection\"],\"debounce\":[2],\"vertical\":[8],\"verticalColSize\":[1,\"vertical-col-size\"],\"selectOnMobile\":[4,\"select-on-mobile\"],\"value\":[1025],\"isAccordionOpen\":[32],\"accordionState\":[32],\"isNavbarOpen\":[32],\"inNavbar\":[32],\"inNavbarLight\":[32],\"isLargestContentfulPaintDone\":[32],\"isMobile\":[32],\"isTablet\":[32],\"store\":[32],\"animated\":[32],\"configChanged\":[64],\"select\":[64],\"getOptionByValue\":[64],\"renderLine\":[64],\"closeAccordion\":[64]},null,{\"options\":[\"optionChanged\"],\"debounce\":[\"debounceChanged\"],\"value\":[\"valueChanged\"]}]]],[\"bal-stack\",[[4,\"bal-stack\",{\"layout\":[1],\"align\":[1],\"space\":[1],\"spaceRow\":[1,\"space-row\"],\"spaceColumn\":[1,\"space-column\"],\"px\":[1],\"py\":[1],\"useWrap\":[4,\"use-wrap\"],\"fitContent\":[4,\"fit-content\"],\"direction\":[1],\"alignment\":[1]}]]],[\"bal-list_8\",[[4,\"bal-list-item-accordion-head\",{\"accordionOpen\":[1028,\"accordion-open\"],\"icon\":[1]},null,{\"accordionOpen\":[\"accordionOpenHandler\"]}],[4,\"bal-list-item-accordion-body\",{\"accordionGroup\":[1,\"accordion-group\"],\"contentSpace\":[1,\"content-space\"],\"contentAlignment\":[1,\"content-alignment\"]}],[4,\"bal-list-item-subtitle\"],[4,\"bal-list-item-title\",{\"level\":[1],\"visualLevel\":[1,\"visual-level\"]}],[4,\"bal-list\",{\"disabled\":[4],\"background\":[1],\"border\":[4],\"accordionOneLevel\":[4,\"accordion-one-level\"],\"size\":[1]},null,{\"accordionOneLevel\":[\"accordionOneLevelHandler\"]}],[4,\"bal-list-item\",{\"disabled\":[4],\"clickable\":[4],\"selected\":[4],\"accordion\":[4],\"subAccordionItem\":[4,\"sub-accordion-item\"],\"href\":[1],\"target\":[1],\"download\":[1],\"state\":[32],\"configChanged\":[64],\"present\":[64],\"dismiss\":[64],\"toggle\":[64]}],[4,\"bal-list-item-content\",{\"contentAlignment\":[1,\"content-alignment\"]}],[4,\"bal-list-item-icon\",{\"right\":[4]}]]],[\"bal-nav_8\",[[4,\"bal-nav\",{\"logo\":[16],\"options\":[16],\"buttons\":[16],\"isTouch\":[32],\"isDesktop\":[32],\"language\":[32],\"region\":[32],\"isFlyoutActive\":[32],\"activeMetaLinkValue\":[32],\"activeMenuLinkValue\":[32],\"linkItems\":[32],\"metaButtons\":[32],\"configChanged\":[64]},null,{\"options\":[\"optionChanged\"],\"buttons\":[\"buttonChanged\"]}],[4,\"bal-nav-link-group\",{\"color\":[1]}],[4,\"bal-nav-link\",{\"variant\":[1],\"selected\":[4],\"clickable\":[4],\"href\":[1],\"target\":[1]}],[4,\"bal-nav-link-grid\"],[4,\"bal-nav-link-grid-col\",{\"staticCol\":[4,\"static-col\"]}],[4,\"bal-nav-menu-bar\",{\"invisible\":[1],\"position\":[1],\"isHidden\":[32]}],[4,\"bal-nav-menu-flyout\",{\"navId\":[1,\"nav-id\"],\"isHidden\":[32]}],[4,\"bal-nav-meta-bar\",{\"variant\":[1],\"size\":[1],\"invisible\":[1],\"position\":[1],\"isHidden\":[32]}]]]]"), options);
|
|
13
|
+
return bootstrapLazy(JSON.parse("[[\"bal-field_5\",[[6,\"bal-field-hint\",{\"subject\":[1],\"closeLabel\":[1,\"close-label\"],\"small\":[4]}],[6,\"bal-field-control\",{\"iconRight\":[1,\"icon-right\"],\"iconLeft\":[1,\"icon-left\"],\"expandedOnMobile\":[4,\"expanded-on-mobile\"],\"loading\":[4]}],[6,\"bal-field-label\",{\"htmlFor\":[1,\"html-for\"],\"required\":[4],\"valid\":[4],\"invalid\":[4],\"disabled\":[4],\"readonly\":[4],\"size\":[1],\"weight\":[1]}],[4,\"bal-field\",{\"required\":[4],\"horizontal\":[4],\"invalid\":[4],\"valid\":[4],\"disabled\":[4],\"readonly\":[4],\"loading\":[4]},null,{\"required\":[\"requiredHandler\"],\"invalid\":[\"invalidHandler\"],\"valid\":[\"validHandler\"],\"disabled\":[\"disabledHandler\"],\"readonly\":[\"readonlyHandler\"],\"loading\":[\"loadingHandler\"]}],[4,\"bal-field-message\",{\"color\":[1],\"invalid\":[4],\"valid\":[4],\"disabled\":[4],\"readonly\":[4],\"ariaForm\":[32],\"setAriaForm\":[64]}]]],[\"bal-file-upload\",[[0,\"bal-file-upload\",{\"name\":[1],\"value\":[16],\"label\":[1],\"multiple\":[4],\"disabled\":[4],\"readonly\":[4],\"loading\":[4],\"required\":[4],\"accept\":[1],\"maxFiles\":[2,\"max-files\"],\"maxFileSize\":[2,\"max-file-size\"],\"maxBundleSize\":[2,\"max-bundle-size\"],\"hasFileList\":[4,\"has-file-list\"],\"invalid\":[4],\"subTitle\":[16],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"files\":[32],\"focused\":[32],\"ariaForm\":[32],\"clear\":[64],\"setFocus\":[64],\"setBlur\":[64],\"getInputElement\":[64],\"setAriaForm\":[64]},null,{\"value\":[\"onValueChange\"]}]]],[\"bal-steps\",[[4,\"bal-steps\",{\"options\":[16],\"clickable\":[4],\"color\":[1],\"debounce\":[2],\"value\":[1025],\"isMobile\":[32],\"store\":[32],\"select\":[64],\"getOptionByValue\":[64]},null,{\"options\":[\"optionChanged\"],\"debounce\":[\"debounceChanged\"],\"value\":[\"valueChanged\"]}]]],[\"bal-notices_3\",[[4,\"bal-snackbar\",{\"color\":[1],\"duration\":[2],\"subject\":[1],\"message\":[1],\"icon\":[1],\"action\":[1],\"closeHandler\":[16],\"actionHandler\":[16],\"href\":[1],\"target\":[1],\"animationClass\":[32],\"closeIn\":[64],\"close\":[64]}],[4,\"bal-toast\",{\"color\":[1],\"duration\":[2],\"message\":[1],\"closeHandler\":[16],\"closeIn\":[64],\"close\":[64]}],[4,\"bal-notices\",{\"interface\":[1]}]]],[\"bal-footer\",[[4,\"bal-footer\",{\"hideLinks\":[4,\"hide-links\"],\"overrideLinks\":[16],\"showSocialMedia\":[4,\"show-social-media\"],\"hideLanguageSelection\":[4,\"hide-language-selection\"],\"links\":[32],\"socialMediaLinks\":[32],\"language\":[32],\"region\":[32],\"allowedLanguages\":[32],\"configChanged\":[64]}]]],[\"bal-accordion_4\",[[4,\"bal-accordion\",{\"active\":[1540],\"debounce\":[2],\"openLabel\":[1,\"open-label\"],\"openIcon\":[1,\"open-icon\"],\"closeLabel\":[1,\"close-label\"],\"closeIcon\":[1,\"close-icon\"],\"card\":[4],\"version\":[2],\"state\":[32],\"animated\":[32],\"configChanged\":[64],\"present\":[64],\"dismiss\":[64],\"toggle\":[64],\"humanToggle\":[64]},null,{\"active\":[\"activeChanged\"],\"debounce\":[\"debounceChanged\"]}],[0,\"bal-accordion-trigger\",{\"button\":[4],\"expanded\":[4],\"openLabel\":[1,\"open-label\"],\"openIcon\":[1,\"open-icon\"],\"closeLabel\":[1,\"close-label\"],\"closeIcon\":[1,\"close-icon\"],\"color\":[1],\"size\":[1],\"active\":[1540],\"state\":[2],\"parentAccordionId\":[32]}],[4,\"bal-accordion-details\",{\"state\":[2],\"active\":[4],\"animated\":[4],\"parentAccordionId\":[32]}],[0,\"bal-accordion-summary\",{\"trigger\":[4],\"active\":[1540],\"state\":[2],\"parentAccordionId\":[32]}]]],[\"bal-date\",[[0,\"bal-date\",{\"name\":[1],\"invalid\":[4],\"required\":[4],\"disabled\":[4],\"readonly\":[4],\"freeSolo\":[4,\"free-solo\"],\"placeholder\":[1],\"triggerIcon\":[4,\"trigger-icon\"],\"closeOnSelect\":[4,\"close-on-select\"],\"autocomplete\":[1],\"value\":[1025],\"min\":[1025],\"max\":[1025],\"minYearProp\":[2,\"min-year\"],\"maxYearProp\":[2,\"max-year\"],\"defaultDate\":[1,\"default-date\"],\"allowedDates\":[16],\"allowInvalidValue\":[4,\"allow-invalid-value\"],\"debounce\":[2],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"isExpanded\":[32],\"language\":[32],\"calendarValue\":[32],\"ariaForm\":[32],\"configChanged\":[64],\"open\":[64],\"close\":[64],\"toggle\":[64],\"select\":[64],\"setFocus\":[64],\"setBlur\":[64],\"getInputElement\":[64],\"setAriaForm\":[64]},null,{\"value\":[\"valueChanged\"],\"debounce\":[\"debounceChanged\"]}]]],[\"bal-navbar_5\",[[4,\"bal-navbar-brand\",{\"href\":[1],\"target\":[1],\"simple\":[4],\"logo\":[1],\"logoSize\":[1,\"logo-size\"],\"animated\":[4],\"interface\":[1],\"isMenuActive\":[32]}],[4,\"bal-navbar\",{\"light\":[4],\"interface\":[1],\"container\":[1]},null,{\"interface\":[\"interfaceHandler\"]}],[4,\"bal-navbar-menu\",{\"interface\":[1],\"isMenuActive\":[32],\"isTouch\":[32],\"toggle\":[64]}],[4,\"bal-navbar-menu-end\",{\"interface\":[1]}],[4,\"bal-navbar-menu-start\",{\"interface\":[1]}]]],[\"bal-segment_2\",[[4,\"bal-segment-item\",{\"disabled\":[1028],\"invalid\":[1028],\"focused\":[1028],\"checked\":[1028],\"label\":[1],\"value\":[1032],\"hasSlotContent\":[32],\"isFocusable\":[32],\"isVertical\":[32],\"isLast\":[32],\"isFirst\":[32],\"hasEmptyValue\":[32],\"ariaForm\":[32],\"setFocus\":[64],\"setAriaForm\":[64]},null,{\"value\":[\"valueChanged\"]}],[4,\"bal-segment\",{\"invalid\":[4],\"disabled\":[4],\"vertical\":[4],\"scrollable\":[4],\"expanded\":[4],\"value\":[1032],\"focusedValue\":[32],\"keyboardMode\":[32],\"isVertical\":[32],\"isMobile\":[32],\"maxWidth\":[32],\"ariaForm\":[32],\"setAriaForm\":[64]},null,{\"disabled\":[\"disabledChanged\"],\"value\":[\"valueChanged\"]}]]],[\"bal-input-stepper\",[[0,\"bal-input-stepper\",{\"name\":[1],\"min\":[2],\"max\":[2],\"steps\":[2],\"disabled\":[4],\"readonly\":[4],\"invalid\":[4],\"debounce\":[2],\"value\":[1026],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"focused\":[32],\"language\":[32],\"region\":[32],\"ariaForm\":[32],\"configChanged\":[64],\"getInputElement\":[64],\"setAriaForm\":[64]},null,{\"debounce\":[\"debounceChanged\"]}]]],[\"bal-popup\",[[4,\"bal-popup\",{\"label\":[1],\"reference\":[1],\"variant\":[1],\"placement\":[1],\"arrow\":[4],\"backdrop\":[4],\"offset\":[2],\"closable\":[4],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"active\":[4],\"contentWidth\":[2,\"content-width\"],\"demo\":[4],\"activeClosable\":[32],\"activeBackdropDismiss\":[32],\"activeVariant\":[32],\"trigger\":[32],\"lastTrigger\":[32],\"minContainerWidth\":[32],\"presented\":[32],\"present\":[64],\"dismiss\":[64],\"toggle\":[64],\"setMinWidth\":[64],\"_emitChange\":[64],\"_present\":[64],\"_dismiss\":[64]},null,{\"variant\":[\"variantChanged\"],\"active\":[\"activeChanged\"],\"contentWidth\":[\"contentWidthChanged\"]}]]],[\"bal-data_4\",[[4,\"bal-data-value\",{\"editable\":[4],\"disabled\":[4],\"multiline\":[4]}],[4,\"bal-data\",{\"border\":[4],\"horizontal\":[4]},null,{\"border\":[\"borderHandler\"]}],[4,\"bal-data-item\",{\"disabled\":[4],\"border\":[4]}],[4,\"bal-data-label\",{\"required\":[4]}]]],[\"bal-modal_3\",[[4,\"bal-modal-header\"],[4,\"bal-modal\",{\"overlayIndex\":[1026,\"overlay-index\"],\"delegate\":[16],\"dataTestId\":[1,\"data-test-id\"],\"modalWidth\":[2,\"modal-width\"],\"space\":[1],\"hasBackdrop\":[4,\"has-backdrop\"],\"isClosable\":[4,\"is-closable\"],\"component\":[1],\"componentProps\":[16],\"cssClass\":[1,\"css-class\"],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"demo\":[4],\"presented\":[32],\"open\":[64],\"close\":[64],\"present\":[64],\"dismiss\":[64],\"onDidDismiss\":[64],\"onWillDismiss\":[64]}],[4,\"bal-modal-body\"]]],[\"bal-stage_6\",[[4,\"bal-stage\",{\"containerSize\":[1,\"container-size\"],\"size\":[1],\"color\":[1],\"shape\":[4],\"shapeVariation\":[1,\"shape-variation\"],\"shapeRotation\":[1,\"shape-rotation\"]}],[4,\"bal-stage-back-link\",{\"href\":[1],\"shadow\":[4],\"inverted\":[4]}],[4,\"bal-stage-body\"],[4,\"bal-stage-foot\"],[4,\"bal-stage-head\"],[0,\"bal-stage-image\",{\"srcSet\":[1,\"src-set\"],\"fallback\":[1],\"isLargestContentfulPaintDone\":[32]}]]],[\"bal-time-input\",[[0,\"bal-time-input\",{\"name\":[1],\"invalid\":[4],\"required\":[4],\"disabled\":[4],\"readonly\":[4],\"debounce\":[2],\"value\":[1025],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"focused\":[32],\"language\":[32],\"region\":[32],\"ariaForm\":[32],\"configChanged\":[64],\"setFocus\":[64],\"setBlur\":[64],\"getInputElement\":[64],\"setAriaForm\":[64]},null,{\"debounce\":[\"debounceChanged\"]}]]],[\"bal-tooltip\",[[1,\"bal-tooltip\",{\"reference\":[1],\"placement\":[1],\"offset\":[2],\"demo\":[4],\"contentWidth\":[2,\"content-width\"],\"presented\":[32],\"present\":[64],\"dismiss\":[64],\"update\":[64]},null,{\"contentWidth\":[\"contentWidthChanged\"]}]]],[\"bal-form-col_2\",[[4,\"bal-form-col\",{\"size\":[1]}],[4,\"bal-form-grid\"]]],[\"bal-app\",[[4,\"bal-app\",{\"animated\":[516],\"ready\":[1540],\"setFocus\":[64]}]]],[\"bal-checkbox-button\",[[4,\"bal-checkbox-button\",{\"invalid\":[4],\"disabled\":[4],\"readonly\":[4],\"color\":[1],\"colSize\":[2,\"col-size\"],\"colSizeTablet\":[2,\"col-size-tablet\"],\"colSizeMobile\":[2,\"col-size-mobile\"],\"interactionState\":[32],\"checked\":[32],\"focused\":[32],\"setChecked\":[64]},null,{\"invalid\":[\"invalidHandler\"],\"disabled\":[\"disabledHandler\"],\"readonly\":[\"readonlyHandler\"]}]]],[\"bal-divider\",[[4,\"bal-divider\",{\"layout\":[1],\"space\":[1],\"color\":[1],\"borderStyle\":[1,\"border-style\"]}]]],[\"bal-form\",[[4,\"bal-form\",{\"native\":[4],\"novalidate\":[4],\"formClass\":[1,\"form-class\"],\"scrollToFirstInvalidField\":[64]}]]],[\"bal-input\",[[0,\"bal-input\",{\"name\":[1],\"invalid\":[4],\"textAlign\":[1,\"text-align\"],\"type\":[1],\"accept\":[1],\"autocapitalize\":[1],\"autocomplete\":[1],\"autocorrect\":[1],\"autofocus\":[4],\"debounce\":[2],\"placeholder\":[1],\"max\":[1],\"maxLength\":[2,\"max-length\"],\"min\":[1],\"minLength\":[2,\"min-length\"],\"multiple\":[4],\"pattern\":[1],\"allowedKeyPress\":[1,\"allowed-key-press\"],\"required\":[4],\"spellcheck\":[4],\"disabled\":[4],\"readonly\":[4],\"clickable\":[4],\"suffix\":[1],\"hasIconRight\":[4,\"has-icon-right\"],\"inputmode\":[1],\"value\":[1537],\"mask\":[1],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"focused\":[32],\"ariaForm\":[32],\"setFocus\":[64],\"setBlur\":[64],\"getInputElement\":[64],\"setAriaForm\":[64]},null,{\"debounce\":[\"debounceChanged\"]}]]],[\"bal-input-slider\",[[0,\"bal-input-slider\",{\"name\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"invalid\":[4],\"balTabindex\":[2,\"bal-tabindex\"],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"hasTicks\":[4,\"has-ticks\"],\"debounce\":[2],\"value\":[1032],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"ariaForm\":[32],\"setFocus\":[64],\"getInputElement\":[64],\"setAriaForm\":[64]},null,{\"debounce\":[\"debounceChanged\"],\"value\":[\"valueChanged\"]}]]],[\"bal-notification\",[[4,\"bal-notification\",{\"color\":[1]}]]],[\"bal-number-input\",[[0,\"bal-number-input\",{\"name\":[1],\"invalid\":[4],\"decimal\":[2],\"suffix\":[1],\"pattern\":[1],\"placeholder\":[1],\"required\":[4],\"disabled\":[4],\"readonly\":[4],\"exactNumber\":[4,\"exact-number\"],\"max\":[1],\"min\":[1],\"debounce\":[2],\"value\":[1026],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"focused\":[32],\"language\":[32],\"region\":[32],\"ariaForm\":[32],\"nativeInputValue\":[32],\"inputPattern\":[32],\"configChanged\":[64],\"setFocus\":[64],\"setBlur\":[64],\"getInputElement\":[64],\"setAriaForm\":[64]},null,{\"debounce\":[\"debounceChanged\"],\"value\":[\"valueChanged\"]}]]],[\"bal-progress-bar\",[[0,\"bal-progress-bar\",{\"value\":[2],\"background\":[1],\"color\":[1],\"configChanged\":[64]}]]],[\"bal-radio-button\",[[4,\"bal-radio-button\",{\"invalid\":[4],\"disabled\":[4],\"readonly\":[4],\"color\":[1],\"colSize\":[2,\"col-size\"],\"colSizeTablet\":[2,\"col-size-tablet\"],\"colSizeMobile\":[2,\"col-size-mobile\"],\"interactionState\":[32],\"checked\":[32],\"focused\":[32],\"setChecked\":[64]},null,{\"invalid\":[\"invalidHandler\"],\"disabled\":[\"disabledHandler\"],\"readonly\":[\"readonlyHandler\"]}]]],[\"bal-sheet\",[[4,\"bal-sheet\",{\"containerSize\":[1,\"container-size\"]}]]],[\"bal-step-item\",[[4,\"bal-step-item\",{\"active\":[516],\"value\":[513],\"label\":[513],\"href\":[513],\"target\":[1],\"disabled\":[516],\"done\":[516],\"invisible\":[516],\"failed\":[516],\"prevent\":[4],\"isActive\":[32],\"getOptions\":[64],\"setActive\":[64]}]]],[\"bal-table\",[[4,\"bal-table\",{\"expanded\":[4]}]]],[\"bal-textarea\",[[4,\"bal-textarea\",{\"name\":[1],\"invalid\":[4],\"autocapitalize\":[1],\"autocomplete\":[1],\"autofocus\":[4],\"debounce\":[2],\"placeholder\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"disabled\":[4],\"readonly\":[4],\"cols\":[2],\"rows\":[2],\"wrap\":[1],\"required\":[4],\"clickable\":[4],\"inputmode\":[1],\"value\":[1025],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"focused\":[32],\"ariaForm\":[32],\"setFocus\":[64],\"setBlur\":[64],\"getInputElement\":[64],\"setAriaForm\":[64]},null,{\"debounce\":[\"debounceChanged\"]}]]],[\"bal-option_2\",[[4,\"bal-option-list\",{\"multiple\":[4],\"disabled\":[4],\"required\":[4],\"focusIndex\":[1026,\"focus-index\"],\"labelledby\":[1],\"filter\":[1],\"contentHeight\":[2,\"content-height\"],\"ariaForm\":[32],\"focusSelected\":[64],\"focusFirst\":[64],\"focusLast\":[64],\"focusNext\":[64],\"focusPrevious\":[64],\"focusByLabel\":[64],\"filterByContent\":[64],\"resetHidden\":[64],\"resetSelected\":[64],\"updateSelected\":[64],\"resetFocus\":[64],\"getSelectedValues\":[64],\"getSelectedOptions\":[64],\"getValues\":[64],\"getLabels\":[64],\"getOptions\":[64],\"selectByFocus\":[64],\"setAriaForm\":[64]},null,{\"contentHeight\":[\"contentHeightChanged\"]}],[4,\"bal-option\",{\"label\":[1],\"value\":[1],\"disabled\":[4],\"multiline\":[4],\"invalid\":[4],\"selected\":[1028],\"focused\":[1028],\"hidden\":[4],\"checkbox\":[32],\"interactionState\":[32],\"select\":[64]}]]],[\"bal-radio_2\",[[4,\"bal-radio-group\",{\"options\":[16],\"allowEmptySelection\":[4,\"allow-empty-selection\"],\"name\":[1],\"value\":[1032],\"interface\":[1],\"vertical\":[4],\"verticalOnMobile\":[4,\"vertical-on-mobile\"],\"expanded\":[4],\"invalid\":[4],\"disabled\":[4],\"readonly\":[4],\"grid\":[2],\"columnsTablet\":[2,\"columns-tablet\"],\"columnsMobile\":[2,\"columns-mobile\"],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"ariaForm\":[32],\"setValue\":[64],\"getOptionByValue\":[64],\"setAriaForm\":[64]},null,{\"options\":[\"optionChanged\"],\"value\":[\"valueChanged\"],\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"],\"readonly\":[\"readonlyChanged\"],\"grid\":[\"columnsChanged\"],\"columnsTablet\":[\"columnsTabletChanged\"],\"columnsMobile\":[\"columnsMobileChanged\"]}],[4,\"bal-radio\",{\"name\":[1],\"value\":[8],\"label\":[1],\"invisible\":[4],\"labelHidden\":[4,\"label-hidden\"],\"flat\":[4],\"interface\":[1],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"nonSubmit\":[4,\"non-submit\"],\"invalid\":[4],\"hovered\":[4],\"pressed\":[4],\"checked\":[32],\"focused\":[32],\"buttonTabindex\":[32],\"ariaForm\":[32],\"setFocus\":[64],\"setButtonTabindex\":[64],\"getInputElement\":[64],\"getOption\":[64],\"updateState\":[64],\"setAriaForm\":[64]}]]],[\"bal-content\",[[4,\"bal-content\",{\"layout\":[1],\"align\":[1],\"space\":[1],\"direction\":[1],\"alignment\":[1]}]]],[\"bal-dropdown\",[[4,\"bal-dropdown\",{\"autocomplete\":[1],\"name\":[1],\"placeholder\":[1],\"inlineLabel\":[1,\"inline-label\"],\"icon\":[1],\"size\":[1],\"theme\":[1],\"disabled\":[4],\"readonly\":[4],\"multiple\":[4],\"chips\":[4],\"clearable\":[4],\"invalid\":[4],\"required\":[4],\"loading\":[4],\"filter\":[1],\"contentHeight\":[2,\"content-height\"],\"inverted\":[4],\"options\":[16],\"value\":[1],\"rawOptions\":[32],\"choices\":[32],\"rawValue\":[32],\"hasFocus\":[32],\"isExpanded\":[32],\"isAutoFilled\":[32],\"isKeyboardMode\":[32],\"inputLabel\":[32],\"ariaForm\":[32],\"language\":[32],\"region\":[32],\"httpFormSubmit\":[32],\"labelToFocus\":[32],\"configChanged\":[64],\"setFocus\":[64],\"getValue\":[64],\"clear\":[64],\"open\":[64],\"close\":[64],\"select\":[64],\"setAriaForm\":[64]},null,{\"options\":[\"optionChanged\"],\"value\":[\"valueChanged\"]}]]],[\"bal-shape\",[[0,\"bal-shape\",{\"variation\":[1],\"color\":[1],\"rotation\":[1]}]]],[\"bal-date-calendar_2\",[[1,\"bal-date-calendar\",{\"value\":[1],\"defaultDate\":[1,\"default-date\"],\"allowedDates\":[16],\"min\":[1025],\"max\":[1025],\"minYearProp\":[2,\"min-year\"],\"maxYearProp\":[2,\"max-year\"],\"selectedDate\":[32],\"monthFullNames\":[32],\"weekdays\":[32],\"months\":[32],\"years\":[32],\"calendarGrid\":[32],\"firstDayOfWeek\":[32],\"month\":[32],\"year\":[32],\"language\":[32],\"isCalendarVisible\":[32],\"isYearListVisible\":[32],\"isMonthListVisible\":[32],\"configChanged\":[64]},null,{\"value\":[\"valueChanged\"],\"min\":[\"rangePropChanged\"],\"max\":[\"rangePropChanged\"],\"minYearProp\":[\"yearRangePropChanged\"],\"maxYearProp\":[\"yearRangePropChanged\"]}],[0,\"bal-input-date\",{\"name\":[1],\"invalid\":[4],\"required\":[4],\"disabled\":[4],\"readonly\":[4],\"placeholder\":[1],\"clickable\":[4],\"min\":[1025],\"max\":[1025],\"autocomplete\":[1],\"hasIconRight\":[4,\"has-icon-right\"],\"value\":[1025],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"allowInvalidValue\":[4,\"allow-invalid-value\"],\"focused\":[32],\"isGrouped\":[32],\"ariaForm\":[32],\"configChanged\":[64],\"setFocus\":[64],\"setBlur\":[64],\"getInputElement\":[64],\"setAriaForm\":[64]},null,{\"value\":[\"valueChanged\"]}]]],[\"bal-logo\",[[0,\"bal-logo\",{\"color\":[1],\"size\":[1],\"animated\":[4],\"isTouch\":[32],\"doesConfigAllowAnimation\":[32]},null,{\"animated\":[\"animatedWatcher\"]}]]],[\"bal-heading_2\",[[4,\"bal-heading\",{\"level\":[1],\"visualLevel\":[1,\"visual-level\"],\"autoLevel\":[1,\"auto-level\"],\"noWrap\":[4,\"no-wrap\"],\"subtitle\":[4],\"space\":[1],\"color\":[1],\"inverted\":[4],\"shadow\":[4],\"autoFontSize\":[32]},null,{\"level\":[\"levelWatcher\"],\"visualLevel\":[\"visualLevelWatcher\"],\"autoLevel\":[\"autoLevelWatcher\"]}],[4,\"bal-text\",{\"size\":[1],\"heading\":[4],\"noWrap\":[4,\"no-wrap\"],\"bold\":[4],\"inline\":[4],\"color\":[1],\"space\":[1],\"inverted\":[4],\"shadow\":[4],\"disabled\":[4],\"invalid\":[4],\"hovered\":[4],\"pressed\":[4]}]]],[\"bal-spinner\",[[0,\"bal-spinner\",{\"inverted\":[4],\"deactivated\":[4],\"color\":[1],\"small\":[4],\"variation\":[1],\"animated\":[32]},null,{\"deactivated\":[\"deactivatedWatcher\"],\"variation\":[\"variationWatcher\"]}]]],[\"bal-icon\",[[0,\"bal-icon\",{\"name\":[1537],\"svg\":[1],\"size\":[1],\"color\":[1],\"inline\":[4],\"inverted\":[4],\"turn\":[4],\"shadow\":[4],\"disabled\":[4],\"invalid\":[4],\"hovered\":[4],\"pressed\":[4],\"icons\":[32],\"isLargestContentfulPaintDone\":[32],\"configChanged\":[64]}]]],[\"bal-badge\",[[4,\"bal-badge\",{\"icon\":[1],\"size\":[1],\"color\":[1],\"position\":[1]}]]],[\"bal-date-calendar-cell\",[[0,\"bal-date-calendar-cell\",{\"day\":[2],\"month\":[2],\"year\":[2],\"isoDate\":[1,\"iso-date\"],\"fullDate\":[1,\"full-date\"],\"selected\":[4],\"today\":[4],\"disabled\":[4]}]]],[\"bal-label\",[[4,\"bal-label\",{\"htmlFor\":[1,\"html-for\"],\"htmlId\":[1,\"html-id\"],\"required\":[4],\"noWrap\":[4,\"no-wrap\"],\"multiline\":[4],\"valid\":[4],\"invalid\":[4],\"disabled\":[4],\"readonly\":[4],\"size\":[1],\"weight\":[1],\"hovered\":[4],\"pressed\":[4],\"language\":[32],\"region\":[32],\"ariaForm\":[32],\"configChanged\":[64],\"setAriaForm\":[64]}]]],[\"bal-tag_2\",[[4,\"bal-tag-group\"],[4,\"bal-tag\",{\"color\":[1],\"size\":[1],\"closable\":[4],\"invalid\":[4],\"disabled\":[4],\"position\":[1],\"light\":[4],\"transparent\":[4]}]]],[\"bal-input-group\",[[4,\"bal-input-group\",{\"invalid\":[4],\"disabled\":[4],\"readonly\":[4]}]]],[\"bal-select_2\",[[0,\"bal-select\",{\"name\":[1],\"invalid\":[4],\"filter\":[1],\"balTabindex\":[2,\"bal-tabindex\"],\"freeSolo\":[4,\"free-solo\"],\"multiple\":[4],\"maxLength\":[2,\"max-length\"],\"noDataLabel\":[1,\"no-data-label\"],\"autocomplete\":[1],\"typeahead\":[4],\"selectionOptional\":[4,\"selection-optional\"],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"inverted\":[4],\"placeholder\":[1],\"scrollable\":[2],\"loading\":[4],\"remote\":[4],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"value\":[1025],\"hasFocus\":[32],\"inputValue\":[32],\"focusIndex\":[32],\"isPopoverOpen\":[32],\"options\":[32],\"labelToScrollTo\":[32],\"labelToSelectTo\":[32],\"ariaForm\":[32],\"rawValue\":[32],\"setFocus\":[64],\"getValue\":[64],\"clear\":[64],\"open\":[64],\"close\":[64],\"cancel\":[64],\"select\":[64],\"setAriaForm\":[64]},null,{\"value\":[\"valueWatcher\"]}],[4,\"bal-select-option\",{\"label\":[513],\"disabled\":[4],\"value\":[513],\"for\":[513]}]]],[\"bal-button_2\",[[4,\"bal-button-group\",{\"position\":[1],\"direction\":[1],\"reverse\":[4]}],[4,\"bal-button\",{\"color\":[1],\"elementType\":[1,\"element-type\"],\"disabled\":[516],\"size\":[513],\"href\":[1],\"target\":[1],\"rel\":[1],\"download\":[1],\"shadow\":[4],\"square\":[4],\"isActive\":[4,\"is-active\"],\"expanded\":[4],\"flat\":[4],\"outlined\":[4],\"inverted\":[4],\"loading\":[4],\"rounded\":[4],\"icon\":[1],\"iconTurn\":[4,\"icon-turn\"],\"iconRight\":[1,\"icon-right\"],\"noWrap\":[4,\"no-wrap\"],\"name\":[1],\"value\":[8],\"aria\":[16],\"isLargestContentPaintDone\":[32]}]]],[\"bal-pagination\",[[0,\"bal-pagination\",{\"align\":[1],\"size\":[1],\"interface\":[1],\"disabled\":[4],\"value\":[2],\"totalPages\":[2,\"total-pages\"],\"pageRange\":[2,\"page-range\"],\"sticky\":[4],\"top\":[2],\"_value\":[32],\"isMobile\":[32],\"language\":[32],\"next\":[64],\"previous\":[64],\"configChanged\":[64]},null,{\"value\":[\"valueChanged\"],\"top\":[\"topValueChanged\"]}]]],[\"bal-card_6\",[[4,\"bal-card-button\",{\"icon\":[1],\"elementType\":[1,\"element-type\"],\"disabled\":[516],\"href\":[1],\"target\":[1],\"iconRight\":[1,\"icon-right\"],\"loading\":[4]}],[4,\"bal-card-actions\",{\"position\":[1]}],[4,\"bal-card-subtitle\",{\"inverted\":[4],\"bold\":[4],\"color\":[1]}],[4,\"bal-card-title\",{\"inverted\":[4]}],[4,\"bal-card-content\"],[4,\"bal-card\",{\"border\":[4],\"flat\":[4],\"square\":[4],\"inverted\":[4],\"clickable\":[4],\"selected\":[4],\"fullheight\":[4],\"space\":[1],\"color\":[1]}]]],[\"bal-carousel_2\",[[4,\"bal-carousel\",{\"value\":[1026],\"steps\":[2],\"itemsPerView\":[8,\"items-per-view\"],\"controls\":[1],\"htmlRole\":[1,\"html-role\"],\"controlsOverflow\":[4,\"controls-overflow\"],\"inverted\":[4],\"fullHeight\":[4,\"full-height\"],\"aspectRatio\":[1,\"aspect-ratio\"],\"interface\":[1],\"controlsSticky\":[4,\"controls-sticky\"],\"scrollY\":[4,\"scroll-y\"],\"border\":[4],\"isLargestContentfulPaintDone\":[32],\"isLastSlideVisible\":[32],\"isMobile\":[32],\"language\":[32],\"configChanged\":[64],\"previous\":[64],\"next\":[64]}],[4,\"bal-carousel-item\",{\"src\":[513],\"label\":[513],\"htmlRole\":[1,\"html-role\"],\"elementType\":[1,\"element-type\"],\"name\":[513],\"value\":[520],\"href\":[1],\"target\":[1],\"rel\":[1],\"download\":[1],\"color\":[1],\"isLargestContentfulPaintDone\":[32],\"getData\":[64],\"setFocus\":[64]}]]],[\"bal-checkbox_2\",[[4,\"bal-checkbox-group\",{\"options\":[16],\"interface\":[1],\"control\":[4],\"name\":[1],\"vertical\":[4],\"verticalOnMobile\":[4,\"vertical-on-mobile\"],\"expanded\":[4],\"invalid\":[4],\"disabled\":[4],\"readonly\":[4],\"value\":[1040],\"columns\":[2],\"columnsTablet\":[2,\"columns-tablet\"],\"columnsMobile\":[2,\"columns-mobile\"],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"ariaForm\":[32],\"setValue\":[64],\"getOptionByValue\":[64],\"setAriaForm\":[64]},null,{\"options\":[\"optionChanged\"],\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"],\"readonly\":[\"readonlyChanged\"],\"value\":[\"valueChanged\"],\"columns\":[\"columnsChanged\"],\"columnsTablet\":[\"columnsTabletChanged\"],\"columnsMobile\":[\"columnsMobileChanged\"]}],[4,\"bal-checkbox\",{\"name\":[1],\"label\":[1],\"invisible\":[4],\"labelHidden\":[4,\"label-hidden\"],\"flat\":[4],\"inline\":[4],\"interface\":[1],\"value\":[8],\"checked\":[1028],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"autoInvalidOff\":[516,\"auto-invalid-off\"],\"nonSubmit\":[4,\"non-submit\"],\"invalid\":[4],\"hovered\":[4],\"pressed\":[4],\"hasLabel\":[32],\"focused\":[32],\"buttonTabindex\":[32],\"ariaForm\":[32],\"wasFocused\":[32],\"setFocus\":[64],\"setBlur\":[64],\"getInputElement\":[64],\"getOption\":[64],\"setButtonTabindex\":[64],\"updateState\":[64],\"setAriaForm\":[64]}]]],[\"bal-close\",[[0,\"bal-close\",{\"size\":[1],\"inverted\":[4],\"language\":[32],\"region\":[32],\"configChanged\":[64]}]]],[\"bal-hint_5\",[[4,\"bal-hint\",{\"closeLabel\":[1,\"close-label\"],\"small\":[4],\"isActive\":[32],\"innerCloseLabel\":[32],\"isMobile\":[32],\"configChanged\":[64],\"toggle\":[64],\"present\":[64],\"dismiss\":[64]}],[4,\"bal-hint-text\"],[4,\"bal-hint-title\"],[4,\"bal-popover\",{\"autoTrigger\":[4,\"auto-trigger\"],\"hint\":[4],\"hover\":[4],\"arrow\":[4],\"backdrop\":[4],\"tooltip\":[4],\"offsetX\":[2,\"offset-x\"],\"offsetY\":[2,\"offset-y\"],\"padding\":[2],\"position\":[1],\"active\":[1540],\"mobileTop\":[4,\"mobile-top\"],\"isTouch\":[32],\"isInMainNav\":[32],\"backdropHeight\":[32],\"present\":[64],\"dismiss\":[64],\"toggle\":[64]},null,{\"active\":[\"activeChanged\"]}],[4,\"bal-popover-content\",{\"spaceless\":[4],\"scrollable\":[2],\"contentWidth\":[2,\"content-width\"],\"contentMinWidth\":[2,\"content-min-width\"],\"color\":[1],\"expanded\":[4],\"radius\":[1],\"noShadow\":[4,\"no-shadow\"],\"mobileTop\":[4,\"mobile-top\"],\"contentHeightOnTop\":[32]}]]],[\"bal-tab-item_2\",[[4,\"bal-tab-item\",{\"active\":[516],\"value\":[513],\"label\":[513],\"href\":[513],\"target\":[1],\"bubble\":[520],\"disabled\":[516],\"invisible\":[516],\"prevent\":[4],\"icon\":[513],\"noPanel\":[4,\"no-panel\"],\"aria\":[16],\"subLabel\":[513,\"sub-label\"],\"svg\":[1],\"isActive\":[32],\"getOptions\":[64],\"setActive\":[64]}],[4,\"bal-tabs\",{\"float\":[1],\"fullwidth\":[4],\"accordion\":[4],\"overflow\":[4],\"options\":[16],\"context\":[1],\"iconPosition\":[1,\"icon-position\"],\"expanded\":[4],\"spaceless\":[4],\"clickable\":[4],\"border\":[4],\"inverted\":[4],\"optionalTabSelection\":[4,\"optional-tab-selection\"],\"debounce\":[2],\"vertical\":[8],\"verticalColSize\":[1,\"vertical-col-size\"],\"selectOnMobile\":[4,\"select-on-mobile\"],\"value\":[1025],\"dimInactiveElements\":[4,\"dim-inactive-elements\"],\"isAccordionOpen\":[32],\"accordionState\":[32],\"isNavbarOpen\":[32],\"inNavbar\":[32],\"inNavbarLight\":[32],\"isLargestContentfulPaintDone\":[32],\"isMobile\":[32],\"isTablet\":[32],\"store\":[32],\"animated\":[32],\"configChanged\":[64],\"select\":[64],\"getOptionByValue\":[64],\"renderLine\":[64],\"closeAccordion\":[64]},null,{\"options\":[\"optionChanged\"],\"debounce\":[\"debounceChanged\"],\"value\":[\"valueChanged\"]}]]],[\"bal-stack\",[[4,\"bal-stack\",{\"layout\":[1],\"align\":[1],\"space\":[1],\"spaceRow\":[1,\"space-row\"],\"spaceColumn\":[1,\"space-column\"],\"px\":[1],\"py\":[1],\"useWrap\":[4,\"use-wrap\"],\"fitContent\":[4,\"fit-content\"],\"direction\":[1],\"alignment\":[1]}]]],[\"bal-list_8\",[[4,\"bal-list-item-accordion-head\",{\"accordionOpen\":[1028,\"accordion-open\"],\"icon\":[1]},null,{\"accordionOpen\":[\"accordionOpenHandler\"]}],[4,\"bal-list-item-accordion-body\",{\"accordionGroup\":[1,\"accordion-group\"],\"contentSpace\":[1,\"content-space\"],\"contentAlignment\":[1,\"content-alignment\"]}],[4,\"bal-list-item-subtitle\"],[4,\"bal-list-item-title\",{\"level\":[1],\"visualLevel\":[1,\"visual-level\"]}],[4,\"bal-list\",{\"disabled\":[4],\"background\":[1],\"border\":[4],\"accordionOneLevel\":[4,\"accordion-one-level\"],\"size\":[1]},null,{\"accordionOneLevel\":[\"accordionOneLevelHandler\"]}],[4,\"bal-list-item\",{\"disabled\":[4],\"clickable\":[4],\"selected\":[4],\"accordion\":[4],\"subAccordionItem\":[4,\"sub-accordion-item\"],\"href\":[1],\"target\":[1],\"download\":[1],\"state\":[32],\"configChanged\":[64],\"present\":[64],\"dismiss\":[64],\"toggle\":[64]}],[4,\"bal-list-item-content\",{\"contentAlignment\":[1,\"content-alignment\"]}],[4,\"bal-list-item-icon\",{\"right\":[4]}]]],[\"bal-nav_8\",[[4,\"bal-nav\",{\"logo\":[16],\"options\":[16],\"buttons\":[16],\"isTouch\":[32],\"isDesktop\":[32],\"language\":[32],\"region\":[32],\"isFlyoutActive\":[32],\"activeMetaLinkValue\":[32],\"activeMenuLinkValue\":[32],\"linkItems\":[32],\"metaButtons\":[32],\"configChanged\":[64]},null,{\"options\":[\"optionChanged\"],\"buttons\":[\"buttonChanged\"]}],[4,\"bal-nav-link-group\",{\"color\":[1]}],[4,\"bal-nav-link\",{\"variant\":[1],\"selected\":[4],\"clickable\":[4],\"href\":[1],\"target\":[1]}],[4,\"bal-nav-link-grid\"],[4,\"bal-nav-link-grid-col\",{\"staticCol\":[4,\"static-col\"]}],[4,\"bal-nav-menu-bar\",{\"invisible\":[1],\"position\":[1],\"isHidden\":[32]}],[4,\"bal-nav-menu-flyout\",{\"navId\":[1,\"nav-id\"],\"isHidden\":[32]}],[4,\"bal-nav-meta-bar\",{\"variant\":[1],\"size\":[1],\"invisible\":[1],\"position\":[1],\"isHidden\":[32]}]]]]"), options);
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
export { defineCustomElements };
|
package/dist/esm/{window-resize.decorator-a88002f7.js → window-resize.decorator-be46c01c.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { B as BalWindowResizeListener } from './breakpoints.subject-
|
|
1
|
+
import { B as BalWindowResizeListener } from './breakpoints.subject-0499ff54.js';
|
|
2
2
|
import { a as SingleSubject } from './listener-04842ae9.js';
|
|
3
3
|
import { b as balBrowser } from './browser-a8073d92.js';
|
|
4
4
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{n as raf,t as transitionEndAsync,o as debounceEvent,w as waitForComponent}from"./helpers-72ae7307.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{b as isEnterKey,d as isSpaceKey}from"./keyboard.helpers-b2dd6393.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.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{overflow:hidden;will-change:max-height}.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 BalAccordionStyle0=balAccordionCss;var Accordion=function(){function t(t){var i=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.componentId="bal-accordion-".concat(accordionIds++);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 a=i.detailsElement;var e=i.detailsWrapperElement;if(t||a===null||e===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.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=e.offsetHeight;i=transitionEndAsync(a,300);a.style.setProperty("max-height","".concat(t,"px"));this.balWillAnimate.emit(this.active);return[4,i];case 1:n.sent();this.setState(4);a.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 a=i.detailsElement;if(t||a===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(e){t=a.offsetHeight;a.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(a,300);this.setState(2);this.balDidAnimate.emit(this.active);return[4,t];case 1:i.sent();this.setState(1);a.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()};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=1}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(a){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 a=this.active?this.closeIcon:this.openIcon;var e=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({},e.class()),e.modifier("card-v1").class(this.card)),e.modifier("active").class(this.active)),e.modifier("expanding").class(this.state===8)),e.modifier("expanded").class(this.state===4)),e.modifier("collapsing").class(this.state===2)),e.modifier("collapsed").class(this.state===1)),e.modifier("animated").class(this.animated))},h("div",{class:Object.assign({},e.element("wrapper").class())},h("div",{class:Object.assign(Object.assign({},e.element("trigger").class()),e.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:a,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({},e.element("content").class()),e.element("content").modifier("card").class(this.card)),ref:function(i){return t.contentEl=i}},h("div",{id:"".concat(this.componentId,"-content-wrapper"),"data-testid":"bal-accordion-details",class:Object.assign({},e.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=BalAccordionStyle0;var balAccordionDetailsCss=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;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}.bal-accordion__details--collapsed{display:none}.bal-accordion__details--expanding{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";var BalAccordionDetailsStyle0=balAccordionDetailsCss;var AccordionDetails=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-details-".concat(accordionDetailIds++);this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.parentAccordionId=undefined;this.state=1;this.active=false;this.animated=true}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 a=i.element("wrapper");var e=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:"46658e9e2842371f4faac02f3666f908f48000a2",id:e,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:"4e2616b9946f33ce3a30c396f200dd2a8c16eed4",id:"".concat(e,"-content"),"aria-labelledby":"".concat(this.parentAccordionId,"-trigger-button"),role:"region",part:r,class:Object.assign({},a.class()),"data-testid":"bal-accordion-details"},h("slot",{key:"76467aaa5660e88ab9a208fdf0577f203f000fcf"})))};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=BalAccordionDetailsStyle0;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 BalAccordionSummaryStyle0=balAccordionSummaryCss;var AccordionSummary=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-summary-".concat(accordionSummaryIds++);this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var a;stopEventBubbling(t);(a=i.parentAccordionElement)===null||a===void 0?void 0:a.humanToggle()};this.onKeyDown=function(t){var a;if(isEnterKey(t)||isSpaceKey(t)){stopEventBubbling(t);(a=i.parentAccordionElement)===null||a===void 0?void 0:a.humanToggle()}};this.parentAccordionId=undefined;this.trigger=false;this.active=false;this.state=1}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 a=this.state===4||this.state===8;var e=a?"button expanded":"button";var n={};if(this.trigger){n={"aria-controls":"".concat(this.parentAccordionId,"-details-content"),role:"button",tabindex:0,part:e,"data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}}return h(Host,Object.assign({key:"c3a6c35f68b01dcfe81b8e87a8a31b3c87db771c",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=BalAccordionSummaryStyle0;var balAccordionTriggerCss="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.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;height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}";var BalAccordionTriggerStyle0=balAccordionTriggerCss;var AccordionTrigger=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-trigger-".concat(accordionTriggerIds++);this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var a;stopEventBubbling(t);(a=i.parentAccordionElement)===null||a===void 0?void 0:a.humanToggle()};this.parentAccordionId=undefined;this.button=false;this.openLabel="";this.openIcon="caret-down";this.closeLabel="";this.closeIcon="";this.color="info";this.size="";this.active=false;this.state=1}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});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=BEM.block("accordion").element("trigger");var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-trigger"):this.componentId;var a=this.active?this.closeLabel:this.openLabel;var e=false;var n=this.active?this.closeIcon:this.openIcon;if(this.closeIcon===""||this.closeIcon===undefined||this.closeIcon===null){e=this.active;n=this.openIcon||"caret-down"}var r=this.state===4||this.state===8;var o=r?"button expanded":"button";var c=this.parentAccordionSummaryElement;var s={tabindex:-1};if(c&&!c.trigger){s={tabindex:0}}return h(Host,{key:"af0ac1bbf7cb49a28ad9e481d3cf41f377c3d434",id:i,class:Object.assign({},t.class())},this.button?h("bal-button",{id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),part:o,"data-testid":"bal-accordion-trigger",expanded:true,icon:n,iconTurn:e,color:this.color,size:this.size,onClick:this.onClick},a):h("button",Object.assign({class:Object.assign(Object.assign({},t.element("button").class()),{"bal-focused":c&&!c.trigger}),id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),"aria-label":"accordion trigger",part:o,"data-testid":"bal-accordion-trigger",onClick:this.onClick},s),h("bal-icon",{turn:e,name:n})))};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);var accordionTriggerIds=0;AccordionTrigger.style=BalAccordionTriggerStyle0;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-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{n as raf,t as transitionEndAsync,o as debounceEvent,w as waitForComponent}from"./helpers-72ae7307.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{b as isEnterKey,d as isSpaceKey}from"./keyboard.helpers-b2dd6393.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.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{overflow:hidden;will-change:max-height}.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 BalAccordionStyle0=balAccordionCss;var Accordion=function(){function t(t){var i=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.componentId="bal-accordion-".concat(accordionIds++);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 a=i.detailsElement;var e=i.detailsWrapperElement;if(t||a===null||e===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=e.offsetHeight;i=transitionEndAsync(a,300);a.style.setProperty("max-height","".concat(t,"px"));return[4,i];case 1:n.sent();this.setState(4);a.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 a=i.detailsElement;if(t||a===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(e){t=a.offsetHeight;a.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(a,300);this.setState(2);this.balDidAnimate.emit(this.active);return[4,t];case 1:i.sent();this.setState(1);a.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()};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=1}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(a){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 a=this.active?this.closeIcon:this.openIcon;var e=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({},e.class()),e.modifier("card-v1").class(this.card)),e.modifier("active").class(this.active)),e.modifier("expanding").class(this.state===8)),e.modifier("expanded").class(this.state===4)),e.modifier("collapsing").class(this.state===2)),e.modifier("collapsed").class(this.state===1)),e.modifier("animated").class(this.animated))},h("div",{class:Object.assign({},e.element("wrapper").class())},h("div",{class:Object.assign(Object.assign({},e.element("trigger").class()),e.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:a,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({},e.element("content").class()),e.element("content").modifier("card").class(this.card)),ref:function(i){return t.contentEl=i}},h("div",{id:"".concat(this.componentId,"-content-wrapper"),"data-testid":"bal-accordion-details",class:Object.assign({},e.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=BalAccordionStyle0;var balAccordionDetailsCss=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;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}.bal-accordion__details--collapsed{display:none}.bal-accordion__details--expanding{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";var BalAccordionDetailsStyle0=balAccordionDetailsCss;var AccordionDetails=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-details-".concat(accordionDetailIds++);this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.parentAccordionId=undefined;this.state=1;this.active=false;this.animated=true}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 a=i.element("wrapper");var e=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:"46658e9e2842371f4faac02f3666f908f48000a2",id:e,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:"4e2616b9946f33ce3a30c396f200dd2a8c16eed4",id:"".concat(e,"-content"),"aria-labelledby":"".concat(this.parentAccordionId,"-trigger-button"),role:"region",part:r,class:Object.assign({},a.class()),"data-testid":"bal-accordion-details"},h("slot",{key:"76467aaa5660e88ab9a208fdf0577f203f000fcf"})))};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=BalAccordionDetailsStyle0;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 BalAccordionSummaryStyle0=balAccordionSummaryCss;var AccordionSummary=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-summary-".concat(accordionSummaryIds++);this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var a;stopEventBubbling(t);(a=i.parentAccordionElement)===null||a===void 0?void 0:a.humanToggle()};this.onKeyDown=function(t){var a;if(isEnterKey(t)||isSpaceKey(t)){stopEventBubbling(t);(a=i.parentAccordionElement)===null||a===void 0?void 0:a.humanToggle()}};this.parentAccordionId=undefined;this.trigger=false;this.active=false;this.state=1}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 a=this.state===4||this.state===8;var e=a?"button expanded":"button";var n={};if(this.trigger){n={"aria-controls":"".concat(this.parentAccordionId,"-details-content"),role:"button",tabindex:0,part:e,"data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}}return h(Host,Object.assign({key:"c3a6c35f68b01dcfe81b8e87a8a31b3c87db771c",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=BalAccordionSummaryStyle0;var balAccordionTriggerCss="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.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;height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}";var BalAccordionTriggerStyle0=balAccordionTriggerCss;var AccordionTrigger=function(){function t(t){var i=this;registerInstance(this,t);this.componentId="bal-accordion-trigger-".concat(accordionTriggerIds++);this.updateAccordionId=function(){var t;return i.parentAccordionId=(t=i.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var a;stopEventBubbling(t);(a=i.parentAccordionElement)===null||a===void 0?void 0:a.humanToggle()};this.parentAccordionId=undefined;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}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});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=BEM.block("accordion").element("trigger");var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-trigger"):this.componentId;var a=this.active?this.closeLabel:this.openLabel;var e=false;var n=this.active?this.closeIcon:this.openIcon;if(this.closeIcon===""||this.closeIcon===undefined||this.closeIcon===null){e=this.active;n=this.openIcon||"caret-down"}var r=this.state===4||this.state===8;var o=r?"button expanded":"button";var c=this.parentAccordionSummaryElement;var s={tabindex:-1};if(c&&!c.trigger){s={tabindex:0}}return h(Host,{key:"891c25716cc93bd97ca9b25fcb512bb1915e8f5d",id:i,class:Object.assign({},t.class())},this.button?h("bal-button",{id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),part:o,"data-testid":"bal-accordion-trigger",expanded:this.expanded,icon:n,iconTurn:e,color:this.color,size:this.size,onClick:this.onClick},a):h("button",Object.assign({class:Object.assign(Object.assign({},t.element("button").class()),{"bal-focused":c&&!c.trigger}),id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),"aria-label":"accordion trigger",part:o,"data-testid":"bal-accordion-trigger",onClick:this.onClick},s),h("bal-icon",{turn:e,name:n})))};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);var accordionTriggerIds=0;AccordionTrigger.style=BalAccordionTriggerStyle0;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-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{j as debounce,l as rLCP,n as raf,b as waitAfterFramePaint}from"./helpers-72ae7307.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-9981606e.js";import{g as getComputedWidth}from"./style-ca1bd202.js";import{L as ListenTo}from"./listen-d1712e70.js";import{L as ListenToMutation}from"./mutation.decorator-985cc0a1.js";import{L as ListenToSwipe}from"./swipe.decorator-56b6d574.js";import{L as ListenToResize}from"./resize.decorator-f2d8461d.js";import{b as balBreakpoints}from"./breakpoints.subject-ae98d0fa.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./listener-04842ae9.js";import"./swipe.subject-683f7c7b.js";import"./device-8c6d2881.js";import"./tokens.esm-ed9fb455.js";import"./log-dfd1c19f.js";var TabControl=function(t){var e=t.value,r=t.items,a=t.containerId,i=t.onControlChange;var o=BEM.block("carousel");var n=o.element("controls");return h("div",{class:Object.assign(Object.assign({},n.class()),n.modifier("tabs").class())},h("bal-card",null,h("bal-card-content",null,r.map((function(t){return h("bal-button",{"aria-controls":a,key:t.value,expanded:true,color:e===t.value?"primary":"light",onClick:function(){return i(t)}},t.label)})))))};var DotControl=function(t){var e=t.value,r=t.items,a=t.containerId,i=t.onControlChange;var o=BEM.block("carousel");var n=o.element("controls");var s=function(t){var e=t.detail-1;if(e<0){e=0}if(e>=r.length){e=r.length-1}i(r[e])};return h("div",{class:Object.assign(Object.assign({},n.class()),n.modifier("tabs").class())},h("bal-pagination",{"aria-controls":a,interface:"small",value:e+1,totalPages:r.length,onBalChange:s}))};var LargeControl=function(t){var e=t.isFirst,r=t.isLast,a=t.inverted,i=t.areControlsHidden,o=t.onNextClick,n=t.onPreviousClick,s=t.containerId,l=t.leftControlTitle,c=t.rightControlTitle;var u=BEM.block("carousel");var d=u.element("controls");var b=d.element("button");return h("div",{"data-mutation":"false",class:Object.assign(Object.assign({},d.class()),d.modifier("large").class())},h("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("left").class()),b.modifier("hidden").class(e&&i)),"aria-controls":s,square:true,icon:"nav-go-left",rounded:true,inverted:a,onClick:function(){return n()},disabled:e,"aria-hidden":e&&i?"true":null,"data-testid":"bal-carousel-control-left",title:l}),h("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("right").class()),b.modifier("hidden").class(r&&i)),"aria-controls":s,square:true,icon:"nav-go-right",rounded:true,inverted:a,onClick:function(){return o()},disabled:r,"aria-hidden":r&&i?"true":null,"data-testid":"bal-carousel-control-right",title:c}))};var SmallControl=function(t){var e=t.isFirst,r=t.isLast,a=t.inverted,i=t.leftControlTitle,o=t.rightControlTitle,n=t.containerId,s=t.onNextClick,l=t.onPreviousClick;var c=BEM.block("carousel");var u=c.element("controls");var d=u.element("button");return h("div",{class:Object.assign(Object.assign({},u.class()),u.modifier("small").class())},h("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("left").class()),d.modifier("hidden").class(e)),"aria-controls":n,square:true,size:"small",icon:"nav-go-left",rounded:true,inverted:a,onClick:function(){return l()},disabled:e,"aria-hidden":e?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-left",title:i}),h("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("right").class()),d.modifier("hidden").class(r)),"aria-controls":n,square:true,size:"small",icon:"nav-go-right",rounded:true,inverted:a,onClick:function(){return s()},disabled:r,"aria-hidden":r?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-right",title:o}))};var i18nControlLabel={de:{left:"vorherige",right:"nächste"},en:{left:"previous",right:"next"},fr:{left:"précédent",right:"suivant"},it:{left:"precedente",right:"successivo"},nl:{left:"vorige",right:"volgende"},es:{left:"anterior",right:"siguiente"},pl:{left:"poprzedni",right:"następny"},pt:{left:"anterior",right:"próximo"},sv:{left:"föregående",right:"nästa"},fi:{left:"edellinen",right:"seuraava"}};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-carousel{display:block;position:relative}.bal-carousel__inner{display:block;position:relative;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y}.bal-carousel--full-height{height:100%}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container{position:relative;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-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{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}.bal-carousel__inner--shadow-left::before,.bal-carousel__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-carousel__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-carousel__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-carousel__inner--shadow-left.bal-carousel__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-carousel__inner--shadow-right.bal-carousel__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__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-carousel__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-carousel__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-carousel__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-carousel__inner--items-per-view-4 .bal-carousel__item{width:25%}.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:calc(100% - 2rem);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:calc(100% - 5rem);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}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;width:10rem;height:11rem;text-align:center;padding-top:.5rem;padding-bottom:.5rem;-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}@media screen and (max-width: 768px){.bal-carousel__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-carousel__controls--large .bal-carousel__controls__button{position:absolute;top:calc(50% - 24px);z-index:7}.bal-carousel__controls--large .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--large .bal-carousel__controls__button--right{right:0}}.bal-carousel__controls__button--hidden{display:none !important;visibility:none !important}.bal-carousel__controls--small .bal-carousel__controls__button{position:absolute;top:calc(50% - 1rem);z-index:7}.bal-carousel__controls--small .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--small .bal-carousel__controls__button--right{right:0}.bal-carousel__controls--small .bal-carousel__controls__button--hidden{display:none !important;visibility:hidden !important}';var BalCarouselStyle0=balCarouselCss;var Carousel=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.previousTransformValue=0;this.carouselId="bal-carousel-".concat(CarouselIds++);this.carouselContainerId="bal-carousel-".concat(CarouselIds++,"-container");this.mutationObserverActive=true;this.itemsChanged=debounce((function(){return e.itemsChangedInternal()}),100);this.onPreviousButtonClick=function(){return e.previous()};this.onNextButtonClick=function(){return e.next()};this.onControlChange=function(t){if(t!==e.value){var r=t>e.value;if(r){e.next(t-e.value)}else{e.previous(e.value-t)}}};this.isLargestContentfulPaintDone=false;this.isLastSlideVisible=true;this.isMobile=balBreakpoints.isMobile;this.language=defaultConfig.language;this.value=0;this.steps=1;this.itemsPerView=1;this.controls="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}t.prototype.componentDidLoad=function(){var t=this;rLCP((function(){t.isLargestContentfulPaintDone=true}))};t.prototype.blockVerticalScrolling=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){if(!this.scrollY&&((e=this.el)===null||e===void 0?void 0:e.contains(t.target))){stopEventBubbling(t)}return[2]}))}))};t.prototype.mutationListener=function(){this.itemsChanged()};t.prototype.swipeListener=function(t){var e=t.left,r=t.right;if(e){this.next()}else if(r){this.previous()}};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.itemsChanged()};t.prototype.resizeListener=function(){this.itemsChanged()};t.prototype.listenToKeyDown=function(t){if(this.htmlRole!=="tablist"){if(t.code==="Tab"){if(t.shiftKey){this.focusPreviousItem(t)}else{this.focusNextItem(t)}}}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=t.language;return[2]}))}))};t.prototype.previous=function(){return __awaiter(this,arguments,void 0,(function(t){var e,r,a;if(t===void 0){t=this.steps}return __generator(this,(function(i){switch(i.label){case 0:e=this.value-t;if(e<0){e=0}return[4,this.buildSlide(e)];case 1:r=i.sent();if(!r)return[3,3];return[4,this.animate(r.transformActive,true)];case 2:a=i.sent();if(a||this.value!==e){this.value=e;this.balChange.emit(this.value)}i.label=3;case 3:return[2,r]}}))}))};t.prototype.next=function(){return __awaiter(this,arguments,void 0,(function(t){var e,r,a,i,o;if(t===void 0){t=this.steps}return __generator(this,(function(n){switch(n.label){case 0:e=this.getAllItemElements();r=e.length;a=this.value+t;if(a>=r){a=r-1}return[4,this.buildSlide(a)];case 1:i=n.sent();if(!i)return[3,3];return[4,this.animate(i.transformActive,true)];case 2:o=n.sent();if(o||this.value!==a){this.value=a;this.balChange.emit(this.value)}n.label=3;case 3:return[2,i]}}))}))};t.prototype.animate=function(){return __awaiter(this,arguments,void 0,(function(t,e){var r=this;if(t===void 0){t=0}if(e===void 0){e=true}return __generator(this,(function(a){return[2,new Promise((function(a){if(r.currentRaf!==undefined){cancelAnimationFrame(r.currentRaf)}r.currentRaf=raf((function(){return __awaiter(r,void 0,void 0,(function(){var r,i,o,n,s,l,c,u,d,b,h;return __generator(this,(function(f){switch(f.label){case 0:if(!(this.containerEl&&this.innerEl))return[3,2];return[4,this.buildSlide()];case 1:r=f.sent();if(r){i=this.innerEl.clientWidth||0;o=r.transformNext||0;n=o<=i;s=o-i;l=s<=t;if(this.itemsPerView===3){s=o-i-1;l=s<=t}c=t===0||s<=2;if(c){this.value=0;this.balChange.emit(this.value)}u=this.controls==="small";d=this.controls==="large";b=n?0:l?s:t;if(!c&&!n&&(u||d&&!this.isMobile)){b=b-(l?0:d?56:48)}this.containerEl.style.transitionDuration=e?"0.6s":"0";this.containerEl.style.transform="translate3d(-".concat(b,"px, 0px, 0px)");h=b!==this.previousTransformValue;this.previousTransformValue=b;this.isLastSlideVisible=l;if(this.borderEl){this.borderEl.style.transitionDuration=e?"0.6s":"0";this.borderEl.style.transform="translate3d(".concat(b,"px, 0px, 0px)")}if(!h){return[2,a(false)]}return[2,a(true)]}f.label=2;case 2:return[2]}}))}))}))}))]}))}))};t.prototype.buildSlide=function(t){return __awaiter(this,void 0,void 0,(function(){var e,r,a,i;return __generator(this,(function(o){switch(o.label){case 0:e=this.getAllItemElements();r=t===undefined?e.length-1:t;if(!(e.length>r&&r>=0))return[3,2];return[4,this.getAllItemData()];case 1:a=o.sent();i=this.interface==="product"?16:0;return[2,{el:e[r],data:a[r],transformNext:e.filter((function(t,e){return e<r+1})).reduce((function(t,e){return t+getComputedWidth(e)+i}),0),transformActive:e.filter((function(t,e){return e<r})).reduce((function(t,e){return t+getComputedWidth(e)+i}),0),isFirst:r===0,isLast:r===e.length-1,total:e.length,index:r}];case 2:return[2,undefined]}}))}))};t.prototype.itemsChangedInternal=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!this.isLargestContentfulPaintDone)return[3,2];return[4,this.buildSlide(this.value)];case 1:t=e.sent();if(t){this.animate(t.transformActive,false)}e.label=2;case 2:return[2]}}))}))};t.prototype.focusNextItem=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){switch(r.label){case 0:if(!!this.isLast)return[3,3];return[4,this.next(1)];case 1:e=r.sent();if(!(e&&e.el))return[3,3];stopEventBubbling(t);return[4,e.el.setFocus()];case 2:r.sent();r.label=3;case 3:return[2]}}))}))};t.prototype.focusPreviousItem=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){switch(r.label){case 0:if(!!this.isFirst)return[3,3];return[4,this.previous(1)];case 1:e=r.sent();if(!(e&&e.el))return[3,3];stopEventBubbling(t);return[4,e.el.setFocus()];case 2:r.sent();r.label=3;case 3:return[2]}}))}))};t.prototype.getAllItemData=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:t=this.getAllItemElements().map((function(t){return t.getData()}));return[4,Promise.all(t)];case 1:return[2,e.sent()]}}))}))};t.prototype.getAllItemElements=function(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))};t.prototype.getAllControlItems=function(){var t=this.getAllItemElements();return t.map((function(t,e){return{value:e,label:t.label}}))};t.prototype.hasShadow=function(){return this.itemsPerView==="auto"||this.itemsPerView>1||this.interface==="card"};t.prototype.hasShadowLeft=function(){return this.hasShadow()&&(this.value!==0||this.interface==="card")};t.prototype.hasShadowRight=function(){return this.hasShadow()&&(!this.isLastSlideVisible||this.interface==="card")};t.prototype.isFirst=function(){return this.value===0};t.prototype.isLast=function(){return this.isLastSlideVisible};t.prototype.render=function(){var t=this;var e=BEM.block("carousel");var r=e.element("inner");var a=r.element("container");var i=i18nControlLabel[this.language].left;var o=i18nControlLabel[this.language].right;var n=this.getAllControlItems();return h(Host,{key:"8f136f31e2fe4fb99703fdd2a5974697cea659b7",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(this.interface).class(this.interface!=="")),e.modifier("full-height").class(this.fullHeight)),e.modifier("controls-sticky").class(this.controlsSticky)),e.modifier("controls-".concat(this.controls)).class())},this.isLargestContentfulPaintDone&&this.controls==="tabs"?h(TabControl,{value:this.value,items:n,containerId:this.carouselContainerId,onControlChange:function(e){return t.onControlChange(e.value)}}):"",h("div",{key:"76e644a3db07b7aeae2a599b560903a24312cb6b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("items-per-view-".concat(this.itemsPerView)).class()),r.modifier("is-".concat(this.aspectRatio)).class()),r.modifier("inverted").class(this.inverted)),r.modifier("full-height").class(this.fullHeight)),r.modifier("shadow-left").class(this.hasShadowLeft())),r.modifier("shadow-right").class(this.hasShadowRight())),ref:function(e){return t.innerEl=e}},h("div",{key:"8040a1b67deccfa135bda7c1b3cef5b05492ad19",role:this.htmlRole,"aria-live":this.htmlRole!==""?"polite":undefined,id:this.carouselContainerId,class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("border").class(this.border)),a.modifier("is-".concat(this.aspectRatio)).class()),ref:function(e){return t.containerEl=e}},h("slot",{key:"855f44ac6e8b1cfdfd31cc39f9fd2d9749a2f326"}),this.border?h("div",{id:"".concat(this.carouselId,"-border"),"aria-hidden":"true",class:Object.assign(Object.assign({},a.element("border").class()),a.element("border").modifier("inverted").class(this.inverted)),ref:function(e){return t.borderEl=e}}):"")),this.isLargestContentfulPaintDone&&this.controls==="dots"?h(DotControl,{value:this.value,items:n,containerId:this.carouselContainerId,onControlChange:function(e){return t.onControlChange(e.value)}}):"",this.isLargestContentfulPaintDone&&this.controls==="large"?h(LargeControl,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,areControlsHidden:!this.isMobile,leftControlTitle:i,rightControlTitle:o,containerId:this.carouselContainerId,onNextClick:function(){return t.onNextButtonClick()},onPreviousClick:function(){return t.onPreviousButtonClick()}}):"",this.isLargestContentfulPaintDone&&this.controls==="small"?h(SmallControl,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,leftControlTitle:i,rightControlTitle:o,containerId:this.carouselContainerId,onNextClick:function(){return t.onNextButtonClick()},onPreviousClick:function(){return t.onPreviousButtonClick()}}):"")};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([ListenTo("touchmove",{target:"window",passive:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Carousel.prototype,"blockVerticalScrolling",null);__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([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([ListenTo("keydown"),__metadata("design:type",Function),__metadata("design:paramtypes",[KeyboardEvent]),__metadata("design:returntype",void 0)],Carousel.prototype,"listenToKeyDown",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Carousel.prototype,"configChanged",null);var CarouselIds=0;Carousel.style=BalCarouselStyle0;var CarouselItem=function(){function t(t){var e=this;registerInstance(this,t);this.balNavigate=createEvent(this,"balNavigate",7);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.imageInheritAttributes={};this.onClick=function(t){if(e.href!==undefined){e.balNavigate.emit(t)}};this.onFocus=function(){e.balFocus.emit()};this.onBlur=function(){e.balBlur.emit()};this.isLargestContentfulPaintDone=false;this.src=undefined;this.label="";this.htmlRole="listitem";this.elementType="button";this.name="";this.value="";this.href=undefined;this.target="_self";this.rel=undefined;this.download=undefined;this.color=undefined}t.prototype.componentDidLoad=function(){var t=this;rLCP((function(){t.isLargestContentfulPaintDone=true}))};t.prototype.componentWillLoad=function(){this.imageInheritAttributes=inheritAttributes(this.el,["alt"])};t.prototype.getData=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,{clientWidth:this.el.clientWidth,label:this.label}]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,waitAfterFramePaint()];case 1:t.sent();if(this.buttonEl){this.buttonEl.focus()}return[2]}}))}))};t.prototype.render=function(){var t=this;var e=BEM.block("carousel");var r=e.element("item");var a=!!this.color&&!!this.label;if(!a){return h(Host,{role:this.htmlRole,class:Object.assign({},r.class())},this.isLargestContentfulPaintDone&&this.src!==undefined?h("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",h("slot",null))}var i=r.element("button");var o=i.element("image");var n=i.element("label");var s=this,l=s.elementType,c=s.download,u=s.href,d=s.rel,b=s.target,f=s.name,_=s.value;var m=this.href===undefined?"button":"a";var p=m==="button"?{type:l,name:f,value:_}:{download:c,href:u,rel:d,target:b};return h(Host,{role:this.htmlRole,class:Object.assign({},r.class())},h(m,Object.assign({},p,{class:Object.assign(Object.assign({},i.class()),i.modifier("color-".concat(this.color)).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:function(e){return t.buttonEl=e}}),this.isLargestContentfulPaintDone&&this.src!==undefined?h("img",Object.assign({class:Object.assign({},o.class()),draggable:false,onDragStart:function(){return false},"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):"",this.label!==undefined?h("span",{class:Object.assign({},n.class())},this.label):"",h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();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-5b1faf93.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{j as debounce,l as rLCP,n as raf,b as waitAfterFramePaint}from"./helpers-72ae7307.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{s as stopEventBubbling}from"./form-input-264ad739.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-2e4214b2.js";import{g as getComputedWidth}from"./style-ca1bd202.js";import{L as ListenTo}from"./listen-d1712e70.js";import{L as ListenToMutation}from"./mutation.decorator-985cc0a1.js";import{L as ListenToSwipe}from"./swipe.decorator-56b6d574.js";import{L as ListenToResize}from"./resize.decorator-f2d8461d.js";import{b as balBreakpoints}from"./breakpoints.subject-0499ff54.js";import{d as defaultConfig}from"./config.default-7efdc82d.js";import{L as ListenToConfig}from"./config.decorator-d18abfe1.js";import{i as inheritAttributes}from"./attributes-4fa7040f.js";import"./browser-a8073d92.js";import"./icons.constant-a7885631.js";import"./config.utils-6ac6c9bd.js";import"./listener-04842ae9.js";import"./swipe.subject-683f7c7b.js";import"./device-8c6d2881.js";import"./tokens.esm-e90e564a.js";import"./log-dfd1c19f.js";var TabControl=function(t){var e=t.value,r=t.items,a=t.containerId,i=t.onControlChange;var o=BEM.block("carousel");var n=o.element("controls");return h("div",{class:Object.assign(Object.assign({},n.class()),n.modifier("tabs").class())},h("bal-card",null,h("bal-card-content",null,r.map((function(t){return h("bal-button",{"aria-controls":a,key:t.value,expanded:true,color:e===t.value?"primary":"light",onClick:function(){return i(t)}},t.label)})))))};var DotControl=function(t){var e=t.value,r=t.items,a=t.containerId,i=t.onControlChange;var o=BEM.block("carousel");var n=o.element("controls");var s=function(t){var e=t.detail-1;if(e<0){e=0}if(e>=r.length){e=r.length-1}i(r[e])};return h("div",{class:Object.assign(Object.assign({},n.class()),n.modifier("tabs").class())},h("bal-pagination",{"aria-controls":a,interface:"small",value:e+1,totalPages:r.length,onBalChange:s}))};var LargeControl=function(t){var e=t.isFirst,r=t.isLast,a=t.inverted,i=t.areControlsHidden,o=t.onNextClick,n=t.onPreviousClick,s=t.containerId,l=t.leftControlTitle,c=t.rightControlTitle;var u=BEM.block("carousel");var d=u.element("controls");var b=d.element("button");return h("div",{"data-mutation":"false",class:Object.assign(Object.assign({},d.class()),d.modifier("large").class())},h("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("left").class()),b.modifier("hidden").class(e&&i)),"aria-controls":s,square:true,icon:"nav-go-left",rounded:true,inverted:a,onClick:function(){return n()},disabled:e,"aria-hidden":e&&i?"true":null,"data-testid":"bal-carousel-control-left",title:l}),h("bal-button",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("right").class()),b.modifier("hidden").class(r&&i)),"aria-controls":s,square:true,icon:"nav-go-right",rounded:true,inverted:a,onClick:function(){return o()},disabled:r,"aria-hidden":r&&i?"true":null,"data-testid":"bal-carousel-control-right",title:c}))};var SmallControl=function(t){var e=t.isFirst,r=t.isLast,a=t.inverted,i=t.leftControlTitle,o=t.rightControlTitle,n=t.containerId,s=t.onNextClick,l=t.onPreviousClick;var c=BEM.block("carousel");var u=c.element("controls");var d=u.element("button");return h("div",{class:Object.assign(Object.assign({},u.class()),u.modifier("small").class())},h("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("left").class()),d.modifier("hidden").class(e)),"aria-controls":n,square:true,size:"small",icon:"nav-go-left",rounded:true,inverted:a,onClick:function(){return l()},disabled:e,"aria-hidden":e?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-left",title:i}),h("bal-button",{class:Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("right").class()),d.modifier("hidden").class(r)),"aria-controls":n,square:true,size:"small",icon:"nav-go-right",rounded:true,inverted:a,onClick:function(){return s()},disabled:r,"aria-hidden":r?"true":null,tabindex:"-1","data-testid":"bal-carousel-control-right",title:o}))};var i18nControlLabel={de:{left:"vorherige",right:"nächste"},en:{left:"previous",right:"next"},fr:{left:"précédent",right:"suivant"},it:{left:"precedente",right:"successivo"},nl:{left:"vorige",right:"volgende"},es:{left:"anterior",right:"siguiente"},pl:{left:"poprzedni",right:"następny"},pt:{left:"anterior",right:"próximo"},sv:{left:"föregående",right:"nästa"},fi:{left:"edellinen",right:"seuraava"}};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-carousel{display:block;position:relative}.bal-carousel__inner{display:block;position:relative;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y}.bal-carousel--full-height{height:100%}.bal-carousel__inner--full-height{height:100%}.bal-carousel__inner__container{position:relative;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-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{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}.bal-carousel__inner--shadow-left::before,.bal-carousel__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-carousel__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-carousel__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-carousel__inner--shadow-left.bal-carousel__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-carousel__inner--shadow-right.bal-carousel__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__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-carousel__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-carousel__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-carousel__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-carousel__inner--items-per-view-4 .bal-carousel__item{width:25%}.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:calc(100% - 2rem);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:calc(100% - 5rem);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}.bal-carousel--product .bal-carousel__item{display:-ms-flexbox;display:flex;width:10rem;height:11rem;text-align:center;padding-top:.5rem;padding-bottom:.5rem;-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}@media screen and (max-width: 768px){.bal-carousel__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-carousel__controls--large .bal-carousel__controls__button{position:absolute;top:calc(50% - 24px);z-index:7}.bal-carousel__controls--large .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--large .bal-carousel__controls__button--right{right:0}}.bal-carousel__controls__button--hidden{display:none !important;visibility:none !important}.bal-carousel__controls--small .bal-carousel__controls__button{position:absolute;top:calc(50% - 1rem);z-index:7}.bal-carousel__controls--small .bal-carousel__controls__button--left{left:0}.bal-carousel__controls--small .bal-carousel__controls__button--right{right:0}.bal-carousel__controls--small .bal-carousel__controls__button--hidden{display:none !important;visibility:hidden !important}';var BalCarouselStyle0=balCarouselCss;var Carousel=function(){function t(t){var e=this;registerInstance(this,t);this.balChange=createEvent(this,"balChange",7);this.previousTransformValue=0;this.carouselId="bal-carousel-".concat(CarouselIds++);this.carouselContainerId="bal-carousel-".concat(CarouselIds++,"-container");this.mutationObserverActive=true;this.itemsChanged=debounce((function(){return e.itemsChangedInternal()}),100);this.onPreviousButtonClick=function(){return e.previous()};this.onNextButtonClick=function(){return e.next()};this.onControlChange=function(t){if(t!==e.value){var r=t>e.value;if(r){e.next(t-e.value)}else{e.previous(e.value-t)}}};this.isLargestContentfulPaintDone=false;this.isLastSlideVisible=true;this.isMobile=balBreakpoints.isMobile;this.language=defaultConfig.language;this.value=0;this.steps=1;this.itemsPerView=1;this.controls="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}t.prototype.componentDidLoad=function(){var t=this;rLCP((function(){t.isLargestContentfulPaintDone=true}))};t.prototype.blockVerticalScrolling=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){if(!this.scrollY&&((e=this.el)===null||e===void 0?void 0:e.contains(t.target))){stopEventBubbling(t)}return[2]}))}))};t.prototype.mutationListener=function(){this.itemsChanged()};t.prototype.swipeListener=function(t){var e=t.left,r=t.right;if(e){this.next()}else if(r){this.previous()}};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.itemsChanged()};t.prototype.resizeListener=function(){this.itemsChanged()};t.prototype.listenToKeyDown=function(t){if(this.htmlRole!=="tablist"){if(t.code==="Tab"){if(t.shiftKey){this.focusPreviousItem(t)}else{this.focusNextItem(t)}}}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=t.language;return[2]}))}))};t.prototype.previous=function(){return __awaiter(this,arguments,void 0,(function(t){var e,r,a;if(t===void 0){t=this.steps}return __generator(this,(function(i){switch(i.label){case 0:e=this.value-t;if(e<0){e=0}return[4,this.buildSlide(e)];case 1:r=i.sent();if(!r)return[3,3];return[4,this.animate(r.transformActive,true)];case 2:a=i.sent();if(a||this.value!==e){this.value=e;this.balChange.emit(this.value)}i.label=3;case 3:return[2,r]}}))}))};t.prototype.next=function(){return __awaiter(this,arguments,void 0,(function(t){var e,r,a,i,o;if(t===void 0){t=this.steps}return __generator(this,(function(n){switch(n.label){case 0:e=this.getAllItemElements();r=e.length;a=this.value+t;if(a>=r){a=r-1}return[4,this.buildSlide(a)];case 1:i=n.sent();if(!i)return[3,3];return[4,this.animate(i.transformActive,true)];case 2:o=n.sent();if(o||this.value!==a){this.value=a;this.balChange.emit(this.value)}n.label=3;case 3:return[2,i]}}))}))};t.prototype.animate=function(){return __awaiter(this,arguments,void 0,(function(t,e){var r=this;if(t===void 0){t=0}if(e===void 0){e=true}return __generator(this,(function(a){return[2,new Promise((function(a){if(r.currentRaf!==undefined){cancelAnimationFrame(r.currentRaf)}r.currentRaf=raf((function(){return __awaiter(r,void 0,void 0,(function(){var r,i,o,n,s,l,c,u,d,b,h;return __generator(this,(function(f){switch(f.label){case 0:if(!(this.containerEl&&this.innerEl))return[3,2];return[4,this.buildSlide()];case 1:r=f.sent();if(r){i=this.innerEl.clientWidth||0;o=r.transformNext||0;n=o<=i;s=o-i;l=s<=t;if(this.itemsPerView===3){s=o-i-1;l=s<=t}c=t===0||s<=2;if(c){this.value=0;this.balChange.emit(this.value)}u=this.controls==="small";d=this.controls==="large";b=n?0:l?s:t;if(!c&&!n&&(u||d&&!this.isMobile)){b=b-(l?0:d?56:48)}this.containerEl.style.transitionDuration=e?"0.6s":"0";this.containerEl.style.transform="translate3d(-".concat(b,"px, 0px, 0px)");h=b!==this.previousTransformValue;this.previousTransformValue=b;this.isLastSlideVisible=l;if(this.borderEl){this.borderEl.style.transitionDuration=e?"0.6s":"0";this.borderEl.style.transform="translate3d(".concat(b,"px, 0px, 0px)")}if(!h){return[2,a(false)]}return[2,a(true)]}f.label=2;case 2:return[2]}}))}))}))}))]}))}))};t.prototype.buildSlide=function(t){return __awaiter(this,void 0,void 0,(function(){var e,r,a,i;return __generator(this,(function(o){switch(o.label){case 0:e=this.getAllItemElements();r=t===undefined?e.length-1:t;if(!(e.length>r&&r>=0))return[3,2];return[4,this.getAllItemData()];case 1:a=o.sent();i=this.interface==="product"?16:0;return[2,{el:e[r],data:a[r],transformNext:e.filter((function(t,e){return e<r+1})).reduce((function(t,e){return t+getComputedWidth(e)+i}),0),transformActive:e.filter((function(t,e){return e<r})).reduce((function(t,e){return t+getComputedWidth(e)+i}),0),isFirst:r===0,isLast:r===e.length-1,total:e.length,index:r}];case 2:return[2,undefined]}}))}))};t.prototype.itemsChangedInternal=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!this.isLargestContentfulPaintDone)return[3,2];return[4,this.buildSlide(this.value)];case 1:t=e.sent();if(t){this.animate(t.transformActive,false)}e.label=2;case 2:return[2]}}))}))};t.prototype.focusNextItem=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){switch(r.label){case 0:if(!!this.isLast)return[3,3];return[4,this.next(1)];case 1:e=r.sent();if(!(e&&e.el))return[3,3];stopEventBubbling(t);return[4,e.el.setFocus()];case 2:r.sent();r.label=3;case 3:return[2]}}))}))};t.prototype.focusPreviousItem=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(r){switch(r.label){case 0:if(!!this.isFirst)return[3,3];return[4,this.previous(1)];case 1:e=r.sent();if(!(e&&e.el))return[3,3];stopEventBubbling(t);return[4,e.el.setFocus()];case 2:r.sent();r.label=3;case 3:return[2]}}))}))};t.prototype.getAllItemData=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:t=this.getAllItemElements().map((function(t){return t.getData()}));return[4,Promise.all(t)];case 1:return[2,e.sent()]}}))}))};t.prototype.getAllItemElements=function(){return Array.from(this.el.querySelectorAll("bal-carousel-item"))};t.prototype.getAllControlItems=function(){var t=this.getAllItemElements();return t.map((function(t,e){return{value:e,label:t.label}}))};t.prototype.hasShadow=function(){return this.itemsPerView==="auto"||this.itemsPerView>1||this.interface==="card"};t.prototype.hasShadowLeft=function(){return this.hasShadow()&&(this.value!==0||this.interface==="card")};t.prototype.hasShadowRight=function(){return this.hasShadow()&&(!this.isLastSlideVisible||this.interface==="card")};t.prototype.isFirst=function(){return this.value===0};t.prototype.isLast=function(){return this.isLastSlideVisible};t.prototype.render=function(){var t=this;var e=BEM.block("carousel");var r=e.element("inner");var a=r.element("container");var i=i18nControlLabel[this.language].left;var o=i18nControlLabel[this.language].right;var n=this.getAllControlItems();return h(Host,{key:"8f136f31e2fe4fb99703fdd2a5974697cea659b7",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(this.interface).class(this.interface!=="")),e.modifier("full-height").class(this.fullHeight)),e.modifier("controls-sticky").class(this.controlsSticky)),e.modifier("controls-".concat(this.controls)).class())},this.isLargestContentfulPaintDone&&this.controls==="tabs"?h(TabControl,{value:this.value,items:n,containerId:this.carouselContainerId,onControlChange:function(e){return t.onControlChange(e.value)}}):"",h("div",{key:"76e644a3db07b7aeae2a599b560903a24312cb6b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("items-per-view-".concat(this.itemsPerView)).class()),r.modifier("is-".concat(this.aspectRatio)).class()),r.modifier("inverted").class(this.inverted)),r.modifier("full-height").class(this.fullHeight)),r.modifier("shadow-left").class(this.hasShadowLeft())),r.modifier("shadow-right").class(this.hasShadowRight())),ref:function(e){return t.innerEl=e}},h("div",{key:"8040a1b67deccfa135bda7c1b3cef5b05492ad19",role:this.htmlRole,"aria-live":this.htmlRole!==""?"polite":undefined,id:this.carouselContainerId,class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("border").class(this.border)),a.modifier("is-".concat(this.aspectRatio)).class()),ref:function(e){return t.containerEl=e}},h("slot",{key:"855f44ac6e8b1cfdfd31cc39f9fd2d9749a2f326"}),this.border?h("div",{id:"".concat(this.carouselId,"-border"),"aria-hidden":"true",class:Object.assign(Object.assign({},a.element("border").class()),a.element("border").modifier("inverted").class(this.inverted)),ref:function(e){return t.borderEl=e}}):"")),this.isLargestContentfulPaintDone&&this.controls==="dots"?h(DotControl,{value:this.value,items:n,containerId:this.carouselContainerId,onControlChange:function(e){return t.onControlChange(e.value)}}):"",this.isLargestContentfulPaintDone&&this.controls==="large"?h(LargeControl,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,areControlsHidden:!this.isMobile,leftControlTitle:i,rightControlTitle:o,containerId:this.carouselContainerId,onNextClick:function(){return t.onNextButtonClick()},onPreviousClick:function(){return t.onPreviousButtonClick()}}):"",this.isLargestContentfulPaintDone&&this.controls==="small"?h(SmallControl,{isFirst:this.isFirst(),isLast:this.isLast(),inverted:this.inverted,leftControlTitle:i,rightControlTitle:o,containerId:this.carouselContainerId,onNextClick:function(){return t.onNextButtonClick()},onPreviousClick:function(){return t.onPreviousButtonClick()}}):"")};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();__decorate([ListenTo("touchmove",{target:"window",passive:false}),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Carousel.prototype,"blockVerticalScrolling",null);__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([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([ListenTo("keydown"),__metadata("design:type",Function),__metadata("design:paramtypes",[KeyboardEvent]),__metadata("design:returntype",void 0)],Carousel.prototype,"listenToKeyDown",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Carousel.prototype,"configChanged",null);var CarouselIds=0;Carousel.style=BalCarouselStyle0;var CarouselItem=function(){function t(t){var e=this;registerInstance(this,t);this.balNavigate=createEvent(this,"balNavigate",7);this.balFocus=createEvent(this,"balFocus",7);this.balBlur=createEvent(this,"balBlur",7);this.imageInheritAttributes={};this.onClick=function(t){if(e.href!==undefined){e.balNavigate.emit(t)}};this.onFocus=function(){e.balFocus.emit()};this.onBlur=function(){e.balBlur.emit()};this.isLargestContentfulPaintDone=false;this.src=undefined;this.label="";this.htmlRole="listitem";this.elementType="button";this.name="";this.value="";this.href=undefined;this.target="_self";this.rel=undefined;this.download=undefined;this.color=undefined}t.prototype.componentDidLoad=function(){var t=this;rLCP((function(){t.isLargestContentfulPaintDone=true}))};t.prototype.componentWillLoad=function(){this.imageInheritAttributes=inheritAttributes(this.el,["alt"])};t.prototype.getData=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,{clientWidth:this.el.clientWidth,label:this.label}]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,waitAfterFramePaint()];case 1:t.sent();if(this.buttonEl){this.buttonEl.focus()}return[2]}}))}))};t.prototype.render=function(){var t=this;var e=BEM.block("carousel");var r=e.element("item");var a=!!this.color&&!!this.label;if(!a){return h(Host,{role:this.htmlRole,class:Object.assign({},r.class())},this.isLargestContentfulPaintDone&&this.src!==undefined?h("img",Object.assign({draggable:false,onDragStart:function(){return false},src:this.src},this.imageInheritAttributes)):"",h("slot",null))}var i=r.element("button");var o=i.element("image");var n=i.element("label");var s=this,l=s.elementType,c=s.download,u=s.href,d=s.rel,b=s.target,f=s.name,_=s.value;var m=this.href===undefined?"button":"a";var p=m==="button"?{type:l,name:f,value:_}:{download:c,href:u,rel:d,target:b};return h(Host,{role:this.htmlRole,class:Object.assign({},r.class())},h(m,Object.assign({},p,{class:Object.assign(Object.assign({},i.class()),i.modifier("color-".concat(this.color)).class()),part:"native",onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,ref:function(e){return t.buttonEl=e}}),this.isLargestContentfulPaintDone&&this.src!==undefined?h("img",Object.assign({class:Object.assign({},o.class()),draggable:false,onDragStart:function(){return false},"aria-hidden":"true",src:this.src},this.imageInheritAttributes)):"",this.label!==undefined?h("span",{class:Object.assign({},n.class())},this.label):"",h("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();export{Carousel as bal_carousel,CarouselItem as bal_carousel_item};
|