@baloise/ds-core 16.0.3-nightly.20240417 → 16.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/all.d.ts +6 -2
- package/components/all.js +9 -3
- package/components/aria.js +3 -0
- package/components/bal-app.js +85 -1
- package/components/bal-checkbox-button.js +1 -1
- package/components/bal-checkbox2.js +3 -2
- package/components/bal-close2.js +1 -1
- package/components/bal-date-calendar2.js +1 -1
- package/components/bal-dropdown.d.ts +11 -0
- package/components/bal-dropdown.js +710 -0
- package/components/bal-field.js +12 -2
- package/components/bal-footer.js +1 -1
- package/components/bal-option-list.d.ts +11 -0
- package/components/bal-option-list.js +459 -0
- package/components/{bal-doc-app.d.ts → bal-option.d.ts} +4 -4
- package/components/bal-option.js +171 -0
- package/components/bal-popup.js +1 -1
- package/components/bal-radio2.js +1 -1
- package/components/bal-select2.js +3 -3
- package/components/bal-spinner2.js +54 -6
- package/components/bal-tag2.js +1 -1
- package/components/config.default.js +1 -0
- package/components/index.esm.js +1 -1
- package/components/index.js +290 -5
- package/components/option.js +46 -0
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/p-013b4c72.system.js +1 -0
- package/dist/baloise-design-system/p-0639833837.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-0cd70cd814.system.entry.js → p-06e9a468fc.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-0793c0159f.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-45de4b9eab.system.entry.js → p-0fed7a5f26.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f2de9458ad.entry.js → p-10b8686d91.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e113196061.system.entry.js → p-126c79c9e9.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-12bcc7da.js +1 -0
- package/dist/baloise-design-system/{p-3bd244cda7.entry.js → p-135c5759c5.entry.js} +1 -1
- package/dist/baloise-design-system/{p-88c086f8.system.js → p-14ae0709.system.js} +1 -1
- package/dist/baloise-design-system/{p-3bbf43bb.system.js → p-1509eaa7.system.js} +1 -1
- package/dist/baloise-design-system/{p-946e9e784d.system.entry.js → p-1659bb968c.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-187f98a1.system.js +1 -0
- package/dist/baloise-design-system/{p-a620678fd4.system.entry.js → p-18e2e391e0.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-1de6b20b1c.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-1c2dee82c4.system.entry.js → p-222bc9b30e.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0af6ae59f5.entry.js → p-22b041a511.entry.js} +1 -1
- package/dist/baloise-design-system/{p-45fe099fab.entry.js → p-25da216e4f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3f8e5df9c5.system.entry.js → p-25e0d82e89.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-2d82b78410.entry.js +1 -0
- package/dist/baloise-design-system/{p-a0db085f89.entry.js → p-2d8bd11634.entry.js} +1 -1
- package/dist/baloise-design-system/p-2db9030ad9.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-7d6318e4f1.system.entry.js → p-3128128969.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9a5cb17cb9.entry.js → p-39bc49bc3d.entry.js} +1 -1
- package/dist/baloise-design-system/p-3bad0907.system.js +1 -0
- package/dist/baloise-design-system/{p-0545b101.js → p-3f1c49d0.js} +1 -1
- package/dist/baloise-design-system/{p-2e717f00bb.entry.js → p-4aba4c66ee.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9e4fcb76.js → p-54f81c32.js} +1 -1
- package/dist/baloise-design-system/{p-7c5868cc.system.js → p-55faac1d.system.js} +1 -1
- package/dist/baloise-design-system/{p-34ee3721dd.entry.js → p-5b571a9fb1.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a8f6447224.entry.js → p-60e94f8144.entry.js} +1 -1
- package/dist/baloise-design-system/{p-06e959a11a.entry.js → p-6164f99bb8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6608061443.system.entry.js → p-62ab1f0ae2.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-053d572047.system.entry.js → p-62b792a34b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-118e15f5f2.system.entry.js → p-74f4b9818b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-439518e5ed.entry.js → p-77f5e777e6.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6ddfa58338.entry.js → p-7c42a363f3.entry.js} +1 -1
- package/dist/baloise-design-system/p-7cd815d3e8.entry.js +1 -0
- package/dist/baloise-design-system/p-80b45dd4d6.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-af5b58ab1c.system.entry.js → p-8870e1f3e0.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3cb83cf9.system.js → p-8a87b9a8.system.js} +1 -1
- package/dist/baloise-design-system/{p-99e5872214.system.entry.js → p-8c209ac52b.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-8f77c423ad.entry.js +1 -0
- package/dist/baloise-design-system/{p-de726703ce.entry.js → p-8fe94b9e21.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1b76afbf.js → p-94efe2aa.js} +1 -1
- package/dist/baloise-design-system/{p-0ce86357bd.entry.js → p-9658f4a66f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4112f1cc6e.entry.js → p-9a0640d065.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c3bd665a8b.entry.js → p-9e167705ca.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e619be36b2.system.entry.js → p-9ecce014c2.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-a19d1e1d.js +1 -0
- package/dist/baloise-design-system/{p-115c7e47bd.entry.js → p-a8022ee701.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9038dd3550.entry.js → p-a97cbb7dda.entry.js} +1 -1
- package/dist/baloise-design-system/p-acb5cea0.system.js +1 -0
- package/dist/baloise-design-system/p-ae28b86fe5.entry.js +1 -0
- package/dist/baloise-design-system/p-b779742f50.entry.js +1 -0
- package/dist/baloise-design-system/{p-bda509c8.js → p-b8d99064.js} +1 -1
- package/dist/baloise-design-system/p-b8f085f7b5.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-7ca7b4dad9.system.entry.js → p-b97d9336a7.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2b27e981ed.entry.js → p-b9f197815f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-afe91abbd5.system.entry.js → p-bb3914c87a.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-bb6304d0.system.js +1 -0
- package/dist/baloise-design-system/p-bcbb5b59f3.system.entry.js +1 -0
- package/dist/baloise-design-system/p-bcca1ed3.system.js +1 -0
- package/dist/baloise-design-system/{p-b89bb101d7.entry.js → p-bcebf41b74.entry.js} +1 -1
- package/dist/baloise-design-system/p-bd5de78b2c.entry.js +1 -0
- package/dist/baloise-design-system/p-c304d5fa9c.entry.js +1 -0
- package/dist/baloise-design-system/{p-4e7e0fe4.system.js → p-cc61fac8.system.js} +1 -1
- package/dist/baloise-design-system/{p-f9c9ec626c.system.entry.js → p-cd8e72d87f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e4f6e3047f.system.entry.js → p-d16557d133.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-d7a758b3.js +1 -0
- package/dist/baloise-design-system/{p-29f7274983.system.entry.js → p-d919753ed0.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-d9b38501.js +1 -0
- package/dist/baloise-design-system/p-d9d229a026.entry.js +1 -0
- package/dist/baloise-design-system/{p-13227d037a.system.entry.js → p-dbc2d22240.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a9e5eba8c9.system.entry.js → p-dce3764ee5.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1eeee9a37e.entry.js → p-ddf9b2a289.entry.js} +1 -1
- package/dist/baloise-design-system/{p-03ec11adc1.system.entry.js → p-e4de708de1.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-e60c936359.system.entry.js +1 -0
- package/dist/baloise-design-system/p-e78a6409.js +1 -0
- package/dist/baloise-design-system/{p-f55c50abfa.system.entry.js → p-f076d1ed4f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-283d037ce7.system.entry.js → p-f0b43f1452.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d78eeb433a.entry.js → p-f12abda2db.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f3ea10dd64.system.entry.js → p-f1b95d78af.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ef373ed3db.entry.js → p-f56fb1a197.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b213175c21.entry.js → p-f8974d743d.entry.js} +1 -1
- package/dist/baloise-design-system/p-f8a98657a1.entry.js +1 -0
- package/dist/cjs/app-globals-ae3a8623.js +11 -0
- package/dist/cjs/aria-c8955a5c.js +5 -0
- package/dist/cjs/bal-carousel_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-checkbox-button.cjs.entry.js +1 -1
- package/dist/cjs/bal-checkbox_2.cjs.entry.js +3 -2
- package/dist/cjs/bal-close.cjs.entry.js +2 -2
- package/dist/cjs/bal-date-calendar_2.cjs.entry.js +2 -2
- package/dist/cjs/bal-date.cjs.entry.js +1 -1
- package/dist/cjs/bal-datepicker.cjs.entry.js +4 -4
- package/dist/cjs/bal-dropdown.cjs.entry.js +660 -0
- package/dist/cjs/bal-field_5.cjs.entry.js +12 -2
- package/dist/cjs/bal-footer.cjs.entry.js +1 -1
- package/dist/cjs/bal-hint_3.cjs.entry.js +3 -3
- package/dist/cjs/bal-icon.cjs.entry.js +1 -1
- package/dist/cjs/bal-input-stepper.cjs.entry.js +1 -1
- package/dist/cjs/bal-label.cjs.entry.js +1 -1
- 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 +4 -4
- package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-number-input.cjs.entry.js +1 -1
- package/dist/cjs/bal-option_2.cjs.entry.js +541 -0
- package/dist/cjs/bal-pagination.cjs.entry.js +4 -4
- package/dist/cjs/bal-popover_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-progress-bar.cjs.entry.js +3 -3
- package/dist/cjs/bal-radio_2.cjs.entry.js +1 -1
- package/dist/cjs/bal-select_2.cjs.entry.js +2 -2
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-spinner.cjs.entry.js +49 -4
- package/dist/cjs/bal-steps.cjs.entry.js +3 -3
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-tag_2.cjs.entry.js +1 -1
- package/dist/cjs/bal-time-input.cjs.entry.js +1 -1
- package/dist/cjs/baloise-design-system.cjs.js +4 -5
- package/dist/cjs/{breakpoints.decorator-5a45d298.js → breakpoints.decorator-47fd6060.js} +1 -1
- package/dist/cjs/{breakpoints.subject-ee6b98cd.js → breakpoints.subject-66093c8f.js} +1 -1
- package/dist/cjs/{config.default-32725178.js → config.default-5bdd6e3d.js} +1 -0
- package/dist/cjs/index.cjs.js +6 -4
- package/dist/cjs/{initialize-e38e7028.js → initialize-2a19d091.js} +9 -2
- package/dist/cjs/loader.cjs.js +4 -5
- package/dist/cjs/option-c33cf2b8.js +49 -0
- package/dist/cjs/{tokens.esm-b37c935b.js → tokens.esm-bb0ef2db.js} +1 -1
- package/dist/collection/collection-manifest.json +15 -2
- package/dist/collection/components/bal-checkbox/bal-checkbox-button/bal-checkbox-button.css +1 -1
- package/dist/collection/components/bal-checkbox/bal-checkbox.js +2 -1
- package/dist/collection/components/bal-checkbox/radio-checkbox.css +1 -1
- package/dist/collection/components/bal-close/bal-close.js +1 -1
- package/dist/collection/components/bal-date/bal-date-calendar/components/bal-date-calendar__list.js +1 -1
- package/dist/collection/components/bal-dropdown/bal-dropdown.css +1 -0
- package/dist/collection/components/bal-dropdown/bal-dropdown.interfaces.js +4 -0
- package/dist/collection/components/bal-dropdown/bal-dropdown.js +882 -0
- package/dist/collection/components/bal-field/bal-field.js +12 -2
- package/dist/collection/components/bal-option/bal-option.css +1 -0
- package/dist/collection/components/bal-option/bal-option.interfaces.js +4 -0
- package/dist/collection/components/bal-option/bal-option.js +360 -0
- package/dist/collection/components/bal-option-list/bal-option-list.css +1 -0
- package/dist/collection/components/bal-option-list/bal-option-list.interfaces.js +4 -0
- package/dist/collection/components/bal-option-list/bal-option-list.js +939 -0
- package/dist/collection/components/bal-select/bal-select.js +3 -3
- package/dist/collection/components/bal-spinner/bal-spinner.css +1 -1
- package/dist/collection/components/bal-spinner/bal-spinner.interfaces.js +4 -0
- package/dist/collection/components/bal-spinner/bal-spinner.js +83 -4
- package/dist/collection/components/bal-tag/bal-tag.css +1 -1
- package/dist/collection/index.js +1 -0
- package/dist/collection/utils/aria.js +1 -0
- package/dist/collection/utils/config/config.default.js +1 -0
- package/dist/collection/utils/config/config.js +7 -0
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/collection/utils/dropdown/auto-fill.js +38 -0
- package/dist/collection/utils/dropdown/component.js +1 -0
- package/dist/collection/utils/dropdown/dropdown.i18n.js +52 -0
- package/dist/collection/utils/dropdown/events.js +43 -0
- package/dist/collection/utils/dropdown/filters.js +10 -0
- package/dist/collection/utils/dropdown/focus.js +19 -0
- package/dist/collection/utils/dropdown/form-submit.js +35 -0
- package/dist/collection/utils/dropdown/icon.js +15 -0
- package/dist/collection/utils/dropdown/index.js +13 -0
- package/dist/collection/utils/dropdown/input.js +12 -0
- package/dist/collection/utils/dropdown/option-list.js +8 -0
- package/dist/collection/utils/dropdown/option.js +44 -0
- package/dist/collection/utils/dropdown/popup.js +45 -0
- package/dist/collection/utils/dropdown/value.js +103 -0
- package/dist/esm/app-globals-b0dd0fc4.js +9 -0
- package/dist/esm/aria-d5877698.js +3 -0
- package/dist/esm/bal-carousel_2.entry.js +4 -4
- package/dist/esm/bal-checkbox-button.entry.js +1 -1
- package/dist/esm/bal-checkbox_2.entry.js +4 -3
- package/dist/esm/bal-close.entry.js +2 -2
- package/dist/esm/bal-date-calendar_2.entry.js +4 -4
- package/dist/esm/bal-date.entry.js +3 -3
- package/dist/esm/bal-datepicker.entry.js +5 -5
- package/dist/esm/bal-dropdown.entry.js +656 -0
- package/dist/esm/bal-field_5.entry.js +12 -2
- package/dist/esm/bal-file-upload.entry.js +1 -1
- package/dist/esm/bal-footer.entry.js +2 -2
- package/dist/esm/bal-hint_3.entry.js +3 -3
- package/dist/esm/bal-icon.entry.js +1 -1
- package/dist/esm/bal-input-stepper.entry.js +2 -2
- package/dist/esm/bal-label.entry.js +1 -1
- package/dist/esm/bal-list_8.entry.js +3 -3
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-nav_8.entry.js +4 -4
- package/dist/esm/bal-navbar_5.entry.js +3 -3
- package/dist/esm/bal-number-input.entry.js +2 -2
- package/dist/esm/bal-option_2.entry.js +536 -0
- package/dist/esm/bal-pagination.entry.js +4 -4
- package/dist/esm/bal-popover_2.entry.js +3 -3
- package/dist/esm/bal-popup.entry.js +1 -1
- package/dist/esm/bal-progress-bar.entry.js +3 -3
- package/dist/esm/bal-radio_2.entry.js +2 -2
- package/dist/esm/bal-select_2.entry.js +3 -3
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-spinner.entry.js +50 -5
- package/dist/esm/bal-steps.entry.js +4 -4
- package/dist/esm/bal-tab-item_2.entry.js +4 -4
- package/dist/esm/bal-tag_2.entry.js +1 -1
- package/dist/esm/bal-time-input.entry.js +1 -1
- package/dist/esm/baloise-design-system.js +4 -5
- package/dist/esm/{breakpoints.decorator-1a7b0912.js → breakpoints.decorator-021fbaf0.js} +1 -1
- package/dist/esm/{breakpoints.subject-c5f9de1c.js → breakpoints.subject-ef464f89.js} +1 -1
- package/dist/esm/{config.default-79f94bf7.js → config.default-7efdc82d.js} +1 -0
- package/dist/esm/{date-f02fdb08.js → date-38a0b208.js} +1 -1
- package/dist/esm/{index.esm-ec4cba26.js → index.esm-83b1f9c4.js} +1 -1
- package/dist/esm/index.js +8 -7
- package/dist/esm/{initialize-66615dde.js → initialize-e216cfe4.js} +9 -2
- package/dist/esm/loader.js +4 -5
- package/dist/esm/option-37cb0282.js +46 -0
- package/dist/esm/{tokens.esm-99101350.js → tokens.esm-aab9bd61.js} +1 -1
- package/dist/esm-es5/app-globals-b0dd0fc4.js +1 -0
- package/dist/esm-es5/aria-d5877698.js +1 -0
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-checkbox-button.entry.js +1 -1
- package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
- package/dist/esm-es5/bal-close.entry.js +1 -1
- package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
- package/dist/esm-es5/bal-date.entry.js +1 -1
- package/dist/esm-es5/bal-datepicker.entry.js +1 -1
- package/dist/esm-es5/bal-dropdown.entry.js +1 -0
- package/dist/esm-es5/bal-field_5.entry.js +1 -1
- package/dist/esm-es5/bal-file-upload.entry.js +1 -1
- package/dist/esm-es5/bal-footer.entry.js +1 -1
- package/dist/esm-es5/bal-hint_3.entry.js +1 -1
- package/dist/esm-es5/bal-icon.entry.js +1 -1
- package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
- package/dist/esm-es5/bal-label.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-number-input.entry.js +1 -1
- package/dist/esm-es5/bal-option_2.entry.js +1 -0
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-popover_2.entry.js +1 -1
- package/dist/esm-es5/bal-popup.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-radio_2.entry.js +1 -1
- package/dist/esm-es5/bal-select_2.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-spinner.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/bal-tag_2.entry.js +1 -1
- package/dist/esm-es5/bal-time-input.entry.js +1 -1
- package/dist/esm-es5/baloise-design-system.js +1 -1
- package/dist/esm-es5/{breakpoints.decorator-1a7b0912.js → breakpoints.decorator-021fbaf0.js} +1 -1
- package/dist/esm-es5/{breakpoints.subject-c5f9de1c.js → breakpoints.subject-ef464f89.js} +1 -1
- package/dist/esm-es5/{config.default-79f94bf7.js → config.default-7efdc82d.js} +1 -1
- package/dist/esm-es5/{date-f02fdb08.js → date-38a0b208.js} +1 -1
- package/dist/esm-es5/{index.esm-ec4cba26.js → index.esm-83b1f9c4.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/{initialize-66615dde.js → initialize-e216cfe4.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/option-37cb0282.js +1 -0
- package/dist/html.html-data.json +357 -0
- package/dist/types/components/bal-dropdown/bal-dropdown.d.ts +187 -0
- package/dist/types/components/bal-dropdown/bal-dropdown.interfaces.d.ts +14 -0
- package/dist/types/components/bal-field/bal-field.d.ts +1 -0
- package/dist/types/components/bal-option/bal-option.d.ts +91 -0
- package/dist/types/components/bal-option/bal-option.interfaces.d.ts +19 -0
- package/dist/types/components/bal-option-list/bal-option-list.d.ts +168 -0
- package/dist/types/components/bal-option-list/bal-option-list.interfaces.d.ts +5 -0
- package/dist/types/components/bal-select/bal-select.d.ts +1 -1
- package/dist/types/components/bal-spinner/bal-spinner.d.ts +14 -2
- package/dist/types/components/bal-spinner/bal-spinner.interfaces.d.ts +6 -0
- package/dist/types/components.d.ts +443 -32
- package/dist/types/index.d.ts +1 -0
- package/dist/types/interfaces.d.ts +4 -0
- package/dist/types/utils/aria.d.ts +1 -0
- package/dist/types/utils/config/config.d.ts +2 -0
- package/dist/types/utils/config/config.types.d.ts +2 -0
- package/dist/types/utils/dropdown/auto-fill.d.ts +8 -0
- package/dist/types/utils/dropdown/component.d.ts +34 -0
- package/dist/types/utils/dropdown/dropdown.i18n.d.ts +8 -0
- package/dist/types/utils/dropdown/events.d.ts +13 -0
- package/dist/types/utils/dropdown/filters.d.ts +2 -0
- package/dist/types/utils/dropdown/focus.d.ts +13 -0
- package/dist/types/utils/dropdown/form-submit.d.ts +22 -0
- package/dist/types/utils/dropdown/icon.d.ts +13 -0
- package/dist/types/utils/dropdown/index.d.ts +13 -0
- package/dist/types/utils/dropdown/input.d.ts +27 -0
- package/dist/types/utils/dropdown/option-list.d.ts +17 -0
- package/dist/types/utils/dropdown/option.d.ts +25 -0
- package/dist/types/utils/dropdown/popup.d.ts +9 -0
- package/dist/types/utils/dropdown/value.d.ts +28 -0
- package/package.json +7 -7
- package/components/bal-app2.js +0 -87
- package/components/bal-doc-app.js +0 -260
- package/components/initialize.js +0 -281
- package/dist/baloise-design-system/p-1e0e5892a3.system.entry.js +0 -1
- package/dist/baloise-design-system/p-2ae9656e.system.js +0 -1
- package/dist/baloise-design-system/p-2dda46c5f8.entry.js +0 -1
- package/dist/baloise-design-system/p-320dd651.js +0 -1
- package/dist/baloise-design-system/p-4e218ac923.system.entry.js +0 -1
- package/dist/baloise-design-system/p-4f4df156.js +0 -1
- package/dist/baloise-design-system/p-87067c24.js +0 -1
- package/dist/baloise-design-system/p-8ea27b553e.system.entry.js +0 -1
- package/dist/baloise-design-system/p-96647117d9.entry.js +0 -1
- package/dist/baloise-design-system/p-9d114fae.js +0 -1
- package/dist/baloise-design-system/p-9ee6326d8f.entry.js +0 -1
- package/dist/baloise-design-system/p-a4d60ac8af.system.entry.js +0 -1
- package/dist/baloise-design-system/p-a8d19cb362.system.entry.js +0 -1
- package/dist/baloise-design-system/p-b0870e2498.system.entry.js +0 -1
- package/dist/baloise-design-system/p-b1c7ddc442.system.entry.js +0 -1
- package/dist/baloise-design-system/p-b1e3fc0bc8.entry.js +0 -1
- package/dist/baloise-design-system/p-c0a3d422.system.js +0 -1
- package/dist/baloise-design-system/p-c34504aa32.entry.js +0 -1
- package/dist/baloise-design-system/p-d6fc0dd434.entry.js +0 -1
- package/dist/baloise-design-system/p-db3e6b861f.entry.js +0 -1
- package/dist/baloise-design-system/p-e960037ef1.entry.js +0 -1
- package/dist/baloise-design-system/p-f15be367.system.js +0 -1
- package/dist/baloise-design-system/p-f8c2d916.system.js +0 -1
- package/dist/baloise-design-system/p-fa8f56c6.system.js +0 -1
- package/dist/cjs/app-globals-1a8f18e4.js +0 -7
- package/dist/cjs/bal-doc-app.cjs.entry.js +0 -231
- package/dist/cjs/global-6ea60588.js +0 -9
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +0 -1
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +0 -229
- package/dist/esm/app-globals-e3e23c19.js +0 -5
- package/dist/esm/bal-doc-app.entry.js +0 -227
- package/dist/esm/global-d54e7c09.js +0 -7
- package/dist/esm-es5/app-globals-e3e23c19.js +0 -1
- package/dist/esm-es5/bal-doc-app.entry.js +0 -1
- package/dist/esm-es5/global-d54e7c09.js +0 -1
- package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +0 -21
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +0 -81
- /package/dist/baloise-design-system/{p-8f430e01.system.js → p-03c136e2.system.js} +0 -0
- /package/dist/baloise-design-system/{p-2b04a8d8.js → p-7b9c33ba.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-99101350.js → tokens.esm-aab9bd61.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,r as t,c as a,H as s,g as o}from"./p-d7c752c6.js";import{_ as r,a as l}from"./p-43c9f5e9.js";import{m as i}from"./p-88f18fbc.js";import{B as b}from"./p-ae86d0a0.js";import{L as n}from"./p-b77e3348.js";import{o as c}from"./p-1b76afbf.js";import{s as d}from"./p-ad9a7657.js";import{n as p}from"./p-06ecf846.js";import{b as v}from"./p-320dd651.js";import{L as m}from"./p-3231863d.js";import{L as _}from"./p-bda509c8.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-2b04a8d8.js";const h=({item:t,isMobile:a})=>{const s=b.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},u=({item:t})=>{const a=b.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},f=({item:t,isMobile:a,clickable:s,onSelectTab:o})=>{const r=b.block("steps").element("nav").element("item");if(!t.invisible)return e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(s)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:""===t.href?"javascript:;":t.href,target:t.target,onClick:e=>o(e,t)},e(h,{item:t,isMobile:a}),e(u,{item:t}))},g=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.stepsId="bal-steps-"+x++,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(p)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{c(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&d(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))},this.isMobile=v.isMobile,this.store=[],this.options=[],this.clickable=!0,this.debounce=0,this.value=void 0}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=i(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=b.block("steps"),a=t.element("nav");let o=!0,r=-1;const l=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(o=!1),e.invisible||(r+=1),Object.assign(Object.assign({},e),{passed:o,index:r}))));return e(s,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{role:"tablist",class:Object.assign({},a.class())},e("bal-carousel",{class:Object.assign({},a.element("carousel").class()),onBalChange:d,controls:"small","items-per-view":"auto",steps:3},l.filter((e=>!e.invisible)).map((t=>e("bal-carousel-item",{key:t.value,class:Object.assign(Object.assign({},a.element("carousel").element("item").class()),a.element("carousel").element("item").modifier("passed").class(t.passed))},e(f,{item:t,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return o(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};r([n("bal-steps"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],g.prototype,"createLogger",null),r([m({tags:["bal-steps","bal-step-item"]}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],g.prototype,"mutationListener",null),r([_(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],g.prototype,"breakpointListener",null);let x=0;g.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__carousel__item{-ms-flex:1;flex:1;min-width:3rem}.bal-steps__nav__carousel__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-carousel-item-background-after);border-radius:var(--bal-steps-step-button-carousel-item-radius);margin-top:3px;margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__carousel__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:1.5rem;margin-right:1.5rem}}.bal-steps__nav__carousel__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-carousel-item-passed-background-after)}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled)}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{g as bal_steps}
|
|
1
|
+
import{h as e,r as t,c as a,H as s,g as o}from"./p-d7c752c6.js";import{_ as r,a as l}from"./p-43c9f5e9.js";import{m as i}from"./p-88f18fbc.js";import{B as b}from"./p-ae86d0a0.js";import{L as n}from"./p-b77e3348.js";import{o as c}from"./p-94efe2aa.js";import{s as d}from"./p-ad9a7657.js";import{n as p}from"./p-06ecf846.js";import{b as v}from"./p-d7a758b3.js";import{L as m}from"./p-3231863d.js";import{L as _}from"./p-b8d99064.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-7b9c33ba.js";const h=({item:t,isMobile:a})=>{const s=b.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},u=({item:t})=>{const a=b.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},f=({item:t,isMobile:a,clickable:s,onSelectTab:o})=>{const r=b.block("steps").element("nav").element("item");if(!t.invisible)return e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(s)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:""===t.href?"javascript:;":t.href,target:t.target,onClick:e=>o(e,t)},e(h,{item:t,isMobile:a}),e(u,{item:t}))},g=class{constructor(e){t(this,e),this.balChange=a(this,"balChange",7),this.stepsId="bal-steps-"+x++,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(p)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{c(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&d(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))},this.isMobile=v.isMobile,this.store=[],this.options=[],this.clickable=!0,this.debounce=0,this.value=void 0}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=i(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=b.block("steps"),a=t.element("nav");let o=!0,r=-1;const l=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(o=!1),e.invisible||(r+=1),Object.assign(Object.assign({},e),{passed:o,index:r}))));return e(s,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{role:"tablist",class:Object.assign({},a.class())},e("bal-carousel",{class:Object.assign({},a.element("carousel").class()),onBalChange:d,controls:"small","items-per-view":"auto",steps:3},l.filter((e=>!e.invisible)).map((t=>e("bal-carousel-item",{key:t.value,class:Object.assign(Object.assign({},a.element("carousel").element("item").class()),a.element("carousel").element("item").modifier("passed").class(t.passed))},e(f,{item:t,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return o(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};r([n("bal-steps"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],g.prototype,"createLogger",null),r([m({tags:["bal-steps","bal-step-item"]}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],g.prototype,"mutationListener",null),r([_(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],g.prototype,"breakpointListener",null);let x=0;g.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__carousel__item{-ms-flex:1;flex:1;min-width:3rem}.bal-steps__nav__carousel__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-carousel-item-background-after);border-radius:var(--bal-steps-step-button-carousel-item-radius);margin-top:3px;margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__carousel__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:1.5rem;margin-right:1.5rem}}.bal-steps__nav__carousel__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-carousel-item-passed-background-after)}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled)}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{g as bal_steps}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __extends=this&&this.__extends||function(){var n=function(t,e){n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,t){n.__proto__=t}||function(n,t){for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e))n[e]=t[e]};return n(t,e)};return function(t,e){if(typeof e!=="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");n(t,e);function i(){this.constructor=t}t.prototype=e===null?Object.create(e):(i.prototype=e.prototype,new i)}}();var __awaiter=this&&this.__awaiter||function(n,t,e,i){function o(n){return n instanceof e?n:new e((function(t){t(n)}))}return new(e||(e=Promise))((function(e,r){function a(n){try{u(i.next(n))}catch(n){r(n)}}function s(n){try{u(i["throw"](n))}catch(n){r(n)}}function u(n){n.done?e(n.value):o(n.value).then(a,s)}u((i=i.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(n){return function(t){return u([n,t])}}function u(s){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(e=0)),e)try{if(i=1,o&&(r=s[0]&2?o["return"]:s[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,s[1])).done)return r;if(o=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:e.label++;return{value:s[1],done:false};case 5:e.label++;o=s[1];s=[0];continue;case 7:s=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){e.label=s[1];break}if(s[0]===6&&e.label<r[1]){e.label=r[1];r=s;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(s);break}if(r[2])e.ops.pop();e.trys.pop();continue}s=t.call(n,e)}catch(n){s=[6,n];o=0}finally{i=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-99cfab9c.system.js","./p-55faac1d.system.js","./p-6b45db53.system.js","./p-a7fc2da7.system.js","./p-14d0c5f3.system.js","./p-4c0bad70.system.js","./p-fe76780d.system.js","./p-1509eaa7.system.js","./p-3bad0907.system.js","./p-8a2bab70.system.js","./p-3ecc7d9a.system.js","./p-8954495d.system.js","./p-6e5745c8.system.js","./p-f233fe25.system.js","./p-a1f6e944.system.js","./p-ec9a7cf5.system.js","./p-ae9b85f1.system.js","./p-14ae0709.system.js","./p-145d5c4e.system.js","./p-bb6304d0.system.js","./p-eecefb0a.system.js","./p-333ef156.system.js","./p-8a87b9a8.system.js","./p-6913b916.system.js","./p-2880433e.system.js","./p-456fc561.system.js","./p-b3f2c626.system.js","./p-03c136e2.system.js","./p-23bdd8dc.system.js"],(function(n){"use strict";var t,e,i,o,r,a,s,u,f;return{setters:[function(t){n("FileUploadRejectionReason",t.F)},function(t){var e={};e.BalDate=t.B;e.i18nBalDate=t.i;n(e)},function(t){n("i18nBalClose",t.i)},function(t){n("i18nBalDatepicker",t.i)},function(t){n("i18nBalTimeInput",t.i)},function(t){n("i18nBalInputStepper",t.i)},function(t){n("i18nBalLabel",t.i)},function(t){var e={};e.BalSnackbarController=t.a;e.BalToastController=t.B;e.balSnackbarController=t.c;e.balToastController=t.b;e.initialize=t.i;e.initializeBaloiseDesignSystem=t.i;e.setupConfig=t.s;n(e)},function(t){n("newBalOption",t.n)},function(t){n("newBalStepOption",t.n)},function(t){n("newBalTabOption",t.n)},function(i){t=i.g;e=i.c;var o={};o.componentOnReady=i.c;o.deepReady=i.e;o.getAppRoot=i.g;o.isDescendant=i.i;o.shallowReady=i.s;o.wait=i.f;o.waitAfterFramePaint=i.b;o.waitAfterIdleCallback=i.d;o.waitForComponent=i.w;o.waitForDesignSystem=i.a;n(o)},function(t){n("scrollToFirstInvalidField",t.s)},function(t){n("BalScrollHandler",t.B)},function(t){i=t.b;n("balBrowser",t.b)},function(t){o=t.b;var e={};e.BalDevice=t.B;e.balDevice=t.b;n(e)},function(n){r=n.g;a=n.a},function(t){s=t.B;u=t.b;var e={};e.BalBreakpointSubject=t.c;e.BalBreakpointsUtil=t.d;e.balBreakpointSubject=t.a;e.balBreakpoints=t.b;n(e)},function(t){var e={};e.attachToConfig=t.a;e.detachFromConfig=t.d;e.onBalConfigChange=t.o;e.updateBalAllowedLanguages=t.u;e.updateBalAnimated=t.b;e.updateBalIcons=t.c;e.updateBalLanguage=t.e;e.updateBalRegion=t.f;e.useBalConfig=t.g;n(e)},function(t){n("defaultConfig",t.d)},function(n){f=n.S},function(t){n("BalSwipeSubject",t.B)},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var c=n("i18nBalFieldLabel",{de:{optional:" (optional)"},en:{optional:" (optional)"},fr:{optional:" (optionnel)"},it:{optional:" (opzionale)"},nl:{optional:" (optioneel)"},es:{optional:" (opcional)"},pl:{optional:" (opcjonalnie)"},pt:{optional:" (opcional)"},sv:{optional:" (frivillig)"},fi:{optional:" (valinnainen)"}});var l=n("newBalCheckboxOption",(function(n){return Object.assign(Object.assign({interface:"checkbox",labelHidden:false,flat:false,disabled:false,readonly:false,required:false,nonSubmit:false,invalid:false,checked:false},n),{label:"",html:n.label})}));var p=n("newBalRadioOption",(function(n){return Object.assign(Object.assign({interface:"radio",labelHidden:false,flat:false,disabled:false,readonly:false,required:false,nonSubmit:false,invisible:false,invalid:false},n),{label:"",html:n.label})}));var d=n("newBalOptionValue",(function(n,t,e,i){if(e===void 0){e=false}return{value:n,label:t,disabled:e,data:i}}));var m=n("newBalSingleOptionValue",(function(n,t,e){if(t===void 0){t=false}return d(n,n,t,e)}));var b=function(n){__extends(t,n);function t(){var t=n.call(this,(function(n){return n.orientationListener(t.state)}))||this;t.listener=new s;t.state=o.orientation.toObject();t.listener.connect();t.listener.add((function(){var n=o.orientation.toObject();if(!t.isEqual(n)){t.state=n;t.notify(undefined)}}));return t}t.prototype.attach=function(t){n.prototype.attach.call(this,t);t.orientationListener(this.state)};t.prototype.isEqual=function(n){return n.landscape===this.state.landscape&&n.portrait===this.state.portrait};return t}(f);n("BalOrientationSubject",b);var v=n("balOrientationSubject",new b);var y=function(){function n(){this.tag="bal-modal"}n.prototype.create=function(n){var o=this;if(typeof customElements!=="undefined"&&i.hasDocument){return customElements.whenDefined(this.tag).then((function(){var i=document.createElement(o.tag);Object.assign(i,n);t(document).appendChild(i);return new Promise((function(n){return e(i,n)}))}))}return Promise.resolve()};n.prototype.dismissAll=function(n,t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(o){switch(o.label){case 0:if(!i.hasDocument)return[3,2];e=r(document,this.tag);return[4,Promise.all(e.map((function(e){return e.dismiss(n,t)})))];case 1:o.sent();o.label=2;case 2:return[2]}}))}))};n.prototype.dismiss=function(n,t,e){if(i.hasDocument){var o=a(document,this.tag,e);if(!o){return Promise.reject("overlay does not exist")}return o.dismiss(n,t)}return Promise.resolve(false)};n.prototype.getTop=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){if(i.hasDocument){return[2,a(document,this.tag)]}return[2]}))}))};return n}();n("BalModalController",y);var h=n("balModalController",new y);var j=n("hasTouchSupport",(function(){return o.hasTouchScreen}));var w=n("isBrowser",(function(n){if(n==="Safari"){return i.isSafari}return false}));var B=n("getPlatforms",(function(n){return u.detect()}));var _=n("isPlatform",(function(n,t){if(typeof n==="string"){t=n}if(t){return u.detect().includes(t)}return false}));var O=n("NewBalOptionValue",d);var S=n("NewBalSingleOptionValue",m)}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as i,H as e,g as a}from"./p-d7c752c6.js";import{_ as n,a as s}from"./p-43c9f5e9.js";import{B as r}from"./p-ae86d0a0.js";import{L as l}from"./p-b77e3348.js";import{a as h}from"./p-d9b38501.js";import{s as d}from"./p-ad9a7657.js";import{B as c,L as b}from"./p-1920d4af.js";import{l as p}from"./p-9a3d9e17.js";import{i as u}from"./p-dd5e13d1.js";import{b as g,l as v}from"./p-88f18fbc.js";import{s as m,i as f}from"./p-c0c91eb1.js";import{d as y}from"./p-f385e205.js";import"./p-a65354df.js";import"./p-acf222fd.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const k=class{constructor(i){t(this,i),this.balOptionChange=o(this,"balOptionChange",7),this.balOptionFocus=o(this,"balOptionFocus",7),this.inputId="bal-option-"+x++,this.onClick=t=>{const o=this.el.closest("bal-option-list");this.disabled||o&&o.disabled?d(t):o&&o.required&&!o.multiple?this.selected||this.select(!0):this.select(!this.selected)},this.checkbox=!1,this.interactionState=c.DefaultState,this.label="",this.value="",this.disabled=!1,this.multiline=!1,this.invalid=!1,this.selected=!1,this.focused=!1,this.hidden=!1}createLogger(t){this.log=t}componentWillRender(){if(this.el){const t=this.el.closest("bal-option-list");t&&(this.checkbox=!!t.multiple)}}listenToMouseEnter(){const{label:t,value:o,selected:i,disabled:e,hidden:a}=this;a||e||this.balOptionFocus.emit({label:t,value:o,selected:i})}elementStateListener(t){this.interactionChildElements.forEach((o=>{o.hovered=t.hovered,o.pressed=t.pressed}))}async select(t=!0){this.selected=t;const{label:o,value:i}=this;this.balOptionChange.emit({label:o,value:i,selected:t})}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-checkbox"))}render(){const t=r.block("option");return i(e,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("checkbox").class(this.checkbox)),t.modifier("focused").class(this.focused)),t.modifier("invalid").class(this.invalid)),t.modifier("selected").class(this.selected)),t.modifier("disabled").class(this.disabled)),t.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":h(this.hidden),"aria-selected":h(this.selected),"aria-checked":h(this.selected),"aria-disabled":h(this.disabled),"aria-invalid":h(this.invalid),tabIndex:-1,onClick:this.onClick},i("bal-stack",{py:"small",space:"x-small"},this.checkbox?i("bal-checkbox",{flat:!0,nonSubmit:!0,"label-hidden":!0,checked:this.selected,disabled:this.disabled,invalid:this.invalid,tabindex:-1}):"",i("div",{class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},i("slot",null)),this.selected&&!this.checkbox?i("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))}get el(){return a(this)}};n([l("bal-option"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],k.prototype,"createLogger",null),n([b(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],k.prototype,"elementStateListener",null);let x=0;k.style=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-2);--bal-option-background-selected:var(--bal-color-primary-1);--bal-option-background-selected-hovered:#dddfeb;--bal-option-background-invalid:var(--bal-color-danger-1);--bal-option-background-invalid-hovered:#fbe0de;--bal-option-border-width:var(--bal-border-width-normal);--bal-option-border-color:var(--bal-color-grey-2);--bal-option-font-family:var(--bal-font-family-text);--bal-option-font-weight:var(--bal-font-weight-regular);--bal-option-line-height:1.125rem;--bal-option-text-hovered:var(--bal-color-text-primary-hovered);--bal-option-text-pressed:var(--bal-color-text-primary-pressed);--bal-option-text-disabled:var(--bal-color-text-grey-light)}.bal-option{font-size:16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block;list-style:none;cursor:pointer;border-bottom-width:var(--bal-option-border-width);border-bottom-color:var(--bal-option-border-color);border-bottom-style:solid;background:var(--bal-option-background);padding-left:var(--bal-option-padding-x);padding-right:var(--bal-option-padding-x);min-height:var(--bal-option-min-height)}.bal-option>bal-stack{min-height:var(--bal-option-min-height)}.bal-option:last-child{border-bottom:none}.bal-option::-moz-focus-inner{border:none}.bal-option--hidden{display:none;visibility:hidden}.bal-option__inner{font-family:var(--bal-option-font-family);font-weight:var(--bal-option-font-weight);line-height:var(--bal-option-line-height);word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1;flex:1}.bal-option__inner--multiline{white-space:normal}.bal-option--focused{background:var(--bal-option-background-hovered)}@media (hover: hover)and (pointer: fine){.bal-option:hover{background:var(--bal-option-background-hovered);color:var(--bal-option-text-hovered)}}.bal-option:active{background:var(--bal-option-background-hovered);color:var(--bal-option-text-pressed)}.bal-option--selected{background:var(--bal-option-background-selected)}@media (hover: hover)and (pointer: fine){.bal-option--selected:hover{background:var(--bal-option-background-selected-hovered)}}.bal-option--selected:active{background:var(--bal-option-background-selected-hovered)}.bal-option--selected .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--selected.bal-option--focused{background:var(--bal-option-background-selected-hovered)}.bal-option--selected.bal-option--focused .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--invalid{background:var(--bal-option-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover{background:var(--bal-option-background-invalid-hovered)}}.bal-option--invalid:active{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid.bal-option--focused{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid .bal-option__inner{color:var(--bal-color-text-danger-hovered)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover .bal-option__inner{color:var(--bal-color-text-danger-hovered)}}.bal-option--invalid:active .bal-option__inner{color:var(--bal-color-text-danger-pressed)}.bal-option--disabled,.bal-option--disabled.bal-option--focused{background:var(--bal-option-background) !important;color:var(--bal-option-text-disabled) !important;cursor:default !important}.bal-option--disabled:hover,.bal-option--disabled.bal-option--focused:hover{background:var(--bal-option-background) !important}.bal-option{--bal-radio-checkbox-symbol-size:1.125rem;--bal-radio-checkbox-symbol-width:calc(0.375rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.656rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.375rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.188rem;--bal-radio-checkbox-label-min-height:1.125rem}";const w=class{constructor(o){t(this,o),this.inputId="bal-option-list-"+j++,this.inheritAttributes={},this.ariaForm=y,this.multiple=!1,this.disabled=!1,this.required=!1,this.focusIndex=-1,this.labelledby=void 0,this.filter="includes",this.contentHeight=262}createLogger(t){this.log=t}contentHeightChanged(t){void 0===t?this.el.style.removeProperty("--bal-option-list-max-height"):this.el.style.setProperty("--bal-option-list-max-height",`${t}px`)}componentDidLoad(){this.contentHeightChanged(this.contentHeight)}componentWillRender(){this.inheritAttributes=u(this.el,["aria-multiselectable","aria-labelledby"])}listenToMouseEnter(t){const o=this.options,i=this.getOptionIndex(o,t.detail.value);void 0!==i&&this.updateFocus(o,i)}listenToOptionChange({detail:t}){this.multiple||this.options.filter((o=>o.value!==t.value)).forEach((t=>t.selected=!1))}async focusFirst(){const t=this.options,o=this.getFirstOptionIndex(t);return this.updateFocus(t,o),this.updateScrollTopPosition(t[o]),await g(),o}async focusLast(){const t=this.options,o=this.getLastOptionIndex(t);return this.updateFocus(t,o),this.updateScrollBottomPosition(t[o]),await g(),o}async focusNext(){const t=this.options,o=this.getNextOptionIndex(t);return this.updateFocus(t,o),this.updateScrollBottomPosition(t[o]),await g(),o}async focusPrevious(){const t=this.options,o=this.getPreviousOptionIndex(t);return this.updateFocus(t,o),this.updateScrollTopPosition(t[o]),await g(),o}async focusByLabel(t,o){const i=this.options,e=this.getOptionIndexByLabel(i,t);this.updateFocus(i,e);const a=i[e];return this.updateScrollTopPosition(a),await g(),o.select&&await a.select(),e}async filterByContent(t){return this.filterOptions(this.allOptions,t),await g(),this.focusFirst()}async resetHidden(t=!1){this.options.forEach((o=>o.hidden=t)),await g(),this.resetFocus()}async resetSelected(t=!1){this.options.forEach((o=>o.selected=t)),await g()}async updateSelected(t){this.options.forEach((o=>o.selected=t.includes(o.value))),await g()}async resetFocus(){return this.updateFocus(this.options,-1),this.scrollTo(0),await g(),-1}async getSelectedValues(){return this.options.filter((t=>t.selected)).map((t=>t.value))}async getSelectedOptions(t){const o=this.options;return t&&t.length>0?o.filter((o=>t.includes(o.value))).map((t=>t)):o.filter((t=>t.selected)).map((t=>t))}async getValues(){return this.options.map((t=>t.value))}async getLabels(){return this.options.map((t=>t.label))}async getOptions(){return this.options.filter((t=>!t.disabled||!t.hidden))}async selectByFocus(){const t=this.options[this.focusIndex];t&&t.select(!this.multiple||!t.selected)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}get options(){return Array.from(this.el.querySelectorAll("bal-option")).filter((t=>!t.hidden))}get allOptions(){return Array.from(this.el.querySelectorAll("bal-option"))}filterOptions(t,o){const i=[],e="includes"===this.filter?f:m;for(let a=0;a<t.length;a++){const n=t[a];e(n.textContent||"",o)?(i.push(n),n.hidden=!1):n.hidden=!0}return i}isOptionVisible(t){const o=this.el.scrollTop;return o<=t.offsetTop&&t.offsetTop+t.clientHeight<=o+this.el.clientHeight}updateScrollTopPosition(t){t&&(this.isOptionVisible(t)||this.scrollTo(this.getScrollTopForTopPosition(t)))}updateScrollBottomPosition(t){t&&(this.isOptionVisible(t)||this.scrollTo(this.getScrollTopForBottomPosition(t)))}getScrollTopForTopPosition(t){const o=t.offsetTop;return o<0?0:o}getScrollTopForBottomPosition(t){const o=t.offsetTop+t.clientHeight-this.el.clientHeight;return o<0?0:o}async scrollTo(t){null!=t&&(void 0!==this.focusRaf&&cancelAnimationFrame(this.focusRaf),this.focusRaf=v((async()=>{this.el.scrollTop=t})))}updateFocus(t,o){this.focusIndex=o;for(let i=0;i<t.length;i++)t[i].focused=i===o}getOptionIndex(t,o){for(let i=0;i<t.length;i++)if(t[i].value===o)return i}getFirstOptionIndex(t){for(let o=0;o<t.length;o++)if(!t[o].disabled)return o;return this.focusIndex}getNextOptionIndex(t,o=this.focusIndex){if(o<0)return this.getFirstOptionIndex(t);let i=o;return o<this.getLength(t)&&(i=o+1,t[i].disabled)?this.getNextOptionIndex(t,i):i}getPreviousOptionIndex(t,o=this.focusIndex){const i=this.getFirstOptionIndex(t);if(o<=i)return i;let e=o;return e=o-1,t[e].disabled?this.getPreviousOptionIndex(t,e):e}getLastOptionIndex(t){for(let o=t.length-1;o>=0;o--)if(!t[o].disabled)return o;return this.focusIndex}getOptionIndexByLabel(t,o){if(void 0===o||""===o)return this.focusIndex;const i=t.find((t=>m(t.label||"",o)));return!p(i)&&i.id?t.indexOf(i):this.focusIndex}getLength(t){const o=t.map(((t,o)=>t.disabled?0:o));return Math.max(...o)}render(){const t=r.block("option-list"),o=this.labelledby||this.ariaForm.labelId;return i(e,{class:Object.assign({},t.class()),id:this.inputId,tabIndex:-1},i("div",Object.assign({role:"listbox","aria-labelledby":o,"aria-disabled":this.disabled,class:Object.assign({},t.element("container").class())},this.inheritAttributes),i("slot",null)))}get el(){return a(this)}static get watchers(){return{contentHeight:["contentHeightChanged"]}}};n([l("bal-option-list"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],w.prototype,"createLogger",null);let j=0;w.style=".bal-option-list{display:block;position:relative;width:100%;list-style:none;margin:0;outline:0;max-height:var(--bal-option-list-max-height);border-radius:var(--bal-radius-normal);overflow:hidden auto}";export{k as bal_option,w as bal_option_list}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as o,h as e,H as b,g as c}from"./p-d7c752c6.js";import{_ as l,a as r}from"./p-43c9f5e9.js";import{i,p as d}from"./p-88f18fbc.js";import{B as h}from"./p-ae86d0a0.js";import{F as t}from"./p-ca119357.js";import{L as k}from"./p-b77e3348.js";import{i as x}from"./p-dd5e13d1.js";import{s}from"./p-ad9a7657.js";import{e as n}from"./p-94efe2aa.js";import{d as _}from"./p-f385e205.js";import{L as v}from"./p-49fe011f.js";import{L as u}from"./p-3231863d.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-acf222fd.js";const g=class{constructor(e){a(this,e),this.balFocus=o(this,"balFocus",7),this.balBlur=o(this,"balBlur",7),this.balChange=o(this,"balChange",7),this.inputId="bal-rb-"+f++,this.inheritedAttributes={},this.keyboardMode=!0,this.onKeypress=a=>{if(n(a)){const o=a.target;if(o.href)return;"INPUT"!==o.nodeName||this.disabled||this.readonly?s(a):(this.toggleChecked(),a.preventDefault())}},this.onClick=a=>{var o;const e=a.target;e.href||("INPUT"===e.nodeName||this.disabled||this.readonly?s(a):(this.toggleChecked(),null===(o=this.nativeInput)||void 0===o||o.focus(),a.preventDefault()))},this.onFocus=a=>{if(this.disabled||this.readonly)return this.focused=!1,s(a);this.balFocus.emit(a),this.keyboardMode&&(this.focused=!0)},this.onBlur=a=>{if(this.disabled||this.readonly)return s(a);this.balBlur.emit(a),this.focused=!1},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=a=>this.keyboardMode=t.includes(a.key),this.checked=!1,this.focused=!1,this.buttonTabindex=void 0,this.ariaForm=_,this.name=this.inputId,this.value=void 0,this.label="",this.invisible=!1,this.labelHidden=!1,this.flat=!1,this.interface="radio",this.disabled=!1,this.readonly=!1,this.required=!1,this.nonSubmit=!1,this.invalid=!1,this.hovered=!1,this.pressed=!1}createLogger(a){this.log=a}connectedCallback(){void 0===this.value&&(this.value=this.inputId);const a=this.radioGroup;(this.radioButton||a)&&this.updateState(),a&&a.addEventListener("balInput",this.updateState),this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.inheritedAttributes=x(this.el,["aria-label","tabindex","title"])}disconnectedCallback(){const a=this.radioGroup;a&&a.removeEventListener("balInput",this.updateState),this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}listenOnClick(a){(this.disabled||this.readonly)&&a.target&&(a.target===this.el||i(this.el,a.target))&&s(a)}async setFocus(a){a.stopPropagation(),a.preventDefault(),this.nativeInput.focus(),this.focused=!0}async setButtonTabindex(a){this.buttonTabindex=this.radioButton?-1:a}async getInputElement(){return Promise.resolve(this.nativeInput)}async getOption(){return this.option}async updateState(){if(this.radioGroup){const a=this.radioGroup.value===this.value;a!==this.checked&&(this.checked=a)}this.radioButton&&(this.buttonTabindex=-1,this.radioButton.setChecked&&this.radioButton.setChecked(this.checked))}async setAriaForm(a){this.ariaForm=Object.assign({},a)}get radioButton(){return this.el.closest("bal-radio-button")}get radioGroup(){return this.el.closest("bal-radio-group")}get option(){return{name:this.name,value:this.value,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invisible:this.invisible,invalid:this.invalid}}toggleChecked(){this.checked=!this.checked,this.balChange.emit(this.checked),this.updateState()}render(){const a=h.block("radio-checkbox"),o=a.element("input"),c=a.element("label"),l=c.element("text"),r=this.focused&&-1!==this.buttonTabindex,i="boolean"==typeof this.value?JSON.stringify(this.value):this.value,d=this.inheritedAttributes;void 0!==this.buttonTabindex&&(d.tabIndex=this.buttonTabindex);const t=this.ariaForm.controlId||this.inputId;let k=this.ariaForm.labelId||null;const x=this.labelHidden?"span":"label",s={};return this.labelHidden||(k=`${k||""} ${t}-lbl`.trim(),s.id=`${t}-lbl`,s.htmlFor=t),e(b,{"aria-checked":`${this.checked}`,"aria-disabled":this.disabled?"true":null,"aria-hidden":this.disabled?"true":null,"aria-focused":r?"true":null,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"bal-focused":r},a.class()),a.modifier("radio").class()),a.modifier("select-button").class("select-button"===this.interface)),a.modifier("invalid").class(this.invalid)),a.modifier("checked").class(this.checked)),a.modifier("flat").class(this.flat)),a.modifier("disabled").class(this.disabled||this.readonly)),a.modifier("hovered").class(this.hovered)),a.modifier("pressed").class(this.pressed)),a.modifier("invisible").class(this.invisible)),onKeypress:this.onKeypress,onClick:this.onClick},e("input",Object.assign({class:Object.assign(Object.assign({},o.class()),o.modifier("select-button").class("select-button"===this.interface)),"data-testid":"bal-radio-input",type:"radio",id:t,"aria-labelledby":k,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,"aria-checked":`${this.checked}`,name:this.name,value:i,checked:this.checked,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,required:this.required,onFocus:this.onFocus,onBlur:this.onBlur,ref:a=>this.nativeInput=a},d)),this.invisible?"":e(x,Object.assign({class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("radio").class()),c.modifier("checked").class(this.checked)),c.modifier("hidden").class(this.labelHidden)),c.modifier("flat").class(this.flat))},s,{"data-testid":"bal-radio-label"}),e("span",{class:Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("hidden").class(this.labelHidden)),l.modifier("flat").class(this.flat)),"data-testid":"bal-radio-text"},this.label,e("slot",null))))}get el(){return c(this)}};l([k("bal-radio"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],g.prototype,"createLogger",null);let f=0;g.style='@media (hover: hover)and (pointer: fine){.bal-radio-checkbox.bal-focused .bal-radio-checkbox__input:not(.bal-radio-checkbox__input--select-button)+.bal-radio-checkbox__label::before,.bal-radio-checkbox.bal-focused.bal-radio-checkbox--select-button{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-symbol-size:1.5rem;--bal-radio-checkbox-symbol-width:calc(0.5rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.875rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.5rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.25rem;--bal-radio-checkbox-label-min-height:1.5rem;--bal-radio-checkbox-select-button-background-hover:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked:var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white);--bal-radio-checkbox-button-background:transparent;--bal-radio-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color:var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color:var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked:var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid:var(--bal-color-border-danger)}bal-radio .bal-radio-checkbox__label::before,bal-radio .bal-radio-checkbox__label::after{margin-top:0px !important}.bal-radio-checkbox-group{display:inline-block;position:relative;width:100%}.bal-radio-checkbox-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-radio-checkbox-group__inner--select-button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-radio-checkbox-group__inner--select-button{-ms-flex-direction:row;flex-direction:row}}.bal-radio-checkbox-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-radio-checkbox-group__inner--expanded .bal-radio-checkbox{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-radio-checkbox-group__inner--expanded .bal-radio-checkbox{width:100%}}.bal-radio-checkbox-group__inner--select-button.bal-radio-checkbox-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-radio-checkbox-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-radio-checkbox-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-radio-checkbox-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}.bal-radio-checkbox{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:1.5rem;min-height:3rem}.bal-radio-checkbox--flat:not(.bal-radio-checkbox--select-button){min-height:1.5rem}.bal-radio-checkbox__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio-checkbox--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio-checkbox:not(.bal-radio-checkbox--disabled),.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input,.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input+label,.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input+label>span{cursor:pointer}.bal-radio-checkbox__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;line-height:1.5rem;contain:layout style;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:left;min-height:var(--bal-radio-checkbox-label-min-height);font-family:var(--bal-font-family-text)}.bal-radio-checkbox__label__text{padding-left:2rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding-top:.25rem;padding-bottom:.25rem}.bal-radio-checkbox__label__text--hidden{padding-left:0;display:none}.bal-radio-checkbox__label__text--flat{padding-top:0;padding-bottom:0}.bal-radio-checkbox__label--flat:not(.bal-radio-checkbox--select-button)::before,.bal-radio-checkbox__label--flat:not(.bal-radio-checkbox--select-button)::after{top:0px !important}.bal-radio-checkbox__label--hidden::before,.bal-radio-checkbox__label--hidden::after{top:0px !important}.bal-radio-checkbox__label::before,.bal-radio-checkbox__label::after{display:inline-block;position:absolute;left:0;top:.25rem;height:var(--bal-radio-checkbox-symbol-size);width:var(--bal-radio-checkbox-symbol-size);background-color:rgba(0,0,0,0);background-position:center;background-repeat:no-repeat;background-size:var(--bal-radio-checkbox-symbol-size) var(--bal-radio-checkbox-symbol-size)}.bal-radio-checkbox__label::before{content:"";border-style:var(--bal-form-field-control-border-style);border-width:2px}.bal-radio-checkbox__label::after{content:none}.bal-radio-checkbox__label--checked::after{content:""}.bal-radio-checkbox__label--radio::before,.bal-radio-checkbox__label--radio::after{border-radius:50%}.bal-radio-checkbox__label--radio::after{left:0;-webkit-transform:scale(0.25);transform:scale(0.25)}.bal-radio-checkbox__label--checkbox::before{border-radius:var(--bal-form-field-control-radius)}.bal-radio-checkbox__label--checkbox::after{border-top:0;border-right-style:var(--bal-form-field-control-border-style);border-right-width:2px;border-bottom-style:var(--bal-form-field-control-border-style);border-bottom-width:2px;border-left:0;border-radius:1px;width:var(--bal-radio-checkbox-symbol-width);height:var(--bal-radio-checkbox-symbol-height);left:var(--bal-radio-checkbox-symbol-left);margin-top:var(--bal-radio-checkbox-symbol-margin-top);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-primary);background:var(--bal-color-transparent)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-light-blue-5);background:var(--bal-color-grey-2)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-blue-6);background:var(--bal-color-grey-2)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-danger-5);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-danger-6);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-primary)}.bal-radio-checkbox:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-light-blue-5)}.bal-radio-checkbox:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-blue-6)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-danger-6)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-text-grey)}.bal-radio-checkbox--inline{display:inline}.bal-radio-checkbox--select-button{padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-radio-checkbox-select-button-border-color)}.bal-radio-checkbox--select-button:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-hover);background:var(--bal-radio-checkbox-select-button-background-hover)}.bal-radio-checkbox--select-button:active{border-color:var(--bal-radio-checkbox-select-button-border-color-active);background:var(--bal-radio-checkbox-select-button-background-active)}.bal-radio-checkbox--select-button label::before{top:unset}.bal-radio-checkbox--select-button label::after{top:unset;margin-top:-3px}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat::before{top:unset !important}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat::after{margin-top:-3px;top:unset !important}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat .bal-radio-checkbox__label__text--flat{padding-top:.25rem;padding-bottom:.25rem}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked{background:var(--bal-radio-checkbox-select-button-background-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-radio-checkbox-select-button-link-text-color-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover{background:var(--bal-radio-checkbox-select-button-background-checked-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active{background:var(--bal-radio-checkbox-select-button-background-checked-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid);background:var(--bal-radio-checkbox-select-button-background-invalid)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-form-field-label-danger-color)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-hover);background:var(--bal-radio-checkbox-select-button-background-invalid-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid:active{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-active);background:var(--bal-radio-checkbox-select-button-background-invalid-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked);background:var(--bal-radio-checkbox-select-button-background-invalid-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked-hover);background:var(--bal-radio-checkbox-select-button-background-invalid-checked-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked-active);background:var(--bal-radio-checkbox-select-button-background-invalid-checked-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:hover,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:active{border-color:var(--bal-radio-checkbox-select-button-border-color-disabled-hover-active);background:var(--bal-radio-checkbox-select-button-background-disabled-hover-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-form-field-label-disabled-color)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active{border-color:var(--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active);background:var(--bal-radio-checkbox-select-button-background-disabled-checked-hover-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--switch{min-width:2.5rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label{padding-left:1rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label::before{border-radius:1.5rem;position:absolute;display:block;top:0;left:0;width:2.5rem;height:1.5rem;border:1.6px solid rgba(0,0,0,0);content:"";-webkit-transition:left .25s ease-out,background .25s ease-out;transition:left .25s ease-out,background .25s ease-out;margin-top:.25rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label::after{border:none;margin:0;border-radius:50%;display:block;position:absolute;top:.25rem !important;left:.25rem;width:1rem;height:1rem;margin-top:.25rem;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:left .25s ease-out,background .25s ease-out;transition:left .25s ease-out,background .25s ease-out;content:""}.bal-radio-checkbox--switch .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-before)}.bal-radio-checkbox--switch .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-after)}.bal-radio-checkbox--switch:hover .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-hover-after)}.bal-radio-checkbox--switch:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked .bal-radio-checkbox__label::after{left:1.25rem;background:var(--bal-radio-checkbox-switch-label-background-checked-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-hover-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-hover-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-disabled-hover-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-disabled-hover-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after)}';const w=class{constructor(e){a(this,e),this.balChange=o(this,"balChange",7),this.balFocus=o(this,"balFocus",7),this.balBlur=o(this,"balBlur",7),this.inputId="bal-rg-"+p++,this.inheritedAttributes={},this.hasFocus=!1,this.mutationObserverActive=!0,this.onOptionChange=async()=>{this.setRadioTabindex(this.value),this.setRadioChecked()},this.setRadioTabindex=a=>{const o=this.getRadios(),e=o.find((a=>!a.disabled)),b=o.find((o=>o.value===a&&!o.disabled));if(!e&&!b)return;const c=b||e;for(const a of o)a.setButtonTabindex(a===c?0:-1)},this.onClick=a=>{if(a.target.href)return;a.preventDefault();const o=a.target&&a.target.closest("bal-radio");if(o&&!o.disabled&&!o.readonly){const a=o.value;a!==this.value?this.value=a:this.allowEmptySelection&&(this.value=void 0),this.balChange.emit(this.value)}},this.ariaForm=_,this.options=void 0,this.allowEmptySelection=!1,this.name=this.inputId,this.value=void 0,this.interface=void 0,this.vertical=!1,this.verticalOnMobile=!1,this.expanded=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.grid=1,this.columnsTablet=1,this.columnsMobile=1,this.autoInvalidOff=!1}createLogger(a){this.log=a}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}valueChanged(){this.onOptionChange()}invalidChanged(a){void 0!==a&&(this.getRadios().forEach((o=>{o.invalid=a})),this.getRadioButtons().forEach((o=>{o.invalid=a})))}disabledChanged(a){void 0!==a&&(this.getRadios().forEach((o=>{o.disabled=a})),this.getRadioButtons().forEach((o=>{o.disabled=a})))}readonlyChanged(a){void 0!==a&&(this.getRadios().forEach((o=>{o.readonly=a})),this.getRadioButtons().forEach((o=>{o.readonly=a})))}columnsChanged(a){this.getRadioButtons().forEach((o=>o.colSize=a))}columnsTabletChanged(a){this.getRadioButtons().forEach((o=>o.colSizeTablet=a))}columnsMobileChanged(a){this.getRadioButtons().forEach((o=>o.colSizeMobile=a))}connectedCallback(){this.initialValue=this.value,this.mutationObserverActive=void 0===this.options}componentWillLoad(){this.setRadioInterface(),this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly),this.invalidChanged(this.invalid),this.columnsChanged(this.grid),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange(),this.inheritedAttributes=x(this.el,["aria-label","tabindex","title"])}focusInListener(a){this.balFocus.emit(a)}focusOutListener(a){this.balBlur.emit(a)}mutationListener(){this.setRadioInterface(),this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly),this.invalidChanged(this.invalid),this.columnsChanged(this.grid),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}listenOnClick(a){i(this.el,a.target)&&s(a)}radioFocusListener(a){const{target:o}=a;o&&i(this.el,o)&&d(o,"bal-radio")&&s(a)}radioBlurListener(a){const{target:o}=a;o&&i(this.el,o)&&d(o,"bal-radio")&&s(a)}resetListener(a){const o=a.target;(null==o?void 0:o.contains(this.el))&&(this.value=this.initialValue)}onKeydown(a){if(a.target&&!this.el.contains(a.target))return;const o=this.getRadios().filter((a=>!a.disabled)),e=a.target.closest("bal-radio");if(e&&o.includes(e)){const b=o.findIndex((a=>a===e)),c=o[b];let l;["ArrowDown","ArrowRight"].includes(a.code)&&(l=b===o.length-1?o[0]:o[b+1]),["ArrowUp","ArrowLeft"].includes(a.code)&&(l=0===b?o[o.length-1]:o[b-1]),l&&o.includes(l)&&(l.setFocus(a),this.value=l.value,this.balChange.emit(this.value)),["Space"].includes(a.code)&&(this.value=this.allowEmptySelection&&void 0!==this.value?void 0:c.value,a.preventDefault())}}async setValue(a){this.value=a}async getOptionByValue(a){const o=this.options;if(o)return o.find((o=>o.value===a))}async setAriaForm(a){this.ariaForm=Object.assign({},a)}setRadioInterface(){this.getRadios().forEach((a=>{this.interface&&(a.interface=this.interface)}))}setRadioChecked(){this.getRadios().forEach((a=>{a.updateState&&a.updateState()}))}getRadios(){return Array.from(this.el.querySelectorAll("bal-radio"))}getRadioButtons(){return Array.from(this.el.querySelectorAll("bal-radio-button"))}render(){const a=h.block("radio-checkbox-group"),o=a.element("inner"),c=(this.options||[]).map((a=>"function"==typeof a.html?Object.assign(Object.assign({},a),{html:a.html()}):a));return e(b,Object.assign({class:Object.assign({},a.class()),role:"radiogroup","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":this.disabled?"true":null,onClick:this.onClick},this.inheritedAttributes),e("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("vertical-mobile").class(this.verticalOnMobile)),o.modifier("vertical").class(this.vertical)),o.modifier("expanded").class(this.expanded)),o.modifier("select-button").class("select-button"===this.interface))},e("slot",null),c.map((a=>e("bal-radio",{key:a.value,name:a.name||this.name,value:a.value,labelHidden:a.labelHidden,flat:a.flat,interface:a.interface,disabled:a.disabled,readonly:a.readonly,required:a.required,nonSubmit:!!a.nonSubmit,invalid:a.invalid,innerHTML:a.html})))))}get el(){return c(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],grid:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}}};l([k("bal-radio-group"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],w.prototype,"createLogger",null),l([v(),r("design:type",Function),r("design:paramtypes",[FocusEvent]),r("design:returntype",void 0)],w.prototype,"focusInListener",null),l([v(),r("design:type",Function),r("design:paramtypes",[FocusEvent]),r("design:returntype",void 0)],w.prototype,"focusOutListener",null),l([u({tags:["bal-radio-group","bal-radio"],attributes:!1,characterData:!1}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],w.prototype,"mutationListener",null);let p=0;export{g as bal_radio,w as bal_radio_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as n}from"./p-
|
|
1
|
+
import{a as n}from"./p-d7a758b3.js";function t(){return function(t){const{connectedCallback:c,disconnectedCallback:i}=t;t.connectedCallback=function(){return n.attach(this),c&&c.call(this)},t.disconnectedCallback=function(){return n.detach(this),i&&i.call(this)}}}export{t as L}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,i,t,l){function n(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,a){function r(e){try{o(l.next(e))}catch(e){a(e)}}function s(e){try{o(l["throw"](e))}catch(e){a(e)}}function o(e){e.done?t(e.value):n(e.value).then(r,s)}o((l=l.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},l,n,a,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(e){return function(i){return o([e,i])}}function o(s){if(l)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(t=0)),t)try{if(l=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;n=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){t.label=s[1];break}if(s[0]===6&&t.label<a[1]){t.label=a[1];a=s;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(s);break}if(a[2])t.ops.pop();t.trys.pop();continue}s=i.call(e,t)}catch(e){s=[6,e];n=0}finally{l=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,i,t){if(t||arguments.length===2)for(var l=0,n=i.length,a;l<n;l++){if(a||!(l in i)){if(!a)a=Array.prototype.slice.call(i,0,l);a[l]=i[l]}}return e.concat(a||Array.prototype.slice.call(i))};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-8954495d.system.js","./p-6e5745c8.system.js","./p-a4dacc2d.system.js","./p-db0895e2.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-eecefb0a.system.js"],(function(e){"use strict";var i,t,l,n,a,r,s,o,f,d,u,c;return{setters:[function(e){i=e.r;t=e.c;l=e.h;n=e.H;a=e.g},function(e){r=e._;s=e.a},function(e){o=e.e;f=e.b},function(e){d=e.d},function(e){u=e.L},function(e){c=e.B},function(){},function(){},function(){},function(){}],execute:function(){var b=":root{--bal-field-label-horizontal-width:33.3333%;--bal-field-label-column-gap:.5rem}.bal-field,.bal-field-label,.bal-field-control,.bal-field-message,.bal-field-hint{display:block;position:relative;font-family:var(--bal-font-family-text)}.bal-field-label{display:inline}.bal-field-label~.bal-field-control{margin-top:.25rem}.bal-field-hint{display:inline-block;margin-left:.25rem;height:1rem;width:1rem}.bal-field-hint__hint{position:absolute;top:2px;left:0}.bal-field-message{line-height:var(--bal-line-height-normal)}.bal-field-hidden{display:none !important;visibility:hidden !important}.bal-field-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;gap:.5rem}.bal-field-control .bal-input{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-field-control--expanded-on-mobile{-ms-flex-direction:column;flex-direction:column}.bal-field-control--expanded-on-mobile .bal-button,.bal-field-control--expanded-on-mobile .bal-button .button{width:100%}}.bal-field-control{padding-bottom:1.375rem}.bal-field-control+.bal-field-message{margin-top:-1.5rem !important}.bal-field--horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:var(--bal-field-label-column-gap);-moz-column-gap:var(--bal-field-label-column-gap);column-gap:var(--bal-field-label-column-gap);-ms-flex-align:center;align-items:center}.bal-field--horizontal .bal-field-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:var(--bal-field-label-horizontal-width);max-width:var(--bal-field-label-horizontal-width);-ms-flex-pack:end;justify-content:flex-end;text-align:right;margin-bottom:0}.bal-field--horizontal .bal-field-control{-ms-flex:1;flex:1;padding-bottom:0;-ms-flex-item-align:end;align-self:flex-end}.bal-field--horizontal .bal-field-message{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:0 !important;margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap))}.bal-field--horizontal .bal-field-hint{margin-left:0}.bal-field--horizontal .bal-field-hint .bal-hint{top:0}.bal-field--horizontal .bal-field-hint~.bal-field-message{margin-left:calc(var(--bal-field-label-horizontal-width) + var(--bal-field-label-column-gap)*2 + 1.125rem)}.bal-field--horizontal .bal-field-label~.bal-field-control{margin-top:0}";var h=b;var m=e("bal_field",function(){function e(e){var l=this;i(this,e);this.balFormControlDidLoad=t(this,"balFormControlDidLoad",7);this.fieldId="bal-field-".concat(p++);this.formControlElement=["bal-field-control"];this.inputElements=["bal-input","bal-number-input","bal-textarea","bal-select","bal-datepicker","bal-checkbox","bal-radio","bal-input-group","bal-date","bal-input-date","bal-input-stepper","bal-input-slider","bal-file-upload","bal-dropdown"];this.formElements=__spreadArray(__spreadArray([],this.formControlElement,true),["bal-field-label","bal-field-message"],false);this.isDirectChild=function(e){if(!e){return false}var i=e.parentElement;if(!i){return false}if(i.nodeName.toLowerCase()==="bal-field"&&i!==l.el){return false}if(i===l.el){return true}return l.isDirectChild(i)};this.isVisible=function(e){if(!e){return false}return e.ariaHidden!=="true"};this.findDirectChild=function(e){var i=l.el.querySelector(e);var t=l.isDirectChild(i);if(t){if(l.isVisible(i)){return i}}return undefined};this.findDirectChildren=function(e){return e.map((function(e){return Array.from(l.el.querySelectorAll(e)).filter(l.isDirectChild).filter(l.isVisible)})).flat()};this.mutationObserverActive=true;this.required=undefined;this.horizontal=false;this.invalid=undefined;this.valid=false;this.disabled=undefined;this.readonly=undefined;this.loading=undefined}e.prototype.requiredHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),["bal-field-label"],false),"required")};e.prototype.invalidHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"invalid")};e.prototype.validHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"valid")};e.prototype.disabledHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"disabled")};e.prototype.readonlyHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formElements,true),"readonly")};e.prototype.loadingHandler=function(){this.updateProps(__spreadArray(__spreadArray([],this.inputElements,true),this.formControlElement,true),"loading")};e.prototype.connectedCallback=function(){this.triggerAllHandlers()};e.prototype.componentWillLoad=function(){this.triggerAllHandlers()};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.syncAriaAttributes()];case 1:e.sent();return[2]}}))}))};e.prototype.syncAriaAttributes=function(){return __awaiter(this,void 0,void 0,(function(){var e,i,t,l,n,a;return __generator(this,(function(r){switch(r.label){case 0:return[4,o(this.el)];case 1:r.sent();return[4,f()];case 2:r.sent();e=this.findDirectChild("bal-field-label bal-label");i=this.findDirectChild("bal-field-message");t=this.findDirectChildren(["bal-field-control bal-input","bal-field-control bal-select","bal-field-control bal-input-date","bal-field-control bal-dropdown","bal-field-control bal-checkbox","bal-field-control bal-radio","bal-field-control bal-checkbox-group","bal-field-control bal-radio-group","bal-field-control bal-number-input","bal-field-control bal-time-input","bal-field-control bal-datepicker","bal-field-control bal-input-slider","bal-field-control bal-input-stepper","bal-field-control bal-textarea","bal-field-control bal-file-upload"]);l=d;if(e){l.labelId="".concat(this.fieldId,"-lbl")}if(i){l.messageId="".concat(this.fieldId,"-msg")}n=0;r.label=3;case 3:if(!(n<t.length))return[3,10];a=t[n];if(!(n===0))return[3,7];l.controlId="".concat(this.fieldId,"-ctrl");return[4,e===null||e===void 0?void 0:e.setAriaForm(l)];case 4:r.sent();return[4,i===null||i===void 0?void 0:i.setAriaForm(l)];case 5:r.sent();return[4,a===null||a===void 0?void 0:a.setAriaForm(l)];case 6:r.sent();return[3,9];case 7:l.controlId="".concat(this.fieldId,"-ctrl-").concat(n);return[4,a===null||a===void 0?void 0:a.setAriaForm(l)];case 8:r.sent();r.label=9;case 9:n++;return[3,3];case 10:return[2]}}))}))};e.prototype.mutationListener=function(){this.triggerAllHandlers();this.syncAriaAttributes()};e.prototype.triggerAllHandlers=function(){this.requiredHandler();this.invalidHandler();this.validHandler();this.readonlyHandler();this.disabledHandler();this.loadingHandler()};e.prototype.updateProps=function(e,i){var t=this[i];if(t!==undefined){this.notifyComponents(e,(function(e){return e[i]=t}))}};e.prototype.notifyComponents=function(e,i){var t=this.el.querySelectorAll(e.join(", "));t.forEach((function(e){return i(e)}))};e.prototype.render=function(){return l(n,{id:this.fieldId,class:{"bal-field":true,field:true,"bal-field--invalid":this.invalid===true,"bal-field--horizontal":this.horizontal===true}},l("slot",null),l("span",{class:"bal-field-hidden"}))};Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{required:["requiredHandler"],invalid:["invalidHandler"],valid:["validHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"],loading:["loadingHandler"]}},enumerable:false,configurable:true});return e}());r([u({subtree:false,waitAfterFramePrint:true}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],m.prototype,"mutationListener",null);var p=0;m.style=h;var g=e("bal_field_control",function(){function e(e){i(this,e);this.iconRight="";this.iconLeft="";this.expandedOnMobile=undefined;this.loading=false}Object.defineProperty(e.prototype,"buildIconLeftTemplate",{get:function(){if(this.iconLeft){return l("bal-icon",{name:this.iconLeft,color:"info",class:"is-left",size:"small"})}return""},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"buildIconRightTemplate",{get:function(){if(this.iconRight){return l("bal-icon",{name:this.iconRight,color:"info",class:"is-right",size:"small"})}return""},enumerable:false,configurable:true});e.prototype.render=function(){return l(n,{class:{"bal-field-control":true,control:true,"has-icons-left":!!this.iconLeft,"has-icons-right":!!this.iconRight,"is-loading":this.loading,"bal-field-control--expanded-on-mobile":!!this.expandedOnMobile}},l("slot",null),this.buildIconLeftTemplate,this.buildIconRightTemplate)};return e}());var v=e("bal_field_hint",function(){function e(e){i(this,e);this.subject="";this.closeLabel="Close";this.small=false}e.prototype.render=function(){var e=c.block("field-hint");return l(n,{class:Object.assign({},e.class())},l("bal-hint",{class:Object.assign({},e.element("hint").class()),"data-testid":"bal-field-hint",closeLabel:this.closeLabel,small:this.small},this.subject?l("bal-hint-title",null,this.subject):"",l("bal-hint-text",null,l("slot",null))))};return e}());var y=e("bal_field_label",function(){function e(e){i(this,e);this.htmlFor=undefined;this.required=true;this.valid=undefined;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.size="small";this.weight="bold"}e.prototype.componentDidLoad=function(){if(this.element){this.parentBalFieldElement=this.element.closest("bal-field");if(this.parentBalFieldElement){this.parentBalFieldElement.classList.add("has-label")}}};e.prototype.disconnectedCallback=function(){if(this.parentBalFieldElement){this.parentBalFieldElement.classList.remove("has-label")}};e.prototype.render=function(){return l(n,{class:"bal-field-label"},l("bal-label",{multiline:true,size:this.size,htmlFor:this.htmlFor,required:this.required,valid:this.valid,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,weight:this.weight},l("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());var _=e("bal_field_message",function(){function e(e){i(this,e);this.ariaForm=d;this.color="";this.invalid=false;this.valid=false;this.disabled=false;this.readonly=false}e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.render=function(){var e;return l(n,{id:this.ariaForm.messageId,class:(e={"bal-field-message":true,help:true,"is-danger":this.invalid,"is-success":this.valid,"is-disabled":this.disabled||this.readonly},e["is-".concat(this.color)]=!!this.color,e)},l("slot",null))};return e}())}}}));
|
package/dist/baloise-design-system/{p-7ca7b4dad9.system.entry.js → p-b97d9336a7.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(i,t,e,n){function r(i){return i instanceof e?i:new e((function(t){t(i)}))}return new(e||(e=Promise))((function(e,s){function a(i){try{l(n.next(i))}catch(i){s(i)}}function u(i){try{l(n["throw"](i))}catch(i){s(i)}}function l(i){i.done?e(i.value):r(i.value).then(a,u)}l((n=n.apply(i,t||[])).next())}))};var __generator=this&&this.__generator||function(i,t){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,r,s,a;return a={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function u(i){return function(t){return l([i,t])}}function l(u){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,u[0]&&(e=0)),e)try{if(n=1,r&&(s=u[0]&2?r["return"]:u[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,u[1])).done)return s;if(r=0,s)u=[u[0]&2,s.value];switch(u[0]){case 0:case 1:s=u;break;case 4:e.label++;return{value:u[1],done:false};case 5:e.label++;r=u[1];u=[0];continue;case 7:u=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(u[0]===6||u[0]===2)){e=0;continue}if(u[0]===3&&(!s||u[1]>s[0]&&u[1]<s[3])){e.label=u[1];break}if(u[0]===6&&e.label<s[1]){e.label=s[1];s=u;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(u);break}if(s[2])e.ops.pop();e.trys.pop();continue}u=t.call(i,e)}catch(i){u=[6,i];r=0}finally{n=s=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(i,t,e){if(e||arguments.length===2)for(var n=0,r=t.length,s;n<r;n++){if(s||!(n in t)){if(!s)s=Array.prototype.slice.call(t,0,n);s[n]=t[n]}}return i.concat(s||Array.prototype.slice.call(t))};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-3cb83cf9.system.js","./p-d2ee9b0a.system.js","./p-23bdd8dc.system.js","./p-db0895e2.system.js","./p-99cfab9c.system.js","./p-6e5745c8.system.js","./p-6913b916.system.js","./p-2880433e.system.js","./p-8954495d.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js"],(function(i){"use strict";var t,e,n,r,s,a,u,l,o,f,c,h,d,b,v,p,m,y;return{setters:[function(i){t=i.h;e=i.r;n=i.c;r=i.H;s=i.g},function(i){a=i._;u=i.a},function(i){l=i.o},function(i){o=i.s;f=i.a;c=i.i;h=i.e;d=i.c;b=i.d},function(i){v=i.L},function(i){p=i.B},function(i){m=i.F},function(i){y=i.d},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var _={};var g={};Object.defineProperty(g,"__esModule",{value:true});var j={radix:1e3,unit:["b","kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]};var w={radix:1024,unit:["b","Kib","Mib","Gib","Tib","Pib","Eib","Zib","Yib"]};var k={radix:1024,unit:["b","Kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]};g.SPECS={si:j,iec:w,jedec:k};Object.defineProperty(_,"__esModule",{value:true});var F=g;function A(i,t,e){if(t===void 0){t=1}i=Math.abs(i);var n=F.SPECS[e]||F.SPECS["jedec"],r=n.radix,s=n.unit;var a=0;while(i>=r){i/=r;++a}return i.toFixed(t)+" "+s[a]}var x=_.default=A;var C=p.block("file-upload").element("list");var T=function(i){var e=i.files,n=i.disabled,r=i.subTitle,s=i.onRemoveFile;return t("bal-card",{class:Object.assign({},C.class()),flat:true},t("bal-list",{disabled:n,border:true,size:"large"},e.map((function(i,e){return t("bal-list-item",{key:i.name,disabled:n},t("bal-list-item-icon",null,t("bal-icon",{name:"document"})),t("bal-list-item-content",null,t("bal-list-item-title",null,i.name),t("bal-list-item-subtitle",null,r?r(i):x(i.size))),t("bal-list-item-icon",{right:true,class:{"file-remove":true,"is-clickable":!n},onClick:function(i){return s(i,e)}},t("bal-icon",{name:"trash",color:n?"grey":"danger"})))}))))};var M=function(i){return Array.from(i?i:[])};var O=function(i){var t=new DataTransfer;if(i&&i.length>0){i.forEach((function(i){return t.items.add(i)}))}return t.files};var P=function(i,t,e){var n=[];var r=__spreadArray([],i,true);var s=[];var a=function(a){var u=t[a];if(u){var l=[];if(e.accept&&e.accept.split(" ").join("").split(",").indexOf(u.type)===-1){l.push(m.BAD_EXTENSION)}if(e.maxFileSize!==undefined&&u.size>e.maxFileSize){l.push(m.FILE_TOO_BIG)}var o=r.map((function(i){return i.size})).reduce((function(i,t){return i+t}),0);var f=o+u.size;if(e.maxBundleSize!==undefined&&f>e.maxBundleSize){l.push(m.FILE_SIZE_SUM_TOO_BIG)}var c=r.length+1;if(e.maxFiles!==undefined&&c>e.maxFiles){l.push(m.TOO_MANY_FILES)}var h=function(i,t){return i.size===t.size&&i.name===t.name&&i.type===t.type&&i.lastModified===t.lastModified};var d=i.filter((function(i){return h(i,u)}));if(d.length>0){l.push(m.DUPLICATED_FILE)}if(l.length>0){s.push({file:u,reasons:l})}else{r.push(u);n.push(u)}}};for(var u=0;u<t.length;u++){a(u)}return{validFiles:n,invalidFiles:s}};var S=".bal-file-upload{display:block;position:static;width:100%}.bal-file-upload .file-label{word-break:break-word;white-space:normal}.bal-file-upload .bal-heading{word-break:break-all}.bal-file-upload__card{margin-top:var(--bal-space-normal)}.bal-file-upload__list{padding:0 !important}";var z=S;var E=i("bal_file_upload",function(){function i(i){var t=this;e(this,i);this.balChange=n(this,"balChange",7);this.balFilesAdded=n(this,"balFilesAdded",7);this.balFilesRemoved=n(this,"balFilesRemoved",7);this.balRejectedFile=n(this,"balRejectedFile",7);this.balInputClick=n(this,"balInputClick",7);this.balBlur=n(this,"balBlur",7);this.balFocus=n(this,"balFocus",7);this.fileUploadId="bal-file-upload-".concat(G++);this.initialValue=this.value||[];this.addEventListenerDragAndDrop=function(){if(t.labelEl){t.labelEl.addEventListener("dragenter",t.onDragenter,false);t.labelEl.addEventListener("dragover",t.onDragover,false);t.labelEl.addEventListener("drop",t.onDrop,false)}};this.removeEventListenerDragAndDrop=function(){if(t.labelEl){t.labelEl.removeEventListener("dragenter",t.onDragenter,false);t.labelEl.removeEventListener("dragover",t.onDragover,false);t.labelEl.removeEventListener("drop",t.onDrop,false)}};this.handleFiles=function(i){var e=M(i);var n=P(t.files,e,{accept:t.accept,maxFileSize:t.maxFileSize,maxBundleSize:t.maxBundleSize,maxFiles:t.maxFiles});if(n.invalidFiles.length>0){t.balRejectedFile.emit(n.invalidFiles[0])}if(n.validFiles.length>0){t.files=__spreadArray(__spreadArray([],t.files,true),n.validFiles,true);t.balChange.emit(t.files);t.balFilesAdded.emit(n.validFiles)}t.updateFileInput()};this.updateFileInput=function(){var i;if((i=t.nativeInput)===null||i===void 0?void 0:i.files){t.nativeInput.files=O(t.files)}};this.onDragenter=function(i){o(i)};this.onDragover=function(i){o(i)};this.onDrop=function(i){o(i);if(!t.disabled&&!t.readonly&&!t.loading){var e=i.dataTransfer;if(e){t.handleFiles(e.files)}}};this.onInputChange=function(){var i;if(!t.disabled&&!t.readonly&&!t.loading){if((i=t.nativeInput)===null||i===void 0?void 0:i.files){t.handleFiles(t.nativeInput.files)}}};this.onRemoveFile=function(i,e){o(i);if(e>=0&&e<t.files.length){var n=t.files;var r=n.splice(e,1);t.balFilesRemoved.emit(r);t.files=__spreadArray([],n,true);t.balChange.emit(t.files);t.updateFileInput()}};this.onHostClick=function(i){return f(t,i)};this.onInputFocus=function(i){return c(t,i)};this.onInputBlur=function(i){return h(t,i)};this.onInputClick=function(i){if(t.nativeInput&&!t.disabled&&!t.readonly&&!t.loading){t.nativeInput.value=""}t.balInputClick.emit(i)};this.files=[];this.focused=false;this.ariaForm=y;this.name=this.fileUploadId;this.value=[];this.label="Choose or drop a file...";this.multiple=true;this.disabled=false;this.readonly=false;this.loading=false;this.required=false;this.accept=undefined;this.maxFiles=undefined;this.maxFileSize=undefined;this.maxBundleSize=undefined;this.hasFileList=true;this.invalid=false;this.subTitle=undefined;this.autoInvalidOff=false}i.prototype.createLogger=function(i){this.log=i};i.prototype.onValueChange=function(){if(!l(this.files,this.value)){this.files=this.value}};i.prototype.componentWillLoad=function(){this.onValueChange()};i.prototype.connectedCallback=function(){this.initialValue=this.value||[];this.addEventListenerDragAndDrop()};i.prototype.componentDidLoad=function(){this.addEventListenerDragAndDrop()};i.prototype.disconnectedCallback=function(){this.removeEventListenerDragAndDrop()};i.prototype.resetHandler=function(i){var t=this;var e=i.target;if(e===null||e===void 0?void 0:e.contains(this.el)){this.files=__spreadArray([],this.initialValue,true);clearTimeout(this.resetHandlerTimer);this.resetHandlerTimer=setTimeout((function(){if(t.nativeInput){t.nativeInput.files=O(t.initialValue)}}))}};i.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.files=[];this.updateFileInput();return[2]}))}))};i.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){d(this);return[2]}))}))};i.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){b(this);return[2]}))}))};i.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};i.prototype.setAriaForm=function(i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},i);return[2]}))}))};i.prototype.render=function(){var i=this;var e=this.ariaForm.controlId||this.fileUploadId;return t(r,{onClick:this.onHostClick,"aria-disabled":this.disabled?"true":null,class:{"bal-file-upload":true}},t("div",{class:{file:true,"is-disabled":this.disabled||this.readonly||this.loading,"is-danger":this.invalid}},t("label",{htmlFor:e,ref:function(t){return i.labelEl=t},class:{"file-label":true,"is-disabled":this.disabled||this.loading||this.readonly}},t("input",{class:"file-input",type:"file",id:e,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":this.disabled?"true":null,name:this.name,multiple:this.multiple,disabled:this.disabled||this.loading||this.readonly,readonly:this.readonly,required:this.required,accept:this.accept,onClick:this.onInputClick,onChange:this.onInputChange,onFocus:this.onInputFocus,onBlur:this.onInputBlur,ref:function(t){return i.nativeInput=t},"data-testid":"bal-file-upload-input"}),this.loading?t("span",{class:"file-cta"},t("bal-spinner",null)):t("span",{class:"file-cta"},t("span",{class:"file-icon"},t("bal-icon",{name:"upload",size:"medium",color:this.disabled||this.loading||this.readonly?"grey-light":this.invalid?"danger":"blue"})),t("span",{class:"file-label","data-testid":"bal-file-upload-label"},this.label)))),this.hasFileList&&this.files.length>0?t(T,{files:this.files,disabled:this.disabled||this.readonly||this.loading,subTitle:this.subTitle,onRemoveFile:this.onRemoveFile}):"")};Object.defineProperty(i.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{value:["onValueChange"]}},enumerable:false,configurable:true});return i}());a([v("bal-file-upload"),u("design:type",Function),u("design:paramtypes",[Function]),u("design:returntype",void 0)],E.prototype,"createLogger",null);var G=0;E.style=z}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(i,t,e,n){function r(i){return i instanceof e?i:new e((function(t){t(i)}))}return new(e||(e=Promise))((function(e,s){function a(i){try{l(n.next(i))}catch(i){s(i)}}function u(i){try{l(n["throw"](i))}catch(i){s(i)}}function l(i){i.done?e(i.value):r(i.value).then(a,u)}l((n=n.apply(i,t||[])).next())}))};var __generator=this&&this.__generator||function(i,t){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,r,s,a;return a={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function u(i){return function(t){return l([i,t])}}function l(u){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,u[0]&&(e=0)),e)try{if(n=1,r&&(s=u[0]&2?r["return"]:u[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,u[1])).done)return s;if(r=0,s)u=[u[0]&2,s.value];switch(u[0]){case 0:case 1:s=u;break;case 4:e.label++;return{value:u[1],done:false};case 5:e.label++;r=u[1];u=[0];continue;case 7:u=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(u[0]===6||u[0]===2)){e=0;continue}if(u[0]===3&&(!s||u[1]>s[0]&&u[1]<s[3])){e.label=u[1];break}if(u[0]===6&&e.label<s[1]){e.label=s[1];s=u;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(u);break}if(s[2])e.ops.pop();e.trys.pop();continue}u=t.call(i,e)}catch(i){u=[6,i];r=0}finally{n=s=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(i,t,e){if(e||arguments.length===2)for(var n=0,r=t.length,s;n<r;n++){if(s||!(n in t)){if(!s)s=Array.prototype.slice.call(t,0,n);s[n]=t[n]}}return i.concat(s||Array.prototype.slice.call(t))};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-8a87b9a8.system.js","./p-d2ee9b0a.system.js","./p-23bdd8dc.system.js","./p-db0895e2.system.js","./p-99cfab9c.system.js","./p-6e5745c8.system.js","./p-6913b916.system.js","./p-2880433e.system.js","./p-8954495d.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js"],(function(i){"use strict";var t,e,n,r,s,a,u,l,o,f,c,h,d,b,v,p,m,y;return{setters:[function(i){t=i.h;e=i.r;n=i.c;r=i.H;s=i.g},function(i){a=i._;u=i.a},function(i){l=i.o},function(i){o=i.s;f=i.a;c=i.i;h=i.e;d=i.c;b=i.d},function(i){v=i.L},function(i){p=i.B},function(i){m=i.F},function(i){y=i.d},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var _={};var g={};Object.defineProperty(g,"__esModule",{value:true});var j={radix:1e3,unit:["b","kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]};var w={radix:1024,unit:["b","Kib","Mib","Gib","Tib","Pib","Eib","Zib","Yib"]};var k={radix:1024,unit:["b","Kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]};g.SPECS={si:j,iec:w,jedec:k};Object.defineProperty(_,"__esModule",{value:true});var F=g;function A(i,t,e){if(t===void 0){t=1}i=Math.abs(i);var n=F.SPECS[e]||F.SPECS["jedec"],r=n.radix,s=n.unit;var a=0;while(i>=r){i/=r;++a}return i.toFixed(t)+" "+s[a]}var x=_.default=A;var C=p.block("file-upload").element("list");var T=function(i){var e=i.files,n=i.disabled,r=i.subTitle,s=i.onRemoveFile;return t("bal-card",{class:Object.assign({},C.class()),flat:true},t("bal-list",{disabled:n,border:true,size:"large"},e.map((function(i,e){return t("bal-list-item",{key:i.name,disabled:n},t("bal-list-item-icon",null,t("bal-icon",{name:"document"})),t("bal-list-item-content",null,t("bal-list-item-title",null,i.name),t("bal-list-item-subtitle",null,r?r(i):x(i.size))),t("bal-list-item-icon",{right:true,class:{"file-remove":true,"is-clickable":!n},onClick:function(i){return s(i,e)}},t("bal-icon",{name:"trash",color:n?"grey":"danger"})))}))))};var M=function(i){return Array.from(i?i:[])};var O=function(i){var t=new DataTransfer;if(i&&i.length>0){i.forEach((function(i){return t.items.add(i)}))}return t.files};var P=function(i,t,e){var n=[];var r=__spreadArray([],i,true);var s=[];var a=function(a){var u=t[a];if(u){var l=[];if(e.accept&&e.accept.split(" ").join("").split(",").indexOf(u.type)===-1){l.push(m.BAD_EXTENSION)}if(e.maxFileSize!==undefined&&u.size>e.maxFileSize){l.push(m.FILE_TOO_BIG)}var o=r.map((function(i){return i.size})).reduce((function(i,t){return i+t}),0);var f=o+u.size;if(e.maxBundleSize!==undefined&&f>e.maxBundleSize){l.push(m.FILE_SIZE_SUM_TOO_BIG)}var c=r.length+1;if(e.maxFiles!==undefined&&c>e.maxFiles){l.push(m.TOO_MANY_FILES)}var h=function(i,t){return i.size===t.size&&i.name===t.name&&i.type===t.type&&i.lastModified===t.lastModified};var d=i.filter((function(i){return h(i,u)}));if(d.length>0){l.push(m.DUPLICATED_FILE)}if(l.length>0){s.push({file:u,reasons:l})}else{r.push(u);n.push(u)}}};for(var u=0;u<t.length;u++){a(u)}return{validFiles:n,invalidFiles:s}};var S=".bal-file-upload{display:block;position:static;width:100%}.bal-file-upload .file-label{word-break:break-word;white-space:normal}.bal-file-upload .bal-heading{word-break:break-all}.bal-file-upload__card{margin-top:var(--bal-space-normal)}.bal-file-upload__list{padding:0 !important}";var z=S;var E=i("bal_file_upload",function(){function i(i){var t=this;e(this,i);this.balChange=n(this,"balChange",7);this.balFilesAdded=n(this,"balFilesAdded",7);this.balFilesRemoved=n(this,"balFilesRemoved",7);this.balRejectedFile=n(this,"balRejectedFile",7);this.balInputClick=n(this,"balInputClick",7);this.balBlur=n(this,"balBlur",7);this.balFocus=n(this,"balFocus",7);this.fileUploadId="bal-file-upload-".concat(G++);this.initialValue=this.value||[];this.addEventListenerDragAndDrop=function(){if(t.labelEl){t.labelEl.addEventListener("dragenter",t.onDragenter,false);t.labelEl.addEventListener("dragover",t.onDragover,false);t.labelEl.addEventListener("drop",t.onDrop,false)}};this.removeEventListenerDragAndDrop=function(){if(t.labelEl){t.labelEl.removeEventListener("dragenter",t.onDragenter,false);t.labelEl.removeEventListener("dragover",t.onDragover,false);t.labelEl.removeEventListener("drop",t.onDrop,false)}};this.handleFiles=function(i){var e=M(i);var n=P(t.files,e,{accept:t.accept,maxFileSize:t.maxFileSize,maxBundleSize:t.maxBundleSize,maxFiles:t.maxFiles});if(n.invalidFiles.length>0){t.balRejectedFile.emit(n.invalidFiles[0])}if(n.validFiles.length>0){t.files=__spreadArray(__spreadArray([],t.files,true),n.validFiles,true);t.balChange.emit(t.files);t.balFilesAdded.emit(n.validFiles)}t.updateFileInput()};this.updateFileInput=function(){var i;if((i=t.nativeInput)===null||i===void 0?void 0:i.files){t.nativeInput.files=O(t.files)}};this.onDragenter=function(i){o(i)};this.onDragover=function(i){o(i)};this.onDrop=function(i){o(i);if(!t.disabled&&!t.readonly&&!t.loading){var e=i.dataTransfer;if(e){t.handleFiles(e.files)}}};this.onInputChange=function(){var i;if(!t.disabled&&!t.readonly&&!t.loading){if((i=t.nativeInput)===null||i===void 0?void 0:i.files){t.handleFiles(t.nativeInput.files)}}};this.onRemoveFile=function(i,e){o(i);if(e>=0&&e<t.files.length){var n=t.files;var r=n.splice(e,1);t.balFilesRemoved.emit(r);t.files=__spreadArray([],n,true);t.balChange.emit(t.files);t.updateFileInput()}};this.onHostClick=function(i){return f(t,i)};this.onInputFocus=function(i){return c(t,i)};this.onInputBlur=function(i){return h(t,i)};this.onInputClick=function(i){if(t.nativeInput&&!t.disabled&&!t.readonly&&!t.loading){t.nativeInput.value=""}t.balInputClick.emit(i)};this.files=[];this.focused=false;this.ariaForm=y;this.name=this.fileUploadId;this.value=[];this.label="Choose or drop a file...";this.multiple=true;this.disabled=false;this.readonly=false;this.loading=false;this.required=false;this.accept=undefined;this.maxFiles=undefined;this.maxFileSize=undefined;this.maxBundleSize=undefined;this.hasFileList=true;this.invalid=false;this.subTitle=undefined;this.autoInvalidOff=false}i.prototype.createLogger=function(i){this.log=i};i.prototype.onValueChange=function(){if(!l(this.files,this.value)){this.files=this.value}};i.prototype.componentWillLoad=function(){this.onValueChange()};i.prototype.connectedCallback=function(){this.initialValue=this.value||[];this.addEventListenerDragAndDrop()};i.prototype.componentDidLoad=function(){this.addEventListenerDragAndDrop()};i.prototype.disconnectedCallback=function(){this.removeEventListenerDragAndDrop()};i.prototype.resetHandler=function(i){var t=this;var e=i.target;if(e===null||e===void 0?void 0:e.contains(this.el)){this.files=__spreadArray([],this.initialValue,true);clearTimeout(this.resetHandlerTimer);this.resetHandlerTimer=setTimeout((function(){if(t.nativeInput){t.nativeInput.files=O(t.initialValue)}}))}};i.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.files=[];this.updateFileInput();return[2]}))}))};i.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){d(this);return[2]}))}))};i.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){b(this);return[2]}))}))};i.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};i.prototype.setAriaForm=function(i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},i);return[2]}))}))};i.prototype.render=function(){var i=this;var e=this.ariaForm.controlId||this.fileUploadId;return t(r,{onClick:this.onHostClick,"aria-disabled":this.disabled?"true":null,class:{"bal-file-upload":true}},t("div",{class:{file:true,"is-disabled":this.disabled||this.readonly||this.loading,"is-danger":this.invalid}},t("label",{htmlFor:e,ref:function(t){return i.labelEl=t},class:{"file-label":true,"is-disabled":this.disabled||this.loading||this.readonly}},t("input",{class:"file-input",type:"file",id:e,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":this.disabled?"true":null,name:this.name,multiple:this.multiple,disabled:this.disabled||this.loading||this.readonly,readonly:this.readonly,required:this.required,accept:this.accept,onClick:this.onInputClick,onChange:this.onInputChange,onFocus:this.onInputFocus,onBlur:this.onInputBlur,ref:function(t){return i.nativeInput=t},"data-testid":"bal-file-upload-input"}),this.loading?t("span",{class:"file-cta"},t("bal-spinner",null)):t("span",{class:"file-cta"},t("span",{class:"file-icon"},t("bal-icon",{name:"upload",size:"medium",color:this.disabled||this.loading||this.readonly?"grey-light":this.invalid?"danger":"blue"})),t("span",{class:"file-label","data-testid":"bal-file-upload-label"},this.label)))),this.hasFileList&&this.files.length>0?t(T,{files:this.files,disabled:this.disabled||this.readonly||this.loading,subTitle:this.subTitle,onRemoveFile:this.onRemoveFile}):"")};Object.defineProperty(i.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{value:["onValueChange"]}},enumerable:false,configurable:true});return i}());a([v("bal-file-upload"),u("design:type",Function),u("design:paramtypes",[Function]),u("design:returntype",void 0)],E.prototype,"createLogger",null);var G=0;E.style=z}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as a,g as
|
|
1
|
+
import{r as t,c as i,h as s,H as a,g as e}from"./p-d7c752c6.js";import{_ as h,a as o}from"./p-43c9f5e9.js";import{e as n}from"./p-94efe2aa.js";import{a as r,c as l,o as d,f as p}from"./p-b80d9e4d.js";import{B as c,i as b}from"./p-3f1c49d0.js";import{B as u}from"./p-ae86d0a0.js";import{L as m}from"./p-b77e3348.js";import{i as v}from"./p-dd5e13d1.js";import{s as y}from"./p-ad9a7657.js";import{m as f}from"./p-88f18fbc.js";import{d as g}from"./p-f385e205.js";import{d as j}from"./p-a19d1e1d.js";import{L as w}from"./p-69e7c8d6.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-aafb6696.js";import"./p-a65354df.js";import"./p-2229e98e.js";const x=class{constructor(s){t(this,s),this.balInput=i(this,"balInput",7),this.balChange=i(this,"balChange",7),this.balWillAnimate=i(this,"balWillAnimate",7),this.balDidAnimate=i(this,"balDidAnimate",7),this.balBlur=i(this,"balBlur",7),this.balFocus=i(this,"balFocus",7),this.balInputClick=i(this,"balInputClick",7),this.balIconClick=i(this,"balIconClick",7),this.balPopoverPrepare=i(this,"balPopoverPrepare",7),this.inputId="bal-da-"+C++,this.inheritedAttributes={},this.onIconClick=async()=>{this.triggerIcon?await this.toggle():await this.open()},this.onInputClick=async()=>{this.triggerIcon||await this.open()},this.onCalendarChange=t=>{y(t),this.value=t.detail,this.balChange.emit(this.value),this.closeOnSelect&&this.close()},this.onInputInput=t=>{if(y(t),this.balInput.emit(t.detail),t.detail){const i=c.fromAnyFormat(t.detail);i.isValid&&(this.calendarValue=i.toISODate())}},this.onInputChange=t=>{y(t),this.value=t.detail,this.balChange.emit(this.value)},this.onInputFocus=t=>{y(t),this.balFocus.emit(t.detail)},this.onInputBlur=t=>{y(t),this.balBlur.emit(t.detail)},this.onKeyPress=async({detail:t})=>{n(t)&&!this.triggerIcon&&(this.isExpanded?await this.close():await this.open())},this.isExpanded=!1,this.language=j.language,this.calendarValue=void 0,this.ariaForm=g,this.name=this.inputId,this.invalid=!1,this.required=!1,this.disabled=!1,this.readonly=!1,this.freeSolo=!1,this.placeholder=void 0,this.triggerIcon=!1,this.closeOnSelect=!0,this.value=void 0,this.min=void 0,this.max=void 0,this.minYearProp=void 0,this.maxYearProp=void 0,this.defaultDate=void 0,this.allowedDates=void 0,this.debounce=0,this.autoInvalidOff=!1}createLogger(t){this.log=t}valueChanged(){this.calendarValue=this.value}debounceChanged(){this.balChange=f(this.balChange,this.debounce)}connectedCallback(){this.valueChanged()}componentWillLoad(){this.inheritedAttributes=v(this.el,["aria-label","tabindex","title"])}async listenToKeydown(t){!this.isExpanded||"Escape"!==t.key&&"Esc"!==t.key||(t.preventDefault(),await this.close())}async listenOnKeyup(t){"Tab"===t.key&&!this.el.contains(document.activeElement)&&this.isExpanded&&await this.close()}async listenOnclick(t){this.isExpanded&&!this.el.contains(t.target)&&await this.close()}async listenOnPopoverPrepare(t){this.inputId!==t.detail&&await this.close()}async configChanged(t){this.language=t.language}async open(){return this.expand()}async close(){return this.collapse()}async toggle(){return this.isExpanded?this.collapse():this.expand()}async select(t){const i=c.fromISO(t);i.isValid&&(this.value=i.toISODate(),this.calendarValue=this.value)}async setFocus(){var t;null===(t=this.inputEl)||void 0===t||t.setFocus()}async setBlur(){var t;null===(t=this.inputEl)||void 0===t||t.setBlur()}async getInputElement(){var t;return null===(t=this.inputEl)||void 0===t?void 0:t.getInputElement()}async setAriaForm(t){var i;this.ariaForm=Object.assign({},t),null===(i=this.inputEl)||void 0===i||i.setAriaForm(t)}async expand(){return this.referenceEl&&this.floatingEl&&(this.balPopoverPrepare.emit(this.inputId),this.balWillAnimate.emit(),this.isExpanded=!0,this.popupCleanup=r(this.referenceEl,this.floatingEl,(()=>{this.updatePosition(this.referenceEl,this.floatingEl)}))),this.isExpanded}async collapse(){return this.floatingEl&&(this.balWillAnimate.emit(),this.isExpanded=!1,this.popupCleanup&&this.popupCleanup(),this.balDidAnimate.emit()),this.isExpanded}updatePosition(t,i){l(t,i,{placement:"bottom-start",middleware:[d(4),p({crossAxis:!1})]}).then((({x:t,y:s})=>{Object.assign(i.style,{left:`${t}px`,top:`${s}px`}),this.balDidAnimate.emit()}))}render(){const t=u.block("date"),i=t.element("icon"),e=t.element("popup");return s(a,{id:this.inputId,class:Object.assign({},t.class())},s("bal-input-group",{invalid:this.invalid,readonly:this.readonly,disabled:this.disabled,ref:t=>this.referenceEl=t},s("bal-input-date",Object.assign({name:this.name,required:this.required,placeholder:this.placeholder,value:this.value,min:this.min,max:this.max,invalid:this.invalid,readonly:this.readonly,disabled:this.disabled,onClick:this.onInputClick,onBalInput:this.onInputInput,onBalChange:this.onInputChange,onBalFocus:this.onInputFocus,onBalBlur:this.onInputBlur,onBalKeyPress:this.onKeyPress,ref:t=>this.inputEl=t},this.inheritedAttributes)),this.freeSolo?"":s("bal-icon",{name:"date",role:"button",tabindex:-1,class:Object.assign(Object.assign({},i.class()),i.modifier("clickable").class(!this.disabled&&!this.readonly)),"is-right":!0,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",onClick:this.onIconClick,"aria-label":b[this.language].toggleDatepicker,"aria-haspopup":"true","aria-expanded":this.isExpanded?"true":"false"})),s("div",{role:"dialog",class:Object.assign(Object.assign({},e.class()),e.modifier("visible").class(this.isExpanded)),ref:t=>this.floatingEl=t,"aria-hidden":`${!0!==this.isExpanded}`,"aria-presented":`${!0===this.isExpanded}`},s("bal-date-calendar",{value:this.calendarValue,min:this.min,max:this.max,minYearProp:this.minYearProp,maxYearProp:this.maxYearProp,defaultDate:this.defaultDate,allowedDates:this.allowedDates,onBalChange:this.onCalendarChange})))}get el(){return e(this)}static get watchers(){return{value:["valueChanged"],debounce:["debounceChanged"]}}};h([m("bal-date"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],x.prototype,"createLogger",null),h([w(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],x.prototype,"configChanged",null);let C=0;x.style=":root{--bal-date-popup-z-index:var(--bal-z-index-tooltip);--bal-date-popup-shadow:var(--bal-shadow-normal);--bal-date-popup-radius:var(--bal-radius-normal)}:root{--bal-z-index-tooltip:1300}.bal-date{display:block;font-family:var(--bal-font-family-text);width:100%}.bal-date__icon--clickable{cursor:pointer}.bal-date__popup{display:none;width:-webkit-max-content;width:-moz-max-content;width:max-content;position:absolute;top:0;left:0;z-index:var(--bal-date-popup-z-index);-webkit-box-shadow:var(--bal-date-popup-shadow);box-shadow:var(--bal-date-popup-shadow);border-radius:var(--bal-date-popup-radius)}.bal-date__popup--visible{display:block}";export{x as bal_date}
|
package/dist/baloise-design-system/{p-afe91abbd5.system.entry.js → p-bb3914c87a.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,a,r){function o(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,s){function i(e){try{l(r.next(e))}catch(e){s(e)}}function n(e){try{l(r["throw"](e))}catch(e){s(e)}}function l(e){e.done?a(e.value):o(e.value).then(i,n)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},r,o,s,i;return i={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function n(e){return function(t){return l([e,t])}}function l(n){if(r)throw new TypeError("Generator is already executing.");while(i&&(i=0,n[0]&&(a=0)),a)try{if(r=1,o&&(s=n[0]&2?o["return"]:n[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,n[1])).done)return s;if(o=0,s)n=[n[0]&2,s.value];switch(n[0]){case 0:case 1:s=n;break;case 4:a.label++;return{value:n[1],done:false};case 5:a.label++;o=n[1];n=[0];continue;case 7:n=a.ops.pop();a.trys.pop();continue;default:if(!(s=a.trys,s=s.length>0&&s[s.length-1])&&(n[0]===6||n[0]===2)){a=0;continue}if(n[0]===3&&(!s||n[1]>s[0]&&n[1]<s[3])){a.label=n[1];break}if(n[0]===6&&a.label<s[1]){a.label=s[1];s=n;break}if(s&&a.label<s[2]){a.label=s[2];a.ops.push(n);break}if(s[2])a.ops.pop();a.trys.pop();continue}n=t.call(e,a)}catch(e){n=[6,e];o=0}finally{r=s=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,a){if(a||arguments.length===2)for(var r=0,o=t.length,s;r<o;r++){if(s||!(r in t)){if(!s)s=Array.prototype.slice.call(t,0,r);s[r]=t[r]}}return e.concat(s||Array.prototype.slice.call(t))};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-8954495d.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-3cb83cf9.system.js","./p-d2ee9b0a.system.js","./p-8a2bab70.system.js","./p-88c086f8.system.js","./p-a4dacc2d.system.js","./p-4e7e0fe4.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-6913b916.system.js","./p-2880433e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-8f430e01.system.js"],(function(e){"use strict";var t,a,r,o,s,i,n,l,c,b,d,p,u,f,v,_;return{setters:[function(e){t=e.h;a=e.r;r=e.c;o=e.H;s=e.g},function(e){i=e._;n=e.a},function(e){l=e.m},function(e){c=e.B},function(e){b=e.L},function(e){d=e.o},function(e){p=e.s},function(e){u=e.n},function(e){f=e.b},function(e){v=e.L},function(e){_=e.L},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var m=function(e){var a=e.item,r=e.isMobile;var o=c.block("steps").element("nav").element("item").element("icon");return t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("done").class(a.done)),o.modifier("active").class(a.active)),o.modifier("failed").class(a.failed)),o.modifier("disabled").class(a.disabled))},t("bal-icon",{style:{display:a.done?"block":"none"},size:r?"small":"",color:a.disabled?"grey":"white",name:"check"}),t("span",{style:{display:!a.done?"block":"none"}},a.failed?"!":(a.index||0)+1))};var h=function(e){var a=e.item;var r=c.block("steps").element("nav").element("item").element("label");return t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("done").class(a.done)),r.modifier("active").class(a.active)),r.modifier("failed").class(a.failed)),r.modifier("disabled").class(a.disabled)),"data-testid":"bal-steps-option-label"},a.label)};var g=function(e){var a=e.item,r=e.isMobile,o=e.clickable,s=e.onSelectTab;var i=c.block("steps").element("nav").element("item");if(a.invisible){return}return t("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("done").class(a.done)),i.modifier("active").class(a.active)),i.modifier("failed").class(a.failed)),i.modifier("disabled").class(a.disabled)),i.modifier("clickable").class(o)),i.modifier("passed").class(a.passed)),{"bal-focusable":!a.disabled&&!a.invisible}),"data-label":a.label,"data-value":a.value,"data-index":a.index,"data-testid":"bal-steps-option","aria-disabled":"".concat(a.disabled),href:a.href===""?"javascript:;":a.href,target:a.target,onClick:function(e){return s(e,a)}},t(m,{item:a,isMobile:r}),t(h,{item:a}))};var x='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__carousel__item{-ms-flex:1;flex:1;min-width:3rem}.bal-steps__nav__carousel__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-carousel-item-background-after);border-radius:var(--bal-steps-step-button-carousel-item-radius);margin-top:3px;margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__carousel__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:1.5rem;margin-right:1.5rem}}.bal-steps__nav__carousel__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-carousel-item-passed-background-after)}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled)}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';var w=x;var y=e("bal_steps",function(){function e(e){var t=this;a(this,e);this.balChange=r(this,"balChange",7);this.stepsId="bal-steps-".concat(k++);this.mutationObserverActive=true;this.getStepOptions=function(){if(t.options.length>0){return __spreadArray([],t.options.map(u),true)}else{return Promise.all(t.items.map((function(e){return e.getOptions()})))}};this.updateStore=function(e){if(!d(t.store,e)){t.store=e}};this.setActiveItem=function(){var e=t.store.filter((function(e){return e.active}));if(e.length>0){var a=e[0];t.value=a.value}else{if(t.value===undefined&&t.store.length>0){var r=t.store[0];t.value=r.value}}};this.setActiveContent=function(){if(t.options.length===0){t.items.forEach((function(e){return e.setActive(t.isActive(e))}))}};this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getStepOptions()];case 1:e=a.sent();this.updateStore(e);this.setActiveItem();this.setActiveContent();return[3,3];case 2:t=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(e,a){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(a.prevent||a.disabled||!this.clickable){p(e)}if(!!a.disabled)return[3,2];if(a.navigate){a.navigate.emit(e)}if(!this.clickable)return[3,2];if(!(a.value!==this.value))return[3,2];this.balChange.emit(a.value);return[4,this.select(a)];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};this.isMobile=f.isMobile;this.store=[];this.options=[];this.clickable=true;this.debounce=0;this.value=undefined}e.prototype.createLogger=function(e){this.log=e};e.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onOptionChange();if(this.options===undefined||this.options.length<1){this.mutationObserverActive=true}else{this.mutationObserverActive=false}return[2]}))}))};e.prototype.debounceChanged=function(){this.balChange=l(this.balChange,this.debounce)};e.prototype.valueChanged=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(e!==t){this.onOptionChange()}return[2]}))}))};e.prototype.connectedCallback=function(){this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1};e.prototype.componentDidLoad=function(){this.onOptionChange()};e.prototype.mutationListener=function(){this.onOptionChange()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.select=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.value=e.value;return[2]}))}))};e.prototype.getOptionByValue=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=this.store;return[2,t.find((function(t){return t.value===e}))]}))}))};Object.defineProperty(e.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.stepsId," > bal-step-item")))},enumerable:false,configurable:true});e.prototype.isActive=function(e){return e.value===this.value};e.prototype.render=function(){var e=this;var a=c.block("steps");var r=a.element("nav");var s=true;var i=-1;var n=this.store.map((function(t){return Object.assign(Object.assign({},t),{active:t.value===e.value})})).map((function(e){if(e.active){s=false}if(!e.invisible){i=i+1}return Object.assign(Object.assign({},e),{passed:s,index:i})}));return t(o,{class:Object.assign({},a.class()),"data-value":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.value})).join(","),"data-label":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.label})).join(",")},t("nav",{role:"tablist",class:Object.assign({},r.class())},t("bal-carousel",{class:Object.assign({},r.element("carousel").class()),onBalChange:p,controls:"small","items-per-view":"auto",steps:3},n.filter((function(e){return!e.invisible})).map((function(a){return t("bal-carousel-item",{key:a.value,class:Object.assign(Object.assign({},r.element("carousel").element("item").class()),r.element("carousel").element("item").modifier("passed").class(a.passed))},t(g,{item:a,isMobile:e.isMobile,clickable:e.clickable&&!a.disabled,onSelectTab:e.onSelectTab}))})))),t("div",{id:this.stepsId,class:Object.assign({},a.element("steps__content").class())},t("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());i([b("bal-steps"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],y.prototype,"createLogger",null);i([v({tags:["bal-steps","bal-step-item"]}),n("design:type",Function),n("design:paramtypes",[]),n("design:returntype",void 0)],y.prototype,"mutationListener",null);i([_(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],y.prototype,"breakpointListener",null);var k=0;y.style=w}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,a,r){function o(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,s){function i(e){try{l(r.next(e))}catch(e){s(e)}}function n(e){try{l(r["throw"](e))}catch(e){s(e)}}function l(e){e.done?a(e.value):o(e.value).then(i,n)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},r,o,s,i;return i={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function n(e){return function(t){return l([e,t])}}function l(n){if(r)throw new TypeError("Generator is already executing.");while(i&&(i=0,n[0]&&(a=0)),a)try{if(r=1,o&&(s=n[0]&2?o["return"]:n[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,n[1])).done)return s;if(o=0,s)n=[n[0]&2,s.value];switch(n[0]){case 0:case 1:s=n;break;case 4:a.label++;return{value:n[1],done:false};case 5:a.label++;o=n[1];n=[0];continue;case 7:n=a.ops.pop();a.trys.pop();continue;default:if(!(s=a.trys,s=s.length>0&&s[s.length-1])&&(n[0]===6||n[0]===2)){a=0;continue}if(n[0]===3&&(!s||n[1]>s[0]&&n[1]<s[3])){a.label=n[1];break}if(n[0]===6&&a.label<s[1]){a.label=s[1];s=n;break}if(s&&a.label<s[2]){a.label=s[2];a.ops.push(n);break}if(s[2])a.ops.pop();a.trys.pop();continue}n=t.call(e,a)}catch(e){n=[6,e];o=0}finally{r=s=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,a){if(a||arguments.length===2)for(var r=0,o=t.length,s;r<o;r++){if(s||!(r in t)){if(!s)s=Array.prototype.slice.call(t,0,r);s[r]=t[r]}}return e.concat(s||Array.prototype.slice.call(t))};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-8954495d.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-8a87b9a8.system.js","./p-d2ee9b0a.system.js","./p-8a2bab70.system.js","./p-14ae0709.system.js","./p-a4dacc2d.system.js","./p-cc61fac8.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-6913b916.system.js","./p-2880433e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-03c136e2.system.js"],(function(e){"use strict";var t,a,r,o,s,i,n,l,c,b,d,p,u,f,v,_;return{setters:[function(e){t=e.h;a=e.r;r=e.c;o=e.H;s=e.g},function(e){i=e._;n=e.a},function(e){l=e.m},function(e){c=e.B},function(e){b=e.L},function(e){d=e.o},function(e){p=e.s},function(e){u=e.n},function(e){f=e.b},function(e){v=e.L},function(e){_=e.L},function(){},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var m=function(e){var a=e.item,r=e.isMobile;var o=c.block("steps").element("nav").element("item").element("icon");return t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("done").class(a.done)),o.modifier("active").class(a.active)),o.modifier("failed").class(a.failed)),o.modifier("disabled").class(a.disabled))},t("bal-icon",{style:{display:a.done?"block":"none"},size:r?"small":"",color:a.disabled?"grey":"white",name:"check"}),t("span",{style:{display:!a.done?"block":"none"}},a.failed?"!":(a.index||0)+1))};var h=function(e){var a=e.item;var r=c.block("steps").element("nav").element("item").element("label");return t("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("done").class(a.done)),r.modifier("active").class(a.active)),r.modifier("failed").class(a.failed)),r.modifier("disabled").class(a.disabled)),"data-testid":"bal-steps-option-label"},a.label)};var g=function(e){var a=e.item,r=e.isMobile,o=e.clickable,s=e.onSelectTab;var i=c.block("steps").element("nav").element("item");if(a.invisible){return}return t("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("done").class(a.done)),i.modifier("active").class(a.active)),i.modifier("failed").class(a.failed)),i.modifier("disabled").class(a.disabled)),i.modifier("clickable").class(o)),i.modifier("passed").class(a.passed)),{"bal-focusable":!a.disabled&&!a.invisible}),"data-label":a.label,"data-value":a.value,"data-index":a.index,"data-testid":"bal-steps-option","aria-disabled":"".concat(a.disabled),href:a.href===""?"javascript:;":a.href,target:a.target,onClick:function(e){return s(e,a)}},t(m,{item:a,isMobile:r}),t(h,{item:a}))};var x='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__carousel__item{-ms-flex:1;flex:1;min-width:3rem}.bal-steps__nav__carousel__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-carousel-item-background-after);border-radius:var(--bal-steps-step-button-carousel-item-radius);margin-top:3px;margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__carousel__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:1.5rem;margin-right:1.5rem}}.bal-steps__nav__carousel__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-carousel-item-passed-background-after)}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled)}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';var w=x;var y=e("bal_steps",function(){function e(e){var t=this;a(this,e);this.balChange=r(this,"balChange",7);this.stepsId="bal-steps-".concat(k++);this.mutationObserverActive=true;this.getStepOptions=function(){if(t.options.length>0){return __spreadArray([],t.options.map(u),true)}else{return Promise.all(t.items.map((function(e){return e.getOptions()})))}};this.updateStore=function(e){if(!d(t.store,e)){t.store=e}};this.setActiveItem=function(){var e=t.store.filter((function(e){return e.active}));if(e.length>0){var a=e[0];t.value=a.value}else{if(t.value===undefined&&t.store.length>0){var r=t.store[0];t.value=r.value}}};this.setActiveContent=function(){if(t.options.length===0){t.items.forEach((function(e){return e.setActive(t.isActive(e))}))}};this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getStepOptions()];case 1:e=a.sent();this.updateStore(e);this.setActiveItem();this.setActiveContent();return[3,3];case 2:t=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(e,a){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(a.prevent||a.disabled||!this.clickable){p(e)}if(!!a.disabled)return[3,2];if(a.navigate){a.navigate.emit(e)}if(!this.clickable)return[3,2];if(!(a.value!==this.value))return[3,2];this.balChange.emit(a.value);return[4,this.select(a)];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};this.isMobile=f.isMobile;this.store=[];this.options=[];this.clickable=true;this.debounce=0;this.value=undefined}e.prototype.createLogger=function(e){this.log=e};e.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onOptionChange();if(this.options===undefined||this.options.length<1){this.mutationObserverActive=true}else{this.mutationObserverActive=false}return[2]}))}))};e.prototype.debounceChanged=function(){this.balChange=l(this.balChange,this.debounce)};e.prototype.valueChanged=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(e!==t){this.onOptionChange()}return[2]}))}))};e.prototype.connectedCallback=function(){this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1};e.prototype.componentDidLoad=function(){this.onOptionChange()};e.prototype.mutationListener=function(){this.onOptionChange()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.select=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.value=e.value;return[2]}))}))};e.prototype.getOptionByValue=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){t=this.store;return[2,t.find((function(t){return t.value===e}))]}))}))};Object.defineProperty(e.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.stepsId," > bal-step-item")))},enumerable:false,configurable:true});e.prototype.isActive=function(e){return e.value===this.value};e.prototype.render=function(){var e=this;var a=c.block("steps");var r=a.element("nav");var s=true;var i=-1;var n=this.store.map((function(t){return Object.assign(Object.assign({},t),{active:t.value===e.value})})).map((function(e){if(e.active){s=false}if(!e.invisible){i=i+1}return Object.assign(Object.assign({},e),{passed:s,index:i})}));return t(o,{class:Object.assign({},a.class()),"data-value":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.value})).join(","),"data-label":this.store.filter((function(t){return e.isActive(t)})).map((function(e){return e.label})).join(",")},t("nav",{role:"tablist",class:Object.assign({},r.class())},t("bal-carousel",{class:Object.assign({},r.element("carousel").class()),onBalChange:p,controls:"small","items-per-view":"auto",steps:3},n.filter((function(e){return!e.invisible})).map((function(a){return t("bal-carousel-item",{key:a.value,class:Object.assign(Object.assign({},r.element("carousel").element("item").class()),r.element("carousel").element("item").modifier("passed").class(a.passed))},t(g,{item:a,isMobile:e.isMobile,clickable:e.clickable&&!a.disabled,onSelectTab:e.onSelectTab}))})))),t("div",{id:this.stepsId,class:Object.assign({},a.element("steps__content").class())},t("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());i([b("bal-steps"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],y.prototype,"createLogger",null);i([v({tags:["bal-steps","bal-step-item"]}),n("design:type",Function),n("design:paramtypes",[]),n("design:returntype",void 0)],y.prototype,"mutationListener",null);i([_(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],y.prototype,"breakpointListener",null);var k=0;y.style=w}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-23bdd8dc.system.js","./p-b3f2c626.system.js"],(function(a){"use strict";var n,o,c,e,l,t,b,I,r,i,s,u,g,d,f,m,v,C,p,h,L,k,w,D,G,N,y,U;return{setters:[function(a){n=a.d},function(a){o=a.b;c=a.a;e=a.c;l=a.d;t=a.e;b=a.f;I=a.g;r=a.h;i=a.i;s=a.j;u=a.k;g=a.l;d=a.m;f=a.n;m=a.o;v=a.p;C=a.q;p=a.r;h=a.s;L=a.t;k=a.u;w=a.v;D=a.w;G=a.x;N=a.y;y=a.z;U=a.A}],execute:function(){var j={balIconClose:o,balIconInfoCircle:c,balIconPlus:e,balIconMinus:l,balIconEdit:t,balIconTrash:b,balIconNavGoLeft:I,balIconNavGoRight:r,balIconNavGoDown:i,balIconNavGoUp:s,balIconCheck:u,balIconDate:g,balIconDocument:d,balIconUpload:f,balIconMenuBars:m,balIconFacebook:v,balIconInstagram:C,balIconLinkedin:p,balIconTwitter:h,balIconX:L,balIconXing:k,balIconYoutube:w,balIconWeb:D,balIconCaretDown:G,balIconCaretLeft:N,balIconCaretRight:y,balIconCaretUp:U};var F=a("d",{region:"CH",language:"de",allowedLanguages:["de","fr","it","en"],icons:j,fallbackLanguage:"de",logger:n,animated:true,httpFormSubmit:true});var M=a("a","".concat(F.language,"-").concat(F.region))}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,s){function a(t){try{f(i.next(t))}catch(t){s(t)}}function o(t){try{f(i["throw"](t))}catch(t){s(t)}}function f(t){t.done?n(t.value):r(t.value).then(a,o)}f((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,r,s,a;return a={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(t){return function(e){return f([t,e])}}function f(o){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,o[0]&&(n=0)),n)try{if(i=1,r&&(s=o[0]&2?r["return"]:o[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,o[1])).done)return s;if(r=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){n.label=o[1];break}if(o[0]===6&&n.label<s[1]){n.label=s[1];s=o;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(o);break}if(s[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(t){o=[6,t];r=0}finally{i=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-456fc561.system.js","./p-6dbef894.system.js","./p-8954495d.system.js","./p-23bdd8dc.system.js","./p-db0895e2.system.js","./p-bb6304d0.system.js","./p-0177e3a0.system.js","./p-a1f6e944.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js"],(function(t,e){"use strict";var n,i,r,s,a,o,f,c,u,l,h,d;return{setters:[function(t){n=t.r;i=t.h;r=t.H;s=t.g},function(t){a=t._;o=t.a},function(t){f=t.l;c=t.k},function(t){u=t.L},function(t){l=t.B},function(t){h=t.d},function(t){d=t.L},function(){},function(){},function(){}],execute:function(){var m="bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:4rem}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}.bal-spinner--small{width:2rem}.bal-spinner--circle{margin:auto;border-width:.25rem;border-style:solid;border-color:var(--bal-color-grey);border-radius:50%;border-top-color:var(--bal-color-primary);width:1.5rem;height:1.5rem}.bal-spinner--circle.bal-spinner--small{width:1.125rem;height:1.125rem;border-width:.2rem}.bal-spinner--circle.bal-spinner--animated{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";var b=m;var p=t("bal_spinner",function(){function t(t){var i=this;n(this,t);this.animate=function(){return __awaiter(i,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:if(!this.animated){this.destroy();return[2]}return[4,this.load()];case 1:e.sent();if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}if(this.shouldAnimate()){this.destroy();this.currentRaf=f((function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){if(this.animationFunction){this.animationFunction(this.el,this.getColor())}return[2]}))}))}))}return[2]}}))}))};this.destroy=function(){if(i.animationItem&&i.animationItem.destroy){i.animationItem.destroy()}i.el.innerHTML=""};this.shouldAnimate=function(){if(i.variation!=="logo"){return false}if(typeof window==="undefined"){return false}if(i.animationFunction===undefined){return false}return!i.deactivated};this.load=function(){return __awaiter(i,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){return[2,new Promise((function(n,i){if(t.animationFunction){return n()}else{c((function(){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(r){e.import("./p-d0537382.system.js").then((function(e){t.animationFunction=e.animate;n()})).catch(i);return[2]}))}))}))}}))]}))}))};this.animated=h.animated;this.inverted=false;this.deactivated=false;this.color="blue";this.small=false;this.variation="logo"}t.prototype.createLogger=function(t){this.log=t};t.prototype.deactivatedWatcher=function(t,e){if(t!==e){if(this.deactivated){this.destroy()}else{this.animate()}}};t.prototype.variationWatcher=function(t,e){if(t!==e){if(this.variation==="circle"){this.destroy()}else{this.animate()}}};t.prototype.componentDidLoad=function(){if(this.variation==="logo"){this.animate()}else{this.destroy()}};t.prototype.disconnectedCallback=function(){if(this.el&&!this.el.isConnected){this.destroy()}};t.prototype.configChanged=function(t){this.animated=t.animated;if(t.animated===false){this.destroy()}};t.prototype.getColor=function(){return this.inverted||this.color==="white"?"#ffffff":"#151f6d"};t.prototype.render=function(){var t=l.block("spinner");return i(r,{class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("circle").class(this.variation==="circle")),t.modifier("small").class(this.small)),t.modifier("animated").class(this.animated)),role:"progressbar","aria-hidden":"true"})};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{deactivated:["deactivatedWatcher"],variation:["variationWatcher"]}},enumerable:false,configurable:true});return t}());a([u("bal-spinner"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],p.prototype,"createLogger",null);a([d(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],p.prototype,"configChanged",null);p.style=b}}}));
|