@baloise/ds-core 17.4.1 → 18.0.0-nightly.20250211
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/all.d.ts +2 -0
- package/components/all.js +3 -0
- package/components/bal-app.js +1 -93
- package/components/bal-app2.js +95 -0
- package/components/bal-checkbox2.js +1 -1
- package/components/bal-close2.js +1 -1
- package/components/bal-date-calendar2.js +1 -1
- package/components/bal-doc-app.d.ts +11 -0
- package/components/bal-doc-app.js +262 -0
- package/components/bal-modal.js +1 -1
- package/components/bal-radio2.js +1 -1
- package/components/bal-steps.js +1 -1
- package/components/bal-tabs2.js +1 -1
- package/components/bal-time-input.js +1 -1
- package/components/config.utils.js +27 -27
- package/components/floating-ui.dom.esm.js +205 -77
- package/components/index.js +7 -314
- package/components/initialize.js +312 -0
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-afef265b5f.entry.js → p-01d99206b2.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e60e0c65.system.js → p-01f07b49.system.js} +1 -1
- package/dist/baloise-design-system/{p-374e5904fa.entry.js → p-02116878a7.entry.js} +1 -1
- package/dist/baloise-design-system/{p-39351e2b.system.js → p-087021fe.system.js} +1 -1
- package/dist/baloise-design-system/{p-447acd07e7.system.entry.js → p-0e506e98e2.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-11270bb714.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-426219f4.js → p-130b37bc.js} +1 -1
- package/dist/baloise-design-system/{p-ce0ca991f8.entry.js → p-1546034dac.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9b542bd976.entry.js → p-191459a962.entry.js} +1 -1
- package/dist/baloise-design-system/{p-464f369ad6.entry.js → p-1b31484d81.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e0b6c2eaf9.system.entry.js → p-1d09b5700d.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-1e142b10.system.js +1 -0
- package/dist/baloise-design-system/{p-6079fa35e4.system.entry.js → p-1f0ddd16a2.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-44e7532c.js → p-20eba37f.js} +1 -1
- package/dist/baloise-design-system/{p-b8da005f.js → p-211a37e8.js} +1 -1
- package/dist/baloise-design-system/{p-bf200caec0.entry.js → p-221c096477.entry.js} +1 -1
- package/dist/baloise-design-system/p-234baab174.entry.js +1 -0
- package/dist/baloise-design-system/{p-0d3f11e3.system.js → p-237de03b.system.js} +1 -1
- package/dist/baloise-design-system/p-294f38c2.js +1 -0
- package/dist/baloise-design-system/{p-3d73a2d0e3.entry.js → p-2dc029770c.entry.js} +1 -1
- package/dist/baloise-design-system/p-301a6b23.js +1 -0
- package/dist/baloise-design-system/{p-f285a977e8.entry.js → p-309f1f7d4e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-055ec952e0.system.entry.js → p-316efc7003.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b4c2e91618.system.entry.js → p-32861633a8.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-462f564b70.entry.js → p-35ca0dde1e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c0eefa4060.entry.js → p-36f131eec6.entry.js} +1 -1
- package/dist/baloise-design-system/{p-03613e2aa3.system.entry.js → p-371d95e7d3.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c991d944.js → p-3913c6ae.js} +1 -1
- package/dist/baloise-design-system/{p-b1c18bf1.system.js → p-3c15fb83.system.js} +1 -1
- package/dist/baloise-design-system/{p-c0461c69d6.entry.js → p-3cfd6d7831.entry.js} +1 -1
- package/dist/baloise-design-system/{p-993913b332.entry.js → p-3fce18ac8f.entry.js} +1 -1
- package/dist/baloise-design-system/p-400bbebf71.entry.js +1 -0
- package/dist/baloise-design-system/{p-f7554b087f.system.entry.js → p-4155b8f059.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-42e66219.system.js +1 -0
- package/dist/baloise-design-system/{p-ba68f2ce70.entry.js → p-448d3298a1.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3bf02fb8.system.js → p-47825fdf.system.js} +1 -1
- package/dist/baloise-design-system/p-47f0669a.js +1 -0
- package/dist/baloise-design-system/p-487284ff6d.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-3f559c384a.system.entry.js → p-4b22207353.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ca3bb9ce.js → p-4cac86d6.js} +1 -1
- package/dist/baloise-design-system/{p-f6f93e74c1.system.entry.js → p-4d857d11b6.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-415625ee.system.js → p-4e5f16ad.system.js} +1 -1
- package/dist/baloise-design-system/p-50f3b012.js +1 -0
- package/dist/baloise-design-system/{p-f908b02917.system.entry.js → p-53093cf5c3.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c3852df7a6.entry.js → p-54200a6353.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f9950a0b55.system.entry.js → p-54493c5289.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-64aca444.system.js → p-565f9976.system.js} +1 -1
- package/dist/baloise-design-system/{p-90c9681c84.entry.js → p-57cb150f05.entry.js} +1 -1
- package/dist/baloise-design-system/{p-db9b4e132d.system.entry.js → p-57e1067192.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-59d9918c.system.js +1 -0
- package/dist/baloise-design-system/p-5c31de6847.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-42c7b13aa9.entry.js → p-5c4e2ad67d.entry.js} +1 -1
- package/dist/baloise-design-system/p-5c6d332a4e.entry.js +1 -0
- package/dist/baloise-design-system/{p-7ab2e7b846.entry.js → p-5c7352eada.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ca5ec430.js → p-5cca745b.js} +1 -1
- package/dist/baloise-design-system/{p-0831f02fb0.system.entry.js → p-5d9f23045a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f7e9758f60.entry.js → p-5e74181495.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2f1fbb48.system.js → p-5f32b4f3.system.js} +1 -1
- package/dist/baloise-design-system/{p-7afa264997.system.entry.js → p-5f3e40e522.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a272313cd0.system.entry.js → p-60cd251a99.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-273fb2c2.system.js → p-659ecadc.system.js} +1 -1
- package/dist/baloise-design-system/{p-762c8fa651.system.entry.js → p-676d07ed2e.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0f37a65c.system.js → p-6b690346.system.js} +1 -1
- package/dist/baloise-design-system/{p-a85fe6d188.system.entry.js → p-6c29304485.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3c1ea7b3e0.entry.js → p-6d1f5b32f2.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b7fbadbe.js → p-6e85cd1a.js} +1 -1
- package/dist/baloise-design-system/{p-1f2b83a3a2.system.entry.js → p-70ff5a5df7.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-751eadd276.entry.js +1 -0
- package/dist/baloise-design-system/{p-208bd3127d.system.entry.js → p-75652c1651.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-afca130b59.system.entry.js → p-7644800ac6.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-76e1b06450.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-e3e1d211.js → p-79f6f58b.js} +1 -1
- package/dist/baloise-design-system/p-7bec4431.system.js +1 -0
- package/dist/baloise-design-system/{p-469a18b468.entry.js → p-7bf3e88ae4.entry.js} +1 -1
- package/dist/baloise-design-system/{p-385372ecd2.system.entry.js → p-7d04267c98.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-43174c7095.entry.js → p-7ddbde5c84.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b726b9f4c9.entry.js → p-7f6c434d89.entry.js} +1 -1
- package/dist/baloise-design-system/{p-fe37f1b5.js → p-81205ce0.js} +1 -1
- package/dist/baloise-design-system/{p-279428d318.entry.js → p-8255d835fe.entry.js} +1 -1
- package/dist/baloise-design-system/p-83512f21.system.js +1 -0
- package/dist/baloise-design-system/{p-5cd2674f.system.js → p-863f4e4e.system.js} +1 -1
- package/dist/baloise-design-system/{p-1a094c1b.js → p-875de117.js} +1 -1
- package/dist/baloise-design-system/{p-5d2ab1c46d.system.entry.js → p-8793a50acb.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-420bc2ff6e.entry.js → p-8c6511bf0d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9a1a9c980a.entry.js → p-8d49461b8f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-71352a52.js → p-8fc7e9ca.js} +1 -1
- package/dist/baloise-design-system/p-908a7c5cfd.system.entry.js +1 -0
- package/dist/baloise-design-system/p-92b665e7.system.js +1 -0
- package/dist/baloise-design-system/{p-f4641c6a16.entry.js → p-93d7df5c6d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ff2a5eae24.system.entry.js → p-9a00ac7fc8.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-31c7ac3a.system.js → p-9b9be713.system.js} +1 -1
- package/dist/baloise-design-system/{p-12db0c3477.entry.js → p-9c204d3ac7.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5776d1fde6.entry.js → p-9c383b422e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a576a58b09.system.entry.js → p-9d2cadcc98.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9ec2c3e050.entry.js → p-9ed80c87cf.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c641bed817.entry.js → p-a0737d5595.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f5a0884f92.entry.js → p-a1d210ca31.entry.js} +1 -1
- package/dist/baloise-design-system/{p-126ae228.system.js → p-a219593a.system.js} +1 -1
- package/dist/baloise-design-system/{p-ef6a64f4.js → p-a255c9b3.js} +1 -1
- package/dist/baloise-design-system/{p-817371e5.system.js → p-a519168e.system.js} +1 -1
- package/dist/baloise-design-system/p-a70f415677.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-afa8aa0eec.system.entry.js → p-a7b46eaa9f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e78be5ef.system.js → p-abd6896e.system.js} +1 -1
- package/dist/baloise-design-system/{p-4f4c99db.js → p-ad14e9f9.js} +1 -1
- package/dist/baloise-design-system/{p-4d7c0d39.js → p-afd41db0.js} +1 -1
- package/dist/baloise-design-system/{p-add71c43b9.entry.js → p-b1e392bdc4.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ec4e5d4ecc.system.entry.js → p-b495f6d654.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b63742f3.system.js → p-b50f4c4e.system.js} +1 -1
- package/dist/baloise-design-system/{p-649eedce8a.system.entry.js → p-b7ea548704.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ff31e0e340.system.entry.js → p-ba23bf69be.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-106815172c.system.entry.js → p-bbdbbb13c5.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9b73822c14.entry.js → p-bc5e76952e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d95305658b.system.entry.js → p-be0118456f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-caacebbe.js → p-c0173fff.js} +1 -1
- package/dist/baloise-design-system/{p-6c19302bf6.entry.js → p-c0d43ba0ce.entry.js} +1 -1
- package/dist/baloise-design-system/{p-19f28f1fbf.system.entry.js → p-c24fbe650f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-980e4b57.system.js → p-c43a56b7.system.js} +1 -1
- package/dist/baloise-design-system/{p-9727e05e.system.js → p-c917a3bc.system.js} +1 -1
- package/dist/baloise-design-system/{p-18820ca258.system.entry.js → p-cb0d5c384b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-fe6cbf28.js → p-cb0ff37f.js} +1 -1
- package/dist/baloise-design-system/{p-a857e31d7e.entry.js → p-cd7532cea3.entry.js} +1 -1
- package/dist/baloise-design-system/{p-111d37ae18.system.entry.js → p-d4996fd889.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-312a3215.js → p-ddec5b99.js} +1 -1
- package/dist/baloise-design-system/{p-50a49c0e5c.system.entry.js → p-e3c51dd5ce.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-ea8491b628.entry.js +1 -0
- package/dist/baloise-design-system/{p-75ac477ebc.entry.js → p-eaabd6f34a.entry.js} +1 -1
- package/dist/baloise-design-system/{p-fca0dcccde.entry.js → p-eaf6fe83b7.entry.js} +1 -1
- package/dist/baloise-design-system/p-ebecd76c66.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-830d9e47.js → p-ec375851.js} +1 -1
- package/dist/baloise-design-system/{p-46b13df1.js → p-f0c375ba.js} +1 -1
- package/dist/baloise-design-system/{p-5d689d39.js → p-f1052416.js} +1 -1
- package/dist/baloise-design-system/{p-80bf87ba56.entry.js → p-f2234a5a71.entry.js} +1 -1
- package/dist/baloise-design-system/{p-68bef926.system.js → p-f52a27c1.system.js} +1 -1
- package/dist/baloise-design-system/{p-130a16ee.system.js → p-fa5198a0.system.js} +1 -1
- package/dist/baloise-design-system/{p-9aa95fbc37.entry.js → p-fb4f6a95a6.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5821d4bbb2.system.entry.js → p-fb87f31739.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-7615b673a0.system.entry.js → p-fce9274127.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9018c7729a.system.entry.js → p-ffad1caf64.system.entry.js} +1 -1
- package/dist/cjs/{animation.decorator-7a936417.js → animation.decorator-40bdfb52.js} +1 -1
- package/dist/cjs/app-globals-f63c33e7.js +7 -0
- package/dist/cjs/bal-accordion_4.cjs.entry.js +5 -5
- package/dist/cjs/bal-app.cjs.entry.js +2 -2
- package/dist/cjs/bal-button_2.cjs.entry.js +2 -2
- package/dist/cjs/bal-carousel_2.cjs.entry.js +14 -14
- package/dist/cjs/bal-checkbox-button.cjs.entry.js +4 -4
- package/dist/cjs/bal-checkbox_2.cjs.entry.js +6 -6
- package/dist/cjs/bal-close.cjs.entry.js +4 -4
- package/dist/cjs/bal-date-calendar-cell.cjs.entry.js +3 -3
- package/dist/cjs/bal-date-calendar_2.cjs.entry.js +9 -9
- package/dist/cjs/bal-date.cjs.entry.js +7 -7
- package/dist/cjs/bal-doc-app.cjs.entry.js +233 -0
- package/dist/cjs/bal-dropdown.cjs.entry.js +6 -6
- package/dist/cjs/bal-field_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-file-upload.cjs.entry.js +3 -3
- package/dist/cjs/bal-footer.cjs.entry.js +4 -4
- package/dist/cjs/bal-form.cjs.entry.js +2 -2
- package/dist/cjs/bal-hint_5.cjs.entry.js +6 -6
- package/dist/cjs/bal-icon.cjs.entry.js +3 -3
- package/dist/cjs/bal-input-slider.cjs.entry.js +3 -3
- package/dist/cjs/bal-input-stepper.cjs.entry.js +6 -6
- package/dist/cjs/bal-input.cjs.entry.js +3 -3
- package/dist/cjs/bal-label.cjs.entry.js +3 -3
- package/dist/cjs/bal-list_8.cjs.entry.js +9 -9
- package/dist/cjs/bal-logo.cjs.entry.js +6 -6
- package/dist/cjs/bal-modal_3.cjs.entry.js +4 -4
- package/dist/cjs/bal-nav_8.cjs.entry.js +9 -9
- package/dist/cjs/bal-navbar_5.cjs.entry.js +7 -7
- package/dist/cjs/bal-number-input.cjs.entry.js +6 -6
- package/dist/cjs/bal-option_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-pagination.cjs.entry.js +7 -7
- package/dist/cjs/bal-popup.cjs.entry.js +4 -4
- package/dist/cjs/bal-progress-bar.cjs.entry.js +6 -6
- package/dist/cjs/bal-radio-button.cjs.entry.js +4 -4
- package/dist/cjs/bal-radio_2.cjs.entry.js +6 -6
- package/dist/cjs/bal-segment_2.cjs.entry.js +10 -10
- package/dist/cjs/bal-select_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-spinner.cjs.entry.js +4 -4
- package/dist/cjs/bal-stage_6.cjs.entry.js +2 -2
- package/dist/cjs/bal-steps.cjs.entry.js +8 -8
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +16 -16
- package/dist/cjs/bal-textarea.cjs.entry.js +3 -3
- package/dist/cjs/bal-time-input.cjs.entry.js +6 -6
- package/dist/cjs/bal-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/baloise-design-system.cjs.js +7 -6
- package/dist/cjs/{breakpoints.decorator-190fe424.js → breakpoints.decorator-52c6fe2f.js} +1 -1
- package/dist/cjs/{breakpoints.subject-8c31945a.js → breakpoints.subject-1a41068a.js} +2 -2
- package/dist/cjs/{config.decorator-c38efed9.js → config.decorator-de244188.js} +1 -1
- package/dist/cjs/{config.default-48618371.js → config.default-7e96eb95.js} +1 -1
- package/dist/cjs/config.utils-df30e424.js +140 -0
- package/dist/cjs/{date-355f73bb.js → date-ce9c7f3f.js} +1 -1
- package/dist/cjs/{element-states.decorator-c8199b43.js → element-states.decorator-aa5126e2.js} +1 -1
- package/dist/cjs/{floating-ui-3147d2ff.js → floating-ui-4a4a1aed.js} +2 -2
- package/dist/cjs/{floating-ui.dom.esm-2ece9686.js → floating-ui.dom.esm-13e3f667.js} +205 -77
- package/dist/cjs/{focus.decorator-fa6c95a5.js → focus.decorator-14a4a576.js} +1 -1
- package/dist/cjs/{form-input-85323470.js → form-input-e9974433.js} +1 -1
- package/dist/cjs/global-2a76769b.js +9 -0
- package/dist/cjs/{helpers-c858e965.js → helpers-debb881a.js} +1 -1
- package/dist/cjs/index.cjs.js +9 -9
- package/dist/cjs/{initialize-3059001f.js → initialize-2e8978a4.js} +3 -3
- package/dist/cjs/loader.cjs.js +7 -6
- package/dist/cjs/{mutation.decorator-229267c9.js → mutation.decorator-84b44cab.js} +1 -1
- package/dist/cjs/{number-047915cd.js → number-24bf265b.js} +2 -2
- package/dist/cjs/{overlays-f6884b7e.js → overlays-47b231bc.js} +1 -1
- package/dist/cjs/{resize.decorator-16e4bcd7.js → resize.decorator-e4a92322.js} +1 -1
- package/dist/cjs/{swipe.decorator-220cd690.js → swipe.decorator-9c105f90.js} +1 -1
- package/dist/cjs/{swipe.subject-65733bae.js → swipe.subject-191f7d8a.js} +1 -1
- package/dist/cjs/{swiper.util-62ca48ba.js → swiper.util-f1c856f3.js} +2 -2
- package/dist/cjs/{tokens.esm-5b22da7e.js → tokens.esm-a3e52d80.js} +1 -1
- package/dist/cjs/{visibility.decorator-9e162aad.js → visibility.decorator-a218aab9.js} +1 -1
- package/dist/cjs/{window-resize.decorator-7df80757.js → window-resize.decorator-24fd6e1e.js} +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/bal-checkbox/radio-checkbox.css +1 -1
- package/dist/collection/components/bal-close/bal-close.css +1 -1
- package/dist/collection/components/bal-date/bal-date-calendar/bal-date-calendar.css +1 -1
- package/dist/collection/components/bal-modal/bal-modal.css +1 -1
- package/dist/collection/components/bal-steps/bal-steps.css +1 -1
- package/dist/collection/components/bal-tabs/bal-tabs.css +1 -1
- package/dist/collection/components/bal-time-input/bal-time-input.css +1 -1
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +247 -0
- package/dist/collection/utils/constants/icons.constant.js +27 -27
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/esm/{animation.decorator-14b892ea.js → animation.decorator-49923a4a.js} +1 -1
- package/dist/esm/app-globals-1ecf000f.js +5 -0
- package/dist/esm/bal-accordion_4.entry.js +5 -5
- package/dist/esm/bal-app.entry.js +2 -2
- package/dist/esm/bal-button_2.entry.js +2 -2
- package/dist/esm/bal-carousel_2.entry.js +14 -14
- package/dist/esm/bal-checkbox-button.entry.js +4 -4
- package/dist/esm/bal-checkbox_2.entry.js +6 -6
- package/dist/esm/bal-close.entry.js +4 -4
- package/dist/esm/bal-date-calendar-cell.entry.js +3 -3
- package/dist/esm/bal-date-calendar_2.entry.js +9 -9
- package/dist/esm/bal-date.entry.js +7 -7
- package/dist/esm/bal-doc-app.entry.js +229 -0
- package/dist/esm/bal-dropdown.entry.js +6 -6
- package/dist/esm/bal-field_5.entry.js +3 -3
- package/dist/esm/bal-file-upload.entry.js +3 -3
- package/dist/esm/bal-footer.entry.js +4 -4
- package/dist/esm/bal-form.entry.js +2 -2
- package/dist/esm/bal-hint_5.entry.js +6 -6
- package/dist/esm/bal-icon.entry.js +3 -3
- package/dist/esm/bal-input-slider.entry.js +3 -3
- package/dist/esm/bal-input-stepper.entry.js +6 -6
- package/dist/esm/bal-input.entry.js +3 -3
- package/dist/esm/bal-label.entry.js +3 -3
- package/dist/esm/bal-list_8.entry.js +9 -9
- package/dist/esm/bal-logo.entry.js +6 -6
- package/dist/esm/bal-modal_3.entry.js +4 -4
- package/dist/esm/bal-nav_8.entry.js +9 -9
- package/dist/esm/bal-navbar_5.entry.js +7 -7
- package/dist/esm/bal-number-input.entry.js +6 -6
- package/dist/esm/bal-option_2.entry.js +4 -4
- package/dist/esm/bal-pagination.entry.js +7 -7
- package/dist/esm/bal-popup.entry.js +4 -4
- package/dist/esm/bal-progress-bar.entry.js +6 -6
- package/dist/esm/bal-radio-button.entry.js +4 -4
- package/dist/esm/bal-radio_2.entry.js +6 -6
- package/dist/esm/bal-segment_2.entry.js +10 -10
- package/dist/esm/bal-select_2.entry.js +3 -3
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-spinner.entry.js +4 -4
- package/dist/esm/bal-stage_6.entry.js +2 -2
- package/dist/esm/bal-steps.entry.js +8 -8
- package/dist/esm/bal-tab-item_2.entry.js +16 -16
- package/dist/esm/bal-textarea.entry.js +3 -3
- package/dist/esm/bal-time-input.entry.js +6 -6
- package/dist/esm/bal-tooltip.entry.js +3 -3
- package/dist/esm/baloise-design-system.js +7 -6
- package/dist/esm/{breakpoints.decorator-f76a33a3.js → breakpoints.decorator-051b2b3a.js} +1 -1
- package/dist/esm/{breakpoints.subject-5790fdca.js → breakpoints.subject-23ffb8e4.js} +2 -2
- package/dist/esm/{config.decorator-09912ddf.js → config.decorator-42dba864.js} +1 -1
- package/dist/esm/{config.default-75703209.js → config.default-8e11a860.js} +1 -1
- package/dist/esm/config.utils-cd529084.js +101 -0
- package/dist/esm/{date-13fc5993.js → date-a9304ff8.js} +1 -1
- package/dist/esm/{element-states.decorator-4567881f.js → element-states.decorator-0688a178.js} +1 -1
- package/dist/esm/{floating-ui-90bc6e58.js → floating-ui-775ee3d1.js} +2 -2
- package/dist/esm/{floating-ui.dom.esm-8dcdb8d6.js → floating-ui.dom.esm-efb93616.js} +205 -77
- package/dist/esm/{focus.decorator-43ea59ca.js → focus.decorator-5575312f.js} +1 -1
- package/dist/esm/{form-input-3856ed2a.js → form-input-263e6f5b.js} +1 -1
- package/dist/esm/global-6e86728b.js +7 -0
- package/dist/esm/{helpers-ae0db1dd.js → helpers-94c3fbac.js} +1 -1
- package/dist/esm/index.js +11 -11
- package/dist/esm/{initialize-66a526c0.js → initialize-be160cc4.js} +3 -3
- package/dist/esm/loader.js +7 -6
- package/dist/esm/{mutation.decorator-f4254690.js → mutation.decorator-a8bfa55f.js} +1 -1
- package/dist/esm/{number-42482e68.js → number-d75635a2.js} +2 -2
- package/dist/esm/{overlays-df27551b.js → overlays-4cc504b6.js} +1 -1
- package/dist/esm/{resize.decorator-d4cbf627.js → resize.decorator-08f6286b.js} +1 -1
- package/dist/esm/{swipe.decorator-47bde191.js → swipe.decorator-902c4936.js} +1 -1
- package/dist/esm/{swipe.subject-51271b9b.js → swipe.subject-fbdb665a.js} +1 -1
- package/dist/esm/{swiper.util-9564f1e8.js → swiper.util-01fa2dd9.js} +2 -2
- package/dist/esm/{tokens.esm-a16bc6a3.js → tokens.esm-4a06e147.js} +1 -1
- package/dist/esm/{visibility.decorator-28c2d364.js → visibility.decorator-ee4b6682.js} +1 -1
- package/dist/esm/{window-resize.decorator-159d2aac.js → window-resize.decorator-9271bddd.js} +1 -1
- package/dist/esm-es5/{animation.decorator-14b892ea.js → animation.decorator-49923a4a.js} +1 -1
- package/dist/esm-es5/app-globals-1ecf000f.js +1 -0
- package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
- package/dist/esm-es5/bal-app.entry.js +1 -1
- package/dist/esm-es5/bal-button_2.entry.js +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-checkbox-button.entry.js +1 -1
- package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
- package/dist/esm-es5/bal-close.entry.js +1 -1
- package/dist/esm-es5/bal-date-calendar-cell.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.entry.js +1 -1
- package/dist/esm-es5/bal-field_5.entry.js +1 -1
- package/dist/esm-es5/bal-file-upload.entry.js +1 -1
- package/dist/esm-es5/bal-footer.entry.js +1 -1
- package/dist/esm-es5/bal-form.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-slider.entry.js +1 -1
- package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
- package/dist/esm-es5/bal-input.entry.js +1 -1
- package/dist/esm-es5/bal-label.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.entry.js +1 -1
- package/dist/esm-es5/bal-modal_3.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-number-input.entry.js +1 -1
- package/dist/esm-es5/bal-option_2.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-popup.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-radio-button.entry.js +1 -1
- package/dist/esm-es5/bal-radio_2.entry.js +1 -1
- package/dist/esm-es5/bal-segment_2.entry.js +1 -1
- package/dist/esm-es5/bal-select_2.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-spinner.entry.js +1 -1
- package/dist/esm-es5/bal-stage_6.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/bal-textarea.entry.js +1 -1
- package/dist/esm-es5/bal-time-input.entry.js +1 -1
- package/dist/esm-es5/bal-tooltip.entry.js +1 -1
- package/dist/esm-es5/baloise-design-system.js +1 -1
- package/dist/esm-es5/breakpoints.decorator-051b2b3a.js +1 -0
- package/dist/esm-es5/{breakpoints.subject-5790fdca.js → breakpoints.subject-23ffb8e4.js} +1 -1
- package/dist/esm-es5/{config.decorator-09912ddf.js → config.decorator-42dba864.js} +1 -1
- package/dist/esm-es5/{config.default-75703209.js → config.default-8e11a860.js} +1 -1
- package/dist/esm-es5/{date-13fc5993.js → date-a9304ff8.js} +1 -1
- package/dist/esm-es5/{element-states.decorator-4567881f.js → element-states.decorator-0688a178.js} +1 -1
- package/dist/esm-es5/{floating-ui-90bc6e58.js → floating-ui-775ee3d1.js} +1 -1
- package/dist/esm-es5/floating-ui.dom.esm-efb93616.js +1 -0
- package/dist/esm-es5/{focus.decorator-43ea59ca.js → focus.decorator-5575312f.js} +1 -1
- package/dist/esm-es5/{form-input-3856ed2a.js → form-input-263e6f5b.js} +1 -1
- package/dist/esm-es5/global-6e86728b.js +1 -0
- package/dist/esm-es5/{helpers-ae0db1dd.js → helpers-94c3fbac.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/{initialize-66a526c0.js → initialize-be160cc4.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{mutation.decorator-f4254690.js → mutation.decorator-a8bfa55f.js} +1 -1
- package/dist/esm-es5/number-d75635a2.js +1 -0
- package/dist/esm-es5/{overlays-df27551b.js → overlays-4cc504b6.js} +1 -1
- package/dist/esm-es5/{resize.decorator-d4cbf627.js → resize.decorator-08f6286b.js} +1 -1
- package/dist/esm-es5/{swipe.decorator-47bde191.js → swipe.decorator-902c4936.js} +1 -1
- package/dist/esm-es5/{swipe.subject-51271b9b.js → swipe.subject-fbdb665a.js} +1 -1
- package/dist/esm-es5/{swiper.util-9564f1e8.js → swiper.util-01fa2dd9.js} +1 -1
- package/dist/esm-es5/{visibility.decorator-28c2d364.js → visibility.decorator-ee4b6682.js} +1 -1
- package/dist/esm-es5/{window-resize.decorator-159d2aac.js → window-resize.decorator-9271bddd.js} +1 -1
- package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
- package/dist/types/components.d.ts +37 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +82 -0
- package/package.json +6 -8
- package/dist/baloise-design-system/p-00b2c8e27d.entry.js +0 -1
- package/dist/baloise-design-system/p-195ee683.system.js +0 -1
- package/dist/baloise-design-system/p-2e8941a17f.entry.js +0 -1
- package/dist/baloise-design-system/p-31876153a5.entry.js +0 -1
- package/dist/baloise-design-system/p-35baa468.js +0 -1
- package/dist/baloise-design-system/p-36218e79.js +0 -1
- package/dist/baloise-design-system/p-367855fbaa.system.entry.js +0 -1
- package/dist/baloise-design-system/p-36c4bd2450.system.entry.js +0 -1
- package/dist/baloise-design-system/p-51e22c0c.js +0 -1
- package/dist/baloise-design-system/p-649e542e.system.js +0 -1
- package/dist/baloise-design-system/p-857f898475.system.entry.js +0 -1
- package/dist/baloise-design-system/p-95055e88.system.js +0 -1
- package/dist/baloise-design-system/p-9d2037e834.system.entry.js +0 -1
- package/dist/baloise-design-system/p-c6f5e9453a.system.entry.js +0 -1
- package/dist/baloise-design-system/p-ce3c6e67ba.system.entry.js +0 -1
- package/dist/baloise-design-system/p-d404537f.system.js +0 -1
- package/dist/baloise-design-system/p-dc330e5e21.entry.js +0 -1
- package/dist/baloise-design-system/p-e2a70f10.system.js +0 -1
- package/dist/cjs/app-globals-fa3c14cc.js +0 -11
- package/dist/cjs/config.utils-bccf141d.js +0 -140
- package/dist/esm/app-globals-5b18a75c.js +0 -9
- package/dist/esm/config.utils-6c4a6204.js +0 -101
- package/dist/esm-es5/app-globals-5b18a75c.js +0 -1
- package/dist/esm-es5/breakpoints.decorator-f76a33a3.js +0 -1
- package/dist/esm-es5/floating-ui.dom.esm-8dcdb8d6.js +0 -1
- package/dist/esm-es5/number-42482e68.js +0 -1
- /package/dist/baloise-design-system/{p-46251973.js → p-a7be57b6.js} +0 -0
- /package/dist/baloise-design-system/{p-8c67c79d.system.js → p-aad0d922.system.js} +0 -0
- /package/dist/baloise-design-system/{p-ef3bfa9f.system.js → p-ade9437f.system.js} +0 -0
- /package/dist/baloise-design-system/{p-ce5ab69a.js → p-e036423e.js} +0 -0
- /package/dist/esm-es5/{config.utils-6c4a6204.js → config.utils-cd529084.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-a16bc6a3.js → tokens.esm-4a06e147.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as o,h as e,H as b,g as c}from"./p-2ccbe55a.js";import{_ as l,a as r}from"./p-43c9f5e9.js";import{j as i,v as d}from"./p-ef6a64f4.js";import{B as h}from"./p-ae86d0a0.js";import{F as t}from"./p-ca119357.js";import{L as k}from"./p-b77e3348.js";import{i as x}from"./p-063808d7.js";import{s}from"./p-e3e1d211.js";import{d as n}from"./p-5eb3fbb9.js";import{a as _}from"./p-8f2e9a7f.js";import{d as v}from"./p-dc98854c.js";import{L as u}from"./p-4d7c0d39.js";import{L as g}from"./p-ca3bb9ce.js";import"./p-a65354df.js";import"./p-46251973.js";import"./p-acf222fd.js";const f=class{constructor(e){a(this,e),this.balFocus=o(this,"balFocus",7),this.balBlur=o(this,"balBlur",7),this.balChange=o(this,"balChange",7),this.inputId="bal-rb-"+w++,this.inheritedAttributes={},this.keyboardMode=!0,this.onKeypress=a=>{if(v(a)){const o=a.target;if(o.href)return;"INPUT"!==o.nodeName||this.disabled||this.readonly?s(a):(this.toggleChecked(),a.preventDefault())}},this.onClick=a=>{var o;const e=a.target;e.href||("INPUT"===e.nodeName||this.disabled||this.readonly?s(a):(this.toggleChecked(),null===(o=this.nativeInput)||void 0===o||o.focus(),a.preventDefault()))},this.onFocus=a=>{if(this.disabled||this.readonly)return this.focused=!1,s(a);this.balFocus.emit(a),this.keyboardMode&&(this.focused=!0)},this.onBlur=a=>{if(this.disabled||this.readonly)return s(a);this.balBlur.emit(a),this.focused=!1},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=a=>this.keyboardMode=t.includes(a.key),this.checked=!1,this.focused=!1,this.buttonTabindex=void 0,this.ariaForm=n,this.name=this.inputId,this.value=void 0,this.label="",this.invisible=!1,this.labelHidden=!1,this.flat=!1,this.interface="radio",this.disabled=!1,this.readonly=!1,this.required=!1,this.nonSubmit=!1,this.invalid=!1,this.hovered=!1,this.pressed=!1}createLogger(a){this.log=a}connectedCallback(){void 0===this.value&&(this.value=this.inputId);const a=this.radioGroup;(this.radioButton||a)&&this.updateState(),a&&a.addEventListener("balInput",this.updateState),this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.inheritedAttributes=x(this.el,["aria-label","tabindex","title"])}disconnectedCallback(){const a=this.radioGroup;a&&a.removeEventListener("balInput",this.updateState),this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}listenOnClick(a){(this.disabled||this.readonly)&&a.target&&(a.target===this.el||i(this.el,a.target))&&s(a)}async setFocus(a){a.stopPropagation(),a.preventDefault(),this.nativeInput.focus(),this.focused=!0}async setButtonTabindex(a){this.buttonTabindex=this.radioButton?-1:a}async getInputElement(){return Promise.resolve(this.nativeInput)}async getOption(){return this.option}async updateState(){if(this.radioGroup){const a=this.radioGroup.value===this.value;a!==this.checked&&(this.checked=a)}this.radioButton&&(this.buttonTabindex=-1,this.radioButton.setChecked&&this.radioButton.setChecked(this.checked))}async setAriaForm(a){this.ariaForm=Object.assign({},a)}get radioButton(){return this.el.closest("bal-radio-button")}get radioGroup(){return this.el.closest("bal-radio-group")}get option(){return{name:this.name,value:this.value,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invisible:this.invisible,invalid:this.invalid}}toggleChecked(){this.checked=!this.checked,this.balChange.emit(this.checked),this.updateState()}render(){const a=h.block("radio-checkbox"),o=a.element("input"),c=a.element("label"),l=c.element("text"),r=this.focused&&-1!==this.buttonTabindex,i="boolean"==typeof this.value?JSON.stringify(this.value):this.value,d=this.inheritedAttributes;void 0!==this.buttonTabindex&&(d.tabIndex=this.buttonTabindex);const t=this.ariaForm.controlId||this.inputId;let k=this.ariaForm.labelId||null;const x=this.labelHidden?"span":"label",s={};return this.labelHidden||(k=`${k||""} ${t}-lbl`.trim(),s.id=`${t}-lbl`,s.htmlFor=t),e(b,{key:"b682334af2773f60b6e4bf01d794d488a8fc9106","aria-checked":`${this.checked}`,"aria-disabled":_(this.disabled),"aria-hidden":this.disabled?"true":null,"aria-focused":r?"true":null,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"bal-focused":r},a.class()),a.modifier("radio").class()),a.modifier("select-button").class("select-button"===this.interface)),a.modifier("invalid").class(this.invalid)),a.modifier("checked").class(this.checked)),a.modifier("flat").class(this.flat)),a.modifier("disabled").class(this.disabled||this.readonly)),a.modifier("hovered").class(this.hovered)),a.modifier("pressed").class(this.pressed)),a.modifier("invisible").class(this.invisible)),onKeypress:this.onKeypress,onClick:this.onClick},e("input",Object.assign({key:"8d304b0042a753cf65211acf41124fcd15953173",class:Object.assign(Object.assign({},o.class()),o.modifier("select-button").class("select-button"===this.interface)),"data-testid":"bal-radio-input",type:"radio",id:t,"aria-labelledby":k,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":_(this.disabled),"aria-checked":`${this.checked}`,name:this.name,value:i,checked:this.checked,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,required:this.required,onFocus:this.onFocus,onBlur:this.onBlur,ref:a=>this.nativeInput=a},d)),this.invisible?"":e(x,Object.assign({class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("radio").class()),c.modifier("checked").class(this.checked)),c.modifier("hidden").class(this.labelHidden)),c.modifier("flat").class(this.flat))},s,{"data-testid":"bal-radio-label"}),e("span",{class:Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("hidden").class(this.labelHidden)),l.modifier("flat").class(this.flat)),"data-testid":"bal-radio-text"},this.label,e("slot",null))))}get el(){return c(this)}};l([k("bal-radio"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],f.prototype,"createLogger",null);let w=0;f.style='@media (hover: hover)and (pointer: fine){.bal-radio-checkbox.bal-focused .bal-radio-checkbox__input:not(.bal-radio-checkbox__input--select-button)+.bal-radio-checkbox__label::before,.bal-radio-checkbox.bal-focused.bal-radio-checkbox--select-button{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-symbol-size:1.5rem;--bal-radio-checkbox-symbol-width:calc(0.5rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.875rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.5rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.25rem;--bal-radio-checkbox-label-min-height:1.5rem;--bal-radio-checkbox-select-button-background-hover:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked:var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white);--bal-radio-checkbox-button-background:transparent;--bal-radio-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color:var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color:var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked:var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid:var(--bal-color-border-danger)}bal-radio .bal-radio-checkbox__label::before,bal-radio .bal-radio-checkbox__label::after{margin-top:0px !important}.bal-radio-checkbox-group{display:inline-block;position:relative;width:100%}.bal-radio-checkbox-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-radio-checkbox-group__inner--select-button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-radio-checkbox-group__inner--select-button{-ms-flex-direction:row;flex-direction:row}}.bal-radio-checkbox-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-radio-checkbox-group__inner--expanded .bal-radio-checkbox{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-radio-checkbox-group__inner--expanded .bal-radio-checkbox{width:100%}}.bal-radio-checkbox-group__inner--select-button.bal-radio-checkbox-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-radio-checkbox-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-radio-checkbox-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-radio-checkbox-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}.bal-radio-checkbox{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:1.5rem;min-height:3rem}.bal-radio-checkbox--flat:not(.bal-radio-checkbox--select-button){min-height:1.5rem}.bal-radio-checkbox__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio-checkbox--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio-checkbox:not(.bal-radio-checkbox--disabled),.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input,.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input+label,.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input+label>span{cursor:pointer}.bal-radio-checkbox__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;line-height:1.5rem;contain:layout style;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:left;min-height:var(--bal-radio-checkbox-label-min-height);font-family:var(--bal-font-family-text)}.bal-radio-checkbox__label__text{padding-left:2rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding-top:.25rem;padding-bottom:.25rem}.bal-radio-checkbox__label__text--hidden{padding-left:0;display:none}.bal-radio-checkbox__label__text--flat{padding-top:0;padding-bottom:0}.bal-radio-checkbox__label--flat:not(.bal-radio-checkbox--select-button)::before,.bal-radio-checkbox__label--flat:not(.bal-radio-checkbox--select-button)::after{top:0px !important}.bal-radio-checkbox__label--hidden::before,.bal-radio-checkbox__label--hidden::after{top:0px !important}.bal-radio-checkbox__label::before,.bal-radio-checkbox__label::after{display:inline-block;position:absolute;left:0;top:.25rem;height:var(--bal-radio-checkbox-symbol-size);width:var(--bal-radio-checkbox-symbol-size);background-color:rgba(0,0,0,0);background-position:center;background-repeat:no-repeat;background-size:var(--bal-radio-checkbox-symbol-size) var(--bal-radio-checkbox-symbol-size)}.bal-radio-checkbox__label::before{content:"";border-style:var(--bal-form-field-control-border-style);border-width:2px}.bal-radio-checkbox__label::after{content:none}.bal-radio-checkbox__label--checked::after{content:""}.bal-radio-checkbox__label--radio::before,.bal-radio-checkbox__label--radio::after{border-radius:50%}.bal-radio-checkbox__label--radio::after{left:0;-webkit-transform:scale(0.25);transform:scale(0.25)}.bal-radio-checkbox__label--checkbox::before{border-radius:var(--bal-form-field-control-radius)}.bal-radio-checkbox__label--checkbox::after{border-top:0;border-right-style:var(--bal-form-field-control-border-style);border-right-width:2px;border-bottom-style:var(--bal-form-field-control-border-style);border-bottom-width:2px;border-left:0;border-radius:1px;width:var(--bal-radio-checkbox-symbol-width);height:var(--bal-radio-checkbox-symbol-height);left:var(--bal-radio-checkbox-symbol-left);margin-top:var(--bal-radio-checkbox-symbol-margin-top);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-primary);background:var(--bal-color-transparent)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-light-blue-5);background:var(--bal-color-grey-2)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-blue-6);background:var(--bal-color-grey-2)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-danger-5);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-danger-6);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-primary)}.bal-radio-checkbox:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-light-blue-5)}.bal-radio-checkbox:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-blue-6)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-danger-6)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-text-grey)}.bal-radio-checkbox--inline{display:inline}.bal-radio-checkbox--select-button{padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-radio-checkbox-select-button-border-color)}.bal-radio-checkbox--select-button:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-hover);background:var(--bal-radio-checkbox-select-button-background-hover)}.bal-radio-checkbox--select-button:active{border-color:var(--bal-radio-checkbox-select-button-border-color-active);background:var(--bal-radio-checkbox-select-button-background-active)}.bal-radio-checkbox--select-button label::before{top:unset}.bal-radio-checkbox--select-button label::after{top:unset;margin-top:-3px}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat::before{top:unset !important}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat::after{margin-top:-3px;top:unset !important}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat .bal-radio-checkbox__label__text--flat{padding-top:.25rem;padding-bottom:.25rem}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked{background:var(--bal-radio-checkbox-select-button-background-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-radio-checkbox-select-button-link-text-color-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover{background:var(--bal-radio-checkbox-select-button-background-checked-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active{background:var(--bal-radio-checkbox-select-button-background-checked-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid);background:var(--bal-radio-checkbox-select-button-background-invalid)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-form-field-label-danger-color)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-hover);background:var(--bal-radio-checkbox-select-button-background-invalid-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid:active{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-active);background:var(--bal-radio-checkbox-select-button-background-invalid-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked);background:var(--bal-radio-checkbox-select-button-background-invalid-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked-hover);background:var(--bal-radio-checkbox-select-button-background-invalid-checked-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked-active);background:var(--bal-radio-checkbox-select-button-background-invalid-checked-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:hover,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:active{border-color:var(--bal-radio-checkbox-select-button-border-color-disabled-hover-active);background:var(--bal-radio-checkbox-select-button-background-disabled-hover-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-form-field-label-disabled-color)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active{border-color:var(--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active);background:var(--bal-radio-checkbox-select-button-background-disabled-checked-hover-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--switch{min-width:2.5rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label{padding-left:1rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label::before{border-radius:1.5rem;position:absolute;display:block;top:0;left:0;width:2.5rem;height:1.5rem;border:1.6px solid rgba(0,0,0,0);content:"";-webkit-transition:left .25s ease-out,background .25s ease-out;transition:left .25s ease-out,background .25s ease-out;margin-top:.25rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label::after{border:none;margin:0;border-radius:50%;display:block;position:absolute;top:.25rem !important;left:.25rem;width:1rem;height:1rem;z-index:2;margin-top:.25rem;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:left .25s ease-out,background .25s ease-out;transition:left .25s ease-out,background .25s ease-out;content:""}.bal-radio-checkbox--switch .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-before)}.bal-radio-checkbox--switch .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-after)}.bal-radio-checkbox--switch:hover .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-hover-after)}.bal-radio-checkbox--switch:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--flat .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--flat .bal-radio-checkbox__label::after{margin-top:0}.bal-radio-checkbox--switch.bal-radio-checkbox--checked .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked .bal-radio-checkbox__label::after{left:1.25rem;background:var(--bal-radio-checkbox-switch-label-background-checked-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-hover-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-hover-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-disabled-hover-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-disabled-hover-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after)}.bal-radio-checkbox__icon{position:absolute !important;left:5.5px;z-index:1}.bal-radio-checkbox__icon--hidden{display:none !important}';const p=class{constructor(e){a(this,e),this.balChange=o(this,"balChange",7),this.balFocus=o(this,"balFocus",7),this.balBlur=o(this,"balBlur",7),this.inputId="bal-rg-"+m++,this.inheritedAttributes={},this.hasFocus=!1,this.mutationObserverActive=!0,this.onOptionChange=async()=>{this.setRadioTabindex(this.value),this.setRadioChecked()},this.setRadioTabindex=a=>{const o=this.getRadios(),e=o.find((a=>!a.disabled)),b=o.find((o=>o.value===a&&!o.disabled));if(!e&&!b)return;const c=b||e;for(const a of o)a.setButtonTabindex(a===c?0:-1)},this.onClick=a=>{if(a.target.href)return;a.preventDefault();const o=a.target&&a.target.closest("bal-radio");if(o&&!o.disabled&&!o.readonly){const a=o.value;a!==this.value?this.value=a:this.allowEmptySelection&&(this.value=void 0),this.balChange.emit(this.value)}},this.ariaForm=n,this.options=void 0,this.allowEmptySelection=!1,this.name=this.inputId,this.value=void 0,this.interface=void 0,this.vertical=!1,this.verticalOnMobile=!1,this.expanded=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.grid=1,this.columnsTablet=1,this.columnsMobile=1,this.autoInvalidOff=!1}createLogger(a){this.log=a}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}valueChanged(){this.onOptionChange()}invalidChanged(a){void 0!==a&&(this.getRadios().forEach((o=>{o.invalid=a})),this.getRadioButtons().forEach((o=>{o.invalid=a})))}disabledChanged(a){void 0!==a&&(this.getRadios().forEach((o=>{o.disabled=a})),this.getRadioButtons().forEach((o=>{o.disabled=a})))}readonlyChanged(a){void 0!==a&&(this.getRadios().forEach((o=>{o.readonly=a})),this.getRadioButtons().forEach((o=>{o.readonly=a})))}columnsChanged(a){this.getRadioButtons().forEach((o=>o.colSize=a))}columnsTabletChanged(a){this.getRadioButtons().forEach((o=>o.colSizeTablet=a))}columnsMobileChanged(a){this.getRadioButtons().forEach((o=>o.colSizeMobile=a))}connectedCallback(){this.initialValue=this.value,this.mutationObserverActive=void 0===this.options}componentWillLoad(){this.setRadioInterface(),this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly),this.invalidChanged(this.invalid),this.columnsChanged(this.grid),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange(),this.inheritedAttributes=x(this.el,["aria-label","tabindex","title"])}focusInListener(a){this.balFocus.emit(a)}focusOutListener(a){this.balBlur.emit(a)}mutationListener(){this.setRadioInterface(),this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly),this.invalidChanged(this.invalid),this.columnsChanged(this.grid),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}listenOnClick(a){i(this.el,a.target)&&s(a)}radioFocusListener(a){const{target:o}=a;o&&i(this.el,o)&&d(o,"bal-radio")&&s(a)}radioBlurListener(a){const{target:o}=a;o&&i(this.el,o)&&d(o,"bal-radio")&&s(a)}resetListener(a){const o=a.target;(null==o?void 0:o.contains(this.el))&&(this.value=this.initialValue)}onKeydown(a){if(a.target&&!this.el.contains(a.target))return;const o=this.getRadios().filter((a=>!a.disabled)),e=a.target.closest("bal-radio");if(e&&o.includes(e)){const b=o.findIndex((a=>a===e)),c=o[b];let l;["ArrowDown","ArrowRight"].includes(a.code)&&(l=b===o.length-1?o[0]:o[b+1]),["ArrowUp","ArrowLeft"].includes(a.code)&&(l=0===b?o[o.length-1]:o[b-1]),l&&o.includes(l)&&(l.setFocus(a),this.value=l.value,this.balChange.emit(this.value)),["Space"].includes(a.code)&&(this.value=this.allowEmptySelection&&void 0!==this.value?void 0:c.value,a.preventDefault())}}async setValue(a){this.value=a}async getOptionByValue(a){const o=this.options;if(o)return o.find((o=>o.value===a))}async setAriaForm(a){this.ariaForm=Object.assign({},a)}setRadioInterface(){this.getRadios().forEach((a=>{this.interface&&(a.interface=this.interface)}))}setRadioChecked(){this.getRadios().forEach((a=>{a.updateState&&a.updateState()}))}getRadios(){return Array.from(this.el.querySelectorAll("bal-radio"))}getRadioButtons(){return Array.from(this.el.querySelectorAll("bal-radio-button"))}render(){const a=h.block("radio-checkbox-group"),o=a.element("inner"),c=(this.options||[]).map((a=>"function"==typeof a.html?Object.assign(Object.assign({},a),{html:a.html()}):a));return e(b,Object.assign({class:Object.assign({},a.class()),role:"radiogroup","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":_(this.disabled),onClick:this.onClick},this.inheritedAttributes),e("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("vertical-mobile").class(this.verticalOnMobile)),o.modifier("vertical").class(this.vertical)),o.modifier("expanded").class(this.expanded)),o.modifier("select-button").class("select-button"===this.interface))},e("slot",null),c.map((a=>e("bal-radio",{key:a.value,name:a.name||this.name,value:a.value,labelHidden:a.labelHidden,flat:a.flat,interface:a.interface,disabled:a.disabled,readonly:a.readonly,required:a.required,nonSubmit:!!a.nonSubmit,invalid:a.invalid,innerHTML:a.html})))))}get el(){return c(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],grid:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}}};l([k("bal-radio-group"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],p.prototype,"createLogger",null),l([u(),r("design:type",Function),r("design:paramtypes",[FocusEvent]),r("design:returntype",void 0)],p.prototype,"focusInListener",null),l([u(),r("design:type",Function),r("design:paramtypes",[FocusEvent]),r("design:returntype",void 0)],p.prototype,"focusOutListener",null),l([g({tags:["bal-radio-group","bal-radio"],attributes:!1,characterData:!1}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],p.prototype,"mutationListener",null);let m=0;export{f as bal_radio,p as bal_radio_group}
|
|
1
|
+
import{r as a,c as o,h as e,H as b,g as c}from"./p-2ccbe55a.js";import{_ as l,a as r}from"./p-43c9f5e9.js";import{j as i,v as d}from"./p-a255c9b3.js";import{B as h}from"./p-ae86d0a0.js";import{F as t}from"./p-ca119357.js";import{L as k}from"./p-b77e3348.js";import{i as x}from"./p-063808d7.js";import{s}from"./p-79f6f58b.js";import{d as n}from"./p-5eb3fbb9.js";import{a as _}from"./p-8f2e9a7f.js";import{d as v}from"./p-dc98854c.js";import{L as u}from"./p-afd41db0.js";import{L as g}from"./p-4cac86d6.js";import"./p-a65354df.js";import"./p-a7be57b6.js";import"./p-acf222fd.js";const f=class{constructor(e){a(this,e),this.balFocus=o(this,"balFocus",7),this.balBlur=o(this,"balBlur",7),this.balChange=o(this,"balChange",7),this.inputId="bal-rb-"+w++,this.inheritedAttributes={},this.keyboardMode=!0,this.onKeypress=a=>{if(v(a)){const o=a.target;if(o.href)return;"INPUT"!==o.nodeName||this.disabled||this.readonly?s(a):(this.toggleChecked(),a.preventDefault())}},this.onClick=a=>{var o;const e=a.target;e.href||("INPUT"===e.nodeName||this.disabled||this.readonly?s(a):(this.toggleChecked(),null===(o=this.nativeInput)||void 0===o||o.focus(),a.preventDefault()))},this.onFocus=a=>{if(this.disabled||this.readonly)return this.focused=!1,s(a);this.balFocus.emit(a),this.keyboardMode&&(this.focused=!0)},this.onBlur=a=>{if(this.disabled||this.readonly)return s(a);this.balBlur.emit(a),this.focused=!1},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=a=>this.keyboardMode=t.includes(a.key),this.checked=!1,this.focused=!1,this.buttonTabindex=void 0,this.ariaForm=n,this.name=this.inputId,this.value=void 0,this.label="",this.invisible=!1,this.labelHidden=!1,this.flat=!1,this.interface="radio",this.disabled=!1,this.readonly=!1,this.required=!1,this.nonSubmit=!1,this.invalid=!1,this.hovered=!1,this.pressed=!1}createLogger(a){this.log=a}connectedCallback(){void 0===this.value&&(this.value=this.inputId);const a=this.radioGroup;(this.radioButton||a)&&this.updateState(),a&&a.addEventListener("balInput",this.updateState),this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.inheritedAttributes=x(this.el,["aria-label","tabindex","title"])}disconnectedCallback(){const a=this.radioGroup;a&&a.removeEventListener("balInput",this.updateState),this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}listenOnClick(a){(this.disabled||this.readonly)&&a.target&&(a.target===this.el||i(this.el,a.target))&&s(a)}async setFocus(a){a.stopPropagation(),a.preventDefault(),this.nativeInput.focus(),this.focused=!0}async setButtonTabindex(a){this.buttonTabindex=this.radioButton?-1:a}async getInputElement(){return Promise.resolve(this.nativeInput)}async getOption(){return this.option}async updateState(){if(this.radioGroup){const a=this.radioGroup.value===this.value;a!==this.checked&&(this.checked=a)}this.radioButton&&(this.buttonTabindex=-1,this.radioButton.setChecked&&this.radioButton.setChecked(this.checked))}async setAriaForm(a){this.ariaForm=Object.assign({},a)}get radioButton(){return this.el.closest("bal-radio-button")}get radioGroup(){return this.el.closest("bal-radio-group")}get option(){return{name:this.name,value:this.value,label:this.label,labelHidden:this.labelHidden,flat:this.flat,interface:this.interface,disabled:this.disabled,readonly:this.readonly,required:this.required,nonSubmit:this.nonSubmit,invisible:this.invisible,invalid:this.invalid}}toggleChecked(){this.checked=!this.checked,this.balChange.emit(this.checked),this.updateState()}render(){const a=h.block("radio-checkbox"),o=a.element("input"),c=a.element("label"),l=c.element("text"),r=this.focused&&-1!==this.buttonTabindex,i="boolean"==typeof this.value?JSON.stringify(this.value):this.value,d=this.inheritedAttributes;void 0!==this.buttonTabindex&&(d.tabIndex=this.buttonTabindex);const t=this.ariaForm.controlId||this.inputId;let k=this.ariaForm.labelId||null;const x=this.labelHidden?"span":"label",s={};return this.labelHidden||(k=`${k||""} ${t}-lbl`.trim(),s.id=`${t}-lbl`,s.htmlFor=t),e(b,{key:"b682334af2773f60b6e4bf01d794d488a8fc9106","aria-checked":`${this.checked}`,"aria-disabled":_(this.disabled),"aria-hidden":this.disabled?"true":null,"aria-focused":r?"true":null,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"bal-focused":r},a.class()),a.modifier("radio").class()),a.modifier("select-button").class("select-button"===this.interface)),a.modifier("invalid").class(this.invalid)),a.modifier("checked").class(this.checked)),a.modifier("flat").class(this.flat)),a.modifier("disabled").class(this.disabled||this.readonly)),a.modifier("hovered").class(this.hovered)),a.modifier("pressed").class(this.pressed)),a.modifier("invisible").class(this.invisible)),onKeypress:this.onKeypress,onClick:this.onClick},e("input",Object.assign({key:"8d304b0042a753cf65211acf41124fcd15953173",class:Object.assign(Object.assign({},o.class()),o.modifier("select-button").class("select-button"===this.interface)),"data-testid":"bal-radio-input",type:"radio",id:t,"aria-labelledby":k,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":_(this.disabled),"aria-checked":`${this.checked}`,name:this.name,value:i,checked:this.checked,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,required:this.required,onFocus:this.onFocus,onBlur:this.onBlur,ref:a=>this.nativeInput=a},d)),this.invisible?"":e(x,Object.assign({class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("radio").class()),c.modifier("checked").class(this.checked)),c.modifier("hidden").class(this.labelHidden)),c.modifier("flat").class(this.flat))},s,{"data-testid":"bal-radio-label"}),e("span",{class:Object.assign(Object.assign(Object.assign({},l.class()),l.modifier("hidden").class(this.labelHidden)),l.modifier("flat").class(this.flat)),"data-testid":"bal-radio-text"},this.label,e("slot",null))))}get el(){return c(this)}};l([k("bal-radio"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],f.prototype,"createLogger",null);let w=0;f.style='@media (hover: hover)and (pointer: fine){.bal-radio-checkbox.bal-focused.bal-radio-checkbox--select-button,.bal-radio-checkbox.bal-focused .bal-radio-checkbox__input:not(.bal-radio-checkbox__input--select-button)+.bal-radio-checkbox__label::before{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-symbol-size:1.5rem;--bal-radio-checkbox-symbol-width:calc(0.5rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.875rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.5rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.25rem;--bal-radio-checkbox-label-min-height:1.5rem;--bal-radio-checkbox-select-button-background-hover:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked:var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white);--bal-radio-checkbox-button-background:transparent;--bal-radio-checkbox-button-background-checked-green:var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red:var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled:var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover:var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color:var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active:var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color:var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked:var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled:var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid:var(--bal-color-border-danger)}bal-radio .bal-radio-checkbox__label::before,bal-radio .bal-radio-checkbox__label::after{margin-top:0px !important}.bal-radio-checkbox-group{display:inline-block;position:relative;width:100%}.bal-radio-checkbox-group__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-radio-checkbox-group__inner--select-button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-radio-checkbox-group__inner--select-button{-ms-flex-direction:row;flex-direction:row}}.bal-radio-checkbox-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-radio-checkbox-group__inner--expanded .bal-radio-checkbox{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-radio-checkbox-group__inner--expanded .bal-radio-checkbox{width:100%}}.bal-radio-checkbox-group__inner--select-button.bal-radio-checkbox-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-radio-checkbox-group__inner--vertical{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-radio-checkbox-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-radio-checkbox-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}.bal-radio-checkbox{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;outline:none;min-width:1.5rem;min-height:3rem}.bal-radio-checkbox--flat:not(.bal-radio-checkbox--select-button){min-height:1.5rem}.bal-radio-checkbox__input{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio-checkbox--invisible{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-radio-checkbox:not(.bal-radio-checkbox--disabled),.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input,.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input+label,.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input+label>span{cursor:pointer}.bal-radio-checkbox__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;line-height:1.5rem;contain:layout style;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:left;min-height:var(--bal-radio-checkbox-label-min-height);font-family:var(--bal-font-family-text)}.bal-radio-checkbox__label__text{padding-left:2rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding-top:.25rem;padding-bottom:.25rem}.bal-radio-checkbox__label__text--hidden{padding-left:0;display:none}.bal-radio-checkbox__label__text--flat{padding-top:0;padding-bottom:0}.bal-radio-checkbox__label--flat:not(.bal-radio-checkbox--select-button)::before,.bal-radio-checkbox__label--flat:not(.bal-radio-checkbox--select-button)::after{top:0px !important}.bal-radio-checkbox__label--hidden::before,.bal-radio-checkbox__label--hidden::after{top:0px !important}.bal-radio-checkbox__label::before,.bal-radio-checkbox__label::after{display:inline-block;position:absolute;left:0;top:.25rem;height:var(--bal-radio-checkbox-symbol-size);width:var(--bal-radio-checkbox-symbol-size);background-color:rgba(0,0,0,0);background-position:center;background-repeat:no-repeat;background-size:var(--bal-radio-checkbox-symbol-size) var(--bal-radio-checkbox-symbol-size)}.bal-radio-checkbox__label::before{content:"";border-style:var(--bal-form-field-control-border-style);border-width:2px}.bal-radio-checkbox__label::after{content:none}.bal-radio-checkbox__label--checked::after{content:""}.bal-radio-checkbox__label--radio::before,.bal-radio-checkbox__label--radio::after{border-radius:50%}.bal-radio-checkbox__label--radio::after{left:0;-webkit-transform:scale(0.25);transform:scale(0.25)}.bal-radio-checkbox__label--checkbox::before{border-radius:var(--bal-form-field-control-radius)}.bal-radio-checkbox__label--checkbox::after{border-top:0;border-right-style:var(--bal-form-field-control-border-style);border-right-width:2px;border-bottom-style:var(--bal-form-field-control-border-style);border-bottom-width:2px;border-left:0;border-radius:1px;width:var(--bal-radio-checkbox-symbol-width);height:var(--bal-radio-checkbox-symbol-height);left:var(--bal-radio-checkbox-symbol-left);margin-top:var(--bal-radio-checkbox-symbol-margin-top);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-primary);background:var(--bal-color-transparent)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-light-blue-5);background:var(--bal-color-grey-2)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-blue-6);background:var(--bal-color-grey-2)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-danger-5);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-danger-6);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-primary)}.bal-radio-checkbox:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-light-blue-5)}.bal-radio-checkbox:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-blue-6)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-danger-6)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-text-grey)}.bal-radio-checkbox--inline{display:inline}.bal-radio-checkbox--select-button{padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-radio-checkbox-select-button-border-color)}.bal-radio-checkbox--select-button:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-hover);background:var(--bal-radio-checkbox-select-button-background-hover)}.bal-radio-checkbox--select-button:active{border-color:var(--bal-radio-checkbox-select-button-border-color-active);background:var(--bal-radio-checkbox-select-button-background-active)}.bal-radio-checkbox--select-button label::before{top:unset}.bal-radio-checkbox--select-button label::after{top:unset;margin-top:-3px}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat::before{top:unset !important}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat::after{margin-top:-3px;top:unset !important}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat .bal-radio-checkbox__label__text--flat{padding-top:.25rem;padding-bottom:.25rem}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked{background:var(--bal-radio-checkbox-select-button-background-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-radio-checkbox-select-button-link-text-color-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover{background:var(--bal-radio-checkbox-select-button-background-checked-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active{background:var(--bal-radio-checkbox-select-button-background-checked-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid);background:var(--bal-radio-checkbox-select-button-background-invalid)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-form-field-label-danger-color)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-hover);background:var(--bal-radio-checkbox-select-button-background-invalid-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid:active{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-active);background:var(--bal-radio-checkbox-select-button-background-invalid-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked);background:var(--bal-radio-checkbox-select-button-background-invalid-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked-hover);background:var(--bal-radio-checkbox-select-button-background-invalid-checked-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked-active);background:var(--bal-radio-checkbox-select-button-background-invalid-checked-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:hover,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:active{border-color:var(--bal-radio-checkbox-select-button-border-color-disabled-hover-active);background:var(--bal-radio-checkbox-select-button-background-disabled-hover-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-form-field-label-disabled-color)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active{border-color:var(--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active);background:var(--bal-radio-checkbox-select-button-background-disabled-checked-hover-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--switch{min-width:2.5rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label{padding-left:1rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label::before{border-radius:1.5rem;position:absolute;display:block;top:0;left:0;width:2.5rem;height:1.5rem;border:1.6px solid rgba(0,0,0,0);content:"";-webkit-transition:left .25s ease-out,background .25s ease-out;transition:left .25s ease-out,background .25s ease-out;margin-top:.25rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label::after{border:none;margin:0;border-radius:50%;display:block;position:absolute;top:.25rem !important;left:.25rem;width:1rem;height:1rem;z-index:2;margin-top:.25rem;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:left .25s ease-out,background .25s ease-out;transition:left .25s ease-out,background .25s ease-out;content:""}.bal-radio-checkbox--switch .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-before)}.bal-radio-checkbox--switch .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-after)}.bal-radio-checkbox--switch:hover .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-hover-after)}.bal-radio-checkbox--switch:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--flat .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--flat .bal-radio-checkbox__label::after{margin-top:0}.bal-radio-checkbox--switch.bal-radio-checkbox--checked .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked .bal-radio-checkbox__label::after{left:1.25rem;background:var(--bal-radio-checkbox-switch-label-background-checked-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-hover-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-hover-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-disabled-hover-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-disabled-hover-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after)}.bal-radio-checkbox__icon{position:absolute !important;left:5.5px;z-index:1}.bal-radio-checkbox__icon--hidden{display:none !important}';const p=class{constructor(e){a(this,e),this.balChange=o(this,"balChange",7),this.balFocus=o(this,"balFocus",7),this.balBlur=o(this,"balBlur",7),this.inputId="bal-rg-"+m++,this.inheritedAttributes={},this.hasFocus=!1,this.mutationObserverActive=!0,this.onOptionChange=async()=>{this.setRadioTabindex(this.value),this.setRadioChecked()},this.setRadioTabindex=a=>{const o=this.getRadios(),e=o.find((a=>!a.disabled)),b=o.find((o=>o.value===a&&!o.disabled));if(!e&&!b)return;const c=b||e;for(const a of o)a.setButtonTabindex(a===c?0:-1)},this.onClick=a=>{if(a.target.href)return;a.preventDefault();const o=a.target&&a.target.closest("bal-radio");if(o&&!o.disabled&&!o.readonly){const a=o.value;a!==this.value?this.value=a:this.allowEmptySelection&&(this.value=void 0),this.balChange.emit(this.value)}},this.ariaForm=n,this.options=void 0,this.allowEmptySelection=!1,this.name=this.inputId,this.value=void 0,this.interface=void 0,this.vertical=!1,this.verticalOnMobile=!1,this.expanded=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.grid=1,this.columnsTablet=1,this.columnsMobile=1,this.autoInvalidOff=!1}createLogger(a){this.log=a}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}valueChanged(){this.onOptionChange()}invalidChanged(a){void 0!==a&&(this.getRadios().forEach((o=>{o.invalid=a})),this.getRadioButtons().forEach((o=>{o.invalid=a})))}disabledChanged(a){void 0!==a&&(this.getRadios().forEach((o=>{o.disabled=a})),this.getRadioButtons().forEach((o=>{o.disabled=a})))}readonlyChanged(a){void 0!==a&&(this.getRadios().forEach((o=>{o.readonly=a})),this.getRadioButtons().forEach((o=>{o.readonly=a})))}columnsChanged(a){this.getRadioButtons().forEach((o=>o.colSize=a))}columnsTabletChanged(a){this.getRadioButtons().forEach((o=>o.colSizeTablet=a))}columnsMobileChanged(a){this.getRadioButtons().forEach((o=>o.colSizeMobile=a))}connectedCallback(){this.initialValue=this.value,this.mutationObserverActive=void 0===this.options}componentWillLoad(){this.setRadioInterface(),this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly),this.invalidChanged(this.invalid),this.columnsChanged(this.grid),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange(),this.inheritedAttributes=x(this.el,["aria-label","tabindex","title"])}focusInListener(a){this.balFocus.emit(a)}focusOutListener(a){this.balBlur.emit(a)}mutationListener(){this.setRadioInterface(),this.disabledChanged(this.disabled),this.readonlyChanged(this.readonly),this.invalidChanged(this.invalid),this.columnsChanged(this.grid),this.columnsTabletChanged(this.columnsTablet),this.columnsMobileChanged(this.columnsMobile),this.onOptionChange()}listenOnClick(a){i(this.el,a.target)&&s(a)}radioFocusListener(a){const{target:o}=a;o&&i(this.el,o)&&d(o,"bal-radio")&&s(a)}radioBlurListener(a){const{target:o}=a;o&&i(this.el,o)&&d(o,"bal-radio")&&s(a)}resetListener(a){const o=a.target;(null==o?void 0:o.contains(this.el))&&(this.value=this.initialValue)}onKeydown(a){if(a.target&&!this.el.contains(a.target))return;const o=this.getRadios().filter((a=>!a.disabled)),e=a.target.closest("bal-radio");if(e&&o.includes(e)){const b=o.findIndex((a=>a===e)),c=o[b];let l;["ArrowDown","ArrowRight"].includes(a.code)&&(l=b===o.length-1?o[0]:o[b+1]),["ArrowUp","ArrowLeft"].includes(a.code)&&(l=0===b?o[o.length-1]:o[b-1]),l&&o.includes(l)&&(l.setFocus(a),this.value=l.value,this.balChange.emit(this.value)),["Space"].includes(a.code)&&(this.value=this.allowEmptySelection&&void 0!==this.value?void 0:c.value,a.preventDefault())}}async setValue(a){this.value=a}async getOptionByValue(a){const o=this.options;if(o)return o.find((o=>o.value===a))}async setAriaForm(a){this.ariaForm=Object.assign({},a)}setRadioInterface(){this.getRadios().forEach((a=>{this.interface&&(a.interface=this.interface)}))}setRadioChecked(){this.getRadios().forEach((a=>{a.updateState&&a.updateState()}))}getRadios(){return Array.from(this.el.querySelectorAll("bal-radio"))}getRadioButtons(){return Array.from(this.el.querySelectorAll("bal-radio-button"))}render(){const a=h.block("radio-checkbox-group"),o=a.element("inner"),c=(this.options||[]).map((a=>"function"==typeof a.html?Object.assign(Object.assign({},a),{html:a.html()}):a));return e(b,Object.assign({class:Object.assign({},a.class()),role:"radiogroup","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":_(this.disabled),onClick:this.onClick},this.inheritedAttributes),e("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("vertical-mobile").class(this.verticalOnMobile)),o.modifier("vertical").class(this.vertical)),o.modifier("expanded").class(this.expanded)),o.modifier("select-button").class("select-button"===this.interface))},e("slot",null),c.map((a=>e("bal-radio",{key:a.value,name:a.name||this.name,value:a.value,labelHidden:a.labelHidden,flat:a.flat,interface:a.interface,disabled:a.disabled,readonly:a.readonly,required:a.required,nonSubmit:!!a.nonSubmit,invalid:a.invalid,innerHTML:a.html})))))}get el(){return c(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],grid:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}}};l([k("bal-radio-group"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],p.prototype,"createLogger",null),l([u(),r("design:type",Function),r("design:paramtypes",[FocusEvent]),r("design:returntype",void 0)],p.prototype,"focusInListener",null),l([u(),r("design:type",Function),r("design:paramtypes",[FocusEvent]),r("design:returntype",void 0)],p.prototype,"focusOutListener",null),l([g({tags:["bal-radio-group","bal-radio"],attributes:!1,characterData:!1}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],p.prototype,"mutationListener",null);let m=0;export{f as bal_radio,p as bal_radio_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{k as s,n as t}from"./p-
|
|
1
|
+
import{k as s,n as t}from"./p-a255c9b3.js";import{L as i,a as e}from"./p-acf222fd.js";import{b as h}from"./p-a65354df.js";class n extends i{constructor(){super(...arguments),this.debouncedNotify=s((s=>this.notify(s)),42)}connect(s){var t;super.connect(s),"undefined"!=typeof ResizeObserver&&(void 0!==this.resizeObserver&&(null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.resizeObserver=void 0),this.resizeObserver=new ResizeObserver((s=>{h.hasWindow&&window.requestAnimationFrame((()=>{if(!Array.isArray(s)||!s.length)return;const t=s[0];if(void 0===this.lastWidth&&void 0===this.lastHeight)this.lastWidth=t.contentRect.width,this.lastHeight=t.contentRect.height;else{const s=this.lastWidth!==t.contentRect.width,i=this.lastHeight!==t.contentRect.height;(s||i)&&(this.debouncedNotify({width:s,height:i}),this.lastWidth=t.contentRect.width,this.lastHeight=t.contentRect.height)}}))})),this.resizeObserver.observe(s))}disconnect(){var s;super.disconnect(),null===(s=this.resizeObserver)||void 0===s||s.disconnect(),this.resizeObserver=void 0}}class r extends e{constructor(){super(((s,i)=>{t((()=>s.resizeListener(i)))})),this.listener=new n}attach(s){super.attach(s),this.listener.connect(s.el),this.listener.add((s=>super.notify(s)))}detach(){super.detach(),this.listener.disconnect()}}function o(){return function(s){const{connectedCallback:t,disconnectedCallback:i}=s;s.connectedCallback=function(){return this._balResizeSubject||(this._balResizeSubject=new r,this._balResizeSubject.attach(this)),t&&t.call(this)},s.disconnectedCallback=function(){return this._balResizeSubject&&(this._balResizeSubject.detach(),this._balResizeSubject=void 0),i&&i.call(this)}}}export{o as L}
|
package/dist/baloise-design-system/{p-1f2b83a3a2.system.entry.js → p-70ff5a5df7.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(a,t,i,n){function e(a){return a instanceof i?a:new i((function(t){t(a)}))}return new(i||(i=Promise))((function(i,r){function s(a){try{l(n.next(a))}catch(a){r(a)}}function o(a){try{l(n["throw"](a))}catch(a){r(a)}}function l(a){a.done?i(a.value):e(a.value).then(s,o)}l((n=n.apply(a,t||[])).next())}))};var __generator=this&&this.__generator||function(a,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,e,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(a){return function(t){return l([a,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,e&&(r=o[0]&2?e["return"]:o[0]?e["throw"]||((r=e["return"])&&r.call(e),0):e.next)&&!(r=r.call(e,o[1])).done)return r;if(e=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++;e=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(a,i)}catch(a){o=[6,a];e=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-7961e095.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-126ae228.system.js","./p-0f37a65c.system.js","./p-817371e5.system.js","./p-130a16ee.system.js","./p-5cd2674f.system.js","./p-a1f6e944.system.js","./p-ef3bfa9f.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-8c67c79d.system.js","./p-23bdd8dc.system.js"],(function(a){"use strict";var t,i,n,e,r,s,o,l,c,b,u,d;return{setters:[function(a){t=a.r;i=a.c;n=a.h;e=a.H;r=a.g},function(a){s=a._;o=a.a},function(a){l=a.B},function(a){c=a.b},function(a){b=a.d},function(a){u=a.L},function(a){d=a.L},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){function p(a,t,i){var n=[];if(a>t||a<0){a=1}if(t<=0){t=10}if(i<=0){i=2}var e=5+i*2;if(t<=e){for(var r=1;r<=t;r++){n.push({type:"page",label:r.toString(),active:r===a})}}else{if(a<=e-2-i){for(var r=1;r<=e-2;r++){n.push({type:"page",label:r.toString(),active:r===a})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:t.toString(),active:false})}else if(a>=t-3){n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});for(var r=t-e+3;r<=t;r++){n.push({type:"page",label:r.toString(),active:r===a})}}else{n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});var s=Number(a);for(var r=s-i;r<=s+i;r++){n.push({type:"page",label:r.toString(),active:r===a})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:t.toString(),active:false})}}return n}var f={de:{left:"Vorherige Seite",right:"Nächste Seite"},en:{left:"Previous Page",right:"Next Page"},fr:{left:"Page précédente",right:"Page suivante"},it:{left:"Pagina precedente",right:"Pagina successiva"},nl:{left:"Vorige pagina",right:"Volgende pagina"},es:{left:"Página anterior",right:"Página siguiente"},pl:{left:"Poprzednia strona",right:"Następna strona"},pt:{left:"Página anterior",right:"Próxima página"},sv:{left:"Föregående sida",right:"Nästa sida"},fi:{left:"Edellinen sivu",right:"Seuraava sivu"}};var g=":root{--bal-pagination-small-background:var(--bal-color-grey);--bal-pagination-small-radius:var(--bal-radius-normal);--bal-pagination-tabs-background:var(--bal-color-white);--bal-pagination-tabs-shadow:var(--bal-shadow-normal);--bal-pagination-tabs-radius:var(--bal-radius-large);--bal-pagination-dot-radius:var(--bal-radius-rounded);--bal-pagination-dot-background-active:var(--bal-color-primary);--bal-pagination-dot-background-inactive:var(--bal-color-white)}.bal-pagination{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.bal-pagination--is-sticky{position:-webkit-sticky;position:sticky;z-index:var(--bal-z-index-sticky)}.bal-pagination__nav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.bal-pagination__nav--align-start{-ms-flex-pack:start;justify-content:flex-start}.bal-pagination__nav--align-end{-ms-flex-pack:end;justify-content:flex-end}.bal-pagination__nav--context-small{padding-top:1rem}.bal-pagination__nav__pagination-previous{-ms-flex-order:1;order:1}.bal-pagination__nav__pagination-previous--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-next{-ms-flex-order:3;order:3}.bal-pagination__nav__pagination-next--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:4px;padding-left:8px;padding-right:8px;-ms-flex-order:2;order:2;width:unset;text-align:center}.bal-pagination__nav__pagination-list>span{font-weight:var(--bal-font-weight-bold)}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list{gap:8px}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list{gap:8px}}.bal-pagination__nav__pagination-list--context-small{gap:8px;max-width:88px;min-width:63px;min-height:1.25rem;margin:0 20px 0 !important;background:var(--bal-pagination-small-background);border-radius:var(--bal-pagination-small-radius)}.bal-pagination__nav__pagination-list--context-tabs{-ms-flex-positive:1;flex-grow:1;padding:8px;background:var(--bal-pagination-tabs-background);-webkit-box-shadow:var(--bal-pagination-tabs-shadow);box-shadow:var(--bal-pagination-tabs-shadow);border-radius:var(--bal-pagination-tabs-radius)}.bal-pagination__nav__pagination-list__dot{cursor:pointer;height:8px;width:8px;gap:30px;border-radius:var(--bal-pagination-dot-radius);display:block}.bal-pagination__nav__pagination-list__dot--active{background-color:var(--bal-pagination-dot-background-active)}.bal-pagination__nav__pagination-list__dot--inactive{background-color:var(--bal-pagination-dot-background-inactive)}.bal-pagination__nav__pagination-list--more{width:2rem}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list--more{width:2rem}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list--more{width:3rem}}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}";var h=g;var v=a("bal_pagination",function(){function a(a){t(this,a);this.balChangeEventEmitter=i(this,"balChange",7);this._value=1;this.isMobile=c.isMobile;this.language=b.language;this.align="";this.size="";this.interface="";this.disabled=false;this.value=1;this.totalPages=1;this.pageRange=2;this.sticky=false;this.top=0}a.prototype.valueChanged=function(a){this._value=a};a.prototype.topValueChanged=function(a){if(this.sticky){this.el.style.top="".concat(a,"px")}};a.prototype.componentWillLoad=function(){this._value=this.value;this.topValueChanged(this.top)};a.prototype.breakpointListener=function(a){this.isMobile=a.mobile};a.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this._value<this.totalPages){this._value=this._value+1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};a.prototype.previous=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this._value!==1){this._value=this._value-1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=a.language;return[2]}))}))};a.prototype.selectPage=function(a){this._value=a;this.balChangeEventEmitter.emit(this._value)};a.prototype.getItems=function(a){var t=this;if(a===void 0){a=2}var i=p(this._value,this.totalPages,a);return i.map((function(a){if(a.type==="page"){return t.renderPageElement(Number(a.label))}else{return t.renderEllipsisElement()}}))};a.prototype.renderEllipsisElement=function(){var a=l.block("pagination").element("nav").element("pagination-list").modifier("more");return n("li",{"aria-hidden":"true"},n("div",{class:Object.assign({},a.class())},n("bal-text",{bold:true,heading:true,inline:true,space:"none"},"…")))};a.prototype.renderPageElement=function(a){var t=this;var i=this._value===a;var e=l.block("pagination").element("nav").element("pagination-list").element("dot");if(this.interface==="small"){return n("li",null,n("span",{role:"button","aria-current":i?"true":undefined,class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(i)),e.modifier("inactive").class(!i)),"aria-label":a,onClick:function(){return t.selectPage(a)}}))}return n("li",null,n("bal-button",{square:true,color:i?"primary":"text","aria-current":i?"true":undefined,onClick:function(){return t.selectPage(a)},"data-testid":"bal-pagination-page-number",size:this.isMobile||this.size==="small"?"small":""},a))};a.prototype.render=function(){var a=this;var t=this.getItems(1);var i=this.getItems(this.pageRange);var r=l.block("pagination");var s=r.element("nav");var o=s.element("pagination-previous");var c=s.element("pagination-next");var b=s.element("pagination-list");var u=this.interface==="small";var d=u?"link":"text";var p=u||this.size==="small"||this.isMobile?"small":"";var g=u;var h=f[this.language].left;var v=f[this.language].right;var _=this.interface===""||u&&this.totalPages<=5;var m=function(){return n("span",{key:"8d0f477acb2db965fe7ca9a323db754dadb8c2d1",class:Object.assign(Object.assign({},b.class()),b.modifier("context-".concat(a.interface)).class())},n("span",{key:"25bc274a3580f3103acb6aa21bb0f132da31a4cd"},a._value)," / "+a.totalPages)};var y=function(){return n("ul",{key:"635a052d90c4d86104752eedf70d28d60a3ea194",class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("context-".concat(a.interface)).class()),{"is-disabled":a.disabled}),"data-testid":"bal-pagination-list"},i)};var x=function(){return n("ul",{key:"36bc734dd92d55f93cae88e34c032fbae5239ae2",class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("context-".concat(a.interface)).class()),{"is-disabled":a.disabled}),"data-testid":"bal-pagination-list"},t)};return n(e,{key:"1f6888814e691b8f4b46987055e3d474078bac38",class:Object.assign(Object.assign({},r.class()),r.modifier("is-sticky").class(this.sticky))},n("nav",{key:"00eba4def4d24082f102861ef471043c3646a18a",class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("context-".concat(this.interface)).class(this.interface!=="")),s.modifier("align-".concat(this.align)).class(this.align!=="")),role:"navigation","aria-label":"pagination"},n("bal-button",{key:"068a1d8b79deecd129b3280ac4eefb4e6c7ef814",square:true,color:d,size:p,flat:g,class:Object.assign(Object.assign({},o.class()),o.modifier("context-".concat(this.interface)).class()),disabled:this._value<2||this.disabled,onClick:function(){return a.previous()},"data-testid":"bal-pagination-controls-left",title:h},n("bal-icon",{key:"0ceeb68b1426edc0b1425b6bb1236941534ead5d",name:"nav-go-left",size:"small"})),n("bal-button",{key:"3eb18c38c467b0f8bfc2326341e93e236567c060",square:true,color:d,size:p,flat:g,class:Object.assign(Object.assign({},c.class()),c.modifier("context-".concat(this.interface)).class()),disabled:this._value===this.totalPages||this.disabled,onClick:function(){return a.next()},"data-testid":"bal-pagination-controls-right",title:v},n("bal-icon",{key:"fa8feb6b44def140d75218f387fcfdbb984bd99a",name:"nav-go-right",size:"small"})),_&&this.isMobile?n(x,null):"",_&&!this.isMobile?n(y,null):"",!_?n(m,null):""))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{value:["valueChanged"],top:["topValueChanged"]}},enumerable:false,configurable:true});return a}());s([u(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],v.prototype,"breakpointListener",null);s([d(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],v.prototype,"configChanged",null);v.style=h}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(a,t,i,n){function e(a){return a instanceof i?a:new i((function(t){t(a)}))}return new(i||(i=Promise))((function(i,r){function s(a){try{l(n.next(a))}catch(a){r(a)}}function o(a){try{l(n["throw"](a))}catch(a){r(a)}}function l(a){a.done?i(a.value):e(a.value).then(s,o)}l((n=n.apply(a,t||[])).next())}))};var __generator=this&&this.__generator||function(a,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,e,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(a){return function(t){return l([a,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,e&&(r=o[0]&2?e["return"]:o[0]?e["throw"]||((r=e["return"])&&r.call(e),0):e.next)&&!(r=r.call(e,o[1])).done)return r;if(e=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++;e=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(a,i)}catch(a){o=[6,a];e=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-7961e095.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-a219593a.system.js","./p-6b690346.system.js","./p-a519168e.system.js","./p-fa5198a0.system.js","./p-863f4e4e.system.js","./p-a1f6e944.system.js","./p-ade9437f.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-aad0d922.system.js","./p-23bdd8dc.system.js"],(function(a){"use strict";var t,i,n,e,r,s,o,l,c,b,u,d;return{setters:[function(a){t=a.r;i=a.c;n=a.h;e=a.H;r=a.g},function(a){s=a._;o=a.a},function(a){l=a.B},function(a){c=a.b},function(a){b=a.d},function(a){u=a.L},function(a){d=a.L},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){function p(a,t,i){var n=[];if(a>t||a<0){a=1}if(t<=0){t=10}if(i<=0){i=2}var e=5+i*2;if(t<=e){for(var r=1;r<=t;r++){n.push({type:"page",label:r.toString(),active:r===a})}}else{if(a<=e-2-i){for(var r=1;r<=e-2;r++){n.push({type:"page",label:r.toString(),active:r===a})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:t.toString(),active:false})}else if(a>=t-3){n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});for(var r=t-e+3;r<=t;r++){n.push({type:"page",label:r.toString(),active:r===a})}}else{n.push({type:"page",label:"1",active:false});n.push({type:"dots",label:"...",active:false});var s=Number(a);for(var r=s-i;r<=s+i;r++){n.push({type:"page",label:r.toString(),active:r===a})}n.push({type:"dots",label:"...",active:false});n.push({type:"page",label:t.toString(),active:false})}}return n}var g={de:{left:"Vorherige Seite",right:"Nächste Seite"},en:{left:"Previous Page",right:"Next Page"},fr:{left:"Page précédente",right:"Page suivante"},it:{left:"Pagina precedente",right:"Pagina successiva"},nl:{left:"Vorige pagina",right:"Volgende pagina"},es:{left:"Página anterior",right:"Página siguiente"},pl:{left:"Poprzednia strona",right:"Następna strona"},pt:{left:"Página anterior",right:"Próxima página"},sv:{left:"Föregående sida",right:"Nästa sida"},fi:{left:"Edellinen sivu",right:"Seuraava sivu"}};var f=":root{--bal-pagination-small-background:var(--bal-color-grey);--bal-pagination-small-radius:var(--bal-radius-normal);--bal-pagination-tabs-background:var(--bal-color-white);--bal-pagination-tabs-shadow:var(--bal-shadow-normal);--bal-pagination-tabs-radius:var(--bal-radius-large);--bal-pagination-dot-radius:var(--bal-radius-rounded);--bal-pagination-dot-background-active:var(--bal-color-primary);--bal-pagination-dot-background-inactive:var(--bal-color-white)}.bal-pagination{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.bal-pagination--is-sticky{position:-webkit-sticky;position:sticky;z-index:var(--bal-z-index-sticky)}.bal-pagination__nav{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;text-align:center}.bal-pagination__nav--align-start{-ms-flex-pack:start;justify-content:flex-start}.bal-pagination__nav--align-end{-ms-flex-pack:end;justify-content:flex-end}.bal-pagination__nav--context-small{padding-top:1rem}.bal-pagination__nav__pagination-previous{-ms-flex-order:1;order:1}.bal-pagination__nav__pagination-previous--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-next{-ms-flex-order:3;order:3}.bal-pagination__nav__pagination-next--context-small[disabled] button:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.bal-pagination__nav__pagination-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:4px;padding-left:8px;padding-right:8px;-ms-flex-order:2;order:2;width:unset;text-align:center}.bal-pagination__nav__pagination-list>span{font-weight:var(--bal-font-weight-bold)}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list{gap:8px}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list{gap:8px}}.bal-pagination__nav__pagination-list--context-small{gap:8px;max-width:88px;min-width:63px;min-height:1.25rem;margin:0 20px 0 !important;background:var(--bal-pagination-small-background);border-radius:var(--bal-pagination-small-radius)}.bal-pagination__nav__pagination-list--context-tabs{-ms-flex-positive:1;flex-grow:1;padding:8px;background:var(--bal-pagination-tabs-background);-webkit-box-shadow:var(--bal-pagination-tabs-shadow);box-shadow:var(--bal-pagination-tabs-shadow);border-radius:var(--bal-pagination-tabs-radius)}.bal-pagination__nav__pagination-list__dot{cursor:pointer;height:8px;width:8px;gap:30px;border-radius:var(--bal-pagination-dot-radius);display:block}.bal-pagination__nav__pagination-list__dot--active{background-color:var(--bal-pagination-dot-background-active)}.bal-pagination__nav__pagination-list__dot--inactive{background-color:var(--bal-pagination-dot-background-inactive)}.bal-pagination__nav__pagination-list--more{width:2rem}@media screen and (min-width: 769px),print{.bal-pagination__nav__pagination-list--more{width:2rem}}@media screen and (min-width: 1024px){.bal-pagination__nav__pagination-list--more{width:3rem}}.bal-pagination__nav__pagination-list__tab{-ms-flex:1;flex:1}.bal-pagination__nav__pagination-list.is-disabled li{pointer-events:none}";var h=f;var v=a("bal_pagination",function(){function a(a){t(this,a);this.balChangeEventEmitter=i(this,"balChange",7);this._value=1;this.isMobile=c.isMobile;this.language=b.language;this.align="";this.size="";this.interface="";this.disabled=false;this.value=1;this.totalPages=1;this.pageRange=2;this.sticky=false;this.top=0}a.prototype.valueChanged=function(a){this._value=a};a.prototype.topValueChanged=function(a){if(this.sticky){this.el.style.top="".concat(a,"px")}};a.prototype.componentWillLoad=function(){this._value=this.value;this.topValueChanged(this.top)};a.prototype.breakpointListener=function(a){this.isMobile=a.mobile};a.prototype.next=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this._value<this.totalPages){this._value=this._value+1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};a.prototype.previous=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this._value!==1){this._value=this._value-1;this.balChangeEventEmitter.emit(this._value)}return[2]}))}))};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=a.language;return[2]}))}))};a.prototype.selectPage=function(a){this._value=a;this.balChangeEventEmitter.emit(this._value)};a.prototype.getItems=function(a){var t=this;if(a===void 0){a=2}var i=p(this._value,this.totalPages,a);return i.map((function(a){if(a.type==="page"){return t.renderPageElement(Number(a.label))}else{return t.renderEllipsisElement()}}))};a.prototype.renderEllipsisElement=function(){var a=l.block("pagination").element("nav").element("pagination-list").modifier("more");return n("li",{"aria-hidden":"true"},n("div",{class:Object.assign({},a.class())},n("bal-text",{bold:true,heading:true,inline:true,space:"none"},"…")))};a.prototype.renderPageElement=function(a){var t=this;var i=this._value===a;var e=l.block("pagination").element("nav").element("pagination-list").element("dot");if(this.interface==="small"){return n("li",null,n("span",{role:"button","aria-current":i?"true":undefined,class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(i)),e.modifier("inactive").class(!i)),"aria-label":a,onClick:function(){return t.selectPage(a)}}))}return n("li",null,n("bal-button",{square:true,color:i?"primary":"text","aria-current":i?"true":undefined,onClick:function(){return t.selectPage(a)},"data-testid":"bal-pagination-page-number",size:this.isMobile||this.size==="small"?"small":""},a))};a.prototype.render=function(){var a=this;var t=this.getItems(1);var i=this.getItems(this.pageRange);var r=l.block("pagination");var s=r.element("nav");var o=s.element("pagination-previous");var c=s.element("pagination-next");var b=s.element("pagination-list");var u=this.interface==="small";var d=u?"link":"text";var p=u||this.size==="small"||this.isMobile?"small":"";var f=u;var h=g[this.language].left;var v=g[this.language].right;var _=this.interface===""||u&&this.totalPages<=5;var m=function(){return n("span",{key:"8d0f477acb2db965fe7ca9a323db754dadb8c2d1",class:Object.assign(Object.assign({},b.class()),b.modifier("context-".concat(a.interface)).class())},n("span",{key:"25bc274a3580f3103acb6aa21bb0f132da31a4cd"},a._value)," / "+a.totalPages)};var y=function(){return n("ul",{key:"635a052d90c4d86104752eedf70d28d60a3ea194",class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("context-".concat(a.interface)).class()),{"is-disabled":a.disabled}),"data-testid":"bal-pagination-list"},i)};var x=function(){return n("ul",{key:"36bc734dd92d55f93cae88e34c032fbae5239ae2",class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("context-".concat(a.interface)).class()),{"is-disabled":a.disabled}),"data-testid":"bal-pagination-list"},t)};return n(e,{key:"1f6888814e691b8f4b46987055e3d474078bac38",class:Object.assign(Object.assign({},r.class()),r.modifier("is-sticky").class(this.sticky))},n("nav",{key:"00eba4def4d24082f102861ef471043c3646a18a",class:Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("context-".concat(this.interface)).class(this.interface!=="")),s.modifier("align-".concat(this.align)).class(this.align!=="")),role:"navigation","aria-label":"pagination"},n("bal-button",{key:"068a1d8b79deecd129b3280ac4eefb4e6c7ef814",square:true,color:d,size:p,flat:f,class:Object.assign(Object.assign({},o.class()),o.modifier("context-".concat(this.interface)).class()),disabled:this._value<2||this.disabled,onClick:function(){return a.previous()},"data-testid":"bal-pagination-controls-left",title:h},n("bal-icon",{key:"0ceeb68b1426edc0b1425b6bb1236941534ead5d",name:"nav-go-left",size:"small"})),n("bal-button",{key:"3eb18c38c467b0f8bfc2326341e93e236567c060",square:true,color:d,size:p,flat:f,class:Object.assign(Object.assign({},c.class()),c.modifier("context-".concat(this.interface)).class()),disabled:this._value===this.totalPages||this.disabled,onClick:function(){return a.next()},"data-testid":"bal-pagination-controls-right",title:v},n("bal-icon",{key:"fa8feb6b44def140d75218f387fcfdbb984bd99a",name:"nav-go-right",size:"small"})),_&&this.isMobile?n(x,null):"",_&&!this.isMobile?n(y,null):"",!_?n(m,null):""))};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{value:["valueChanged"],top:["topValueChanged"]}},enumerable:false,configurable:true});return a}());s([u(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],v.prototype,"breakpointListener",null);s([d(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],v.prototype,"configChanged",null);v.style=h}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as a,H as i,g as s}from"./p-2ccbe55a.js";import{a as n}from"./p-063808d7.js";import{_ as l,a as r}from"./p-43c9f5e9.js";import{a as o}from"./p-00b37ea2.js";import{o as b,h as _,t as d,k as c,p as h,u as v,m,j as p,b as u}from"./p-a255c9b3.js";import{B as g}from"./p-ae86d0a0.js";import{L as f}from"./p-b77e3348.js";import{n as w}from"./p-f3f5ce4f.js";import{s as x}from"./p-79f6f58b.js";import{b as y}from"./p-a65354df.js";import{t as j,S as O,g as k,a as L}from"./p-ddec5b99.js";import{a as z}from"./p-8f2e9a7f.js";import{b as C}from"./p-5cca745b.js";import{d as A}from"./p-ec375851.js";import{L as $}from"./p-4cac86d6.js";import{L as S}from"./p-8fc7e9ca.js";import{L as T}from"./p-81205ce0.js";import{L as E}from"./p-6e85cd1a.js";import{L as F}from"./p-cb0ff37f.js";import{L as I}from"./p-ad14e9f9.js";import{L as P}from"./p-20eba37f.js";import"./p-9a3d9e17.js";import"./p-166d571e.js";import"./p-4573c419.js";import"./p-a7be57b6.js";import"./p-dc98854c.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-e036423e.js";import"./p-c0173fff.js";const V=class{constructor(a){t(this,a),this.balNavigate=e(this,"balNavigate",7),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+B++,this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0,this.noPanel=!1,this.aria=void 0,this.subLabel="",this.svg=""}componentWillLoad(){this.inheritAttributes=n(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria,subLabel:this.subLabel,svg:this.svg}}render(){const t=!this.noPanel,e=!this.isActive||this.noPanel;return a(i,{key:"dfb327b95030a10da12debcf9f126558684dceba",id:this.tabPanelID,class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive},role:t?"tabpanel":void 0,"aria-label":t?this.label:void 0,"aria-hidden":e?"true":"false",tabindex:e?"-1":void 0,hidden:!!e||void 0},a("slot",{key:"33c15223dbf2d663ecf76b4696211eeaddf4f667"}))}get el(){return s(this)}};let B=0;const M=({items:t,value:e,onSelectTab:i})=>{const s=g.block("tabs").element("select");return a("bal-select",{class:Object.assign({},s.class()),value:e,onBalChange:e=>(e=>{const a=t.filter((t=>t.value===e.detail));if(a.length>0){const t=a[0];""!==t.href&&void 0!==t.href&&y.hasWindow&&window.open(t.href,t.target),i(e,t)}})(e)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>a("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label))))},D=({item:t,inverted:e,accordion:i,isAccordionOpen:s,isMobile:n,hasBubble:l})=>{const r=g.block("tabs").element("nav").element("item").element("icon");let o=t.disabled?"grey":"primary";return e&&(o=t.disabled?"primary-light":"white"),a("span",{class:Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("display-svg").class(void 0!==t.svg))},a("bal-icon",t.svg?{svg:t.svg,size:"large",color:"auto"}:{size:n||i?"small":"",name:i?"nav-go-down":t.icon,color:o,turn:i&&!0===s&&t.active}),l?a("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},N=({item:t,inverted:e,hasBubble:i,isExpanded:s,isVertical:n,context:l})=>{const r=g.block("tabs").element("nav").element("item").element("label");return a("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("inverted").class(e)),r.modifier("active").class(t.active)),r.modifier("disabled").class(t.disabled)),r.modifier("vertical").class(n)),r.modifier("expanded").class(s)),r.modifier(`context-${l}`).class(void 0!==l)),r.modifier("with-svg").class(t.svg&&t.svg.length>0)),"data-testid":"bal-tabs-item-label"},t.label,t.subLabel&&a("span",{class:r.element("sub-label").class()},t.subLabel),i?a("bal-badge",{class:Object.assign({},r.element("bubble").class()),size:"small"},t.bubble):"")},R=({item:t,tabsId:e,isFirst:i,isLast:s,isMobile:n,isVertical:l,accordion:r,isAccordionOpen:o,isLinkList:b,inverted:_,isExpanded:d,spaceless:c,clickable:h,iconPosition:v,context:m,onSelectTab:p,hasSubLabelInGroup:u,dimInactiveElements:f})=>{var w;const x=g.block("tabs").element("nav").element("item");if(t.invisible)return;const y=!1!==t.bubble,O=void 0!==t.icon,k=O&&y&&"horizontal"!==v&&!r||n&&O&&y&&!l&&!r,L=r&&y||r&&n&&O&&y&&!l,C=!O&&y&&!r||y&&!n&&"horizontal"===v&&!r||y&&l&&!r,A=void 0===t.href||""===t.href,$=A?"button":"a",S=A?{type:"button",role:"tab","aria-controls":(null===(w=t.aria)||void 0===w?void 0:w.controls)||t.tabPanelID||void 0,"aria-expanded":z(t.active),"aria-disabled":z(t.disabled),"aria-label":t.label}:{href:t.href,target:t.target};return b||(S.tabindex=t.active?"0":"-1"),a($,Object.assign({id:`${e}-button-${j(t.value)}`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},x.class()),x.modifier("active").class(t.active)),x.modifier("disabled").class(t.disabled)),x.modifier("clickable").class(h)),x.modifier("accordion").class(r)),x.modifier("inverted").class(_)),x.modifier("expanded").class(d)),x.modifier("spaceless").class(c)),x.modifier("first").class(i)),x.modifier("last").class(s)),x.modifier("passed").class(t.passed)),x.modifier("vertical").class(l)),x.modifier(`context-${m}`).class(void 0!==m)),x.modifier(`icon-position-${v}`).class("horizontal"!==v)),x.modifier("display-svg").class(t.svg&&t.svg.length>0)),x.modifier("group-has-sub-label").class(u)),x.modifier("dim-inactive-elements").class(f)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":e,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":A?t.active?"true":"false":void 0},S,{onClick:e=>p(e,t)}),t.icon||t.svg?a(D,{accordion:!1,item:t,isMobile:n,hasBubble:k,inverted:_}):"",a(N,{item:t,isMobile:n,isVertical:l,isExpanded:d,hasBubble:C,inverted:_,context:m}),r&&!t.href?a(D,{accordion:r,isAccordionOpen:o,item:t,isMobile:n,hasBubble:L,inverted:_}):"")},W=({swiper:t,items:e,tabsId:i,isVertical:s,inNavbar:n,isMobile:l,isTouch:r,lineActive:o,lineHidden:b,isLinkList:_,border:d,accordion:c,isAccordionOpen:h,inverted:v,clickable:m,animated:p,spaceless:u,expanded:f,verticalColSize:w,showSwiperControls:x,iconPosition:y,context:j,onSelectTab:O,dimInactiveElements:k})=>{const L=g.block("tabs").element("nav"),z=L.element("inner"),C=L.element("container"),A=L.element("line"),$=L.element("border"),S=e.filter((t=>!t.invisible)),T=n&&!r,E=e.some((t=>t.subLabel&&t.subLabel.length>0)),F=({item:t,index:e})=>a(R,{item:t,isLinkList:_,tabsId:i,isFirst:0===e,isLast:e===S.length-1,isMobile:l,isVertical:s,iconPosition:y,spaceless:u,inverted:v,accordion:c,isAccordionOpen:h,context:j,isExpanded:f,clickable:m&&!t.disabled,onSelectTab:O,hasSubLabelInGroup:E,dimInactiveElements:k});return a("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},L.class()),L.modifier("vertical").class(s)),L.modifier("full-height").class(T)),L.modifier(`vertical-col-${w}`).class(s)),t.cssSwiper())},a("div",{id:`${i}-nav`,class:Object.assign(Object.assign(Object.assign({},t.cssInnerSwiper()),z.class()),z.modifier("full-height").class(T)),ref:e=>t.innerEl=e},a("nav",{id:t.containerId,class:Object.assign(Object.assign(Object.assign(Object.assign({},t.cssSwiperContainer()),C.class()),C.modifier("vertical").class(s)),C.modifier("expanded").class(f&&!s)),role:"tablist",ref:e=>t.containerEl=e},S.map(((t,e)=>a(F,{item:t,index:e}))),a("div",{id:`${i}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},A.class()),A.modifier("active").class(o)),A.modifier("inverted").class(v)),A.modifier("animated").class(p)),A.modifier("vertical").class(s)),A.modifier("hidden").class(b))}),d?a("div",{id:`${i}-border`,class:Object.assign(Object.assign(Object.assign({},$.class()),$.modifier("inverted").class(v)),$.modifier("vertical").class(s))}):"")),x?t.renderControls():"")},G=class{constructor(a){t(this,a),this.balChange=e(this,"balChange",7),this.balWillAnimate=e(this,"balWillAnimate",7),this.balDidAnimate=e(this,"balDidAnimate",7),this.tabsId="bal-tabs-"+H++,this.swiper=new O,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(w)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{o(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isTabActive(t))))},this.getLineSize=(t,e)=>{if(t){if(this.isVertical())return t.clientHeight;{const a=t.clientWidth;return this.expanded?a:a-(e.left+e.right)}}return 0},this.getOffset=(t,e)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(null!=t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+e.left;const a=t.closest(".bal-tabs__nav__item");if(a)return this.expanded?a.offsetLeft:a.offsetLeft+e.left}return 0},this.animateLine=async()=>{this.enableLineRender&&this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),b((async()=>{await _(this.el,!0),this.currentRaf=b((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const e=k(t),a=this.getLineSize(t,e),i=this.getOffset(t,e),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const e=d(s,300);if(t)s.style.setProperty("transform",`translateY(${i}px)`),s.style.setProperty("min-height",`${a}px`),s.style.setProperty("height",`${a}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${i}px)`),s.style.setProperty("min-width",`${a}px`),s.style.setProperty("width",`${a}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();if(t&&n)if(this.expanded)t.style.setProperty("width","100%");else{const e=L(n);t.style.setProperty("width",`${e}px`)}await e,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=()=>{this.isAccordionOpen=!0,4!==this.accordionState&&(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.collapseAccordion=()=>{this.isAccordionOpen=!1,1!==this.accordionState&&(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=c((()=>this.onOptionChangeInternal()),100),this.onOptionChangeInternal=async()=>{try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,e)=>{(e.prevent||e.disabled||!this.clickable)&&x(t),!e.disabled&&this.clickable&&(this.accordion&&(e.value===this.value?this.toggleAccordionState():this.expandAccordion()),e.navigate&&e.navigate.emit(t),e.value!==this.value&&(this.balChange.emit(e.value),await this.select(e),await this.focus(e)))},this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.enableLineRender=!1,this.hasAnimated=!1,this.index=0,this.isMobile=C.isMobile,this.isTablet=C.isTablet,this.language=A.language,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.context=void 0,this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0,this.dimInactiveElements=!1}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}expandedChanged(){this.updateSwiper()}debounceChanged(){this.balChange=h(this.balChange,this.debounce)}verticalChanged(){this.updateSwiper()}async valueChanged(t,e){t!==e&&this.onOptionChange()}connectedCallback(){if(this.swiper.connectedCallback(this),this.swiper.controls="small",this.updateSwiper(),this.inNavbar=v("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(v("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidRender(){this.animateLine()}componentWillRender(){this.updateSwiper()}componentDidLoad(){this.onOptionChange(),m((()=>{this.enableLineRender=!0,this.animateLine(!0)}))}disconnectedCallback(){this.swiper.disconnectedCallback()}mutationListener(){this.onOptionChange(),this.swiper.notifyChange()}visibilityListener(){this.swiper.notifyChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.swiper.notifyChange()}resizeListener(t){this.swiper.notifyChange(),(!this.isVertical()&&t.width||this.isVertical()&&t.height)&&this.animateLine()}swipeListener({left:t,right:e}){t?this.swiper.next():e&&this.swiper.previous()}animationListener(t){this.isUsedInNavbar(t.target),this.animateLine()}listenToKeyDown(t){this.isTabList&&(!1!==this.vertical?"ArrowDown"===t.code?this.tabListSelectNext(t):"ArrowUp"===t.code&&this.tabListSelectPrevious(t):"ArrowRight"===t.code?this.tabListSelectNext(t):"ArrowLeft"===t.code&&this.tabListSelectPrevious(t))}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((e=>e.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}swiperOnChange(t){this.index=t}swiperGetAllChildrenElements(){return Array.from(this.el.querySelectorAll(".bal-tabs__nav__item"))}get isTabList(){return 0===this.store.filter((t=>!!t.href)).length}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((e=>e.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.swiper.containerId}`)}updateSwiper(){this.overflow?this.expanded||this.isVertical()?this.swiper.disable():this.swiper.activate():this.swiper.disable()}isUsedInNavbar(t){const e=t.closest("bal-navbar"),a=t;e&&p(e,this.el)&&(this.isNavbarOpen=a)}isTabActive(t){return t.value===this.value}isTabVisible(t){return!t.hidden}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}findNextTab(t=!1){const e=this.store.findIndex((t=>this.isTabActive(t)));let a=this.store.map(((t,e)=>({index:e,visible:!t.hidden&&!t.disabled})));t&&(a=a.reverse());const i=a.filter((t=>t.visible)).map((t=>t.index)),s=t?(t,a)=>t<e||a>=t?t:a:(t,a)=>t>e||a<=t?t:a,n=i.reduce(((t,e)=>s(t,e)),e);return this.store[n]}findPreviousTab(){return this.findNextTab(!0)}tabListSelectNext(t){const e=this.findNextTab();e&&this.onSelectTab(t,e)}tabListSelectPrevious(t){const e=this.findPreviousTab();e&&this.onSelectTab(t,e)}async focus(t){const e=null!==this.el.querySelector("button.bal-focused");if(this.swiper.isActive()){const e=(await this.getOptions()).findIndex((e=>e.value===t.value));this.swiper.updateIndex(e)}if(await u(),e){const e=this.el.querySelector(`#${this.tabsId}-button-${j(t.value)}`);e&&e.focus({preventScroll:!0})}}render(){const t=g.block("tabs"),e=t.element("content"),s=this.isMobile,n=s||this.isTablet,l=this.inNavbar&&!n&&!this.inNavbarLight||!this.inNavbar&&this.inverted,r=this.isVertical(),o=this.border||this.inNavbar&&n,b=s&&this.selectOnMobile,_=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),d=4===this.accordionState||8===this.accordionState?"content expanded":"content",c=void 0!==this.value&&!!this.store.find((t=>t.value===this.value)),h=!this.isTabList,v=this.store.filter((t=>this.isTabActive(t))).map((t=>t.value)).join(","),m=this.store.filter((t=>this.isTabActive(t))).map((t=>t.label)).join(",");return a(i,{key:"31f3068f782e91b2960b1da5ce7f41035981023b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(r)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":v,"data-label":m},b?a(M,{value:this.value,items:_,onSelectTab:this.onSelectTab}):a(W,{swiper:this.swiper,items:_,isLinkList:h,tabsId:this.tabsId,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:c,lineHidden:!this.enableLineRender,inverted:l,animated:this.animated,context:this.context,border:o,spaceless:this.spaceless,expanded:this.expanded,isMobile:s,isTouch:n,isVertical:r,inNavbar:this.inNavbar,iconPosition:this.iconPosition,showSwiperControls:!this.isVertical(),verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab,dimInactiveElements:this.dimInactiveElements}),a("div",{key:"e89278ae803fabc3ea9c8cbc9bf101169b9de0f6",part:d,class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("vertical").class(this.isVertical())),e.modifier("hidden").class("meta"===this.context||"navbar"===this.context||"navigation"===this.context))},a("div",{key:"515939868197d1fbe632666890d68cdab891eee3",id:this.tabsId,class:Object.assign({},e.element("wrapper").class())},a("slot",{key:"77767ff825955b01428e7791d42fe9e853e4c205"}))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],expanded:["expandedChanged"],debounce:["debounceChanged"],vertical:["verticalChanged"],value:["valueChanged"]}}};l([f("bal-tabs"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],G.prototype,"createLogger",null),l([$({tags:["bal-tabs","bal-tab-item"]}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],G.prototype,"mutationListener",null),l([S(),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],G.prototype,"visibilityListener",null),l([T(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],G.prototype,"breakpointListener",null),l([E(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],G.prototype,"resizeListener",null),l([F(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],G.prototype,"swipeListener",null),l([I(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],G.prototype,"animationListener",null),l([P(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],G.prototype,"configChanged",null);let H=0;G.style='@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line--hidden{display:none}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-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-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav__container--expanded{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex:1;flex:1}.bal-tabs__nav__container--vertical{overflow:hidden}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset;width:auto}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}@media screen and (max-width: 768px){.bal-tabs__nav__item--group-has-sub-label{height:5rem}}.bal-tabs__nav__item--dim-inactive-elements:not(.bal-tabs__nav__item--active){opacity:.6}.bal-tabs__nav__item--display-svg{-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 768px){.bal-tabs__nav__item--display-svg:not(.bal-tabs__nav__item--display-svg.bal-tabs__nav__item--active){-ms-flex:0 0 auto;flex:0 0 auto;min-width:3rem;width:6rem;padding:.25rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) svg,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) g,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) path,.bal-tabs__nav__item__icon:not(.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active-display-svg) circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-tabs__nav__item__label--with-svg{text-align:left;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-tabs__nav__item__label--with-svg:not(.bal-tabs__nav__item__label--active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--expanded{white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-swiper{position:relative;display:block}.bal-swiper__inner{display:block;position:relative;margin-left:auto;margin-right:auto;overflow:clip;list-style:none;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.bal-swiper__inner--items-per-view-auto .bal-carousel__item{width:auto}.bal-swiper__inner--items-per-view-1 .bal-carousel__item{width:100%}.bal-swiper__inner--items-per-view-2 .bal-carousel__item{width:50%}.bal-swiper__inner--items-per-view-3 .bal-carousel__item{width:33.3333%}.bal-swiper__inner--items-per-view-4 .bal-carousel__item{width:25%}.bal-swiper__container{position:relative;max-width:100%;width:100%;height:100%;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.bal-swiper__container--gap-none{gap:0}.bal-swiper__container--gap-normal{gap:1rem}.bal-swiper__container--gap-medium{gap:1.5rem}.bal-swiper__controls{width:100%}.bal-swiper__controls--dots{position:relative}@media screen and (max-width: 768px){.bal-swiper__controls--large{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:2rem;margin-top:1rem}}@media screen and (min-width: 769px),print{.bal-swiper__controls--large{position:absolute;top:calc(50% - 1.5rem)}.bal-swiper__controls--large .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--large .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--large .bal-swiper__controls__button--right{right:0}}.bal-swiper__controls__button--hidden{display:none !important;visibility:none !important}.bal-swiper__controls--small{position:absolute;top:calc(50% - 1rem)}.bal-swiper__controls--small .bal-swiper__controls__button{position:absolute;z-index:7}.bal-swiper__controls--small .bal-swiper__controls__button--left{left:0}.bal-swiper__controls--small .bal-swiper__controls__button--right{right:0}.bal-swiper__controls--small .bal-swiper__controls__button--hidden{display:none !important;visibility:hidden !important}.bal-swiper__inner--shadow-left::before,.bal-swiper__inner--shadow-right::after{position:absolute;width:3rem;height:100%;top:0}.bal-swiper__inner--shadow-left::before{content:"";left:0;background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right::after{content:"";right:0;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-after) 50%)}.bal-swiper__inner--shadow-left.bal-swiper__inner--inverted::before{background:-webkit-gradient(linear, left top, right top, color-stop(50%, var(--bal-carousel-inner-shadow-left-background-inverted-before)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, var(--bal-carousel-inner-shadow-left-background-inverted-before) 50%, rgba(255, 255, 255, 0) 100%)}.bal-swiper__inner--shadow-right.bal-swiper__inner--inverted::after{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, var(--bal-carousel-inner-shadow-right-background-inverted-after)));background:linear-gradient(90deg, rgba(255, 255, 255, 0), var(--bal-carousel-inner-shadow-right-background-inverted-after) 50%)}.bal-tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-tabs--vertical{-ms-flex-direction:row;flex-direction:row;gap:var(--bal-space-normal)}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs--accordion .bal-tabs__content{overflow:hidden}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__content{display:none}.bal-tabs__content{width:100%}.bal-tabs__content--vertical{width:auto;-ms-flex:1;flex:1}.bal-tabs__content--hidden{display:none}.bal-tabs__nav--full-height,.bal-tabs__nav__inner--full-height{height:100%}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0;min-width:100%}.bal-tabs__nav__border--hidden{display:none}.bal-tabs__nav__border--vertical{min-width:var(--bal-border-width-normal);max-width:var(--bal-border-width-normal);width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}';export{V as bal_tab_item,G as bal_tabs}
|
package/dist/baloise-design-system/{p-208bd3127d.system.entry.js → p-75652c1651.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,i,n,e){function r(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,o){function a(t){try{u(e.next(t))}catch(t){o(t)}}function s(t){try{u(e["throw"](t))}catch(t){o(t)}}function u(t){t.done?n(t.value):r(t.value).then(a,s)}u((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},e,r,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return u([t,i])}}function u(s){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(e=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=i.call(t,n)}catch(t){s=[6,t];r=0}finally{e=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-2da669b4.system.js","./p-980e4b57.system.js","./p-e78be5ef.system.js","./p-6913b916.system.js","./p-7720b262.system.js","./p-5cd2674f.system.js","./p-b79d8942.system.js","./p-907368ff.system.js","./p-a1f6e944.system.js","./p-eecefb0a.system.js","./p-ef3bfa9f.system.js"],(function(t){"use strict";var i,n,e,r,o,a,s,u,c,l,h,d,f,b,v,p,g,_,m,y;return{setters:[function(t){i=t.r;n=t.c;e=t.h;r=t.H;o=t.g},function(t){a=t._;s=t.a},function(t){u=t.B},function(t){c=t.L},function(t){l=t.a},function(t){h=t.s},function(t){d=t.B;f=t.L},function(t){b=t.l},function(t){v=t.i},function(t){p=t.b;g=t.o},function(t){_=t.s;m=t.i},function(t){y=t.d},function(){},function(){},function(){}],execute:function(){var w=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-2);--bal-option-background-selected:var(--bal-color-primary-1);--bal-option-background-selected-hovered:#dddfeb;--bal-option-background-invalid:var(--bal-color-danger-1);--bal-option-background-invalid-hovered:#fbe0de;--bal-option-border-width:var(--bal-border-width-normal);--bal-option-border-color:var(--bal-color-grey-2);--bal-option-font-family:var(--bal-font-family-text);--bal-option-font-weight:var(--bal-font-weight-regular);--bal-option-line-height:1.125rem;--bal-option-text-hovered:var(--bal-color-text-primary-hovered);--bal-option-text-pressed:var(--bal-color-text-primary-pressed);--bal-option-text-disabled:var(--bal-color-text-grey-light)}.bal-option{font-size:16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block;list-style:none;cursor:pointer;border-bottom-width:var(--bal-option-border-width);border-bottom-color:var(--bal-option-border-color);border-bottom-style:solid;background:var(--bal-option-background);padding-left:var(--bal-option-padding-x);padding-right:var(--bal-option-padding-x);min-height:var(--bal-option-min-height)}.bal-option>bal-stack{min-height:var(--bal-option-min-height)}.bal-option:last-child{border-bottom:none}.bal-option::-moz-focus-inner{border:none}.bal-option--hidden{display:none;visibility:hidden}.bal-option__inner{font-family:var(--bal-option-font-family);font-weight:var(--bal-option-font-weight);line-height:var(--bal-option-line-height);word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1;flex:1}.bal-option__inner--multiline{white-space:normal}.bal-option--focused{background:var(--bal-option-background-hovered)}@media (hover: hover)and (pointer: fine){.bal-option:hover{background:var(--bal-option-background-hovered);color:var(--bal-option-text-hovered)}}.bal-option:active{background:var(--bal-option-background-hovered);color:var(--bal-option-text-pressed)}.bal-option--selected{background:var(--bal-option-background-selected)}@media (hover: hover)and (pointer: fine){.bal-option--selected:hover{background:var(--bal-option-background-selected-hovered)}}.bal-option--selected:active{background:var(--bal-option-background-selected-hovered)}.bal-option--selected .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--selected.bal-option--focused{background:var(--bal-option-background-selected-hovered)}.bal-option--selected.bal-option--focused .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--invalid{background:var(--bal-option-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover{background:var(--bal-option-background-invalid-hovered)}}.bal-option--invalid:active{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid.bal-option--focused{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid .bal-option__inner{color:var(--bal-color-text-danger-hovered)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover .bal-option__inner{color:var(--bal-color-text-danger-hovered)}}.bal-option--invalid:active .bal-option__inner{color:var(--bal-color-text-danger-pressed)}.bal-option--disabled,.bal-option--disabled.bal-option--focused{background:var(--bal-option-background) !important;color:var(--bal-option-text-disabled) !important;cursor:default !important}.bal-option--disabled:hover,.bal-option--disabled.bal-option--focused:hover{background:var(--bal-option-background) !important}.bal-option{--bal-radio-checkbox-symbol-size:1.125rem;--bal-radio-checkbox-symbol-width:calc(0.375rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.656rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.375rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.188rem;--bal-radio-checkbox-label-min-height:1.125rem}";var k=w;var x=t("bal_option",function(){function t(t){var e=this;i(this,t);this.balOptionChange=n(this,"balOptionChange",7);this.balOptionFocus=n(this,"balOptionFocus",7);this.inputId="bal-option-".concat(j++);this.onClick=function(t){var i=e.el.closest("bal-option-list");if(e.disabled||i&&i.disabled){h(t)}else{if(i&&i.required&&!i.multiple){if(!e.selected){e.select(true)}}else{e.select(!e.selected)}}};this.checkbox=false;this.interactionState=d.DefaultState;this.label="";this.value="";this.disabled=false;this.multiline=false;this.invalid=false;this.selected=false;this.focused=false;this.hidden=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.componentWillRender=function(){if(this.el){var t=this.el.closest("bal-option-list");if(t){this.checkbox=!!t.multiple}}};t.prototype.listenToMouseEnter=function(){var t=this,i=t.label,n=t.value,e=t.selected,r=t.disabled,o=t.hidden;if(!o&&!r){this.balOptionFocus.emit({label:i,value:n,selected:e})}};t.prototype.elementStateListener=function(t){this.interactionChildElements.forEach((function(i){i.hovered=t.hovered;i.pressed=t.pressed}))};t.prototype.select=function(){return __awaiter(this,arguments,void 0,(function(t){var i,n,e;if(t===void 0){t=true}return __generator(this,(function(r){this.selected=t;i=this,n=i.label,e=i.value;this.balOptionChange.emit({label:n,value:e,selected:t});return[2]}))}))};Object.defineProperty(t.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-checkbox"))},enumerable:false,configurable:true});t.prototype.render=function(){var t=u.block("option");return e(r,{key:"aed8058d7b0526a84dde426b242ded48836fde15",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":l(this.hidden),"aria-selected":l(this.selected),"aria-checked":l(this.selected),"aria-disabled":l(this.disabled),"aria-invalid":l(this.invalid),tabIndex:-1,onClick:this.onClick},e("bal-stack",{key:"e475f8289d2d11ec790e5b808a3b5a67405ee6db",py:"small",space:"x-small"},this.checkbox?e("bal-checkbox",{flat:true,nonSubmit:true,"label-hidden":true,checked:this.selected,disabled:this.disabled,invalid:this.invalid,tabindex:-1}):"",e("div",{key:"9dbc67bbd197f2d30ecc38eba4c1ccf93bb98a7d",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},e("slot",{key:"3e1392bbd15175bc15f43d0e4d90e65abfa0f5ec"})),this.selected&&!this.checkbox?e("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());a([c("bal-option"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null);a([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],x.prototype,"elementStateListener",null);var j=0;x.style=k;var O=".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}";var F=O;var z=t("bal_option_list",function(){function t(t){i(this,t);this.inputId="bal-option-list-".concat(S++);this.inheritAttributes={};this.ariaForm=y;this.multiple=false;this.disabled=false;this.required=false;this.focusIndex=-1;this.labelledby=undefined;this.filter="includes";this.contentHeight=262}t.prototype.createLogger=function(t){this.log=t};t.prototype.contentHeightChanged=function(t){if(t===undefined){this.el.style.removeProperty("--bal-option-list-max-height")}else{this.el.style.setProperty("--bal-option-list-max-height","".concat(t,"px"))}};t.prototype.componentDidLoad=function(){this.contentHeightChanged(this.contentHeight)};t.prototype.componentWillRender=function(){this.inheritAttributes=v(this.el,["aria-multiselectable","aria-labelledby"])};t.prototype.listenToMouseEnter=function(t){var i=this.options;var n=this.getOptionIndex(i,t.detail.value);if(n!==undefined){this.updateFocus(i,n)}};t.prototype.listenToOptionChange=function(t){var i=t.detail;if(!this.multiple){this.options.filter((function(t){return t.value!==i.value})).forEach((function(t){return t.selected=false}))}};t.prototype.focusSelected=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getSelectedOptionIndex(t);if(!(i>0))return[3,2];this.updateFocus(t,i);return[4,p()];case 1:n.sent();return[2,i];case 2:return[4,this.focusFirst()];case 3:return[2,n.sent()]}}))}))};t.prototype.focusFirst=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getFirstOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollTopPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusLast=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getLastOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollBottomPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusNext=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getNextOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollBottomPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusPrevious=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getPreviousOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollTopPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusByLabel=function(t,i){return __awaiter(this,void 0,void 0,(function(){var n,e,r;return __generator(this,(function(o){switch(o.label){case 0:n=this.options;e=this.getOptionIndexByLabel(n,t);this.updateFocus(n,e);r=n[e];this.updateScrollTopPosition(r);return[4,p()];case 1:o.sent();if(!i.select)return[3,3];return[4,r.select()];case 2:o.sent();o.label=3;case 3:return[2,e]}}))}))};t.prototype.filterByContent=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:i=this.allOptions;this.filterOptions(i,t);return[4,p()];case 1:n.sent();return[2,this.focusFirst()]}}))}))};t.prototype.resetHidden=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=false}return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.hidden=t}));return[4,p()];case 1:i.sent();this.resetFocus();return[2]}}))}))};t.prototype.resetSelected=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=false}return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t}));return[4,p()];case 1:i.sent();return[2]}}))}))};t.prototype.updateSelected=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t.includes(i.value)}));return[4,p()];case 1:i.sent();return[2]}}))}))};t.prototype.resetFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=-1;this.updateFocus(t,i);this.scrollTo(0);return[4,p()];case 1:n.sent();return[2,i]}}))}))};t.prototype.getSelectedValues=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){t=this.options;return[2,t.filter((function(t){return t.selected})).map((function(t){return t.value}))]}))}))};t.prototype.getSelectedOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){i=this.options;if(t&&t.length>0){return[2,i.filter((function(i){return t.includes(i.value)})).map((function(t){return t}))]}return[2,i.filter((function(t){return t.selected})).map((function(t){return t}))]}))}))};t.prototype.getValues=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.value}))]}))}))};t.prototype.getLabels=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.label}))]}))}))};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.filter((function(t){return!t.disabled||!t.hidden}))]}))}))};t.prototype.selectByFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){t=this.options;i=t[this.focusIndex];if(i){if(this.multiple){i.select(!i.selected)}else{i.select(true)}}return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},t);return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return Array.from(this.el.querySelectorAll("bal-option")).filter((function(t){return!t.hidden}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allOptions",{get:function(){return Array.from(this.el.querySelectorAll("bal-option"))},enumerable:false,configurable:true});t.prototype.filterOptions=function(t,i){var n=[];var e=this.filter==="includes"?m:_;for(var r=0;r<t.length;r++){var o=t[r];var a=o.textContent||"";if(e(a,i)){n.push(o);o.hidden=false}else{o.hidden=true}}return n};t.prototype.isOptionVisible=function(t){var i=this.el.clientHeight;var n=this.el.scrollTop;var e=n+i;var r=n<=t.offsetTop&&t.offsetTop+t.clientHeight<=e;return r};t.prototype.updateScrollTopPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForTopPosition(t))}}};t.prototype.updateScrollBottomPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForBottomPosition(t))}}};t.prototype.getScrollTopForTopPosition=function(t){var i=t.offsetTop;var n=i;if(n<0){return 0}return n};t.prototype.getScrollTopForBottomPosition=function(t){var i=this.el.clientHeight;var n=t.offsetTop+t.clientHeight;var e=n-i;if(e<0){return 0}return e};t.prototype.scrollTo=function(t){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(n){if(t!==undefined&&t!==null){if(this.focusRaf!==undefined){cancelAnimationFrame(this.focusRaf)}this.focusRaf=g((function(){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(i){this.el.scrollTop=t;return[2]}))}))}))}return[2]}))}))};t.prototype.updateFocus=function(t,i){this.focusIndex=i;for(var n=0;n<t.length;n++){var e=t[n];e.focused=n===i}};t.prototype.getOptionIndex=function(t,i){for(var n=0;n<t.length;n++){var e=t[n];if(e.value===i){return n}}return undefined};t.prototype.getSelectedOptionIndex=function(t){for(var i=0;i<t.length;i++){var n=t[i];if(n.selected&&!n.hidden){return i}}return this.focusIndex};t.prototype.getFirstOptionIndex=function(t){for(var i=0;i<t.length;i++){var n=t[i];if(!n.disabled&&!n.hidden){return i}}return this.focusIndex};t.prototype.getNextOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}if(i<0){return this.getFirstOptionIndex(t)}var n=this.getLength(t);var e=i;if(i<n){e=i+1;if(t[e].disabled){return this.getNextOptionIndex(t,e)}}return e};t.prototype.getPreviousOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}var n=this.getFirstOptionIndex(t);if(i<=n){return n}var e=i;e=i-1;if(t[e].disabled){return this.getPreviousOptionIndex(t,e)}return e};t.prototype.getLastOptionIndex=function(t){for(var i=t.length-1;i>=0;i--){var n=t[i];if(!n.disabled){return i}}return this.focusIndex};t.prototype.getOptionIndexByLabel=function(t,i){if(i===undefined||i===""){return this.focusIndex}var n=t.find((function(t){return _(t.label||"",i)}));if(!b(n)&&n.id){return t.indexOf(n)}return this.focusIndex};t.prototype.getLength=function(t){var i=t.map((function(t,i){return t.disabled?0:i}));var n=Math.max.apply(Math,i);return n};t.prototype.render=function(){var t=u.block("option-list");var i=this.labelledby||this.ariaForm.labelId;return e(r,{key:"4d5be05c78e0aab806b0cd05a6b5af22ab33c773",class:Object.assign({},t.class()),id:this.inputId},e("div",Object.assign({key:"206f190d75dd3cc6a57cf3ea7c9257078580fd62",role:"listbox","aria-labelledby":i,"aria-disabled":l(this.disabled),class:Object.assign({},t.element("container").class())},this.inheritAttributes),e("slot",{key:"8cee74e85814e448f04c4f2c766721f969ff19cb"})))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{contentHeight:["contentHeightChanged"]}},enumerable:false,configurable:true});return t}());a([c("bal-option-list"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],z.prototype,"createLogger",null);var S=0;z.style=F}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,i,n,e){function r(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,o){function a(t){try{u(e.next(t))}catch(t){o(t)}}function s(t){try{u(e["throw"](t))}catch(t){o(t)}}function u(t){t.done?n(t.value):r(t.value).then(a,s)}u((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},e,r,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return u([t,i])}}function u(s){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(e=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=i.call(t,n)}catch(t){s=[6,t];r=0}finally{e=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-7961e095.system.js","./p-6dbef894.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-2da669b4.system.js","./p-c43a56b7.system.js","./p-abd6896e.system.js","./p-6913b916.system.js","./p-7720b262.system.js","./p-863f4e4e.system.js","./p-b79d8942.system.js","./p-907368ff.system.js","./p-a1f6e944.system.js","./p-eecefb0a.system.js","./p-ade9437f.system.js"],(function(t){"use strict";var i,n,e,r,o,a,s,u,c,l,h,d,f,b,v,p,g,_,m,y;return{setters:[function(t){i=t.r;n=t.c;e=t.h;r=t.H;o=t.g},function(t){a=t._;s=t.a},function(t){u=t.B},function(t){c=t.L},function(t){l=t.a},function(t){h=t.s},function(t){d=t.B;f=t.L},function(t){b=t.l},function(t){v=t.i},function(t){p=t.b;g=t.o},function(t){_=t.s;m=t.i},function(t){y=t.d},function(){},function(){},function(){}],execute:function(){var w=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-2);--bal-option-background-selected:var(--bal-color-primary-1);--bal-option-background-selected-hovered:#dddfeb;--bal-option-background-invalid:var(--bal-color-danger-1);--bal-option-background-invalid-hovered:#fbe0de;--bal-option-border-width:var(--bal-border-width-normal);--bal-option-border-color:var(--bal-color-grey-2);--bal-option-font-family:var(--bal-font-family-text);--bal-option-font-weight:var(--bal-font-weight-regular);--bal-option-line-height:1.125rem;--bal-option-text-hovered:var(--bal-color-text-primary-hovered);--bal-option-text-pressed:var(--bal-color-text-primary-pressed);--bal-option-text-disabled:var(--bal-color-text-grey-light)}.bal-option{font-size:16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block;list-style:none;cursor:pointer;border-bottom-width:var(--bal-option-border-width);border-bottom-color:var(--bal-option-border-color);border-bottom-style:solid;background:var(--bal-option-background);padding-left:var(--bal-option-padding-x);padding-right:var(--bal-option-padding-x);min-height:var(--bal-option-min-height)}.bal-option>bal-stack{min-height:var(--bal-option-min-height)}.bal-option:last-child{border-bottom:none}.bal-option::-moz-focus-inner{border:none}.bal-option--hidden{display:none;visibility:hidden}.bal-option__inner{font-family:var(--bal-option-font-family);font-weight:var(--bal-option-font-weight);line-height:var(--bal-option-line-height);word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1;flex:1}.bal-option__inner--multiline{white-space:normal}.bal-option--focused{background:var(--bal-option-background-hovered)}@media (hover: hover)and (pointer: fine){.bal-option:hover{background:var(--bal-option-background-hovered);color:var(--bal-option-text-hovered)}}.bal-option:active{background:var(--bal-option-background-hovered);color:var(--bal-option-text-pressed)}.bal-option--selected{background:var(--bal-option-background-selected)}@media (hover: hover)and (pointer: fine){.bal-option--selected:hover{background:var(--bal-option-background-selected-hovered)}}.bal-option--selected:active{background:var(--bal-option-background-selected-hovered)}.bal-option--selected .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--selected.bal-option--focused{background:var(--bal-option-background-selected-hovered)}.bal-option--selected.bal-option--focused .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--invalid{background:var(--bal-option-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover{background:var(--bal-option-background-invalid-hovered)}}.bal-option--invalid:active{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid.bal-option--focused{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid .bal-option__inner{color:var(--bal-color-text-danger-hovered)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover .bal-option__inner{color:var(--bal-color-text-danger-hovered)}}.bal-option--invalid:active .bal-option__inner{color:var(--bal-color-text-danger-pressed)}.bal-option--disabled,.bal-option--disabled.bal-option--focused{background:var(--bal-option-background) !important;color:var(--bal-option-text-disabled) !important;cursor:default !important}.bal-option--disabled:hover,.bal-option--disabled.bal-option--focused:hover{background:var(--bal-option-background) !important}.bal-option{--bal-radio-checkbox-symbol-size:1.125rem;--bal-radio-checkbox-symbol-width:calc(0.375rem - 1px);--bal-radio-checkbox-symbol-height:calc(0.656rem - 1px);--bal-radio-checkbox-symbol-left:calc(0.375rem + 1px);--bal-radio-checkbox-symbol-margin-top:0.188rem;--bal-radio-checkbox-label-min-height:1.125rem}";var k=w;var x=t("bal_option",function(){function t(t){var e=this;i(this,t);this.balOptionChange=n(this,"balOptionChange",7);this.balOptionFocus=n(this,"balOptionFocus",7);this.inputId="bal-option-".concat(j++);this.onClick=function(t){var i=e.el.closest("bal-option-list");if(e.disabled||i&&i.disabled){h(t)}else{if(i&&i.required&&!i.multiple){if(!e.selected){e.select(true)}}else{e.select(!e.selected)}}};this.checkbox=false;this.interactionState=d.DefaultState;this.label="";this.value="";this.disabled=false;this.multiline=false;this.invalid=false;this.selected=false;this.focused=false;this.hidden=false}t.prototype.createLogger=function(t){this.log=t};t.prototype.componentWillRender=function(){if(this.el){var t=this.el.closest("bal-option-list");if(t){this.checkbox=!!t.multiple}}};t.prototype.listenToMouseEnter=function(){var t=this,i=t.label,n=t.value,e=t.selected,r=t.disabled,o=t.hidden;if(!o&&!r){this.balOptionFocus.emit({label:i,value:n,selected:e})}};t.prototype.elementStateListener=function(t){this.interactionChildElements.forEach((function(i){i.hovered=t.hovered;i.pressed=t.pressed}))};t.prototype.select=function(){return __awaiter(this,arguments,void 0,(function(t){var i,n,e;if(t===void 0){t=true}return __generator(this,(function(r){this.selected=t;i=this,n=i.label,e=i.value;this.balOptionChange.emit({label:n,value:e,selected:t});return[2]}))}))};Object.defineProperty(t.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-checkbox"))},enumerable:false,configurable:true});t.prototype.render=function(){var t=u.block("option");return e(r,{key:"aed8058d7b0526a84dde426b242ded48836fde15",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":l(this.hidden),"aria-selected":l(this.selected),"aria-checked":l(this.selected),"aria-disabled":l(this.disabled),"aria-invalid":l(this.invalid),tabIndex:-1,onClick:this.onClick},e("bal-stack",{key:"e475f8289d2d11ec790e5b808a3b5a67405ee6db",py:"small",space:"x-small"},this.checkbox?e("bal-checkbox",{flat:true,nonSubmit:true,"label-hidden":true,checked:this.selected,disabled:this.disabled,invalid:this.invalid,tabindex:-1}):"",e("div",{key:"9dbc67bbd197f2d30ecc38eba4c1ccf93bb98a7d",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},e("slot",{key:"3e1392bbd15175bc15f43d0e4d90e65abfa0f5ec"})),this.selected&&!this.checkbox?e("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());a([c("bal-option"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null);a([f(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],x.prototype,"elementStateListener",null);var j=0;x.style=k;var O=".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}";var F=O;var z=t("bal_option_list",function(){function t(t){i(this,t);this.inputId="bal-option-list-".concat(S++);this.inheritAttributes={};this.ariaForm=y;this.multiple=false;this.disabled=false;this.required=false;this.focusIndex=-1;this.labelledby=undefined;this.filter="includes";this.contentHeight=262}t.prototype.createLogger=function(t){this.log=t};t.prototype.contentHeightChanged=function(t){if(t===undefined){this.el.style.removeProperty("--bal-option-list-max-height")}else{this.el.style.setProperty("--bal-option-list-max-height","".concat(t,"px"))}};t.prototype.componentDidLoad=function(){this.contentHeightChanged(this.contentHeight)};t.prototype.componentWillRender=function(){this.inheritAttributes=v(this.el,["aria-multiselectable","aria-labelledby"])};t.prototype.listenToMouseEnter=function(t){var i=this.options;var n=this.getOptionIndex(i,t.detail.value);if(n!==undefined){this.updateFocus(i,n)}};t.prototype.listenToOptionChange=function(t){var i=t.detail;if(!this.multiple){this.options.filter((function(t){return t.value!==i.value})).forEach((function(t){return t.selected=false}))}};t.prototype.focusSelected=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=this.getSelectedOptionIndex(t);if(!(i>0))return[3,2];this.updateFocus(t,i);return[4,p()];case 1:n.sent();return[2,i];case 2:return[4,this.focusFirst()];case 3:return[2,n.sent()]}}))}))};t.prototype.focusFirst=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getFirstOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollTopPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusLast=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getLastOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollBottomPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusNext=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getNextOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollBottomPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusPrevious=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,n;return __generator(this,(function(e){switch(e.label){case 0:t=this.options;i=this.getPreviousOptionIndex(t);this.updateFocus(t,i);n=t[i];this.updateScrollTopPosition(n);return[4,p()];case 1:e.sent();return[2,i]}}))}))};t.prototype.focusByLabel=function(t,i){return __awaiter(this,void 0,void 0,(function(){var n,e,r;return __generator(this,(function(o){switch(o.label){case 0:n=this.options;e=this.getOptionIndexByLabel(n,t);this.updateFocus(n,e);r=n[e];this.updateScrollTopPosition(r);return[4,p()];case 1:o.sent();if(!i.select)return[3,3];return[4,r.select()];case 2:o.sent();o.label=3;case 3:return[2,e]}}))}))};t.prototype.filterByContent=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:i=this.allOptions;this.filterOptions(i,t);return[4,p()];case 1:n.sent();return[2,this.focusFirst()]}}))}))};t.prototype.resetHidden=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=false}return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.hidden=t}));return[4,p()];case 1:i.sent();this.resetFocus();return[2]}}))}))};t.prototype.resetSelected=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=false}return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t}));return[4,p()];case 1:i.sent();return[2]}}))}))};t.prototype.updateSelected=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:this.options.forEach((function(i){return i.selected=t.includes(i.value)}));return[4,p()];case 1:i.sent();return[2]}}))}))};t.prototype.resetFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){switch(n.label){case 0:t=this.options;i=-1;this.updateFocus(t,i);this.scrollTo(0);return[4,p()];case 1:n.sent();return[2,i]}}))}))};t.prototype.getSelectedValues=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){t=this.options;return[2,t.filter((function(t){return t.selected})).map((function(t){return t.value}))]}))}))};t.prototype.getSelectedOptions=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(n){i=this.options;if(t&&t.length>0){return[2,i.filter((function(i){return t.includes(i.value)})).map((function(t){return t}))]}return[2,i.filter((function(t){return t.selected})).map((function(t){return t}))]}))}))};t.prototype.getValues=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.value}))]}))}))};t.prototype.getLabels=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.map((function(t){return t.label}))]}))}))};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options.filter((function(t){return!t.disabled||!t.hidden}))]}))}))};t.prototype.selectByFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){t=this.options;i=t[this.focusIndex];if(i){if(this.multiple){i.select(!i.selected)}else{i.select(true)}}return[2]}))}))};t.prototype.setAriaForm=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},t);return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return Array.from(this.el.querySelectorAll("bal-option")).filter((function(t){return!t.hidden}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"allOptions",{get:function(){return Array.from(this.el.querySelectorAll("bal-option"))},enumerable:false,configurable:true});t.prototype.filterOptions=function(t,i){var n=[];var e=this.filter==="includes"?m:_;for(var r=0;r<t.length;r++){var o=t[r];var a=o.textContent||"";if(e(a,i)){n.push(o);o.hidden=false}else{o.hidden=true}}return n};t.prototype.isOptionVisible=function(t){var i=this.el.clientHeight;var n=this.el.scrollTop;var e=n+i;var r=n<=t.offsetTop&&t.offsetTop+t.clientHeight<=e;return r};t.prototype.updateScrollTopPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForTopPosition(t))}}};t.prototype.updateScrollBottomPosition=function(t){if(t){var i=this.isOptionVisible(t);if(!i){this.scrollTo(this.getScrollTopForBottomPosition(t))}}};t.prototype.getScrollTopForTopPosition=function(t){var i=t.offsetTop;var n=i;if(n<0){return 0}return n};t.prototype.getScrollTopForBottomPosition=function(t){var i=this.el.clientHeight;var n=t.offsetTop+t.clientHeight;var e=n-i;if(e<0){return 0}return e};t.prototype.scrollTo=function(t){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(n){if(t!==undefined&&t!==null){if(this.focusRaf!==undefined){cancelAnimationFrame(this.focusRaf)}this.focusRaf=g((function(){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(i){this.el.scrollTop=t;return[2]}))}))}))}return[2]}))}))};t.prototype.updateFocus=function(t,i){this.focusIndex=i;for(var n=0;n<t.length;n++){var e=t[n];e.focused=n===i}};t.prototype.getOptionIndex=function(t,i){for(var n=0;n<t.length;n++){var e=t[n];if(e.value===i){return n}}return undefined};t.prototype.getSelectedOptionIndex=function(t){for(var i=0;i<t.length;i++){var n=t[i];if(n.selected&&!n.hidden){return i}}return this.focusIndex};t.prototype.getFirstOptionIndex=function(t){for(var i=0;i<t.length;i++){var n=t[i];if(!n.disabled&&!n.hidden){return i}}return this.focusIndex};t.prototype.getNextOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}if(i<0){return this.getFirstOptionIndex(t)}var n=this.getLength(t);var e=i;if(i<n){e=i+1;if(t[e].disabled){return this.getNextOptionIndex(t,e)}}return e};t.prototype.getPreviousOptionIndex=function(t,i){if(i===void 0){i=this.focusIndex}var n=this.getFirstOptionIndex(t);if(i<=n){return n}var e=i;e=i-1;if(t[e].disabled){return this.getPreviousOptionIndex(t,e)}return e};t.prototype.getLastOptionIndex=function(t){for(var i=t.length-1;i>=0;i--){var n=t[i];if(!n.disabled){return i}}return this.focusIndex};t.prototype.getOptionIndexByLabel=function(t,i){if(i===undefined||i===""){return this.focusIndex}var n=t.find((function(t){return _(t.label||"",i)}));if(!b(n)&&n.id){return t.indexOf(n)}return this.focusIndex};t.prototype.getLength=function(t){var i=t.map((function(t,i){return t.disabled?0:i}));var n=Math.max.apply(Math,i);return n};t.prototype.render=function(){var t=u.block("option-list");var i=this.labelledby||this.ariaForm.labelId;return e(r,{key:"4d5be05c78e0aab806b0cd05a6b5af22ab33c773",class:Object.assign({},t.class()),id:this.inputId},e("div",Object.assign({key:"206f190d75dd3cc6a57cf3ea7c9257078580fd62",role:"listbox","aria-labelledby":i,"aria-disabled":l(this.disabled),class:Object.assign({},t.element("container").class())},this.inheritAttributes),e("slot",{key:"8cee74e85814e448f04c4f2c766721f969ff19cb"})))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{contentHeight:["contentHeightChanged"]}},enumerable:false,configurable:true});return t}());a([c("bal-option-list"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],z.prototype,"createLogger",null);var S=0;z.style=F}}}));
|