@baloise/ds-core 19.8.3 → 19.8.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bal-date-calendar2.js +2 -2
- package/components/bal-dropdown.js +63 -19
- package/components/bal-field-control.js +2 -2
- package/components/bal-field-hint.js +1 -1
- package/components/bal-field-label.js +1 -1
- package/components/bal-field-message.js +2 -2
- package/components/bal-field.js +2 -2
- package/components/bal-file-upload.js +4 -4
- package/components/bal-footer.js +3 -3
- package/components/bal-form-col.js +2 -2
- package/components/bal-form-grid.js +1 -1
- package/components/bal-form.js +1 -1
- package/components/bal-heading2.js +1 -1
- package/components/bal-hint-text2.js +1 -1
- package/components/bal-hint-title2.js +1 -1
- package/components/bal-icon2.js +1 -1
- package/components/bal-input-date2.js +2 -2
- package/components/bal-input-group2.js +1 -1
- package/components/bal-input-slider.js +3 -3
- package/components/bal-input-stepper.js +1 -1
- package/components/bal-input.js +1 -1
- package/components/bal-label2.js +1 -1
- package/components/bal-list-item-content2.js +2 -2
- package/components/bal-list-item-icon2.js +2 -2
- package/components/bal-list-item-subtitle2.js +1 -1
- package/components/bal-list-item-title2.js +1 -1
- package/components/bal-list2.js +1 -1
- package/components/bal-modal-body.js +1 -1
- package/components/bal-modal-header.js +1 -1
- package/components/bal-modal.js +5 -5
- package/components/bal-nav-link-grid-col2.js +1 -1
- package/components/bal-nav-link-grid2.js +1 -1
- package/components/bal-nav-link-group.js +1 -1
- package/components/bal-nav-link2.js +2 -2
- package/components/bal-nav-menu-bar2.js +1 -1
- package/components/bal-nav-menu-flyout2.js +1 -1
- package/components/bal-nav-meta-bar2.js +1 -1
- package/components/bal-nav.js +2 -2
- package/components/bal-navbar-brand.js +1 -1
- package/components/bal-navbar-menu-end.js +1 -1
- package/components/bal-navbar-menu-start.js +1 -1
- package/components/bal-navbar-menu.js +1 -1
- package/components/bal-navbar.js +1 -1
- package/components/bal-notices.js +1 -1
- package/components/bal-notification.js +1 -1
- package/components/bal-number-input.js +1 -1
- package/components/bal-option-list.js +1 -502
- package/components/bal-option-list2.js +504 -0
- package/components/bal-option.js +1 -195
- package/components/bal-option2.js +197 -0
- package/components/bal-pagination.js +4 -4
- package/components/bal-popover-content2.js +1 -1
- package/components/bal-popup2.js +1 -1
- package/components/bal-progress-bar.js +1 -1
- package/components/bal-radio-icon2.js +1 -1
- package/components/bal-radio2.js +2 -2
- package/components/bal-segment-item.js +1 -1
- package/components/bal-segment.js +1 -1
- package/components/bal-select-option2.js +1 -1
- package/components/bal-select2.js +5 -5
- package/components/bal-shape2.js +4 -4
- package/components/bal-sheet.js +1 -1
- package/components/bal-snackbar.js +1 -1
- package/components/bal-spinner2.js +1 -1
- package/components/bal-stack2.js +1 -1
- package/components/bal-stage-back-link.js +2 -2
- package/components/bal-stage-body.js +1 -1
- package/components/bal-stage-foot.js +1 -1
- package/components/bal-stage-head.js +1 -1
- package/components/bal-stage-image.js +1 -1
- package/components/bal-stage.js +1 -1
- package/components/bal-step-item.js +2 -2
- package/components/bal-switch.js +1 -1
- package/components/bal-tab-item.js +2 -2
- package/components/bal-table.js +1 -1
- package/components/bal-tabs2.js +2 -2
- package/components/bal-tag-group.js +1 -1
- package/components/bal-tag2.js +1 -1
- package/components/bal-text.js +2 -2
- package/components/bal-textarea.js +1 -1
- package/components/bal-time-input.js +1 -1
- package/components/bal-toast.js +1 -1
- package/components/bal-tooltip.js +1 -1
- package/components/index.js +1 -1
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-e4154bb891.system.entry.js → p-042570e1b4.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-07b3561d34.entry.js +1 -0
- package/dist/baloise-design-system/p-09341cadc6.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-261f0c83c1.entry.js → p-0b05d342f5.entry.js} +1 -1
- package/dist/baloise-design-system/{p-743a8ea6e8.system.entry.js → p-0db571d8f2.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2c066243bc.entry.js → p-1074fb7fbc.entry.js} +1 -1
- package/dist/baloise-design-system/p-133b5a4986.entry.js +1 -0
- package/dist/baloise-design-system/{p-7e55f97a9b.entry.js → p-1df2fb625c.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8da6979637.system.entry.js → p-24185181f1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4a34919910.system.entry.js → p-255e5491e6.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-abfdce3ea8.system.entry.js → p-26085b7dcc.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-31abb1f859.entry.js +1 -0
- package/dist/baloise-design-system/p-345901e33b.entry.js +1 -0
- package/dist/baloise-design-system/p-34d75cbfe8.entry.js +1 -0
- package/dist/baloise-design-system/{p-d04073fca3.entry.js → p-3678c7a958.entry.js} +1 -1
- package/dist/baloise-design-system/{p-196ff3a00e.entry.js → p-38fa211868.entry.js} +1 -1
- package/dist/baloise-design-system/p-3f596ba050.entry.js +1 -0
- package/dist/baloise-design-system/{p-b4e66c496c.system.entry.js → p-41dcd76f1f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-167806fc44.entry.js → p-4256f1331b.entry.js} +1 -1
- package/dist/baloise-design-system/{p-06d6d65df7.entry.js → p-427fe8eede.entry.js} +1 -1
- package/dist/baloise-design-system/{p-96bf290c11.system.entry.js → p-46986c305d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2d8dd4be3a.entry.js → p-49c12d2474.entry.js} +1 -1
- package/dist/baloise-design-system/{p-eb726f11fd.system.entry.js → p-4aeaa1a916.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-bf4f338b08.system.entry.js → p-4c23ab651a.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-586de1181e.entry.js +1 -0
- package/dist/baloise-design-system/{p-022a899d9f.entry.js → p-5965694a0f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6fa6bfd775.entry.js → p-5a66d8f568.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b81b635342.system.entry.js → p-5f105bc63d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c983f0df44.entry.js → p-627def5e99.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f51b5f779a.entry.js → p-6670584628.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8cff569252.system.entry.js → p-670a2bf1e7.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-dbb9b3b5e2.system.entry.js → p-68e405562e.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ef841ce7eb.system.entry.js → p-71d9805e14.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2360c337dc.entry.js → p-74047cc11f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-76fdd28025.system.entry.js → p-744c19c66d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-967ff349ed.system.entry.js → p-746165a211.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-bd80a9b297.system.entry.js → p-75f3abf19e.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-42801b7e0c.system.entry.js → p-77404bcf6d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-7027eb9c58.entry.js → p-7cb15b231d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3790f8edcd.entry.js → p-81a7d8f03d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f2232ea09f.entry.js → p-878f4e40a8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c3af6cc44a.system.entry.js → p-87d7996b33.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a494f5de47.system.entry.js → p-88f9358a95.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-7e6c509606.entry.js → p-8cf1d029e7.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c45c863624.entry.js → p-93dc4e9ec8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6d93b1d5cc.entry.js → p-99a9cc7202.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a2abd2bae3.system.entry.js → p-9be82de5a5.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d846f14080.system.entry.js → p-9da9d45bda.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cbc17a1f06.system.entry.js → p-9fc710438a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-DL7tjDqO.system.js → p-B3ZVog4n.system.js} +1 -1
- package/dist/baloise-design-system/p-BRJ7ljGZ.system.js +1 -0
- package/dist/baloise-design-system/{p-Bc9nHL5Q.system.js → p-BVitEMYC.system.js} +1 -1
- package/dist/baloise-design-system/p-BtgFoKGn.js +1 -1
- package/dist/baloise-design-system/{p-BsL4egMT.js → p-COIM5Kkz.js} +1 -1
- package/dist/baloise-design-system/{p-CFUQlsvN.js → p-CgBveYeB.js} +1 -1
- package/dist/baloise-design-system/p-CwWHLbPB.system.js +1 -1
- package/dist/baloise-design-system/{p-D9FHe08C.system.js → p-DAsF8QfB.system.js} +1 -1
- package/dist/baloise-design-system/p-DNy7adIE.system.js +1 -1
- package/dist/baloise-design-system/{p-DZ_vvO92.js → p-ReLIdwsB.js} +1 -1
- package/dist/baloise-design-system/{p-eb9d8029c6.system.entry.js → p-a2a1ed74fe.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-df0264e119.system.entry.js → p-a32d50871a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-09f86c863d.system.entry.js → p-a3558335f2.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b0b5fa7a40.entry.js → p-a53c24274c.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cf749f385e.entry.js → p-a576422cb2.entry.js} +1 -1
- package/dist/baloise-design-system/{p-fdb00a8fdc.entry.js → p-a584c6763e.entry.js} +1 -1
- package/dist/baloise-design-system/p-a6135f2559.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-93bba463b3.system.entry.js → p-aaf33f152f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6da83fc08c.system.entry.js → p-ac1cd5a1e1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5e4a2342f3.entry.js → p-b01f9c5651.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5439c93408.entry.js → p-b4fa55782e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0ec86b3f93.system.entry.js → p-b4ff1b324f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8ebe2676cf.entry.js → p-c29bcf4e69.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ae2946a498.system.entry.js → p-cb3abec4bd.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-63a829988a.system.entry.js → p-cd6d0bfa91.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-84de20be7c.entry.js → p-ce3e34fa95.entry.js} +1 -1
- package/dist/baloise-design-system/{p-56535b513e.system.entry.js → p-cf77551018.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-01c556671d.system.entry.js → p-d4252ea848.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-84d321b4f8.entry.js → p-d5365ffe38.entry.js} +1 -1
- package/dist/baloise-design-system/p-d94f439c3b.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-ba0974ae21.system.entry.js → p-db2823d02b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-15c5f87ce0.system.entry.js → p-dcebb4b8a2.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-ddd75e43d6.entry.js +1 -0
- package/dist/baloise-design-system/{p-469503b436.entry.js → p-def5a43710.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a17017ddc0.system.entry.js → p-e125257826.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-77045369a5.system.entry.js → p-e1b3b1f609.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cfae4fef4d.entry.js → p-e2e7e3c5c4.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0c10bf8c73.system.entry.js → p-e9095ec856.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-ed1aad24be.entry.js +1 -0
- package/dist/baloise-design-system/{p-440fb2470e.entry.js → p-ee070d06bc.entry.js} +1 -1
- package/dist/baloise-design-system/{p-07cd3d2e40.entry.js → p-eeff81381f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e03203e89d.entry.js → p-f217ad88a9.entry.js} +1 -1
- package/dist/baloise-design-system/{p-996075a13e.entry.js → p-f2222919fc.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6814029ea2.entry.js → p-f55a98dc20.entry.js} +1 -1
- package/dist/baloise-design-system/p-f6238b798a.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-b9be7f4ef6.system.entry.js → p-f647a73892.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3717f4438f.system.entry.js → p-f682c289a1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0b800b55bc.system.entry.js → p-f6cb5253aa.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1b2d849d3f.system.entry.js → p-f8b560b22f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b603676988.entry.js → p-f91be8b19a.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5c583159db.entry.js → p-fb2960c1b6.entry.js} +1 -1
- package/dist/cjs/bal-carousel_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-date-calendar_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-dropdown_3.cjs.entry.js +23 -21
- package/dist/cjs/bal-field_5.cjs.entry.js +11 -11
- package/dist/cjs/bal-file-upload.cjs.entry.js +4 -4
- package/dist/cjs/bal-footer.cjs.entry.js +3 -3
- package/dist/cjs/bal-form-col_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-form.cjs.entry.js +1 -1
- package/dist/cjs/bal-heading_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-hint_5.cjs.entry.js +6 -6
- package/dist/cjs/bal-icon.cjs.entry.js +1 -1
- package/dist/cjs/bal-input-group.cjs.entry.js +1 -1
- package/dist/cjs/bal-input-slider.cjs.entry.js +3 -3
- package/dist/cjs/bal-input-stepper.cjs.entry.js +1 -1
- package/dist/cjs/bal-input.cjs.entry.js +1 -1
- package/dist/cjs/bal-label.cjs.entry.js +1 -1
- package/dist/cjs/bal-list_8.cjs.entry.js +10 -10
- package/dist/cjs/bal-logo.cjs.entry.js +3 -3
- package/dist/cjs/bal-modal_3.cjs.entry.js +7 -7
- package/dist/cjs/bal-nav_8.cjs.entry.js +13 -13
- package/dist/cjs/bal-navbar_5.cjs.entry.js +8 -8
- package/dist/cjs/bal-notices_3.cjs.entry.js +3 -3
- package/dist/cjs/bal-notification.cjs.entry.js +1 -1
- package/dist/cjs/bal-number-input.cjs.entry.js +1 -1
- package/dist/cjs/bal-pagination.cjs.entry.js +7 -7
- package/dist/cjs/bal-popup.cjs.entry.js +1 -1
- package/dist/cjs/bal-progress-bar.cjs.entry.js +5 -5
- package/dist/cjs/bal-radio-icon.cjs.entry.js +1 -1
- package/dist/cjs/bal-radio_2.cjs.entry.js +2 -2
- package/dist/cjs/bal-segment_2.cjs.entry.js +6 -6
- package/dist/cjs/bal-select_2.cjs.entry.js +6 -6
- package/dist/cjs/bal-shape.cjs.entry.js +5 -5
- package/dist/cjs/bal-sheet.cjs.entry.js +1 -1
- package/dist/cjs/bal-spinner.cjs.entry.js +1 -1
- package/dist/cjs/bal-stack.cjs.entry.js +1 -1
- package/dist/cjs/bal-stage_6.cjs.entry.js +7 -7
- package/dist/cjs/bal-step-item.cjs.entry.js +2 -2
- package/dist/cjs/bal-steps.cjs.entry.js +3 -3
- package/dist/cjs/bal-switch.cjs.entry.js +1 -1
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +7 -7
- package/dist/cjs/bal-table.cjs.entry.js +1 -1
- package/dist/cjs/bal-tag_2.cjs.entry.js +2 -2
- package/dist/cjs/bal-textarea.cjs.entry.js +1 -1
- package/dist/cjs/bal-time-input.cjs.entry.js +1 -1
- package/dist/cjs/bal-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/baloise-design-system.cjs.js +1 -1
- package/dist/cjs/{breakpoints.decorator-DyuVBCe8.js → breakpoints.decorator-byAdfhn7.js} +1 -1
- package/dist/cjs/{breakpoints.subject-dnWvx514.js → breakpoints.subject-CarqIcOv.js} +1 -1
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/initialize-CWGvp-PN.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{tokens.esm-CNpvwEnI.js → tokens.esm-wN1fum6F.js} +1 -1
- package/dist/cjs/{window-resize.decorator-Ck1Zfh6H.js → window-resize.decorator-DMReD0Er.js} +1 -1
- package/dist/collection/components/bal-accordion/test/bal-accordion.visual.play.js +16 -0
- package/dist/collection/components/bal-badge/test/bal-badge.visual.play.js +13 -0
- package/dist/collection/components/bal-button/test/bal-button.visual.play.js +32 -0
- package/dist/collection/components/bal-card/test/bal-card.visual.play.js +13 -0
- package/dist/collection/components/bal-carousel/test/bal-carousel.visual.play.js +13 -0
- package/dist/collection/components/bal-checkbox/bal-switch/bal-switch.css +1 -1
- package/dist/collection/components/bal-checkbox/test/bal-checkbox-icons.visual.play.js +13 -0
- package/dist/collection/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.js +13 -0
- package/dist/collection/components/bal-checkbox/test/bal-checkbox.visual.play.js +30 -0
- package/dist/collection/components/bal-close/test/bal-close.visual.play.js +13 -0
- package/dist/collection/components/bal-content/test/bal-content.visual.play.js +13 -0
- package/dist/collection/components/bal-data/test/bal-data.visual.play.js +13 -0
- package/dist/collection/components/bal-date/bal-date-calendar/components/bal-date-calendar__nav.js +2 -2
- package/dist/collection/components/bal-date/test/bal-date.visual.play.js +24 -0
- package/dist/collection/components/bal-divider/test/bal-divider.visual.play.js +13 -0
- package/dist/collection/components/bal-dropdown/bal-dropdown.js +7 -3
- package/dist/collection/components/bal-dropdown/test/bal-dropdown.visual.play.js +85 -0
- package/dist/collection/components/bal-field/bal-field-control/bal-field-control.js +2 -2
- package/dist/collection/components/bal-field/bal-field-hint/bal-field-hint.js +1 -1
- package/dist/collection/components/bal-field/bal-field-label/bal-field-label.js +1 -1
- package/dist/collection/components/bal-field/bal-field-message/bal-field-message.js +2 -2
- package/dist/collection/components/bal-field/bal-field.js +2 -2
- package/dist/collection/components/bal-field/test/bal-field-horizontal.visual.play.js +13 -0
- package/dist/collection/components/bal-field/test/bal-field.visual.play.js +26 -0
- package/dist/collection/components/bal-file-upload/bal-file-upload.js +4 -4
- package/dist/collection/components/bal-file-upload/test/bal-file-upload.visual.play.js +13 -0
- package/dist/collection/components/bal-footer/bal-footer.js +3 -3
- package/dist/collection/components/bal-footer/test/bal-footer.visual.play.js +42 -0
- package/dist/collection/components/bal-form/bal-form.js +1 -1
- package/dist/collection/components/bal-form-grid/bal-form-col/bal-form-col.js +2 -2
- package/dist/collection/components/bal-form-grid/bal-form-grid.js +1 -1
- package/dist/collection/components/bal-form-grid/test/bal-form-grid.visual.play.js +13 -0
- package/dist/collection/components/bal-heading/bal-heading.js +1 -1
- package/dist/collection/components/bal-heading/test/bal-heading.visual.play.js +24 -0
- package/dist/collection/components/bal-hint/bal-hint-text/bal-hint-text.js +1 -1
- package/dist/collection/components/bal-hint/bal-hint-title/bal-hint-title.js +1 -1
- package/dist/collection/components/bal-hint/test/bal-hint.visual.play.js +15 -0
- package/dist/collection/components/bal-icon/bal-icon.js +1 -1
- package/dist/collection/components/bal-icon/test/bal-icon.visual.play.js +13 -0
- package/dist/collection/components/bal-input/bal-input-date/bal-input-date.js +2 -2
- package/dist/collection/components/bal-input/bal-input.js +1 -1
- package/dist/collection/components/bal-input/test/bal-input.visual.play.js +13 -0
- package/dist/collection/components/bal-input-group/bal-input-group.js +1 -1
- package/dist/collection/components/bal-input-group/test/bal-input-group.visual.play.js +26 -0
- package/dist/collection/components/bal-input-slider/bal-input-slider.js +3 -3
- package/dist/collection/components/bal-input-slider/test/bal-input-slider.visual.play.js +13 -0
- package/dist/collection/components/bal-input-stepper/bal-input-stepper.js +1 -1
- package/dist/collection/components/bal-input-stepper/test/bal-input-stepper.visual.play.js +13 -0
- package/dist/collection/components/bal-label/bal-label.js +1 -1
- package/dist/collection/components/bal-label/test/bal-label.visual.play.js +13 -0
- package/dist/collection/components/bal-list/bal-list-item-content/bal-list-item-content.js +2 -2
- package/dist/collection/components/bal-list/bal-list-item-icon/bal-list-item-icon.js +2 -2
- package/dist/collection/components/bal-list/bal-list-item-subtitle/bal-list-item-subtitle.js +1 -1
- package/dist/collection/components/bal-list/bal-list-item-title/bal-list-item-title.js +1 -1
- package/dist/collection/components/bal-list/bal-list.js +1 -1
- package/dist/collection/components/bal-list/test/bal-list.visual.play.js +13 -0
- package/dist/collection/components/bal-logo/test/bal-logo.visual.play.js +13 -0
- package/dist/collection/components/bal-modal/bal-modal-body/bal-modal-body.js +1 -1
- package/dist/collection/components/bal-modal/bal-modal-header/bal-modal-header.js +1 -1
- package/dist/collection/components/bal-modal/bal-modal.js +5 -5
- package/dist/collection/components/bal-modal/test/bal-modal.visual.play.js +13 -0
- package/dist/collection/components/bal-nav/bal-nav-link/bal-nav-link.js +2 -2
- package/dist/collection/components/bal-nav/bal-nav-link-grid/bal-nav-link-grid.js +1 -1
- package/dist/collection/components/bal-nav/bal-nav-link-grid-col/bal-nav-link-grid-col.js +1 -1
- package/dist/collection/components/bal-nav/bal-nav-link-group/bal-nav-link-group.js +1 -1
- package/dist/collection/components/bal-nav/bal-nav-menu-bar/bal-nav-menu-bar.js +1 -1
- package/dist/collection/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.js +1 -1
- package/dist/collection/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.js +1 -1
- package/dist/collection/components/bal-nav/bal-nav.js +2 -2
- package/dist/collection/components/bal-nav/test/bal-nav-colors.visual.play.js +9 -0
- package/dist/collection/components/bal-nav/test/bal-nav-long.visual.play.js +9 -0
- package/dist/collection/components/bal-nav/test/bal-nav.visual.play.js +9 -0
- package/dist/collection/components/bal-navbar/bal-navbar-brand/bal-navbar-brand.js +1 -1
- package/dist/collection/components/bal-navbar/bal-navbar-menu/bal-navbar-menu.js +1 -1
- package/dist/collection/components/bal-navbar/bal-navbar-menu-end/bal-navbar-menu-end.js +1 -1
- package/dist/collection/components/bal-navbar/bal-navbar-menu-start/bal-navbar-menu-start.js +1 -1
- package/dist/collection/components/bal-navbar/bal-navbar.js +1 -1
- package/dist/collection/components/bal-navbar/test/bal-navbar.visual.play.js +20 -0
- package/dist/collection/components/bal-notices/bal-notices.js +1 -1
- package/dist/collection/components/bal-notification/bal-notification.js +1 -1
- package/dist/collection/components/bal-notification/test/bal-notification.visual.play.js +13 -0
- package/dist/collection/components/bal-number-input/bal-number-input.js +1 -1
- package/dist/collection/components/bal-number-input/test/bal-number-input.visual.play.js +13 -0
- package/dist/collection/components/bal-option/bal-option.js +1 -1
- package/dist/collection/components/bal-option/test/bal-option.visual.play.js +13 -0
- package/dist/collection/components/bal-option-list/bal-option-list.js +1 -1
- package/dist/collection/components/bal-option-list/test/bal-option-list.visual.play.js +13 -0
- package/dist/collection/components/bal-pagination/bal-pagination.js +4 -4
- package/dist/collection/components/bal-pagination/test/bal-pagination.visual.play.js +13 -0
- package/dist/collection/components/bal-popover/bal-popover-content/bal-popover-content.js +1 -1
- package/dist/collection/components/bal-popover/test/bal-popover.visual.play.js +13 -0
- package/dist/collection/components/bal-popup/bal-popup.js +1 -1
- package/dist/collection/components/bal-popup/test/bal-popup.visual.play.js +13 -0
- package/dist/collection/components/bal-progress-bar/bal-progress-bar.js +1 -1
- package/dist/collection/components/bal-progress-bar/test/bal-progress-bar.visual.play.js +13 -0
- package/dist/collection/components/bal-radio/bal-radio-icon/bal-radio-icon.js +1 -1
- package/dist/collection/components/bal-radio/bal-radio.js +2 -2
- package/dist/collection/components/bal-radio/test/bal-radio-icons.visual.play.js +13 -0
- package/dist/collection/components/bal-radio/test/bal-radio-tiles.visual.play.js +13 -0
- package/dist/collection/components/bal-radio/test/bal-radio.visual.play.js +25 -0
- package/dist/collection/components/bal-radio/test/car.svg +1 -1
- package/dist/collection/components/bal-segment/bal-segment-item/bal-segment-item.js +1 -1
- package/dist/collection/components/bal-segment/bal-segment.js +1 -1
- package/dist/collection/components/bal-segment/test/bal-segment.visual.play.js +13 -0
- package/dist/collection/components/bal-select/bal-select-option/bal-select-option.js +1 -1
- package/dist/collection/components/bal-select/bal-select.js +5 -5
- package/dist/collection/components/bal-select/test/bal-select-multiple.visual.play.js +28 -0
- package/dist/collection/components/bal-select/test/bal-select.visual.play.js +28 -0
- package/dist/collection/components/bal-shape/bal-shape.js +4 -4
- package/dist/collection/components/bal-shape/test/bal-shape.visual.play.js +13 -0
- package/dist/collection/components/bal-sheet/bal-sheet.js +1 -1
- package/dist/collection/components/bal-sheet/test/bal-sheet.visual.play.js +12 -0
- package/dist/collection/components/bal-snackbar/bal-snackbar.js +1 -1
- package/dist/collection/components/bal-snackbar/test/bal-snackbar.visual.play.js +13 -0
- package/dist/collection/components/bal-spinner/bal-spinner.js +1 -1
- package/dist/collection/components/bal-stack/bal-stack.js +1 -1
- package/dist/collection/components/bal-stack/test/bal-stack.visual.play.js +13 -0
- package/dist/collection/components/bal-stage/bal-stage-back-link/bal-stage-back-link.js +2 -2
- package/dist/collection/components/bal-stage/bal-stage-body/bal-stage-body.js +1 -1
- package/dist/collection/components/bal-stage/bal-stage-foot/bal-stage-foot.js +1 -1
- package/dist/collection/components/bal-stage/bal-stage-head/bal-stage-head.js +1 -1
- package/dist/collection/components/bal-stage/bal-stage-image/bal-stage-image.js +1 -1
- package/dist/collection/components/bal-stage/bal-stage.js +1 -1
- package/dist/collection/components/bal-stage/test/bal-stage.visual.play.js +11 -0
- package/dist/collection/components/bal-steps/bal-step-item/bal-step-item.js +2 -2
- package/dist/collection/components/bal-steps/test/bal-steps.visual.play.js +13 -0
- package/dist/collection/components/bal-table/bal-table.js +1 -1
- package/dist/collection/components/bal-table/test/bal-table.visual.play.js +13 -0
- package/dist/collection/components/bal-tabs/bal-tab-item/bal-tab-item.js +2 -2
- package/dist/collection/components/bal-tabs/bal-tabs.js +2 -2
- package/dist/collection/components/bal-tabs/test/bal-tabs.visual.play.js +25 -0
- package/dist/collection/components/bal-tag/bal-tag-group/bal-tag-group.js +1 -1
- package/dist/collection/components/bal-tag/bal-tag.js +1 -1
- package/dist/collection/components/bal-tag/test/bal-tag.component.play.js +2 -2
- package/dist/collection/components/bal-tag/test/bal-tag.visual.play.js +17 -19
- package/dist/collection/components/bal-text/bal-text.js +2 -2
- package/dist/collection/components/bal-text/test/bal-text.visual.play.js +13 -0
- package/dist/collection/components/bal-textarea/bal-textarea.js +1 -1
- package/dist/collection/components/bal-textarea/test/bal-textarea.visual.play.js +13 -0
- package/dist/collection/components/bal-time-input/bal-time-input.js +1 -1
- package/dist/collection/components/bal-time-input/test/bal-time-input.visual.play.js +13 -0
- package/dist/collection/components/bal-toast/bal-toast.js +1 -1
- package/dist/collection/components/bal-toast/test/bal-toast.visual.play.js +13 -0
- package/dist/collection/components/bal-tooltip/bal-tooltip.js +1 -1
- package/dist/collection/components/bal-tooltip/test/bal-tooltip.visual.play.js +15 -0
- package/dist/collection/test/css-border.visual.play.js +23 -0
- package/dist/collection/test/css-color.visual.play.js +27 -0
- package/dist/collection/test/css-core.visual.play.js +13 -0
- package/dist/collection/test/css-display.visual.play.js +19 -0
- package/dist/collection/test/css-flex.visual.play.js +21 -0
- package/dist/collection/test/css-grid.visual.play.js +23 -0
- package/dist/collection/test/css-inheritance.visual.play.js +13 -0
- package/dist/collection/test/css-opacity.visual.play.js +13 -0
- package/dist/collection/test/css-radius.visual.play.js +13 -0
- package/dist/collection/test/css-shadow.visual.play.js +13 -0
- package/dist/collection/test/css-spacing.visual.play.js +27 -0
- package/dist/collection/test/css-structure.visual.play.js +13 -0
- package/dist/collection/test/css-typography.visual.play.js +12 -0
- package/dist/collection/test/theme-compact.visual.play.js +13 -0
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/collection/utils/dropdown/index.js +1 -2
- package/dist/collection/utils/dropdown/value.js +8 -3
- package/dist/esm/bal-carousel_2.entry.js +3 -3
- package/dist/esm/bal-date-calendar_2.entry.js +4 -4
- package/dist/esm/bal-dropdown_3.entry.js +23 -21
- package/dist/esm/bal-field_5.entry.js +11 -11
- package/dist/esm/bal-file-upload.entry.js +4 -4
- package/dist/esm/bal-footer.entry.js +3 -3
- package/dist/esm/bal-form-col_2.entry.js +3 -3
- package/dist/esm/bal-form.entry.js +1 -1
- package/dist/esm/bal-heading_2.entry.js +3 -3
- package/dist/esm/bal-hint_5.entry.js +6 -6
- package/dist/esm/bal-icon.entry.js +1 -1
- package/dist/esm/bal-input-group.entry.js +1 -1
- package/dist/esm/bal-input-slider.entry.js +3 -3
- package/dist/esm/bal-input-stepper.entry.js +1 -1
- package/dist/esm/bal-input.entry.js +1 -1
- package/dist/esm/bal-label.entry.js +1 -1
- package/dist/esm/bal-list_8.entry.js +10 -10
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-modal_3.entry.js +7 -7
- package/dist/esm/bal-nav_8.entry.js +13 -13
- package/dist/esm/bal-navbar_5.entry.js +8 -8
- package/dist/esm/bal-notices_3.entry.js +3 -3
- package/dist/esm/bal-notification.entry.js +1 -1
- package/dist/esm/bal-number-input.entry.js +1 -1
- package/dist/esm/bal-pagination.entry.js +7 -7
- package/dist/esm/bal-popup.entry.js +1 -1
- package/dist/esm/bal-progress-bar.entry.js +5 -5
- package/dist/esm/bal-radio-icon.entry.js +1 -1
- package/dist/esm/bal-radio_2.entry.js +2 -2
- package/dist/esm/bal-segment_2.entry.js +6 -6
- package/dist/esm/bal-select_2.entry.js +6 -6
- package/dist/esm/bal-shape.entry.js +5 -5
- package/dist/esm/bal-sheet.entry.js +1 -1
- package/dist/esm/bal-spinner.entry.js +1 -1
- package/dist/esm/bal-stack.entry.js +1 -1
- package/dist/esm/bal-stage_6.entry.js +7 -7
- package/dist/esm/bal-step-item.entry.js +2 -2
- package/dist/esm/bal-steps.entry.js +3 -3
- package/dist/esm/bal-switch.entry.js +1 -1
- package/dist/esm/bal-tab-item_2.entry.js +7 -7
- package/dist/esm/bal-table.entry.js +1 -1
- package/dist/esm/bal-tag_2.entry.js +2 -2
- package/dist/esm/bal-textarea.entry.js +1 -1
- package/dist/esm/bal-time-input.entry.js +1 -1
- package/dist/esm/bal-tooltip.entry.js +1 -1
- package/dist/esm/baloise-design-system.js +1 -1
- package/dist/esm/{breakpoints.decorator-B1jmHb1D.js → breakpoints.decorator-t_yXJIZL.js} +1 -1
- package/dist/esm/{breakpoints.subject-CLkQ75F0.js → breakpoints.subject-BnQp404Z.js} +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/initialize-pdWsVO-c.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{tokens.esm-Crri2rlL.js → tokens.esm-Cf90NR4z.js} +1 -1
- package/dist/esm/{window-resize.decorator-Dm6C96Ro.js → window-resize.decorator-DBJlK-45.js} +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
- package/dist/esm-es5/bal-dropdown_3.entry.js +1 -1
- package/dist/esm-es5/bal-field_5.entry.js +1 -1
- package/dist/esm-es5/bal-file-upload.entry.js +1 -1
- package/dist/esm-es5/bal-footer.entry.js +1 -1
- package/dist/esm-es5/bal-form-col_2.entry.js +1 -1
- package/dist/esm-es5/bal-form.entry.js +1 -1
- package/dist/esm-es5/bal-heading_2.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-group.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-notices_3.entry.js +1 -1
- package/dist/esm-es5/bal-notification.entry.js +1 -1
- package/dist/esm-es5/bal-number-input.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-popup.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-radio-icon.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-sheet.entry.js +1 -1
- package/dist/esm-es5/bal-spinner.entry.js +1 -1
- package/dist/esm-es5/bal-stack.entry.js +1 -1
- package/dist/esm-es5/bal-stage_6.entry.js +1 -1
- package/dist/esm-es5/bal-step-item.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-switch.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/bal-table.entry.js +1 -1
- package/dist/esm-es5/bal-tag_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-B1jmHb1D.js → breakpoints.decorator-t_yXJIZL.js} +1 -1
- package/dist/esm-es5/{breakpoints.subject-CLkQ75F0.js → breakpoints.subject-BnQp404Z.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-pdWsVO-c.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{window-resize.decorator-Dm6C96Ro.js → window-resize.decorator-DBJlK-45.js} +1 -1
- package/dist/types/components/bal-accordion/test/bal-accordion.visual.play.d.ts +1 -0
- package/dist/types/components/bal-badge/test/bal-badge.visual.play.d.ts +1 -0
- package/dist/types/components/bal-button/test/bal-button.visual.play.d.ts +1 -0
- package/dist/types/components/bal-card/test/bal-card.visual.play.d.ts +1 -0
- package/dist/types/components/bal-carousel/test/bal-carousel.visual.play.d.ts +1 -0
- package/dist/types/components/bal-checkbox/test/bal-checkbox-icons.visual.play.d.ts +1 -0
- package/dist/types/components/bal-checkbox/test/bal-checkbox-tiles.visual.play.d.ts +1 -0
- package/dist/types/components/bal-checkbox/test/bal-checkbox.visual.play.d.ts +1 -0
- package/dist/types/components/bal-close/test/bal-close.visual.play.d.ts +1 -0
- package/dist/types/components/bal-content/test/bal-content.visual.play.d.ts +1 -0
- package/dist/types/components/bal-data/test/bal-data.visual.play.d.ts +1 -0
- package/dist/types/components/bal-date/test/bal-date.visual.play.d.ts +1 -0
- package/dist/types/components/bal-divider/test/bal-divider.visual.play.d.ts +1 -0
- package/dist/types/components/bal-dropdown/test/bal-dropdown.visual.play.d.ts +1 -0
- package/dist/types/components/bal-field/test/bal-field-horizontal.visual.play.d.ts +1 -0
- package/dist/types/components/bal-field/test/bal-field.visual.play.d.ts +1 -0
- package/dist/types/components/bal-file-upload/test/bal-file-upload.visual.play.d.ts +1 -0
- package/dist/types/components/bal-footer/test/bal-footer.visual.play.d.ts +1 -0
- package/dist/types/components/bal-form-grid/test/bal-form-grid.visual.play.d.ts +1 -0
- package/dist/types/components/bal-heading/test/bal-heading.visual.play.d.ts +1 -0
- package/dist/types/components/bal-hint/test/bal-hint.visual.play.d.ts +1 -0
- package/dist/types/components/bal-icon/test/bal-icon.visual.play.d.ts +1 -0
- package/dist/types/components/bal-input/test/bal-input.visual.play.d.ts +1 -0
- package/dist/types/components/bal-input-group/test/bal-input-group.visual.play.d.ts +1 -0
- package/dist/types/components/bal-input-slider/test/bal-input-slider.visual.play.d.ts +1 -0
- package/dist/types/components/bal-input-stepper/test/bal-input-stepper.visual.play.d.ts +1 -0
- package/dist/types/components/bal-label/test/bal-label.visual.play.d.ts +1 -0
- package/dist/types/components/bal-list/test/bal-list.visual.play.d.ts +1 -0
- package/dist/types/components/bal-logo/test/bal-logo.visual.play.d.ts +1 -0
- package/dist/types/components/bal-modal/test/bal-modal.visual.play.d.ts +1 -0
- package/dist/types/components/bal-nav/test/bal-nav-colors.visual.play.d.ts +1 -0
- package/dist/types/components/bal-nav/test/bal-nav-long.visual.play.d.ts +1 -0
- package/dist/types/components/bal-nav/test/bal-nav.visual.play.d.ts +1 -0
- package/dist/types/components/bal-navbar/test/bal-navbar.visual.play.d.ts +1 -0
- package/dist/types/components/bal-notification/test/bal-notification.visual.play.d.ts +1 -0
- package/dist/types/components/bal-number-input/test/bal-number-input.visual.play.d.ts +1 -0
- package/dist/types/components/bal-option/test/bal-option.visual.play.d.ts +1 -0
- package/dist/types/components/bal-option-list/test/bal-option-list.visual.play.d.ts +1 -0
- package/dist/types/components/bal-pagination/test/bal-pagination.visual.play.d.ts +1 -0
- package/dist/types/components/bal-popover/test/bal-popover.visual.play.d.ts +1 -0
- package/dist/types/components/bal-popup/test/bal-popup.visual.play.d.ts +1 -0
- package/dist/types/components/bal-progress-bar/test/bal-progress-bar.visual.play.d.ts +1 -0
- package/dist/types/components/bal-radio/test/bal-radio-icons.visual.play.d.ts +1 -0
- package/dist/types/components/bal-radio/test/bal-radio-tiles.visual.play.d.ts +1 -0
- package/dist/types/components/bal-radio/test/bal-radio.visual.play.d.ts +1 -0
- package/dist/types/components/bal-segment/test/bal-segment.visual.play.d.ts +1 -0
- package/dist/types/components/bal-select/test/bal-select-multiple.visual.play.d.ts +1 -0
- package/dist/types/components/bal-select/test/bal-select.visual.play.d.ts +1 -0
- package/dist/types/components/bal-shape/test/bal-shape.visual.play.d.ts +1 -0
- package/dist/types/components/bal-sheet/test/bal-sheet.visual.play.d.ts +1 -0
- package/dist/types/components/bal-snackbar/test/bal-snackbar.visual.play.d.ts +1 -0
- package/dist/types/components/bal-stack/test/bal-stack.visual.play.d.ts +1 -0
- package/dist/types/components/bal-stage/test/bal-stage.visual.play.d.ts +1 -0
- package/dist/types/components/bal-steps/test/bal-steps.visual.play.d.ts +1 -0
- package/dist/types/components/bal-table/test/bal-table.visual.play.d.ts +1 -0
- package/dist/types/components/bal-tabs/test/bal-tabs.visual.play.d.ts +1 -0
- package/dist/types/components/bal-text/test/bal-text.visual.play.d.ts +1 -0
- package/dist/types/components/bal-textarea/test/bal-textarea.visual.play.d.ts +1 -0
- package/dist/types/components/bal-time-input/test/bal-time-input.visual.play.d.ts +1 -0
- package/dist/types/components/bal-toast/test/bal-toast.visual.play.d.ts +1 -0
- package/dist/types/components/bal-tooltip/test/bal-tooltip.visual.play.d.ts +1 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/index.d.ts +5 -4
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/devices.d.ts +1 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/screenshot.d.ts +1 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/types.d.ts +1 -0
- package/dist/types/test/css-border.visual.play.d.ts +1 -0
- package/dist/types/test/css-color.visual.play.d.ts +1 -0
- package/dist/types/test/css-core.visual.play.d.ts +1 -0
- package/dist/types/test/css-display.visual.play.d.ts +1 -0
- package/dist/types/test/css-flex.visual.play.d.ts +1 -0
- package/dist/types/test/css-grid.visual.play.d.ts +1 -0
- package/dist/types/test/css-inheritance.visual.play.d.ts +1 -0
- package/dist/types/test/css-opacity.visual.play.d.ts +1 -0
- package/dist/types/test/css-radius.visual.play.d.ts +1 -0
- package/dist/types/test/css-shadow.visual.play.d.ts +1 -0
- package/dist/types/test/css-spacing.visual.play.d.ts +1 -0
- package/dist/types/test/css-structure.visual.play.d.ts +1 -0
- package/dist/types/test/css-typography.visual.play.d.ts +1 -0
- package/dist/types/test/theme-compact.visual.play.d.ts +1 -0
- package/dist/types/utils/dropdown/index.d.ts +1 -2
- package/dist/types/utils/dropdown/value.d.ts +2 -5
- package/package.json +6 -6
- package/dist/baloise-design-system/p-0d487a482f.system.entry.js +0 -1
- package/dist/baloise-design-system/p-17fb47d0d4.entry.js +0 -1
- package/dist/baloise-design-system/p-1f011724dd.entry.js +0 -1
- package/dist/baloise-design-system/p-24d0c0ddcf.entry.js +0 -1
- package/dist/baloise-design-system/p-2d57df519d.entry.js +0 -1
- package/dist/baloise-design-system/p-393a3d5fb7.entry.js +0 -1
- package/dist/baloise-design-system/p-4c12fc1e8f.system.entry.js +0 -1
- package/dist/baloise-design-system/p-63cf9eadee.entry.js +0 -1
- package/dist/baloise-design-system/p-7571dcc8ec.system.entry.js +0 -1
- package/dist/baloise-design-system/p-80cae9282e.system.entry.js +0 -1
- package/dist/baloise-design-system/p-8670cb3845.entry.js +0 -1
- package/dist/baloise-design-system/p-DI-sUHVD.system.js +0 -1
- package/dist/baloise-design-system/p-ccf29475c6.entry.js +0 -1
- package/dist/baloise-design-system/p-f348ec6012.entry.js +0 -1
- package/dist/collection/utils/dropdown/option-list.js +0 -8
- package/dist/types/utils/dropdown/option-list.d.ts +0 -17
- /package/dist/baloise-design-system/{p-Crri2rlL.js → p-Cf90NR4z.js} +0 -0
- /package/dist/baloise-design-system/{p-CCoeJzzY.system.js → p-LFV9NiI-.system.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-Crri2rlL.js → tokens.esm-Cf90NR4z.js} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as o,r as t,c as e,H as r,g as a}from"./p-BdVwMG9u.js";import{_ as i,a as n}from"./p-dfXERft2.js";import{i as l}from"./p-C4sZQbkT.js";import{B as d}from"./p-ByiN-QjD.js";import{b as s}from"./p-B1u-Mq75.js";import{d as p}from"./p-FCLKfv6B.js";import{s as b}from"./p-CpDHeXfo.js";import{r as h,a as c,o as u,p as _,b as w,m}from"./p-Ba5qjFjW.js";import{L as v}from"./p-D7ovid3w.js";import{i as g}from"./p-xbSOW78W.js";import{a as f}from"./p-BAaDJIzy.js";import{F as y}from"./p-DqCbGYzv.js";import{b as x}from"./p-CI2FR64u.js";import{D as k}from"./p-BLp4ll3i.js";import{a as j}from"./p-DBsOHTWj.js";import{d as O}from"./p-C_0MGoKB.js";import{d as C,b as F,a as L,j as z,i as B}from"./p-BERg8BNc.js";import{L as S}from"./p-B-L34nz8.js";import{B as A,L as T}from"./p-CeRECGC7.js";import{i as D,s as I}from"./p-BG4j3FEv.js";import"./p-D7M-7v58.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-C20cwFWy.js";class V{constructor(){this.handleAutoFill=async o=>{if(b(o),this.isAutoFillAllowed()){this.component.isAutoFilled=!0;const o=this.component.nativeEl.value,t=await this.parseAutoFillValueWithOptions(o);if(void 0===t)return void(this.component.isAutoFilled=!1);f(t,this.component.rawValue)||this.component.valueUtil.updateRawValueBySelection(t,!0)}}}connectedCallback(o){this.component=o}isAutoFillAllowed(){return!this.component.multiple}async parseAutoFillValueWithOptions(o){const t=await this.component.listEl.getOptions();for(let e=0;e<t.length;e++){const r=t[e];if(r.value===o||r.label===o)return[r.value]}}}const E={de:{clearable:"Löschen",open:"Öffnen",close:"Schließen"},en:{clearable:"clear",open:"Open",close:"Close"},fr:{clearable:"Effacer",open:"Ouvrir",close:"Fermer"},it:{clearable:"Cancellare",open:"Apri",close:"Chiudi"},nl:{clearable:"Wissen",open:"Open",close:"Sluiten"},es:{clearable:"Limpiar",open:"Abrir",close:"Cerrar"},pl:{clearable:"Wyczyść",open:"Otwórz",close:"Zamknij"},pt:{clearable:"Limpar",open:"Abrir",close:"Fechar"},sv:{clearable:"Rensa",open:"Öppna",close:"Stäng"},fi:{clearable:"Tyhjennä",open:"Avaa",close:"Sulje"}};class R{constructor(){this.handlePointerDown=()=>{this.component.isKeyboardMode=!1},this.handleKeydown=o=>{this.component.isKeyboardMode=y.includes(o.key)}}connectedCallback(o){this.component=o}handleFocus(o){this.component.hasFocus=!0,this.component.balFocus.emit(o)}handleBlur(o){this.component.isExpanded||(this.component.hasFocus=!1,h((()=>this.component.balBlur.emit(o))))}handleClick(o){if(!this.component.valueUtil.isDisabled()){if(this.component.chips&&o.target.closest("bal-close"))return;if(this.component.clearable&&o.target.closest(".bal-dropdown__clear"))return void this.component.valueUtil.updateRawValueBySelection([]);this.component.popupUtil.toggleList()}}handleOutsideClick(o){var t;this.component.isExpanded&&(this.component.el.contains(o.target)||(this.component.isExpanded=!1,null===(t=this.component.listEl)||void 0===t||t.resetFocus(),this.component.hasFocus=!1,h((()=>this.component.balBlur.emit(o)))))}}class W{connectedCallback(o){this.component=o}focusOptionByLabel(o,t={}){this.component.labelToFocus=(this.component.labelToFocus+o).trim(),this.component.labelToFocus.length>0&&(clearTimeout(this.keyHitTimeout),this.keyHitTimeout=setTimeout((()=>{var o;null===(o=this.component.listEl)||void 0===o||o.focusByLabel(this.component.labelToFocus,t)}),100),clearTimeout(this.timeout),this.timeout=setTimeout((async()=>{this.component.labelToFocus=""}),1e3))}}class q{connectedCallback(o){this.component=o,this.component.initialValue=this.component.value}componentDidRender(){this.component.selectEl&&this.component.selectEl.querySelectorAll("option").forEach((o=>{this.component.rawValue.includes(o.value)&&(o.selected=!0)}))}handle(o){const t=o.target;(null==t?void 0:t.contains(this.component.el))&&(this.resetHandlerTimer&&clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{const o=this.component.valueUtil.parseValueString(this.component.initialValue);this.component.valueUtil.updateRawValueBySelection(o)}),0))}}const H=({name:t,httpFormSubmit:e,multiple:r,required:a,disabled:i,rawValue:n,refSelectEl:l})=>{const s=d.block("dropdown");return e?o("select",{class:Object.assign({},s.element("root").element("select").class()),"aria-hidden":"true",name:t,multiple:r,required:a,disabled:i,tabindex:-1,ref:l},n.map((t=>o("option",{key:t,value:t,selected:!0},t)))):""},P=({size:t,theme:e,icon:r,language:a,loading:i,clearable:n,invalid:l,filled:s,expanded:p,disabled:b})=>{const h=d.block("dropdown");return i?o("bal-spinner",{class:Object.assign({},h.element("rear").class()),small:!0,variation:"circle",color:"white"}):n&&s&&!b?o("button",{title:E[a].clearable,type:"button",tabIndex:-1,class:Object.assign(Object.assign(Object.assign(Object.assign({},h.element("rear").class()),h.element("clear").class()),h.element("clear").modifier("invalid").class(l)),h.element("clear").modifier("theme-purple").class("purple"===e))},o("bal-icon",{class:Object.assign({},h.element("rear").class()),name:"purple"===e?"close":"close-circle",size:t,color:"purple"===e?"primary":"grey"})):o("bal-icon",{class:Object.assign({},h.element("rear").class()),name:r,size:t,turn:p,color:b?"grey":l?"danger":"primary"})},$=({inputId:t,httpFormSubmit:e,ariaForm:r,rawValue:a,autocomplete:i,required:n,disabled:l,readonly:s,placeholder:p,expanded:b,invalid:h,language:c,inputLabel:u,inheritedAttributes:_,refInputEl:w,onChange:m,onFocus:v,onBlur:g,onKeyDown:f})=>{const y=d.block("dropdown"),x=()=>o("input",Object.assign({id:r.controlId||`${t}-ctrl`,class:Object.assign({},y.element("root").element("input").class()),type:"text",size:1,inputmode:"none",tabindex:"0",autoComplete:i,value:a.join(","),required:n,disabled:l,readonly:s,placeholder:p,title:b?E[c].close:E[c].open,"aria-label":b?E[c].close:E[c].open,"aria-owns":`${t}-menu`,"aria-invalid":j(h),"aria-disabled":j(l||s),"aria-labelledby":r.labelId,"aria-describedby":r.messageId,"aria-haspopup":"listbox","data-native":!0,"data-label":u,"data-value":a.join(","),ref:o=>w(o),onChange:o=>m(o),onFocus:o=>v(o),onBlur:o=>g(o),onKeyDown:o=>f(o)},_));return e?o(x,null):o("form",{novalidate:!0},o(x,null))};class M{constructor(){this.updatePanelPosition=(o,t,e)=>()=>{o.computePosition(t,e,{placement:"bottom-start",middleware:[o.flip(),o.shift()]}).then((({x:o,y:t})=>{Object.assign(e.style,{left:`${o}px`,top:`${t}px`})}))}}connectedCallback(o){this.component=o}toggleList(){this.component.valueUtil.isDisabled()||(this.component.isExpanded?this.collapseList():this.expandList())}async expandList(){var o;if(this.component.panelEl){const o=await x.load();this.component.panelCleanup=o.autoUpdate(this.component.el,this.component.panelEl,this.updatePanelPosition(o,this.component.el,this.component.panelEl))}this.component.isExpanded=!0,await(null===(o=this.component.listEl)||void 0===o?void 0:o.focusSelected())}collapseList(){var o;this.component.isExpanded=!1,null===(o=this.component.listEl)||void 0===o||o.resetFocus(),this.component.panelCleanup&&this.component.panelCleanup()}}class G{connectedCallback(o){this.component=o}componentDidLoad(){setTimeout((()=>this.valueChanged(this.component.value,void 0)),0)}isDisabled(){return this.component.disabled||this.component.readonly}isFilled(){return this.component.rawValue&&this.component.rawValue.length>0}valueChanged(o,t){const e=typeof o;e!==typeof t&&this.updateRawValueByValueProp(o),"string"===e&&o!==t&&this.updateRawValueByValueProp(o),Array.isArray(o)&&Array.isArray(t)&&!f(o,t)&&this.updateRawValueByValueProp(o)}updateRawValueBySelection(o=[],t=!1){this.component.isAutoFilled=t,this.updateRawValue(o),this.component.balChange.emit(this.component.multiple?this.component.rawValue:this.component.rawValue[0])}parseValueString(o=[]){let t=[];return g(o)||""===o||(t=Array.isArray(o)?[...o.filter((o=>!g(o)))]:o.split("").includes(",")?[...o.split(",").filter((o=>o)).map((o=>o.trim()))]:[o]),t}updateRawValueByValueProp(o=[]){const t=this.parseValueString(o);this.updateRawValue(t)}async updateRawValue(o=[]){this.component.rawValue=o,this.component.listEl&&await this.component.listEl.updateSelected(this.component.rawValue),await this.updateInputContent()}removeOption(o){const t=this.component.rawValue.filter((t=>t!==o.value));this.updateRawValueBySelection(t)}async updateInputContent(){await c(),this.component.listEl&&(this.component.choices=await this.component.listEl.getSelectedOptions(this.component.rawValue),this.component.inputLabel=this.component.choices.map((o=>o.label.trim())).sort().join(","))}}const K=({inlineLabel:t,filled:e,chips:r,placeholder:a,choices:i,renderChip:n})=>{const l=d.block("dropdown");return e?r?o("div",{class:Object.assign({},l.element("root").element("content").element("chips").class())},i.map((o=>n(o)))):(t&&`${t}: `)+i.map((o=>o.label)).join(", "):a},N=class{constructor(o){t(this,o),this.balChange=e(this,"balChange"),this.balFocus=e(this,"balFocus"),this.balBlur=e(this,"balBlur"),this.inputId="bal-dropdown-"+Q++,this.inheritedAttributes={},this.initialValue=[],this.nativeOptions=[],this.rawOptions=[],this.choices=[],this.rawValue=[],this.hasFocus=!1,this.isExpanded=!1,this.isAutoFilled=!1,this.isKeyboardMode=!1,this.inputLabel="",this.ariaForm=p,this.language=O.language,this.region=O.region,this.httpFormSubmit=O.httpFormSubmit,this.labelToFocus="",this.valueUtil=new G,this.eventsUtil=new R,this.popupUtil=new M,this.optionUtil=new k,this.formSubmitUtil=new q,this.focusUtil=new W,this.autoFillUtil=new V,this.autocomplete="off",this.name=this.inputId,this.placeholder="",this.inlineLabel="",this.icon="caret-down",this.size="",this.theme="",this.disabled=!1,this.readonly=!1,this.multiple=!1,this.chips=!1,this.clearable=!1,this.invalid=!1,this.required=!1,this.loading=!1,this.filter="includes",this.contentHeight=262,this.inverted=!1,this.options=[],this.value=[],this.hasConnected=!1,this.listenToOptionChange=o=>{this.optionUtil.listenToOptionChange(o)},this.listenOnClickOutside=o=>{this.eventsUtil.handleOutsideClick(o)},this.resetHandler=o=>{this.formSubmitUtil.handle(o)},this.handleAutoFill=async o=>{this.log("(handleAutoFill)",o,this.nativeEl.value),this.autoFillUtil.handleAutoFill(o)},this.handleKeyDown=o=>{var t,e,r,a,i;o&&o.key?this.isExpanded?C(o)?(b(o),null===(t=this.listEl)||void 0===t||t.focusNext()):F(o)?(b(o),null===(e=this.listEl)||void 0===e||e.focusPrevious()):"Home"===o.key||"PageUp"===o.key?(b(o),null===(r=this.listEl)||void 0===r||r.focusFirst()):"End"===o.key||"PageDown"===o.key?(b(o),null===(a=this.listEl)||void 0===a||a.focusLast()):L(o)?(b(o),null===(i=this.listEl)||void 0===i||i.selectByFocus()):"Tab"===o.key||z(o)?this.popupUtil.collapseList():1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key):L(o)||B(o)?(b(o),this.popupUtil.expandList()):1===o.key.length&&this.focusUtil.focusOptionByLabel(o.key,{select:!0}):this.isExpanded&&this.popupUtil.collapseList()}}createLogger(o){this.log=o}async optionChanged(){this.optionUtil.optionChanged()}valueChanged(o,t){this.valueUtil.valueChanged(o,t)}connectedCallback(){this.hasConnected||(this.eventsUtil.connectedCallback(this),this.valueUtil.connectedCallback(this),this.popupUtil.connectedCallback(this),this.optionUtil.connectedCallback(this),this.formSubmitUtil.connectedCallback(this),this.focusUtil.connectedCallback(this),this.autoFillUtil.connectedCallback(this)),u(this.el,"balOptionChange",this.listenToOptionChange),s.hasDocument&&(u(document,"keydown",this.eventsUtil.handleKeydown),u(document,"touchstart",this.eventsUtil.handlePointerDown),u(document,"mousedown",this.eventsUtil.handlePointerDown),u(document,"click",this.listenOnClickOutside),u(document,"reset",this.resetHandler,{capture:!0})),this.hasConnected=!0}disconnectedCallback(){_(this.el,"balOptionChange",this.listenToOptionChange),s.hasDocument&&(_(document,"keydown",this.eventsUtil.handleKeydown),_(document,"touchstart",this.eventsUtil.handlePointerDown),_(document,"mousedown",this.eventsUtil.handlePointerDown),_(document,"click",this.listenOnClickOutside),_(document,"reset",this.resetHandler,{capture:!0}))}async componentWillRender(){this.inheritedAttributes=l(this.el,["tabindex","data-hj-allow"]),await this.optionUtil.componentWillRender()}componentDidRender(){this.formSubmitUtil.componentDidRender()}componentDidLoad(){this.valueUtil.componentDidLoad()}async configChanged(o){this.language=o.language,this.region=o.region,this.httpFormSubmit=o.httpFormSubmit}async setFocus(){this.nativeEl&&!this.valueUtil.isDisabled()&&(await w(),this.nativeEl.focus())}async getValue(){return this.rawValue}async clear(){this.valueUtil.updateRawValueBySelection([])}async open(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.expandList()}async close(){!this.valueUtil.isDisabled()&&this.panelEl&&await this.popupUtil.collapseList()}async select(o){const t=this.valueUtil.parseValueString(o);this.valueUtil.updateRawValueBySelection(t)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}render(){const t=d.block("dropdown"),e=this.valueUtil.isFilled(),a=""!==this.size,i=`size-${this.size}`,n=""!==this.theme,l=`theme-${this.theme}`,s="purple"===this.theme?this.hasFocus&&this.isKeyboardMode:this.hasFocus;return o(r,{key:"3fe05ba6190dabe5fb8c297f4809659f7c24aa74",class:Object.assign({},t.class()),tabindex:"-1",id:`${this.inputId}`},o("div",{key:"e0b038aa5b7ead381d271c5b7b04fd5bbaa3ea3b",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.element("root").class()),t.element("root").modifier("focused").class(s)),t.element("root").modifier("invalid").class(this.invalid)),t.element("root").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").modifier("autofill").class(this.isAutoFilled)),t.element("root").modifier(i).class(a)),t.element("root").modifier(l).class(n)),t.element("root").modifier(l+"-filled").class(e&&n)),t.element("root").modifier(l+"-expanded").class(this.isExpanded&&n)),"data-testid":"bal-dropdown-trigger",onClick:o=>this.eventsUtil.handleClick(o)},o("span",{key:"a3499a9e2abcaa3b363385c475c3dcd91ed1a371",class:Object.assign(Object.assign(Object.assign(Object.assign({},t.element("root").element("content").class()),t.element("root").element("content").modifier("disabled").class(this.valueUtil.isDisabled())),t.element("root").element("content").modifier("placeholder").class(!this.valueUtil.isFilled())),t.element("root").element("content").modifier(i).class(a))},o(K,{key:"8ffc980c91386038c4ee9b9e6673a25a3609d674",filled:this.valueUtil.isFilled(),inlineLabel:this.inlineLabel,chips:this.chips,placeholder:this.placeholder,choices:this.choices,renderChip:t=>o("bal-tag",{key:t.value,"data-testid":"bal-dropdown-chip",size:"small",invalid:this.invalid,disabled:this.disabled||this.readonly,closable:!(this.disabled||this.readonly),onBalCloseClick:()=>this.valueUtil.removeOption(t)},t.label)})),o($,{key:"9a97fc39a821d5dcca32eba522ae29e4aa6eedc0",inputId:this.inputId,httpFormSubmit:this.httpFormSubmit,ariaForm:this.ariaForm,rawValue:this.rawValue,autocomplete:this.autocomplete,required:this.required,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,expanded:this.isExpanded,invalid:this.invalid,language:this.language,inputLabel:this.inputLabel,inheritedAttributes:this.inheritedAttributes,refInputEl:o=>this.nativeEl=o,onChange:o=>this.handleAutoFill(o),onFocus:o=>this.eventsUtil.handleFocus(o),onBlur:o=>this.eventsUtil.handleBlur(o),onKeyDown:o=>this.handleKeyDown(o)}),o(H,{key:"2a33a8ac7f336889197137fc741ed8a4a107fceb",name:this.name,httpFormSubmit:this.httpFormSubmit,multiple:this.multiple,required:this.required,disabled:this.valueUtil.isDisabled(),rawValue:this.rawValue,refSelectEl:o=>this.selectEl=o}),o(P,{key:"d0f6958fb47ad7f6d73d4f98482cb2102c344f20",icon:this.icon,size:this.size,theme:this.theme,language:this.language,loading:this.loading,clearable:this.clearable,invalid:this.invalid,expanded:this.isExpanded,filled:e,disabled:this.valueUtil.isDisabled()})),o("div",{key:"29e98d1f54ffb6ee913bd682d6531d45997fc1d0",id:`${this.inputId}-menu`,class:Object.assign(Object.assign({},t.element("list").class()),t.element("list").modifier("expanded").class(this.isExpanded)),ref:o=>this.panelEl=o},o("bal-option-list",{key:"4e6fa69f9d9859208f83dd7bc86c17fc75d5eb60",multiple:this.multiple,disabled:this.valueUtil.isDisabled(),filter:this.filter,required:this.required,contentHeight:this.contentHeight,ref:o=>this.listEl=o},o("slot",{key:"1c169dc692632671f62410b2dadcbbc10b0fe36a"}),this.optionUtil.hasPropOptions()?this.rawOptions.map((t=>o("bal-option",{key:t.value,value:t.value,label:t.label,disabled:t.disabled,multiline:t.multiline,invalid:t.invalid,hidden:t.hidden,selected:t.selected,focused:t.focused},t.label))):"")))}get el(){return a(this)}static get watchers(){return{options:["optionChanged"],value:["valueChanged"]}}};i([v("bal-dropdown"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],N.prototype,"createLogger",null),i([S(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],N.prototype,"configChanged",null);let Q=0;N.style=':root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-3);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-3);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:1rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:none;visibility:hidden;opacity:0;width:100vw;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}@media screen and (min-width: 769px),print{.bal-dropdown__list{max-width:100vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}}.bal-dropdown__list--expanded{display:block;visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content--placeholder{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled),.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled) .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:"";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow-end-color);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:"";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}';const U=class{constructor(o){t(this,o),this.balOptionChange=e(this,"balOptionChange"),this.balOptionFocus=e(this,"balOptionFocus"),this.inputId="bal-option-"+X++,this.checkbox=!1,this.interactionState=A.DefaultState,this.label="",this.value="",this.disabled=!1,this.multiline=!1,this.invalid=!1,this.selected=!1,this.focused=!1,this.hidden=!1,this.onClick=o=>{const t=this.el.closest("bal-option-list");this.disabled||t&&t.disabled?b(o):t&&t.required&&!t.multiple?this.selected||this.select(!0):this.select(!this.selected)}}createLogger(o){this.log=o}componentWillRender(){if(this.el){const o=this.el.closest("bal-option-list");o&&(this.checkbox=!!o.multiple)}}listenToMouseEnter(){const{label:o,value:t,selected:e,disabled:r,hidden:a}=this;a||r||this.balOptionFocus.emit({label:o,value:t,selected:e})}elementStateListener(o){this.interactionChildElements.forEach((t=>{t.hovered=o.hovered,t.pressed=o.pressed}))}async select(o=!0){this.selected=o;const{label:t,value:e}=this;this.balOptionChange.emit({label:t,value:e,selected:o})}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-check"))}render(){const t=d.block("option");return o(r,{key:"dca805aa021ad35c2ea4153008a8a5ba4f37931c",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("checkbox").class(this.checkbox)),t.modifier("focused").class(this.focused)),t.modifier("invalid").class(this.invalid)),t.modifier("selected").class(this.selected)),t.modifier("disabled").class(this.disabled)),t.modifier("hidden").class(this.hidden)),role:"option",id:this.inputId,"data-value":this.value,"data-label":this.label,"aria-label":this.label,"aria-hidden":j(this.hidden),"aria-selected":j(this.selected),"aria-checked":j(this.selected),"aria-disabled":j(this.disabled),"aria-invalid":j(this.invalid),tabIndex:-1,onClick:this.onClick},o("bal-stack",{key:"cfcf978a82159a6e7ad2dcddccdb40dd6b9f74a4",py:"small",space:"x-small"},this.checkbox?o("bal-check",{checked:this.selected,disabled:this.disabled,invalid:this.invalid,hovered:this.interactionState.hovered,pressed:this.interactionState.pressed,tabindex:-1}):"",o("div",{key:"e92a9c019432d29f6153371daca316c8136c75e9",class:Object.assign(Object.assign({},t.element("inner").class()),t.element("inner").modifier("multiline").class(this.multiline))},o("slot",{key:"639a99194ed6e86787e9eb2b3adc993161d58a07"})),this.selected&&!this.checkbox?o("bal-icon",{name:"check",size:"small",color:this.disabled?"grey":this.invalid?"danger":"primary"}):""))}get el(){return a(this)}};i([v("bal-option"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],U.prototype,"createLogger",null),i([T(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],U.prototype,"elementStateListener",null);let X=0;U.style=":root{--bal-option-padding-x:var(--bal-space-small);--bal-option-min-height:1.5rem;--bal-option-background:var(--bal-color-white);--bal-option-background-hovered:var(--bal-color-grey-3);--bal-option-background-selected:var(--bal-color-primary-1);--bal-option-background-selected-hovered:#dddfeb;--bal-option-background-invalid:var(--bal-color-danger-1);--bal-option-background-invalid-hovered:#fbe0de;--bal-option-border-width:var(--bal-border-width-normal);--bal-option-border-color:var(--bal-color-grey-2);--bal-option-font-family:var(--bal-font-family-text);--bal-option-font-weight:var(--bal-font-weight-regular);--bal-option-line-height:1.125rem;--bal-option-text-hovered:var(--bal-color-text-primary-hovered);--bal-option-text-pressed:var(--bal-color-text-primary-pressed);--bal-option-text-disabled:var(--bal-color-text-grey-light)}.bal-option{font-size:16px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block;list-style:none;cursor:pointer;border-bottom-width:var(--bal-option-border-width);border-bottom-color:var(--bal-option-border-color);border-bottom-style:solid;background:var(--bal-option-background);padding-left:var(--bal-option-padding-x);padding-right:var(--bal-option-padding-x);min-height:var(--bal-option-min-height)}.bal-option>bal-stack{min-height:var(--bal-option-min-height)}.bal-option:last-child{border-bottom:none}.bal-option::-moz-focus-inner{border:none}.bal-option--hidden{display:none;visibility:hidden}.bal-option__inner{font-family:var(--bal-option-font-family);font-weight:var(--bal-option-font-weight);line-height:var(--bal-option-line-height);word-break:break-word;white-space:normal;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex:1;flex:1}.bal-option__inner--multiline{white-space:normal}.bal-option--focused{background:var(--bal-option-background-hovered)}@media (hover: hover)and (pointer: fine){.bal-option:hover{background:var(--bal-option-background-hovered);color:var(--bal-option-text-hovered)}}.bal-option:active{background:var(--bal-option-background-hovered);color:var(--bal-option-text-pressed)}.bal-option--selected{background:var(--bal-option-background-selected)}@media (hover: hover)and (pointer: fine){.bal-option--selected:hover{background:var(--bal-option-background-selected-hovered)}}.bal-option--selected:active{background:var(--bal-option-background-selected-hovered)}.bal-option--selected .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--selected.bal-option--focused{background:var(--bal-option-background-selected-hovered)}.bal-option--selected.bal-option--focused .bal-option__inner{font-weight:var(--bal-font-weight-bold)}.bal-option--invalid{background:var(--bal-option-background-invalid)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover{background:var(--bal-option-background-invalid-hovered)}}.bal-option--invalid:active{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid.bal-option--focused{background:var(--bal-option-background-invalid-hovered)}.bal-option--invalid .bal-option__inner{color:var(--bal-color-text-danger-hovered)}@media (hover: hover)and (pointer: fine){.bal-option--invalid:hover .bal-option__inner{color:var(--bal-color-text-danger-hovered)}}.bal-option--invalid:active .bal-option__inner{color:var(--bal-color-text-danger-pressed)}.bal-option--disabled,.bal-option--disabled.bal-option--focused{background:var(--bal-option-background) !important;color:var(--bal-option-text-disabled) !important;cursor:default !important}.bal-option--disabled:hover,.bal-option--disabled.bal-option--focused:hover{background:var(--bal-option-background) !important}.bal-option{--bal-check-size:1.25rem}";const Z=class{constructor(o){t(this,o),this.inputId="bal-option-list-"+J++,this.inheritAttributes={},this.ariaForm=p,this.multiple=!1,this.disabled=!1,this.required=!1,this.focusIndex=-1,this.filter="includes",this.contentHeight=262}createLogger(o){this.log=o}contentHeightChanged(o){void 0===o?this.el.style.removeProperty("--bal-option-list-max-height"):this.el.style.setProperty("--bal-option-list-max-height",`${o}px`)}componentDidLoad(){this.contentHeightChanged(this.contentHeight)}componentWillRender(){this.inheritAttributes=l(this.el,["aria-multiselectable","aria-labelledby"])}listenToMouseEnter(o){const t=this.options,e=this.getOptionIndex(t,o.detail.value);void 0!==e&&this.updateFocus(t,e)}listenToOptionChange({detail:o}){this.multiple||this.options.filter((t=>t.value!==o.value)).forEach((o=>o.selected=!1))}async focusSelected(){const o=this.options,t=this.getSelectedOptionIndex(o);return t>0?(this.updateFocus(o,t),await c(),t):await this.focusFirst()}async focusFirst(){const o=this.options,t=this.getFirstOptionIndex(o);return this.updateFocus(o,t),this.updateScrollTopPosition(o[t]),await c(),t}async focusLast(){const o=this.options,t=this.getLastOptionIndex(o);return this.updateFocus(o,t),this.updateScrollBottomPosition(o[t]),await c(),t}async focusNext(){const o=this.options,t=this.getNextOptionIndex(o);return this.updateFocus(o,t),this.updateScrollBottomPosition(o[t]),await c(),t}async focusPrevious(){const o=this.options,t=this.getPreviousOptionIndex(o);return this.updateFocus(o,t),this.updateScrollTopPosition(o[t]),await c(),t}async focusByLabel(o,t){const e=this.options,r=this.getOptionIndexByLabel(e,o);this.updateFocus(e,r);const a=e[r];return this.updateScrollTopPosition(a),await c(),t.select&&await a.select(),r}async filterByContent(o){return this.filterOptions(this.allOptions,o),await c(),this.focusFirst()}async resetHidden(o=!1){this.options.forEach((t=>t.hidden=o)),await c(),this.resetFocus()}async resetSelected(o=!1){this.options.forEach((t=>t.selected=o)),await c()}async updateSelected(o){this.options.forEach((t=>t.selected=o.includes(t.value))),await c()}async resetFocus(){return this.updateFocus(this.options,-1),this.scrollTo(0),await c(),-1}async getSelectedValues(){return this.options.filter((o=>o.selected)).map((o=>o.value))}async getSelectedOptions(o){const t=this.options;return o&&o.length>0?t.filter((t=>o.includes(t.value))).map((o=>o)):t.filter((o=>o.selected)).map((o=>o))}async getValues(){return this.options.map((o=>o.value))}async getLabels(){return this.options.map((o=>o.label))}async getOptions(){return this.options.filter((o=>!o.disabled||!o.hidden))}async selectByFocus(){const o=this.options[this.focusIndex];o&&o.select(!this.multiple||!o.selected)}async setAriaForm(o){this.ariaForm=Object.assign({},o)}get options(){return Array.from(this.el.querySelectorAll("bal-option")).filter((o=>!o.hidden))}get allOptions(){return Array.from(this.el.querySelectorAll("bal-option"))}filterOptions(o,t){const e=[],r="includes"===this.filter?D:I;for(let a=0;a<o.length;a++){const i=o[a];r(i.textContent||"",t)?(e.push(i),i.hidden=!1):i.hidden=!0}return e}isOptionVisible(o){const t=this.el.scrollTop;return t<=o.offsetTop&&o.offsetTop+o.clientHeight<=t+this.el.clientHeight}updateScrollTopPosition(o){o&&(this.isOptionVisible(o)||this.scrollTo(this.getScrollTopForTopPosition(o)))}updateScrollBottomPosition(o){o&&(this.isOptionVisible(o)||this.scrollTo(this.getScrollTopForBottomPosition(o)))}getScrollTopForTopPosition(o){const t=o.offsetTop;return t<0?0:t}getScrollTopForBottomPosition(o){const t=o.offsetTop+o.clientHeight-this.el.clientHeight;return t<0?0:t}async scrollTo(o){null!=o&&(void 0!==this.focusRaf&&cancelAnimationFrame(this.focusRaf),this.focusRaf=m((async()=>{this.el.scrollTop=o})))}updateFocus(o,t){this.focusIndex=t;for(let e=0;e<o.length;e++)o[e].focused=e===t}getOptionIndex(o,t){for(let e=0;e<o.length;e++)if(o[e].value===t)return e}getSelectedOptionIndex(o){for(let t=0;t<o.length;t++){const e=o[t];if(e.selected&&!e.hidden)return t}return this.focusIndex}getFirstOptionIndex(o){for(let t=0;t<o.length;t++){const e=o[t];if(!e.disabled&&!e.hidden)return t}return this.focusIndex}getNextOptionIndex(o,t=this.focusIndex){if(t<0)return this.getFirstOptionIndex(o);let e=t;return t<this.getLength(o)&&(e=t+1,o[e].disabled)?this.getNextOptionIndex(o,e):e}getPreviousOptionIndex(o,t=this.focusIndex){const e=this.getFirstOptionIndex(o);if(t<=e)return e;let r=t;return r=t-1,o[r].disabled?this.getPreviousOptionIndex(o,r):r}getLastOptionIndex(o){for(let t=o.length-1;t>=0;t--)if(!o[t].disabled)return t;return this.focusIndex}getOptionIndexByLabel(o,t){if(void 0===t||""===t)return this.focusIndex;const e=o.find((o=>I(o.label||"",t)));return!g(e)&&e.id?o.indexOf(e):this.focusIndex}getLength(o){const t=o.map(((o,t)=>o.disabled?0:t));return Math.max(...t)}render(){const t=d.block("option-list"),e=this.labelledby||this.ariaForm.labelId;return o(r,{key:"bcb9ee55aefe68beac309225d1127524f327f9da",class:Object.assign({},t.class()),id:this.inputId},o("div",Object.assign({key:"ac14c8a5615c6497569ca0aa8436dda3924babf6",role:"listbox","aria-labelledby":e,"aria-disabled":j(this.disabled),class:Object.assign({},t.element("container").class())},this.inheritAttributes),o("slot",{key:"869656387e53fd832b45141cb3b5b89684e61727"})))}get el(){return a(this)}static get watchers(){return{contentHeight:["contentHeightChanged"]}}};i([v("bal-option-list"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],Z.prototype,"createLogger",null);let J=0;Z.style=".bal-option-list{display:block;position:relative;width:100%;list-style:none;margin:0;outline:0;max-height:var(--bal-option-list-max-height);border-radius:var(--bal-radius-normal);overflow:hidden auto}";export{N as bal_dropdown,U as bal_option,Z as bal_option_list}
|
package/dist/baloise-design-system/{p-b4e66c496c.system.entry.js → p-41dcd76f1f.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-PNu_g_s6.system.js","./p-
|
|
1
|
+
System.register(["./p-PNu_g_s6.system.js","./p-LFV9NiI-.system.js","./p-BbAtjg9Y.system.js"],(function(e){"use strict";var a,t,c,f,r,s,b,i,d,n,o,h,l,p;return{setters:[function(e){a=e.r;t=e.h;c=e.H;f=e.g},function(e){r=e.b;s=e.a;b=e.c;i=e.d;d=e.e;n=e.f;o=e.g;h=e.h;l=e.i},function(e){p=e.B}],execute:function(){var v=".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";var u=e("bal_shape",function(){function e(e){var t=this;a(this,e);this.variation="1";this.color="green";this.rotation="0";this.getHex=function(){var e;switch(t.color){case"green":e=l;break;case"green-light":e=h;break;case"red":e=o;break;case"red-light":e=n;break;case"purple":e=d;break;case"purple-light":e=i;break;case"yellow":e=b;break;case"yellow-light":e=s;break;default:e=r}return e}}e.prototype.render=function(){var e=p.block("shape");var a=[t("g",{key:"62a32221af7fcc15d60b43ab4aaa143fab7d311c",id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},t("g",{key:"ad7a506509762ad7769586774fc10aa54fef80fa",id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},t("path",{key:"1f335e4e64feff4503a847358b87033f1b7d8aa2",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),t("g",{key:"f974f1f708ff05106b3afcbb3f848a1dcf4e97fb",id:"b949d602-8478-437e-a171-ad3f26649cb4"},t("g",{key:"b212b8a5220cbefd36c5e9565bb2be3685658fc0",id:"ae3574e0-2065-4681-8937-4318b8656147"},t("path",{key:"287b0c85fc2e5fb7b845288f13a2f308a3b3c8ca",class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),t("g",{key:"b653bea006236af44c31c719af98b7ac04bf93ad",id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},t("g",{key:"2cff6eea2c2b6891b4fef81d366869c31f87c5e6",id:"e540dca8-23ca-45dc-b462-df9071c1317d"},t("path",{key:"777d6655facf61980ec4ee5ea598191e5e273021",class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))];return t(c,{key:"cc915095d6cf923c3798033780f076c30a4b58ea",class:Object.assign(Object.assign({},e.class()),e.modifier("is-rotation-".concat(this.rotation)).class())},t("svg",{key:"eb2afd20856fd2a7c4a318de4b0a4df1713f87b9",version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true",fill:this.getHex()},a[parseInt(this.variation)-1]))};Object.defineProperty(e.prototype,"el",{get:function(){return f(this)},enumerable:false,configurable:true});return e}());u.style=v}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as e,H as t,g as i}from"./p-BdVwMG9u.js";import{_ as s,a as n}from"./p-dfXERft2.js";import{B as a}from"./p-ByiN-QjD.js";import{m as o,l as c}from"./p-Ba5qjFjW.js";import{L as l}from"./p-D7ovid3w.js";import{d as h}from"./p-C_0MGoKB.js";import{L as p}from"./p-B-L34nz8.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";const d=class{constructor(e){r(this,e),this.animated=h.animated,this.inverted=!1,this.deactivated=!1,this.color="blue",this.small=!1,this.variation="logo",this.animate=async()=>{this.animated?(await this.load(),void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()&&(this.destroy(),this.currentRaf=o((async()=>{this.animationFunction&&this.animationFunction(this.el,this.getColor())})))):this.destroy()},this.destroy=()=>{this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.el.innerHTML=""},this.shouldAnimate=()=>"logo"===this.variation&&"undefined"!=typeof window&&void 0!==this.animationFunction&&!this.deactivated,this.load=async()=>new Promise(((r,e)=>{if(this.animationFunction)return r();c((async()=>{import("./p-BHFw3KrT.js").then((e=>{this.animationFunction=e.animate,r()})).catch(e)}))}))}createLogger(r){this.log=r}deactivatedWatcher(r,e){r!==e&&(this.deactivated?this.destroy():this.animate())}variationWatcher(r,e){r!==e&&("circle"===this.variation?this.destroy():this.animate())}componentDidLoad(){"logo"===this.variation?this.animate():this.destroy()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroy()}configChanged(r){this.animated=r.animated,!1===r.animated&&this.destroy()}getColor(){return this.inverted||"white"===this.color?"#ffffff":"#151f6d"}render(){const r=a.block("spinner");return e(t,{key:"
|
|
1
|
+
import{r,h as e,H as t,g as i}from"./p-BdVwMG9u.js";import{_ as s,a as n}from"./p-dfXERft2.js";import{B as a}from"./p-ByiN-QjD.js";import{m as o,l as c}from"./p-Ba5qjFjW.js";import{L as l}from"./p-D7ovid3w.js";import{d as h}from"./p-C_0MGoKB.js";import{L as p}from"./p-B-L34nz8.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";const d=class{constructor(e){r(this,e),this.animated=h.animated,this.inverted=!1,this.deactivated=!1,this.color="blue",this.small=!1,this.variation="logo",this.animate=async()=>{this.animated?(await this.load(),void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()&&(this.destroy(),this.currentRaf=o((async()=>{this.animationFunction&&this.animationFunction(this.el,this.getColor())})))):this.destroy()},this.destroy=()=>{this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.el.innerHTML=""},this.shouldAnimate=()=>"logo"===this.variation&&"undefined"!=typeof window&&void 0!==this.animationFunction&&!this.deactivated,this.load=async()=>new Promise(((r,e)=>{if(this.animationFunction)return r();c((async()=>{import("./p-BHFw3KrT.js").then((e=>{this.animationFunction=e.animate,r()})).catch(e)}))}))}createLogger(r){this.log=r}deactivatedWatcher(r,e){r!==e&&(this.deactivated?this.destroy():this.animate())}variationWatcher(r,e){r!==e&&("circle"===this.variation?this.destroy():this.animate())}componentDidLoad(){"logo"===this.variation?this.animate():this.destroy()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroy()}configChanged(r){this.animated=r.animated,!1===r.animated&&this.destroy()}getColor(){return this.inverted||"white"===this.color?"#ffffff":"#151f6d"}render(){const r=a.block("spinner");return e(t,{key:"bf00a08aaa12fd4a3473d6f277a62abe4537ee8f",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier("circle").class("circle"===this.variation)),r.modifier("small").class(this.small)),r.modifier("animated").class(this.animated)),r.modifier(`color-${this.color}`).class("circle"===this.variation)),role:"progressbar","aria-hidden":"true"})}get el(){return i(this)}static get watchers(){return{deactivated:["deactivatedWatcher"],variation:["variationWatcher"]}}};s([l("bal-spinner"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],d.prototype,"createLogger",null),s([p(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",void 0)],d.prototype,"configChanged",null),d.style=":root{--bal-spinner-circle-background:var(--bal-color-grey);--bal-spinner-circle-progress:var(--bal-color-primary);--bal-spinner-circle-background-inverted:var(--bal-color-white);--bal-spinner-circle-progress-inverted:var(--bal-color-primary)}bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:4rem}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}.bal-spinner--small{width:2rem}.bal-spinner--circle{margin:auto;border-width:.25rem;border-style:solid;border-color:var(--bal-spinner-circle-background);border-radius:50%;border-top-color:var(--bal-spinner-circle-progress);width:1.5rem;height:1.5rem}.bal-spinner--circle.bal-spinner--small{width:1.125rem;height:1.125rem;border-width:.2rem}.bal-spinner--circle.bal-spinner--animated{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}.bal-spinner--circle.bal-spinner--color-white{border-color:var(--bal-spinner-circle-background-inverted);border-top-color:var(--bal-spinner-circle-progress-inverted)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";export{d as bal_spinner}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as e,H as l}from"./p-BdVwMG9u.js";import{_ as t,a as s}from"./p-dfXERft2.js";import{B as p}from"./p-ByiN-QjD.js";import{L as c}from"./p-D7ovid3w.js";import"./p-B1u-Mq75.js";const n=class{constructor(e){a(this,e),this.layout="horizontal",this.align="",this.space="normal",this.px="",this.py="",this.useWrap=!1,this.fitContent=!1,this.direction="",this.alignment=""}createLogger(a){this.log=a}render(){const a=p.block("stack"),t=!!this.direction,s=!!this.layout,c=!!this.align,n=!!this.alignment,r=!!this.space,i=!!this.spaceRow,m=!!this.spaceColumn,d=!!this.useWrap,b=!!this.fitContent,o=!!this.px,x=!!this.py;let g=this.layout;t&&(g="row"===this.direction?"horizontal":"vertical");let k=this.align.split(" ").join("-");return n&&(k=this.alignment.split(" ").join("-")),e(l,{key:"e5776342476f8195c6d3d3e2c2c4ad07da858eee",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("use-wrap").class(d)),a.modifier(`layout-${g}`).class(s||t)),a.modifier(`align-${k}`).class(c||n)),a.modifier(`space-${this.space}`).class(r)),a.modifier(`space-row-${this.spaceRow}`).class(i)),a.modifier(`space-row-${this.spaceColumn}`).class(m)),a.modifier(`px-${this.px}`).class(o)),a.modifier(`py-${this.py}`).class(x)),a.modifier("fit-content").class(b))},e("slot",{key:"f96f6828740587f1238c84b08892e8459b017d37"}))}};t([c("bal-stack"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],n.prototype,"createLogger",null),n.style=".bal-stack{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;height:100%;width:100%;gap:1rem;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.bal-stack--use-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.bal-stack--fit-content{-ms-flex:unset;flex:unset;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-stack--layout-horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.bal-stack--layout-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.bal-stack--layout-horizontal-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-align:center;align-items:center}.bal-stack--layout-vertical-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-align:start;align-items:flex-start}.bal-stack--align-top-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}.bal-stack--align-top-center{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.bal-stack--align-top-end{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}.bal-stack--align-start{-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.bal-stack--align-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bal-stack--align-end{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.bal-stack--align-bottom-start{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.bal-stack--align-bottom-center{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.bal-stack--align-bottom-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.bal-stack--layout-vertical.bal-stack--align-top-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}.bal-stack--layout-vertical.bal-stack--align-top-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.bal-stack--layout-vertical.bal-stack--align-top-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.bal-stack--layout-vertical.bal-stack--align-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.bal-stack--layout-vertical.bal-stack--align-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bal-stack--layout-vertical.bal-stack--align-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.bal-stack--layout-vertical.bal-stack--align-bottom-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}.bal-stack--layout-vertical.bal-stack--align-bottom-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.bal-stack--layout-vertical.bal-stack--align-bottom-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.bal-stack--px-none{padding-left:0;padding-right:0}.bal-stack--px-xx-small{padding-left:var(--bal-space-xx-small);padding-right:var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-stack--px-xx-small{padding-left:var(--bal-space-xx-small-tablet);padding-right:var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-xx-small{padding-left:var(--bal-space-xx-small-desktop);padding-right:var(--bal-space-xx-small-desktop)}}.bal-stack--px-x-small{padding-left:var(--bal-space-x-small);padding-right:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-stack--px-x-small{padding-left:var(--bal-space-x-small-tablet);padding-right:var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-x-small{padding-left:var(--bal-space-x-small-desktop);padding-right:var(--bal-space-x-small-desktop)}}.bal-stack--px-small{padding-left:var(--bal-space-small);padding-right:var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-stack--px-small{padding-left:var(--bal-space-small-tablet);padding-right:var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-small{padding-left:var(--bal-space-small-desktop);padding-right:var(--bal-space-small-desktop)}}.bal-stack--px-normal{padding-left:var(--bal-space-normal);padding-right:var(--bal-space-normal)}@media screen and (min-width: 769px),print{.bal-stack--px-normal{padding-left:var(--bal-space-normal-tablet);padding-right:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-normal{padding-left:var(--bal-space-normal-desktop);padding-right:var(--bal-space-normal-desktop)}}.bal-stack--px-medium{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-stack--px-medium{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-medium{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop)}}.bal-stack--px-large{padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-stack--px-large{padding-left:var(--bal-space-large-tablet);padding-right:var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-large{padding-left:var(--bal-space-large-desktop);padding-right:var(--bal-space-large-desktop)}}.bal-stack--px-x-large{padding-left:var(--bal-space-x-large);padding-right:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-stack--px-x-large{padding-left:var(--bal-space-x-large-tablet);padding-right:var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-x-large{padding-left:var(--bal-space-x-large-desktop);padding-right:var(--bal-space-x-large-desktop)}}.bal-stack--px-xx-large{padding-left:var(--bal-space-xx-large);padding-right:var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-stack--px-xx-large{padding-left:var(--bal-space-xx-large-tablet);padding-right:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-xx-large{padding-left:var(--bal-space-xx-large-desktop);padding-right:var(--bal-space-xx-large-desktop)}}.bal-stack--py-none{padding-top:0;padding-bottom:0}.bal-stack--py-xx-small{padding-top:var(--bal-space-xx-small);padding-bottom:var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-stack--py-xx-small{padding-top:var(--bal-space-xx-small-tablet);padding-bottom:var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-xx-small{padding-top:var(--bal-space-xx-small-desktop);padding-bottom:var(--bal-space-xx-small-desktop)}}.bal-stack--py-x-small{padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-stack--py-x-small{padding-top:var(--bal-space-x-small-tablet);padding-bottom:var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-x-small{padding-top:var(--bal-space-x-small-desktop);padding-bottom:var(--bal-space-x-small-desktop)}}.bal-stack--py-small{padding-top:var(--bal-space-small);padding-bottom:var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-stack--py-small{padding-top:var(--bal-space-small-tablet);padding-bottom:var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-small{padding-top:var(--bal-space-small-desktop);padding-bottom:var(--bal-space-small-desktop)}}.bal-stack--py-normal{padding-top:var(--bal-space-normal);padding-bottom:var(--bal-space-normal)}@media screen and (min-width: 769px),print{.bal-stack--py-normal{padding-top:var(--bal-space-normal-tablet);padding-bottom:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-normal{padding-top:var(--bal-space-normal-desktop);padding-bottom:var(--bal-space-normal-desktop)}}.bal-stack--py-medium{padding-top:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-stack--py-medium{padding-top:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-medium{padding-top:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-stack--py-large{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-stack--py-large{padding-top:var(--bal-space-large-tablet);padding-bottom:var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-large{padding-top:var(--bal-space-large-desktop);padding-bottom:var(--bal-space-large-desktop)}}.bal-stack--py-x-large{padding-top:var(--bal-space-x-large);padding-bottom:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-stack--py-x-large{padding-top:var(--bal-space-x-large-tablet);padding-bottom:var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-x-large{padding-top:var(--bal-space-x-large-desktop);padding-bottom:var(--bal-space-x-large-desktop)}}.bal-stack--py-xx-large{padding-top:var(--bal-space-xx-large);padding-bottom:var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-stack--py-xx-large{padding-top:var(--bal-space-xx-large-tablet);padding-bottom:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-xx-large{padding-top:var(--bal-space-xx-large-desktop);padding-bottom:var(--bal-space-xx-large-desktop)}}.bal-stack--space-auto{-ms-flex-pack:justify;justify-content:space-between}.bal-stack--space-none{gap:0}@media screen and (min-width: 769px),print{.bal-stack--space-none{gap:0}}@media screen and (min-width: 1024px){.bal-stack--space-none{gap:0}}.bal-stack--space-xx-small{gap:var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-stack--space-xx-small{gap:var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-xx-small{gap:var(--bal-space-xx-small-desktop)}}.bal-stack--space-x-small{gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-stack--space-x-small{gap:var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-x-small{gap:var(--bal-space-x-small-desktop)}}.bal-stack--space-small{gap:var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-stack--space-small{gap:var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-small{gap:var(--bal-space-small-desktop)}}.bal-stack--space-medium{gap:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-stack--space-medium{gap:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-medium{gap:var(--bal-space-medium-desktop)}}.bal-stack--space-large{gap:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-stack--space-large{gap:var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-large{gap:var(--bal-space-large-desktop)}}.bal-stack--space-x-large{gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-stack--space-x-large{gap:var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-x-large{gap:var(--bal-space-x-large-desktop)}}.bal-stack--space-xx-large{gap:var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-stack--space-xx-large{gap:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-xx-large{gap:var(--bal-space-xx-large-desktop)}}.bal-stack--space-row-auto{-ms-flex-pack:justify;justify-content:space-between}.bal-stack--space-row-none{row-gap:0}@media screen and (min-width: 769px),print{.bal-stack--space-row-none{row-gap:0}}@media screen and (min-width: 1024px){.bal-stack--space-row-none{row-gap:0}}.bal-stack--space-row-xx-small{row-gap:var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-stack--space-row-xx-small{row-gap:var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-xx-small{row-gap:var(--bal-space-xx-small-desktop)}}.bal-stack--space-row-x-small{row-gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-stack--space-row-x-small{row-gap:var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-x-small{row-gap:var(--bal-space-x-small-desktop)}}.bal-stack--space-row-small{row-gap:var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-stack--space-row-small{row-gap:var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-small{row-gap:var(--bal-space-small-desktop)}}.bal-stack--space-row-medium{row-gap:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-stack--space-row-medium{row-gap:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-medium{row-gap:var(--bal-space-medium-desktop)}}.bal-stack--space-row-large{row-gap:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-stack--space-row-large{row-gap:var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-large{row-gap:var(--bal-space-large-desktop)}}.bal-stack--space-row-x-large{row-gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-stack--space-row-x-large{row-gap:var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-x-large{row-gap:var(--bal-space-x-large-desktop)}}.bal-stack--space-row-xx-large{row-gap:var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-stack--space-row-xx-large{row-gap:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-xx-large{row-gap:var(--bal-space-xx-large-desktop)}}.bal-stack--space-column-auto{-ms-flex-pack:justify;justify-content:space-between}.bal-stack--space-column-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}@media screen and (min-width: 769px),print{.bal-stack--space-column-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}@media screen and (min-width: 1024px){.bal-stack--space-column-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}.bal-stack--space-column-xx-small{-webkit-column-gap:var(--bal-space-xx-small);-moz-column-gap:var(--bal-space-xx-small);column-gap:var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-stack--space-column-xx-small{-webkit-column-gap:var(--bal-space-xx-small-tablet);-moz-column-gap:var(--bal-space-xx-small-tablet);column-gap:var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-xx-small{-webkit-column-gap:var(--bal-space-xx-small-desktop);-moz-column-gap:var(--bal-space-xx-small-desktop);column-gap:var(--bal-space-xx-small-desktop)}}.bal-stack--space-column-x-small{-webkit-column-gap:var(--bal-space-x-small);-moz-column-gap:var(--bal-space-x-small);column-gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-stack--space-column-x-small{-webkit-column-gap:var(--bal-space-x-small-tablet);-moz-column-gap:var(--bal-space-x-small-tablet);column-gap:var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-x-small{-webkit-column-gap:var(--bal-space-x-small-desktop);-moz-column-gap:var(--bal-space-x-small-desktop);column-gap:var(--bal-space-x-small-desktop)}}.bal-stack--space-column-small{-webkit-column-gap:var(--bal-space-small);-moz-column-gap:var(--bal-space-small);column-gap:var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-stack--space-column-small{-webkit-column-gap:var(--bal-space-small-tablet);-moz-column-gap:var(--bal-space-small-tablet);column-gap:var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-small{-webkit-column-gap:var(--bal-space-small-desktop);-moz-column-gap:var(--bal-space-small-desktop);column-gap:var(--bal-space-small-desktop)}}.bal-stack--space-column-medium{-webkit-column-gap:var(--bal-space-medium);-moz-column-gap:var(--bal-space-medium);column-gap:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-stack--space-column-medium{-webkit-column-gap:var(--bal-space-medium-tablet);-moz-column-gap:var(--bal-space-medium-tablet);column-gap:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-medium{-webkit-column-gap:var(--bal-space-medium-desktop);-moz-column-gap:var(--bal-space-medium-desktop);column-gap:var(--bal-space-medium-desktop)}}.bal-stack--space-column-large{-webkit-column-gap:var(--bal-space-large);-moz-column-gap:var(--bal-space-large);column-gap:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-stack--space-column-large{-webkit-column-gap:var(--bal-space-large-tablet);-moz-column-gap:var(--bal-space-large-tablet);column-gap:var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-large{-webkit-column-gap:var(--bal-space-large-desktop);-moz-column-gap:var(--bal-space-large-desktop);column-gap:var(--bal-space-large-desktop)}}.bal-stack--space-column-x-large{-webkit-column-gap:var(--bal-space-x-large);-moz-column-gap:var(--bal-space-x-large);column-gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-stack--space-column-x-large{-webkit-column-gap:var(--bal-space-x-large-tablet);-moz-column-gap:var(--bal-space-x-large-tablet);column-gap:var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-x-large{-webkit-column-gap:var(--bal-space-x-large-desktop);-moz-column-gap:var(--bal-space-x-large-desktop);column-gap:var(--bal-space-x-large-desktop)}}.bal-stack--space-column-xx-large{-webkit-column-gap:var(--bal-space-xx-large);-moz-column-gap:var(--bal-space-xx-large);column-gap:var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-stack--space-column-xx-large{-webkit-column-gap:var(--bal-space-xx-large-tablet);-moz-column-gap:var(--bal-space-xx-large-tablet);column-gap:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-xx-large{-webkit-column-gap:var(--bal-space-xx-large-desktop);-moz-column-gap:var(--bal-space-xx-large-desktop);column-gap:var(--bal-space-xx-large-desktop)}}.bal-stack>bal-radio{margin-top:-0.25rem}.bal-stack>.bal-text,.bal-stack>.bal-heading,.bal-stack>.bal-heading:not(:last-child),.bal-stack>.title,.bal-stack>.subtitle,.bal-stack>.is-link,.bal-stack>p{margin:0}";export{n as bal_stack}
|
|
1
|
+
import{r as a,h as e,H as l}from"./p-BdVwMG9u.js";import{_ as t,a as s}from"./p-dfXERft2.js";import{B as p}from"./p-ByiN-QjD.js";import{L as c}from"./p-D7ovid3w.js";import"./p-B1u-Mq75.js";const n=class{constructor(e){a(this,e),this.layout="horizontal",this.align="",this.space="normal",this.px="",this.py="",this.useWrap=!1,this.fitContent=!1,this.direction="",this.alignment=""}createLogger(a){this.log=a}render(){const a=p.block("stack"),t=!!this.direction,s=!!this.layout,c=!!this.align,n=!!this.alignment,r=!!this.space,i=!!this.spaceRow,m=!!this.spaceColumn,d=!!this.useWrap,b=!!this.fitContent,o=!!this.px,x=!!this.py;let g=this.layout;t&&(g="row"===this.direction?"horizontal":"vertical");let k=this.align.split(" ").join("-");return n&&(k=this.alignment.split(" ").join("-")),e(l,{key:"221668cc1bec71015c1616e156bd7805dc583c6c",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("use-wrap").class(d)),a.modifier(`layout-${g}`).class(s||t)),a.modifier(`align-${k}`).class(c||n)),a.modifier(`space-${this.space}`).class(r)),a.modifier(`space-row-${this.spaceRow}`).class(i)),a.modifier(`space-row-${this.spaceColumn}`).class(m)),a.modifier(`px-${this.px}`).class(o)),a.modifier(`py-${this.py}`).class(x)),a.modifier("fit-content").class(b))},e("slot",{key:"2cd538d3e31d76403cbc1bd61ac518a5f2dcc6a5"}))}};t([c("bal-stack"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],n.prototype,"createLogger",null),n.style=".bal-stack{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;height:100%;width:100%;gap:1rem;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.bal-stack--use-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.bal-stack--fit-content{-ms-flex:unset;flex:unset;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-stack--layout-horizontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.bal-stack--layout-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.bal-stack--layout-horizontal-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-align:center;align-items:center}.bal-stack--layout-vertical-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-align:start;align-items:flex-start}.bal-stack--align-top-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}.bal-stack--align-top-center{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.bal-stack--align-top-end{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}.bal-stack--align-start{-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.bal-stack--align-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bal-stack--align-end{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.bal-stack--align-bottom-start{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.bal-stack--align-bottom-center{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.bal-stack--align-bottom-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.bal-stack--layout-vertical.bal-stack--align-top-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}.bal-stack--layout-vertical.bal-stack--align-top-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.bal-stack--layout-vertical.bal-stack--align-top-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.bal-stack--layout-vertical.bal-stack--align-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.bal-stack--layout-vertical.bal-stack--align-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bal-stack--layout-vertical.bal-stack--align-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.bal-stack--layout-vertical.bal-stack--align-bottom-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}.bal-stack--layout-vertical.bal-stack--align-bottom-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.bal-stack--layout-vertical.bal-stack--align-bottom-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.bal-stack--px-none{padding-left:0;padding-right:0}.bal-stack--px-xx-small{padding-left:var(--bal-space-xx-small);padding-right:var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-stack--px-xx-small{padding-left:var(--bal-space-xx-small-tablet);padding-right:var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-xx-small{padding-left:var(--bal-space-xx-small-desktop);padding-right:var(--bal-space-xx-small-desktop)}}.bal-stack--px-x-small{padding-left:var(--bal-space-x-small);padding-right:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-stack--px-x-small{padding-left:var(--bal-space-x-small-tablet);padding-right:var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-x-small{padding-left:var(--bal-space-x-small-desktop);padding-right:var(--bal-space-x-small-desktop)}}.bal-stack--px-small{padding-left:var(--bal-space-small);padding-right:var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-stack--px-small{padding-left:var(--bal-space-small-tablet);padding-right:var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-small{padding-left:var(--bal-space-small-desktop);padding-right:var(--bal-space-small-desktop)}}.bal-stack--px-normal{padding-left:var(--bal-space-normal);padding-right:var(--bal-space-normal)}@media screen and (min-width: 769px),print{.bal-stack--px-normal{padding-left:var(--bal-space-normal-tablet);padding-right:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-normal{padding-left:var(--bal-space-normal-desktop);padding-right:var(--bal-space-normal-desktop)}}.bal-stack--px-medium{padding-left:var(--bal-space-medium);padding-right:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-stack--px-medium{padding-left:var(--bal-space-medium-tablet);padding-right:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-medium{padding-left:var(--bal-space-medium-desktop);padding-right:var(--bal-space-medium-desktop)}}.bal-stack--px-large{padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-stack--px-large{padding-left:var(--bal-space-large-tablet);padding-right:var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-large{padding-left:var(--bal-space-large-desktop);padding-right:var(--bal-space-large-desktop)}}.bal-stack--px-x-large{padding-left:var(--bal-space-x-large);padding-right:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-stack--px-x-large{padding-left:var(--bal-space-x-large-tablet);padding-right:var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-x-large{padding-left:var(--bal-space-x-large-desktop);padding-right:var(--bal-space-x-large-desktop)}}.bal-stack--px-xx-large{padding-left:var(--bal-space-xx-large);padding-right:var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-stack--px-xx-large{padding-left:var(--bal-space-xx-large-tablet);padding-right:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--px-xx-large{padding-left:var(--bal-space-xx-large-desktop);padding-right:var(--bal-space-xx-large-desktop)}}.bal-stack--py-none{padding-top:0;padding-bottom:0}.bal-stack--py-xx-small{padding-top:var(--bal-space-xx-small);padding-bottom:var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-stack--py-xx-small{padding-top:var(--bal-space-xx-small-tablet);padding-bottom:var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-xx-small{padding-top:var(--bal-space-xx-small-desktop);padding-bottom:var(--bal-space-xx-small-desktop)}}.bal-stack--py-x-small{padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-stack--py-x-small{padding-top:var(--bal-space-x-small-tablet);padding-bottom:var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-x-small{padding-top:var(--bal-space-x-small-desktop);padding-bottom:var(--bal-space-x-small-desktop)}}.bal-stack--py-small{padding-top:var(--bal-space-small);padding-bottom:var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-stack--py-small{padding-top:var(--bal-space-small-tablet);padding-bottom:var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-small{padding-top:var(--bal-space-small-desktop);padding-bottom:var(--bal-space-small-desktop)}}.bal-stack--py-normal{padding-top:var(--bal-space-normal);padding-bottom:var(--bal-space-normal)}@media screen and (min-width: 769px),print{.bal-stack--py-normal{padding-top:var(--bal-space-normal-tablet);padding-bottom:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-normal{padding-top:var(--bal-space-normal-desktop);padding-bottom:var(--bal-space-normal-desktop)}}.bal-stack--py-medium{padding-top:var(--bal-space-medium);padding-bottom:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-stack--py-medium{padding-top:var(--bal-space-medium-tablet);padding-bottom:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-medium{padding-top:var(--bal-space-medium-desktop);padding-bottom:var(--bal-space-medium-desktop)}}.bal-stack--py-large{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-stack--py-large{padding-top:var(--bal-space-large-tablet);padding-bottom:var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-large{padding-top:var(--bal-space-large-desktop);padding-bottom:var(--bal-space-large-desktop)}}.bal-stack--py-x-large{padding-top:var(--bal-space-x-large);padding-bottom:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-stack--py-x-large{padding-top:var(--bal-space-x-large-tablet);padding-bottom:var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-x-large{padding-top:var(--bal-space-x-large-desktop);padding-bottom:var(--bal-space-x-large-desktop)}}.bal-stack--py-xx-large{padding-top:var(--bal-space-xx-large);padding-bottom:var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-stack--py-xx-large{padding-top:var(--bal-space-xx-large-tablet);padding-bottom:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--py-xx-large{padding-top:var(--bal-space-xx-large-desktop);padding-bottom:var(--bal-space-xx-large-desktop)}}.bal-stack--space-auto{-ms-flex-pack:justify;justify-content:space-between}.bal-stack--space-none{gap:0}@media screen and (min-width: 769px),print{.bal-stack--space-none{gap:0}}@media screen and (min-width: 1024px){.bal-stack--space-none{gap:0}}.bal-stack--space-xx-small{gap:var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-stack--space-xx-small{gap:var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-xx-small{gap:var(--bal-space-xx-small-desktop)}}.bal-stack--space-x-small{gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-stack--space-x-small{gap:var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-x-small{gap:var(--bal-space-x-small-desktop)}}.bal-stack--space-small{gap:var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-stack--space-small{gap:var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-small{gap:var(--bal-space-small-desktop)}}.bal-stack--space-medium{gap:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-stack--space-medium{gap:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-medium{gap:var(--bal-space-medium-desktop)}}.bal-stack--space-large{gap:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-stack--space-large{gap:var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-large{gap:var(--bal-space-large-desktop)}}.bal-stack--space-x-large{gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-stack--space-x-large{gap:var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-x-large{gap:var(--bal-space-x-large-desktop)}}.bal-stack--space-xx-large{gap:var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-stack--space-xx-large{gap:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-xx-large{gap:var(--bal-space-xx-large-desktop)}}.bal-stack--space-row-auto{-ms-flex-pack:justify;justify-content:space-between}.bal-stack--space-row-none{row-gap:0}@media screen and (min-width: 769px),print{.bal-stack--space-row-none{row-gap:0}}@media screen and (min-width: 1024px){.bal-stack--space-row-none{row-gap:0}}.bal-stack--space-row-xx-small{row-gap:var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-stack--space-row-xx-small{row-gap:var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-xx-small{row-gap:var(--bal-space-xx-small-desktop)}}.bal-stack--space-row-x-small{row-gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-stack--space-row-x-small{row-gap:var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-x-small{row-gap:var(--bal-space-x-small-desktop)}}.bal-stack--space-row-small{row-gap:var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-stack--space-row-small{row-gap:var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-small{row-gap:var(--bal-space-small-desktop)}}.bal-stack--space-row-medium{row-gap:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-stack--space-row-medium{row-gap:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-medium{row-gap:var(--bal-space-medium-desktop)}}.bal-stack--space-row-large{row-gap:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-stack--space-row-large{row-gap:var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-large{row-gap:var(--bal-space-large-desktop)}}.bal-stack--space-row-x-large{row-gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-stack--space-row-x-large{row-gap:var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-x-large{row-gap:var(--bal-space-x-large-desktop)}}.bal-stack--space-row-xx-large{row-gap:var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-stack--space-row-xx-large{row-gap:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-row-xx-large{row-gap:var(--bal-space-xx-large-desktop)}}.bal-stack--space-column-auto{-ms-flex-pack:justify;justify-content:space-between}.bal-stack--space-column-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}@media screen and (min-width: 769px),print{.bal-stack--space-column-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}@media screen and (min-width: 1024px){.bal-stack--space-column-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}.bal-stack--space-column-xx-small{-webkit-column-gap:var(--bal-space-xx-small);-moz-column-gap:var(--bal-space-xx-small);column-gap:var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-stack--space-column-xx-small{-webkit-column-gap:var(--bal-space-xx-small-tablet);-moz-column-gap:var(--bal-space-xx-small-tablet);column-gap:var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-xx-small{-webkit-column-gap:var(--bal-space-xx-small-desktop);-moz-column-gap:var(--bal-space-xx-small-desktop);column-gap:var(--bal-space-xx-small-desktop)}}.bal-stack--space-column-x-small{-webkit-column-gap:var(--bal-space-x-small);-moz-column-gap:var(--bal-space-x-small);column-gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-stack--space-column-x-small{-webkit-column-gap:var(--bal-space-x-small-tablet);-moz-column-gap:var(--bal-space-x-small-tablet);column-gap:var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-x-small{-webkit-column-gap:var(--bal-space-x-small-desktop);-moz-column-gap:var(--bal-space-x-small-desktop);column-gap:var(--bal-space-x-small-desktop)}}.bal-stack--space-column-small{-webkit-column-gap:var(--bal-space-small);-moz-column-gap:var(--bal-space-small);column-gap:var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-stack--space-column-small{-webkit-column-gap:var(--bal-space-small-tablet);-moz-column-gap:var(--bal-space-small-tablet);column-gap:var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-small{-webkit-column-gap:var(--bal-space-small-desktop);-moz-column-gap:var(--bal-space-small-desktop);column-gap:var(--bal-space-small-desktop)}}.bal-stack--space-column-medium{-webkit-column-gap:var(--bal-space-medium);-moz-column-gap:var(--bal-space-medium);column-gap:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-stack--space-column-medium{-webkit-column-gap:var(--bal-space-medium-tablet);-moz-column-gap:var(--bal-space-medium-tablet);column-gap:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-medium{-webkit-column-gap:var(--bal-space-medium-desktop);-moz-column-gap:var(--bal-space-medium-desktop);column-gap:var(--bal-space-medium-desktop)}}.bal-stack--space-column-large{-webkit-column-gap:var(--bal-space-large);-moz-column-gap:var(--bal-space-large);column-gap:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-stack--space-column-large{-webkit-column-gap:var(--bal-space-large-tablet);-moz-column-gap:var(--bal-space-large-tablet);column-gap:var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-large{-webkit-column-gap:var(--bal-space-large-desktop);-moz-column-gap:var(--bal-space-large-desktop);column-gap:var(--bal-space-large-desktop)}}.bal-stack--space-column-x-large{-webkit-column-gap:var(--bal-space-x-large);-moz-column-gap:var(--bal-space-x-large);column-gap:var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-stack--space-column-x-large{-webkit-column-gap:var(--bal-space-x-large-tablet);-moz-column-gap:var(--bal-space-x-large-tablet);column-gap:var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-x-large{-webkit-column-gap:var(--bal-space-x-large-desktop);-moz-column-gap:var(--bal-space-x-large-desktop);column-gap:var(--bal-space-x-large-desktop)}}.bal-stack--space-column-xx-large{-webkit-column-gap:var(--bal-space-xx-large);-moz-column-gap:var(--bal-space-xx-large);column-gap:var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-stack--space-column-xx-large{-webkit-column-gap:var(--bal-space-xx-large-tablet);-moz-column-gap:var(--bal-space-xx-large-tablet);column-gap:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stack--space-column-xx-large{-webkit-column-gap:var(--bal-space-xx-large-desktop);-moz-column-gap:var(--bal-space-xx-large-desktop);column-gap:var(--bal-space-xx-large-desktop)}}.bal-stack>bal-radio{margin-top:-0.25rem}.bal-stack>.bal-text,.bal-stack>.bal-heading,.bal-stack>.bal-heading:not(:last-child),.bal-stack>.title,.bal-stack>.subtitle,.bal-stack>.is-link,.bal-stack>p{margin:0}";export{n as bal_stack}
|
package/dist/baloise-design-system/{p-96bf290c11.system.entry.js → p-46986c305d.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(a,r,i,o){function e(a){return a instanceof i?a:new i((function(r){r(a)}))}return new(i||(i=Promise))((function(i,l){function t(a){try{n(o.next(a))}catch(a){l(a)}}function d(a){try{n(o["throw"](a))}catch(a){l(a)}}function n(a){a.done?i(a.value):e(a.value).then(t,d)}n((o=o.apply(a,r||[])).next())}))};var __generator=this&&this.__generator||function(a,r){var i={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},o,e,l,t=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return t.next=d(0),t["throw"]=d(1),t["return"]=d(2),typeof Symbol==="function"&&(t[Symbol.iterator]=function(){return this}),t;function d(a){return function(r){return n([a,r])}}function n(d){if(o)throw new TypeError("Generator is already executing.");while(t&&(t=0,d[0]&&(i=0)),i)try{if(o=1,e&&(l=d[0]&2?e["return"]:d[0]?e["throw"]||((l=e["return"])&&l.call(e),0):e.next)&&!(l=l.call(e,d[1])).done)return l;if(e=0,l)d=[d[0]&2,l.value];switch(d[0]){case 0:case 1:l=d;break;case 4:i.label++;return{value:d[1],done:false};case 5:i.label++;e=d[1];d=[0];continue;case 7:d=i.ops.pop();i.trys.pop();continue;default:if(!(l=i.trys,l=l.length>0&&l[l.length-1])&&(d[0]===6||d[0]===2)){i=0;continue}if(d[0]===3&&(!l||d[1]>l[0]&&d[1]<l[3])){i.label=d[1];break}if(d[0]===6&&i.label<l[1]){i.label=l[1];l=d;break}if(l&&i.label<l[2]){i.label=l[2];i.ops.push(d);break}if(l[2])i.ops.pop();i.trys.pop();continue}d=r.call(a,i)}catch(a){d=[6,a];e=0}finally{o=l=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-CEOTg0oT.system.js","./p-DKjTFqnu.system.js","./p-m5GX4h3i.system.js","./p-BbAtjg9Y.system.js","./p-D-yL3ygS.system.js","./p-CLfE_o7e.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-DowF7e07.system.js","./p-CXAw6SMX.system.js","./p-DV-2u4Pm.system.js","./p-CpWDVANq.system.js","./p-Bzy18UgU.system.js","./p-lFDHYLJ4.system.js","./p-Dxz8zGB7.system.js","./p-Czl2AFQD.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js","./p-DDPYMMGG.system.js"],(function(a){"use strict";var r,i,o,e,l,t,d,n,b,c,s,u,h,v,f,p,g,_,m,x,k,y;return{setters:[function(a){r=a.r;i=a.c;o=a.h;e=a.H;l=a.g},function(a){t=a._;d=a.a},function(a){n=a.i},function(a){b=a.a},function(a){c=a.i},function(a){s=a.B},function(a){u=a.F},function(a){h=a.d},function(a){v=a.s;f=a.c;p=a.d},function(a){g=a.i;_=a.v},function(a){m=a.L},function(a){x=a.L},function(a){k=a.L},function(a){y=a.L},null,null,null,null,null,null,null,null],execute:function(){var w="@media (hover: hover)and (pointer: fine){.bal-radio.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-symbol-size:1.5rem;--bal-radio-symbol-border-width:2px;--bal-radio-symbol-background:transparent;--bal-radio-label-min-height:1.5rem;--bal-radio-button-background-hover:var(--bal-color-grey-2);--bal-radio-button-background-active:var(--bal-color-grey-2);--bal-radio-button-background-checked:var(--bal-color-primary);--bal-radio-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-button-background-invalid:var(--bal-color-danger-1);--bal-radio-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-button-background:transparent;--bal-radio-button-background-checked-green:var(--bal-color-green-1);--bal-radio-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-button-background-checked-red:var(--bal-color-red-1);--bal-radio-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-button-background-disabled:var(--bal-color-grey-1);--bal-radio-button-background-hover:var(--bal-color-grey-1);--bal-radio-button-border-color:var(--bal-color-primary);--bal-radio-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-button-border-color-active:var(--bal-color-primary-6);--bal-radio-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-tile-background:transparent;--bal-radio-tile-background-hover:var(--bal-color-grey-1);--bal-radio-tile-background-disabled:var(--bal-color-grey-1);--bal-radio-tile-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-tile-background-invalid-active:var(--bal-color-danger-1);--bal-radio-tile-background-checked-green:var(--bal-color-green-1);--bal-radio-tile-background-checked-purple:var(--bal-color-purple-1);--bal-radio-tile-background-checked-red:var(--bal-color-red-1);--bal-radio-tile-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-tile-border-style:var(--bal-form-field-control-border-style);--bal-radio-tile-border-radius:var(--bal-form-field-control-radius);--bal-radio-tile-border-width:var(--bal-form-field-control-border-width);--bal-radio-tile-padding:var(--bal-text-size-medium);--bal-radio-tile-border-color:var(--bal-color-border);--bal-radio-tile-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-tile-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-tile-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-tile-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-tile-border-color-checked:var(--bal-color-border-primary);--bal-radio-tile-border-color-invalid:var(--bal-color-border-danger);--bal-radio-tile-border-color-disabled:var(--bal-color-border-grey-dark)}.bal-radio{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:var(--bal-radio-symbol-size);border-radius:var(--bal-radius-normal);cursor:pointer}.bal-radio .bal-radio__label{cursor:pointer}.bal-radio--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.bal-radio--flat{min-height:var(--bal-radio-symbol-size)}.bal-radio:not(.bal-radio--flat){min-height:3rem}.bal-radio--invalid{color:var(--bal-form-field-label-danger-color)}.bal-radio--disabled,.bal-radio--disabled .bal-radio__label{color:var(--bal-form-field-label-disabled-color);cursor:default}.bal-radio__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;width:100%;height:100%}.bal-radio__label{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-direction:row;flex-direction:row}.bal-radio__label__text{-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;text-align:left;contain:layout style;font-family:var(--bal-font-family-text);padding-top:.25rem;padding-bottom:.25rem;width:100%}.bal-radio__label__text--hidden{display:none}.bal-radio__label__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media (hover: hover)and (pointer: fine){.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-text-primary-hovered)}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__icon,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__icon{color:var(--bal-color-text-primary-hovered)}}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-text-primary-pressed)}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__icon,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__icon{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-text-danger-hovered)}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__icon,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):hover .bal-radio__label__icon{color:var(--bal-color-text-danger-hovered)}}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-text-danger-pressed)}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__icon,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):active .bal-radio__label__icon{color:var(--bal-color-text-danger-pressed)}.bal-radio--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-x-small);-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;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-button-border-color)}.bal-radio--button.bal-radio--checked{background:var(--bal-radio-button-background-checked);color:var(--bal-color-white)}.bal-radio--button.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}.bal-radio--button.bal-radio--invalid{border-color:var(--bal-color-border-danger);color:var(--bal-color-text-danger-hovered);background:var(--bal-color-danger-1)}.bal-radio--button.bal-radio--invalid.bal-radio--checked{color:var(--bal-color-white);background:var(--bal-color-border-danger)}.bal-radio--button.bal-radio--invalid.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}.bal-radio--button.bal-radio--disabled{border-color:var(--bal-color-grey-4);background:var(--bal-color-grey-2)}.bal-radio--button.bal-radio--disabled .bal-radio__label__text{color:var(--bal-color-text-grey)}.bal-radio--button.bal-radio--disabled.bal-radio--checked{background:var(--bal-color-grey-4);color:var(--bal-color-white)}.bal-radio--button.bal-radio--disabled.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--disabled.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-hovered)}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-text-primary-hovered)}}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-pressed)}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-color-border-primary-hovered);border-color:var(--bal-color-border-primary-hovered)}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-white)}}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-color-border-primary-pressed);border-color:var(--bal-color-border-primary-pressed)}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):hover{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-hovered)}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-text-danger-hovered)}}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):active{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-pressed)}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-text-danger-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):hover{background:var(--bal-color-border-danger-hovered);border-color:var(--bal-color-border-danger-hovered)}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-white)}}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):active{background:var(--bal-color-border-danger-pressed);border-color:var(--bal-color-border-danger-pressed)}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-white)}.bal-radio--tile{display:block;-ms-flex:0 0 100%;flex:0 0 100%;background:var(--bal-radio-tile-background);border-style:var(--bal-radio-tile-border-style);border-radius:var(--bal-radio-tile-border-radius);border-width:var(--bal-radio-tile-border-width);border-color:var(--bal-radio-tile-border-color);padding:var(--bal-radio-tile-padding)}.bal-radio--tile .bal-radio__label{height:100%;-ms-flex-align:stretch;align-items:stretch}.bal-radio--tile.bal-radio--checked{border-color:var(--bal-radio-tile-border-color-checked)}.bal-radio--tile.bal-radio--invalid{border-color:var(--bal-radio-tile-border-color-invalid)}.bal-radio--tile.bal-radio--disabled{background:var(--bal-radio-tile-background-disabled);border-color:var(--bal-radio-tile-border-color-disabled);cursor:default}@media (hover: hover)and (pointer: fine){.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-radio-tile-background-hover);border-color:var(--bal-radio-tile-border-color-hover)}}.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-radio-tile-background-hover);border-color:var(--bal-radio-tile-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled):hover{background:var(--bal-radio-tile-background-invalid-hover);border-color:var(--bal-radio-tile-border-color-invalid-hover)}}.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled):active{background:var(--bal-radio-tile-background-invalid-active);border-color:var(--bal-radio-tile-border-color-invalid-active)}.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-green)}.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-red)}.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-purple)}.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-yellow)}@media screen and (min-width: 769px),print{.bal-radio--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-radio--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-radio--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-radio--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}";var j=a("bal_radio",function(){function a(a){var o=this;r(this,a);this.balFocus=i(this,"balFocus");this.balBlur=i(this,"balBlur");this.balChange=i(this,"balChange");this.inputId="bal-rb-".concat(O++);this.inheritedAttributes={};this.keyboardMode=true;this.wasFocused=false;this.checked=false;this.focused=false;this.ariaForm=h;this.outerElementState={hovered:false,pressed:false};this.innerElementState={hovered:false,pressed:false};this.mergedElementState={hovered:false,pressed:false};this.name=this.inputId;this.label="";this.labelHidden=false;this.flat=false;this.interface="radio";this.disabled=false;this.readonly=false;this.required=false;this.nonSubmit=false;this.invalid=false;this.hovered=false;this.pressed=false;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1;this.setChecked=function(a){o.checked=a;o.balChange.emit(o.checked)};this.toggleChecked=function(a){a.preventDefault();o.setFocus();o.checked=true;o.setChecked(o.checked)};this.onClick=function(a){if(o.disabled){return}var r=a.target;if(r.href){return}if(o.wasFocused){o.focused=true}o.toggleChecked(a)};this.onFocus=function(a){if(o.disabled||o.readonly){o.focused=false;return v(a)}o.balFocus.emit(a);if(o.keyboardMode){o.focused=true;o.wasFocused=true}};this.onBlur=function(a){if(o.disabled||o.readonly){return v(a)}o.balBlur.emit(a);o.focused=false};this.onPointerDown=function(){return o.keyboardMode=false};this.onKeydown=function(a){if(!n(a)){o.wasFocused=false}o.keyboardMode=u.includes(a.key)}}a.prototype.createLogger=function(a){this.log=a};a.prototype.hoveredChanged=function(){this.innerElementState={hovered:this.hovered,pressed:this.pressed};this.mergeElementState()};a.prototype.pressedChanged=function(){this.innerElementState={hovered:this.hovered,pressed:this.pressed};this.mergeElementState()};a.prototype.connectedCallback=function(){this.hoveredChanged();if(this.value===undefined){this.value=this.inputId}if(this.group){this.updateState();this.group.addEventListener("balChange",this.updateState)}this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};a.prototype.componentWillLoad=function(){this.inheritedAttributes=c(this.el,["aria-label","tabindex","title"])};a.prototype.componentWillRender=function(){var a=this;this.interactionChildElements.forEach((function(r){r.disabled=a.disabled||a.readonly;r.invalid=a.invalid;r.checked=a.checked}))};a.prototype.disconnectedCallback=function(){if(this.group){this.group.removeEventListener("balChange",this.updateState)}this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};a.prototype.listenOnClick=function(a){if((this.disabled||this.readonly)&&a.target&&(a.target===this.el||g(this.el,a.target))){v(a)}};a.prototype.elementStateListener=function(a){this.outerElementState=a;this.mergeElementState()};a.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){f(this);return[2]}))}))};a.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){p(this);return[2]}))}))};a.prototype.setButtonTabindex=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.buttonTabindex=a;return[2]}))}))};a.prototype.getInputElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){return[2,Promise.resolve(this.nativeInput)]}))}))};a.prototype.getOption=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){return[2,this.option]}))}))};a.prototype.updateState=function(){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(r){if(this.group){a=this.group.value===this.value;if(a!==this.checked){this.checked=a}}return[2]}))}))};a.prototype.setAriaForm=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.ariaForm=Object.assign({},a);return[2]}))}))};Object.defineProperty(a.prototype,"group",{get:function(){return this.el.closest("bal-radio-group")},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-radio-icon, bal-icon"))},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"option",{get:function(){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,invalid:this.invalid}},enumerable:false,configurable:true});a.prototype.mergeElementState=function(){var a=this;this.mergedElementState={hovered:this.outerElementState.hovered||this.innerElementState.hovered,pressed:this.outerElementState.pressed||this.innerElementState.pressed};this.interactionChildElements.forEach((function(r){r.hovered=a.mergedElementState.hovered;r.pressed=a.mergedElementState.pressed}))};a.prototype.render=function(){var a=this;var r=s.block("radio");var i=r.element("input");var l=r.element("label");var t=l.element("text");var d=l.element("icon");var n=this.focused&&this.buttonTabindex!==-1;var c=typeof this.value==="boolean"?JSON.stringify(this.value):this.value;var u=!this.nonSubmit;var h=this.ariaForm.controlId||this.inputId;var v=this.ariaForm.labelId||null;var f=u?"label":"span";var p=this.inheritedAttributes;if(this.buttonTabindex!==undefined){p.tabIndex=this.buttonTabindex}if(this.labelHidden){p["aria-labelledby"]=v}return o(e,{key:"382a76b43c4967878e796e20914faaad31c1cb9b","aria-checked":"".concat(this.checked),"aria-disabled":b(this.disabled),"aria-invalid":this.invalid===true?"true":"false","aria-hidden":this.disabled?"true":null,"aria-focused":n?"true":null,"aria-labelledby":v,"aria-describedby":this.ariaForm.messageId,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({"bal-focused":n},r.class()),r.modifier("button").class(this.interface==="button")),r.modifier("tile").class(this.interface==="tile")),r.modifier("tile-color-".concat(this.color)).class(this.interface==="tile"&&!!this.color)),r.modifier("invalid").class(this.invalid)),r.modifier("checked").class(this.checked)),r.modifier("flat").class(this.flat)),r.modifier("disabled").class(this.disabled||this.readonly)),r.modifier("hovered").class(this.hovered)),r.modifier("pressed").class(this.pressed)),r.modifier("column-".concat(this.colSize)).class(this.interface==="tile"&&this.colSize>1)),r.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.interface==="tile"&&this.colSizeTablet>1)),r.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.interface==="tile"&&this.colSizeMobile>1)),onClick:this.onClick},o(f,{key:"473e9946e24bcb342d728ea9401ca6306e6dac33",class:Object.assign({},l.class()),"data-testid":"bal-radio-label"},u?o("input",Object.assign({id:h,type:"radio","data-testid":"bal-radio-input",name:this.name,value:c,checked:this.checked,required:this.required,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,class:Object.assign({},i.class()),"aria-hidden":b(this.nonSubmit),"aria-invalid":this.invalid===true?"true":"false","aria-describedby":this.ariaForm.messageId,onChange:function(r){return a.toggleChecked(r)},onFocus:function(r){return a.onFocus(r)},onBlur:function(r){return a.onBlur(r)},ref:function(r){return a.nativeInput=r}},p)):"",this.interface!=="tile"?o("div",{class:Object.assign({},d.class())},o("bal-radio-icon",{checked:this.checked,disabled:this.disabled||this.readonly,invalid:this.invalid,inverted:this.interface==="button"&&this.checked,hovered:this.mergedElementState.hovered,pressed:this.mergedElementState.pressed})):"",o("div",{key:"443a97633b9a93c613218ff53ee97c6f37b2dc8f",class:Object.assign(Object.assign({},t.class()),t.modifier("hidden").class(this.labelHidden))},o("slot",{key:"76cb543fed4b836d6b937d8ff016f8e14e2c6dcc"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return l(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{hovered:["hoveredChanged"],pressed:["pressedChanged"]}},enumerable:false,configurable:true});return a}());t([m("bal-radio"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],j.prototype,"createLogger",null);t([x(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],j.prototype,"elementStateListener",null);var O=0;j.style=w;var C=".bal-radio-group{display:inline-block;position:relative;width:100%}.bal-radio-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-group__inner--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-group__inner--button{-ms-flex-direction:row;flex-direction:row}}.bal-radio-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-radio-group__inner--expanded .bal-radio{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-radio-group__inner--expanded .bal-radio{width:100%}}.bal-radio-group__inner--button.bal-radio-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-radio-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-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-radio-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}";var D=a("bal_radio_group",function(){function a(a){var o=this;r(this,a);this.balChange=i(this,"balChange");this.balFocus=i(this,"balFocus");this.balBlur=i(this,"balBlur");this.inputId="bal-rg-".concat(F++);this.inheritedAttributes={};this.ariaForm=h;this.interface=undefined;this.allowEmptySelection=false;this.name=this.inputId;this.vertical=false;this.verticalOnMobile=false;this.expanded=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.columns=1;this.columnsTablet=1;this.columnsMobile=1;this.autoInvalidOff=false;this.hasFocus=false;this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(a){this.setRadioTabindex(this.value);this.setRadioChecked();return[2]}))}))};this.setRadioTabindex=function(a){var r=o.getRadios();var i=r.find((function(a){return!a.disabled}));var e=r.find((function(r){return r.value===a&&!r.disabled}));if(!i&&!e){return}var l=e||i;for(var t=0,d=r;t<d.length;t++){var n=d[t];var b=n===l?0:-1;n.setButtonTabindex(b)}};this.onClick=function(a){var r=a.target;if(r.href){return}a.preventDefault();var i=a.target&&a.target.closest("bal-radio");if(i&&!i.disabled&&!i.readonly){var e=o.value;var l=i.value;if(l!==e){o.value=l}else if(o.allowEmptySelection){o.value=undefined}o.balChange.emit(o.value)}}}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};a.prototype.invalidChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(r){r.invalid=a}))}};a.prototype.disabledChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(r){r.disabled=a}))}};a.prototype.readonlyChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(r){r.readonly=a}))}};a.prototype.valueChanged=function(){this.onOptionChange()};a.prototype.columnsChanged=function(a){this.getRadios().forEach((function(r){return r.colSize=a}))};a.prototype.columnsTabletChanged=function(a){this.getRadios().forEach((function(r){return r.colSizeTablet=a}))};a.prototype.columnsMobileChanged=function(a){this.getRadios().forEach((function(r){return r.colSizeMobile=a}))};a.prototype.connectedCallback=function(){this.initialValue=this.value;this.mutationObserverActive=this.options===undefined};a.prototype.componentWillLoad=function(){this.setRadioInterface();this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly);this.invalidChanged(this.invalid);this.columnsChanged(this.columns);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange();this.inheritedAttributes=c(this.el,["aria-label","tabindex","title"])};a.prototype.focusInListener=function(a){this.balFocus.emit(a)};a.prototype.focusOutListener=function(a){this.balBlur.emit(a)};a.prototype.mutationListener=function(){this.setRadioInterface();this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly);this.invalidChanged(this.invalid);this.columnsChanged(this.columns);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange()};a.prototype.listenOnClick=function(a){if(g(this.el,a.target)){v(a)}};a.prototype.radioFocusListener=function(a){var r=a.target;if(r&&g(this.el,r)&&_(r,"bal-radio")){v(a)}};a.prototype.radioBlurListener=function(a){var r=a.target;if(r&&g(this.el,r)&&_(r,"bal-radio")){v(a)}};a.prototype.resetListener=function(a){var r=a.target;if(r===null||r===void 0?void 0:r.contains(this.el)){this.value=this.initialValue}};a.prototype.onKeydown=function(a){if(a.target&&!this.el.contains(a.target)){return}var r=this.getRadios().filter((function(a){return!a.disabled}));var i=a.target.closest("bal-radio");if(i&&r.includes(i)){var o=r.findIndex((function(a){return a===i}));var e=r[o];var l=void 0;if(["ArrowDown","ArrowRight"].includes(a.code)){l=o===r.length-1?r[0]:r[o+1]}if(["ArrowUp","ArrowLeft"].includes(a.code)){l=o===0?r[r.length-1]:r[o-1]}if(l&&r.includes(l)){l.setFocus(a);this.value=l.value;this.balChange.emit(this.value)}if(["Space"].includes(a.code)){this.value=this.allowEmptySelection&&this.value!==undefined?undefined:e.value;this.balChange.emit(this.value);a.preventDefault()}}};a.prototype.setValue=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.value=a;return[2]}))}))};a.prototype.getOptionByValue=function(a){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(i){r=this.options;if(r){return[2,r.find((function(r){return r.value===a}))]}return[2,undefined]}))}))};a.prototype.setAriaForm=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.ariaForm=Object.assign({},a);return[2]}))}))};a.prototype.setRadioInterface=function(){var a=this;this.getRadios().forEach((function(r){if(a.interface){r.interface=a.interface}}))};a.prototype.setRadioChecked=function(){this.getRadios().forEach((function(a){if(a.updateState){a.updateState()}}))};a.prototype.getRadios=function(){return Array.from(this.el.querySelectorAll("bal-radio"))};a.prototype.render=function(){var a=this;var r=s.block("radio-group");var i=r.element("inner");var l=this.options||[];var t=l.map((function(a){if(typeof a.html==="function"){return Object.assign(Object.assign({},a),{html:a.html()})}return a}));return o(e,Object.assign({class:Object.assign({},r.class()),role:"radiogroup","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":b(this.disabled),onClick:this.onClick},this.inheritedAttributes),o("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("vertical-mobile").class(this.verticalOnMobile)),i.modifier("vertical").class(this.vertical)),i.modifier("expanded").class(this.expanded)),i.modifier("button").class(this.interface==="button"))},o("slot",null),t.map((function(r){return o("bal-radio",{key:r.value,name:r.name||a.name,value:r.value,labelHidden:r.labelHidden,flat:r.flat,interface:r.interface,disabled:r.disabled,readonly:r.readonly,required:r.required,nonSubmit:!!r.nonSubmit,invalid:r.invalid,innerHTML:r.html})}))))};Object.defineProperty(a.prototype,"el",{get:function(){return l(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],value:["valueChanged"],columns:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}},enumerable:false,configurable:true});return a}());t([m("bal-radio-group"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],D.prototype,"createLogger",null);t([k(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],D.prototype,"focusInListener",null);t([k(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],D.prototype,"focusOutListener",null);t([y({tags:["bal-radio-group","bal-radio"],attributes:false,characterData:false}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],D.prototype,"mutationListener",null);var F=0;D.style=C}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(a,r,i,o){function e(a){return a instanceof i?a:new i((function(r){r(a)}))}return new(i||(i=Promise))((function(i,l){function t(a){try{n(o.next(a))}catch(a){l(a)}}function d(a){try{n(o["throw"](a))}catch(a){l(a)}}function n(a){a.done?i(a.value):e(a.value).then(t,d)}n((o=o.apply(a,r||[])).next())}))};var __generator=this&&this.__generator||function(a,r){var i={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},o,e,l,t=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return t.next=d(0),t["throw"]=d(1),t["return"]=d(2),typeof Symbol==="function"&&(t[Symbol.iterator]=function(){return this}),t;function d(a){return function(r){return n([a,r])}}function n(d){if(o)throw new TypeError("Generator is already executing.");while(t&&(t=0,d[0]&&(i=0)),i)try{if(o=1,e&&(l=d[0]&2?e["return"]:d[0]?e["throw"]||((l=e["return"])&&l.call(e),0):e.next)&&!(l=l.call(e,d[1])).done)return l;if(e=0,l)d=[d[0]&2,l.value];switch(d[0]){case 0:case 1:l=d;break;case 4:i.label++;return{value:d[1],done:false};case 5:i.label++;e=d[1];d=[0];continue;case 7:d=i.ops.pop();i.trys.pop();continue;default:if(!(l=i.trys,l=l.length>0&&l[l.length-1])&&(d[0]===6||d[0]===2)){i=0;continue}if(d[0]===3&&(!l||d[1]>l[0]&&d[1]<l[3])){i.label=d[1];break}if(d[0]===6&&i.label<l[1]){i.label=l[1];l=d;break}if(l&&i.label<l[2]){i.label=l[2];i.ops.push(d);break}if(l[2])i.ops.pop();i.trys.pop();continue}d=r.call(a,i)}catch(a){d=[6,a];e=0}finally{o=l=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-CEOTg0oT.system.js","./p-DKjTFqnu.system.js","./p-m5GX4h3i.system.js","./p-BbAtjg9Y.system.js","./p-D-yL3ygS.system.js","./p-CLfE_o7e.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-DowF7e07.system.js","./p-CXAw6SMX.system.js","./p-DV-2u4Pm.system.js","./p-CpWDVANq.system.js","./p-Bzy18UgU.system.js","./p-lFDHYLJ4.system.js","./p-Dxz8zGB7.system.js","./p-Czl2AFQD.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js","./p-DDPYMMGG.system.js"],(function(a){"use strict";var r,i,o,e,l,t,d,n,b,s,c,u,h,v,f,p,g,_,m,x,k,y;return{setters:[function(a){r=a.r;i=a.c;o=a.h;e=a.H;l=a.g},function(a){t=a._;d=a.a},function(a){n=a.i},function(a){b=a.a},function(a){s=a.i},function(a){c=a.B},function(a){u=a.F},function(a){h=a.d},function(a){v=a.s;f=a.c;p=a.d},function(a){g=a.i;_=a.v},function(a){m=a.L},function(a){x=a.L},function(a){k=a.L},function(a){y=a.L},null,null,null,null,null,null,null,null],execute:function(){var w="@media (hover: hover)and (pointer: fine){.bal-radio.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-symbol-size:1.5rem;--bal-radio-symbol-border-width:2px;--bal-radio-symbol-background:transparent;--bal-radio-label-min-height:1.5rem;--bal-radio-button-background-hover:var(--bal-color-grey-2);--bal-radio-button-background-active:var(--bal-color-grey-2);--bal-radio-button-background-checked:var(--bal-color-primary);--bal-radio-button-background-checked-hover:var(--bal-color-light-blue-5);--bal-radio-button-background-checked-active:var(--bal-color-primary-6);--bal-radio-button-background-invalid:var(--bal-color-danger-1);--bal-radio-button-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-button-background-invalid-active:var(--bal-color-danger-1);--bal-radio-button-background-invalid-checked:var(--bal-color-border-danger);--bal-radio-button-background-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-button-background-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-button-background-disabled-hover-active:var(--bal-color-grey-2);--bal-radio-button-background-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-button-background:transparent;--bal-radio-button-background-checked-green:var(--bal-color-green-1);--bal-radio-button-background-checked-purple:var(--bal-color-purple-1);--bal-radio-button-background-checked-red:var(--bal-color-red-1);--bal-radio-button-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-button-background-disabled:var(--bal-color-grey-1);--bal-radio-button-background-hover:var(--bal-color-grey-1);--bal-radio-button-border-color:var(--bal-color-primary);--bal-radio-button-border-color-hover:var(--bal-color-light-blue-5);--bal-radio-button-border-color-active:var(--bal-color-primary-6);--bal-radio-button-border-color-invalid:var(--bal-color-border-danger);--bal-radio-button-border-color-invalid-hover:var(--bal-color-danger-5);--bal-radio-button-border-color-invalid-active:var(--bal-color-danger-6);--bal-radio-button-border-color-invalid-checked:var(--bal-color-border-danger);--bal-radio-button-border-color-invalid-checked-hover:var(--bal-color-danger-5);--bal-radio-button-border-color-invalid-checked-active:var(--bal-color-danger-6);--bal-radio-button-border-color-disabled-hover-active:var(--bal-color-border-grey-dark);--bal-radio-button-border-color-disabled-checked-hover-active:var(--bal-color-border-grey-dark);--bal-radio-tile-background:transparent;--bal-radio-tile-background-hover:var(--bal-color-grey-1);--bal-radio-tile-background-disabled:var(--bal-color-grey-1);--bal-radio-tile-background-invalid-hover:var(--bal-color-danger-1);--bal-radio-tile-background-invalid-active:var(--bal-color-danger-1);--bal-radio-tile-background-checked-green:var(--bal-color-green-1);--bal-radio-tile-background-checked-purple:var(--bal-color-purple-1);--bal-radio-tile-background-checked-red:var(--bal-color-red-1);--bal-radio-tile-background-checked-yellow:var(--bal-color-yellow-1);--bal-radio-tile-border-style:var(--bal-form-field-control-border-style);--bal-radio-tile-border-radius:var(--bal-form-field-control-radius);--bal-radio-tile-border-width:var(--bal-form-field-control-border-width);--bal-radio-tile-padding:var(--bal-text-size-medium);--bal-radio-tile-border-color:var(--bal-color-border);--bal-radio-tile-border-color-hover:var(--bal-color-border-primary-hovered);--bal-radio-tile-border-color-active:var(--bal-color-border-primary-pressed);--bal-radio-tile-border-color-invalid-hover:var(--bal-color-border-danger-hovered);--bal-radio-tile-border-color-invalid-active:var(--bal-color-border-danger-pressed);--bal-radio-tile-border-color-checked:var(--bal-color-border-primary);--bal-radio-tile-border-color-invalid:var(--bal-color-border-danger);--bal-radio-tile-border-color-disabled:var(--bal-color-border-grey-dark)}.bal-radio{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:var(--bal-radio-symbol-size);border-radius:var(--bal-radius-normal);cursor:pointer}.bal-radio .bal-radio__label{cursor:pointer}.bal-radio--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.bal-radio--flat{min-height:var(--bal-radio-symbol-size)}.bal-radio:not(.bal-radio--flat){min-height:3rem}.bal-radio--invalid{color:var(--bal-form-field-label-danger-color)}.bal-radio--disabled,.bal-radio--disabled .bal-radio__label{color:var(--bal-form-field-label-disabled-color);cursor:default}.bal-radio__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;width:100%;height:100%}.bal-radio__label{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-direction:row;flex-direction:row}.bal-radio__label__text{-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;text-align:left;contain:layout style;font-family:var(--bal-font-family-text);padding-top:.25rem;padding-bottom:.25rem;width:100%}.bal-radio__label__text--hidden{display:none}.bal-radio__label__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media (hover: hover)and (pointer: fine){.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-text-primary-hovered)}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__icon,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__icon{color:var(--bal-color-text-primary-hovered)}}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-text-primary-pressed)}.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__icon,.bal-radio:not(.bal-radio--button):not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__icon{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-text-danger-hovered)}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__icon,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):hover .bal-radio__label__icon{color:var(--bal-color-text-danger-hovered)}}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-text-danger-pressed)}.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__icon,.bal-radio--invalid:not(.bal-radio--button):not(.bal-radio--disabled):active .bal-radio__label__icon{color:var(--bal-color-text-danger-pressed)}.bal-radio--button{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-x-small);-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;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-button-border-color)}.bal-radio--button.bal-radio--checked{background:var(--bal-radio-button-background-checked);color:var(--bal-color-white)}.bal-radio--button.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}.bal-radio--button.bal-radio--invalid{border-color:var(--bal-color-border-danger);color:var(--bal-color-text-danger-hovered);background:var(--bal-color-danger-1)}.bal-radio--button.bal-radio--invalid.bal-radio--checked{color:var(--bal-color-white);background:var(--bal-color-border-danger)}.bal-radio--button.bal-radio--invalid.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}.bal-radio--button.bal-radio--disabled{border-color:var(--bal-color-grey-4);background:var(--bal-color-grey-2)}.bal-radio--button.bal-radio--disabled .bal-radio__label__text{color:var(--bal-color-text-grey)}.bal-radio--button.bal-radio--disabled.bal-radio--checked{background:var(--bal-color-grey-4);color:var(--bal-color-white)}.bal-radio--button.bal-radio--disabled.bal-radio--checked .bal-radio__label__text,.bal-radio--button.bal-radio--disabled.bal-radio--checked .bal-radio__label__text .link{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-hovered)}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-text-primary-hovered)}}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-color-grey-2);border-color:var(--bal-color-border-primary-pressed)}.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio--button:not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-text-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-color-border-primary-hovered);border-color:var(--bal-color-border-primary-hovered)}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):hover .bal-radio__label__text{color:var(--bal-color-white)}}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-color-border-primary-pressed);border-color:var(--bal-color-border-primary-pressed)}.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--checked:not(.bal-radio--disabled):not(.bal-radio--invalid):active .bal-radio__label__text{color:var(--bal-color-white)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):hover{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-hovered)}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-text-danger-hovered)}}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):active{background:var(--bal-color-danger-1);border-color:var(--bal-color-border-danger-pressed)}.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--invalid:not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-text-danger-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):hover{background:var(--bal-color-border-danger-hovered);border-color:var(--bal-color-border-danger-hovered)}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--hovered .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):hover .bal-radio__label__text{color:var(--bal-color-white)}}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):active{background:var(--bal-color-border-danger-pressed);border-color:var(--bal-color-border-danger-pressed)}.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled).bal-radio--pressed .bal-radio__label__text,.bal-radio--button.bal-radio--invalid.bal-radio--checked:not(.bal-radio--disabled):active .bal-radio__label__text{color:var(--bal-color-white)}.bal-radio--tile{display:block;-ms-flex:0 0 100%;flex:0 0 100%;background:var(--bal-radio-tile-background);border-style:var(--bal-radio-tile-border-style);border-radius:var(--bal-radio-tile-border-radius);border-width:var(--bal-radio-tile-border-width);border-color:var(--bal-radio-tile-border-color);padding:var(--bal-radio-tile-padding)}.bal-radio--tile .bal-radio__label{height:100%;-ms-flex-align:stretch;align-items:stretch}.bal-radio--tile.bal-radio--checked{border-color:var(--bal-radio-tile-border-color-checked)}.bal-radio--tile.bal-radio--invalid{border-color:var(--bal-radio-tile-border-color-invalid)}.bal-radio--tile.bal-radio--disabled{background:var(--bal-radio-tile-background-disabled);border-color:var(--bal-radio-tile-border-color-disabled);cursor:default}@media (hover: hover)and (pointer: fine){.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--hovered,.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid):hover{background:var(--bal-radio-tile-background-hover);border-color:var(--bal-radio-tile-border-color-hover)}}.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid).bal-radio--pressed,.bal-radio--tile:not(.bal-radio--disabled):not(.bal-radio--invalid):active{background:var(--bal-radio-tile-background-hover);border-color:var(--bal-radio-tile-border-color-active)}@media (hover: hover)and (pointer: fine){.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--hovered,.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled):hover{background:var(--bal-radio-tile-background-invalid-hover);border-color:var(--bal-radio-tile-border-color-invalid-hover)}}.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled).bal-radio--pressed,.bal-radio--tile.bal-radio--invalid:not(.bal-radio--disabled):active{background:var(--bal-radio-tile-background-invalid-active);border-color:var(--bal-radio-tile-border-color-invalid-active)}.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-green:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-green)}.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-red:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-red)}.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-purple:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-purple)}.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked,.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked.bal-radio--hovered,.bal-radio--tile-color-yellow:not(.bal-radio--disabled).bal-radio--checked:hover{background:var(--bal-radio-tile-background-checked-yellow)}@media screen and (min-width: 769px),print{.bal-radio--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-radio--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-radio--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-radio--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}";var j=a("bal_radio",function(){function a(a){var o=this;r(this,a);this.balFocus=i(this,"balFocus");this.balBlur=i(this,"balBlur");this.balChange=i(this,"balChange");this.inputId="bal-rb-".concat(O++);this.inheritedAttributes={};this.keyboardMode=true;this.wasFocused=false;this.checked=false;this.focused=false;this.ariaForm=h;this.outerElementState={hovered:false,pressed:false};this.innerElementState={hovered:false,pressed:false};this.mergedElementState={hovered:false,pressed:false};this.name=this.inputId;this.label="";this.labelHidden=false;this.flat=false;this.interface="radio";this.disabled=false;this.readonly=false;this.required=false;this.nonSubmit=false;this.invalid=false;this.hovered=false;this.pressed=false;this.colSize=1;this.colSizeTablet=1;this.colSizeMobile=1;this.setChecked=function(a){o.checked=a;o.balChange.emit(o.checked)};this.toggleChecked=function(a){a.preventDefault();o.setFocus();o.checked=true;o.setChecked(o.checked)};this.onClick=function(a){if(o.disabled){return}var r=a.target;if(r.href){return}if(o.wasFocused){o.focused=true}o.toggleChecked(a)};this.onFocus=function(a){if(o.disabled||o.readonly){o.focused=false;return v(a)}o.balFocus.emit(a);if(o.keyboardMode){o.focused=true;o.wasFocused=true}};this.onBlur=function(a){if(o.disabled||o.readonly){return v(a)}o.balBlur.emit(a);o.focused=false};this.onPointerDown=function(){return o.keyboardMode=false};this.onKeydown=function(a){if(!n(a)){o.wasFocused=false}o.keyboardMode=u.includes(a.key)}}a.prototype.createLogger=function(a){this.log=a};a.prototype.hoveredChanged=function(){this.innerElementState={hovered:this.hovered,pressed:this.pressed};this.mergeElementState()};a.prototype.pressedChanged=function(){this.innerElementState={hovered:this.hovered,pressed:this.pressed};this.mergeElementState()};a.prototype.connectedCallback=function(){this.hoveredChanged();if(this.value===undefined){this.value=this.inputId}if(this.group){this.updateState();this.group.addEventListener("balChange",this.updateState)}this.el.addEventListener("keydown",this.onKeydown);this.el.addEventListener("touchstart",this.onPointerDown);this.el.addEventListener("mousedown",this.onPointerDown)};a.prototype.componentWillLoad=function(){this.inheritedAttributes=s(this.el,["aria-label","tabindex","title"])};a.prototype.componentWillRender=function(){var a=this;this.interactionChildElements.forEach((function(r){r.disabled=a.disabled||a.readonly;r.invalid=a.invalid;r.checked=a.checked}))};a.prototype.disconnectedCallback=function(){if(this.group){this.group.removeEventListener("balChange",this.updateState)}this.el.removeEventListener("keydown",this.onKeydown);this.el.removeEventListener("touchstart",this.onPointerDown);this.el.removeEventListener("mousedown",this.onPointerDown)};a.prototype.listenOnClick=function(a){if((this.disabled||this.readonly)&&a.target&&(a.target===this.el||g(this.el,a.target))){v(a)}};a.prototype.elementStateListener=function(a){this.outerElementState=a;this.mergeElementState()};a.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){f(this);return[2]}))}))};a.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){p(this);return[2]}))}))};a.prototype.setButtonTabindex=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.buttonTabindex=a;return[2]}))}))};a.prototype.getInputElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){return[2,Promise.resolve(this.nativeInput)]}))}))};a.prototype.getOption=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){return[2,this.option]}))}))};a.prototype.updateState=function(){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(r){if(this.group){a=this.group.value===this.value;if(a!==this.checked){this.checked=a}}return[2]}))}))};a.prototype.setAriaForm=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.ariaForm=Object.assign({},a);return[2]}))}))};Object.defineProperty(a.prototype,"group",{get:function(){return this.el.closest("bal-radio-group")},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"interactionChildElements",{get:function(){return Array.from(this.el.querySelectorAll("bal-radio-icon, bal-icon"))},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"option",{get:function(){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,invalid:this.invalid}},enumerable:false,configurable:true});a.prototype.mergeElementState=function(){var a=this;this.mergedElementState={hovered:this.outerElementState.hovered||this.innerElementState.hovered,pressed:this.outerElementState.pressed||this.innerElementState.pressed};this.interactionChildElements.forEach((function(r){r.hovered=a.mergedElementState.hovered;r.pressed=a.mergedElementState.pressed}))};a.prototype.render=function(){var a=this;var r=c.block("radio");var i=r.element("input");var l=r.element("label");var t=l.element("text");var d=l.element("icon");var n=this.focused&&this.buttonTabindex!==-1;var s=typeof this.value==="boolean"?JSON.stringify(this.value):this.value;var u=!this.nonSubmit;var h=this.ariaForm.controlId||this.inputId;var v=this.ariaForm.labelId||null;var f=u?"label":"span";var p=this.inheritedAttributes;if(this.buttonTabindex!==undefined){p.tabIndex=this.buttonTabindex}if(this.labelHidden){p["aria-labelledby"]=v}return o(e,{key:"faa44091416d0505e2d84a792bd49f5eab82f897","aria-checked":"".concat(this.checked),"aria-disabled":b(this.disabled),"aria-invalid":this.invalid===true?"true":"false","aria-hidden":this.disabled?"true":null,"aria-focused":n?"true":null,"aria-labelledby":v,"aria-describedby":this.ariaForm.messageId,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({"bal-focused":n},r.class()),r.modifier("button").class(this.interface==="button")),r.modifier("tile").class(this.interface==="tile")),r.modifier("tile-color-".concat(this.color)).class(this.interface==="tile"&&!!this.color)),r.modifier("invalid").class(this.invalid)),r.modifier("checked").class(this.checked)),r.modifier("flat").class(this.flat)),r.modifier("disabled").class(this.disabled||this.readonly)),r.modifier("hovered").class(this.hovered)),r.modifier("pressed").class(this.pressed)),r.modifier("column-".concat(this.colSize)).class(this.interface==="tile"&&this.colSize>1)),r.modifier("column-tablet-".concat(this.colSizeTablet)).class(this.interface==="tile"&&this.colSizeTablet>1)),r.modifier("column-mobile-".concat(this.colSizeMobile)).class(this.interface==="tile"&&this.colSizeMobile>1)),onClick:this.onClick},o(f,{key:"3588b099302b821eccd777ae3149744f53a97834",class:Object.assign({},l.class()),"data-testid":"bal-radio-label"},u?o("input",Object.assign({id:h,type:"radio","data-testid":"bal-radio-input",name:this.name,value:s,checked:this.checked,required:this.required,disabled:this.disabled||this.nonSubmit,readonly:this.readonly,class:Object.assign({},i.class()),"aria-hidden":b(this.nonSubmit),"aria-invalid":this.invalid===true?"true":"false","aria-describedby":this.ariaForm.messageId,onChange:function(r){return a.toggleChecked(r)},onFocus:function(r){return a.onFocus(r)},onBlur:function(r){return a.onBlur(r)},ref:function(r){return a.nativeInput=r}},p)):"",this.interface!=="tile"?o("div",{class:Object.assign({},d.class())},o("bal-radio-icon",{checked:this.checked,disabled:this.disabled||this.readonly,invalid:this.invalid,inverted:this.interface==="button"&&this.checked,hovered:this.mergedElementState.hovered,pressed:this.mergedElementState.pressed})):"",o("div",{key:"599fda9c376491dcb156c0b3fa8ecd41353027a8",class:Object.assign(Object.assign({},t.class()),t.modifier("hidden").class(this.labelHidden))},o("slot",{key:"752d10816299c2f7840ae907b426501a76ae8d23"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return l(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{hovered:["hoveredChanged"],pressed:["pressedChanged"]}},enumerable:false,configurable:true});return a}());t([m("bal-radio"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],j.prototype,"createLogger",null);t([x(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],j.prototype,"elementStateListener",null);var O=0;j.style=w;var C=".bal-radio-group{display:inline-block;position:relative;width:100%}.bal-radio-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-group__inner--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-group__inner--button{-ms-flex-direction:row;flex-direction:row}}.bal-radio-group__inner--expanded{-ms-flex-align:stretch;align-items:stretch}.bal-radio-group__inner--expanded .bal-radio{-ms-flex:1;flex:1}@media screen and (max-width: 768px){.bal-radio-group__inner--expanded .bal-radio{width:100%}}.bal-radio-group__inner--button.bal-radio-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-radio-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-group__inner--vertical{-ms-flex-align:start;align-items:flex-start}}@media screen and (max-width: 768px){.bal-radio-group__inner--vertical-mobile{-ms-flex-direction:column;flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}";var D=a("bal_radio_group",function(){function a(a){var o=this;r(this,a);this.balChange=i(this,"balChange");this.balFocus=i(this,"balFocus");this.balBlur=i(this,"balBlur");this.inputId="bal-rg-".concat(F++);this.inheritedAttributes={};this.ariaForm=h;this.interface=undefined;this.allowEmptySelection=false;this.name=this.inputId;this.vertical=false;this.verticalOnMobile=false;this.expanded=false;this.invalid=undefined;this.disabled=undefined;this.readonly=undefined;this.columns=1;this.columnsTablet=1;this.columnsMobile=1;this.autoInvalidOff=false;this.hasFocus=false;this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(a){this.setRadioTabindex(this.value);this.setRadioChecked();return[2]}))}))};this.setRadioTabindex=function(a){var r=o.getRadios();var i=r.find((function(a){return!a.disabled}));var e=r.find((function(r){return r.value===a&&!r.disabled}));if(!i&&!e){return}var l=e||i;for(var t=0,d=r;t<d.length;t++){var n=d[t];var b=n===l?0:-1;n.setButtonTabindex(b)}};this.onClick=function(a){var r=a.target;if(r.href){return}a.preventDefault();var i=a.target&&a.target.closest("bal-radio");if(i&&!i.disabled&&!i.readonly){var e=o.value;var l=i.value;if(l!==e){o.value=l}else if(o.allowEmptySelection){o.value=undefined}o.balChange.emit(o.value)}}}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};a.prototype.invalidChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(r){r.invalid=a}))}};a.prototype.disabledChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(r){r.disabled=a}))}};a.prototype.readonlyChanged=function(a){if(a!==undefined){this.getRadios().forEach((function(r){r.readonly=a}))}};a.prototype.valueChanged=function(){this.onOptionChange()};a.prototype.columnsChanged=function(a){this.getRadios().forEach((function(r){return r.colSize=a}))};a.prototype.columnsTabletChanged=function(a){this.getRadios().forEach((function(r){return r.colSizeTablet=a}))};a.prototype.columnsMobileChanged=function(a){this.getRadios().forEach((function(r){return r.colSizeMobile=a}))};a.prototype.connectedCallback=function(){this.initialValue=this.value;this.mutationObserverActive=this.options===undefined};a.prototype.componentWillLoad=function(){this.setRadioInterface();this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly);this.invalidChanged(this.invalid);this.columnsChanged(this.columns);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange();this.inheritedAttributes=s(this.el,["aria-label","tabindex","title"])};a.prototype.focusInListener=function(a){this.balFocus.emit(a)};a.prototype.focusOutListener=function(a){this.balBlur.emit(a)};a.prototype.mutationListener=function(){this.setRadioInterface();this.disabledChanged(this.disabled);this.readonlyChanged(this.readonly);this.invalidChanged(this.invalid);this.columnsChanged(this.columns);this.columnsTabletChanged(this.columnsTablet);this.columnsMobileChanged(this.columnsMobile);this.onOptionChange()};a.prototype.listenOnClick=function(a){if(g(this.el,a.target)){v(a)}};a.prototype.radioFocusListener=function(a){var r=a.target;if(r&&g(this.el,r)&&_(r,"bal-radio")){v(a)}};a.prototype.radioBlurListener=function(a){var r=a.target;if(r&&g(this.el,r)&&_(r,"bal-radio")){v(a)}};a.prototype.resetListener=function(a){var r=a.target;if(r===null||r===void 0?void 0:r.contains(this.el)){this.value=this.initialValue}};a.prototype.onKeydown=function(a){if(a.target&&!this.el.contains(a.target)){return}var r=this.getRadios().filter((function(a){return!a.disabled}));var i=a.target.closest("bal-radio");if(i&&r.includes(i)){var o=r.findIndex((function(a){return a===i}));var e=r[o];var l=void 0;if(["ArrowDown","ArrowRight"].includes(a.code)){l=o===r.length-1?r[0]:r[o+1]}if(["ArrowUp","ArrowLeft"].includes(a.code)){l=o===0?r[r.length-1]:r[o-1]}if(l&&r.includes(l)){l.setFocus(a);this.value=l.value;this.balChange.emit(this.value)}if(["Space"].includes(a.code)){this.value=this.allowEmptySelection&&this.value!==undefined?undefined:e.value;this.balChange.emit(this.value);a.preventDefault()}}};a.prototype.setValue=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.value=a;return[2]}))}))};a.prototype.getOptionByValue=function(a){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(i){r=this.options;if(r){return[2,r.find((function(r){return r.value===a}))]}return[2,undefined]}))}))};a.prototype.setAriaForm=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.ariaForm=Object.assign({},a);return[2]}))}))};a.prototype.setRadioInterface=function(){var a=this;this.getRadios().forEach((function(r){if(a.interface){r.interface=a.interface}}))};a.prototype.setRadioChecked=function(){this.getRadios().forEach((function(a){if(a.updateState){a.updateState()}}))};a.prototype.getRadios=function(){return Array.from(this.el.querySelectorAll("bal-radio"))};a.prototype.render=function(){var a=this;var r=c.block("radio-group");var i=r.element("inner");var l=this.options||[];var t=l.map((function(a){if(typeof a.html==="function"){return Object.assign(Object.assign({},a),{html:a.html()})}return a}));return o(e,Object.assign({class:Object.assign({},r.class()),role:"radiogroup","aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":b(this.disabled),onClick:this.onClick},this.inheritedAttributes),o("div",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("vertical-mobile").class(this.verticalOnMobile)),i.modifier("vertical").class(this.vertical)),i.modifier("expanded").class(this.expanded)),i.modifier("button").class(this.interface==="button"))},o("slot",null),t.map((function(r){return o("bal-radio",{key:r.value,name:r.name||a.name,value:r.value,labelHidden:r.labelHidden,flat:r.flat,interface:r.interface,disabled:r.disabled,readonly:r.readonly,required:r.required,nonSubmit:!!r.nonSubmit,invalid:r.invalid,innerHTML:r.html})}))))};Object.defineProperty(a.prototype,"el",{get:function(){return l(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],invalid:["invalidChanged"],disabled:["disabledChanged"],readonly:["readonlyChanged"],value:["valueChanged"],columns:["columnsChanged"],columnsTablet:["columnsTabletChanged"],columnsMobile:["columnsMobileChanged"]}},enumerable:false,configurable:true});return a}());t([m("bal-radio-group"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],D.prototype,"createLogger",null);t([k(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],D.prototype,"focusInListener",null);t([k(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],D.prototype,"focusOutListener",null);t([y({tags:["bal-radio-group","bal-radio"],attributes:false,characterData:false}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],D.prototype,"mutationListener",null);var F=0;D.style=C}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as e,H as t,g as s}from"./p-BdVwMG9u.js";import{B as i}from"./p-ByiN-QjD.js";import{l}from"./p-Ba5qjFjW.js";import{i as n}from"./p-C4sZQbkT.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";const c=class{constructor(e){a(this,e),this.containerSize="",this.size="",this.color="purple",this.shape=!1,this.getContainerWidth=()=>{switch(this.containerSize){case"is-detail-page":case"detail-page":return"680px";case"is-compact":case"compact":return"832px";case"is-blog-page":case"blog-page":return"920px";case"is-fluid":case"fluid":return"100vw";default:return"1400px"}}}get containerClass(){return this.containerSize.includes("wide")?"":this.containerSize.startsWith("is-")?this.containerSize:`is-${this.containerSize}`}render(){const a=i.block("stage"),s=i.block("stage-content");return e(t,{key:"
|
|
1
|
+
import{r as a,h as e,H as t,g as s}from"./p-BdVwMG9u.js";import{B as i}from"./p-ByiN-QjD.js";import{l}from"./p-Ba5qjFjW.js";import{i as n}from"./p-C4sZQbkT.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";const c=class{constructor(e){a(this,e),this.containerSize="",this.size="",this.color="purple",this.shape=!1,this.getContainerWidth=()=>{switch(this.containerSize){case"is-detail-page":case"detail-page":return"680px";case"is-compact":case"compact":return"832px";case"is-blog-page":case"blog-page":return"920px";case"is-fluid":case"fluid":return"100vw";default:return"1400px"}}}get containerClass(){return this.containerSize.includes("wide")?"":this.containerSize.startsWith("is-")?this.containerSize:`is-${this.containerSize}`}render(){const a=i.block("stage"),s=i.block("stage-content");return e(t,{key:"0a0f187c1f276c239346ce3f8cebcc0dbb78aafb",class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`is-${""===this.size?"medium":this.size}`).class()),a.modifier(`is-${this.color}`).class(!!this.color)),a.modifier("has-shape").class(!!this.shape)),style:{"--bal-stage-container-width":this.getContainerWidth()}},e("section",{key:"74dee713cafc1bb4bc420b8614f6a3cd5e938600",class:Object.assign(Object.assign({},s.class()),{container:!0,[`${this.containerClass}`]:""!==this.containerSize})},e("slot",{key:"db3dcfa410828da23c0fcc888f53cd110992a847"}),this.shape&&e("div",{key:"586c8b26d0d00d7073bd4dde471302037f0446ea",class:{container:!0,[`${this.containerClass}`]:""!==this.containerSize}},e("bal-shape",{key:"cf707bdfc9937d0fbe2a62080dbe2eda2771973d",color:this.color,variation:this.shapeVariation,rotation:this.shapeRotation}))))}};c.style=":root{--bal-stage-background-red:var(--bal-color-red);--bal-stage-background-yellow:var(--bal-color-yellow);--bal-stage-background-green:var(--bal-color-green);--bal-stage-background-purple:var(--bal-color-purple);--bal-stage-back-font-family:var(--bal-font-family-title);--bal-stage-back-font-weight:var(--bal-font-weight-bold)}.bal-stage{display:block;position:relative}.bal-stage--is-purple{background:var(--bal-stage-background-purple)}.bal-stage--is-green{background:var(--bal-stage-background-green)}.bal-stage--is-red{background:var(--bal-stage-background-red)}.bal-stage--is-yellow{background:var(--bal-stage-background-yellow)}.bal-stage .bal-stage-content{display:block;position:static}.bal-stage .bal-stage-content .bal-stage-image{overflow:hidden}.bal-stage .bal-stage-content .bal-stage-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bal-stage .bal-stage-content .bal-stage-body{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding-top:calc(var(--bal-space-xxxx-large) + 4rem);padding-bottom:var(--bal-space-xxx-large)}@media screen and (min-width: 769px),print{.bal-stage .bal-stage-content .bal-stage-body{padding-top:calc(var(--bal-space-xxxx-large-tablet) + 4rem);padding-bottom:var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-stage .bal-stage-content .bal-stage-body{padding-top:calc(var(--bal-space-xxxx-large-desktop) + 3rem);padding-bottom:var(--bal-space-xx-large-desktop)}}.bal-stage .bal-stage-content .bal-stage-back-link--shadow{text-shadow:var(--bal-text-shadow-normal)}@media screen and (max-width: 1023px){.bal-stage .bal-stage-content .bal-stage-back-link{display:none}}@media screen and (min-width: 1024px){.bal-stage .bal-stage-content .bal-stage-back-link a{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-family:var(--bal-stage-back-font-family);font-weight:var(--bal-stage-back-font-weight);text-decoration:none}.bal-stage .bal-stage-content .bal-stage-back-link a:hover{text-decoration:underline}.bal-stage .bal-stage-content .bal-stage-back-link a:active{text-decoration:underline}}@media screen and (min-width: 1024px){.bal-stage--is-medium .bal-stage-content .bal-stage-body{min-height:25rem}}.bal-stage--is-large .bal-stage-content .bal-stage-body{min-height:23.438rem}@media screen and (min-width: 769px),print{.bal-stage--is-large .bal-stage-content .bal-stage-body{min-height:35rem}}@media screen and (min-width: 1024px){.bal-stage--is-large .bal-stage-content .bal-stage-body{min-height:52.5rem}}.bal-stage--has-shape .bal-stage-content{margin-bottom:1.375rem}@media screen and (min-width: 769px),print{.bal-stage--has-shape .bal-stage-content{margin-bottom:2.5rem}}@media screen and (min-width: 1024px){.bal-stage--has-shape .bal-stage-content{margin-bottom:4.125rem}}@media screen and (min-width: 769px),print{.bal-stage--has-shape .bal-stage-content .bal-stage-body>*{max-width:calc(100% - 7.5rem)}}@media screen and (min-width: 1024px){.bal-stage--has-shape .bal-stage-content .bal-stage-body>*{max-width:calc(100% - 12.375rem)}}.bal-stage--has-shape .bal-stage-content .bal-shape{position:absolute;bottom:-1.375rem;right:0}@media screen and (min-width: 769px),print{.bal-stage--has-shape .bal-stage-content .bal-shape{bottom:-2.5rem}}@media screen and (min-width: 1024px){.bal-stage--has-shape .bal-stage-content .bal-shape{bottom:-4.125rem}}";const b=class{constructor(e){a(this,e),this.shadow=!1,this.inverted=!1}render(){const a=i.block("stage-back-link");return e(t,{key:"d3f7b6738547d41aa1768247cc35dab99f910ce7",class:Object.assign(Object.assign({},a.class()),a.modifier("shadow").class(this.shadow))},e("a",{key:"d176f07817f6e739a23102e3635884c2ee6b999f",class:{link:!0,"is-inverted":this.inverted},href:this.href,rel:this.rel},e("bal-icon",{key:"d782a08f95a20f3477e75dc80e51f7d762e34913",class:"mr-x-small",name:"caret-left",size:"x-small",inverted:this.inverted,shadow:this.shadow}),e("slot",{key:"8a5305d0e2145cf91cffcb7d9c627222ad623177"})))}get el(){return s(this)}},r=class{constructor(e){a(this,e)}render(){const a=i.block("stage-body");return e(t,{key:"9fffb6dccae32661cbe75ba02ce7963b3ef82ba5",class:Object.assign({},a.class())},e("slot",{key:"11831034684ac727427e498ec4892f9ba583145f"}))}get el(){return s(this)}},o=class{constructor(e){a(this,e)}render(){return e(t,{key:"9cf1ea0d02d399cfa69ecc24af4184abec3df6b0",class:"hero-foot"},e("slot",{key:"bbe34ad9838a7a92d50ec23a59e50548b617d902"}))}get el(){return s(this)}},d=class{constructor(e){a(this,e)}render(){return e(t,{key:"bdd7bfc5c154aa8fdb3c0a51ec38303faf981dd5",class:"hero-head"},e("slot",{key:"72412afb15d629dea3c3ff8040b6e668fe92a241"}))}get el(){return s(this)}},g=class{constructor(e){a(this,e),this.imageInheritAttributes={},this.isOnLoadEventDone=!1}componentDidLoad(){l((()=>{this.isOnLoadEventDone=!0}))}componentWillLoad(){this.imageInheritAttributes=n(this.el,["alt"])}render(){const a=i.block("stage-image"),s=this.fallback?this.fallback:this.srcSet.split(",")[0];return e(t,{key:"a328489d91f055d488a89e4e2f4297db63d2eec1",class:Object.assign({},a.class())},this.isOnLoadEventDone?e("img",Object.assign({src:s,srcset:this.srcSet,sizes:"100vw"},this.imageInheritAttributes)):"")}get el(){return s(this)}};export{c as bal_stage,b as bal_stage_back_link,r as bal_stage_body,o as bal_stage_foot,d as bal_stage_head,g as bal_stage_image}
|
package/dist/baloise-design-system/{p-eb726f11fd.system.entry.js → p-4aeaa1a916.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,i,a){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{l(a.next(e))}catch(e){r(e)}}function s(e){try{l(a["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):n(e.value).then(o,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,n,r,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=s(0),o["throw"]=s(1),o["return"]=s(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return l([e,t])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(i=0)),i)try{if(a=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e];n=0}finally{a=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var a=0,n=t.length,r;a<n;a++){if(r||!(a in t)){if(!r)r=Array.prototype.slice.call(t,0,a);r[a]=t[a]}}return e.concat(r||Array.prototype.slice.call(t))};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-CpWDVANq.system.js","./p-DKjTFqnu.system.js","./p-m5GX4h3i.system.js","./p-BbAtjg9Y.system.js","./p-Dd7xQwRJ.system.js","./p-CLfE_o7e.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-DPYRyPTD.system.js","./p-BblIE2Vz.system.js","./p-BpMXwP_q.system.js","./p-Bzy18UgU.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js"],(function(e){"use strict";var t,i,a,n,r,o,s,l,d,u,b,c,f,p,h,m,v,w,_,k,y,g,x,j,D,O,A,P,B;return{setters:[function(e){t=e.r;i=e.c;a=e.h;n=e.H;r=e.g},function(e){o=e._;s=e.a},function(e){l=e.i},function(e){d=e.a},function(e){u=e.i},function(e){b=e.B},function(e){c=e.i;f=e.N;p=e.A},function(e){h=e.d},function(e){m=e.g;v=e.a;w=e.b;_=e.e;k=e.s;y=e.h;g=e.j;x=e.c;j=e.d},function(e){D=e.n},function(e){O=e.L},function(e){A=e.i},function(e){P=e.d},function(e){B=e.L},null,null,null],execute:function(){var C=":root{--bal-time-input-native-placeholder-background-before:var(--bal-color-white);--bal-time-input-native-placeholder-background-disabled-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-danger-before:var(--bal-color-danger-1);--bal-time-input-native-placeholder-background-disabled-danger-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-hover-before:var(--bal-color-grey-1);--bal-time-input-native-text-color:var(--bal-color-primary-3);--bal-time-input-native-text-color-focus-value:var(--bal-color-primary);--bal-time-input-native-text-color-disabled:var(--bal-color-grey-5);--bal-time-input-native-text-color-disabled-value:var(--bal-color-grey-4);--bal-time-input-native-placeholder-text-color-disabled-before:var(--bal-color-grey-5);--bal-time-input-native-placeholder-text-color-before:var(--bal-color-primary-3)}.bal-time-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper{display:flex}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-clear-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-inner-spin-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-calendar-picker-indicator{display:none;background:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before{color:var(--bal-time-input-native-placeholder-text-color-disabled-before);background:var(--bal-time-input-native-placeholder-background-disabled-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-danger::before{background:var(--bal-time-input-native-placeholder-background-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-disabled.is-danger::before{background:var(--bal-time-input-native-placeholder-background-disabled-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before:hover::before{background:var(--bal-time-input-native-placeholder-background-hover-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before::before{color:var(--bal-time-input-native-placeholder-text-color-before);content:attr(placeholder);pointer-events:none;position:absolute;background:var(--bal-time-input-native-placeholder-background-before)}";var I=e("bal_time_input",function(){function e(e){var a=this;t(this,e);this.balInput=i(this,"balInput");this.balChange=i(this,"balChange");this.balBlur=i(this,"balBlur");this.balFocus=i(this,"balFocus");this.balKeyPress=i(this,"balKeyPress");this.balClick=i(this,"balClick");this.inputId="bal-time-input-".concat(F++);this.inheritedAttributes={};this.inputValue=this.value;this.initialValue="";this.focused=false;this.language=P.language;this.region=P.region;this.ariaForm=h;this.name=this.inputId;this.invalid=false;this.required=false;this.disabled=false;this.readonly=false;this.debounce=0;this.value=undefined;this.autoInvalidOff=false;this.onInput=function(e){var t=m(e);if(t){a.inputValue=t.value}a.balInput.emit(a.inputValue)};this.onFocus=function(e){v(a,e)};this.onBlur=function(e){w(a,e);var t=e.target;if(t){t.value=a.getFormattedValue();_(a)}};this.onKeydown=function(e){if(!l(e)&&!c(e)){if(!a.getAllowedKeys().includes(e.key)){return k(e)}}}}e.prototype.createLogger=function(e){this.log=e};e.prototype.debounceChanged=function(){this.balChange=D(this.balChange,this.debounce)};e.prototype.listenOnClick=function(e){y(this,e)};e.prototype.resetHandler=function(e){var t=e.target;if(t===null||t===void 0?void 0:t.contains(this.el)){g(this,this.initialValue,this.resetHandlerTimer)}};e.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||""};e.prototype.componentDidLoad=function(){this.inputValue=this.value};e.prototype.componentWillLoad=function(){this.inheritedAttributes=u(this.el,["aria-label","tabindex","title","data-hj-allow"])};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=e.language;this.region=e.region;if(!this.focused&&this.nativeInput){this.nativeInput.value=this.getFormattedValue()}return[2]}))}))};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){x(this);return[2]}))}))};e.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){j(this);return[2]}))}))};e.prototype.getInputElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.nativeInput]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.getAllowedKeys=function(){return __spreadArray(__spreadArray(__spreadArray([],f,true),p,true),[":","A","M","P"],false)};e.prototype.getRawValue=function(){var e=(this.value||"").toString();return e};e.prototype.getFormattedValue=function(){return this.getRawValue()};e.prototype.render=function(){var e=this;var t=this.focused?this.getRawValue():this.getFormattedValue();var i=b.block("time-input");var r=i.element("native");return a(n,{key:"86f8a153c77f318da2e35298216ab1b5c24ee7bd","aria-disabled":d(this.disabled),class:Object.assign({},i.class())},a("bal-input-group",{key:"32beb28a88c67c27102e682d29a705bff9fa0ebb",disabled:this.disabled||this.readonly,invalid:this.invalid},a("input",Object.assign({key:"b96e7dd3309fa3e4e5e186000f6e3320f3fd42c0",type:"time",class:Object.assign({input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"has-focus":this.focused,"show-placeholder":!this.focused&&(this.value===""||this.value===undefined),"has-value":this.value!==""&&this.value!==undefined},r.class()),ref:function(t){return e.nativeInput=t},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":d(this.disabled),name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:"".concat(A[this.language].hours,":").concat(A[this.language].minutes),value:t,onInput:function(t){return e.onInput(t)},onFocus:function(t){return e.onFocus(t)},onBlur:function(t){return e.onBlur(t)},onKeyDown:function(t){return e.onKeydown(t)},onKeyPress:function(t){return e.balKeyPress.emit(t)}},this.inheritedAttributes)),a("bal-icon",{key:"0b968334c8e83ee0eb538f6f2b2b07186e0676c7","is-right":true,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"clock"})))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"]}},enumerable:false,configurable:true});return e}());o([O("bal-time-input"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],I.prototype,"createLogger",null);o([B(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],I.prototype,"configChanged",null);var F=0;I.style=C}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,i,a){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{l(a.next(e))}catch(e){r(e)}}function s(e){try{l(a["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):n(e.value).then(o,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,n,r,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=s(0),o["throw"]=s(1),o["return"]=s(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return l([e,t])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(i=0)),i)try{if(a=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e];n=0}finally{a=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var a=0,n=t.length,r;a<n;a++){if(r||!(a in t)){if(!r)r=Array.prototype.slice.call(t,0,a);r[a]=t[a]}}return e.concat(r||Array.prototype.slice.call(t))};System.register(["./p-PNu_g_s6.system.js","./p-Cjiw70Dk.system.js","./p-CpWDVANq.system.js","./p-DKjTFqnu.system.js","./p-m5GX4h3i.system.js","./p-BbAtjg9Y.system.js","./p-Dd7xQwRJ.system.js","./p-CLfE_o7e.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-4Y53iwfN.system.js","./p-DPYRyPTD.system.js","./p-BblIE2Vz.system.js","./p-BpMXwP_q.system.js","./p-Bzy18UgU.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js"],(function(e){"use strict";var t,i,a,n,r,o,s,l,d,u,b,c,f,p,h,m,v,w,_,k,y,g,x,j,D,O,A,P,B;return{setters:[function(e){t=e.r;i=e.c;a=e.h;n=e.H;r=e.g},function(e){o=e._;s=e.a},function(e){l=e.i},function(e){d=e.a},function(e){u=e.i},function(e){b=e.B},function(e){c=e.i;f=e.N;p=e.A},function(e){h=e.d},function(e){m=e.g;v=e.a;w=e.b;_=e.e;k=e.s;y=e.h;g=e.j;x=e.c;j=e.d},function(e){D=e.n},function(e){O=e.L},function(e){A=e.i},function(e){P=e.d},function(e){B=e.L},null,null,null],execute:function(){var C=":root{--bal-time-input-native-placeholder-background-before:var(--bal-color-white);--bal-time-input-native-placeholder-background-disabled-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-danger-before:var(--bal-color-danger-1);--bal-time-input-native-placeholder-background-disabled-danger-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-hover-before:var(--bal-color-grey-1);--bal-time-input-native-text-color:var(--bal-color-primary-3);--bal-time-input-native-text-color-focus-value:var(--bal-color-primary);--bal-time-input-native-text-color-disabled:var(--bal-color-grey-5);--bal-time-input-native-text-color-disabled-value:var(--bal-color-grey-4);--bal-time-input-native-placeholder-text-color-disabled-before:var(--bal-color-grey-5);--bal-time-input-native-placeholder-text-color-before:var(--bal-color-primary-3)}.bal-time-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper{display:flex}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-clear-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-inner-spin-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-calendar-picker-indicator{display:none;background:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before{color:var(--bal-time-input-native-placeholder-text-color-disabled-before);background:var(--bal-time-input-native-placeholder-background-disabled-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-danger::before{background:var(--bal-time-input-native-placeholder-background-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-disabled.is-danger::before{background:var(--bal-time-input-native-placeholder-background-disabled-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before:hover::before{background:var(--bal-time-input-native-placeholder-background-hover-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before::before{color:var(--bal-time-input-native-placeholder-text-color-before);content:attr(placeholder);pointer-events:none;position:absolute;background:var(--bal-time-input-native-placeholder-background-before)}";var I=e("bal_time_input",function(){function e(e){var a=this;t(this,e);this.balInput=i(this,"balInput");this.balChange=i(this,"balChange");this.balBlur=i(this,"balBlur");this.balFocus=i(this,"balFocus");this.balKeyPress=i(this,"balKeyPress");this.balClick=i(this,"balClick");this.inputId="bal-time-input-".concat(F++);this.inheritedAttributes={};this.inputValue=this.value;this.initialValue="";this.focused=false;this.language=P.language;this.region=P.region;this.ariaForm=h;this.name=this.inputId;this.invalid=false;this.required=false;this.disabled=false;this.readonly=false;this.debounce=0;this.value=undefined;this.autoInvalidOff=false;this.onInput=function(e){var t=m(e);if(t){a.inputValue=t.value}a.balInput.emit(a.inputValue)};this.onFocus=function(e){v(a,e)};this.onBlur=function(e){w(a,e);var t=e.target;if(t){t.value=a.getFormattedValue();_(a)}};this.onKeydown=function(e){if(!l(e)&&!c(e)){if(!a.getAllowedKeys().includes(e.key)){return k(e)}}}}e.prototype.createLogger=function(e){this.log=e};e.prototype.debounceChanged=function(){this.balChange=D(this.balChange,this.debounce)};e.prototype.listenOnClick=function(e){y(this,e)};e.prototype.resetHandler=function(e){var t=e.target;if(t===null||t===void 0?void 0:t.contains(this.el)){g(this,this.initialValue,this.resetHandlerTimer)}};e.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value||""};e.prototype.componentDidLoad=function(){this.inputValue=this.value};e.prototype.componentWillLoad=function(){this.inheritedAttributes=u(this.el,["aria-label","tabindex","title","data-hj-allow"])};e.prototype.configChanged=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=e.language;this.region=e.region;if(!this.focused&&this.nativeInput){this.nativeInput.value=this.getFormattedValue()}return[2]}))}))};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){x(this);return[2]}))}))};e.prototype.setBlur=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){j(this);return[2]}))}))};e.prototype.getInputElement=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.nativeInput]}))}))};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.ariaForm=Object.assign({},e);return[2]}))}))};e.prototype.getAllowedKeys=function(){return __spreadArray(__spreadArray(__spreadArray([],f,true),p,true),[":","A","M","P"],false)};e.prototype.getRawValue=function(){var e=(this.value||"").toString();return e};e.prototype.getFormattedValue=function(){return this.getRawValue()};e.prototype.render=function(){var e=this;var t=this.focused?this.getRawValue():this.getFormattedValue();var i=b.block("time-input");var r=i.element("native");return a(n,{key:"6b1b0a24a554e6c36befcc44f888a4a6582b2ada","aria-disabled":d(this.disabled),class:Object.assign({},i.class())},a("bal-input-group",{key:"e0a53ed0fa5bc08deb818fb6e7119bef8bf5bed1",disabled:this.disabled||this.readonly,invalid:this.invalid},a("input",Object.assign({key:"7ede7fc70c763cae673b67192a4ab467f0a5c7fc",type:"time",class:Object.assign({input:true,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,"has-focus":this.focused,"show-placeholder":!this.focused&&(this.value===""||this.value===undefined),"has-value":this.value!==""&&this.value!==undefined},r.class()),ref:function(t){return e.nativeInput=t},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":this.invalid===true?"true":"false","aria-disabled":d(this.disabled),name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:"".concat(A[this.language].hours,":").concat(A[this.language].minutes),value:t,onInput:function(t){return e.onInput(t)},onFocus:function(t){return e.onFocus(t)},onBlur:function(t){return e.onBlur(t)},onKeyDown:function(t){return e.onKeydown(t)},onKeyPress:function(t){return e.balKeyPress.emit(t)}},this.inheritedAttributes)),a("bal-icon",{key:"cce0762bb6cb91dd62ced90ab7b8defbf75ca7ac","is-right":true,color:this.disabled||this.readonly?"grey":this.invalid?"danger":"primary",name:"clock"})))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"]}},enumerable:false,configurable:true});return e}());o([O("bal-time-input"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],I.prototype,"createLogger",null);o([B(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],I.prototype,"configChanged",null);var F=0;I.style=C}}}));
|