@baloise/ds-core 19.8.4 → 19.9.0-nightly.20260305
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/all.d.ts +2 -0
- package/components/all.js +3 -0
- package/components/animation.decorator.js +1 -1
- package/components/bal-accordion.js +1 -1
- package/components/bal-app.js +1 -102
- package/components/bal-app2.js +104 -0
- package/components/bal-button2.js +1 -1
- package/components/bal-carousel-item.js +1 -1
- package/components/bal-checkbox-group.js +1 -1
- package/components/bal-date-calendar2.js +1 -1
- package/components/bal-date.js +1 -1
- package/components/bal-doc-app.d.ts +11 -0
- package/components/bal-doc-app.js +264 -0
- package/components/bal-dropdown.js +1 -1
- package/components/bal-field.js +1 -1
- package/components/bal-footer.js +1 -1
- package/components/bal-form.js +1 -1
- package/components/bal-input-stepper.js +1 -1
- package/components/bal-list-item-accordion-body2.js +1 -1
- package/components/bal-list-item2.js +1 -1
- package/components/bal-logo.animation.js +77 -940
- package/components/bal-logo2.js +35 -20
- package/components/bal-modal.js +1 -1
- package/components/bal-nav.js +1 -1
- package/components/bal-navbar-brand.js +1 -1
- package/components/bal-option-list2.js +1 -1
- package/components/bal-popup2.js +1 -1
- package/components/bal-radio-group.js +1 -1
- package/components/bal-segment-item.js +1 -1
- package/components/bal-select2.js +1 -1
- package/components/bal-spinner2.js +1 -1
- package/components/bal-stage-image.js +1 -1
- package/components/bal-tabs2.js +1 -1
- package/components/breakpoints.subject.js +1 -1
- package/components/config.default.js +1 -0
- package/components/element-states.decorator.js +1 -1
- package/components/floating-ui.js +1 -1
- package/components/focus.decorator.js +1 -1
- package/components/form-input.js +1 -1
- package/components/helpers.js +1 -1
- package/components/index.js +5 -440
- package/components/initialize.js +450 -0
- package/components/mutation.decorator.js +1 -1
- package/components/overlays.js +1 -1
- package/components/resize.decorator.js +1 -1
- package/components/swipe.subject.js +1 -1
- package/components/swiper.util.js +1 -1
- package/components/tokens.esm.js +1 -1
- package/components/visibility.decorator.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-a53c24274c.entry.js → p-0077e5a12f.entry.js} +1 -1
- package/dist/baloise-design-system/p-01a0ac82ed.entry.js +1 -0
- package/dist/baloise-design-system/{p-0db571d8f2.system.entry.js → p-03ca192ad3.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cb3abec4bd.system.entry.js → p-20d311432c.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-21ea7b32f1.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-b01f9c5651.entry.js → p-2333a469fa.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e2e7e3c5c4.entry.js → p-2f4b1993cc.entry.js} +1 -1
- package/dist/baloise-design-system/p-3VlTyI5Z.system.js +1 -0
- package/dist/baloise-design-system/{p-41dcd76f1f.system.entry.js → p-40a2f8778f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a32d50871a.system.entry.js → p-40f2569a17.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-70bdd60500.system.entry.js → p-41c63c9a82.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f55a98dc20.entry.js → p-4b11899c5c.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1df2fb625c.entry.js → p-4b2eeb8c37.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8cf1d029e7.entry.js → p-4be902176f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-31abb1f859.entry.js → p-54f5a92feb.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f91be8b19a.entry.js → p-561277b588.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6670584628.entry.js → p-5d1e1b4fa5.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c29bcf4e69.entry.js → p-5ecc0f5e73.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9da9d45bda.system.entry.js → p-6191805e40.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1074fb7fbc.entry.js → p-65b8790526.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cd6d0bfa91.system.entry.js → p-69234b4abe.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-72a362d237.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-93dc4e9ec8.entry.js → p-733dd88fe5.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b38b2e9484.system.entry.js → p-772db94619.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f6238b798a.system.entry.js → p-79006350e3.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-26764b092e.entry.js → p-7b52e9987d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d94f439c3b.system.entry.js → p-9191e04f14.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5a66d8f568.entry.js → p-919d365894.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f8b560b22f.system.entry.js → p-9334235334.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d4252ea848.system.entry.js → p-9417cf5581.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ac1cd5a1e1.system.entry.js → p-979dfed703.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-878f4e40a8.entry.js → p-9a934ccae7.entry.js} +1 -1
- package/dist/baloise-design-system/p-9ca0a9bf5c.entry.js +1 -0
- package/dist/baloise-design-system/p-BFRjY4w3.js +1 -0
- package/dist/baloise-design-system/p-BRAmUyPx.system.js +1 -0
- package/dist/baloise-design-system/{p-BVitEMYC.system.js → p-BSDw9H4A.system.js} +1 -1
- package/dist/baloise-design-system/{p-COIM5Kkz.js → p-BS_noTB2.js} +1 -1
- package/dist/baloise-design-system/{p-B3ZVog4n.system.js → p-Bj94DsFM.system.js} +1 -1
- package/dist/baloise-design-system/p-BvSkuJ_n.js +1 -0
- package/dist/baloise-design-system/p-BzIZLOtt.system.js +1 -0
- package/dist/baloise-design-system/p-CBkFUwrD.js +1 -0
- package/dist/baloise-design-system/p-CM3hCeNH.js +1 -0
- package/dist/baloise-design-system/p-C_qvcMEM.system.js +1 -0
- package/dist/baloise-design-system/p-CuyVPNj2.system.js +1 -0
- package/dist/baloise-design-system/p-DRGlmaYw.system.js +1 -0
- package/dist/baloise-design-system/{p-CgBveYeB.js → p-Dpr8A2IY.js} +1 -1
- package/dist/baloise-design-system/p-Ectc3YAG.js +1 -0
- package/dist/baloise-design-system/{p-ReLIdwsB.js → p-KYT2bmpn.js} +1 -1
- package/dist/baloise-design-system/p-Yg1qLcvR.js +1 -0
- package/dist/baloise-design-system/{p-3f596ba050.entry.js → p-a10bc9e5d8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4256f1331b.entry.js → p-a3c4c9d422.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a2a1ed74fe.system.entry.js → p-ad0384474e.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-93311a064b.system.entry.js → p-aec5e73a82.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0b05d342f5.entry.js → p-b13d48cf28.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b4ff1b324f.system.entry.js → p-b27bea7701.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-dcebb4b8a2.system.entry.js → p-b43e8e98b9.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-26085b7dcc.system.entry.js → p-ba9bb78608.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f682c289a1.system.entry.js → p-c8491fda99.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c291d986ba.entry.js → p-ce2de36f43.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4aeaa1a916.system.entry.js → p-d20d698c0b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-81a7d8f03d.entry.js → p-daceb2fb50.entry.js} +1 -1
- package/dist/baloise-design-system/{p-38fa211868.entry.js → p-e7aa8239c9.entry.js} +1 -1
- package/dist/baloise-design-system/{p-133b5a4986.entry.js → p-ea9aa92049.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e1b3b1f609.system.entry.js → p-ec911df779.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f6cb5253aa.system.entry.js → p-eda2b48e62.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-255e5491e6.system.entry.js → p-eeeb52f266.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-06ae31c81e.entry.js → p-efd2551aca.entry.js} +1 -1
- package/dist/baloise-design-system/{p-99a9cc7202.entry.js → p-fbe515646a.entry.js} +1 -1
- package/dist/baloise-design-system/{p-042570e1b4.system.entry.js → p-ff84d8a24a.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-giOY60zQ.system.js +1 -0
- package/dist/baloise-design-system/p-ncoiCFQ1.system.js +1 -0
- package/dist/baloise-design-system/{p-DAsF8QfB.system.js → p-wppmhJ05.system.js} +1 -1
- package/dist/cjs/app-globals-DcKvQZAC.js +7 -0
- package/dist/cjs/bal-accordion_4.cjs.entry.js +1 -1
- package/dist/cjs/bal-carousel_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-close.cjs.entry.js +1 -1
- package/dist/cjs/bal-date-calendar_2.cjs.entry.js +1 -1
- package/dist/cjs/bal-date.cjs.entry.js +1 -1
- package/dist/cjs/bal-doc-app.cjs.entry.js +231 -0
- package/dist/cjs/bal-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/bal-field_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-footer.cjs.entry.js +1 -1
- package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-icon.cjs.entry.js +1 -1
- package/dist/cjs/bal-input-stepper.cjs.entry.js +2 -2
- package/dist/cjs/bal-label.cjs.entry.js +1 -1
- package/dist/cjs/bal-list_8.cjs.entry.js +4 -4
- package/dist/cjs/{bal-logo.animation-q2TTdoP3.js → bal-logo.animation-B4LvXc5Q.js} +77 -940
- package/dist/cjs/bal-logo.cjs.entry.js +35 -22
- package/dist/cjs/bal-nav_8.cjs.entry.js +4 -4
- package/dist/cjs/bal-navbar_5.cjs.entry.js +4 -4
- package/dist/cjs/bal-number-input.cjs.entry.js +2 -2
- package/dist/cjs/bal-pagination.cjs.entry.js +4 -4
- package/dist/cjs/bal-progress-bar.cjs.entry.js +4 -4
- package/dist/cjs/bal-segment_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-spinner.cjs.entry.js +1 -1
- package/dist/cjs/bal-steps.cjs.entry.js +3 -3
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-time-input.cjs.entry.js +1 -1
- package/dist/cjs/baloise-design-system.cjs.js +5 -4
- package/dist/cjs/{breakpoints.decorator-byAdfhn7.js → breakpoints.decorator-D6Zo_NKF.js} +1 -1
- package/dist/cjs/{breakpoints.subject-CarqIcOv.js → breakpoints.subject-zt9eoqxv.js} +1 -1
- package/dist/cjs/{config.default-Bkso4_bY.js → config.default-Cko-wpRU.js} +1 -0
- package/dist/cjs/global-BOGOCc0T.js +9 -0
- package/dist/cjs/index.cjs.js +4 -4
- package/dist/cjs/{initialize-CWGvp-PN.js → initialize-BzrcZo6Y.js} +11 -2
- package/dist/cjs/loader.cjs.js +5 -4
- package/dist/cjs/{number-COdZG-wK.js → number-Zs70JOU-.js} +1 -1
- package/dist/cjs/{tokens.esm-wN1fum6F.js → tokens.esm-cWyf2huK.js} +1 -1
- package/dist/cjs/{window-resize.decorator-DMReD0Er.js → window-resize.decorator-C581Ozga.js} +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/bal-logo/bal-logo.css +1 -1
- package/dist/collection/components/bal-logo/bal-logo.data.js +77 -940
- package/dist/collection/components/bal-logo/bal-logo.js +57 -17
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +248 -0
- package/dist/collection/utils/config/config.default.js +1 -0
- package/dist/collection/utils/config/config.js +9 -0
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/esm/app-globals-CIj5uAPM.js +5 -0
- package/dist/esm/bal-accordion_4.entry.js +1 -1
- package/dist/esm/bal-carousel_2.entry.js +4 -4
- package/dist/esm/bal-close.entry.js +1 -1
- package/dist/esm/bal-date-calendar_2.entry.js +1 -1
- package/dist/esm/bal-date.entry.js +1 -1
- package/dist/esm/bal-doc-app.entry.js +229 -0
- package/dist/esm/bal-dropdown_3.entry.js +1 -1
- package/dist/esm/bal-field_5.entry.js +3 -3
- package/dist/esm/bal-footer.entry.js +1 -1
- package/dist/esm/bal-hint_5.entry.js +3 -3
- package/dist/esm/bal-icon.entry.js +1 -1
- package/dist/esm/bal-input-stepper.entry.js +2 -2
- package/dist/esm/bal-label.entry.js +1 -1
- package/dist/esm/bal-list_8.entry.js +4 -4
- package/dist/esm/{bal-logo.animation-Bm-_mal3.js → bal-logo.animation-DQd9HTdg.js} +77 -940
- package/dist/esm/bal-logo.entry.js +35 -22
- package/dist/esm/bal-nav_8.entry.js +4 -4
- package/dist/esm/bal-navbar_5.entry.js +4 -4
- package/dist/esm/bal-number-input.entry.js +2 -2
- package/dist/esm/bal-pagination.entry.js +4 -4
- package/dist/esm/bal-progress-bar.entry.js +4 -4
- package/dist/esm/bal-segment_2.entry.js +4 -4
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-spinner.entry.js +1 -1
- package/dist/esm/bal-steps.entry.js +3 -3
- package/dist/esm/bal-tab-item_2.entry.js +4 -4
- package/dist/esm/bal-time-input.entry.js +1 -1
- package/dist/esm/baloise-design-system.js +5 -4
- package/dist/esm/{breakpoints.decorator-t_yXJIZL.js → breakpoints.decorator-Byw3OjIy.js} +1 -1
- package/dist/esm/{breakpoints.subject-BnQp404Z.js → breakpoints.subject-BY7lMX-X.js} +1 -1
- package/dist/esm/{config.default-I6QXKbhg.js → config.default-RE8-gLMQ.js} +1 -0
- package/dist/esm/global-Llrc69_N.js +7 -0
- package/dist/esm/index.js +5 -5
- package/dist/esm/{initialize-pdWsVO-c.js → initialize-W3od-FM9.js} +11 -2
- package/dist/esm/loader.js +5 -4
- package/dist/esm/{number-Bwx2aNR0.js → number-DfnRcL0e.js} +1 -1
- package/dist/esm/{tokens.esm-Cf90NR4z.js → tokens.esm-WBqHcvAW.js} +1 -1
- package/dist/esm/{window-resize.decorator-DBJlK-45.js → window-resize.decorator-CMpnD2hf.js} +1 -1
- package/dist/esm-es5/app-globals-CIj5uAPM.js +1 -0
- package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-close.entry.js +1 -1
- package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
- package/dist/esm-es5/bal-date.entry.js +1 -1
- package/dist/esm-es5/bal-doc-app.entry.js +1 -0
- package/dist/esm-es5/bal-dropdown_3.entry.js +1 -1
- package/dist/esm-es5/bal-field_5.entry.js +1 -1
- package/dist/esm-es5/bal-footer.entry.js +1 -1
- package/dist/esm-es5/bal-hint_5.entry.js +1 -1
- package/dist/esm-es5/bal-icon.entry.js +1 -1
- package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
- package/dist/esm-es5/bal-label.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.animation-DQd9HTdg.js +1 -0
- package/dist/esm-es5/bal-logo.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-number-input.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-segment_2.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-spinner.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/bal-time-input.entry.js +1 -1
- package/dist/esm-es5/baloise-design-system.js +1 -1
- package/dist/esm-es5/{breakpoints.decorator-t_yXJIZL.js → breakpoints.decorator-Byw3OjIy.js} +1 -1
- package/dist/esm-es5/{breakpoints.subject-BnQp404Z.js → breakpoints.subject-BY7lMX-X.js} +1 -1
- package/dist/esm-es5/{config.default-I6QXKbhg.js → config.default-RE8-gLMQ.js} +1 -1
- package/dist/esm-es5/global-Llrc69_N.js +1 -0
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-W3od-FM9.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{number-Bwx2aNR0.js → number-DfnRcL0e.js} +1 -1
- package/dist/esm-es5/{window-resize.decorator-DBJlK-45.js → window-resize.decorator-CMpnD2hf.js} +1 -1
- package/dist/html.html-data.json +12 -0
- package/dist/types/components/bal-logo/bal-logo.d.ts +6 -0
- package/dist/types/components/bal-logo/bal-logo.data.d.ts +81 -187
- package/dist/types/components/bal-logo/bal-logo.interfaces.d.ts +1 -1
- package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
- package/dist/types/components.d.ts +85 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +82 -0
- package/dist/types/utils/config/config.d.ts +3 -1
- package/dist/types/utils/config/config.types.d.ts +3 -0
- package/package.json +6 -6
- package/dist/baloise-design-system/p-74047cc11f.entry.js +0 -1
- package/dist/baloise-design-system/p-B1a79Kak.system.js +0 -1
- package/dist/baloise-design-system/p-BC9JH89x.js +0 -1
- package/dist/baloise-design-system/p-BRJ7ljGZ.system.js +0 -1
- package/dist/baloise-design-system/p-BblIE2Vz.system.js +0 -1
- package/dist/baloise-design-system/p-BtgFoKGn.js +0 -1
- package/dist/baloise-design-system/p-CBUCh83e.js +0 -1
- package/dist/baloise-design-system/p-C_0MGoKB.js +0 -1
- package/dist/baloise-design-system/p-CwWHLbPB.system.js +0 -1
- package/dist/baloise-design-system/p-DNy7adIE.system.js +0 -1
- package/dist/baloise-design-system/p-Dhp6-MTS.system.js +0 -1
- package/dist/baloise-design-system/p-DsxGYykr.js +0 -1
- package/dist/baloise-design-system/p-db2823d02b.system.entry.js +0 -1
- package/dist/baloise-design-system/p-wAfnccKA.system.js +0 -1
- package/dist/cjs/app-globals-C_KNnTwa.js +0 -11
- package/dist/esm/app-globals-BRqdW0lU.js +0 -9
- package/dist/esm-es5/app-globals-BRqdW0lU.js +0 -1
- package/dist/esm-es5/bal-logo.animation-Bm-_mal3.js +0 -1
- package/dist/esm-es5/initialize-pdWsVO-c.js +0 -1
- /package/dist/baloise-design-system/{p-LFV9NiI-.system.js → p-DKS7hs2P.system.js} +0 -0
- /package/dist/baloise-design-system/{p-Cf90NR4z.js → p-WBqHcvAW.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-Cf90NR4z.js → tokens.esm-WBqHcvAW.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as o,r as t,c as e,H as r,g as a}from"./p-BdVwMG9u.js";import{_ as i,a as n}from"./p-dfXERft2.js";import{i as l}from"./p-C4sZQbkT.js";import{B as d}from"./p-ByiN-QjD.js";import{b as s}from"./p-B1u-Mq75.js";import{d as p}from"./p-FCLKfv6B.js";import{s as b}from"./p-CpDHeXfo.js";import{r as h,a as c,o as u,p as _,b as w,m}from"./p-Ba5qjFjW.js";import{L as v}from"./p-D7ovid3w.js";import{i as g}from"./p-xbSOW78W.js";import{a as f}from"./p-BAaDJIzy.js";import{F as y}from"./p-DqCbGYzv.js";import{b as x}from"./p-CI2FR64u.js";import{D as k}from"./p-BLp4ll3i.js";import{a as j}from"./p-DBsOHTWj.js";import{d as O}from"./p-C_0MGoKB.js";import{d as C,b as F,a as L,j as z,i as B}from"./p-BERg8BNc.js";import{L as S}from"./p-B-L34nz8.js";import{B as A,L as T}from"./p-CeRECGC7.js";import{i as D,s as I}from"./p-BG4j3FEv.js";import"./p-D7M-7v58.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-C20cwFWy.js";class V{constructor(){this.handleAutoFill=async o=>{if(b(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,t=await this.parseAutoFillValueWithOptions(o);if(void 0===t)return void(this.component.isAutoFilled=!1);f(t,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(t,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const t=await this.component.listEl.getOptions();for(let e=0;e<t.length;e++){const r=t[e];if(r.value===o||r.label===o)return[r.value]}}}const E={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};class R{constructor(){this.handlePointerDown=()=>{this.component.isKeyboardMode=!1},this.handleKeydown=o=>{this.component.isKeyboardMode=y.includes(o.key)}}connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(o){this.component.isExpanded||(this.component.hasFocus=!1,h((()=>this.component.balBlur.emit(o))))}handleClick(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips&&o.target.closest("bal-close"))return;if(this.component.clearable&&o.target.closest(".bal-dropdown__clear"))return void this.component.valueUtil.updateRawValueBySelection([]);this.component.popupUtil.toggleList()}}handleOutsideClick(o){var t;this.component.isExpanded&&(this.component.el.contains(o.target)||(this.component.isExpanded=!1,null===(t=this.component.listEl)||void 0===t||t.resetFocus(),this.component.hasFocus=!1,h((()=>this.component.balBlur.emit(o)))))}}class W{connectedCallback(o){this.component=o}focusOptionByLabel(o,t={}){this.component.labelToFocus=(this.component.labelToFocus+o).trim(),this.component.labelToFocus.length>0&&(clearTimeout(this.keyHitTimeout),this.keyHitTimeout=setTimeout((()=>{var o;null===(o=this.component.listEl)||void 0===o||o.focusByLabel(this.component.labelToFocus,t)}),100),clearTimeout(this.timeout),this.timeout=setTimeout((async()=>{this.component.labelToFocus=""}),1e3))}}class q{connectedCallback(o){this.component=o,this.component.initialValue=this.component.value}componentDidRender(){this.component.selectEl&&this.component.selectEl.querySelectorAll("option").forEach((o=>{this.component.rawValue.includes(o.value)&&(o.selected=!0)}))}handle(o){const t=o.target;(null==t?void 0:t.contains(this.component.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{const o=this.component.valueUtil.parseValueString(this.component.initialValue);this.component.valueUtil.updateRawValueBySelection(o)}),0))}}const H=({name:t,httpFormSubmit:e,multiple:r,required:a,disabled:i,rawValue:n,refSelectEl:l})=>{const s=d.block("dropdown");return e?o("select",{class:Object.assign({},s.element("root").element("select").class()),"aria-hidden":"true",name:t,multiple:r,required:a,disabled:i,tabindex:-1,ref:l},n.map((t=>o("option",{key:t,value:t,selected:!0},t)))):""},P=({size:t,theme:e,icon:r,language:a,loading:i,clearable:n,invalid:l,filled:s,expanded:p,disabled:b})=>{const h=d.block("dropdown");return i?o("bal-spinner",{class:Object.assign({},h.element("rear").class()),small:!0,variation:"circle",color:"white"}):n&&s&&!b?o("button",{title:E[a].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},h.element("rear").class()),h.element("clear").class()),h.element("clear").modifier("invalid").class(l)),h.element("clear").modifier("theme-purple").class("purple"===e))},o("bal-icon",{class:Object.assign({},h.element("rear").class()),name:"purple"===e?"close":"close-circle",size:t,color:"purple"===e?"primary":"grey"})):o("bal-icon",{class:Object.assign({},h.element("rear").class()),name:r,size:t,turn:p,color:b?"grey":l?"danger":"primary"})},$=({inputId:t,httpFormSubmit:e,ariaForm:r,rawValue:a,autocomplete:i,required:n,disabled:l,readonly:s,placeholder:p,expanded:b,invalid:h,language:c,inputLabel:u,inheritedAttributes:_,refInputEl:w,onChange:m,onFocus:v,onBlur:g,onKeyDown:f})=>{const y=d.block("dropdown"),x=()=>o("input",Object.assign({id:r.controlId||`${t}-ctrl`,class:Object.assign({},y.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",autoComplete:i,value:a.join(","),required:n,disabled:l,readonly:s,placeholder:p,title:b?E[c].close:E[c].open,"aria-label":b?E[c].close:E[c].open,"aria-owns":`${t}-menu`,"aria-invalid":j(h),"aria-disabled":j(l||s),"aria-labelledby":r.labelId,"aria-describedby":r.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":u,"data-value":a.join(","),ref:o=>w(o),onChange:o=>m(o),onFocus:o=>v(o),onBlur:o=>g(o),onKeyDown:o=>f(o)},_));return e?o(x,null):o("form",{novalidate:!0},o(x,null))};class M{constructor(){this.updatePanelPosition=(o,t,e)=>()=>{o.computePosition(t,e,{placement:"bottom-start",middleware:[o.flip(),o.shift()]}).then((({x:o,y:t})=>{Object.assign(e.style,{left:`${o}px`,top:`${t}px`})}))}}connectedCallback(o){this.component=o}toggleList(){this.component.valueUtil.isDisabled()||(this.component.isExpanded?this.collapseList():this.expandList())}async expandList(){var o;if(this.component.panelEl){const o=await x.load();this.component.panelCleanup=o.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(o,this.component.el,this.component.panelEl))}this.component.isExpanded=!0,await(null===(o=this.component.listEl)||void 0===o?void 0:o.focusSelected())}collapseList(){var o;this.component.isExpanded=!1,null===(o=this.component.listEl)||void 0===o||o.resetFocus(),this.component.panelCleanup&&this.component.panelCleanup()}}class G{connectedCallback(o){this.component=o}componentDidLoad(){setTimeout((()=>this.valueChanged(this.component.value,void 0)),0)}isDisabled(){return this.component.disabled||this.component.readonly}isFilled(){return this.component.rawValue&&this.component.rawValue.length>0}valueChanged(o,t){const e=typeof o;e!==typeof t&&this.updateRawValueByValueProp(o),"string"===e&&o!==t&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(t)&&!f(o,t)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],t=!1){this.component.isAutoFilled=t,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let t=[];return g(o)||""===o||(t=Array.isArray(o)?[...o.filter((o=>!g(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),t}updateRawValueByValueProp(o=[]){const t=this.parseValueString(o);this.updateRawValue(t)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const t=this.component.rawValue.filter((t=>t!==o.value));this.updateRawValueBySelection(t)}async updateInputContent(){await c(),this.component.listEl&&(this.component.choices=await this.component.listEl.getSelectedOptions(this.component.rawValue),this.component.inputLabel=this.component.choices.map((o=>o.label.trim())).sort().join(","))}}const K=({inlineLabel:t,filled:e,chips:r,placeholder:a,choices:i,renderChip:n})=>{const l=d.block("dropdown");return e?r?o("div",{class:Object.assign({},l.element("root").element("content").element("chips").class())},i.map((o=>n(o)))):(t&&`${t}: `)+i.map((o=>o.label)).join(", "):a},N=class{constructor(o){t(this,o),this.balChange=e(this,"balChange"),this.balFocus=e(this,"balFocus"),this.balBlur=e(this,"balBlur"),this.inputId="bal-dropdown-"+Q++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.isKeyboardMode=!1,this.inputLabel="",this.ariaForm=p,this.language=O.language,this.region=O.region,this.httpFormSubmit=O.httpFormSubmit,this.labelToFocus="",this.valueUtil=new G,this.eventsUtil=new R,this.popupUtil=new M,this.optionUtil=new k,this.formSubmitUtil=new q,this.focusUtil=new W,this.autoFillUtil=new V,this.autocomplete="off",this.name=this.inputId,this.placeholder="",this.inlineLabel="",this.icon="caret-down",this.size="",this.theme="",this.disabled=!1,this.readonly=!1,this.multiple=!1,this.chips=!1,this.clearable=!1,this.invalid=!1,this.required=!1,this.loading=!1,this.filter="includes",this.contentHeight=262,this.inverted=!1,this.options=[],this.value=[],this.hasConnected=!1,this.listenToOptionChange=o=>{this.optionUtil.listenToOptionChange(o)},this.listenOnClickOutside=o=>{this.eventsUtil.handleOutsideClick(o)},this.resetHandler=o=>{this.formSubmitUtil.handle(o)},this.handleAutoFill=async o=>{this.log("(handleAutoFill)",o,this.nativeEl.value),this.autoFillUtil.handleAutoFill(o)},this.handleKeyDown=o=>{var t,e,r,a,i;o&&o.key?this.isExpanded?C(o)?(b(o),null===(t=this.listEl)||void 0===t||t.focusNext()):F(o)?(b(o),null===(e=this.listEl)||void 0===e||e.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(b(o),null===(r=this.listEl)||void 0===r||r.focusFirst()):"End"===o.key||"PageDown"===o.key?(b(o),null===(a=this.listEl)||void 0===a||a.focusLast()):L(o)?(b(o),null===(i=this.listEl)||void 0===i||i.selectByFocus()):"Tab"===o.key||z(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):L(o)||B(o)?(b(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()}}createLogger(o){this.log=o}async optionChanged(){this.optionUtil.optionChanged()}valueChanged(o,t){this.valueUtil.valueChanged(o,t)}connectedCallback(){this.hasConnected||(this.eventsUtil.connectedCallback(this),this.valueUtil.connectedCallback(this),this.popupUtil.connectedCallback(this),this.optionUtil.connectedCallback(this),this.formSubmitUtil.connectedCallback(this),this.focusUtil.connectedCallback(this),this.autoFillUtil.connectedCallback(this)),u(this.el,"balOptionChange",this.listenToOptionChange),s.hasDocument&&(u(document,"keydown",this.eventsUtil.handleKeydown),u(document,"touchstart",this.eventsUtil.handlePointerDown),u(document,"mousedown",this.eventsUtil.handlePointerDown),u(document,"click",this.listenOnClickOutside),u(document,"reset",this.resetHandler,{capture:!0})),this.hasConnected=!0}disconnectedCallback(){_(this.el,"balOptionChange",this.listenToOptionChange),s.hasDocument&&(_(document,"keydown",this.eventsUtil.handleKeydown),_(document,"touchstart",this.eventsUtil.handlePointerDown),_(document,"mousedown",this.eventsUtil.handlePointerDown),_(document,"click",this.listenOnClickOutside),_(document,"reset",this.resetHandler,{capture:!0}))}async componentWillRender(){this.inheritedAttributes=l(this.el,["tabindex","data-hj-allow"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await w(),this.nativeEl.focus())}async getValue(){return this.rawValue}async clear(){this.valueUtil.updateRawValueBySelection([])}async open(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.expandList()}async close(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.collapseList()}async select(o){const t=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(t)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const t=d.block("dropdown"),e=this.valueUtil.isFilled(),a=""!==this.size,i=`size-${this.size}`,n=""!==this.theme,l=`theme-${this.theme}`,s="purple"===this.theme?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return o(r,{key:"3fe05ba6190dabe5fb8c297f4809659f7c24aa74",class:Object.assign({},t.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{key:"e0b038aa5b7ead381d271c5b7b04fd5bbaa3ea3b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.element("root").class()),t.element("root").modifier("focused").class(s)),t.element("root").modifier("invalid").class(this.invalid)),t.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").modifier("autofill").class(this.isAutoFilled)),t.element("root").modifier(i).class(a)),t.element("root").modifier(l).class(n)),t.element("root").modifier(l+"-filled").class(e&&n)),t.element("root").modifier(l+"-expanded").class(this.isExpanded&&n)),"data-testid":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},o("span",{key:"a3499a9e2abcaa3b363385c475c3dcd91ed1a371",class:Object.assign(Object.assign(Object.assign(Object.assign({},t.element("root").element("content").class()),t.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled())),t.element("root").element("content").modifier(i).class(a))},o(K,{key:"8ffc980c91386038c4ee9b9e6673a25a3609d674",filled:this.valueUtil.isFilled(),inlineLabel:this.inlineLabel,chips:this.chips,placeholder:this.placeholder,choices:this.choices,renderChip:t=>o("bal-tag",{key:t.value,"data-testid":"bal-dropdown-chip",size:"small",invalid:this.invalid,disabled:this.disabled||this.readonly,closable:!(this.disabled||this.readonly),onBalCloseClick:()=>this.valueUtil.removeOption(t)},t.label)})),o($,{key:"9a97fc39a821d5dcca32eba522ae29e4aa6eedc0",inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:o=>this.nativeEl=o,onChange:o=>this.handleAutoFill(o),onFocus:o=>this.eventsUtil.handleFocus(o),onBlur:o=>this.eventsUtil.handleBlur(o),onKeyDown:o=>this.handleKeyDown(o)}),o(H,{key:"2a33a8ac7f336889197137fc741ed8a4a107fceb",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),o(P,{key:"d0f6958fb47ad7f6d73d4f98482cb2102c344f20",icon:this.icon,size:this.size,theme:this.theme,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:e,disabled:this.valueUtil.isDisabled()})),o("div",{key:"29e98d1f54ffb6ee913bd682d6531d45997fc1d0",id:`${this.inputId}-menu`,class:Object.assign(Object.assign({},t.element("list").class()),t.element("list").modifier("expanded").class(this.isExpanded)),ref:o=>this.panelEl=o},o("bal-option-list",{key:"4e6fa69f9d9859208f83dd7bc86c17fc75d5eb60",multiple:this.multiple,disabled:this.valueUtil.isDisabled(),filter:this.filter,required:this.required,contentHeight:this.contentHeight,ref:o=>this.listEl=o},o("slot",{key:"1c169dc692632671f62410b2dadcbbc10b0fe36a"}),this.optionUtil.hasPropOptions()?this.rawOptions.map((t=>o("bal-option",{key:t.value,value:t.value,label:t.label,disabled:t.disabled,multiline:t.multiline,invalid:t.invalid,hidden:t.hidden,selected:t.selected,focused:t.focused},t.label))):"")))}get el(){return a(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};i([v("bal-dropdown"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],N.prototype,"createLogger",null),i([S(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],N.prototype,"configChanged",null);let Q=0;N.style=':root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-3);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-3);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:1rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:none;visibility:hidden;opacity:0;width:100vw;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}@media screen and (min-width: 769px),print{.bal-dropdown__list{max-width:100vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}}.bal-dropdown__list--expanded{display:block;visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content--placeholder{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled),.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow-end-color);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';const U=class{constructor(o){t(this,o),this.balOptionChange=e(this,"balOptionChange"),this.balOptionFocus=e(this,"balOptionFocus"),this.inputId="bal-option-"+X++,this.checkbox=!1,this.interactionState=A.DefaultState,this.label="",this.value="",this.disabled=!1,this.multiline=!1,this.invalid=!1,this.selected=!1,this.focused=!1,this.hidden=!1,this.onClick=o=>{const t=this.el.closest("bal-option-list");this.disabled||t&&t.disabled?b(o):t&&t.required&&!t.multiple?this.selected||this.select(!0):this.select(!this.selected)}}createLogger(o){this.log=o}componentWillRender(){if(this.el){const o=this.el.closest("bal-option-list");o&&(this.checkbox=!!o.multiple)}}listenToMouseEnter(){const{label:o,value:t,selected:e,disabled:r,hidden:a}=this;a||r||this.balOptionFocus.emit({label:o,value:t,selected:e})}elementStateListener(o){this.interactionChildElements.forEach((t=>{t.hovered=o.hovered,t.pressed=o.pressed}))}async select(o=!0){this.selected=o;const{label:t,value:e}=this;this.balOptionChange.emit({label:t,value:e,selected:o})}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-check"))}render(){const t=d.block("option");return o(r,{key:"dca805aa021ad35c2ea4153008a8a5ba4f37931c",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":j(this.hidden),"aria-selected":j(this.selected),"aria-checked":j(this.selected),"aria-disabled":j(this.disabled),"aria-invalid":j(this.invalid),tabIndex:-1,onClick:this.onClick},o("bal-stack",{key:"cfcf978a82159a6e7ad2dcddccdb40dd6b9f74a4",py:"small",space:"x-small"},this.checkbox?o("bal-check",{checked:this.selected,disabled:this.disabled,invalid:this.invalid,hovered:this.interactionState.hovered,pressed:this.interactionState.pressed,tabindex:-1}):"",o("div",{key:"e92a9c019432d29f6153371daca316c8136c75e9",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},o("slot",{key:"639a99194ed6e86787e9eb2b3adc993161d58a07"})),this.selected&&!this.checkbox?o("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))}get el(){return a(this)}};i([v("bal-option"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],U.prototype,"createLogger",null),i([T(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],U.prototype,"elementStateListener",null);let X=0;U.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-3);--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-check-size:1.25rem}";const Z=class{constructor(o){t(this,o),this.inputId="bal-option-list-"+J++,this.inheritAttributes={},this.ariaForm=p,this.multiple=!1,this.disabled=!1,this.required=!1,this.focusIndex=-1,this.filter="includes",this.contentHeight=262}createLogger(o){this.log=o}contentHeightChanged(o){void 0===o?this.el.style.removeProperty("--bal-option-list-max-height"):this.el.style.setProperty("--bal-option-list-max-height",`${o}px`)}componentDidLoad(){this.contentHeightChanged(this.contentHeight)}componentWillRender(){this.inheritAttributes=l(this.el,["aria-multiselectable","aria-labelledby"])}listenToMouseEnter(o){const t=this.options,e=this.getOptionIndex(t,o.detail.value);void 0!==e&&this.updateFocus(t,e)}listenToOptionChange({detail:o}){this.multiple||this.options.filter((t=>t.value!==o.value)).forEach((o=>o.selected=!1))}async focusSelected(){const o=this.options,t=this.getSelectedOptionIndex(o);return t>0?(this.updateFocus(o,t),await c(),t):await this.focusFirst()}async focusFirst(){const o=this.options,t=this.getFirstOptionIndex(o);return this.updateFocus(o,t),this.updateScrollTopPosition(o[t]),await c(),t}async focusLast(){const o=this.options,t=this.getLastOptionIndex(o);return this.updateFocus(o,t),this.updateScrollBottomPosition(o[t]),await c(),t}async focusNext(){const o=this.options,t=this.getNextOptionIndex(o);return this.updateFocus(o,t),this.updateScrollBottomPosition(o[t]),await c(),t}async focusPrevious(){const o=this.options,t=this.getPreviousOptionIndex(o);return this.updateFocus(o,t),this.updateScrollTopPosition(o[t]),await c(),t}async focusByLabel(o,t){const e=this.options,r=this.getOptionIndexByLabel(e,o);this.updateFocus(e,r);const a=e[r];return this.updateScrollTopPosition(a),await c(),t.select&&await a.select(),r}async filterByContent(o){return this.filterOptions(this.allOptions,o),await c(),this.focusFirst()}async resetHidden(o=!1){this.options.forEach((t=>t.hidden=o)),await c(),this.resetFocus()}async resetSelected(o=!1){this.options.forEach((t=>t.selected=o)),await c()}async updateSelected(o){this.options.forEach((t=>t.selected=o.includes(t.value))),await c()}async resetFocus(){return this.updateFocus(this.options,-1),this.scrollTo(0),await c(),-1}async getSelectedValues(){return this.options.filter((o=>o.selected)).map((o=>o.value))}async getSelectedOptions(o){const t=this.options;return o&&o.length>0?t.filter((t=>o.includes(t.value))).map((o=>o)):t.filter((o=>o.selected)).map((o=>o))}async getValues(){return this.options.map((o=>o.value))}async getLabels(){return this.options.map((o=>o.label))}async getOptions(){return this.options.filter((o=>!o.disabled||!o.hidden))}async selectByFocus(){const o=this.options[this.focusIndex];o&&o.select(!this.multiple||!o.selected)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}get options(){return Array.from(this.el.querySelectorAll("bal-option")).filter((o=>!o.hidden))}get allOptions(){return Array.from(this.el.querySelectorAll("bal-option"))}filterOptions(o,t){const e=[],r="includes"===this.filter?D:I;for(let a=0;a<o.length;a++){const i=o[a];r(i.textContent||"",t)?(e.push(i),i.hidden=!1):i.hidden=!0}return e}isOptionVisible(o){const t=this.el.scrollTop;return t<=o.offsetTop&&o.offsetTop+o.clientHeight<=t+this.el.clientHeight}updateScrollTopPosition(o){o&&(this.isOptionVisible(o)||this.scrollTo(this.getScrollTopForTopPosition(o)))}updateScrollBottomPosition(o){o&&(this.isOptionVisible(o)||this.scrollTo(this.getScrollTopForBottomPosition(o)))}getScrollTopForTopPosition(o){const t=o.offsetTop;return t<0?0:t}getScrollTopForBottomPosition(o){const t=o.offsetTop+o.clientHeight-this.el.clientHeight;return t<0?0:t}async scrollTo(o){null!=o&&(void 0!==this.focusRaf&&cancelAnimationFrame(this.focusRaf),this.focusRaf=m((async()=>{this.el.scrollTop=o})))}updateFocus(o,t){this.focusIndex=t;for(let e=0;e<o.length;e++)o[e].focused=e===t}getOptionIndex(o,t){for(let e=0;e<o.length;e++)if(o[e].value===t)return e}getSelectedOptionIndex(o){for(let t=0;t<o.length;t++){const e=o[t];if(e.selected&&!e.hidden)return t}return this.focusIndex}getFirstOptionIndex(o){for(let t=0;t<o.length;t++){const e=o[t];if(!e.disabled&&!e.hidden)return t}return this.focusIndex}getNextOptionIndex(o,t=this.focusIndex){if(t<0)return this.getFirstOptionIndex(o);let e=t;return t<this.getLength(o)&&(e=t+1,o[e].disabled)?this.getNextOptionIndex(o,e):e}getPreviousOptionIndex(o,t=this.focusIndex){const e=this.getFirstOptionIndex(o);if(t<=e)return e;let r=t;return r=t-1,o[r].disabled?this.getPreviousOptionIndex(o,r):r}getLastOptionIndex(o){for(let t=o.length-1;t>=0;t--)if(!o[t].disabled)return t;return this.focusIndex}getOptionIndexByLabel(o,t){if(void 0===t||""===t)return this.focusIndex;const e=o.find((o=>I(o.label||"",t)));return!g(e)&&e.id?o.indexOf(e):this.focusIndex}getLength(o){const t=o.map(((o,t)=>o.disabled?0:t));return Math.max(...t)}render(){const t=d.block("option-list"),e=this.labelledby||this.ariaForm.labelId;return o(r,{key:"bcb9ee55aefe68beac309225d1127524f327f9da",class:Object.assign({},t.class()),id:this.inputId},o("div",Object.assign({key:"ac14c8a5615c6497569ca0aa8436dda3924babf6",role:"listbox","aria-labelledby":e,"aria-disabled":j(this.disabled),class:Object.assign({},t.element("container").class())},this.inheritAttributes),o("slot",{key:"869656387e53fd832b45141cb3b5b89684e61727"})))}get el(){return a(this)}static get watchers(){return{contentHeight:["contentHeightChanged"]}}};i([v("bal-option-list"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],Z.prototype,"createLogger",null);let J=0;Z.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{N as bal_dropdown,U as bal_option,Z as bal_option_list}
|
|
1
|
+
import{h as o,r as t,c as e,H as r,g as a}from"./p-BdVwMG9u.js";import{_ as i,a as n}from"./p-dfXERft2.js";import{i as l}from"./p-C4sZQbkT.js";import{B as d}from"./p-ByiN-QjD.js";import{b as s}from"./p-B1u-Mq75.js";import{d as p}from"./p-FCLKfv6B.js";import{s as b}from"./p-CpDHeXfo.js";import{r as h,a as c,o as u,p as _,b as w,m}from"./p-Ba5qjFjW.js";import{L as v}from"./p-D7ovid3w.js";import{i as g}from"./p-xbSOW78W.js";import{a as f}from"./p-BAaDJIzy.js";import{F as y}from"./p-DqCbGYzv.js";import{b as x}from"./p-CI2FR64u.js";import{D as k}from"./p-BLp4ll3i.js";import{a as j}from"./p-DBsOHTWj.js";import{d as O}from"./p-CBkFUwrD.js";import{d as C,b as F,a as L,j as z,i as B}from"./p-BERg8BNc.js";import{L as S}from"./p-B-L34nz8.js";import{B as A,L as T}from"./p-CeRECGC7.js";import{i as D,s as I}from"./p-BG4j3FEv.js";import"./p-D7M-7v58.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-C20cwFWy.js";class V{constructor(){this.handleAutoFill=async o=>{if(b(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,t=await this.parseAutoFillValueWithOptions(o);if(void 0===t)return void(this.component.isAutoFilled=!1);f(t,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(t,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const t=await this.component.listEl.getOptions();for(let e=0;e<t.length;e++){const r=t[e];if(r.value===o||r.label===o)return[r.value]}}}const E={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};class R{constructor(){this.handlePointerDown=()=>{this.component.isKeyboardMode=!1},this.handleKeydown=o=>{this.component.isKeyboardMode=y.includes(o.key)}}connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(o){this.component.isExpanded||(this.component.hasFocus=!1,h((()=>this.component.balBlur.emit(o))))}handleClick(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips&&o.target.closest("bal-close"))return;if(this.component.clearable&&o.target.closest(".bal-dropdown__clear"))return void this.component.valueUtil.updateRawValueBySelection([]);this.component.popupUtil.toggleList()}}handleOutsideClick(o){var t;this.component.isExpanded&&(this.component.el.contains(o.target)||(this.component.isExpanded=!1,null===(t=this.component.listEl)||void 0===t||t.resetFocus(),this.component.hasFocus=!1,h((()=>this.component.balBlur.emit(o)))))}}class W{connectedCallback(o){this.component=o}focusOptionByLabel(o,t={}){this.component.labelToFocus=(this.component.labelToFocus+o).trim(),this.component.labelToFocus.length>0&&(clearTimeout(this.keyHitTimeout),this.keyHitTimeout=setTimeout((()=>{var o;null===(o=this.component.listEl)||void 0===o||o.focusByLabel(this.component.labelToFocus,t)}),100),clearTimeout(this.timeout),this.timeout=setTimeout((async()=>{this.component.labelToFocus=""}),1e3))}}class q{connectedCallback(o){this.component=o,this.component.initialValue=this.component.value}componentDidRender(){this.component.selectEl&&this.component.selectEl.querySelectorAll("option").forEach((o=>{this.component.rawValue.includes(o.value)&&(o.selected=!0)}))}handle(o){const t=o.target;(null==t?void 0:t.contains(this.component.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{const o=this.component.valueUtil.parseValueString(this.component.initialValue);this.component.valueUtil.updateRawValueBySelection(o)}),0))}}const H=({name:t,httpFormSubmit:e,multiple:r,required:a,disabled:i,rawValue:n,refSelectEl:l})=>{const s=d.block("dropdown");return e?o("select",{class:Object.assign({},s.element("root").element("select").class()),"aria-hidden":"true",name:t,multiple:r,required:a,disabled:i,tabindex:-1,ref:l},n.map((t=>o("option",{key:t,value:t,selected:!0},t)))):""},P=({size:t,theme:e,icon:r,language:a,loading:i,clearable:n,invalid:l,filled:s,expanded:p,disabled:b})=>{const h=d.block("dropdown");return i?o("bal-spinner",{class:Object.assign({},h.element("rear").class()),small:!0,variation:"circle",color:"white"}):n&&s&&!b?o("button",{title:E[a].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},h.element("rear").class()),h.element("clear").class()),h.element("clear").modifier("invalid").class(l)),h.element("clear").modifier("theme-purple").class("purple"===e))},o("bal-icon",{class:Object.assign({},h.element("rear").class()),name:"purple"===e?"close":"close-circle",size:t,color:"purple"===e?"primary":"grey"})):o("bal-icon",{class:Object.assign({},h.element("rear").class()),name:r,size:t,turn:p,color:b?"grey":l?"danger":"primary"})},$=({inputId:t,httpFormSubmit:e,ariaForm:r,rawValue:a,autocomplete:i,required:n,disabled:l,readonly:s,placeholder:p,expanded:b,invalid:h,language:c,inputLabel:u,inheritedAttributes:_,refInputEl:w,onChange:m,onFocus:v,onBlur:g,onKeyDown:f})=>{const y=d.block("dropdown"),x=()=>o("input",Object.assign({id:r.controlId||`${t}-ctrl`,class:Object.assign({},y.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",autoComplete:i,value:a.join(","),required:n,disabled:l,readonly:s,placeholder:p,title:b?E[c].close:E[c].open,"aria-label":b?E[c].close:E[c].open,"aria-owns":`${t}-menu`,"aria-invalid":j(h),"aria-disabled":j(l||s),"aria-labelledby":r.labelId,"aria-describedby":r.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":u,"data-value":a.join(","),ref:o=>w(o),onChange:o=>m(o),onFocus:o=>v(o),onBlur:o=>g(o),onKeyDown:o=>f(o)},_));return e?o(x,null):o("form",{novalidate:!0},o(x,null))};class M{constructor(){this.updatePanelPosition=(o,t,e)=>()=>{o.computePosition(t,e,{placement:"bottom-start",middleware:[o.flip(),o.shift()]}).then((({x:o,y:t})=>{Object.assign(e.style,{left:`${o}px`,top:`${t}px`})}))}}connectedCallback(o){this.component=o}toggleList(){this.component.valueUtil.isDisabled()||(this.component.isExpanded?this.collapseList():this.expandList())}async expandList(){var o;if(this.component.panelEl){const o=await x.load();this.component.panelCleanup=o.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(o,this.component.el,this.component.panelEl))}this.component.isExpanded=!0,await(null===(o=this.component.listEl)||void 0===o?void 0:o.focusSelected())}collapseList(){var o;this.component.isExpanded=!1,null===(o=this.component.listEl)||void 0===o||o.resetFocus(),this.component.panelCleanup&&this.component.panelCleanup()}}class G{connectedCallback(o){this.component=o}componentDidLoad(){setTimeout((()=>this.valueChanged(this.component.value,void 0)),0)}isDisabled(){return this.component.disabled||this.component.readonly}isFilled(){return this.component.rawValue&&this.component.rawValue.length>0}valueChanged(o,t){const e=typeof o;e!==typeof t&&this.updateRawValueByValueProp(o),"string"===e&&o!==t&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(t)&&!f(o,t)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],t=!1){this.component.isAutoFilled=t,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let t=[];return g(o)||""===o||(t=Array.isArray(o)?[...o.filter((o=>!g(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),t}updateRawValueByValueProp(o=[]){const t=this.parseValueString(o);this.updateRawValue(t)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const t=this.component.rawValue.filter((t=>t!==o.value));this.updateRawValueBySelection(t)}async updateInputContent(){await c(),this.component.listEl&&(this.component.choices=await this.component.listEl.getSelectedOptions(this.component.rawValue),this.component.inputLabel=this.component.choices.map((o=>o.label.trim())).sort().join(","))}}const K=({inlineLabel:t,filled:e,chips:r,placeholder:a,choices:i,renderChip:n})=>{const l=d.block("dropdown");return e?r?o("div",{class:Object.assign({},l.element("root").element("content").element("chips").class())},i.map((o=>n(o)))):(t&&`${t}: `)+i.map((o=>o.label)).join(", "):a},N=class{constructor(o){t(this,o),this.balChange=e(this,"balChange"),this.balFocus=e(this,"balFocus"),this.balBlur=e(this,"balBlur"),this.inputId="bal-dropdown-"+U++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.isKeyboardMode=!1,this.inputLabel="",this.ariaForm=p,this.language=O.language,this.region=O.region,this.httpFormSubmit=O.httpFormSubmit,this.labelToFocus="",this.valueUtil=new G,this.eventsUtil=new R,this.popupUtil=new M,this.optionUtil=new k,this.formSubmitUtil=new q,this.focusUtil=new W,this.autoFillUtil=new V,this.autocomplete="off",this.name=this.inputId,this.placeholder="",this.inlineLabel="",this.icon="caret-down",this.size="",this.theme="",this.disabled=!1,this.readonly=!1,this.multiple=!1,this.chips=!1,this.clearable=!1,this.invalid=!1,this.required=!1,this.loading=!1,this.filter="includes",this.contentHeight=262,this.inverted=!1,this.options=[],this.value=[],this.hasConnected=!1,this.listenToOptionChange=o=>{this.optionUtil.listenToOptionChange(o)},this.listenOnClickOutside=o=>{this.eventsUtil.handleOutsideClick(o)},this.resetHandler=o=>{this.formSubmitUtil.handle(o)},this.handleAutoFill=async o=>{this.log("(handleAutoFill)",o,this.nativeEl.value),this.autoFillUtil.handleAutoFill(o)},this.handleKeyDown=o=>{var t,e,r,a,i;o&&o.key?this.isExpanded?C(o)?(b(o),null===(t=this.listEl)||void 0===t||t.focusNext()):F(o)?(b(o),null===(e=this.listEl)||void 0===e||e.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(b(o),null===(r=this.listEl)||void 0===r||r.focusFirst()):"End"===o.key||"PageDown"===o.key?(b(o),null===(a=this.listEl)||void 0===a||a.focusLast()):L(o)?(b(o),null===(i=this.listEl)||void 0===i||i.selectByFocus()):"Tab"===o.key||z(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):L(o)||B(o)?(b(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()}}createLogger(o){this.log=o}async optionChanged(){this.optionUtil.optionChanged()}valueChanged(o,t){this.valueUtil.valueChanged(o,t)}connectedCallback(){this.hasConnected||(this.eventsUtil.connectedCallback(this),this.valueUtil.connectedCallback(this),this.popupUtil.connectedCallback(this),this.optionUtil.connectedCallback(this),this.formSubmitUtil.connectedCallback(this),this.focusUtil.connectedCallback(this),this.autoFillUtil.connectedCallback(this)),u(this.el,"balOptionChange",this.listenToOptionChange),s.hasDocument&&(u(document,"keydown",this.eventsUtil.handleKeydown),u(document,"touchstart",this.eventsUtil.handlePointerDown),u(document,"mousedown",this.eventsUtil.handlePointerDown),u(document,"click",this.listenOnClickOutside),u(document,"reset",this.resetHandler,{capture:!0})),this.hasConnected=!0}disconnectedCallback(){_(this.el,"balOptionChange",this.listenToOptionChange),s.hasDocument&&(_(document,"keydown",this.eventsUtil.handleKeydown),_(document,"touchstart",this.eventsUtil.handlePointerDown),_(document,"mousedown",this.eventsUtil.handlePointerDown),_(document,"click",this.listenOnClickOutside),_(document,"reset",this.resetHandler,{capture:!0}))}async componentWillRender(){this.inheritedAttributes=l(this.el,["tabindex","data-hj-allow"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await w(),this.nativeEl.focus())}async getValue(){return this.rawValue}async clear(){this.valueUtil.updateRawValueBySelection([])}async open(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.expandList()}async close(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.collapseList()}async select(o){const t=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(t)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const t=d.block("dropdown"),e=this.valueUtil.isFilled(),a=""!==this.size,i=`size-${this.size}`,n=""!==this.theme,l=`theme-${this.theme}`,s="purple"===this.theme?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return o(r,{key:"3fe05ba6190dabe5fb8c297f4809659f7c24aa74",class:Object.assign({},t.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{key:"e0b038aa5b7ead381d271c5b7b04fd5bbaa3ea3b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.element("root").class()),t.element("root").modifier("focused").class(s)),t.element("root").modifier("invalid").class(this.invalid)),t.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").modifier("autofill").class(this.isAutoFilled)),t.element("root").modifier(i).class(a)),t.element("root").modifier(l).class(n)),t.element("root").modifier(l+"-filled").class(e&&n)),t.element("root").modifier(l+"-expanded").class(this.isExpanded&&n)),"data-testid":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},o("span",{key:"a3499a9e2abcaa3b363385c475c3dcd91ed1a371",class:Object.assign(Object.assign(Object.assign(Object.assign({},t.element("root").element("content").class()),t.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled())),t.element("root").element("content").modifier(i).class(a))},o(K,{key:"8ffc980c91386038c4ee9b9e6673a25a3609d674",filled:this.valueUtil.isFilled(),inlineLabel:this.inlineLabel,chips:this.chips,placeholder:this.placeholder,choices:this.choices,renderChip:t=>o("bal-tag",{key:t.value,"data-testid":"bal-dropdown-chip",size:"small",invalid:this.invalid,disabled:this.disabled||this.readonly,closable:!(this.disabled||this.readonly),onBalCloseClick:()=>this.valueUtil.removeOption(t)},t.label)})),o($,{key:"9a97fc39a821d5dcca32eba522ae29e4aa6eedc0",inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:o=>this.nativeEl=o,onChange:o=>this.handleAutoFill(o),onFocus:o=>this.eventsUtil.handleFocus(o),onBlur:o=>this.eventsUtil.handleBlur(o),onKeyDown:o=>this.handleKeyDown(o)}),o(H,{key:"2a33a8ac7f336889197137fc741ed8a4a107fceb",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),o(P,{key:"d0f6958fb47ad7f6d73d4f98482cb2102c344f20",icon:this.icon,size:this.size,theme:this.theme,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:e,disabled:this.valueUtil.isDisabled()})),o("div",{key:"29e98d1f54ffb6ee913bd682d6531d45997fc1d0",id:`${this.inputId}-menu`,class:Object.assign(Object.assign({},t.element("list").class()),t.element("list").modifier("expanded").class(this.isExpanded)),ref:o=>this.panelEl=o},o("bal-option-list",{key:"4e6fa69f9d9859208f83dd7bc86c17fc75d5eb60",multiple:this.multiple,disabled:this.valueUtil.isDisabled(),filter:this.filter,required:this.required,contentHeight:this.contentHeight,ref:o=>this.listEl=o},o("slot",{key:"1c169dc692632671f62410b2dadcbbc10b0fe36a"}),this.optionUtil.hasPropOptions()?this.rawOptions.map((t=>o("bal-option",{key:t.value,value:t.value,label:t.label,disabled:t.disabled,multiline:t.multiline,invalid:t.invalid,hidden:t.hidden,selected:t.selected,focused:t.focused},t.label))):"")))}get el(){return a(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};i([v("bal-dropdown"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],N.prototype,"createLogger",null),i([S(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],N.prototype,"configChanged",null);let U=0;N.style=':root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-3);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-3);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:1rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:none;visibility:hidden;opacity:0;width:100vw;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}@media screen and (min-width: 769px),print{.bal-dropdown__list{max-width:100vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}}.bal-dropdown__list--expanded{display:block;visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content--placeholder{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled),.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow-end-color);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';const Q=class{constructor(o){t(this,o),this.balOptionChange=e(this,"balOptionChange"),this.balOptionFocus=e(this,"balOptionFocus"),this.inputId="bal-option-"+X++,this.checkbox=!1,this.interactionState=A.DefaultState,this.label="",this.value="",this.disabled=!1,this.multiline=!1,this.invalid=!1,this.selected=!1,this.focused=!1,this.hidden=!1,this.onClick=o=>{const t=this.el.closest("bal-option-list");this.disabled||t&&t.disabled?b(o):t&&t.required&&!t.multiple?this.selected||this.select(!0):this.select(!this.selected)}}createLogger(o){this.log=o}componentWillRender(){if(this.el){const o=this.el.closest("bal-option-list");o&&(this.checkbox=!!o.multiple)}}listenToMouseEnter(){const{label:o,value:t,selected:e,disabled:r,hidden:a}=this;a||r||this.balOptionFocus.emit({label:o,value:t,selected:e})}elementStateListener(o){this.interactionChildElements.forEach((t=>{t.hovered=o.hovered,t.pressed=o.pressed}))}async select(o=!0){this.selected=o;const{label:t,value:e}=this;this.balOptionChange.emit({label:t,value:e,selected:o})}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-check"))}render(){const t=d.block("option");return o(r,{key:"dca805aa021ad35c2ea4153008a8a5ba4f37931c",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":j(this.hidden),"aria-selected":j(this.selected),"aria-checked":j(this.selected),"aria-disabled":j(this.disabled),"aria-invalid":j(this.invalid),tabIndex:-1,onClick:this.onClick},o("bal-stack",{key:"cfcf978a82159a6e7ad2dcddccdb40dd6b9f74a4",py:"small",space:"x-small"},this.checkbox?o("bal-check",{checked:this.selected,disabled:this.disabled,invalid:this.invalid,hovered:this.interactionState.hovered,pressed:this.interactionState.pressed,tabindex:-1}):"",o("div",{key:"e92a9c019432d29f6153371daca316c8136c75e9",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},o("slot",{key:"639a99194ed6e86787e9eb2b3adc993161d58a07"})),this.selected&&!this.checkbox?o("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))}get el(){return a(this)}};i([v("bal-option"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],Q.prototype,"createLogger",null),i([T(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],Q.prototype,"elementStateListener",null);let X=0;Q.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-3);--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-check-size:1.25rem}";const Z=class{constructor(o){t(this,o),this.inputId="bal-option-list-"+J++,this.inheritAttributes={},this.ariaForm=p,this.multiple=!1,this.disabled=!1,this.required=!1,this.focusIndex=-1,this.filter="includes",this.contentHeight=262}createLogger(o){this.log=o}contentHeightChanged(o){void 0===o?this.el.style.removeProperty("--bal-option-list-max-height"):this.el.style.setProperty("--bal-option-list-max-height",`${o}px`)}componentDidLoad(){this.contentHeightChanged(this.contentHeight)}componentWillRender(){this.inheritAttributes=l(this.el,["aria-multiselectable","aria-labelledby"])}listenToMouseEnter(o){const t=this.options,e=this.getOptionIndex(t,o.detail.value);void 0!==e&&this.updateFocus(t,e)}listenToOptionChange({detail:o}){this.multiple||this.options.filter((t=>t.value!==o.value)).forEach((o=>o.selected=!1))}async focusSelected(){const o=this.options,t=this.getSelectedOptionIndex(o);return t>0?(this.updateFocus(o,t),await c(),t):await this.focusFirst()}async focusFirst(){const o=this.options,t=this.getFirstOptionIndex(o);return this.updateFocus(o,t),this.updateScrollTopPosition(o[t]),await c(),t}async focusLast(){const o=this.options,t=this.getLastOptionIndex(o);return this.updateFocus(o,t),this.updateScrollBottomPosition(o[t]),await c(),t}async focusNext(){const o=this.options,t=this.getNextOptionIndex(o);return this.updateFocus(o,t),this.updateScrollBottomPosition(o[t]),await c(),t}async focusPrevious(){const o=this.options,t=this.getPreviousOptionIndex(o);return this.updateFocus(o,t),this.updateScrollTopPosition(o[t]),await c(),t}async focusByLabel(o,t){const e=this.options,r=this.getOptionIndexByLabel(e,o);this.updateFocus(e,r);const a=e[r];return this.updateScrollTopPosition(a),await c(),t.select&&await a.select(),r}async filterByContent(o){return this.filterOptions(this.allOptions,o),await c(),this.focusFirst()}async resetHidden(o=!1){this.options.forEach((t=>t.hidden=o)),await c(),this.resetFocus()}async resetSelected(o=!1){this.options.forEach((t=>t.selected=o)),await c()}async updateSelected(o){this.options.forEach((t=>t.selected=o.includes(t.value))),await c()}async resetFocus(){return this.updateFocus(this.options,-1),this.scrollTo(0),await c(),-1}async getSelectedValues(){return this.options.filter((o=>o.selected)).map((o=>o.value))}async getSelectedOptions(o){const t=this.options;return o&&o.length>0?t.filter((t=>o.includes(t.value))).map((o=>o)):t.filter((o=>o.selected)).map((o=>o))}async getValues(){return this.options.map((o=>o.value))}async getLabels(){return this.options.map((o=>o.label))}async getOptions(){return this.options.filter((o=>!o.disabled||!o.hidden))}async selectByFocus(){const o=this.options[this.focusIndex];o&&o.select(!this.multiple||!o.selected)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}get options(){return Array.from(this.el.querySelectorAll("bal-option")).filter((o=>!o.hidden))}get allOptions(){return Array.from(this.el.querySelectorAll("bal-option"))}filterOptions(o,t){const e=[],r="includes"===this.filter?D:I;for(let a=0;a<o.length;a++){const i=o[a];r(i.textContent||"",t)?(e.push(i),i.hidden=!1):i.hidden=!0}return e}isOptionVisible(o){const t=this.el.scrollTop;return t<=o.offsetTop&&o.offsetTop+o.clientHeight<=t+this.el.clientHeight}updateScrollTopPosition(o){o&&(this.isOptionVisible(o)||this.scrollTo(this.getScrollTopForTopPosition(o)))}updateScrollBottomPosition(o){o&&(this.isOptionVisible(o)||this.scrollTo(this.getScrollTopForBottomPosition(o)))}getScrollTopForTopPosition(o){const t=o.offsetTop;return t<0?0:t}getScrollTopForBottomPosition(o){const t=o.offsetTop+o.clientHeight-this.el.clientHeight;return t<0?0:t}async scrollTo(o){null!=o&&(void 0!==this.focusRaf&&cancelAnimationFrame(this.focusRaf),this.focusRaf=m((async()=>{this.el.scrollTop=o})))}updateFocus(o,t){this.focusIndex=t;for(let e=0;e<o.length;e++)o[e].focused=e===t}getOptionIndex(o,t){for(let e=0;e<o.length;e++)if(o[e].value===t)return e}getSelectedOptionIndex(o){for(let t=0;t<o.length;t++){const e=o[t];if(e.selected&&!e.hidden)return t}return this.focusIndex}getFirstOptionIndex(o){for(let t=0;t<o.length;t++){const e=o[t];if(!e.disabled&&!e.hidden)return t}return this.focusIndex}getNextOptionIndex(o,t=this.focusIndex){if(t<0)return this.getFirstOptionIndex(o);let e=t;return t<this.getLength(o)&&(e=t+1,o[e].disabled)?this.getNextOptionIndex(o,e):e}getPreviousOptionIndex(o,t=this.focusIndex){const e=this.getFirstOptionIndex(o);if(t<=e)return e;let r=t;return r=t-1,o[r].disabled?this.getPreviousOptionIndex(o,r):r}getLastOptionIndex(o){for(let t=o.length-1;t>=0;t--)if(!o[t].disabled)return t;return this.focusIndex}getOptionIndexByLabel(o,t){if(void 0===t||""===t)return this.focusIndex;const e=o.find((o=>I(o.label||"",t)));return!g(e)&&e.id?o.indexOf(e):this.focusIndex}getLength(o){const t=o.map(((o,t)=>o.disabled?0:t));return Math.max(...t)}render(){const t=d.block("option-list"),e=this.labelledby||this.ariaForm.labelId;return o(r,{key:"bcb9ee55aefe68beac309225d1127524f327f9da",class:Object.assign({},t.class()),id:this.inputId},o("div",Object.assign({key:"ac14c8a5615c6497569ca0aa8436dda3924babf6",role:"listbox","aria-labelledby":e,"aria-disabled":j(this.disabled),class:Object.assign({},t.element("container").class())},this.inheritAttributes),o("slot",{key:"869656387e53fd832b45141cb3b5b89684e61727"})))}get el(){return a(this)}static get watchers(){return{contentHeight:["contentHeightChanged"]}}};i([v("bal-option-list"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],Z.prototype,"createLogger",null);let J=0;Z.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{N as bal_dropdown,Q as bal_option,Z as bal_option_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as e,H as t,g as i}from"./p-BdVwMG9u.js";import{_ as s,a as n}from"./p-dfXERft2.js";import{B as a}from"./p-ByiN-QjD.js";import{m as o,l as c}from"./p-Ba5qjFjW.js";import{L as l}from"./p-D7ovid3w.js";import{d as h}from"./p-
|
|
1
|
+
import{r,h as e,H as t,g as i}from"./p-BdVwMG9u.js";import{_ as s,a as n}from"./p-dfXERft2.js";import{B as a}from"./p-ByiN-QjD.js";import{m as o,l as c}from"./p-Ba5qjFjW.js";import{L as l}from"./p-D7ovid3w.js";import{d as h}from"./p-CBkFUwrD.js";import{L as p}from"./p-B-L34nz8.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";const d=class{constructor(e){r(this,e),this.animated=h.animated,this.inverted=!1,this.deactivated=!1,this.color="blue",this.small=!1,this.variation="logo",this.animate=async()=>{this.animated?(await this.load(),void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()&&(this.destroy(),this.currentRaf=o((async()=>{this.animationFunction&&this.animationFunction(this.el,this.getColor())})))):this.destroy()},this.destroy=()=>{this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.el.innerHTML=""},this.shouldAnimate=()=>"logo"===this.variation&&"undefined"!=typeof window&&void 0!==this.animationFunction&&!this.deactivated,this.load=async()=>new Promise(((r,e)=>{if(this.animationFunction)return r();c((async()=>{import("./p-BHFw3KrT.js").then((e=>{this.animationFunction=e.animate,r()})).catch(e)}))}))}createLogger(r){this.log=r}deactivatedWatcher(r,e){r!==e&&(this.deactivated?this.destroy():this.animate())}variationWatcher(r,e){r!==e&&("circle"===this.variation?this.destroy():this.animate())}componentDidLoad(){"logo"===this.variation?this.animate():this.destroy()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroy()}configChanged(r){this.animated=r.animated,!1===r.animated&&this.destroy()}getColor(){return this.inverted||"white"===this.color?"#ffffff":"#151f6d"}render(){const r=a.block("spinner");return e(t,{key:"bf00a08aaa12fd4a3473d6f277a62abe4537ee8f",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("circle").class("circle"===this.variation)),r.modifier("small").class(this.small)),r.modifier("animated").class(this.animated)),r.modifier(`color-${this.color}`).class("circle"===this.variation)),role:"progressbar","aria-hidden":"true"})}get el(){return i(this)}static get watchers(){return{deactivated:["deactivatedWatcher"],variation:["variationWatcher"]}}};s([l("bal-spinner"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],d.prototype,"createLogger",null),s([p(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],d.prototype,"configChanged",null),d.style=":root{--bal-spinner-circle-background:var(--bal-color-grey);--bal-spinner-circle-progress:var(--bal-color-primary);--bal-spinner-circle-background-inverted:var(--bal-color-white);--bal-spinner-circle-progress-inverted:var(--bal-color-primary)}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-spinner-circle-background);border-radius:50%;border-top-color:var(--bal-spinner-circle-progress);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}.bal-spinner--circle.bal-spinner--color-white{border-color:var(--bal-spinner-circle-background-inverted);border-top-color:var(--bal-spinner-circle-progress-inverted)}@-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)}}";export{d as bal_spinner}
|
package/dist/baloise-design-system/{p-a2a1ed74fe.system.entry.js → p-ad0384474e.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{l(n.next(e))}catch(e){r(e)}}function o(e){try{l(n["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):a(e.value).then(s,o)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=o(0),s["throw"]=o(1),s["return"]=o(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(n=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];a=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-D-yL3ygS.system.js","./p-CLfE_o7e.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-DtlqgdI2.system.js","./p-CXAw6SMX.system.js","./p-C6x8G3mu.system.js","./p-DST0VloN.system.js","./p-BVitEMYC.system.js","./p-BRJ7ljGZ.system.js","./p-m5GX4h3i.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js","./p-DDPYMMGG.system.js","./p-DAsF8QfB.system.js","./p-DdX8FaaK.system.js","./p-LFV9NiI-.system.js"],(function(e){"use strict";var t,i,n,a,r,s,o,l,c,b,m,d,u,g,h,f,v,p,_,k,y,x,w,j,O,z,C,F,L,S;return{setters:[function(e){t=e.r;i=e.c;n=e.w;a=e.h;r=e.H;s=e.g},function(e){o=e._;l=e.a},function(e){c=e.B},function(e){b=e.F},function(e){m=e.d},function(e){d=e.s},function(e){u=e.m;g=e.o;h=e.p},function(e){f=e.L},function(e){v=e.i;p=e.a;_=e.b;k=e.c;y=e.d;x=e.e;w=e.f;j=e.g},function(e){O=e.L},function(e){z=e.L},function(e){C=e.L},function(e){F=e.L},function(e){L=e.L},function(e){S=e.i},null,null,null,null,null,null],execute:function(){var D=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";var I=e("bal_segment",function(){function e(e){var n=this;t(this,e);this.balFocus=i(this,"balFocus");this.balBlur=i(this,"balBlur");this.balChange=i(this,"balChange");this.balSelect=i(this,"balSelect");this.balVertical=i(this,"balVertical");this.keyboardMode=true;this.isVertical=false;this.isMobile=false;this.maxWidth=0;this.ariaForm=m;this.invalid=false;this.autoInvalidOff=false;this.disabled=false;this.vertical=false;this.scrollable=false;this.expanded=false;this.hasFocus=false;this.getSegmentItem=function(e){var t,i;var a=n.allItems.filter((function(e){return!e.disabled}));var r=a.findIndex((function(e){return e===document.activeElement.closest("bal-segment-item")}));switch(e){case"current":return a[r];case"first":return a[0];case"last":return a[a.length-1];case"next":return(t=a[r+1])!==null&&t!==void 0?t:a[0];case"previous":return(i=a[r-1])!==null&&i!==void 0?i:a[a.length-1];default:return null}};this.onPointerDown=function(){n.keyboardMode=false};this.onSlottedItemsChange=function(){n.valueChanged(n.value);n.defineWidth()};this.onClick=function(e){if(n.disabled){return}var t=e.target;var i=n.checked;if(t.tagName==="BAL-SEGMENT"){return}if(t&&t.setFocus){t.setFocus()}if(i){n.checkButton(i,t)}else{n.setCheckedClasses();n.checkButton(t,t)}if(t!==i){n.emitValueChange()}}}e.prototype.createLogger=function(e){this.log=e};e.prototype.invalidChanged=function(){var e=this;this.allItems.map((function(t){return t.invalid=e.invalid}))};e.prototype.disabledChanged=function(){var e=this;this.allItems.map((function(t){return t.disabled=e.disabled}))};e.prototype.valueChanged=function(e){this.balSelect.emit(e);this.setCheckedClasses()};e.prototype.connectedCallback=function(){this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown);this.disabledChanged();this.isVertical=this.vertical};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setCheckedClasses();this.defineWidth();return[2]}))}))};e.prototype.focusInListener=function(e){this.balFocus.emit(e)};e.prototype.focusOutListener=function(e){this.balBlur.emit(e)};e.prototype.animationListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.visibilityListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.windowResizeListener=function(){if(this.vertical===false&&this.maxWidth>0){var e=this.el.parentElement.getBoundingClientRect();if(e.width<this.maxWidth){this.emitVerticalChange(true)}else{this.emitVerticalChange(false)}}else{this.emitVerticalChange(true)}};e.prototype.listenOnKeyDownOutside=function(){this.keyboardMode=true};e.prototype.listenOnKeyDown=function(e){this.keyboardMode=b.includes(e.key);var t=false;var i;if(v(e)||p(e)){d(e);i=this.getSegmentItem("current");t=this.value!==i.value;this.value=i.value}else if(_(e)||k(e)){d(e);i=this.getSegmentItem("previous")}else if(y(e)||x(e)){d(e);i=this.getSegmentItem("next")}else if(w(e)){d(e);i=this.getSegmentItem("first")}else if(j(e)){d(e);i=this.getSegmentItem("last")}if(!i){return}var n=this.checked;if(i!==n||t){this.checkButton(n,i);this.emitValueChange()}if(i){i.setFocus()}};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allItems",{get:function(){return Array.from(this.el.querySelectorAll("bal-segment-item"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"checked",{get:function(){var e=this;return this.allItems.find((function(t){return t.value===e.value}))},enumerable:false,configurable:true});e.prototype.emitValueChange=function(){this.balChange.emit(this.value)};e.prototype.emitVerticalChange=function(e){if(this.isVertical!==e){this.isVertical=e;this.balVertical.emit(this.isVertical)}};e.prototype.defineWidth=function(){var e=this;u((function(){if(e.isVertical===false){var t=e.el.getBoundingClientRect();e.maxWidth=t.width}e.windowResizeListener()}))};e.prototype.getIndicator=function(e){if(e){var t=e.shadowRoot||e;return t.querySelector(".bal-segment-item__indicator")}return null};e.prototype.checkButton=function(e,t){var i=this.getIndicator(e);var a=this.getIndicator(t);if(i===null||a===null){return}var r=i.getBoundingClientRect();var s=a.getBoundingClientRect();var o=r.width/s.width;var l=r.left-s.left;var c="translate3d(".concat(l,"px, 0, 0) scaleX(").concat(o,")");if(this.isVertical){var b=r.height/s.height;var m=r.top-s.top;c="translate3d(0, ".concat(m,"px, 0) scaleY(").concat(b,")")}n((function(){a.classList.remove("bal-segment-item__indicator--animated");a.style.setProperty("transform",c);a.getBoundingClientRect();a.classList.add("bal-segment-item__indicator--animated");a.style.setProperty("transform","")}));this.value=t.value;this.setCheckedClasses()};e.prototype.setCheckedClasses=function(){var e=this;var t=this.allItems;var i=t.findIndex((function(t){return t.value===e.value}));var n=i+1;var a=i-1;for(var r=0,s=t;r<s.length;r++){var o=s[r];o.classList.remove("bal-segment-item--after-checked");o.classList.remove("bal-segment-item--before-checked")}if(n<t.length){t[n].classList.add("bal-segment-item--after-checked")}if(a<t.length&&a>=0){t[a].classList.add("bal-segment-item--before-checked")}};e.prototype.render=function(){var e=this,t=e.invalid,i=e.isVertical,n=e.scrollable,s=e.keyboardMode,o=e.expanded,l=e.isMobile,b=e.disabled;var m=c.block("segment");return a(r,{key:"08fb99b658d704d85ab181d55d7bdbce7ee40fd8",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("invalid").class(t)),m.modifier("vertical").class(i)),m.modifier("scrollable").class(n)),m.modifier("keyboard").class(s)),m.modifier("disabled").class(b)),m.modifier("expanded").class((o||l)&&!i)),onClick:this.onClick},a("slot",{key:"432741fe51dc5c83ea241506687de13469afc149",onSlotchange:this.onSlottedItemsChange}))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());o([f("bal-segment"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],I.prototype,"createLogger",null);o([O(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],I.prototype,"focusInListener",null);o([O(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],I.prototype,"focusOutListener",null);o([z(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],I.prototype,"animationListener",null);o([C(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],I.prototype,"visibilityListener",null);o([L(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],I.prototype,"breakpointListener",null);o([F(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],I.prototype,"windowResizeListener",null);I.style=D;var X=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';var A=0;var B=e("bal_segment_item",function(){function e(e){var i=this;t(this,e);this.segmentEl=null;this.inheritedAttributes={};this.internalId=A++;this.inputId="bal-si-".concat(this.internalId);this.hasSlotContent=false;this.isFocusable=false;this.isVertical=false;this.isLast=false;this.isFirst=false;this.hasEmptyValue=true;this.ariaForm=m;this.disabled=false;this.invalid=false;this.focused=false;this.checked=false;this.label="";this.value="bal-si-"+this.internalId;this.updateVertical=function(e){i.isVertical=e.detail};this.updateState=function(){var e=i.segmentEl;if(e){if(e.value===""||e.value===undefined||e.value===null){var t=i.allAvailableOptions;if(t.length>0){var n=t[0];i.checked=false;i.isFocusable=n===i.el}}else{i.checked=e.value===i.value;i.isFocusable=e.value===i.value}if(e.disabled){i.disabled=true}if(e.invalid){i.invalid=true}i.isLast=e.lastElementChild===i.el;i.isFirst=e.firstElementChild===i.el;i.calculateEmptyValue()}};this.onSlottedItemsChange=function(){i.checkSlotContent()}}e.prototype.valueChanged=function(e,t){if(e!==t){this.updateState()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},S(this.el,["aria-label"]))};e.prototype.connectedCallback=function(){var e=this.segmentEl=this.el.closest("bal-segment");if(e&&e.vertical){this.isVertical=e.vertical}};e.prototype.componentDidLoad=function(){var e=this;var t=this.segmentEl=this.el.closest("bal-segment");if(t){g(t,"balSelect",this.updateState);g(t,"balVertical",this.updateVertical)}u((function(){e.checkSlotContent();e.updateState()}))};e.prototype.disconnectedCallback=function(){var e=this.segmentEl;if(e){h(e,"balSelect",this.updateState);h(e,"balVertical",this.updateVertical);this.segmentEl=null}};e.prototype.calculateEmptyValue=function(){var e=this;if(this.segmentEl){var t=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!t.some((function(t){return t.value===e.segmentEl.value}))}else{this.hasEmptyValue=false}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.nativeEl;if(e!==undefined){e.focus()}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allAvailableOptions",{get:function(){return this.allOptions.filter((function(e){return!e.disabled}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allOptions",{get:function(){var e=this.segmentEl;if(e){return Array.from(e.querySelectorAll("bal-segment-item"))}return[]},enumerable:false,configurable:true});e.prototype.checkSlotContent=function(){var e=this.el.querySelector('[part="slot"]');var t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0};e.prototype.render=function(){var e=this;var t=this,i=t.checked,n=t.focused,s=t.segmentEl,o=t.label,l=t.isFocusable,b=t.isFirst,m=t.hasEmptyValue;var d=c.block("segment-item");var u=d.element("button");var g=d.element("indicator");var h=this.invalid||s&&s.invalid;var f=this.disabled||s&&s.disabled;var v=this.isVertical;var p=m&&b||l&&!f;var _=p&&this.ariaForm.controlId||this.inputId;var k={};if(p){k={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}}return a(r,{key:"54ab8ce0ab290fcbc238087789ce0bca3caedddc",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("vertical").class(v)),d.modifier("disabled").class(f)),d.modifier("checked").class(i)),d.modifier("invalid").class(h)),d.modifier("last").class(this.isLast&&!i))},a("button",Object.assign({key:"be4e31f8a5b0da8cc9f70a867e546920127ba4b2",id:_,role:"radio","aria-checked":i?"true":"false"},k,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("checked").class(i)),u.modifier("invalid").class(h)),u.modifier("disabled").class(f)),u.modifier("focused").class(n)),u.modifier("vertical").class(v)),type:"button",tabIndex:p?0:-1,part:"native",disabled:f,ref:function(t){return e.nativeEl=t}},this.inheritedAttributes),a("bal-icon",{key:"f6d56f256041be2a97822dcc424d887844bacc0e",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},u.element("icon").class()),u.element("icon").modifier("animated").class(i)),u.element("icon").modifier("vertical").class(v)),color:f?"grey-dark":h?"white":"primary"}),a("bal-stack",{key:"15df166b0d0d2b6a6b9447506755b9de3581c77d",space:"x-small",layout:"horizontal"},a("bal-content",{key:"056ba7bfb5d4f456f03f70e9f86e0269bd44a78b",space:"none"},a("bal-label",{key:"055ca1dd2f698e5b3758fbc5535a221801d90642",htmlId:"bal-si-".concat(this.internalId,"-label")},o),a("span",{key:"5a4ea620046a856959a811110f9c8ec5dfefa156",part:"slot",class:Object.assign({},u.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{key:"ceeb6506e86bde765a45497987759479b450c16f",onSlotchange:this.onSlottedItemsChange}))))),a("div",{key:"7384e9bec0b8c8337191b79a54a18cf5cc89a55b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},g.class()),g.modifier("animated").class()),g.modifier("background").class()),g.modifier("disabled").class(f)),g.modifier("invalid").class(h)),g.modifier("checked").class(i)),g.modifier("vertical").class(v))}))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}());B.style=X}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{l(n.next(e))}catch(e){r(e)}}function o(e){try{l(n["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):a(e.value).then(s,o)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=o(0),s["throw"]=o(1),s["return"]=o(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(n=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];a=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-D-yL3ygS.system.js","./p-CLfE_o7e.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-DtlqgdI2.system.js","./p-CXAw6SMX.system.js","./p-C6x8G3mu.system.js","./p-DST0VloN.system.js","./p-BSDw9H4A.system.js","./p-DRGlmaYw.system.js","./p-m5GX4h3i.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js","./p-DDPYMMGG.system.js","./p-wppmhJ05.system.js","./p-DdX8FaaK.system.js","./p-DKS7hs2P.system.js"],(function(e){"use strict";var t,i,n,a,r,s,o,l,c,b,m,d,u,g,h,f,v,p,_,k,y,x,w,j,O,z,S,D,C,L;return{setters:[function(e){t=e.r;i=e.c;n=e.w;a=e.h;r=e.H;s=e.g},function(e){o=e._;l=e.a},function(e){c=e.B},function(e){b=e.F},function(e){m=e.d},function(e){d=e.s},function(e){u=e.m;g=e.o;h=e.p},function(e){f=e.L},function(e){v=e.i;p=e.a;_=e.b;k=e.c;y=e.d;x=e.e;w=e.f;j=e.g},function(e){O=e.L},function(e){z=e.L},function(e){S=e.L},function(e){D=e.L},function(e){C=e.L},function(e){L=e.i},null,null,null,null,null,null],execute:function(){var F=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";var I=e("bal_segment",function(){function e(e){var n=this;t(this,e);this.balFocus=i(this,"balFocus");this.balBlur=i(this,"balBlur");this.balChange=i(this,"balChange");this.balSelect=i(this,"balSelect");this.balVertical=i(this,"balVertical");this.keyboardMode=true;this.isVertical=false;this.isMobile=false;this.maxWidth=0;this.ariaForm=m;this.invalid=false;this.autoInvalidOff=false;this.disabled=false;this.vertical=false;this.scrollable=false;this.expanded=false;this.hasFocus=false;this.getSegmentItem=function(e){var t,i;var a=n.allItems.filter((function(e){return!e.disabled}));var r=a.findIndex((function(e){return e===document.activeElement.closest("bal-segment-item")}));switch(e){case"current":return a[r];case"first":return a[0];case"last":return a[a.length-1];case"next":return(t=a[r+1])!==null&&t!==void 0?t:a[0];case"previous":return(i=a[r-1])!==null&&i!==void 0?i:a[a.length-1];default:return null}};this.onPointerDown=function(){n.keyboardMode=false};this.onSlottedItemsChange=function(){n.valueChanged(n.value);n.defineWidth()};this.onClick=function(e){if(n.disabled){return}var t=e.target;var i=n.checked;if(t.tagName==="BAL-SEGMENT"){return}if(t&&t.setFocus){t.setFocus()}if(i){n.checkButton(i,t)}else{n.setCheckedClasses();n.checkButton(t,t)}if(t!==i){n.emitValueChange()}}}e.prototype.createLogger=function(e){this.log=e};e.prototype.invalidChanged=function(){var e=this;this.allItems.map((function(t){return t.invalid=e.invalid}))};e.prototype.disabledChanged=function(){var e=this;this.allItems.map((function(t){return t.disabled=e.disabled}))};e.prototype.valueChanged=function(e){this.balSelect.emit(e);this.setCheckedClasses()};e.prototype.connectedCallback=function(){this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown);this.disabledChanged();this.isVertical=this.vertical};e.prototype.disconnectedCallback=function(){this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setCheckedClasses();this.defineWidth();return[2]}))}))};e.prototype.focusInListener=function(e){this.balFocus.emit(e)};e.prototype.focusOutListener=function(e){this.balBlur.emit(e)};e.prototype.animationListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.visibilityListener=function(){var e=this.el.getBoundingClientRect();this.maxWidth=e.width;this.windowResizeListener()};e.prototype.breakpointListener=function(e){this.isMobile=e.mobile};e.prototype.windowResizeListener=function(){if(this.vertical===false&&this.maxWidth>0){var e=this.el.parentElement.getBoundingClientRect();if(e.width<this.maxWidth){this.emitVerticalChange(true)}else{this.emitVerticalChange(false)}}else{this.emitVerticalChange(true)}};e.prototype.listenOnKeyDownOutside=function(){this.keyboardMode=true};e.prototype.listenOnKeyDown=function(e){this.keyboardMode=b.includes(e.key);var t=false;var i;if(v(e)||p(e)){d(e);i=this.getSegmentItem("current");t=this.value!==i.value;this.value=i.value}else if(_(e)||k(e)){d(e);i=this.getSegmentItem("previous")}else if(y(e)||x(e)){d(e);i=this.getSegmentItem("next")}else if(w(e)){d(e);i=this.getSegmentItem("first")}else if(j(e)){d(e);i=this.getSegmentItem("last")}if(!i){return}var n=this.checked;if(i!==n||t){this.checkButton(n,i);this.emitValueChange()}if(i){i.setFocus()}};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allItems",{get:function(){return Array.from(this.el.querySelectorAll("bal-segment-item"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"checked",{get:function(){var e=this;return this.allItems.find((function(t){return t.value===e.value}))},enumerable:false,configurable:true});e.prototype.emitValueChange=function(){this.balChange.emit(this.value)};e.prototype.emitVerticalChange=function(e){if(this.isVertical!==e){this.isVertical=e;this.balVertical.emit(this.isVertical)}};e.prototype.defineWidth=function(){var e=this;u((function(){if(e.isVertical===false){var t=e.el.getBoundingClientRect();e.maxWidth=t.width}e.windowResizeListener()}))};e.prototype.getIndicator=function(e){if(e){var t=e.shadowRoot||e;return t.querySelector(".bal-segment-item__indicator")}return null};e.prototype.checkButton=function(e,t){var i=this.getIndicator(e);var a=this.getIndicator(t);if(i===null||a===null){return}var r=i.getBoundingClientRect();var s=a.getBoundingClientRect();var o=r.width/s.width;var l=r.left-s.left;var c="translate3d(".concat(l,"px, 0, 0) scaleX(").concat(o,")");if(this.isVertical){var b=r.height/s.height;var m=r.top-s.top;c="translate3d(0, ".concat(m,"px, 0) scaleY(").concat(b,")")}n((function(){a.classList.remove("bal-segment-item__indicator--animated");a.style.setProperty("transform",c);a.getBoundingClientRect();a.classList.add("bal-segment-item__indicator--animated");a.style.setProperty("transform","")}));this.value=t.value;this.setCheckedClasses()};e.prototype.setCheckedClasses=function(){var e=this;var t=this.allItems;var i=t.findIndex((function(t){return t.value===e.value}));var n=i+1;var a=i-1;for(var r=0,s=t;r<s.length;r++){var o=s[r];o.classList.remove("bal-segment-item--after-checked");o.classList.remove("bal-segment-item--before-checked")}if(n<t.length){t[n].classList.add("bal-segment-item--after-checked")}if(a<t.length&&a>=0){t[a].classList.add("bal-segment-item--before-checked")}};e.prototype.render=function(){var e=this,t=e.invalid,i=e.isVertical,n=e.scrollable,s=e.keyboardMode,o=e.expanded,l=e.isMobile,b=e.disabled;var m=c.block("segment");return a(r,{key:"08fb99b658d704d85ab181d55d7bdbce7ee40fd8",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("invalid").class(t)),m.modifier("vertical").class(i)),m.modifier("scrollable").class(n)),m.modifier("keyboard").class(s)),m.modifier("disabled").class(b)),m.modifier("expanded").class((o||l)&&!i)),onClick:this.onClick},a("slot",{key:"432741fe51dc5c83ea241506687de13469afc149",onSlotchange:this.onSlottedItemsChange}))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());o([f("bal-segment"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],I.prototype,"createLogger",null);o([O(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],I.prototype,"focusInListener",null);o([O(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],I.prototype,"focusOutListener",null);o([z(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],I.prototype,"animationListener",null);o([S(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],I.prototype,"visibilityListener",null);o([C(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],I.prototype,"breakpointListener",null);o([D(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],I.prototype,"windowResizeListener",null);I.style=F;var X=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';var A=0;var G=e("bal_segment_item",function(){function e(e){var i=this;t(this,e);this.segmentEl=null;this.inheritedAttributes={};this.internalId=A++;this.inputId="bal-si-".concat(this.internalId);this.hasSlotContent=false;this.isFocusable=false;this.isVertical=false;this.isLast=false;this.isFirst=false;this.hasEmptyValue=true;this.ariaForm=m;this.disabled=false;this.invalid=false;this.focused=false;this.checked=false;this.label="";this.value="bal-si-"+this.internalId;this.updateVertical=function(e){i.isVertical=e.detail};this.updateState=function(){var e=i.segmentEl;if(e){if(e.value===""||e.value===undefined||e.value===null){var t=i.allAvailableOptions;if(t.length>0){var n=t[0];i.checked=false;i.isFocusable=n===i.el}}else{i.checked=e.value===i.value;i.isFocusable=e.value===i.value}if(e.disabled){i.disabled=true}if(e.invalid){i.invalid=true}i.isLast=e.lastElementChild===i.el;i.isFirst=e.firstElementChild===i.el;i.calculateEmptyValue()}};this.onSlottedItemsChange=function(){i.checkSlotContent()}}e.prototype.valueChanged=function(e,t){if(e!==t){this.updateState()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},L(this.el,["aria-label"]))};e.prototype.connectedCallback=function(){var e=this.segmentEl=this.el.closest("bal-segment");if(e&&e.vertical){this.isVertical=e.vertical}};e.prototype.componentDidLoad=function(){var e=this;var t=this.segmentEl=this.el.closest("bal-segment");if(t){g(t,"balSelect",this.updateState);g(t,"balVertical",this.updateVertical)}u((function(){e.checkSlotContent();e.updateState()}))};e.prototype.disconnectedCallback=function(){var e=this.segmentEl;if(e){h(e,"balSelect",this.updateState);h(e,"balVertical",this.updateVertical);this.segmentEl=null}};e.prototype.calculateEmptyValue=function(){var e=this;if(this.segmentEl){var t=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!t.some((function(t){return t.value===e.segmentEl.value}))}else{this.hasEmptyValue=false}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.nativeEl;if(e!==undefined){e.focus()}return[2]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"allAvailableOptions",{get:function(){return this.allOptions.filter((function(e){return!e.disabled}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allOptions",{get:function(){var e=this.segmentEl;if(e){return Array.from(e.querySelectorAll("bal-segment-item"))}return[]},enumerable:false,configurable:true});e.prototype.checkSlotContent=function(){var e=this.el.querySelector('[part="slot"]');var t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0};e.prototype.render=function(){var e=this;var t=this,i=t.checked,n=t.focused,s=t.segmentEl,o=t.label,l=t.isFocusable,b=t.isFirst,m=t.hasEmptyValue;var d=c.block("segment-item");var u=d.element("button");var g=d.element("indicator");var h=this.invalid||s&&s.invalid;var f=this.disabled||s&&s.disabled;var v=this.isVertical;var p=m&&b||l&&!f;var _=p&&this.ariaForm.controlId||this.inputId;var k={};if(p){k={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}}return a(r,{key:"54ab8ce0ab290fcbc238087789ce0bca3caedddc",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("vertical").class(v)),d.modifier("disabled").class(f)),d.modifier("checked").class(i)),d.modifier("invalid").class(h)),d.modifier("last").class(this.isLast&&!i))},a("button",Object.assign({key:"be4e31f8a5b0da8cc9f70a867e546920127ba4b2",id:_,role:"radio","aria-checked":i?"true":"false"},k,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},u.class()),u.modifier("checked").class(i)),u.modifier("invalid").class(h)),u.modifier("disabled").class(f)),u.modifier("focused").class(n)),u.modifier("vertical").class(v)),type:"button",tabIndex:p?0:-1,part:"native",disabled:f,ref:function(t){return e.nativeEl=t}},this.inheritedAttributes),a("bal-icon",{key:"f6d56f256041be2a97822dcc424d887844bacc0e",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},u.element("icon").class()),u.element("icon").modifier("animated").class(i)),u.element("icon").modifier("vertical").class(v)),color:f?"grey-dark":h?"white":"primary"}),a("bal-stack",{key:"15df166b0d0d2b6a6b9447506755b9de3581c77d",space:"x-small",layout:"horizontal"},a("bal-content",{key:"056ba7bfb5d4f456f03f70e9f86e0269bd44a78b",space:"none"},a("bal-label",{key:"055ca1dd2f698e5b3758fbc5535a221801d90642",htmlId:"bal-si-".concat(this.internalId,"-label")},o),a("span",{key:"5a4ea620046a856959a811110f9c8ec5dfefa156",part:"slot",class:Object.assign({},u.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{key:"ceeb6506e86bde765a45497987759479b450c16f",onSlotchange:this.onSlottedItemsChange}))))),a("div",{key:"7384e9bec0b8c8337191b79a54a18cf5cc89a55b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},g.class()),g.modifier("animated").class()),g.modifier("background").class()),g.modifier("disabled").class(f)),g.modifier("invalid").class(h)),g.modifier("checked").class(i)),g.modifier("vertical").class(v))}))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}());G.style=X}}}));
|
package/dist/baloise-design-system/{p-93311a064b.system.entry.js → p-aec5e73a82.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,i,e,n){function a(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,r){function o(t){try{c(n.next(t))}catch(t){r(t)}}function s(t){try{c(n["throw"](t))}catch(t){r(t)}}function c(t){t.done?e(t.value):a(t.value).then(o,s)}c((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=s(0),o["throw"]=s(1),o["return"]=s(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(i){return c([t,i])}}function c(s){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(e=0)),e)try{if(n=1,a&&(r=s[0]&2?a["return"]:s[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,s[1])).done)return r;if(a=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++;a=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=i.call(t,e)}catch(t){s=[6,t];a=0}finally{n=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-BpMXwP_q.system.js","./p-CLDmOIBx.system.js","./p-DtlqgdI2.system.js","./p-DKjTFqnu.system.js","./p-BblIE2Vz.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js"],(function(t){"use strict";var i,e,n,a,r,o,s,c,l,d,u,h,b,f,m,v,g,p,_;return{setters:[function(t){i=t.r;e=t.c;n=t.h;a=t.H;r=t.g},function(t){o=t._;s=t.a},function(t){c=t.B},function(t){l=t.m;d=t.t;u=t.n;h=t.f},function(t){b=t.L},function(t){f=t.L},function(t){m=t.s},function(t){v=t.a;g=t.i},function(t){p=t.a},function(t){_=t.d},null,null],execute:function(){var w=".bal-accordion{display:block;position:relative;width:100%}.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-desktop)}}.bal-accordion--card-v2{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v2{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v2{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bal-accordion__trigger--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium);margin-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet);margin-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop);margin-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__content--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__content--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__content--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop)}}.bal-accordion--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion--animated .bal-accordion__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__content{will-change:max-height}.bal-accordion__content--overflow-hidden{overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion--collapsing .bal-accordion__content{max-height:0 !important}.bal-accordion--collapsed .bal-accordion__content{display:none}.bal-accordion--expanding .bal-accordion__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion,.bal-accordion__content{-webkit-transition:none !important;transition:none !important}}";var x=t("bal_accordion",function(){function t(t){var n=this;i(this,t);this.balChange=e(this,"balChange");this.balWillAnimate=e(this,"balWillAnimate");this.balDidAnimate=e(this,"balDidAnimate");this.componentId="bal-accordion-".concat(y++);this.state=1;this.animated=true;this.active=false;this.debounce=0;this.openLabel="";this.openIcon="plus";this.closeLabel="";this.closeIcon="close";this.card=false;this.version=2;this.updateState=function(t){if(t===void 0){t=false}if(n.active){n.expand(t)}else{n.collapse(t)}};this.setState=function(t){n.state=t;if(n.version===2){n.updateTriggerElement();n.updateDetailsElement();n.updateSummaryElement()}};this.updateDetailsElement=function(){var t=n.detailsElement;if(t){t.state=n.state;t.active=n.active;t.animated=n.animated}};this.updateTriggerElement=function(){var t=n.triggerElement;if(t){t.state=n.state;t.active=n.active}};this.updateSummaryElement=function(){var t=n.summaryElement;if(t){t.state=n.state;t.active=n.active}};this.expand=function(t){if(t===void 0){t=false}n.active=true;var i=n.detailsElement;var e=n.detailsWrapperElement;if(t||i===null||e===null){n.setState(4);return n.active}if(n.state===4){return n.active}if(n.currentRaf!==undefined){cancelAnimationFrame(n.currentRaf)}if(n.shouldAnimate()){l((function(){n.setState(8);n.balWillAnimate.emit(n.active);n.currentRaf=l((function(){return __awaiter(n,void 0,void 0,(function(){var t,n;return __generator(this,(function(a){switch(a.label){case 0:t=e.offsetHeight;n=d(i,300);i.style.setProperty("max-height","".concat(t,"px"));return[4,n];case 1:a.sent();this.setState(4);i.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}))}))}else{n.balWillAnimate.emit(n.active);n.setState(4);n.balDidAnimate.emit(n.active)}return n.active};this.collapse=function(t){if(t===void 0){t=false}n.active=false;var i=n.detailsElement;if(t||i===null){n.setState(1);return n.active}if(n.state===1){return n.active}if(n.currentRaf!==undefined){cancelAnimationFrame(n.currentRaf)}if(n.shouldAnimate()){n.currentRaf=l((function(){return __awaiter(n,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(n){t=i.offsetHeight;i.style.setProperty("max-height","".concat(t,"px"));l((function(){return __awaiter(e,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:t=d(i,300);this.setState(2);this.balDidAnimate.emit(this.active);return[4,t];case 1:e.sent();this.setState(1);i.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}));return[2]}))}))}))}else{n.balDidAnimate.emit(n.active);n.setState(1);n.balDidAnimate.emit(n.active)}return n.active};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return n.animated};this.onTriggerClickV1=function(){n.humanToggle()}}t.prototype.createLogger=function(t){this.log=t};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t!==i){this.active=t;this.updateState()}return[2]}))}))};t.prototype.debounceChanged=function(){this.balChange=u(this.balChange,this.debounce)};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.debounceChanged();return[4,h(this.el)];case 1:t.sent();if(this.active){this.activeChanged(this.active,false)}this.updateState(true);return[2]}}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.animated=t.animated;return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.expand()]}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.collapse()]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.active){return[2,this.collapse()]}else{return[2,this.expand()]}return[2]}))}))};t.prototype.humanToggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.active)return[3,2];return[4,this.collapse()];case 1:t.sent();return[3,4];case 2:return[4,this.expand()];case 3:t.sent();t.label=4;case 4:this.balChange.emit(this.active);return[2,this.active]}}))}))};Object.defineProperty(t.prototype,"summaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-summary")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"triggerElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-trigger")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsElement",{get:function(){var t;if(this.version===1){return this.contentEl||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsWrapperElement",{get:function(){var t;if(this.version===1){return this.contentElWrapper||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details > div")))||null},enumerable:false,configurable:true});t.prototype.render=function(){return this.version===2?this.renderVersion2():this.renderVersion1()};t.prototype.renderVersion2=function(){var t=c.block("accordion");return n(a,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("card-v2").class(this.card)),t.modifier("animated").class(this.animated))})};t.prototype.renderVersion1=function(){var t=this;var i=this.active?this.closeLabel:this.openLabel;var e=this.active?this.closeIcon:this.openIcon;var r=c.block("accordion");var o=this.state===4||this.state===8;var s=o?"button expanded":"button";var l=o?"content expanded":"content";return n(a,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("card-v1").class(this.card)),r.modifier("active").class(this.active)),r.modifier("expanding").class(this.state===8)),r.modifier("expanded").class(this.state===4)),r.modifier("collapsing").class(this.state===2)),r.modifier("collapsed").class(this.state===1)),r.modifier("animated").class(this.animated))},n("div",{class:Object.assign({},r.element("wrapper").class())},n("div",{class:Object.assign(Object.assign({},r.element("trigger").class()),r.element("trigger").modifier("card").class(this.card)),"data-testid":"bal-accordion-summary"},n("bal-button",{id:"".concat(this.componentId,"-button"),"aria-controls":"".concat(this.componentId,"-content"),part:s,"data-testid":"bal-accordion-trigger",expanded:true,color:"info",icon:e,onClick:this.onTriggerClickV1},i)),n("div",{id:"".concat(this.componentId,"-content"),"aria-labelledby":"".concat(this.componentId,"-button"),role:"region",part:l,class:Object.assign(Object.assign(Object.assign({},r.element("content").class()),r.element("content").modifier("card").class(this.card)),r.element("content").modifier("overflow-hidden").class(this.state!==4)),ref:function(i){return t.contentEl=i}},n("div",{id:"".concat(this.componentId,"-content-wrapper"),"data-testid":"bal-accordion-details",class:Object.assign({},r.element("content").element("wrapper").class()),ref:function(i){return t.contentElWrapper=i}},n("slot",null)))))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeChanged"],debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}());o([b("bal-accordion"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null);o([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],x.prototype,"configChanged",null);var y=0;x.style=w;var j=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__details--collapsing{max-height:0 !important;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--collapsed{display:none;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--expanding{max-height:0;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";var O=t("bal_accordion_details",function(){function t(t){var e=this;i(this,t);this.componentId="bal-accordion-details-".concat(k++);this.state=1;this.active=false;this.animated=true;this.updateAccordionId=function(){var t;return e.parentAccordionId=(t=e.parentAccordionElement)===null||t===void 0?void 0:t.id}}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=c.block("accordion").element("details");var i=t.element("container");var e=i.element("wrapper");var r=this.parentAccordionId?"".concat(this.parentAccordionId,"-details"):this.componentId;var o=this.state===4||this.state===8;var s=o?"content expanded":"content";return n(a,{key:"1e909c6bdc60974006159dc9eb6408d3350ea684",id:r,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("expanding").class(this.state===8)),t.modifier("expanded").class(this.state===4)),t.modifier("collapsing").class(this.state===2)),t.modifier("collapsed").class(this.state===1)),t.modifier("animated").class(this.animated))},n("div",{key:"f38a2c41997e018e4226384b81dd73d7e55d16e8",id:"".concat(r,"-content"),"aria-labelledby":"".concat(this.parentAccordionId,"-trigger-button"),role:"region",part:s,class:Object.assign({},e.class()),"data-testid":"bal-accordion-details"},n("slot",{key:"8429dd4b9a113cade1d579d23cba01e38bb9fb9e"})))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());o([b("bal-accordion-details"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],O.prototype,"createLogger",null);var k=0;O.style=j;var F="@media (hover: hover)and (pointer: fine){.bal-accordion__summary--trigger:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__summary{position:static;display:block}.bal-accordion__summary--trigger{cursor:pointer}";var z=t("bal_accordion_summary",function(){function t(t){var e=this;i(this,t);this.componentId="bal-accordion-summary-".concat(A++);this.trigger=false;this.active=false;this.state=1;this.updateAccordionId=function(){var t;return e.parentAccordionId=(t=e.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var i;m(t);(i=e.parentAccordionElement)===null||i===void 0?void 0:i.humanToggle()};this.onKeyDown=function(t){var i;if(v(t)||g(t)){m(t);(i=e.parentAccordionElement)===null||i===void 0?void 0:i.humanToggle()}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=2}this.updateAccordionId()};t.prototype.disconnectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=1}this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=c.block("accordion").element("summary");var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-summary"):this.componentId;var e=this.state===4||this.state===8;var r=e?"button expanded":"button";var o={};if(this.trigger){o={"aria-controls":"".concat(this.parentAccordionId,"-details-content"),role:"button",tabindex:0,part:r,"data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}}return n(a,Object.assign({key:"ed4f3e46644cf6288855154214126231e5b25e1d",id:i,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("trigger").class(this.trigger)),t.modifier("inner-trigger").class(!this.trigger)),{"bal-focused":this.trigger})},o,{"data-testid":"bal-accordion-summary"}))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());o([b("bal-accordion-summary"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],z.prototype,"createLogger",null);var A=0;z.style=F;var C={de:{open:"Mehr anzeigen",close:"Weniger anzeigen"},en:{open:"Show more",close:"Show less"},fr:{open:"Afficher plus",close:"Afficher moins"},it:{open:"Mostra di più",close:"Mostra di meno"},nl:{open:"Meer weergeven",close:"Minder weergeven"},es:{open:"Mostrar más",close:"Mostrar menos"},pl:{open:"Pokaż więcej",close:"Pokaż mniej"},pt:{open:"Mostrar mais",close:"Mostrar menos"},sv:{open:"Visa mer",close:"Visa mindre"},fi:{open:"Näytä lisää",close:"Näytä vähemmän"}};var M="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible,.bal-accordion__trigger__text.bal-focused:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__trigger{position:static;display:block}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;border-radius:var(--bal-border-radius-normal);height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.bal-accordion__trigger__text{display:inline;background:rgba(0,0,0,0);border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0;margin:0;border-radius:var(--bal-radius-normal);font-size:var(--bal-text-size-small);color:var(--bal-text-color-primary-light);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__text:hover{color:var(--bal-text-color-primary-hovered)}}.bal-accordion__trigger__text:active{color:var(--bal-text-color-primary-pressed)}";var E=t("bal_accordion_trigger",function(){function t(t){var e=this;i(this,t);this.componentId="bal-accordion-trigger-".concat(D++);this.language=_.language;this.button=false;this.expanded=true;this.openLabel="";this.openIcon="caret-down";this.closeLabel="";this.closeIcon="";this.color="info";this.size="";this.active=false;this.state=1;this.updateAccordionId=function(){var t;return e.parentAccordionId=(t=e.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var i;m(t);(i=e.parentAccordionElement)===null||i===void 0?void 0:i.humanToggle()};this.block=c.block("accordion").element("trigger")}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.language=t.language;return[2]}))}))};Object.defineProperty(t.prototype,"realVariant",{get:function(){if(this.button){return"button"}return this.variant},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"parentAccordionSummaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion-summary"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=this;var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-trigger"):this.componentId;var e=this.active?this.closeLabel:this.openLabel;var r=false;var o=this.active?this.closeIcon:this.openIcon;if(this.closeIcon===""||this.closeIcon===undefined||this.closeIcon===null){r=this.active;o=this.openIcon||"caret-down"}var s=this.state===4||this.state===8;var c=s?"button expanded":"button";var l=this.parentAccordionSummaryElement;var d={tabindex:-1};if(l&&!l.trigger){d={tabindex:0}}var u=function(i){switch(i.variant){case"button":return t.renderButton(i);case"text":return t.renderText(i);default:return t.renderIcon(i)}};return n(a,{id:i,class:Object.assign({},this.block.class())},n(u,{variant:this.realVariant,id:i,label:e,icon:o,turn:r,expanded:s,buttonPart:c,triggerAttributes:d}))};t.prototype.renderButton=function(t){var i=t.id,e=t.buttonPart,a=t.icon,r=t.turn,o=t.label;return n("bal-button",{id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),part:e,"data-testid":"bal-accordion-trigger",expanded:this.expanded,icon:a,iconTurn:r,color:this.color,size:this.size,title:this.active?C[this.language].close:C[this.language].open,"aria-label":this.active?C[this.language].close:C[this.language].open,"aria-expanded":p(this.active),onClick:this.onClick},o)};t.prototype.renderIcon=function(t){var i=t.buttonPart,e=t.triggerAttributes,a=t.turn,r=t.icon,o=t.id;return n("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("button").class()),{"bal-focused":e.tabindex===0}),id:"".concat(o,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),"aria-expanded":p(this.active),part:i,"data-testid":"bal-accordion-trigger",title:this.active?C[this.language].close:C[this.language].open,"aria-label":this.active?C[this.language].close:C[this.language].open,onClick:this.onClick},e),n("bal-icon",{turn:a,name:r}))};t.prototype.renderText=function(t){var i=t.buttonPart,e=t.triggerAttributes,a=t.turn,r=t.icon,o=t.id;var s=this.openLabel||C[this.language].open;var c=this.closeLabel||C[this.language].close;return n("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("text").class()),{"bal-focused":e.tabindex===0}),id:"".concat(o,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),"aria-expanded":p(this.active),part:i,"data-testid":"bal-accordion-trigger",onClick:this.onClick},e),this.active?c:s)};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());o([b("bal-accordion-trigger"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],E.prototype,"createLogger",null);o([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],E.prototype,"configChanged",null);var D=0;E.style=M}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,i,e,n){function a(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,r){function o(t){try{c(n.next(t))}catch(t){r(t)}}function s(t){try{c(n["throw"](t))}catch(t){r(t)}}function c(t){t.done?e(t.value):a(t.value).then(o,s)}c((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=s(0),o["throw"]=s(1),o["return"]=s(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(i){return c([t,i])}}function c(s){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(e=0)),e)try{if(n=1,a&&(r=s[0]&2?a["return"]:s[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,s[1])).done)return r;if(a=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++;a=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=i.call(t,e)}catch(t){s=[6,t];a=0}finally{n=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-BbAtjg9Y.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-BpMXwP_q.system.js","./p-CLDmOIBx.system.js","./p-DtlqgdI2.system.js","./p-DKjTFqnu.system.js","./p-ncoiCFQ1.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js"],(function(t){"use strict";var i,e,n,a,r,o,s,c,l,d,u,h,b,f,m,v,g,p,_;return{setters:[function(t){i=t.r;e=t.c;n=t.h;a=t.H;r=t.g},function(t){o=t._;s=t.a},function(t){c=t.B},function(t){l=t.m;d=t.t;u=t.n;h=t.f},function(t){b=t.L},function(t){f=t.L},function(t){m=t.s},function(t){v=t.a;g=t.i},function(t){p=t.a},function(t){_=t.d},null,null],execute:function(){var w=".bal-accordion{display:block;position:relative;width:100%}.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v1,.bal-accordion--card-v2{margin-top:var(--bal-space-medium-desktop)}}.bal-accordion--card-v2{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion--card-v2{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion--card-v2{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bal-accordion__trigger--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium);margin-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet);margin-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__trigger--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop);margin-bottom:var(--bal-space-medium-desktop)}}.bal-accordion__content--card{margin-left:var(--bal-space-medium);margin-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-accordion__content--card{margin-left:var(--bal-space-medium-tablet);margin-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-accordion__content--card{margin-left:var(--bal-space-medium-desktop);margin-right:var(--bal-space-medium-desktop)}}.bal-accordion--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion--animated .bal-accordion__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__content{will-change:max-height}.bal-accordion__content--overflow-hidden{overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion--collapsing .bal-accordion__content{max-height:0 !important}.bal-accordion--collapsed .bal-accordion__content{display:none}.bal-accordion--expanding .bal-accordion__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-accordion,.bal-accordion__content{-webkit-transition:none !important;transition:none !important}}";var x=t("bal_accordion",function(){function t(t){var n=this;i(this,t);this.balChange=e(this,"balChange");this.balWillAnimate=e(this,"balWillAnimate");this.balDidAnimate=e(this,"balDidAnimate");this.componentId="bal-accordion-".concat(y++);this.state=1;this.animated=true;this.active=false;this.debounce=0;this.openLabel="";this.openIcon="plus";this.closeLabel="";this.closeIcon="close";this.card=false;this.version=2;this.updateState=function(t){if(t===void 0){t=false}if(n.active){n.expand(t)}else{n.collapse(t)}};this.setState=function(t){n.state=t;if(n.version===2){n.updateTriggerElement();n.updateDetailsElement();n.updateSummaryElement()}};this.updateDetailsElement=function(){var t=n.detailsElement;if(t){t.state=n.state;t.active=n.active;t.animated=n.animated}};this.updateTriggerElement=function(){var t=n.triggerElement;if(t){t.state=n.state;t.active=n.active}};this.updateSummaryElement=function(){var t=n.summaryElement;if(t){t.state=n.state;t.active=n.active}};this.expand=function(t){if(t===void 0){t=false}n.active=true;var i=n.detailsElement;var e=n.detailsWrapperElement;if(t||i===null||e===null){n.setState(4);return n.active}if(n.state===4){return n.active}if(n.currentRaf!==undefined){cancelAnimationFrame(n.currentRaf)}if(n.shouldAnimate()){l((function(){n.setState(8);n.balWillAnimate.emit(n.active);n.currentRaf=l((function(){return __awaiter(n,void 0,void 0,(function(){var t,n;return __generator(this,(function(a){switch(a.label){case 0:t=e.offsetHeight;n=d(i,300);i.style.setProperty("max-height","".concat(t,"px"));return[4,n];case 1:a.sent();this.setState(4);i.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}))}))}else{n.balWillAnimate.emit(n.active);n.setState(4);n.balDidAnimate.emit(n.active)}return n.active};this.collapse=function(t){if(t===void 0){t=false}n.active=false;var i=n.detailsElement;if(t||i===null){n.setState(1);return n.active}if(n.state===1){return n.active}if(n.currentRaf!==undefined){cancelAnimationFrame(n.currentRaf)}if(n.shouldAnimate()){n.currentRaf=l((function(){return __awaiter(n,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(n){t=i.offsetHeight;i.style.setProperty("max-height","".concat(t,"px"));l((function(){return __awaiter(e,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:t=d(i,300);this.setState(2);this.balDidAnimate.emit(this.active);return[4,t];case 1:e.sent();this.setState(1);i.style.removeProperty("max-height");this.balDidAnimate.emit(this.active);return[2]}}))}))}));return[2]}))}))}))}else{n.balDidAnimate.emit(n.active);n.setState(1);n.balDidAnimate.emit(n.active)}return n.active};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return n.animated};this.onTriggerClickV1=function(){n.humanToggle()}}t.prototype.createLogger=function(t){this.log=t};t.prototype.activeChanged=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t!==i){this.active=t;this.updateState()}return[2]}))}))};t.prototype.debounceChanged=function(){this.balChange=u(this.balChange,this.debounce)};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.debounceChanged();return[4,h(this.el)];case 1:t.sent();if(this.active){this.activeChanged(this.active,false)}this.updateState(true);return[2]}}))}))};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.animated=t.animated;return[2]}))}))};t.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.expand()]}))}))};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.collapse()]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.active){return[2,this.collapse()]}else{return[2,this.expand()]}return[2]}))}))};t.prototype.humanToggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.active)return[3,2];return[4,this.collapse()];case 1:t.sent();return[3,4];case 2:return[4,this.expand()];case 3:t.sent();t.label=4;case 4:this.balChange.emit(this.active);return[2,this.active]}}))}))};Object.defineProperty(t.prototype,"summaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-summary")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"triggerElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-trigger")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsElement",{get:function(){var t;if(this.version===1){return this.contentEl||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details")))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"detailsWrapperElement",{get:function(){var t;if(this.version===1){return this.contentElWrapper||null}return((t=this.el)===null||t===void 0?void 0:t.querySelector("#".concat(this.componentId,"-details > div")))||null},enumerable:false,configurable:true});t.prototype.render=function(){return this.version===2?this.renderVersion2():this.renderVersion1()};t.prototype.renderVersion2=function(){var t=c.block("accordion");return n(a,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("card-v2").class(this.card)),t.modifier("animated").class(this.animated))})};t.prototype.renderVersion1=function(){var t=this;var i=this.active?this.closeLabel:this.openLabel;var e=this.active?this.closeIcon:this.openIcon;var r=c.block("accordion");var o=this.state===4||this.state===8;var s=o?"button expanded":"button";var l=o?"content expanded":"content";return n(a,{id:this.componentId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("card-v1").class(this.card)),r.modifier("active").class(this.active)),r.modifier("expanding").class(this.state===8)),r.modifier("expanded").class(this.state===4)),r.modifier("collapsing").class(this.state===2)),r.modifier("collapsed").class(this.state===1)),r.modifier("animated").class(this.animated))},n("div",{class:Object.assign({},r.element("wrapper").class())},n("div",{class:Object.assign(Object.assign({},r.element("trigger").class()),r.element("trigger").modifier("card").class(this.card)),"data-testid":"bal-accordion-summary"},n("bal-button",{id:"".concat(this.componentId,"-button"),"aria-controls":"".concat(this.componentId,"-content"),part:s,"data-testid":"bal-accordion-trigger",expanded:true,color:"info",icon:e,onClick:this.onTriggerClickV1},i)),n("div",{id:"".concat(this.componentId,"-content"),"aria-labelledby":"".concat(this.componentId,"-button"),role:"region",part:l,class:Object.assign(Object.assign(Object.assign({},r.element("content").class()),r.element("content").modifier("card").class(this.card)),r.element("content").modifier("overflow-hidden").class(this.state!==4)),ref:function(i){return t.contentEl=i}},n("div",{id:"".concat(this.componentId,"-content-wrapper"),"data-testid":"bal-accordion-details",class:Object.assign({},r.element("content").element("wrapper").class()),ref:function(i){return t.contentElWrapper=i}},n("slot",null)))))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeChanged"],debounce:["debounceChanged"]}},enumerable:false,configurable:true});return t}());o([b("bal-accordion"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null);o([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],x.prototype,"configChanged",null);var y=0;x.style=w;var j=".bal-accordion__details{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:max-height;min-block-size:auto;min-height:auto;min-inline-size:auto;min-width:auto}.bal-accordion__details--animated{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-accordion__details--collapsing{max-height:0 !important;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--collapsed{display:none;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}.bal-accordion__details--expanding{max-height:0;overflow:hidden;-webkit-clip-path:border-box;clip-path:border-box}@media (prefers-reduced-motion: reduce){.bal-accordion__details{-webkit-transition:none !important;transition:none !important}}";var O=t("bal_accordion_details",function(){function t(t){var e=this;i(this,t);this.componentId="bal-accordion-details-".concat(k++);this.state=1;this.active=false;this.animated=true;this.updateAccordionId=function(){var t;return e.parentAccordionId=(t=e.parentAccordionElement)===null||t===void 0?void 0:t.id}}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=c.block("accordion").element("details");var i=t.element("container");var e=i.element("wrapper");var r=this.parentAccordionId?"".concat(this.parentAccordionId,"-details"):this.componentId;var o=this.state===4||this.state===8;var s=o?"content expanded":"content";return n(a,{key:"1e909c6bdc60974006159dc9eb6408d3350ea684",id:r,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("active").class(this.active)),t.modifier("expanding").class(this.state===8)),t.modifier("expanded").class(this.state===4)),t.modifier("collapsing").class(this.state===2)),t.modifier("collapsed").class(this.state===1)),t.modifier("animated").class(this.animated))},n("div",{key:"f38a2c41997e018e4226384b81dd73d7e55d16e8",id:"".concat(r,"-content"),"aria-labelledby":"".concat(this.parentAccordionId,"-trigger-button"),role:"region",part:s,class:Object.assign({},e.class()),"data-testid":"bal-accordion-details"},n("slot",{key:"8429dd4b9a113cade1d579d23cba01e38bb9fb9e"})))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());o([b("bal-accordion-details"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],O.prototype,"createLogger",null);var k=0;O.style=j;var F="@media (hover: hover)and (pointer: fine){.bal-accordion__summary--trigger:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__summary{position:static;display:block}.bal-accordion__summary--trigger{cursor:pointer}";var C=t("bal_accordion_summary",function(){function t(t){var e=this;i(this,t);this.componentId="bal-accordion-summary-".concat(A++);this.trigger=false;this.active=false;this.state=1;this.updateAccordionId=function(){var t;return e.parentAccordionId=(t=e.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var i;m(t);(i=e.parentAccordionElement)===null||i===void 0?void 0:i.humanToggle()};this.onKeyDown=function(t){var i;if(v(t)||g(t)){m(t);(i=e.parentAccordionElement)===null||i===void 0?void 0:i.humanToggle()}}}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=2}this.updateAccordionId()};t.prototype.disconnectedCallback=function(){var t=this.parentAccordionElement;if(t){t.version=1}this.updateAccordionId()};Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=c.block("accordion").element("summary");var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-summary"):this.componentId;var e=this.state===4||this.state===8;var r=e?"button expanded":"button";var o={};if(this.trigger){o={"aria-controls":"".concat(this.parentAccordionId,"-details-content"),role:"button",tabindex:0,part:r,"data-testid":"bal-accordion-button",onClick:this.onClick,onKeyDown:this.onKeyDown}}return n(a,Object.assign({key:"ed4f3e46644cf6288855154214126231e5b25e1d",id:i,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("trigger").class(this.trigger)),t.modifier("inner-trigger").class(!this.trigger)),{"bal-focused":this.trigger})},o,{"data-testid":"bal-accordion-summary"}))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());o([b("bal-accordion-summary"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],C.prototype,"createLogger",null);var A=0;C.style=F;var M={de:{open:"Mehr anzeigen",close:"Weniger anzeigen"},en:{open:"Show more",close:"Show less"},fr:{open:"Afficher plus",close:"Afficher moins"},it:{open:"Mostra di più",close:"Mostra di meno"},nl:{open:"Meer weergeven",close:"Minder weergeven"},es:{open:"Mostrar más",close:"Mostrar menos"},pl:{open:"Pokaż więcej",close:"Pokaż mniej"},pt:{open:"Mostrar mais",close:"Mostrar menos"},sv:{open:"Visa mer",close:"Visa mindre"},fi:{open:"Näytä lisää",close:"Näytä vähemmän"}};var z="@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible,.bal-accordion__trigger__text.bal-focused:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__trigger{position:static;display:block}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;border-radius:var(--bal-border-radius-normal);height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.bal-accordion__trigger__text{display:inline;background:rgba(0,0,0,0);border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0;margin:0;border-radius:var(--bal-radius-normal);font-size:var(--bal-text-size-small);color:var(--bal-text-color-primary-light);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__text:hover{color:var(--bal-text-color-primary-hovered)}}.bal-accordion__trigger__text:active{color:var(--bal-text-color-primary-pressed)}";var E=t("bal_accordion_trigger",function(){function t(t){var e=this;i(this,t);this.componentId="bal-accordion-trigger-".concat(D++);this.language=_.language;this.button=false;this.expanded=true;this.openLabel="";this.openIcon="caret-down";this.closeLabel="";this.closeIcon="";this.color="info";this.size="";this.active=false;this.state=1;this.updateAccordionId=function(){var t;return e.parentAccordionId=(t=e.parentAccordionElement)===null||t===void 0?void 0:t.id};this.onClick=function(t){var i;m(t);(i=e.parentAccordionElement)===null||i===void 0?void 0:i.humanToggle()};this.block=c.block("accordion").element("trigger")}t.prototype.createLogger=function(t){this.log=t};t.prototype.connectedCallback=function(){this.updateAccordionId()};t.prototype.componentWillRender=function(){this.updateAccordionId()};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.language=t.language;return[2]}))}))};Object.defineProperty(t.prototype,"realVariant",{get:function(){if(this.button){return"button"}return this.variant},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"parentAccordionElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion"))||null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"parentAccordionSummaryElement",{get:function(){var t;return((t=this.el)===null||t===void 0?void 0:t.closest("bal-accordion-summary"))||null},enumerable:false,configurable:true});t.prototype.render=function(){var t=this;var i=this.parentAccordionId?"".concat(this.parentAccordionId,"-trigger"):this.componentId;var e=this.active?this.closeLabel:this.openLabel;var r=false;var o=this.active?this.closeIcon:this.openIcon;if(this.closeIcon===""||this.closeIcon===undefined||this.closeIcon===null){r=this.active;o=this.openIcon||"caret-down"}var s=this.state===4||this.state===8;var c=s?"button expanded":"button";var l=this.parentAccordionSummaryElement;var d={tabindex:-1};if(l&&!l.trigger){d={tabindex:0}}var u=function(i){switch(i.variant){case"button":return t.renderButton(i);case"text":return t.renderText(i);default:return t.renderIcon(i)}};return n(a,{id:i,class:Object.assign({},this.block.class())},n(u,{variant:this.realVariant,id:i,label:e,icon:o,turn:r,expanded:s,buttonPart:c,triggerAttributes:d}))};t.prototype.renderButton=function(t){var i=t.id,e=t.buttonPart,a=t.icon,r=t.turn,o=t.label;return n("bal-button",{id:"".concat(i,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),part:e,"data-testid":"bal-accordion-trigger",expanded:this.expanded,icon:a,iconTurn:r,color:this.color,size:this.size,title:this.active?M[this.language].close:M[this.language].open,"aria-label":this.active?M[this.language].close:M[this.language].open,"aria-expanded":p(this.active),onClick:this.onClick},o)};t.prototype.renderIcon=function(t){var i=t.buttonPart,e=t.triggerAttributes,a=t.turn,r=t.icon,o=t.id;return n("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("button").class()),{"bal-focused":e.tabindex===0}),id:"".concat(o,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),"aria-expanded":p(this.active),part:i,"data-testid":"bal-accordion-trigger",title:this.active?M[this.language].close:M[this.language].open,"aria-label":this.active?M[this.language].close:M[this.language].open,onClick:this.onClick},e),n("bal-icon",{turn:a,name:r}))};t.prototype.renderText=function(t){var i=t.buttonPart,e=t.triggerAttributes,a=t.turn,r=t.icon,o=t.id;var s=this.openLabel||M[this.language].open;var c=this.closeLabel||M[this.language].close;return n("button",Object.assign({class:Object.assign(Object.assign({},this.block.element("text").class()),{"bal-focused":e.tabindex===0}),id:"".concat(o,"-button"),"aria-controls":"".concat(this.parentAccordionId,"-details-content"),"aria-expanded":p(this.active),part:i,"data-testid":"bal-accordion-trigger",onClick:this.onClick},e),this.active?c:s)};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());o([b("bal-accordion-trigger"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],E.prototype,"createLogger",null);o([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],E.prototype,"configChanged",null);var D=0;E.style=z}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as r,g as s}from"./p-BdVwMG9u.js";import{_ as n,a as o}from"./p-dfXERft2.js";import{a}from"./p-DBsOHTWj.js";import{i as h}from"./p-C4sZQbkT.js";import{B as f}from"./p-ByiN-QjD.js";import{d as u}from"./p-FCLKfv6B.js";import{s as l,h as c}from"./p-CpDHeXfo.js";import{r as p,n as d}from"./p-Ba5qjFjW.js";import{L as b}from"./p-D7ovid3w.js";import{f as m}from"./p-DsxGYykr.js";import{i as w}from"./p-DEb5iNGc.js";import{d as v}from"./p-C_0MGoKB.js";import{L as g}from"./p-B-L34nz8.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";var y=1e6,j="[big.js] ",k=j+"Invalid ",_=k+"decimal places",x=k+"rounding mode",E=j+"Division by zero",B={},C=void 0,O=/^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;function D(t,i,e,r){var s=t.c;if(e===C&&(e=t.constructor.RM),0!==e&&1!==e&&2!==e&&3!==e)throw Error(x);if(i<1)r=3===e&&(r||!!s[0])||0===i&&(1===e&&s[0]>=5||2===e&&(s[0]>5||5===s[0]&&(r||s[1]!==C))),s.length=1,r?(t.e=t.e-i+1,s[0]=1):s[0]=t.e=0;else if(i<s.length){if(r=1===e&&s[i]>=5||2===e&&(s[i]>5||5===s[i]&&(r||s[i+1]!==C||1&s[i-1]))||3===e&&(r||!!s[0]),s.length=i,r)for(;++s[--i]>9;)if(s[i]=0,0===i){++t.e,s.unshift(1);break}for(i=s.length;!s[--i];)s.pop()}return t}function F(t,i,e){var r=t.e,s=t.c.join(""),n=s.length;if(i)s=s.charAt(0)+(n>1?"."+s.slice(1):"")+(r<0?"e":"e+")+r;else if(r<0){for(;++r;)s="0"+s;s="0."+s}else if(r>0)if(++r>n)for(r-=n;r--;)s+="0";else r<n&&(s=s.slice(0,r)+"."+s.slice(r));else n>1&&(s=s.charAt(0)+"."+s.slice(1));return t.s<0&&e?"-"+s:s}B.abs=function(){var t=new this.constructor(this);return t.s=1,t},B.cmp=function(t){var i,e=this,r=e.c,s=(t=new e.constructor(t)).c,n=e.s,o=t.s,a=e.e,h=t.e;if(!r[0]||!s[0])return r[0]?n:s[0]?-o:0;if(n!=o)return n;if(i=n<0,a!=h)return a>h^i?1:-1;for(o=(a=r.length)<(h=s.length)?a:h,n=-1;++n<o;)if(r[n]!=s[n])return r[n]>s[n]^i?1:-1;return a==h?0:a>h^i?1:-1},B.div=function(t){var i=this,e=i.constructor,r=i.c,s=(t=new e(t)).c,n=i.s==t.s?1:-1,o=e.DP;if(o!==~~o||o<0||o>y)throw Error(_);if(!s[0])throw Error(E);if(!r[0])return t.s=n,t.c=[t.e=0],t;var a,h,f,u,l,c=s.slice(),p=a=s.length,d=r.length,b=r.slice(0,a),m=b.length,w=t,v=w.c=[],g=0,j=o+(w.e=i.e-t.e)+1;for(w.s=n,n=j<0?0:j,c.unshift(0);m++<a;)b.push(0);do{for(f=0;f<10;f++){if(a!=(m=b.length))u=a>m?1:-1;else for(l=-1,u=0;++l<a;)if(s[l]!=b[l]){u=s[l]>b[l]?1:-1;break}if(!(u<0))break;for(h=m==a?s:c;m;){if(b[--m]<h[m]){for(l=m;l&&!b[--l];)b[l]=9;--b[l],b[m]+=10}b[m]-=h[m]}for(;!b[0];)b.shift()}v[g++]=u?f:++f,b[0]&&u?b[m]=r[p]||0:b=[r[p]]}while((p++<d||b[0]!==C)&&n--);return v[0]||1==g||(v.shift(),w.e--,j--),g>j&&D(w,j,e.RM,b[0]!==C),w},B.eq=function(t){return 0===this.cmp(t)},B.gt=function(t){return this.cmp(t)>0},B.gte=function(t){return this.cmp(t)>-1},B.lt=function(t){return this.cmp(t)<0},B.lte=function(t){return this.cmp(t)<1},B.minus=B.sub=function(t){var i,e,r,s,n=this,o=n.constructor,a=n.s,h=(t=new o(t)).s;if(a!=h)return t.s=-h,n.plus(t);var f=n.c.slice(),u=n.e,l=t.c,c=t.e;if(!f[0]||!l[0])return l[0]?t.s=-h:f[0]?t=new o(n):t.s=1,t;if(a=u-c){for((s=a<0)?(a=-a,r=f):(c=u,r=l),r.reverse(),h=a;h--;)r.push(0);r.reverse()}else for(e=((s=f.length<l.length)?f:l).length,a=h=0;h<e;h++)if(f[h]!=l[h]){s=f[h]<l[h];break}if(s&&(r=f,f=l,l=r,t.s=-t.s),(h=(e=l.length)-(i=f.length))>0)for(;h--;)f[i++]=0;for(h=i;e>a;){if(f[--e]<l[e]){for(i=e;i&&!f[--i];)f[i]=9;--f[i],f[e]+=10}f[e]-=l[e]}for(;0===f[--h];)f.pop();for(;0===f[0];)f.shift(),--c;return f[0]||(t.s=1,f=[c=0]),t.c=f,t.e=c,t},B.mod=function(t){var i,e=this,r=e.constructor,s=e.s,n=(t=new r(t)).s;if(!t.c[0])throw Error(E);return e.s=t.s=1,i=1==t.cmp(e),e.s=s,t.s=n,i?new r(e):(s=r.DP,n=r.RM,r.DP=r.RM=0,e=e.div(t),r.DP=s,r.RM=n,this.minus(e.times(t)))},B.neg=function(){var t=new this.constructor(this);return t.s=-t.s,t},B.plus=B.add=function(t){var i,e,r,s=this,n=s.constructor;if(t=new n(t),s.s!=t.s)return t.s=-t.s,s.minus(t);var o=s.e,a=s.c,h=t.e,f=t.c;if(!a[0]||!f[0])return f[0]||(a[0]?t=new n(s):t.s=s.s),t;if(a=a.slice(),i=o-h){for(i>0?(h=o,r=f):(i=-i,r=a),r.reverse();i--;)r.push(0);r.reverse()}for(a.length-f.length<0&&(r=f,f=a,a=r),i=f.length,e=0;i;a[i]%=10)e=(a[--i]=a[i]+f[i]+e)/10|0;for(e&&(a.unshift(e),++h),i=a.length;0===a[--i];)a.pop();return t.c=a,t.e=h,t},B.pow=function(t){var i=this,e=new i.constructor("1"),r=e,s=t<0;if(t!==~~t||t<-1e6||t>1e6)throw Error(k+"exponent");for(s&&(t=-t);1&t&&(r=r.times(i)),t>>=1;)i=i.times(i);return s?e.div(r):r},B.prec=function(t,i){if(t!==~~t||t<1||t>y)throw Error(k+"precision");return D(new this.constructor(this),t,i)},B.round=function(t,i){if(t===C)t=0;else if(t!==~~t||t<-1e6||t>y)throw Error(_);return D(new this.constructor(this),t+this.e+1,i)},B.sqrt=function(){var t,i,e,r=this,s=r.constructor,n=r.s,o=r.e,a=new s("0.5");if(!r.c[0])return new s(r);if(n<0)throw Error(j+"No square root");0===(n=Math.sqrt(r+""))||n===1/0?((i=r.c.join("")).length+o&1||(i+="0"),o=((o+1)/2|0)-(o<0||1&o),t=new s(((n=Math.sqrt(i))==1/0?"5e":(n=n.toExponential()).slice(0,n.indexOf("e")+1))+o)):t=new s(n+""),o=t.e+(s.DP+=4);do{t=a.times((e=t).plus(r.div(e)))}while(e.c.slice(0,o).join("")!==t.c.slice(0,o).join(""));return D(t,(s.DP-=4)+t.e+1,s.RM)},B.times=B.mul=function(t){var i,e=this,r=e.c,s=(t=new(0,e.constructor)(t)).c,n=r.length,o=s.length,a=e.e,h=t.e;if(t.s=e.s==t.s?1:-1,!r[0]||!s[0])return t.c=[t.e=0],t;for(t.e=a+h,n<o&&(i=r,r=s,s=i,h=n,n=o,o=h),i=new Array(h=n+o);h--;)i[h]=0;for(a=o;a--;){for(o=0,h=n+a;h>a;)o=i[h]+s[a]*r[h-a-1]+o,i[h--]=o%10,o=o/10|0;i[h]=o}for(o?++t.e:i.shift(),a=i.length;!i[--a];)i.pop();return t.c=i,t},B.toExponential=function(t,i){var e=this,r=e.c[0];if(t!==C){if(t!==~~t||t<0||t>y)throw Error(_);for(e=D(new e.constructor(e),++t,i);e.c.length<t;)e.c.push(0)}return F(e,!0,!!r)},B.toFixed=function(t,i){var e=this,r=e.c[0];if(t!==C){if(t!==~~t||t<0||t>y)throw Error(_);for(t=t+(e=D(new e.constructor(e),t+e.e+1,i)).e+1;e.c.length<t;)e.c.push(0)}return F(e,!1,!!r)},B[Symbol.for("nodejs.util.inspect.custom")]=B.toJSON=B.toString=function(){var t=this,i=t.constructor;return F(t,t.e<=i.NE||t.e>=i.PE,!!t.c[0])},B.toNumber=function(){var t=Number(F(this,!0,!0));if(!0===this.constructor.strict&&!this.eq(t.toString()))throw Error(j+"Imprecise conversion");return t},B.toPrecision=function(t,i){var e=this,r=e.constructor,s=e.c[0];if(t!==C){if(t!==~~t||t<1||t>y)throw Error(k+"precision");for(e=D(new r(e),t,i);e.c.length<t;)e.c.push(0)}return F(e,t<=e.e||e.e<=r.NE||e.e>=r.PE,!!s)},B.valueOf=function(){var t=this,i=t.constructor;if(!0===i.strict)throw Error(j+"valueOf disallowed");return F(t,t.e<=i.NE||t.e>=i.PE,!0)};var L=function t(){function i(e){var r=this;if(!(r instanceof i))return e===C?t():new i(e);if(e instanceof i)r.s=e.s,r.e=e.e,r.c=e.c.slice();else{if("string"!=typeof e){if(!0===i.strict&&"bigint"!=typeof e)throw TypeError(k+"value");e=0===e&&1/e<0?"-0":String(e)}!function(t,i){var e,r,s;if(!O.test(i))throw Error(k+"number");for(t.s="-"==i.charAt(0)?(i=i.slice(1),-1):1,(e=i.indexOf("."))>-1&&(i=i.replace(".","")),(r=i.search(/e/i))>0?(e<0&&(e=r),e+=+i.slice(r+1),i=i.substring(0,r)):e<0&&(e=i.length),s=i.length,r=0;r<s&&"0"==i.charAt(r);)++r;if(r==s)t.c=[t.e=0];else{for(;s>0&&"0"==i.charAt(--s););for(t.e=e-r-1,t.c=[],e=0;r<=s;)t.c[e++]=+i.charAt(r++)}}(r,e)}r.constructor=i}return i.prototype=B,i.DP=20,i.RM=1,i.NE=-7,i.PE=21,i.strict=!1,i.roundDown=0,i.roundHalfUp=1,i.roundHalfEven=2,i.roundUp=3,i}();const M=class{constructor(e){t(this,e),this.balChange=i(this,"balChange"),this.balInput=i(this,"balInput"),this.balIncrease=i(this,"balIncrease"),this.balDecrease=i(this,"balDecrease"),this.balFocus=i(this,"balFocus"),this.balBlur=i(this,"balBlur"),this.inputId="bal-input-stepper-"+q++,this.inheritedAttributes={},this.decreaseHasFocus=!1,this.increaseHasFocus=!1,this.focused=!1,this.language=v.language,this.region=v.region,this.ariaForm=u,this.name=this.inputId,this.min=0,this.max=10,this.steps=1,this.disabled=!1,this.readonly=!1,this.invalid=!1,this.debounce=0,this.value=0,this.initialValue=0,this.autoInvalidOff=!1,this.onFocusDecrease=t=>{this.decreaseHasFocus=!0,this.onFocus(t)},this.onFocusIncrease=t=>{this.increaseHasFocus=!0,this.onFocus(t)},this.onFocus=t=>{l(t),this.balFocus.emit(t.detail)},this.onBlurDecrease=t=>{l(t),this.decreaseHasFocus=!1,p((()=>this.onBlur(t.detail)))},this.onBlurIncrease=t=>{l(t),this.increaseHasFocus=!1,p((()=>this.onBlur(t.detail)))},this.onBlur=t=>{this.decreaseHasFocus||this.increaseHasFocus||this.balBlur.emit(t)}}createLogger(t){this.log=t}debounceChanged(){this.balChange=d(this.balChange,this.debounce)}listenOnClick(t){c(this,t)}resetHandler(t){const i=t.target;(null==i?void 0:i.contains(this.el))&&(this.value=this.initialValue)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value}componentWillLoad(){this.inheritedAttributes=h(this.el,["aria-label","tabindex","title"])}async configChanged(t){this.language=t.language,this.region=t.region}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}increase(){if(!this.disabled&&!this.readonly){const t=new L(this.value).plus(this.steps).toNumber();t<=this.max&&(this.value=t,this.balInput.emit(t),this.balChange.emit(t),this.balIncrease.emit(t))}}decrease(){if(!this.disabled&&!this.readonly){const t=new L(this.value).minus(this.steps).toNumber();t>=this.min&&(this.value=t,this.balInput.emit(t),this.balChange.emit(t),this.balDecrease.emit(t))}}render(){const t=f.block("input-stepper"),i=t.element("input"),s=t.element("inner"),n=s.element("text"),o=w[this.language].increase,h=w[this.language].decrease;return e(r,{key:"b017edbea55108f2a839654ec284de97e833da65","aria-disabled":a(this.disabled),"aria-focused":this.focused?"true":null,class:Object.assign({},t.class())},e("div",{key:"d41f63eed88cd2f29901f23837978ff42cde96aa",class:Object.assign({},s.class())},e("bal-button",{key:"7acb51cae824f1e30f3348685903b61d8dae2746",a11yTitle:h,a11yLabel:h,a11yControls:this.ariaForm.controlId||this.inputId,size:"small",square:!0,"data-testid":"bal-input-stepper-decrease",outlined:!this.invalid,icon:"minus",color:this.invalid?"danger":"info",disabled:this.disabled||this.readonly||this.value<=this.min,onClick:()=>this.decrease(),onBalFocus:t=>this.onFocusDecrease(t),onBalBlur:t=>this.onBlurDecrease(t)}),e("span",{key:"5b14445f6049a7fc7786d780f9ec1e88e8ba73bc","data-testid":"bal-input-stepper-text",class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("invalid").class(this.invalid)),n.modifier("disabled").class(this.disabled||this.readonly))},m(this.value)),e("bal-button",{key:"286ba68697b2dafcf2d543ad545d79474adae092",a11yTitle:o,a11yLabel:o,a11yControls:this.ariaForm.controlId||this.inputId,size:"small","data-testid":"bal-input-stepper-increase",square:!0,outlined:!this.invalid,icon:"plus",color:this.invalid?"danger":"info",disabled:this.disabled||this.readonly||this.value>=this.max,onClick:()=>this.increase(),onBalFocus:t=>this.onFocusIncrease(t),onBalBlur:t=>this.onBlurIncrease(t)})),e("input",Object.assign({key:"5dfc042c5452657a0d53ba55ca2b7bfc7d3e6d8c",class:Object.assign({},i.class()),id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":a(this.disabled),"data-testid":"bal-input-stepper",type:"text",value:this.value,name:this.name,tabindex:"-1",ref:t=>this.nativeInput=t,readonly:this.readonly,disabled:this.disabled},this.inheritedAttributes)))}get el(){return s(this)}static get watchers(){return{debounce:["debounceChanged"]}}};n([b("bal-input-stepper"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],M.prototype,"createLogger",null),n([g(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],M.prototype,"configChanged",null);let q=0;M.style=".bal-input-stepper{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:inline-block}.bal-input-stepper__inner{display:-ms-flexbox;display:flex;gap:.25rem;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-input-stepper__inner__text{min-width:3rem;text-align:center;font-weight:700}.bal-input-stepper__inner__text--invalid{color:var(--bal-color-text-danger)}.bal-input-stepper__inner__text--disabled{color:var(--bal-color-text-grey)}.bal-input-stepper__input{position:absolute;width:0;height:0;left:0;top:0;margin:0;padding:0;opacity:0;outline:0}";export{M as bal_input_stepper}
|
|
1
|
+
import{r as t,c as i,h as e,H as r,g as s}from"./p-BdVwMG9u.js";import{_ as n,a as o}from"./p-dfXERft2.js";import{a}from"./p-DBsOHTWj.js";import{i as h}from"./p-C4sZQbkT.js";import{B as f}from"./p-ByiN-QjD.js";import{d as u}from"./p-FCLKfv6B.js";import{s as l,h as c}from"./p-CpDHeXfo.js";import{r as p,n as d}from"./p-Ba5qjFjW.js";import{L as b}from"./p-D7ovid3w.js";import{f as m}from"./p-CM3hCeNH.js";import{i as w}from"./p-DEb5iNGc.js";import{d as v}from"./p-CBkFUwrD.js";import{L as g}from"./p-B-L34nz8.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";var y=1e6,j="[big.js] ",k=j+"Invalid ",_=k+"decimal places",x=k+"rounding mode",E=j+"Division by zero",C={},B=void 0,O=/^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;function F(t,i,e,r){var s=t.c;if(e===B&&(e=t.constructor.RM),0!==e&&1!==e&&2!==e&&3!==e)throw Error(x);if(i<1)r=3===e&&(r||!!s[0])||0===i&&(1===e&&s[0]>=5||2===e&&(s[0]>5||5===s[0]&&(r||s[1]!==B))),s.length=1,r?(t.e=t.e-i+1,s[0]=1):s[0]=t.e=0;else if(i<s.length){if(r=1===e&&s[i]>=5||2===e&&(s[i]>5||5===s[i]&&(r||s[i+1]!==B||1&s[i-1]))||3===e&&(r||!!s[0]),s.length=i,r)for(;++s[--i]>9;)if(s[i]=0,0===i){++t.e,s.unshift(1);break}for(i=s.length;!s[--i];)s.pop()}return t}function D(t,i,e){var r=t.e,s=t.c.join(""),n=s.length;if(i)s=s.charAt(0)+(n>1?"."+s.slice(1):"")+(r<0?"e":"e+")+r;else if(r<0){for(;++r;)s="0"+s;s="0."+s}else if(r>0)if(++r>n)for(r-=n;r--;)s+="0";else r<n&&(s=s.slice(0,r)+"."+s.slice(r));else n>1&&(s=s.charAt(0)+"."+s.slice(1));return t.s<0&&e?"-"+s:s}C.abs=function(){var t=new this.constructor(this);return t.s=1,t},C.cmp=function(t){var i,e=this,r=e.c,s=(t=new e.constructor(t)).c,n=e.s,o=t.s,a=e.e,h=t.e;if(!r[0]||!s[0])return r[0]?n:s[0]?-o:0;if(n!=o)return n;if(i=n<0,a!=h)return a>h^i?1:-1;for(o=(a=r.length)<(h=s.length)?a:h,n=-1;++n<o;)if(r[n]!=s[n])return r[n]>s[n]^i?1:-1;return a==h?0:a>h^i?1:-1},C.div=function(t){var i=this,e=i.constructor,r=i.c,s=(t=new e(t)).c,n=i.s==t.s?1:-1,o=e.DP;if(o!==~~o||o<0||o>y)throw Error(_);if(!s[0])throw Error(E);if(!r[0])return t.s=n,t.c=[t.e=0],t;var a,h,f,u,l,c=s.slice(),p=a=s.length,d=r.length,b=r.slice(0,a),m=b.length,w=t,v=w.c=[],g=0,j=o+(w.e=i.e-t.e)+1;for(w.s=n,n=j<0?0:j,c.unshift(0);m++<a;)b.push(0);do{for(f=0;f<10;f++){if(a!=(m=b.length))u=a>m?1:-1;else for(l=-1,u=0;++l<a;)if(s[l]!=b[l]){u=s[l]>b[l]?1:-1;break}if(!(u<0))break;for(h=m==a?s:c;m;){if(b[--m]<h[m]){for(l=m;l&&!b[--l];)b[l]=9;--b[l],b[m]+=10}b[m]-=h[m]}for(;!b[0];)b.shift()}v[g++]=u?f:++f,b[0]&&u?b[m]=r[p]||0:b=[r[p]]}while((p++<d||b[0]!==B)&&n--);return v[0]||1==g||(v.shift(),w.e--,j--),g>j&&F(w,j,e.RM,b[0]!==B),w},C.eq=function(t){return 0===this.cmp(t)},C.gt=function(t){return this.cmp(t)>0},C.gte=function(t){return this.cmp(t)>-1},C.lt=function(t){return this.cmp(t)<0},C.lte=function(t){return this.cmp(t)<1},C.minus=C.sub=function(t){var i,e,r,s,n=this,o=n.constructor,a=n.s,h=(t=new o(t)).s;if(a!=h)return t.s=-h,n.plus(t);var f=n.c.slice(),u=n.e,l=t.c,c=t.e;if(!f[0]||!l[0])return l[0]?t.s=-h:f[0]?t=new o(n):t.s=1,t;if(a=u-c){for((s=a<0)?(a=-a,r=f):(c=u,r=l),r.reverse(),h=a;h--;)r.push(0);r.reverse()}else for(e=((s=f.length<l.length)?f:l).length,a=h=0;h<e;h++)if(f[h]!=l[h]){s=f[h]<l[h];break}if(s&&(r=f,f=l,l=r,t.s=-t.s),(h=(e=l.length)-(i=f.length))>0)for(;h--;)f[i++]=0;for(h=i;e>a;){if(f[--e]<l[e]){for(i=e;i&&!f[--i];)f[i]=9;--f[i],f[e]+=10}f[e]-=l[e]}for(;0===f[--h];)f.pop();for(;0===f[0];)f.shift(),--c;return f[0]||(t.s=1,f=[c=0]),t.c=f,t.e=c,t},C.mod=function(t){var i,e=this,r=e.constructor,s=e.s,n=(t=new r(t)).s;if(!t.c[0])throw Error(E);return e.s=t.s=1,i=1==t.cmp(e),e.s=s,t.s=n,i?new r(e):(s=r.DP,n=r.RM,r.DP=r.RM=0,e=e.div(t),r.DP=s,r.RM=n,this.minus(e.times(t)))},C.neg=function(){var t=new this.constructor(this);return t.s=-t.s,t},C.plus=C.add=function(t){var i,e,r,s=this,n=s.constructor;if(t=new n(t),s.s!=t.s)return t.s=-t.s,s.minus(t);var o=s.e,a=s.c,h=t.e,f=t.c;if(!a[0]||!f[0])return f[0]||(a[0]?t=new n(s):t.s=s.s),t;if(a=a.slice(),i=o-h){for(i>0?(h=o,r=f):(i=-i,r=a),r.reverse();i--;)r.push(0);r.reverse()}for(a.length-f.length<0&&(r=f,f=a,a=r),i=f.length,e=0;i;a[i]%=10)e=(a[--i]=a[i]+f[i]+e)/10|0;for(e&&(a.unshift(e),++h),i=a.length;0===a[--i];)a.pop();return t.c=a,t.e=h,t},C.pow=function(t){var i=this,e=new i.constructor("1"),r=e,s=t<0;if(t!==~~t||t<-1e6||t>1e6)throw Error(k+"exponent");for(s&&(t=-t);1&t&&(r=r.times(i)),t>>=1;)i=i.times(i);return s?e.div(r):r},C.prec=function(t,i){if(t!==~~t||t<1||t>y)throw Error(k+"precision");return F(new this.constructor(this),t,i)},C.round=function(t,i){if(t===B)t=0;else if(t!==~~t||t<-1e6||t>y)throw Error(_);return F(new this.constructor(this),t+this.e+1,i)},C.sqrt=function(){var t,i,e,r=this,s=r.constructor,n=r.s,o=r.e,a=new s("0.5");if(!r.c[0])return new s(r);if(n<0)throw Error(j+"No square root");0===(n=Math.sqrt(r+""))||n===1/0?((i=r.c.join("")).length+o&1||(i+="0"),o=((o+1)/2|0)-(o<0||1&o),t=new s(((n=Math.sqrt(i))==1/0?"5e":(n=n.toExponential()).slice(0,n.indexOf("e")+1))+o)):t=new s(n+""),o=t.e+(s.DP+=4);do{t=a.times((e=t).plus(r.div(e)))}while(e.c.slice(0,o).join("")!==t.c.slice(0,o).join(""));return F(t,(s.DP-=4)+t.e+1,s.RM)},C.times=C.mul=function(t){var i,e=this,r=e.c,s=(t=new(0,e.constructor)(t)).c,n=r.length,o=s.length,a=e.e,h=t.e;if(t.s=e.s==t.s?1:-1,!r[0]||!s[0])return t.c=[t.e=0],t;for(t.e=a+h,n<o&&(i=r,r=s,s=i,h=n,n=o,o=h),i=new Array(h=n+o);h--;)i[h]=0;for(a=o;a--;){for(o=0,h=n+a;h>a;)o=i[h]+s[a]*r[h-a-1]+o,i[h--]=o%10,o=o/10|0;i[h]=o}for(o?++t.e:i.shift(),a=i.length;!i[--a];)i.pop();return t.c=i,t},C.toExponential=function(t,i){var e=this,r=e.c[0];if(t!==B){if(t!==~~t||t<0||t>y)throw Error(_);for(e=F(new e.constructor(e),++t,i);e.c.length<t;)e.c.push(0)}return D(e,!0,!!r)},C.toFixed=function(t,i){var e=this,r=e.c[0];if(t!==B){if(t!==~~t||t<0||t>y)throw Error(_);for(t=t+(e=F(new e.constructor(e),t+e.e+1,i)).e+1;e.c.length<t;)e.c.push(0)}return D(e,!1,!!r)},C[Symbol.for("nodejs.util.inspect.custom")]=C.toJSON=C.toString=function(){var t=this,i=t.constructor;return D(t,t.e<=i.NE||t.e>=i.PE,!!t.c[0])},C.toNumber=function(){var t=Number(D(this,!0,!0));if(!0===this.constructor.strict&&!this.eq(t.toString()))throw Error(j+"Imprecise conversion");return t},C.toPrecision=function(t,i){var e=this,r=e.constructor,s=e.c[0];if(t!==B){if(t!==~~t||t<1||t>y)throw Error(k+"precision");for(e=F(new r(e),t,i);e.c.length<t;)e.c.push(0)}return D(e,t<=e.e||e.e<=r.NE||e.e>=r.PE,!!s)},C.valueOf=function(){var t=this,i=t.constructor;if(!0===i.strict)throw Error(j+"valueOf disallowed");return D(t,t.e<=i.NE||t.e>=i.PE,!0)};var L=function t(){function i(e){var r=this;if(!(r instanceof i))return e===B?t():new i(e);if(e instanceof i)r.s=e.s,r.e=e.e,r.c=e.c.slice();else{if("string"!=typeof e){if(!0===i.strict&&"bigint"!=typeof e)throw TypeError(k+"value");e=0===e&&1/e<0?"-0":String(e)}!function(t,i){var e,r,s;if(!O.test(i))throw Error(k+"number");for(t.s="-"==i.charAt(0)?(i=i.slice(1),-1):1,(e=i.indexOf("."))>-1&&(i=i.replace(".","")),(r=i.search(/e/i))>0?(e<0&&(e=r),e+=+i.slice(r+1),i=i.substring(0,r)):e<0&&(e=i.length),s=i.length,r=0;r<s&&"0"==i.charAt(r);)++r;if(r==s)t.c=[t.e=0];else{for(;s>0&&"0"==i.charAt(--s););for(t.e=e-r-1,t.c=[],e=0;r<=s;)t.c[e++]=+i.charAt(r++)}}(r,e)}r.constructor=i}return i.prototype=C,i.DP=20,i.RM=1,i.NE=-7,i.PE=21,i.strict=!1,i.roundDown=0,i.roundHalfUp=1,i.roundHalfEven=2,i.roundUp=3,i}();const M=class{constructor(e){t(this,e),this.balChange=i(this,"balChange"),this.balInput=i(this,"balInput"),this.balIncrease=i(this,"balIncrease"),this.balDecrease=i(this,"balDecrease"),this.balFocus=i(this,"balFocus"),this.balBlur=i(this,"balBlur"),this.inputId="bal-input-stepper-"+q++,this.inheritedAttributes={},this.decreaseHasFocus=!1,this.increaseHasFocus=!1,this.focused=!1,this.language=v.language,this.region=v.region,this.ariaForm=u,this.name=this.inputId,this.min=0,this.max=10,this.steps=1,this.disabled=!1,this.readonly=!1,this.invalid=!1,this.debounce=0,this.value=0,this.initialValue=0,this.autoInvalidOff=!1,this.onFocusDecrease=t=>{this.decreaseHasFocus=!0,this.onFocus(t)},this.onFocusIncrease=t=>{this.increaseHasFocus=!0,this.onFocus(t)},this.onFocus=t=>{l(t),this.balFocus.emit(t.detail)},this.onBlurDecrease=t=>{l(t),this.decreaseHasFocus=!1,p((()=>this.onBlur(t.detail)))},this.onBlurIncrease=t=>{l(t),this.increaseHasFocus=!1,p((()=>this.onBlur(t.detail)))},this.onBlur=t=>{this.decreaseHasFocus||this.increaseHasFocus||this.balBlur.emit(t)}}createLogger(t){this.log=t}debounceChanged(){this.balChange=d(this.balChange,this.debounce)}listenOnClick(t){c(this,t)}resetHandler(t){const i=t.target;(null==i?void 0:i.contains(this.el))&&(this.value=this.initialValue)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value}componentWillLoad(){this.inheritedAttributes=h(this.el,["aria-label","tabindex","title"])}async configChanged(t){this.language=t.language,this.region=t.region}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}increase(){if(!this.disabled&&!this.readonly){const t=new L(this.value).plus(this.steps).toNumber();t<=this.max&&(this.value=t,this.balInput.emit(t),this.balChange.emit(t),this.balIncrease.emit(t))}}decrease(){if(!this.disabled&&!this.readonly){const t=new L(this.value).minus(this.steps).toNumber();t>=this.min&&(this.value=t,this.balInput.emit(t),this.balChange.emit(t),this.balDecrease.emit(t))}}render(){const t=f.block("input-stepper"),i=t.element("input"),s=t.element("inner"),n=s.element("text"),o=w[this.language].increase,h=w[this.language].decrease;return e(r,{key:"b017edbea55108f2a839654ec284de97e833da65","aria-disabled":a(this.disabled),"aria-focused":this.focused?"true":null,class:Object.assign({},t.class())},e("div",{key:"d41f63eed88cd2f29901f23837978ff42cde96aa",class:Object.assign({},s.class())},e("bal-button",{key:"7acb51cae824f1e30f3348685903b61d8dae2746",a11yTitle:h,a11yLabel:h,a11yControls:this.ariaForm.controlId||this.inputId,size:"small",square:!0,"data-testid":"bal-input-stepper-decrease",outlined:!this.invalid,icon:"minus",color:this.invalid?"danger":"info",disabled:this.disabled||this.readonly||this.value<=this.min,onClick:()=>this.decrease(),onBalFocus:t=>this.onFocusDecrease(t),onBalBlur:t=>this.onBlurDecrease(t)}),e("span",{key:"5b14445f6049a7fc7786d780f9ec1e88e8ba73bc","data-testid":"bal-input-stepper-text",class:Object.assign(Object.assign(Object.assign({},n.class()),n.modifier("invalid").class(this.invalid)),n.modifier("disabled").class(this.disabled||this.readonly))},m(this.value)),e("bal-button",{key:"286ba68697b2dafcf2d543ad545d79474adae092",a11yTitle:o,a11yLabel:o,a11yControls:this.ariaForm.controlId||this.inputId,size:"small","data-testid":"bal-input-stepper-increase",square:!0,outlined:!this.invalid,icon:"plus",color:this.invalid?"danger":"info",disabled:this.disabled||this.readonly||this.value>=this.max,onClick:()=>this.increase(),onBalFocus:t=>this.onFocusIncrease(t),onBalBlur:t=>this.onBlurIncrease(t)})),e("input",Object.assign({key:"5dfc042c5452657a0d53ba55ca2b7bfc7d3e6d8c",class:Object.assign({},i.class()),id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":a(this.disabled),"data-testid":"bal-input-stepper",type:"text",value:this.value,name:this.name,tabindex:"-1",ref:t=>this.nativeInput=t,readonly:this.readonly,disabled:this.disabled},this.inheritedAttributes)))}get el(){return s(this)}static get watchers(){return{debounce:["debounceChanged"]}}};n([b("bal-input-stepper"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],M.prototype,"createLogger",null),n([g(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],M.prototype,"configChanged",null);let q=0;M.style=".bal-input-stepper{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:inline-block}.bal-input-stepper__inner{display:-ms-flexbox;display:flex;gap:.25rem;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-input-stepper__inner__text{min-width:3rem;text-align:center;font-weight:700}.bal-input-stepper__inner__text--invalid{color:var(--bal-color-text-danger)}.bal-input-stepper__inner__text--disabled{color:var(--bal-color-text-grey)}.bal-input-stepper__input{position:absolute;width:0;height:0;left:0;top:0;margin:0;padding:0;opacity:0;outline:0}";export{M as bal_input_stepper}
|