@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
package/dist/baloise-design-system/{p-76fdd28025.system.entry.js → p-744c19c66d.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-PNu_g_s6.system.js","./p-BbAtjg9Y.system.js"],(function(i){"use strict";var a,o,t,n;return{setters:[function(i){a=i.r;o=i.h;t=i.H},function(i){n=i.B}],execute:function(){var r=':root{--bal-notification-font-size:var(--bal-text-size-normal);--bal-notification-font-family:var(--bal-font-family-text);--bal-notification-title-font-family:var(--bal-font-family-title);--bal-notification-title-font-size:var(--bal-text-size-medium);--bal-notification-title-font-size-tablet:var(--bal-text-size-medium-tablet);--bal-notification-title-font-size-desktop:var(--bal-text-size-medium-desktop);--bal-notification-background:var(--bal-color-grey-2);--bal-notification-background-primary:var(--bal-color-grey-2);--bal-notification-background-info:var(--bal-color-info-2);--bal-notification-background-success:var(--bal-color-success-2);--bal-notification-background-warning:var(--bal-color-warning-2);--bal-notification-background-danger:var(--bal-color-danger-2);--bal-notification-background-light:var(--bal-color-grey-1);--bal-notification-background-light-primary:var(--bal-color-purple-1);--bal-notification-background-light-info:var(--bal-color-info-1);--bal-notification-background-light-success:var(--bal-color-green-1);--bal-notification-background-light-warning:var(--bal-color-yellow-1);--bal-notification-background-light-danger:var(--bal-color-red-1);--bal-notification-border:var(--bal-color-grey-4);--bal-notification-border-primary:var(--bal-color-purple-3);--bal-notification-border-info:var(--bal-color-info-3);--bal-notification-border-success:var(--bal-color-green-5);--bal-notification-border-warning:var(--bal-color-yellow-4);--bal-notification-border-danger:var(--bal-color-red-4);--bal-notification-radius:var(--bal-radius-large);--bal-notification-light-radius:var(--bal-radius-normal);--bal-notification-color:var(--bal-color-text-primary);--bal-notification-color-primary:var(--bal-color-text-primary);--bal-notification-color-info:var(--bal-color-text-primary);--bal-notification-color-success:var(--bal-color-text-primary);--bal-notification-color-warning:var(--bal-color-text-primary);--bal-notification-color-danger:var(--bal-color-text-primary)}.bal-notification{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem;position:relative;min-height:3.5rem;border-radius:var(--bal-notification-radius);font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);background:var(--bal-notification-background);color:var(--bal-notification-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-notification{padding:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-notification{padding:var(--bal-space-medium-desktop)}}.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-family:var(--bal-notification-title-font-family);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-notification-title-font-size);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-tablet)}}@media screen and (min-width: 1024px){.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-desktop)}}.bal-notification>span,.bal-notification>p{font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-notification--color-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-primary{background:var(--bal-notification-background-primary);color:var(--bal-notification-color-primary)}.bal-notification--color-primary-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-info{background:var(--bal-notification-background-info);color:var(--bal-notification-color-info)}.bal-notification--color-info-light{border:2px solid var(--bal-notification-border-info);background:var(--bal-notification-background-light-info);color:var(--bal-notification-color-info);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-danger{background:var(--bal-notification-background-danger);color:var(--bal-notification-color-danger)}.bal-notification--color-danger-light{border:2px solid var(--bal-notification-border-danger);background:var(--bal-notification-background-light-danger);color:var(--bal-notification-color-danger);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-warning{background:var(--bal-notification-background-warning);color:var(--bal-notification-color-warning)}.bal-notification--color-warning-light{border:2px solid var(--bal-notification-border-warning);background:var(--bal-notification-background-light-warning);color:var(--bal-notification-color-warning);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-success{background:var(--bal-notification-background-success);color:var(--bal-notification-color-success)}.bal-notification--color-success-light{border:2px solid var(--bal-notification-border-success);background:var(--bal-notification-background-light-success);color:var(--bal-notification-color-success);border-radius:var(--bal-notification-light-radius)}.bal-notification:not(.bal-notification--no-icon){padding-left:3rem}.bal-notification:not(.bal-notification--no-icon):before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1.5rem;content:"";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-notification--color-primary:not(.bal-notification--no-icon):before,.bal-notification--color-primary-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-notification--color-info:not(.bal-notification--no-icon):before,.bal-notification--color-info-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-notification--color-success:not(.bal-notification--no-icon):before,.bal-notification--color-success-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-notification--color-warning:not(.bal-notification--no-icon):before,.bal-notification--color-warning-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-notification--color-danger:not(.bal-notification--no-icon):before,.bal-notification--color-danger-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}';var l=i("bal_notification",function(){function i(i){a(this,i);this.color="";this.light=false;this.noIcon=false}i.prototype.render=function(){var i=n.block("notification");i.element("inner");return o(t,{key:"f9a2fea93790ed9356e61597b3a6301a2cabc57f",class:Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("no-icon").class(this.noIcon)),i.modifier("color-".concat(this.color).concat(this.light?"-light":"")).class(!!this.color)),i.modifier("color-light").class(!this.color&&this.light)),"data-testid":"bal-notification-content"},o("slot",{key:"032dda1d4a05b484eb484465e5550da20a71499e"}))};return i}());l.style=r}}}));
|
|
1
|
+
System.register(["./p-PNu_g_s6.system.js","./p-BbAtjg9Y.system.js"],(function(i){"use strict";var o,a,t,n;return{setters:[function(i){o=i.r;a=i.h;t=i.H},function(i){n=i.B}],execute:function(){var r=':root{--bal-notification-font-size:var(--bal-text-size-normal);--bal-notification-font-family:var(--bal-font-family-text);--bal-notification-title-font-family:var(--bal-font-family-title);--bal-notification-title-font-size:var(--bal-text-size-medium);--bal-notification-title-font-size-tablet:var(--bal-text-size-medium-tablet);--bal-notification-title-font-size-desktop:var(--bal-text-size-medium-desktop);--bal-notification-background:var(--bal-color-grey-2);--bal-notification-background-primary:var(--bal-color-grey-2);--bal-notification-background-info:var(--bal-color-info-2);--bal-notification-background-success:var(--bal-color-success-2);--bal-notification-background-warning:var(--bal-color-warning-2);--bal-notification-background-danger:var(--bal-color-danger-2);--bal-notification-background-light:var(--bal-color-grey-1);--bal-notification-background-light-primary:var(--bal-color-purple-1);--bal-notification-background-light-info:var(--bal-color-info-1);--bal-notification-background-light-success:var(--bal-color-green-1);--bal-notification-background-light-warning:var(--bal-color-yellow-1);--bal-notification-background-light-danger:var(--bal-color-red-1);--bal-notification-border:var(--bal-color-grey-4);--bal-notification-border-primary:var(--bal-color-purple-3);--bal-notification-border-info:var(--bal-color-info-3);--bal-notification-border-success:var(--bal-color-green-5);--bal-notification-border-warning:var(--bal-color-yellow-4);--bal-notification-border-danger:var(--bal-color-red-4);--bal-notification-radius:var(--bal-radius-large);--bal-notification-light-radius:var(--bal-radius-normal);--bal-notification-color:var(--bal-color-text-primary);--bal-notification-color-primary:var(--bal-color-text-primary);--bal-notification-color-info:var(--bal-color-text-primary);--bal-notification-color-success:var(--bal-color-text-primary);--bal-notification-color-warning:var(--bal-color-text-primary);--bal-notification-color-danger:var(--bal-color-text-primary)}.bal-notification{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem;position:relative;min-height:3.5rem;border-radius:var(--bal-notification-radius);font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);background:var(--bal-notification-background);color:var(--bal-notification-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-notification{padding:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-notification{padding:var(--bal-space-medium-desktop)}}.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-family:var(--bal-notification-title-font-family);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-notification-title-font-size);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-tablet)}}@media screen and (min-width: 1024px){.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-desktop)}}.bal-notification>span,.bal-notification>p{font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-notification--color-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-primary{background:var(--bal-notification-background-primary);color:var(--bal-notification-color-primary)}.bal-notification--color-primary-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-info{background:var(--bal-notification-background-info);color:var(--bal-notification-color-info)}.bal-notification--color-info-light{border:2px solid var(--bal-notification-border-info);background:var(--bal-notification-background-light-info);color:var(--bal-notification-color-info);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-danger{background:var(--bal-notification-background-danger);color:var(--bal-notification-color-danger)}.bal-notification--color-danger-light{border:2px solid var(--bal-notification-border-danger);background:var(--bal-notification-background-light-danger);color:var(--bal-notification-color-danger);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-warning{background:var(--bal-notification-background-warning);color:var(--bal-notification-color-warning)}.bal-notification--color-warning-light{border:2px solid var(--bal-notification-border-warning);background:var(--bal-notification-background-light-warning);color:var(--bal-notification-color-warning);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-success{background:var(--bal-notification-background-success);color:var(--bal-notification-color-success)}.bal-notification--color-success-light{border:2px solid var(--bal-notification-border-success);background:var(--bal-notification-background-light-success);color:var(--bal-notification-color-success);border-radius:var(--bal-notification-light-radius)}.bal-notification:not(.bal-notification--no-icon){padding-left:3rem}.bal-notification:not(.bal-notification--no-icon):before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1.5rem;content:"";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-notification--color-primary:not(.bal-notification--no-icon):before,.bal-notification--color-primary-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-notification--color-info:not(.bal-notification--no-icon):before,.bal-notification--color-info-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-notification--color-success:not(.bal-notification--no-icon):before,.bal-notification--color-success-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-notification--color-warning:not(.bal-notification--no-icon):before,.bal-notification--color-warning-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-notification--color-danger:not(.bal-notification--no-icon):before,.bal-notification--color-danger-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}';var l=i("bal_notification",function(){function i(i){o(this,i);this.color="";this.light=false;this.noIcon=false}i.prototype.render=function(){var i=n.block("notification");i.element("inner");return a(t,{key:"25a9149c4bb693ebf3c1b1a863e72f7727b8d046",class:Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("no-icon").class(this.noIcon)),i.modifier("color-".concat(this.color).concat(this.light?"-light":"")).class(!!this.color)),i.modifier("color-light").class(!this.color&&this.light)),"data-testid":"bal-notification-content"},a("slot",{key:"6254964fe9f247d75cb102a80c7a251a233bf2d9"}))};return i}());l.style=r}}}));
|
package/dist/baloise-design-system/{p-967ff349ed.system.entry.js → p-746165a211.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-PNu_g_s6.system.js","./p-BbAtjg9Y.system.js"],(function(r){"use strict";var i,
|
|
1
|
+
System.register(["./p-PNu_g_s6.system.js","./p-BbAtjg9Y.system.js"],(function(r){"use strict";var a,i,l,o,e;return{setters:[function(r){a=r.r;i=r.h;l=r.H;o=r.g},function(r){e=r.B}],execute:function(){var u=".bal-input-group{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;border:var(--bal-border-width-normal) solid var(--bal-color-border);border-radius:var(--bal-radius-normal);background:var(--bal-color-white)}.bal-input-group .input{min-height:2.75rem;height:2.75rem;border:none;border-radius:0;background:none !important;padding-left:0;padding-right:0;padding-bottom:calc(.5em - .313rem);padding-top:calc(.5em - .313rem)}.bal-input-group .bal-select__control{border:none;min-height:2.75rem}.bal-input-group .bal-select__control__input{padding-left:0 !important;padding-right:0 !important}.bal-input-group .bal-icon{min-width:3rem}.bal-input-group .bal-tag .bal-icon{min-width:unset}.bal-input-group>*:first-child.bal-select .bal-select__control{padding-left:.625rem}.bal-input-group>*:first-child.bal-input .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input .input{padding-right:.625rem}.bal-input-group>*:first-child.bal-input-date .input{padding-left:.625rem}.bal-input-group>*:last-child.bal-input-date .input{padding-right:.625rem}.bal-input-group>*:first-child.input{padding-left:.625rem}.bal-input-group>*:last-child.input{padding-right:.625rem}.bal-input-group>*:last-child.bal-tag{margin-right:.625rem}.bal-input-group>*:first-child.bal-tag{margin-left:.625rem}.bal-input-group.is-hovered,.bal-input-group.is-hovered .input,.bal-input-group.is-hovered .bal-select__control,.bal-input-group:hover,.bal-input-group:hover .input,.bal-input-group:hover .bal-select__control{background:var(--bal-form-field-control-background-hover)}.bal-input-group--is-danger,.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group--is-danger svg g,.bal-input-group--is-danger svg path,.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-danger,.bal-input-group.bal-input-group--is-danger .input{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-input-group.bal-input-group--is-danger svg,.bal-input-group.bal-input-group--is-danger svg g,.bal-input-group.bal-input-group--is-danger svg path,.bal-input-group.bal-input-group--is-danger svg circle{fill:var(--bal-color-border-danger)}.bal-input-group.bal-input-group--is-success,.bal-input-group.bal-input-group--is-success .input{border-color:var(--bal-color-border-success);background:var(--bal-color-success-1)}.bal-input-group.bal-input-group--is-success svg,.bal-input-group.bal-input-group--is-success svg g,.bal-input-group.bal-input-group--is-success svg path,.bal-input-group.bal-input-group--is-success svg circle{fill:var(--bal-color-border-success)}.bal-input-group.bal-input-group--is-warning,.bal-input-group.bal-input-group--is-warning .input{border-color:var(--bal-color-border-warning);background:var(--bal-color-warning-1)}.bal-input-group.bal-input-group--is-warning svg,.bal-input-group.bal-input-group--is-warning svg g,.bal-input-group.bal-input-group--is-warning svg path,.bal-input-group.bal-input-group--is-warning svg circle{fill:var(--bal-color-border-warning)}.bal-input-group.bal-input-group--is-disabled,.bal-input-group.bal-input-group--is-disabled .input{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-input-group.bal-input-group--is-disabled svg,.bal-input-group.bal-input-group--is-disabled svg g,.bal-input-group.bal-input-group--is-disabled svg path,.bal-input-group.bal-input-group--is-disabled svg circle{fill:var(--bal-color-border-grey-dark)}.bal-input-group--is-disabled,.bal-input-group--is-disabled .input{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-color-text-grey-dark)}.bal-input-group--is-disabled ::-webkit-input-placeholder,.bal-input-group--is-disabled .input ::-webkit-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-moz-placeholder,.bal-input-group--is-disabled .input ::-moz-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled :-ms-input-placeholder,.bal-input-group--is-disabled .input :-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::-ms-input-placeholder,.bal-input-group--is-disabled .input ::-ms-input-placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled ::placeholder,.bal-input-group--is-disabled .input ::placeholder{color:var(--bal-color-text-grey)}.bal-input-group--is-disabled .tag{background-color:var(--bal-color-grey-5)}.bal-input-group--is-disabled .tag span{color:var(--bal-color-text-white)}.bal-input-group--is-disabled .tag .delete{display:none}.bal-input-group:not(.bal-input-group--is-disabled):focus-within{border-color:var(--bal-color-primary)}";var t=r("bal_input_group",function(){function r(r){a(this,r);this.invalid=false;this.disabled=false;this.readonly=false}r.prototype.render=function(){var r=e.block("input-group");var a="is-danger";var o=this.invalid;var u="is-disabled";var t=this.disabled||this.readonly;return i(l,{key:"9195a63ef1f2aaa0137b474c18933e80a43e0627",class:Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(a).class(o)),r.modifier(u).class(t))},i("slot",{key:"fe954e0a0cca1ea081567c6ccac571e9107d8d2e"}))};Object.defineProperty(r.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return r}());t.style=u}}}));
|
package/dist/baloise-design-system/{p-bd80a9b297.system.entry.js → p-75f3abf19e.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-PNu_g_s6.system.js","./p-BbAtjg9Y.system.js"],(function(e){"use strict";var a,c,b,l;return{setters:[function(e){a=e.r;c=e.h;b=e.H},function(e){l=e.B}],execute:function(){var i=":root{--bal-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-checkbox-switch-label-background-pressed-after:var(--bal-color-border-primary-pressed);--bal-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-border-danger-hovered);--bal-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-checkbox-switch-label-background-invalid-pressed-after:var(--bal-color-border-danger-pressed);--bal-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-checkbox-switch-label-background-invalid-checked-hovered-before:var(--bal-color-border-danger-hovered);--bal-checkbox-switch-label-background-invalid-checked-pressed-before:var(--bal-color-border-danger-pressed);--bal-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white)}.bal-switch{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:2.5rem;height:1.5rem;padding:.25rem;border-radius:var(--bal-radius-rounded);overflow:hidden;background:var(--bal-checkbox-switch-label-background-before)}@media (hover: hover)and (pointer: fine){.bal-switch--hovered,.bal-switch:hover{background:var(--bal-checkbox-switch-label-background-before)}.bal-switch--hovered .bal-switch__toggle,.bal-switch:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-hover-after)}}.bal-switch--pressed,.bal-switch:active{background:var(--bal-checkbox-switch-label-background-before)}.bal-switch--pressed .bal-switch__toggle,.bal-switch:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-pressed-after)}.bal-switch--checked{background:var(--bal-checkbox-switch-label-background-checked-before)}.bal-switch--checked .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}@media (hover: hover)and (pointer: fine){.bal-switch--checked.bal-switch--hovered,.bal-switch--checked:hover{background:var(--bal-checkbox-switch-label-background-checked-hover-before)}.bal-switch--checked.bal-switch--hovered .bal-switch__toggle,.bal-switch--checked:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}}.bal-switch--checked.bal-switch--pressed,.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-checked-active-before)}.bal-switch--checked.bal-switch--pressed .bal-switch__toggle,.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}.bal-switch--invalid{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-after)}@media (hover: hover)and (pointer: fine){.bal-switch--invalid.bal-switch--hovered,.bal-switch--invalid:hover{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid.bal-switch--hovered .bal-switch__toggle,.bal-switch--invalid:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-hover-after)}}.bal-switch--invalid.bal-switch--pressed,.bal-switch--invalid:active{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid.bal-switch--pressed .bal-switch__toggle,.bal-switch--invalid:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-pressed-after)}.bal-switch--invalid.bal-switch--checked.bal-switch,.bal-switch--invalid.bal-switch--checked{background:var(--bal-checkbox-switch-label-background-invalid-checked-before)}.bal-switch--invalid.bal-switch--checked.bal-switch .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--invalid.bal-switch--checked.bal-switch--hovered,.bal-switch--invalid.bal-switch--checked:hover{background:var(--bal-checkbox-switch-label-background-invalid-checked-hovered-before)}.bal-switch--invalid.bal-switch--checked.bal-switch--hovered .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--invalid.bal-switch--checked.bal-switch--pressed,.bal-switch--invalid.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-invalid-checked-pressed-before)}.bal-switch--invalid.bal-switch--checked.bal-switch--pressed .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--disabled,.bal-switch--disabled:hover,.bal-switch--disabled:active{background:var(--bal-checkbox-switch-label-background-disabled-hover-active-before)}.bal-switch--disabled .bal-switch__toggle,.bal-switch--disabled:hover .bal-switch__toggle,.bal-switch--disabled:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-disabled-hover-active-after)}.bal-switch--disabled.bal-switch--checked,.bal-switch--disabled.bal-switch--checked:hover,.bal-switch--disabled.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-disabled-checked-hover-active-before)}.bal-switch--disabled.bal-switch--checked .bal-switch__toggle,.bal-switch--disabled.bal-switch--checked:hover .bal-switch__toggle,.bal-switch--disabled.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-disabled-checked-hover-active-after)}.bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-after);border-radius:50%;position:absolute;top:.25rem;width:1rem;height:1rem;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out}.bal-switch__toggle--checked{-webkit-transform:translateX(100%);transform:translateX(100%);background:var(--bal-checkbox-switch-label-background-checked-after)}.bal-icon{position:absolute}.bal-icon .bal-switch__icon--checked{opacity:1}.bal-icon .bal-switch__icon{opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}";var r=e("bal_switch",function(){function e(e){a(this,e);this.checked=false;this.invalid=undefined;this.disabled=undefined;this.hovered=false;this.pressed=false}e.prototype.render=function(){var e=l.block("switch");var a=!!this.checked;var i=!!this.disabled;var r=!!this.invalid;return c(b,{key:"44e17aefdee7df228e92368c3863509a4dcd4bc8",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("checked").class(a)),e.modifier("disabled").class(i)),e.modifier("invalid").class(r)),e.modifier("hovered").class(this.hovered)),e.modifier("pressed").class(this.pressed))},c("bal-icon",{key:"1f27c8f3f92467ea80de321666e597c8ea7cde89",name:"check",color:"white",size:"small","aria-hidden":"true",colorHovered:"white",colorPressed:"white",hovered:this.hovered,pressed:this.pressed,class:Object.assign({},e.element("icon").modifier("checked").class(a))}),c("div",{key:"d22b87a1a091669422db72acf16d48a4c4e8825f",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("toggle").class()),e.element("toggle").modifier("checked").class(a)),e.element("toggle").modifier("disabled").class(i)),e.element("toggle").modifier("invalid").class(r)),e.modifier("hovered").class(this.hovered)),e.modifier("pressed").class(this.pressed))}))};return e}());r.style=i}}}));
|
|
1
|
+
System.register(["./p-PNu_g_s6.system.js","./p-BbAtjg9Y.system.js"],(function(e){"use strict";var a,c,b,l;return{setters:[function(e){a=e.r;c=e.h;b=e.H},function(e){l=e.B}],execute:function(){var i=":root{--bal-checkbox-switch-label-background-before:var(--bal-color-primary-1);--bal-checkbox-switch-label-background-after:var(--bal-color-primary);--bal-checkbox-switch-label-background-hover-after:var(--bal-color-light-blue-5);--bal-checkbox-switch-label-background-active-after:var(--bal-color-primary-6);--bal-checkbox-switch-label-background-pressed-after:var(--bal-color-border-primary-pressed);--bal-checkbox-switch-label-background-checked-before:var(--bal-color-success-4);--bal-checkbox-switch-label-background-checked-after:var(--bal-color-white);--bal-checkbox-switch-label-background-checked-hover-before:var(--bal-color-success-5);--bal-checkbox-switch-label-background-checked-active-before:var(--bal-color-success-6);--bal-checkbox-switch-label-background-invalid-before:var(--bal-color-danger-1);--bal-checkbox-switch-label-background-invalid-after:var(--bal-color-border-danger);--bal-checkbox-switch-label-background-invalid-hover-after:var(--bal-color-border-danger-hovered);--bal-checkbox-switch-label-background-invalid-active-after:var(--bal-color-border-danger);--bal-checkbox-switch-label-background-invalid-pressed-after:var(--bal-color-border-danger-pressed);--bal-checkbox-switch-label-background-invalid-checked-before:var(--bal-color-danger-4);--bal-checkbox-switch-label-background-invalid-checked-after:var(--bal-color-white);--bal-checkbox-switch-label-background-invalid-checked-hover-before:var(--bal-color-danger-5);--bal-checkbox-switch-label-background-invalid-checked-active-before:var(--bal-color-danger-6);--bal-checkbox-switch-label-background-invalid-checked-hovered-before:var(--bal-color-border-danger-hovered);--bal-checkbox-switch-label-background-invalid-checked-pressed-before:var(--bal-color-border-danger-pressed);--bal-checkbox-switch-label-background-disabled-hover-active-before:var(--bal-color-grey-3);--bal-checkbox-switch-label-background-disabled-hover-active-after:var(--bal-color-border-grey-dark);--bal-checkbox-switch-label-background-disabled-checked-hover-active-before:var(--bal-color-border-grey-dark);--bal-checkbox-switch-label-background-disabled-checked-hover-active-after:var(--bal-color-white)}.bal-switch{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:2.5rem;height:1.5rem;padding:.25rem;border-radius:var(--bal-radius-rounded);overflow:hidden;background:var(--bal-checkbox-switch-label-background-before)}@media (hover: hover)and (pointer: fine){.bal-switch--hovered,.bal-switch:hover{background:var(--bal-checkbox-switch-label-background-before)}.bal-switch--hovered .bal-switch__toggle,.bal-switch:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-hover-after)}}.bal-switch--pressed,.bal-switch:active{background:var(--bal-checkbox-switch-label-background-before)}.bal-switch--pressed .bal-switch__toggle,.bal-switch:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-pressed-after)}.bal-switch--checked{background:var(--bal-checkbox-switch-label-background-checked-before)}.bal-switch--checked .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}@media (hover: hover)and (pointer: fine){.bal-switch--checked.bal-switch--hovered,.bal-switch--checked:hover{background:var(--bal-checkbox-switch-label-background-checked-hover-before)}.bal-switch--checked.bal-switch--hovered .bal-switch__toggle,.bal-switch--checked:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}}.bal-switch--checked.bal-switch--pressed,.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-checked-active-before)}.bal-switch--checked.bal-switch--pressed .bal-switch__toggle,.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-checked-after)}.bal-switch--invalid{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-after)}@media (hover: hover)and (pointer: fine){.bal-switch--invalid.bal-switch--hovered,.bal-switch--invalid:hover{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid.bal-switch--hovered .bal-switch__toggle,.bal-switch--invalid:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-hover-after)}}.bal-switch--invalid.bal-switch--pressed,.bal-switch--invalid:active{background:var(--bal-checkbox-switch-label-background-invalid-before)}.bal-switch--invalid.bal-switch--pressed .bal-switch__toggle,.bal-switch--invalid:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-pressed-after)}.bal-switch--invalid.bal-switch--checked.bal-switch,.bal-switch--invalid.bal-switch--checked{background:var(--bal-checkbox-switch-label-background-invalid-checked-before)}.bal-switch--invalid.bal-switch--checked.bal-switch .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--invalid.bal-switch--checked.bal-switch--hovered,.bal-switch--invalid.bal-switch--checked:hover{background:var(--bal-checkbox-switch-label-background-invalid-checked-hovered-before)}.bal-switch--invalid.bal-switch--checked.bal-switch--hovered .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked:hover .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--invalid.bal-switch--checked.bal-switch--pressed,.bal-switch--invalid.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-invalid-checked-pressed-before)}.bal-switch--invalid.bal-switch--checked.bal-switch--pressed .bal-switch__toggle,.bal-switch--invalid.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-invalid-checked-after)}.bal-switch--disabled,.bal-switch--disabled:hover,.bal-switch--disabled:active{background:var(--bal-checkbox-switch-label-background-disabled-hover-active-before)}.bal-switch--disabled .bal-switch__toggle,.bal-switch--disabled:hover .bal-switch__toggle,.bal-switch--disabled:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-disabled-hover-active-after)}.bal-switch--disabled.bal-switch--checked,.bal-switch--disabled.bal-switch--checked:hover,.bal-switch--disabled.bal-switch--checked:active{background:var(--bal-checkbox-switch-label-background-disabled-checked-hover-active-before)}.bal-switch--disabled.bal-switch--checked .bal-switch__toggle,.bal-switch--disabled.bal-switch--checked:hover .bal-switch__toggle,.bal-switch--disabled.bal-switch--checked:active .bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-disabled-checked-hover-active-after)}.bal-switch__toggle{background:var(--bal-checkbox-switch-label-background-after);border-radius:50%;position:absolute;top:.25rem;width:1rem;height:1rem;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out}.bal-switch__toggle--checked{-webkit-transform:translateX(100%);transform:translateX(100%);background:var(--bal-checkbox-switch-label-background-checked-after)}.bal-switch .bal-icon{position:absolute}.bal-switch .bal-icon .bal-switch__icon--checked{opacity:1}.bal-switch .bal-icon .bal-switch__icon{opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}";var r=e("bal_switch",function(){function e(e){a(this,e);this.checked=false;this.invalid=undefined;this.disabled=undefined;this.hovered=false;this.pressed=false}e.prototype.render=function(){var e=l.block("switch");var a=!!this.checked;var i=!!this.disabled;var r=!!this.invalid;return c(b,{key:"44e17aefdee7df228e92368c3863509a4dcd4bc8",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("checked").class(a)),e.modifier("disabled").class(i)),e.modifier("invalid").class(r)),e.modifier("hovered").class(this.hovered)),e.modifier("pressed").class(this.pressed))},c("bal-icon",{key:"1f27c8f3f92467ea80de321666e597c8ea7cde89",name:"check",color:"white",size:"small","aria-hidden":"true",colorHovered:"white",colorPressed:"white",hovered:this.hovered,pressed:this.pressed,class:Object.assign({},e.element("icon").modifier("checked").class(a))}),c("div",{key:"d22b87a1a091669422db72acf16d48a4c4e8825f",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.element("toggle").class()),e.element("toggle").modifier("checked").class(a)),e.element("toggle").modifier("disabled").class(i)),e.element("toggle").modifier("invalid").class(r)),e.modifier("hovered").class(this.hovered)),e.modifier("pressed").class(this.pressed))}))};return e}());r.style=i}}}));
|
package/dist/baloise-design-system/{p-42801b7e0c.system.entry.js → p-77404bcf6d.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-PNu_g_s6.system.js","./p-BbAtjg9Y.system.js","./p-D7_eHNTI.system.js"],(function(e){"use strict";var a,t,l,i,r,n;return{setters:[function(e){a=e.r;t=e.h;l=e.H;i=e.g},function(e){r=e.B},function(e){n=e.b}],execute:function(){var x={display:"h1","display-2":"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",span:"span",p:"p","xxxxx-large":"h1","xxxx-large":"h1","xxx-large":"h1","xx-large":"h1","x-large":"h2",large:"h3",medium:"h4",normal:"h5"};var o=["xxxxx-large","xxxx-large","xxx-large","xx-large","x-large","large","medium","normal"];var s={display:"xxxxx-large","display-2":"xxxx-large",h1:"xxx-large",h2:"xx-large",h3:"x-large",h4:"large",h5:"normal",p:"normal",span:"normal","xxxxx-large":"xxxxx-large","xxxx-large":"xxxx-large","xxx-large":"xxx-large","xx-large":"xx-large","x-large":"x-large",large:"large",medium:"medium",normal:"normal"};var h={primary:"primary",info:"primary",blue:"primary",success:"success",warning:"warning",danger:"danger",white:"white"};var b=":root{--bal-heading-color-white:var(--bal-color-text-white);--bal-heading-color-success:var(--bal-color-text-success);--bal-heading-color-warning:var(--bal-color-text-warning);--bal-heading-color-danger:var(--bal-color-text-danger)}.bal-heading{display:block;position:static;margin:0}.bal-heading:not(:last-child){margin-bottom:var(--bal-space-x-small)}.bal-heading.bal-heading--level-display:not(:last-child){margin-bottom:var(--bal-space-normal)}.bal-heading--space-all,.bal-heading--space-top{margin-top:var(--bal-space-x-small)}.bal-heading--space-all,.bal-heading--space-bottom{margin-bottom:var(--bal-space-x-small)}.bal-heading--level-display.bal-heading--space-all,.bal-heading--level-display.bal-heading--space-top{margin-top:var(--bal-space-normal)}.bal-heading--level-display.bal-heading--space-all,.bal-heading--level-display.bal-heading--space-bottom{margin-bottom:var(--bal-space-normal)}.bal-heading--space-top,.bal-heading--space-top:not(:last-child){margin-bottom:0}.bal-heading--space-none,.bal-heading--space-none:not(:last-child){margin:0}.bal-heading__text{margin:0 !important;padding:0;font-weight:var(--bal-font-weight-bold);font-family:var(--bal-font-family-title)}.bal-heading__text--no-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-heading__text--subtitle{font-weight:var(--bal-font-weight-light)}.bal-heading__text--shadow{text-shadow:var(--bal-text-shadow-normal)}.bal-heading__text--color-white{color:var(--bal-heading-color-white)}.bal-heading__text--color-success{color:var(--bal-heading-color-success)}.bal-heading__text--color-warning{color:var(--bal-heading-color-warning)}.bal-heading__text--color-danger{color:var(--bal-heading-color-danger)}.bal-heading__text--size-normal{font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal)}@media screen and (min-width: 769px),print{.bal-heading__text--size-normal{font-size:var(--bal-text-size-normal-tablet);line-height:var(--bal-line-height-tablet-normal)}}@media screen and (min-width: 1024px){.bal-heading__text--size-normal{font-size:var(--bal-text-size-normal-desktop);line-height:var(--bal-line-height-desktop-normal)}}.bal-heading__text--size-medium{font-size:var(--bal-text-size-medium);line-height:var(--bal-line-height-medium)}@media screen and (min-width: 769px),print{.bal-heading__text--size-medium{font-size:var(--bal-text-size-medium-tablet);line-height:var(--bal-line-height-tablet-medium)}}@media screen and (min-width: 1024px){.bal-heading__text--size-medium{font-size:var(--bal-text-size-medium-desktop);line-height:var(--bal-line-height-desktop-medium)}}.bal-heading__text--size-large{font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-large{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-large{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-heading__text--size-x-large{font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-x-large{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-x-large{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}.bal-heading__text--size-xx-large{font-size:var(--bal-text-size-xx-large);line-height:var(--bal-line-height-xx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xx-large{font-size:var(--bal-text-size-xx-large-tablet);line-height:var(--bal-line-height-tablet-xx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xx-large{font-size:var(--bal-text-size-xx-large-desktop);line-height:var(--bal-line-height-desktop-xx-large)}}.bal-heading__text--size-xxx-large{font-size:var(--bal-text-size-xxx-large);line-height:var(--bal-line-height-xxx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xxx-large{font-size:var(--bal-text-size-xxx-large-tablet);line-height:var(--bal-line-height-tablet-xxx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xxx-large{font-size:var(--bal-text-size-xxx-large-desktop);line-height:var(--bal-line-height-desktop-xxx-large)}}.bal-heading__text--size-xxxx-large{font-size:var(--bal-text-size-xxxx-large);line-height:var(--bal-line-height-xxxx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xxxx-large{font-size:var(--bal-text-size-xxxx-large-tablet);line-height:var(--bal-line-height-tablet-xxxx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xxxx-large{font-size:var(--bal-text-size-xxxx-large-desktop);line-height:var(--bal-line-height-desktop-xxxx-large)}}.bal-heading__text--size-xxxxx-large{font-size:var(--bal-text-size-xxxxx-large);line-height:var(--bal-line-height-xxxxx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xxxxx-large{font-size:var(--bal-text-size-xxxxx-large-tablet);line-height:var(--bal-line-height-tablet-xxxxx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xxxxx-large{font-size:var(--bal-text-size-xxxxx-large-desktop);line-height:var(--bal-line-height-desktop-xxxxx-large)}}";var g=e("bal_heading",function(){function e(e){a(this,e);this.level="h1";this.noWrap=false;this.subtitle=false;this.color="";this.inverted=false;this.shadow=false}e.prototype.levelWatcher=function(){this.updateAutoFontSize()};e.prototype.visualLevelWatcher=function(){this.updateAutoFontSize()};e.prototype.autoLevelWatcher=function(){this.updateAutoFontSize()};e.prototype.connectedCallback=function(){this.updateAutoFontSize()};e.prototype.componentDidRender=function(){if(this.autoLevel&&this.autoFontSize){var e=this.rows;if(e>1){var a=s[this.autoLevel];if(a!==this.autoFontSize){var t=o.indexOf(this.autoFontSize)+1;this.autoFontSize=o[t]}}}};e.prototype.updateAutoFontSize=function(){this.autoFontSize=this.fontSize};Object.defineProperty(e.prototype,"rows",{get:function(){if(this.headingEl&&n.hasWindow){var e=window.getComputedStyle(this.headingEl);var a=parseInt(e.lineHeight.slice(0,-2),10);var t=this.headingEl.offsetHeight;return t/a}return 1},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"fontColor",{get:function(){if(this.inverted){return"white"}return h[this.color]},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"fontSize",{get:function(){return s[this.visualLevel?this.visualLevel:this.level]},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"tag",{get:function(){return x[this.level]},enumerable:false,configurable:true});e.prototype.render=function(){var e=this;var a=r.block("heading");var i=a.element("text");var n=this.tag;var x=this.fontColor;return t(l,{key:"3c9251d3a1d15a8470baa6e930fe902d322ca281",class:Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("space-".concat(this.space)).class(this.space!==undefined)),a.modifier("level-".concat(this.level)).class())},t(n,{key:"f0d7a82d43789b991e52881e7962fbf7ee6b8b2a",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("no-wrap").class(this.noWrap)),i.modifier("subtitle").class(this.subtitle)),i.modifier("shadow").class(this.shadow)),i.modifier("color-".concat(x)).class()),i.modifier("size-".concat(this.autoFontSize)).class()),ref:function(a){return e.headingEl=a},"data-testid":"bal-heading"},t("slot",{key:"9e6893fe656db354b740c3b1d040ec1c7a137883"})))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{level:["levelWatcher"],visualLevel:["visualLevelWatcher"],autoLevel:["autoLevelWatcher"]}},enumerable:false,configurable:true});return e}());g.style=b;var d=":root{--bal-text-color-light-blue:var(--bal-color-text-light-blue);--bal-text-color-blue-dark:var(--bal-color-text-primary-dark);--bal-text-color-blue-light:var(--bal-color-text-hovered);--bal-text-color-primary-light:var(--bal-color-text-primary-light);--bal-text-color-primary-dark:var(--bal-color-text-primary-dark);--bal-text-color-white:var(--bal-color-text-white);--bal-text-color-black:var(--bal-color-text-black);--bal-text-color-grey:var(--bal-color-text-grey);--bal-text-color-primary:var(--bal-color-text-primary);--bal-text-color-blue:var(--bal-color-text-primary);--bal-text-color-info:var(--bal-color-text-info);--bal-text-color-success:var(--bal-color-text-success);--bal-text-color-warning:var(--bal-color-text-warning);--bal-text-color-danger:var(--bal-color-text-danger);--bal-text-color-danger-dark:var(--bal-color-text-danger-dark);--bal-text-color-danger-darker:var(--bal-color-text-danger-darker)}.bal-text{display:block;-webkit-box-sizing:content-box;box-sizing:content-box;position:static;word-break:break-word;margin:0 0 var(--bal-space-normal) 0}.bal-text--inline{display:inline;margin:0}.bal-text--space-all{margin-top:var(--bal-space-normal);margin-bottom:var(--bal-space-normal)}.bal-text--space-top{margin-top:var(--bal-space-normal);margin-bottom:0}.bal-text--space-bottom{margin-top:0;margin-bottom:var(--bal-space-normal)}.bal-text--space-none{margin:0}.bal-text__text{padding:0;margin:0}.bal-text__text--no-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-text__text--bold{font-weight:var(--bal-font-weight-bold)}.bal-text__text--shadow{text-shadow:var(--bal-text-shadow-normal)}.bal-text__text--heading{font-family:var(--bal-font-family-title)}.bal-text__text--size-small{font-size:var(--bal-text-size-small);line-height:var(--bal-line-height-small)}@media screen and (min-width: 769px),print{.bal-text__text--size-small{font-size:var(--bal-text-size-small-tablet);line-height:var(--bal-line-height-tablet-small)}}@media screen and (min-width: 1024px){.bal-text__text--size-small{font-size:var(--bal-text-size-small-desktop);line-height:var(--bal-line-height-desktop-small)}}.bal-text__text--size-block{font-size:var(--bal-text-size-medium);line-height:var(--bal-line-height-medium)}@media screen and (min-width: 769px),print{.bal-text__text--size-block{font-size:var(--bal-text-size-medium-tablet);line-height:var(--bal-line-height-tablet-medium)}}@media screen and (min-width: 1024px){.bal-text__text--size-block{font-size:var(--bal-text-size-medium-desktop);line-height:var(--bal-line-height-desktop-medium)}}.bal-text__text--size-lead{font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-text__text--size-lead{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-text__text--size-lead{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-text__text--color-light-blue{color:var(--bal-text-color-light-blue)}.bal-text__text--color-blue-dark{color:var(--bal-text-color-primary-dark)}.bal-text__text--color-blue-light{color:var(--bal-text-color-blue-light)}.bal-text__text--color-primary-light{color:var(--bal-text-color-primary-light)}.bal-text__text--color-primary-dark{color:var(--bal-text-color-primary-dark)}.bal-text__text--color-white{color:var(--bal-text-color-white)}.bal-text__text--color-black{color:var(--bal-text-color-black)}.bal-text__text--color-grey{color:var(--bal-text-color-grey)}.bal-text__text--color-primary{color:var(--bal-text-color-primary)}.bal-text__text--color-blue{color:var(--bal-text-color-primary)}.bal-text__text--color-info{color:var(--bal-text-color-info)}.bal-text__text--color-success{color:var(--bal-text-color-success)}.bal-text__text--color-warning{color:var(--bal-text-color-warning)}.bal-text__text--color-danger{color:var(--bal-text-color-danger)}.bal-text__text--color-danger-dark{color:var(--bal-text-color-danger-dark)}.bal-text__text--color-danger-darker{color:var(--bal-text-color-danger-darker)}";var c=e("bal_text",function(){function e(e){a(this,e);this.size="";this.heading=false;this.noWrap=false;this.bold=false;this.inline=false;this.color="";this.space="";this.inverted=false;this.shadow=false;this.disabled=undefined;this.invalid=undefined;this.hovered=false;this.pressed=false}e.prototype.parseColor=function(){if(this.disabled){return"grey"}if(this.invalid){if(this.pressed){return"danger-darker"}if(this.hovered){return"danger-dark"}return"danger"}var e=this.inverted?"white":this.color==="info"?"primary":this.color;if(this.pressed){return"primary-dark"}if(this.hovered){return"light-blue"}return e};e.prototype.render=function(){var e=this.inline?"span":"p";var a=this.parseColor();var i=r.block("text");return t(l,{key:"c3bdd081cc6545ea36b6e935a204deea17fa3c4e",class:Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("space-".concat(this.space)).class(this.space!=="")),i.modifier("inline").class(this.inline))},t(e,{key:"1adac0420b875b03f4d42a631e0f0efb0df25b91",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},i.element("text").class()),i.element("text").modifier("color-".concat(a)).class(!!a)),i.element("text").modifier("bold").class(this.bold)),i.element("text").modifier("heading").class(this.heading)),i.element("text").modifier("shadow").class(this.shadow)),i.element("text").modifier("no-wrap").class(this.noWrap)),i.element("text").modifier("size-".concat(this.size)).class(this.size!=="")),"data-testid":"bal-text"},t("slot",{key:"1f827979acdbee7f9dda89bb9d0bd06a5cbaaaf6"})))};return e}());c.style=d}}}));
|
|
1
|
+
System.register(["./p-PNu_g_s6.system.js","./p-BbAtjg9Y.system.js","./p-D7_eHNTI.system.js"],(function(e){"use strict";var t,a,l,i,r,n;return{setters:[function(e){t=e.r;a=e.h;l=e.H;i=e.g},function(e){r=e.B},function(e){n=e.b}],execute:function(){var x={display:"h1","display-2":"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",span:"span",p:"p","xxxxx-large":"h1","xxxx-large":"h1","xxx-large":"h1","xx-large":"h1","x-large":"h2",large:"h3",medium:"h4",normal:"h5"};var o=["xxxxx-large","xxxx-large","xxx-large","xx-large","x-large","large","medium","normal"];var s={display:"xxxxx-large","display-2":"xxxx-large",h1:"xxx-large",h2:"xx-large",h3:"x-large",h4:"large",h5:"normal",p:"normal",span:"normal","xxxxx-large":"xxxxx-large","xxxx-large":"xxxx-large","xxx-large":"xxx-large","xx-large":"xx-large","x-large":"x-large",large:"large",medium:"medium",normal:"normal"};var h={primary:"primary",info:"primary",blue:"primary",success:"success",warning:"warning",danger:"danger",white:"white"};var b=":root{--bal-heading-color-white:var(--bal-color-text-white);--bal-heading-color-success:var(--bal-color-text-success);--bal-heading-color-warning:var(--bal-color-text-warning);--bal-heading-color-danger:var(--bal-color-text-danger)}.bal-heading{display:block;position:static;margin:0}.bal-heading:not(:last-child){margin-bottom:var(--bal-space-x-small)}.bal-heading.bal-heading--level-display:not(:last-child){margin-bottom:var(--bal-space-normal)}.bal-heading--space-all,.bal-heading--space-top{margin-top:var(--bal-space-x-small)}.bal-heading--space-all,.bal-heading--space-bottom{margin-bottom:var(--bal-space-x-small)}.bal-heading--level-display.bal-heading--space-all,.bal-heading--level-display.bal-heading--space-top{margin-top:var(--bal-space-normal)}.bal-heading--level-display.bal-heading--space-all,.bal-heading--level-display.bal-heading--space-bottom{margin-bottom:var(--bal-space-normal)}.bal-heading--space-top,.bal-heading--space-top:not(:last-child){margin-bottom:0}.bal-heading--space-none,.bal-heading--space-none:not(:last-child){margin:0}.bal-heading__text{margin:0 !important;padding:0;font-weight:var(--bal-font-weight-bold);font-family:var(--bal-font-family-title)}.bal-heading__text--no-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-heading__text--subtitle{font-weight:var(--bal-font-weight-light)}.bal-heading__text--shadow{text-shadow:var(--bal-text-shadow-normal)}.bal-heading__text--color-white{color:var(--bal-heading-color-white)}.bal-heading__text--color-success{color:var(--bal-heading-color-success)}.bal-heading__text--color-warning{color:var(--bal-heading-color-warning)}.bal-heading__text--color-danger{color:var(--bal-heading-color-danger)}.bal-heading__text--size-normal{font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal)}@media screen and (min-width: 769px),print{.bal-heading__text--size-normal{font-size:var(--bal-text-size-normal-tablet);line-height:var(--bal-line-height-tablet-normal)}}@media screen and (min-width: 1024px){.bal-heading__text--size-normal{font-size:var(--bal-text-size-normal-desktop);line-height:var(--bal-line-height-desktop-normal)}}.bal-heading__text--size-medium{font-size:var(--bal-text-size-medium);line-height:var(--bal-line-height-medium)}@media screen and (min-width: 769px),print{.bal-heading__text--size-medium{font-size:var(--bal-text-size-medium-tablet);line-height:var(--bal-line-height-tablet-medium)}}@media screen and (min-width: 1024px){.bal-heading__text--size-medium{font-size:var(--bal-text-size-medium-desktop);line-height:var(--bal-line-height-desktop-medium)}}.bal-heading__text--size-large{font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-large{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-large{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-heading__text--size-x-large{font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-x-large{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-x-large{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}.bal-heading__text--size-xx-large{font-size:var(--bal-text-size-xx-large);line-height:var(--bal-line-height-xx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xx-large{font-size:var(--bal-text-size-xx-large-tablet);line-height:var(--bal-line-height-tablet-xx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xx-large{font-size:var(--bal-text-size-xx-large-desktop);line-height:var(--bal-line-height-desktop-xx-large)}}.bal-heading__text--size-xxx-large{font-size:var(--bal-text-size-xxx-large);line-height:var(--bal-line-height-xxx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xxx-large{font-size:var(--bal-text-size-xxx-large-tablet);line-height:var(--bal-line-height-tablet-xxx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xxx-large{font-size:var(--bal-text-size-xxx-large-desktop);line-height:var(--bal-line-height-desktop-xxx-large)}}.bal-heading__text--size-xxxx-large{font-size:var(--bal-text-size-xxxx-large);line-height:var(--bal-line-height-xxxx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xxxx-large{font-size:var(--bal-text-size-xxxx-large-tablet);line-height:var(--bal-line-height-tablet-xxxx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xxxx-large{font-size:var(--bal-text-size-xxxx-large-desktop);line-height:var(--bal-line-height-desktop-xxxx-large)}}.bal-heading__text--size-xxxxx-large{font-size:var(--bal-text-size-xxxxx-large);line-height:var(--bal-line-height-xxxxx-large)}@media screen and (min-width: 769px),print{.bal-heading__text--size-xxxxx-large{font-size:var(--bal-text-size-xxxxx-large-tablet);line-height:var(--bal-line-height-tablet-xxxxx-large)}}@media screen and (min-width: 1024px){.bal-heading__text--size-xxxxx-large{font-size:var(--bal-text-size-xxxxx-large-desktop);line-height:var(--bal-line-height-desktop-xxxxx-large)}}";var g=e("bal_heading",function(){function e(e){t(this,e);this.level="h1";this.noWrap=false;this.subtitle=false;this.color="";this.inverted=false;this.shadow=false}e.prototype.levelWatcher=function(){this.updateAutoFontSize()};e.prototype.visualLevelWatcher=function(){this.updateAutoFontSize()};e.prototype.autoLevelWatcher=function(){this.updateAutoFontSize()};e.prototype.connectedCallback=function(){this.updateAutoFontSize()};e.prototype.componentDidRender=function(){if(this.autoLevel&&this.autoFontSize){var e=this.rows;if(e>1){var t=s[this.autoLevel];if(t!==this.autoFontSize){var a=o.indexOf(this.autoFontSize)+1;this.autoFontSize=o[a]}}}};e.prototype.updateAutoFontSize=function(){this.autoFontSize=this.fontSize};Object.defineProperty(e.prototype,"rows",{get:function(){if(this.headingEl&&n.hasWindow){var e=window.getComputedStyle(this.headingEl);var t=parseInt(e.lineHeight.slice(0,-2),10);var a=this.headingEl.offsetHeight;return a/t}return 1},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"fontColor",{get:function(){if(this.inverted){return"white"}return h[this.color]},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"fontSize",{get:function(){return s[this.visualLevel?this.visualLevel:this.level]},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"tag",{get:function(){return x[this.level]},enumerable:false,configurable:true});e.prototype.render=function(){var e=this;var t=r.block("heading");var i=t.element("text");var n=this.tag;var x=this.fontColor;return a(l,{key:"bb045a6d0ed10c2143cb77f5852ac967e1b3b21a",class:Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("space-".concat(this.space)).class(this.space!==undefined)),t.modifier("level-".concat(this.level)).class())},a(n,{key:"ff31969a001a5706206f134d96c7f85dd8334176",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("no-wrap").class(this.noWrap)),i.modifier("subtitle").class(this.subtitle)),i.modifier("shadow").class(this.shadow)),i.modifier("color-".concat(x)).class()),i.modifier("size-".concat(this.autoFontSize)).class()),ref:function(t){return e.headingEl=t},"data-testid":"bal-heading"},a("slot",{key:"5ce82d9f2158abb4c0243cb6028d45ba3c60e7c5"})))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{level:["levelWatcher"],visualLevel:["visualLevelWatcher"],autoLevel:["autoLevelWatcher"]}},enumerable:false,configurable:true});return e}());g.style=b;var d=":root{--bal-text-color-light-blue:var(--bal-color-text-light-blue);--bal-text-color-blue-dark:var(--bal-color-text-primary-dark);--bal-text-color-blue-light:var(--bal-color-text-hovered);--bal-text-color-primary-light:var(--bal-color-text-primary-light);--bal-text-color-primary-dark:var(--bal-color-text-primary-dark);--bal-text-color-white:var(--bal-color-text-white);--bal-text-color-black:var(--bal-color-text-black);--bal-text-color-grey:var(--bal-color-text-grey);--bal-text-color-primary:var(--bal-color-text-primary);--bal-text-color-blue:var(--bal-color-text-primary);--bal-text-color-info:var(--bal-color-text-info);--bal-text-color-success:var(--bal-color-text-success);--bal-text-color-warning:var(--bal-color-text-warning);--bal-text-color-danger:var(--bal-color-text-danger);--bal-text-color-danger-dark:var(--bal-color-text-danger-dark);--bal-text-color-danger-darker:var(--bal-color-text-danger-darker)}.bal-text{display:block;-webkit-box-sizing:content-box;box-sizing:content-box;position:static;word-break:break-word;margin:0 0 var(--bal-space-normal) 0}.bal-text--inline{display:inline;margin:0}.bal-text--space-all{margin-top:var(--bal-space-normal);margin-bottom:var(--bal-space-normal)}.bal-text--space-top{margin-top:var(--bal-space-normal);margin-bottom:0}.bal-text--space-bottom{margin-top:0;margin-bottom:var(--bal-space-normal)}.bal-text--space-none{margin:0}.bal-text__text{padding:0;margin:0}.bal-text__text--no-wrap{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-text__text--bold{font-weight:var(--bal-font-weight-bold)}.bal-text__text--shadow{text-shadow:var(--bal-text-shadow-normal)}.bal-text__text--heading{font-family:var(--bal-font-family-title)}.bal-text__text--size-small{font-size:var(--bal-text-size-small);line-height:var(--bal-line-height-small)}@media screen and (min-width: 769px),print{.bal-text__text--size-small{font-size:var(--bal-text-size-small-tablet);line-height:var(--bal-line-height-tablet-small)}}@media screen and (min-width: 1024px){.bal-text__text--size-small{font-size:var(--bal-text-size-small-desktop);line-height:var(--bal-line-height-desktop-small)}}.bal-text__text--size-block{font-size:var(--bal-text-size-medium);line-height:var(--bal-line-height-medium)}@media screen and (min-width: 769px),print{.bal-text__text--size-block{font-size:var(--bal-text-size-medium-tablet);line-height:var(--bal-line-height-tablet-medium)}}@media screen and (min-width: 1024px){.bal-text__text--size-block{font-size:var(--bal-text-size-medium-desktop);line-height:var(--bal-line-height-desktop-medium)}}.bal-text__text--size-lead{font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-text__text--size-lead{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-text__text--size-lead{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-text__text--color-light-blue{color:var(--bal-text-color-light-blue)}.bal-text__text--color-blue-dark{color:var(--bal-text-color-primary-dark)}.bal-text__text--color-blue-light{color:var(--bal-text-color-blue-light)}.bal-text__text--color-primary-light{color:var(--bal-text-color-primary-light)}.bal-text__text--color-primary-dark{color:var(--bal-text-color-primary-dark)}.bal-text__text--color-white{color:var(--bal-text-color-white)}.bal-text__text--color-black{color:var(--bal-text-color-black)}.bal-text__text--color-grey{color:var(--bal-text-color-grey)}.bal-text__text--color-primary{color:var(--bal-text-color-primary)}.bal-text__text--color-blue{color:var(--bal-text-color-primary)}.bal-text__text--color-info{color:var(--bal-text-color-info)}.bal-text__text--color-success{color:var(--bal-text-color-success)}.bal-text__text--color-warning{color:var(--bal-text-color-warning)}.bal-text__text--color-danger{color:var(--bal-text-color-danger)}.bal-text__text--color-danger-dark{color:var(--bal-text-color-danger-dark)}.bal-text__text--color-danger-darker{color:var(--bal-text-color-danger-darker)}";var c=e("bal_text",function(){function e(e){t(this,e);this.size="";this.heading=false;this.noWrap=false;this.bold=false;this.inline=false;this.color="";this.space="";this.inverted=false;this.shadow=false;this.disabled=undefined;this.invalid=undefined;this.hovered=false;this.pressed=false}e.prototype.parseColor=function(){if(this.disabled){return"grey"}if(this.invalid){if(this.pressed){return"danger-darker"}if(this.hovered){return"danger-dark"}return"danger"}var e=this.inverted?"white":this.color==="info"?"primary":this.color;if(this.pressed){return"primary-dark"}if(this.hovered){return"light-blue"}return e};e.prototype.render=function(){var e=this.inline?"span":"p";var t=this.parseColor();var i=r.block("text");return a(l,{key:"8aceb26482ae28d7004f4bb81bdbad288dbbea71",class:Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("space-".concat(this.space)).class(this.space!=="")),i.modifier("inline").class(this.inline))},a(e,{key:"efbe450accfb6df4813866cf7f64649c08ad2f07",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},i.element("text").class()),i.element("text").modifier("color-".concat(t)).class(!!t)),i.element("text").modifier("bold").class(this.bold)),i.element("text").modifier("heading").class(this.heading)),i.element("text").modifier("shadow").class(this.shadow)),i.element("text").modifier("no-wrap").class(this.noWrap)),i.element("text").modifier("size-".concat(this.size)).class(this.size!=="")),"data-testid":"bal-text"},a("slot",{key:"33ad603fa81fe33512f02b5ed716bd4ec8e675cd"})))};return e}());c.style=d}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as a,g as e}from"./p-BdVwMG9u.js";import{_ as o,a as n}from"./p-dfXERft2.js";import{B as p}from"./p-ByiN-QjD.js";import{b as r}from"./p-B1u-Mq75.js";import{s as h}from"./p-CpDHeXfo.js";import{k as l,i as c}from"./p-Ba5qjFjW.js";import{L as d}from"./p-D7ovid3w.js";import{b as u}from"./p-CI2FR64u.js";import{j as b}from"./p-BERg8BNc.js";import"./p-D7M-7v58.js";class v{showContainerElement(t){t.containerEl&&this.showElement(t.containerEl)}hideContainerElement(t){t.containerEl&&this.hideElement(t.containerEl)}showArrowElement(t,i=t.arrow){i&&t.arrowEl&&this.showElement(t.arrowEl)}hideArrowElement(t){t.arrowEl&&Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}showBackdropElement(t,i=t.backdrop){i&&t.backdropEl&&this.showElement(t.backdropEl)}hideBackdropElement(t){t.backdropEl&&this.hideElement(t.backdropEl)}showElement(t){t&&(t.style.setProperty("display","block"),t.style.setProperty("visibility","visible"))}hideElement(t){t&&(t.style.removeProperty("display"),t.style.removeProperty("visibility"))}}class m extends v{constructor(){super(...arguments),this.backdrop=!1,this.offset=0}async present(t){return!!(t.containerEl&&t.trigger&&t.backdropEl)&&(this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop),this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset),t.containerEl.style.setProperty("inset","auto 0px 0px 0px"),t.containerEl.style.setProperty("bottom",`${this.offset}px`),t.backdropEl.style.setProperty("bottom",`${this.offset}px`),this.showBackdropElement(t,this.backdrop),this.showContainerElement(t),!0)}async update(t){return!1}async dismiss(t){return!(!t.containerEl||!t.backdropEl||(t.balWillAnimate.emit(),this.hideBackdropElement(t),this.hideContainerElement(t),t.containerEl.style.removeProperty("inset"),t.containerEl.style.removeProperty("bottom"),t.backdropEl.style.removeProperty("bottom"),0))}}class w extends v{constructor(){super(...arguments),this.offset=0}async present(t){return!(!t.containerEl||!t.trigger||(this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset),t.containerEl.style.setProperty("inset",`${this.offset}px auto auto 0px`),this.offset>0&&t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)"),t.innerEl&&t.innerEl.style.setProperty("max-height",`calc(var(--bal-app-height, 100%) - ${this.offset}px)`),this.showBackdropElement(t),this.showContainerElement(t),this.hideArrowElement(t),0))}async update(t){return!1}async dismiss(t){return!!t.containerEl&&(this.hideBackdropElement(t),this.hideContainerElement(t),this.hideArrowElement(t),t.containerEl.style.removeProperty("box-shadow"),t.containerEl.style.removeProperty("inset"),t.innerEl&&t.innerEl.style.removeProperty("max-height"),!0)}}class f extends v{constructor(){super(...arguments),this.placement="bottom",this.offset=0,this.arrow=!1,this.backdrop=!1,this.reference=void 0,this.triggerEl=null}async present(t){const i=await u.load();if(!t.trigger&&r.hasDocument){const i=Array.from(document.querySelectorAll(`[bal-popup="${t.el.id}"]`))[0];t.trigger=i}if(t.trigger&&t.containerEl&&t.arrowEl){if(this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement),this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow),this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop),this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference),this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset),this.triggerEl=t.trigger,this.reference&&r.hasDocument){const i=document.getElementById(this.reference);this.triggerEl=i||t.trigger}if(this.triggerEl)return this.showContainerElement(t),this.showBackdropElement(t,this.backdrop),this.showArrowElement(t,this.arrow),this.triggerEl.classList.add("bal-popup-variant-popover-trigger"),"bottom-end"===this.placement&&this.triggerEl!==t.trigger&&t.setMinWidth(this.triggerEl.clientWidth),this.cleanup=i.autoUpdate(this.triggerEl,t.containerEl,(()=>{this.update(t)}),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!0}),!0}return!1}async update(t){var i,s;if(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl){const a=await u.load(),e="bottom-end"===this.placement&&this.triggerEl!==t.trigger,o=null===(i=this.triggerEl)||void 0===i?void 0:i.getBoundingClientRect(),n=null===(s=t.trigger)||void 0===s?void 0:s.getBoundingClientRect();let p=!1;return r.hasWindow&&(p=!!window.frameElement),a.computePosition(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[p?void 0:a.shift(),a.flip(),a.offset(this.arrow?16:this.offset),a.arrow({element:t.arrowEl,padding:4})]}).then((({x:i,y:s,middlewareData:a,placement:p})=>{if(t.containerEl){Object.assign(t.containerEl.style,{left:`${i}px`,top:`${s}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[p.split("-")[0]];if(a.arrow&&t.arrowEl){const p=a.arrow;Object.assign(t.arrowEl.style,e?{right:o.right-n.right-4+n.width/2+"px",left:"",top:null!=s&&null!=p.y?`${p.y}px`:"",bottom:"",[r]:"-4px"}:{left:null!=i&&null!=p.x?`${p.x}px`:"",top:null!=s&&null!=p.y?`${p.y}px`:"",right:"",bottom:"",[r]:"-4px"})}}})),!0}return!1}async dismiss(t){return!!(t.containerEl&&t.arrowEl&&this.triggerEl)&&(this.cleanup&&this.cleanup(),this.triggerEl.classList.remove("bal-popup-variant-popover-trigger"),this.hideBackdropElement(t),this.hideContainerElement(t),this.hideArrowElement(t),!0)}}class g{constructor(t){this.renderer=t}async present(t){t.balWillAnimate.emit();const i=await this.renderer.present(t);return i&&(t.presented=!0,t.balDidAnimate.emit()),i}async update(t){t.balWillAnimate.emit();const i=await this.renderer.update(t);return i&&t.balDidAnimate.emit(),i}async dismiss(t){t.balWillAnimate.emit();const i=await this.renderer.dismiss(t);return i&&(t.presented=!1,t.balDidAnimate.emit()),i}}const y=class{constructor(s){t(this,s),this.balChange=i(this,"balChange"),this.balWillAnimate=i(this,"balWillAnimate"),this.balDidAnimate=i(this,"balDidAnimate"),this.popupId="bal-pu-"+x++,this.isClickedOutsideOnMouseDown=!1,this.isClickedOutsideOnMouseUp=!1,this.popoverVariantRenderer=new g(new f),this.fullscreenVariantRenderer=new g(new w),this.drawerVariantRenderer=new g(new m),this.lastVariant="popover",this.activeClosable=!1,this.activeBackdropDismiss=!1,this.activeVariant="popover",this.minContainerWidth="16.25rem",this.label="",this.variant="popover",this.placement="bottom",this.arrow=!1,this.backdrop=!1,this.offset=0,this.closable=!1,this.backdropDismiss=!1,this.active=!1,this.presented=!1,this.initialActive=this.active,this.demo=!1,this.debouncedGlobalClick=l((t=>this.notifyGlobalClick(t)),10),this.onBackdropClick=t=>!!(this.activeBackdropDismiss&&this.presented&&t&&t.target)&&t.target.classList.contains("bal-popup__backdrop"),this.onCloseClick=()=>{this.activeClosable&&this.dismiss()}}createLogger(t){this.log=t}async variantChanged(t,i){t!==i&&(await this.getVariantRenderer(i).dismiss(this),this.activeVariant!==t&&(this.lastVariant=this.activeVariant,this.activeVariant=t,await this.getVariantRenderer(this.lastVariant).dismiss(this)),this.presented&&await this.getVariantRenderer(t).present(this))}async activeChanged(t,i){t!==i&&t!==this.presented&&(t?this.present():this.dismiss())}contentWidthChanged(t,i){t!==i&&(void 0===t?this.el.style.removeProperty("--bal-popup-variant-popover-max-width"):this.el.style.setProperty("--bal-popup-variant-popover-max-width",`${this.contentWidth}px`))}componentDidLoad(){this.contentWidthChanged(this.contentWidth,0),!0===this.initialActive&&!0!==this.presented&&this.present(),this.demo&&this.present()}async listenOnGlobalClick(t){var i;const s=t.target,a=s.closest("[bal-popup]");if(a&&r.hasWindow){const t=(null===(i=a.attributes.getNamedItem("bal-popup"))||void 0===i?void 0:i.nodeValue)||"";this.el.id===t&&this.debouncedGlobalClick(a)}else!this.backdrop&&this.closable&&this.presented&&!c(this.el,s)&&await this.dismiss()}async listenOnKeyDown(t){this.activeClosable&&this.presented&&b(t)&&(h(t),await this.dismiss())}async listenOnMouseDown(t){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t)}async listenOnMouseUp(t){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t)}async listenOnComponentClick(){this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown&&await this.dismiss()}async present(){await this.resetAllVariants(),await this._present()&&(this.lastTrigger=this.trigger,this.balChange.emit(this.presented))}async dismiss(){await this.resetAllVariants(),await this._dismiss()&&(this.lastTrigger=this.trigger,this.balChange.emit(this.presented))}async toggle(){return this.presented?this.dismiss():this.present()}async setMinWidth(t){this.containerEl&&(this.containerEl.style.minWidth=`${t}px`,this.minContainerWidth=`${t}px`)}async _emitChange(){this.balChange.emit(this.presented)}async _present(){r.hasDocument&&(this.lastFocus=document.activeElement||void 0),this.lastVariantRenderer&&(await this.lastVariantRenderer.dismiss(this),this.presented=!0),this.lastVariantRenderer=this.getVariantRenderer();const t=await this.lastVariantRenderer.present(this);return this.focusFirstDescendant(),t}async _dismiss(){var t;const i=await this.getVariantRenderer().dismiss(this);return this.lastVariantRenderer=void 0,this.lastFocus&&this.lastFocus.focus&&(null===(t=this.lastFocus)||void 0===t||t.focus({preventScroll:!0})),i}getVariantRenderer(t=this.activeVariant){switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}}getValue(t,i,s){const a=t.attributes.getNamedItem(i);return a?a.value:s}getNumberValue(t,i,s){const a=t.attributes.getNamedItem(i);return a&&parseInt(a.value,10)||s}getBooleanValue(t,i,s){const a=t.attributes.getNamedItem(i);return a&&a?""===a.value||"true"===a.value:s}notifyGlobalClick(t){this.trigger=t,this.lastTrigger=void 0===this.lastTrigger?this.trigger:this.lastTrigger,this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant),this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable),this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss),this.presented&&this.lastTrigger!==this.trigger?(this._present(),this.lastTrigger=this.trigger):this.toggle()}async resetAllVariants(){if(await this.dismissAllOtherPopups(),this.lastVariant!==this.activeVariant){const t=this.getVariantRenderer(this.lastVariant);await t.dismiss(this)}this.lastVariant=this.activeVariant}async dismissAllOtherPopups(){if(r.hasDocument){const t=Array.from(document.getElementsByTagName("bal-popup")).filter((t=>t.id!==this.el.id&&"true"!==t.ariaHidden));for(let i=0;i<t.length;i++){const s=t[i];await s._dismiss(),await s._emitChange()}}}focusFirstDescendant(){const t=this.contentEl;t&&t.focus({preventScroll:!0})}render(){const t=p.block("popup"),i=t.element("container"),e=t.element("arrow"),o=t.element("backdrop"),n=t.element("inner"),r=n.element("head"),h=n.element("content");return s(a,{key:"f933f5fcad5422883743d27d5ec884310f97feca",class:Object.assign({},t.class()),role:"dialog","aria-hidden":`${!0!==this.presented}`,"aria-modal":`${!0===this.presented}`,"aria-presented":`${!0===this.presented}`,"aria-labelledby":`${this.popupId}-heading`},s("div",{key:"9fc15384c844fa45fe32d2be780257357d47899e",class:Object.assign({},o.class()),ref:t=>this.backdropEl=t}),s("div",{key:"ee8def20d0a8fd9cdcfe587d62a17d27b1f8c065",class:Object.assign(Object.assign({},i.class()),i.modifier(`variant-${this.activeVariant}`).class()),ref:t=>this.containerEl=t,style:{minWidth:this.minContainerWidth}},s("div",{key:"93d308f9ceef5bdf8c041d4c71f807f2310f58f0",class:Object.assign({},e.class()),ref:t=>this.arrowEl=t}),s("bal-stack",{key:"5b93de3287bc6cac16769940895977ff44403d63",layout:"vertical",px:"popover"===this.activeVariant?"medium":"none",py:"medium",class:Object.assign({},n.class()),ref:t=>this.innerEl=t},this.label?s("bal-stack",{space:"auto",class:Object.assign({},r.class())},s("bal-heading",{"data-test":"bal-popup-label",level:"span","visual-level":"large",id:`${this.popupId}-heading`},this.label),this.activeClosable?s("bal-close",{"data-test":"bal-popup-close",tabindex:-1,onClick:()=>this.onCloseClick()}):""):"",s("div",{key:"08dc53b3d3dea1c74d45742033594714c6f0f4d3",class:Object.assign({},h.class()),ref:t=>this.contentEl=t,"data-test":"bal-popup-content",tabindex:"-1"},s("slot",{key:"c9e2dc8db8ffd88e26776a2eef632d572a03c6e3"})))))}get el(){return e(this)}static get watchers(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}}};o([d("bal-popup"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],y.prototype,"createLogger",null);let x=0;y.style=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;z-index:var(--bal-z-index-popup)}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-popover .bal-popup__inner{max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);max-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__container--variant-drawer .bal-popup__inner{max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner{overflow-y:auto}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;height:100vh;display:none;visibility:hidden;z-index:calc(var(--bal-z-index-popup) - 1)}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";export{y as bal_popup}
|
|
1
|
+
import{r as t,c as i,h as s,H as a,g as e}from"./p-BdVwMG9u.js";import{_ as o,a as n}from"./p-dfXERft2.js";import{B as p}from"./p-ByiN-QjD.js";import{b as r}from"./p-B1u-Mq75.js";import{s as h}from"./p-CpDHeXfo.js";import{k as l,i as c}from"./p-Ba5qjFjW.js";import{L as d}from"./p-D7ovid3w.js";import{b as u}from"./p-CI2FR64u.js";import{j as b}from"./p-BERg8BNc.js";import"./p-D7M-7v58.js";class v{showContainerElement(t){t.containerEl&&this.showElement(t.containerEl)}hideContainerElement(t){t.containerEl&&this.hideElement(t.containerEl)}showArrowElement(t,i=t.arrow){i&&t.arrowEl&&this.showElement(t.arrowEl)}hideArrowElement(t){t.arrowEl&&Object.assign(t.arrowEl.style,{left:"",top:"",display:"none",visibility:"hidden"})}showBackdropElement(t,i=t.backdrop){i&&t.backdropEl&&this.showElement(t.backdropEl)}hideBackdropElement(t){t.backdropEl&&this.hideElement(t.backdropEl)}showElement(t){t&&(t.style.setProperty("display","block"),t.style.setProperty("visibility","visible"))}hideElement(t){t&&(t.style.removeProperty("display"),t.style.removeProperty("visibility"))}}class m extends v{constructor(){super(...arguments),this.backdrop=!1,this.offset=0}async present(t){return!!(t.containerEl&&t.trigger&&t.backdropEl)&&(this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop),this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset),t.containerEl.style.setProperty("inset","auto 0px 0px 0px"),t.containerEl.style.setProperty("bottom",`${this.offset}px`),t.backdropEl.style.setProperty("bottom",`${this.offset}px`),this.showBackdropElement(t,this.backdrop),this.showContainerElement(t),!0)}async update(t){return!1}async dismiss(t){return!(!t.containerEl||!t.backdropEl||(t.balWillAnimate.emit(),this.hideBackdropElement(t),this.hideContainerElement(t),t.containerEl.style.removeProperty("inset"),t.containerEl.style.removeProperty("bottom"),t.backdropEl.style.removeProperty("bottom"),0))}}class w extends v{constructor(){super(...arguments),this.offset=0}async present(t){return!(!t.containerEl||!t.trigger||(this.offset=t.getValue(t.trigger,"bal-popup-offset",t.offset),t.containerEl.style.setProperty("inset",`${this.offset}px auto auto 0px`),this.offset>0&&t.containerEl.style.setProperty("box-shadow","inset var(--bal-nav-meta-bar-variant-white-shadow)"),t.innerEl&&t.innerEl.style.setProperty("max-height",`calc(var(--bal-app-height, 100%) - ${this.offset}px)`),this.showBackdropElement(t),this.showContainerElement(t),this.hideArrowElement(t),0))}async update(t){return!1}async dismiss(t){return!!t.containerEl&&(this.hideBackdropElement(t),this.hideContainerElement(t),this.hideArrowElement(t),t.containerEl.style.removeProperty("box-shadow"),t.containerEl.style.removeProperty("inset"),t.innerEl&&t.innerEl.style.removeProperty("max-height"),!0)}}class g extends v{constructor(){super(...arguments),this.placement="bottom",this.offset=0,this.arrow=!1,this.backdrop=!1,this.reference=void 0,this.triggerEl=null}async present(t){const i=await u.load();if(!t.trigger&&r.hasDocument){const i=Array.from(document.querySelectorAll(`[bal-popup="${t.el.id}"]`))[0];t.trigger=i}if(t.trigger&&t.containerEl&&t.arrowEl){if(this.placement=t.getValue(t.trigger,"bal-popup-placement",t.placement),this.arrow=t.getBooleanValue(t.trigger,"bal-popup-arrow",t.arrow),this.backdrop=t.getBooleanValue(t.trigger,"bal-popup-backdrop",t.backdrop),this.reference=t.getValue(t.trigger,"bal-popup-reference",t.reference),this.offset=t.getNumberValue(t.trigger,"bal-popup-offset",t.offset),this.triggerEl=t.trigger,this.reference&&r.hasDocument){const i=document.getElementById(this.reference);this.triggerEl=i||t.trigger}if(this.triggerEl)return this.showContainerElement(t),this.showBackdropElement(t,this.backdrop),this.showArrowElement(t,this.arrow),this.triggerEl.classList.add("bal-popup-variant-popover-trigger"),"bottom-end"===this.placement&&this.triggerEl!==t.trigger&&t.setMinWidth(this.triggerEl.clientWidth),this.cleanup=i.autoUpdate(this.triggerEl,t.containerEl,(()=>{this.update(t)}),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!0}),!0}return!1}async update(t){var i,s;if(this.triggerEl&&t.trigger&&t.containerEl&&t.arrowEl){const a=await u.load(),e="bottom-end"===this.placement&&this.triggerEl!==t.trigger,o=null===(i=this.triggerEl)||void 0===i?void 0:i.getBoundingClientRect(),n=null===(s=t.trigger)||void 0===s?void 0:s.getBoundingClientRect();let p=!1;return r.hasWindow&&(p=!!window.frameElement),a.computePosition(this.triggerEl,t.containerEl,{placement:this.placement,middleware:[p?void 0:a.shift(),a.flip(),a.offset(this.arrow?16:this.offset),a.arrow({element:t.arrowEl,padding:4})]}).then((({x:i,y:s,middlewareData:a,placement:p})=>{if(t.containerEl){Object.assign(t.containerEl.style,{left:`${i}px`,top:`${s}px`});const r={top:"bottom",right:"left",bottom:"top",left:"right"}[p.split("-")[0]];if(a.arrow&&t.arrowEl){const p=a.arrow;Object.assign(t.arrowEl.style,e?{right:o.right-n.right-4+n.width/2+"px",left:"",top:null!=s&&null!=p.y?`${p.y}px`:"",bottom:"",[r]:"-4px"}:{left:null!=i&&null!=p.x?`${p.x}px`:"",top:null!=s&&null!=p.y?`${p.y}px`:"",right:"",bottom:"",[r]:"-4px"})}}})),!0}return!1}async dismiss(t){return!!(t.containerEl&&t.arrowEl&&this.triggerEl)&&(this.cleanup&&this.cleanup(),this.triggerEl.classList.remove("bal-popup-variant-popover-trigger"),this.hideBackdropElement(t),this.hideContainerElement(t),this.hideArrowElement(t),!0)}}class f{constructor(t){this.renderer=t}async present(t){t.balWillAnimate.emit();const i=await this.renderer.present(t);return i&&(t.presented=!0,t.balDidAnimate.emit()),i}async update(t){t.balWillAnimate.emit();const i=await this.renderer.update(t);return i&&t.balDidAnimate.emit(),i}async dismiss(t){t.balWillAnimate.emit();const i=await this.renderer.dismiss(t);return i&&(t.presented=!1,t.balDidAnimate.emit()),i}}const y=class{constructor(s){t(this,s),this.balChange=i(this,"balChange"),this.balWillAnimate=i(this,"balWillAnimate"),this.balDidAnimate=i(this,"balDidAnimate"),this.popupId="bal-pu-"+x++,this.isClickedOutsideOnMouseDown=!1,this.isClickedOutsideOnMouseUp=!1,this.popoverVariantRenderer=new f(new g),this.fullscreenVariantRenderer=new f(new w),this.drawerVariantRenderer=new f(new m),this.lastVariant="popover",this.activeClosable=!1,this.activeBackdropDismiss=!1,this.activeVariant="popover",this.minContainerWidth="16.25rem",this.label="",this.variant="popover",this.placement="bottom",this.arrow=!1,this.backdrop=!1,this.offset=0,this.closable=!1,this.backdropDismiss=!1,this.active=!1,this.presented=!1,this.initialActive=this.active,this.demo=!1,this.debouncedGlobalClick=l((t=>this.notifyGlobalClick(t)),10),this.onBackdropClick=t=>!!(this.activeBackdropDismiss&&this.presented&&t&&t.target)&&t.target.classList.contains("bal-popup__backdrop"),this.onCloseClick=()=>{this.activeClosable&&this.dismiss()}}createLogger(t){this.log=t}async variantChanged(t,i){t!==i&&(await this.getVariantRenderer(i).dismiss(this),this.activeVariant!==t&&(this.lastVariant=this.activeVariant,this.activeVariant=t,await this.getVariantRenderer(this.lastVariant).dismiss(this)),this.presented&&await this.getVariantRenderer(t).present(this))}async activeChanged(t,i){t!==i&&t!==this.presented&&(t?this.present():this.dismiss())}contentWidthChanged(t,i){t!==i&&(void 0===t?this.el.style.removeProperty("--bal-popup-variant-popover-max-width"):this.el.style.setProperty("--bal-popup-variant-popover-max-width",`${this.contentWidth}px`))}componentDidLoad(){this.contentWidthChanged(this.contentWidth,0),!0===this.initialActive&&!0!==this.presented&&this.present(),this.demo&&this.present()}async listenOnGlobalClick(t){var i;const s=t.target,a=s.closest("[bal-popup]");if(a&&r.hasWindow){const t=(null===(i=a.attributes.getNamedItem("bal-popup"))||void 0===i?void 0:i.nodeValue)||"";this.el.id===t&&this.debouncedGlobalClick(a)}else!this.backdrop&&this.closable&&this.presented&&!c(this.el,s)&&await this.dismiss()}async listenOnKeyDown(t){this.activeClosable&&this.presented&&b(t)&&(h(t),await this.dismiss())}async listenOnMouseDown(t){this.isClickedOutsideOnMouseDown=this.onBackdropClick(t)}async listenOnMouseUp(t){this.isClickedOutsideOnMouseUp=this.onBackdropClick(t)}async listenOnComponentClick(){this.presented&&this.activeBackdropDismiss&&this.isClickedOutsideOnMouseUp&&this.isClickedOutsideOnMouseDown&&await this.dismiss()}async present(){await this.resetAllVariants(),await this._present()&&(this.lastTrigger=this.trigger,this.balChange.emit(this.presented))}async dismiss(){await this.resetAllVariants(),await this._dismiss()&&(this.lastTrigger=this.trigger,this.balChange.emit(this.presented))}async toggle(){return this.presented?this.dismiss():this.present()}async setMinWidth(t){this.containerEl&&(this.containerEl.style.minWidth=`${t}px`,this.minContainerWidth=`${t}px`)}async _emitChange(){this.balChange.emit(this.presented)}async _present(){r.hasDocument&&(this.lastFocus=document.activeElement||void 0),this.lastVariantRenderer&&(await this.lastVariantRenderer.dismiss(this),this.presented=!0),this.lastVariantRenderer=this.getVariantRenderer();const t=await this.lastVariantRenderer.present(this);return this.focusFirstDescendant(),t}async _dismiss(){var t;const i=await this.getVariantRenderer().dismiss(this);return this.lastVariantRenderer=void 0,this.lastFocus&&this.lastFocus.focus&&(null===(t=this.lastFocus)||void 0===t||t.focus({preventScroll:!0})),i}getVariantRenderer(t=this.activeVariant){switch(t){case"fullscreen":return this.fullscreenVariantRenderer;case"drawer":return this.drawerVariantRenderer;default:return this.popoverVariantRenderer}}getValue(t,i,s){const a=t.attributes.getNamedItem(i);return a?a.value:s}getNumberValue(t,i,s){const a=t.attributes.getNamedItem(i);return a&&parseInt(a.value,10)||s}getBooleanValue(t,i,s){const a=t.attributes.getNamedItem(i);return a&&a?""===a.value||"true"===a.value:s}notifyGlobalClick(t){this.trigger=t,this.lastTrigger=void 0===this.lastTrigger?this.trigger:this.lastTrigger,this.activeVariant=this.getValue(t,"bal-popup-variant",this.variant),this.activeClosable=this.getBooleanValue(t,"bal-popup-closable",this.closable),this.activeBackdropDismiss=this.getBooleanValue(t,"bal-popup-backdrop-dismiss",this.backdropDismiss),this.presented&&this.lastTrigger!==this.trigger?(this._present(),this.lastTrigger=this.trigger):this.toggle()}async resetAllVariants(){if(await this.dismissAllOtherPopups(),this.lastVariant!==this.activeVariant){const t=this.getVariantRenderer(this.lastVariant);await t.dismiss(this)}this.lastVariant=this.activeVariant}async dismissAllOtherPopups(){if(r.hasDocument){const t=Array.from(document.getElementsByTagName("bal-popup")).filter((t=>t.id!==this.el.id&&"true"!==t.ariaHidden));for(let i=0;i<t.length;i++){const s=t[i];await s._dismiss(),await s._emitChange()}}}focusFirstDescendant(){const t=this.contentEl;t&&t.focus({preventScroll:!0})}render(){const t=p.block("popup"),i=t.element("container"),e=t.element("arrow"),o=t.element("backdrop"),n=t.element("inner"),r=n.element("head"),h=n.element("content");return s(a,{key:"815e1a03c79472bb0913b4a28519802606bac73c",class:Object.assign({},t.class()),role:"dialog","aria-hidden":`${!0!==this.presented}`,"aria-modal":`${!0===this.presented}`,"aria-presented":`${!0===this.presented}`,"aria-labelledby":`${this.popupId}-heading`},s("div",{key:"effa9ca039cb7c5b27db07f23e02a464e5f09ce9",class:Object.assign({},o.class()),ref:t=>this.backdropEl=t}),s("div",{key:"343a483098c5d4b657298c3f0b5d14705a3e78bd",class:Object.assign(Object.assign({},i.class()),i.modifier(`variant-${this.activeVariant}`).class()),ref:t=>this.containerEl=t,style:{minWidth:this.minContainerWidth}},s("div",{key:"dbcb76dfb93527828e6f73974cbfd62225bd26c3",class:Object.assign({},e.class()),ref:t=>this.arrowEl=t}),s("bal-stack",{key:"119c391a7fa3081548740bf23b57a6ae05417188",layout:"vertical",px:"popover"===this.activeVariant?"medium":"none",py:"medium",class:Object.assign({},n.class()),ref:t=>this.innerEl=t},this.label?s("bal-stack",{space:"auto",class:Object.assign({},r.class())},s("bal-heading",{"data-testid":"bal-popup-label",level:"span","visual-level":"large",id:`${this.popupId}-heading`},this.label),this.activeClosable?s("bal-close",{"data-testid":"bal-popup-close",tabindex:-1,onClick:()=>this.onCloseClick()}):""):"",s("div",{key:"ff97c08a3151dc9f71552eede345d84716ea7e3b",class:Object.assign({},h.class()),ref:t=>this.contentEl=t,"data-testid":"bal-popup-content",tabindex:"-1"},s("slot",{key:"21e9b66eec4627f414c4802eccc5276c20a9c536"})))))}get el(){return e(this)}static get watchers(){return{variant:["variantChanged"],active:["activeChanged"],contentWidth:["contentWidthChanged"]}}};o([d("bal-popup"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],y.prototype,"createLogger",null);let x=0;y.style=":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;z-index:var(--bal-z-index-popup)}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-popover .bal-popup__inner{max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);max-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__container--variant-drawer .bal-popup__inner{max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner{overflow-y:auto}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;height:100vh;display:none;visibility:hidden;z-index:calc(var(--bal-z-index-popup) - 1)}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";export{y as bal_popup}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,r as t,c as a,H as s,g as o}from"./p-BdVwMG9u.js";import{_ as l,a as r}from"./p-dfXERft2.js";import{a as i}from"./p-BAaDJIzy.js";import{B as b}from"./p-ByiN-QjD.js";import{s as n}from"./p-CpDHeXfo.js";import{n as p}from"./p-Ba5qjFjW.js";import{L as c}from"./p-D7ovid3w.js";import{n as _}from"./p-DIC_sxLd.js";import{b as d}from"./p-DZ_vvO92.js";import{L as v}from"./p-Dvgek0Sb.js";import{L as m}from"./p-CFUQlsvN.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";import"./p-MBsgW7uz.js";import"./p-C20cwFWy.js";import"./p-Crri2rlL.js";const u=({item:t,isMobile:a})=>{const s=b.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},g=({item:t})=>{const a=b.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},h=({item:t,color:a,isMobile:s,clickable:o,onSelectTab:l})=>{const r=b.block("steps").element("nav").element("item");if(!t.invisible)return t.href?e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`color-${a}`).class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(o)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:t.href,rel:t.rel,target:t.target,onClick:e=>l(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t})):e("button",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`color-${a}`).class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(o)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,onClick:e=>l(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t}))},f=class{constructor(e){t(this,e),this.balChange=a(this,"balChange"),this.stepsId="bal-steps-"+y++,this.store=[],this.isMobile=d.isMobile,this.options=[],this.clickable=!0,this.color="primary",this.debounce=0,this.value=void 0,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(_)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{i(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&n(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))}}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=p(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}swiperOnChange(e){}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=b.block("steps"),a=t.element("nav");let o=!0,l=-1;const r=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(o=!1),e.invisible||(l+=1),Object.assign(Object.assign({},e),{passed:o,index:l}))));return e(s,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},r.filter((e=>!e.invisible)).map((t=>e(h,{item:t,color:this.color,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return o(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};l([c("bal-steps"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],f.prototype,"createLogger",null),l([v({tags:["bal-steps","bal-step-item"]}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],f.prototype,"mutationListener",null),l([m(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],f.prototype,"breakpointListener",null);let y=0;f.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px;border:none;background-color:rgba(0,0,0,0)}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{f as bal_steps}
|
|
1
|
+
import{h as e,r as t,c as a,H as s,g as o}from"./p-BdVwMG9u.js";import{_ as l,a as r}from"./p-dfXERft2.js";import{a as i}from"./p-BAaDJIzy.js";import{B as b}from"./p-ByiN-QjD.js";import{s as n}from"./p-CpDHeXfo.js";import{n as p}from"./p-Ba5qjFjW.js";import{L as c}from"./p-D7ovid3w.js";import{n as _}from"./p-DIC_sxLd.js";import{b as d}from"./p-ReLIdwsB.js";import{L as v}from"./p-Dvgek0Sb.js";import{L as m}from"./p-CgBveYeB.js";import"./p-xbSOW78W.js";import"./p-BFTU3MAI.js";import"./p-BnVL_HEz.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";import"./p-MBsgW7uz.js";import"./p-C20cwFWy.js";import"./p-Cf90NR4z.js";const u=({item:t,isMobile:a})=>{const s=b.block("steps").element("nav").element("item").element("icon");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},s.class()),s.modifier("done").class(t.done)),s.modifier("active").class(t.active)),s.modifier("failed").class(t.failed)),s.modifier("disabled").class(t.disabled))},e("bal-icon",{style:{display:t.done?"block":"none"},size:a?"small":"",color:t.disabled?"grey":"white",name:"check"}),e("span",{style:{display:t.done?"none":"block"}},t.failed?"!":(t.index||0)+1))},g=({item:t})=>{const a=b.block("steps").element("nav").element("item").element("label");return e("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("done").class(t.done)),a.modifier("active").class(t.active)),a.modifier("failed").class(t.failed)),a.modifier("disabled").class(t.disabled)),"data-testid":"bal-steps-option-label"},t.label)},h=({item:t,color:a,isMobile:s,clickable:o,onSelectTab:l})=>{const r=b.block("steps").element("nav").element("item");if(!t.invisible)return t.href?e("a",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`color-${a}`).class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(o)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,href:t.href,rel:t.rel,target:t.target,onClick:e=>l(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t})):e("button",{role:"tab",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(`color-${a}`).class()),r.modifier("done").class(t.done)),r.modifier("active").class(t.active)),r.modifier("failed").class(t.failed)),r.modifier("disabled").class(t.disabled)),r.modifier("clickable").class(o)),r.modifier("passed").class(t.passed)),{"bal-focusable":!t.disabled&&!t.invisible}),"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-steps-option","aria-disabled":`${t.disabled}`,onClick:e=>l(e,t)},e(u,{item:t,isMobile:s}),e(g,{item:t}))},f=class{constructor(e){t(this,e),this.balChange=a(this,"balChange"),this.stepsId="bal-steps-"+y++,this.store=[],this.isMobile=d.isMobile,this.options=[],this.clickable=!0,this.color="primary",this.debounce=0,this.value=void 0,this.mutationObserverActive=!0,this.getStepOptions=()=>this.options.length>0?[...this.options.map(_)]:Promise.all(this.items.map((e=>e.getOptions()))),this.updateStore=e=>{i(this.store,e)||(this.store=e)},this.setActiveItem=()=>{const e=this.store.filter((e=>e.active));e.length>0?this.value=e[0].value:void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((e=>e.setActive(this.isActive(e))))},this.onOptionChange=async()=>{try{const e=await this.getStepOptions();this.updateStore(e),this.setActiveItem(),this.setActiveContent()}catch(e){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(e,t)=>{(t.prevent||t.disabled||!this.clickable)&&n(e),t.disabled||(t.navigate&&t.navigate.emit(e),this.clickable&&t.value!==this.value&&(this.balChange.emit(t.value),await this.select(t)))}}createLogger(e){this.log=e}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options||this.options.length<1}debounceChanged(){this.balChange=p(this.balChange,this.debounce)}async valueChanged(e,t){e!==t&&this.onOptionChange()}connectedCallback(){this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(e){this.isMobile=e.mobile}swiperOnChange(e){}async select(e){this.value=e.value}async getOptionByValue(e){return this.store.find((t=>t.value===e))}get items(){return Array.from(this.el.querySelectorAll(`#${this.stepsId} > bal-step-item`))}isActive(e){return e.value===this.value}render(){const t=b.block("steps"),a=t.element("nav");let o=!0,l=-1;const r=this.store.map((e=>Object.assign(Object.assign({},e),{active:e.value===this.value}))).map((e=>(e.active&&(o=!1),e.invisible||(l+=1),Object.assign(Object.assign({},e),{passed:o,index:l}))));return e(s,{class:Object.assign({},t.class()),"data-value":this.store.filter((e=>this.isActive(e))).map((e=>e.value)).join(","),"data-label":this.store.filter((e=>this.isActive(e))).map((e=>e.label)).join(",")},e("nav",{class:Object.assign({},a.class()),role:"tablist","aria-live":"polite"},r.filter((e=>!e.invisible)).map((t=>e(h,{item:t,color:this.color,isMobile:this.isMobile,clickable:this.clickable&&!t.disabled,onSelectTab:this.onSelectTab})))),e("div",{id:this.stepsId,class:Object.assign({},t.element("steps__content").class())},e("slot",null)))}get el(){return o(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};l([c("bal-steps"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],f.prototype,"createLogger",null),l([v({tags:["bal-steps","bal-step-item"]}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],f.prototype,"mutationListener",null),l([m(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],f.prototype,"breakpointListener",null);let y=0;f.style='@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}@media (hover: hover)and (pointer: fine){.bal-steps__nav__item.bal-focused.bal-steps__nav__item--inverted .bal-steps__nav__item__icon{-webkit-box-shadow:var(--bal-focus-shadow-inverted) !important;box-shadow:var(--bal-focus-shadow-inverted) !important}}:root{--bal-steps-step-icon-background:var(--bal-color-white);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-icon-background-disabled:var(--bal-color-grey-2);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-icon-background-failed:var(--bal-color-danger);--bal-steps-step-button-progress-line-background:var(--bal-form-field-control-border-color);--bal-steps-step-button-passed-background:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-carousel-item-background-after:var(--bal-form-field-control-border-color);--bal-steps-step-button-carousel-item-passed-background-after:var(--bal-form-field-control-border-color-active);--bal-steps-step-button-progress-line-background-light-blue:var(--bal-color-primary-2);--bal-steps-step-button-passed-background-light-blue:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-purple:var(--bal-color-purple-2);--bal-steps-step-button-passed-background-purple:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-green:var(--bal-color-green-2);--bal-steps-step-button-passed-background-green:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-red:var(--bal-color-red-2);--bal-steps-step-button-passed-background-red:var(--bal-color-primary);--bal-steps-step-button-progress-line-background-yellow:var(--bal-color-yellow-2);--bal-steps-step-button-passed-background-yellow:var(--bal-color-primary);--bal-steps-step-border-width:var(--bal-form-field-control-border-width);--bal-steps-step-border-style:var(--bal-form-field-control-border-style);--bal-steps-step-border-color:var(--bal-form-field-control-border-color);--bal-steps-step-border-color-active:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-disabled:var(--bal-form-field-control-disabled-background);--bal-steps-step-border-color-done:var(--bal-form-field-control-border-color-active);--bal-steps-step-border-color-failed:var(--bal-color-danger);--bal-steps-step-icon-radius:var(--bal-radius-rounded);--bal-steps-step-button-progress-line-radius:var(--bal-radius-rounded);--bal-steps-step-button-carousel-item-radius:var(--bal-radius-rounded);--bal-steps-step-label-text-color:var(--bal-color-text-primary-light);--bal-steps-step-label-text-color-done:var(--bal-color-text-primary);--bal-steps-step-label-text-color-active:var(--bal-color-text-primary);--bal-steps-step-label-text-color-failed:var(--bal-color-text-danger);--bal-steps-step-label-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color:var(--bal-color-text-primary);--bal-steps-step-icon-text-color-active:var(--bal-color-text-white);--bal-steps-step-icon-text-color-disabled:var(--bal-color-text-grey);--bal-steps-step-icon-text-color-done:var(--bal-color-text-white);--bal-steps-step-icon-text-color-failed:var(--bal-color-text-white)}.bal-steps__nav__item{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.5rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;text-decoration:none;cursor:default;position:relative;min-width:3rem;padding-top:6px;border:none;background-color:rgba(0,0,0,0)}.bal-steps__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-steps__nav__item--clickable{cursor:pointer;pointer-events:all}.bal-steps__nav__item:not(:last-child)::after{content:" ";display:block;position:absolute;height:var(--bal-border-width-normal);left:50%;right:-50%;top:50%;background-color:var(--bal-steps-step-button-progress-line-background);border-radius:var(--bal-steps-step-button-progress-line-radius);margin-top:3px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.25rem}@media screen and (min-width: 769px),print{.bal-steps__nav__item:not(:last-child)::after{top:1rem;margin-top:6px;margin-left:calc(1.5rem - var(--bal-border-width-normal));margin-right:1.5rem}}.bal-steps__nav__item--passed:not(:last-child)::after{background-color:var(--bal-steps-step-button-passed-background)}.bal-steps__nav__item--color-light-blue:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-light-blue)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-light-blue);border-color:var(--bal-steps-step-button-progress-line-background-light-blue);color:var(--bal-color-primary-4)}.bal-steps__nav__item--color-light-blue.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-purple:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-purple);border-color:var(--bal-steps-step-button-progress-line-background-purple)}.bal-steps__nav__item--color-purple.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-green:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-green);border-color:var(--bal-steps-step-button-progress-line-background-green)}.bal-steps__nav__item--color-green.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-yellow:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-yellow);border-color:var(--bal-steps-step-button-progress-line-background-yellow)}.bal-steps__nav__item--color-yellow.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item--color-red:not(.bal-steps__nav__item--active,.bal-steps__nav__item--done,.bal-steps__nav__item--failed,.bal-steps__nav__item--disabled) .bal-steps__nav__item__icon{border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__icon{opacity:.6;background:var(--bal-steps-step-button-progress-line-background-red);border-color:var(--bal-steps-step-button-progress-line-background-red)}.bal-steps__nav__item--color-red.bal-steps__nav__item--disabled .bal-steps__nav__item__label{opacity:.6}.bal-steps__nav__item__icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-weight:var(--bal-font-weight-bold);border-radius:var(--bal-steps-step-icon-radius);font-size:var(--bal-text-size-small);height:1.5rem;width:1.5rem;left:calc(50% - .75rem);border:var(--bal-steps-step-border-width) var(--bal-steps-step-border-style) var(--bal-steps-step-border-color);background:var(--bal-steps-step-icon-background);color:var(--bal-steps-step-icon-text-color)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon{height:2rem;width:2rem;left:calc(50% - 1rem);font-size:var(--bal-text-size-normal)}}.bal-steps__nav__item__icon--active{border-color:var(--bal-steps-step-border-color-active);background:var(--bal-steps-step-icon-background-active);color:var(--bal-steps-step-icon-text-color-active)}.bal-steps__nav__item__icon--done{border-color:var(--bal-steps-step-border-color-done);background:var(--bal-steps-step-icon-background-done);color:var(--bal-steps-step-icon-text-color-done)}.bal-steps__nav__item__icon--failed{border-color:var(--bal-steps-step-border-color-failed);background:var(--bal-steps-step-icon-background-failed);color:var(--bal-steps-step-icon-text-color-failed);font-size:var(--bal-text-size-normal)}@media screen and (min-width: 769px),print{.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-tablet)}}@media screen and (min-width: 1024px){.bal-steps__nav__item__icon--failed{font-size:var(--bal-text-size-large-desktop)}}.bal-steps__nav__item__icon--disabled{border-color:var(--bal-steps-step-border-color-disabled);background:var(--bal-steps-step-icon-background-disabled);color:var(--bal-steps-step-icon-text-color-disabled);opacity:.6}.bal-steps__nav__item__label{display:none}@media screen and (min-width: 769px),print{.bal-steps__nav__item__label{display:block;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);text-align:center;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-steps-step-label-text-color)}.bal-steps__nav__item__label--done{color:var(--bal-steps-step-label-text-color-done)}.bal-steps__nav__item__label--active{color:var(--bal-steps-step-label-text-color-active)}.bal-steps__nav__item__label--failed{color:var(--bal-steps-step-label-text-color-failed)}.bal-steps__nav__item__label--disabled{color:var(--bal-steps-step-label-text-color-disabled);opacity:.6}}.bal-steps{display:block;position:static}.bal-steps__nav{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden}.bal-step-item{width:100%;display:none}.bal-step-item--active{display:block}';export{f as bal_steps}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as a,H as e,g as o}from"./p-BdVwMG9u.js";import{_ as s,a as l}from"./p-dfXERft2.js";import{B as b}from"./p-ByiN-QjD.js";import{m as i}from"./p-Ba5qjFjW.js";import{b as n}from"./p-
|
|
1
|
+
import{r,h as a,H as e,g as o}from"./p-BdVwMG9u.js";import{_ as s,a as l}from"./p-dfXERft2.js";import{B as b}from"./p-ByiN-QjD.js";import{m as i}from"./p-Ba5qjFjW.js";import{b as n}from"./p-ReLIdwsB.js";import{L as t}from"./p-CgBveYeB.js";import{L as g}from"./p-COIM5Kkz.js";import"./p-B1u-Mq75.js";import"./p-D7M-7v58.js";import"./p-MBsgW7uz.js";import"./p-C20cwFWy.js";import"./p-Cf90NR4z.js";const p=class{constructor(a){r(this,a),this.animated=!0,this.isTouch=n.isTouch,this.value=0,this.background="white",this.color="primary"}componentDidRender(){this.updateProgress()}breakpointListener(r){this.updateProgress()}windowResizeListener(){this.updateProgress()}async configChanged(r){this.animated=r.animated}updateProgress(){this.lineEl&&i((()=>{const r=this.el.clientWidth,a=Math.max(0,Math.min(100,this.value));this.lineEl.style.width=r/100*a+"px",100===a?this.lineEl.classList.add("bal-progress-bar__line--full"):this.lineEl.classList.remove("bal-progress-bar__line--full")}))}render(){const r=b.block("progress-bar"),o=r.element("line");return a(e,{key:"3560c076e654839526d357edec7f7d605793d9b0","aria-hidden":"true",class:Object.assign(Object.assign({},r.class()),r.modifier(`background-${this.background}-of-${this.color}`).class())},a("div",{key:"d89c4e6cf2d0c12abd70696606c47f03de988889",class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier(`color-${this.color}`).class()),o.modifier("animated").class(this.animated)),ref:r=>this.lineEl=r}))}get el(){return o(this)}};s([t(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],p.prototype,"breakpointListener",null),s([g(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],p.prototype,"windowResizeListener",null),p.style=":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";export{p as bal_progress_bar}
|
package/dist/baloise-design-system/{p-c3af6cc44a.system.entry.js → p-87d7996b33.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,i,t,r){function n(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,a){function s(e){try{u(r.next(e))}catch(e){a(e)}}function o(e){try{u(r["throw"](e))}catch(e){a(e)}}function u(e){e.done?t(e.value):n(e.value).then(s,o)}u((r=r.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=o(0),s["throw"]=o(1),s["return"]=o(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(i){return u([e,i])}}function u(o){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(t=0)),t)try{if(r=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){t.label=o[1];break}if(o[0]===6&&t.label<a[1]){t.label=a[1];a=o;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(o);break}if(a[2])t.ops.pop();t.trys.pop();continue}o=i.call(e,t)}catch(e){o=[6,e];n=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-CpWDVANq.system.js","./p-DKjTFqnu.system.js","./p-BbAtjg9Y.system.js","./p-CLfE_o7e.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-Bzy18UgU.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js"],(function(e){"use strict";var i,t,r,n,a,s,o,u,l,d,b;return{setters:[function(e){i=e.r;t=e.c;r=e.h;n=e.H;a=e.g},function(e){s=e.i},function(e){o=e.a},function(e){u=e.B},function(e){l=e.d},function(e){d=e.s},function(e){b=e.n},null,null,null],execute:function(){var c=".bal-input-slider{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);-ms-flex-direction:column;flex-direction:column;min-height:3rem}.bal-input-slider__background{position:absolute;top:1rem;left:0px;right:0px;z-index:0;border-radius:var(--bal-radius-rounded);background:var(--bal-color-green);height:1rem;width:100%;overflow:hidden}.bal-input-slider__background__upper,.bal-input-slider__background__lower{position:absolute;top:0;width:50%;margin:0;cursor:pointer}.bal-input-slider__background__upper>div,.bal-input-slider__background__lower>div{height:1rem;border-radius:0}.bal-input-slider__background__upper{right:0px}.bal-input-slider__background__upper>div{background:var(--bal-color-green);border-top-right-radius:var(--bal-radius-rounded);border-bottom-right-radius:var(--bal-radius-rounded)}.bal-input-slider__background__lower{left:0px}.bal-input-slider__background__lower>div{background:var(--bal-color-green-5);border-top-left-radius:var(--bal-radius-rounded);border-bottom-left-radius:var(--bal-radius-rounded)}.bal-input-slider__background--disabled{cursor:default;pointer-events:none;background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__upper__inner{background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__lower__inner{background:var(--bal-color-grey-4)}.bal-input-slider__input{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:3rem}.bal-input-slider__input__native{-webkit-appearance:none;margin:0;background:rgba(0,0,0,0);z-index:1;outline:none;min-width:12.5rem;width:100%}.bal-input-slider__input__native::-webkit-slider-runnable-track{width:100%;cursor:pointer;border:none}.bal-input-slider__input__native::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none}.bal-input-slider__input__native:focus-visible{outline:none}.bal-input-slider__input__native:focus-visible::-webkit-slider-thumb{height:1.5rem;width:1.5rem;background:var(--bal-color-white);border:4px solid var(--bal-color-primary);-webkit-box-shadow:0 0 0 .75rem rgba(255,255,255,.3);box-shadow:0 0 0 .75rem rgba(255,255,255,.3);outline:none;position:relative}.bal-input-slider__input__native:focus-visible::-moz-range-thumb{height:1.5rem;width:1.5rem;background:var(--bal-color-white);border:4px solid var(--bal-color-primary);box-shadow:0 0 0 .75rem rgba(255,255,255,.3);outline:none;position:relative}.bal-input-slider__input__native::-moz-range-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-moz-range-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:.625rem;width:.625rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer}.bal-input-slider__input__native::-ms-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-ms-fill-lower{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-fill-upper{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none;z-index:2}.bal-input-slider__input__native:focus::-ms-fill-lower{background:rgba(0,0,0,0)}.bal-input-slider__input__native:focus::-ms-fill-upper{background:rgba(0,0,0,0)}.bal-input-slider__input__native--disabled::-webkit-slider-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-ms-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-moz-range-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__steps{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:.5rem;margin:-0.625rem .5rem;-ms-flex-pack:justify;justify-content:space-between}.bal-input-slider__steps__item{width:.125rem;border-radius:var(--bal-radius-rounded);background-color:var(--bal-color-primary)}.bal-input-slider__steps__item--disabled{background:var(--bal-color-grey-4)}@-moz-document url-prefix(){.bal-input-slider__steps{margin:0 .5rem !important}}";var h=e("bal_input_slider",function(){function e(e){var r=this;i(this,e);this.balInput=t(this,"balInput");this.balBlur=t(this,"balBlur");this.balKeyPress=t(this,"balKeyPress");this.balFocus=t(this,"balFocus");this.balChange=t(this,"balChange");this.inputId="bal-input-slider-".concat(f++);this.didInit=false;this.hasFocus=false;this.initialValue="";this.ariaForm=l;this.name=this.inputId;this.step=0;this.min=0;this.max=100;this.invalid=false;this.balTabindex=0;this.disabled=false;this.readonly=false;this.required=false;this.hasTicks=false;this.debounce=0;this.value="";this.autoInvalidOff=false;this.onInput=function(e){var i=e.target;if(i){r.value=i.value||""}r.balInput.emit(r.value)};this.handleClick=function(e){if(r.disabled||r.readonly){e.preventDefault();e.stopPropagation()}};this.onFocus=function(e){r.hasFocus=true;r.balFocus.emit(e)};this.onBlur=function(e){r.hasFocus=false;r.balBlur.emit(e);r.balChange.emit(r.value)}}e.prototype.debounceChanged=function(){this.balChange=b(this.balChange,this.debounce)};e.prototype.listenOnClick=function(e){if((this.disabled||this.readonly)&&e.target&&e.target===this.el){d(e)}};e.prototype.resetHandler=function(e){var i=this;var t=e.target;if(t===null||t===void 0?void 0:t.contains(this.el)){this.value=this.initialValue;clearTimeout(this.resetHandlerTimer);this.resetHandlerTimer=setTimeout((function(){if(i.nativeInput){i.nativeInput.value=i.initialValue}}),0)}};e.prototype.valueChanged=function(e,i){if(this.didInit&&!this.hasFocus&&e!==i){this.balChange.emit(this.value)}};e.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value};e.prototype.componentDidLoad=function(){this.didInit=true;if(!s(this.value)&&this.value!==""){this.valueChanged(this.value,undefined)}};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(i){clearTimeout(this.setFocusTimer);this.setFocusTimer=setTimeout((function(){if(e.nativeInput){e.nativeInput.focus()}}));return[2]}))}))};e.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};e.prototype.setAriaForm=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.ariaForm=Object.assign({},e);return[2]}))}))};Object.defineProperty(e.prototype,"numberOfSteps",{get:function(){var e=this.max-this.min;if(this.step<=0||this.step>=e){return 0}return~~(e/this.step)+1},enumerable:false,configurable:true});e.prototype.cssWidth=function(e){if(e===void 0){e=false}var i=this.value===""?0:Math.round(Number(this.value)/this.step)*this.step;var t=100/this.max*i;if(!e){return"".concat(100-t,"%")}return"".concat(t,"%")};e.prototype.getNumberOfSteps=function(){var e=[];for(var i=0;i<this.numberOfSteps;i++){e.push(i)}return e};e.prototype.render=function(){var e=this;var i=u.block("input-slider");var t=i.element("background");var a=t.element("upper");var s=a.element("inner");var l=t.element("lower");var d=l.element("inner");var b=i.element("input");var c=b.element("native");var h=b.element("value");var f=h.modifier("left");var _=h.modifier("right");var p=i.element("steps");var v=p.element("item");return r(n,{key:"a87543d5fe5c37894f5b750ea6ce5d435b35df7d",class:Object.assign(Object.assign({},i.class()),i.modifier("disabled").class(this.disabled||this.readonly)),onClick:this.handleClick,"aria-disabled":o(this.disabled||this.readonly)},r("div",{key:"3ff7511f087493bb0aa219cc0232aeb52e045068",class:Object.assign(Object.assign({},t.class()),t.modifier("disabled").class(this.disabled||this.readonly))},r("div",{key:"6ba8bb8e959688aa308d25d4e4bb6fd578b7ddc6",class:Object.assign({},a.class()),style:{width:this.cssWidth()}},r("div",{key:"d406cc218eb1b57271c2eadef16b0d8f78870e51",class:Object.assign({},s.class())})),r("div",{key:"26bb161f03587f6882780769472bd380b5e2ba1c",class:Object.assign({},l.class()),style:{width:this.cssWidth(true)}},r("div",{key:"c50c416febf03f75fc41c9c717157932f221459c",class:Object.assign({},d.class())}))),r("div",{key:"2c31725d1b6ceec56736bf07b23ee784ee4d8f8f",class:Object.assign({},b.class())},r("div",{key:"baa9b2ef71e3163c9a594f819cf1bebbd5e1131b",class:Object.assign(Object.assign({},h.class()),f.class())}),r("input",{key:"2d03a2b790cc97e7277f1b040415f3e2b19590c7",type:"range",class:Object.assign(Object.assign({},c.class()),c.modifier("disabled").class(this.disabled||this.readonly)),ref:function(i){return e.nativeInput=i},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":o(this.disabled),"aria-invalid":this.invalid===true?"true":"false",disabled:this.disabled,readonly:this.readonly,name:this.name,required:this.required,tabIndex:this.balTabindex,step:this.step,min:this.min,max:this.max,value:this.value!==""&&this.value!==undefined?this.value:0,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyPress:function(i){return e.balKeyPress.emit(i)},"data-testid":"bal-input-slider"}),r("div",{key:"83596fcfc7462ed3e2045343e11d8d66e71d652b",class:Object.assign(Object.assign({},h.class()),_.class())})),r("div",{key:"7e44fea845c11cd5bb6e7e80cbb83cc4dacc2126",class:Object.assign({},p.class()),style:{display:this.hasTicks?"flex":"none"}},this.getNumberOfSteps().map((function(i){return r("div",{key:i,class:Object.assign(Object.assign({},v.class()),v.modifier("disabled").class(e.disabled||e.readonly)),"data-step-id":i})}))))};Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}());var f=0;h.style=c}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(i,e,t,r){function n(i){return i instanceof t?i:new t((function(e){e(i)}))}return new(t||(t=Promise))((function(t,a){function s(i){try{u(r.next(i))}catch(i){a(i)}}function o(i){try{u(r["throw"](i))}catch(i){a(i)}}function u(i){i.done?t(i.value):n(i.value).then(s,o)}u((r=r.apply(i,e||[])).next())}))};var __generator=this&&this.__generator||function(i,e){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=o(0),s["throw"]=o(1),s["return"]=o(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(i){return function(e){return u([i,e])}}function u(o){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(t=0)),t)try{if(r=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){t.label=o[1];break}if(o[0]===6&&t.label<a[1]){t.label=a[1];a=o;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(o);break}if(a[2])t.ops.pop();t.trys.pop();continue}o=e.call(i,t)}catch(i){o=[6,i];n=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-PNu_g_s6.system.js","./p-CpWDVANq.system.js","./p-DKjTFqnu.system.js","./p-BbAtjg9Y.system.js","./p-CLfE_o7e.system.js","./p-CLDmOIBx.system.js","./p-D1opIX9W.system.js","./p-Bzy18UgU.system.js","./p-D7_eHNTI.system.js","./p-BM_oHMik.system.js"],(function(i){"use strict";var e,t,r,n,a,s,o,u,d,l,b;return{setters:[function(i){e=i.r;t=i.c;r=i.h;n=i.H;a=i.g},function(i){s=i.i},function(i){o=i.a},function(i){u=i.B},function(i){d=i.d},function(i){l=i.s},function(i){b=i.n},null,null,null],execute:function(){var c=".bal-input-slider{display:block;position:relative;width:100%;-ms-flex:1;flex:1;font-family:var(--bal-font-family-text);-ms-flex-direction:column;flex-direction:column;min-height:3rem}.bal-input-slider__background{position:absolute;top:1rem;left:0px;right:0px;z-index:0;border-radius:var(--bal-radius-rounded);background:var(--bal-color-green);height:1rem;width:100%;overflow:hidden}.bal-input-slider__background__upper,.bal-input-slider__background__lower{position:absolute;top:0;width:50%;margin:0;cursor:pointer}.bal-input-slider__background__upper>div,.bal-input-slider__background__lower>div{height:1rem;border-radius:0}.bal-input-slider__background__upper{right:0px}.bal-input-slider__background__upper>div{background:var(--bal-color-green);border-top-right-radius:var(--bal-radius-rounded);border-bottom-right-radius:var(--bal-radius-rounded)}.bal-input-slider__background__lower{left:0px}.bal-input-slider__background__lower>div{background:var(--bal-color-green-5);border-top-left-radius:var(--bal-radius-rounded);border-bottom-left-radius:var(--bal-radius-rounded)}.bal-input-slider__background--disabled{cursor:default;pointer-events:none;background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__upper__inner{background:var(--bal-color-grey-2)}.bal-input-slider__background--disabled .bal-input-slider__background__lower__inner{background:var(--bal-color-grey-4)}.bal-input-slider__input{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:3rem}.bal-input-slider__input__native{-webkit-appearance:none;margin:0;background:rgba(0,0,0,0);z-index:1;outline:none;min-width:12.5rem;width:100%}.bal-input-slider__input__native::-webkit-slider-runnable-track{width:100%;cursor:pointer;border:none}.bal-input-slider__input__native::-webkit-slider-thumb{-webkit-box-shadow:none;box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none}.bal-input-slider__input__native:focus-visible{outline:none}.bal-input-slider__input__native:focus-visible::-webkit-slider-thumb{height:1.5rem;width:1.5rem;background:var(--bal-color-white);border:4px solid var(--bal-color-primary);-webkit-box-shadow:0 0 0 .75rem rgba(255,255,255,.3);box-shadow:0 0 0 .75rem rgba(255,255,255,.3);outline:none;position:relative}.bal-input-slider__input__native:focus-visible::-moz-range-thumb{height:1.5rem;width:1.5rem;background:var(--bal-color-white);border:4px solid var(--bal-color-primary);box-shadow:0 0 0 .75rem rgba(255,255,255,.3);outline:none;position:relative}.bal-input-slider__input__native::-moz-range-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-moz-range-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:.625rem;width:.625rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer}.bal-input-slider__input__native::-ms-track{cursor:pointer;box-shadow:none;background:rgba(0,0,0,0);width:100%;border:none;z-index:2}.bal-input-slider__input__native::-ms-fill-lower{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-fill-upper{background:rgba(0,0,0,0);border:none;box-shadow:none}.bal-input-slider__input__native::-ms-thumb{box-shadow:none;border:3px solid var(--bal-color-white);height:1rem;width:1rem;border-radius:var(--bal-radius-rounded);background:var(--bal-color-primary);cursor:pointer;-webkit-appearance:none;z-index:2}.bal-input-slider__input__native:focus::-ms-fill-lower{background:rgba(0,0,0,0)}.bal-input-slider__input__native:focus::-ms-fill-upper{background:rgba(0,0,0,0)}.bal-input-slider__input__native--disabled::-webkit-slider-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-ms-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__input__native--disabled::-moz-range-thumb{background:var(--bal-color-grey-5)}.bal-input-slider__steps{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;min-height:.5rem;margin:-0.625rem .5rem;-ms-flex-pack:justify;justify-content:space-between}.bal-input-slider__steps__item{width:.125rem;border-radius:var(--bal-radius-rounded);background-color:var(--bal-color-primary)}.bal-input-slider__steps__item--disabled{background:var(--bal-color-grey-4)}@-moz-document url-prefix(){.bal-input-slider__steps{margin:0 .5rem !important}}";var h=i("bal_input_slider",function(){function i(i){var r=this;e(this,i);this.balInput=t(this,"balInput");this.balBlur=t(this,"balBlur");this.balKeyPress=t(this,"balKeyPress");this.balFocus=t(this,"balFocus");this.balChange=t(this,"balChange");this.inputId="bal-input-slider-".concat(f++);this.didInit=false;this.hasFocus=false;this.initialValue="";this.ariaForm=d;this.name=this.inputId;this.step=0;this.min=0;this.max=100;this.invalid=false;this.balTabindex=0;this.disabled=false;this.readonly=false;this.required=false;this.hasTicks=false;this.debounce=0;this.value="";this.autoInvalidOff=false;this.onInput=function(i){var e=i.target;if(e){r.value=e.value||""}r.balInput.emit(r.value)};this.handleClick=function(i){if(r.disabled||r.readonly){i.preventDefault();i.stopPropagation()}};this.onFocus=function(i){r.hasFocus=true;r.balFocus.emit(i)};this.onBlur=function(i){r.hasFocus=false;r.balBlur.emit(i);r.balChange.emit(r.value)}}i.prototype.debounceChanged=function(){this.balChange=b(this.balChange,this.debounce)};i.prototype.listenOnClick=function(i){if((this.disabled||this.readonly)&&i.target&&i.target===this.el){l(i)}};i.prototype.resetHandler=function(i){var e=this;var t=i.target;if(t===null||t===void 0?void 0:t.contains(this.el)){this.value=this.initialValue;clearTimeout(this.resetHandlerTimer);this.resetHandlerTimer=setTimeout((function(){if(e.nativeInput){e.nativeInput.value=e.initialValue}}),0)}};i.prototype.valueChanged=function(i,e){if(this.didInit&&!this.hasFocus&&i!==e){this.balChange.emit(this.value)}};i.prototype.connectedCallback=function(){this.debounceChanged();this.initialValue=this.value};i.prototype.componentDidLoad=function(){this.didInit=true;if(!s(this.value)&&this.value!==""){this.valueChanged(this.value,undefined)}};i.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(e){clearTimeout(this.setFocusTimer);this.setFocusTimer=setTimeout((function(){if(i.nativeInput){i.nativeInput.focus()}}));return[2]}))}))};i.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};i.prototype.setAriaForm=function(i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.ariaForm=Object.assign({},i);return[2]}))}))};Object.defineProperty(i.prototype,"numberOfSteps",{get:function(){var i=this.max-this.min;if(this.step<=0||this.step>=i){return 0}return~~(i/this.step)+1},enumerable:false,configurable:true});i.prototype.cssWidth=function(i){if(i===void 0){i=false}var e=this.value===""?0:Math.round(Number(this.value)/this.step)*this.step;var t=100/this.max*e;if(!i){return"".concat(100-t,"%")}return"".concat(t,"%")};i.prototype.getNumberOfSteps=function(){var i=[];for(var e=0;e<this.numberOfSteps;e++){i.push(e)}return i};i.prototype.render=function(){var i=this;var e=u.block("input-slider");var t=e.element("background");var a=t.element("upper");var s=a.element("inner");var d=t.element("lower");var l=d.element("inner");var b=e.element("input");var c=b.element("native");var h=b.element("value");var f=h.modifier("left");var _=h.modifier("right");var p=e.element("steps");var v=p.element("item");return r(n,{key:"ad6fdbbb33727000cb6ff16e7daf168c6d35602b",class:Object.assign(Object.assign({},e.class()),e.modifier("disabled").class(this.disabled||this.readonly)),onClick:this.handleClick,"aria-disabled":o(this.disabled||this.readonly)},r("div",{key:"0c3ec1cb883d285ef62d06c47b9a8ead7198e235",class:Object.assign(Object.assign({},t.class()),t.modifier("disabled").class(this.disabled||this.readonly))},r("div",{key:"0c80561dffd1ecbf2ace34f268270dbd0fdd8fe9",class:Object.assign({},a.class()),style:{width:this.cssWidth()}},r("div",{key:"7ae875637c76f930b34acef9c0b1063a14c11110",class:Object.assign({},s.class())})),r("div",{key:"d767b75c90733f309a6f2d11eadc22b4c8d8a579",class:Object.assign({},d.class()),style:{width:this.cssWidth(true)}},r("div",{key:"414cc007b301fa2f2775c40d4134295797a970b9",class:Object.assign({},l.class())}))),r("div",{key:"8e474c378f92ffe8df9d65a3063114fe3833159e",class:Object.assign({},b.class())},r("div",{key:"811d58e16f4a261065b3f4ad446cc802d4e32c30",class:Object.assign(Object.assign({},h.class()),f.class())}),r("input",{key:"fb5781181cbba5f4438b70429a3d53a6aabdada0",type:"range",class:Object.assign(Object.assign({},c.class()),c.modifier("disabled").class(this.disabled||this.readonly)),ref:function(e){return i.nativeInput=e},id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-disabled":o(this.disabled),"aria-invalid":this.invalid===true?"true":"false",disabled:this.disabled,readonly:this.readonly,name:this.name,required:this.required,tabIndex:this.balTabindex,step:this.step,min:this.min,max:this.max,value:this.value!==""&&this.value!==undefined?this.value:0,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyPress:function(e){return i.balKeyPress.emit(e)},"data-testid":"bal-input-slider"}),r("div",{key:"48e05291bc6fb797d06bb0d022ac47d4b1f6fc3f",class:Object.assign(Object.assign({},h.class()),_.class())})),r("div",{key:"0fd9bcddf9a98ac5c8706c6e7d33d1d0161dd8ed",class:Object.assign({},p.class()),style:{display:this.hasTicks?"flex":"none"}},this.getNumberOfSteps().map((function(e){return r("div",{key:e,class:Object.assign(Object.assign({},v.class()),v.modifier("disabled").class(i.disabled||i.readonly)),"data-step-id":e})}))))};Object.defineProperty(i.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return i}());var f=0;h.style=c}}}));
|
package/dist/baloise-design-system/{p-a494f5de47.system.entry.js → p-88f9358a95.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-PNu_g_s6.system.js","./p-DKjTFqnu.system.js","./p-m5GX4h3i.system.js","./p-BbAtjg9Y.system.js"],(function(a){"use strict";var l,r,t,
|
|
1
|
+
System.register(["./p-PNu_g_s6.system.js","./p-DKjTFqnu.system.js","./p-m5GX4h3i.system.js","./p-BbAtjg9Y.system.js"],(function(a){"use strict";var l,r,e,t,b,o,i,g;return{setters:[function(a){l=a.r;r=a.c;e=a.h;t=a.H;b=a.g},function(a){o=a.a},function(a){i=a.i},function(a){g=a.B}],execute:function(){var n=":root{--bal-tag-background:var(--bal-color-grey);--bal-tag-background-primary:var(--bal-color-primary);--bal-tag-background-grey:var(--bal-color-grey);--bal-tag-background-success:var(--bal-color-success-4);--bal-tag-background-info:var(--bal-color-info-4);--bal-tag-background-warning:var(--bal-color-warning-4);--bal-tag-background-danger:var(--bal-color-danger-4);--bal-tag-background-purple:var(--bal-color-purple-5);--bal-tag-background-red:var(--bal-color-red-5);--bal-tag-background-yellow:var(--bal-color-yellow-4);--bal-tag-background-green:var(--bal-color-green-4);--bal-tag-background-purple-light:var(--bal-color-purple-2);--bal-tag-background-red-light:var(--bal-color-red-2);--bal-tag-background-yellow-light:var(--bal-color-yellow-2);--bal-tag-background-green-light:var(--bal-color-green-2);--bal-tag-background-invalid:var(--bal-color-border-danger);--bal-tag-background-disabled:var(--bal-color-border-grey-dark);--bal-tag-radius:var(--bal-radius-large);--bal-tag-border-disabled-color:var(--bal-color-border-grey-dark);--bal-tag-text:var(--bal-color-primary);--bal-tag-text-primary:var(--bal-color-white);--bal-tag-text-grey:var(--bal-color-primary);--bal-tag-text-success:var(--bal-color-white);--bal-tag-text-info:var(--bal-color-white);--bal-tag-text-warning:var(--bal-color-primary);--bal-tag-text-danger:var(--bal-color-white);--bal-tag-text-purple:var(--bal-color-white);--bal-tag-text-red:var(--bal-color-white);--bal-tag-text-yellow:var(--bal-color-primary);--bal-tag-text-green:var(--bal-color-primary);--bal-tag-text-purple-light:var(--bal-color-primary);--bal-tag-text-red-light:var(--bal-color-primary);--bal-tag-text-yellow-light:var(--bal-color-primary);--bal-tag-text-green-light:var(--bal-color-primary);--bal-tag-text-invalid:var(--bal-color-text-white);--bal-tag-text-disabled:var(--bal-color-text-white);--bal-tag-size-small-font-size:var(--bal-text-size-small);--bal-tag-size-small-font-weight:var(--bal-font-weight-regular)}.bal-tag{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:static;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:2rem;line-height:1.5rem;padding:.25rem .75rem .25rem .75rem;background-color:var(--bal-tag-background);border-radius:var(--bal-tag-radius)}.bal-tag--is-small{padding:0 .75rem 0 .75rem;min-height:1.5rem}.bal-tag--is-medium{min-height:2.5rem;padding:.5rem 1rem .5rem 1rem}.bal-tag--is-large{min-height:3rem;padding:.75rem 1.5rem .75rem 1.5rem}.bal-tag--is-primary{background:var(--bal-tag-background-primary)}.bal-tag--is-grey{background:var(--bal-tag-background-grey)}.bal-tag--is-success{background:var(--bal-tag-background-success)}.bal-tag--is-info{background:var(--bal-tag-background-info)}.bal-tag--is-warning{background:var(--bal-tag-background-warning)}.bal-tag--is-danger{background:var(--bal-tag-background-danger)}.bal-tag--is-purple{background:var(--bal-tag-background-purple)}.bal-tag--is-red{background:var(--bal-tag-background-red)}.bal-tag--is-yellow{background:var(--bal-tag-background-yellow)}.bal-tag--is-green{background:var(--bal-tag-background-green)}.bal-tag--is-purple-light{background:var(--bal-tag-background-purple-light)}.bal-tag--is-red-light{background:var(--bal-tag-background-red-light)}.bal-tag--is-yellow-light{background:var(--bal-tag-background-yellow-light)}.bal-tag--is-green-light{background:var(--bal-tag-background-green-light)}.bal-tag--is-invalid{background:var(--bal-tag-background-invalid);color:var(--bal-color-text-white)}.bal-tag__label{font-family:var(--bal-font-family-text);color:var(--bal-tag-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal) !important;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-wrap:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.25rem}.bal-tag__label--is-small{font-size:var(--bal-tag-size-small-font-size) !important;font-weight:var(--bal-tag-size-small-font-weight) !important}.bal-tag__label--is-medium{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-large{font-size:var(--bal-text-size-medium) !important}.bal-tag__label--is-primary{color:var(--bal-tag-text-primary)}.bal-tag__label--is-grey{color:var(--bal-tag-text-grey)}.bal-tag__label--is-success{color:var(--bal-tag-text-success)}.bal-tag__label--is-info{color:var(--bal-tag-text-info)}.bal-tag__label--is-warning{color:var(--bal-tag-text-warning)}.bal-tag__label--is-danger{color:var(--bal-tag-text-danger)}.bal-tag__label--is-purple{color:var(--bal-tag-text-purple)}.bal-tag__label--is-red{color:var(--bal-tag-text-red)}.bal-tag__label--is-yellow{color:var(--bal-tag-text-yellow)}.bal-tag__label--is-green{color:var(--bal-tag-text-green)}.bal-tag__label--is-purple-light{color:var(--bal-tag-text-purple-light)}.bal-tag__label--is-red-light{color:var(--bal-tag-text-red-light)}.bal-tag__label--is-yellow-light{color:var(--bal-tag-text-yellow-light)}.bal-tag__label--is-green-light{color:var(--bal-tag-text-green-light)}.bal-tag__label--is-invalid{background:var(--bal-color-border-danger);color:var(--bal-tag-text-invalid)}.bal-tag__label--is-disabled{background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color)}.bal-tag--is-disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--bal-tag-background-disabled);border-color:var(--bal-tag-border-disabled-color);-webkit-box-shadow:none;box-shadow:none;color:var(--bal-tag-text-disabled)}.bal-tag--is-disabled>span{color:var(--bal-tag-text-disabled)}.bal-tag__close{margin-left:.25rem;margin-right:-0.5rem}.bal-tag-group{display:-ms-flexbox;display:flex;gap:.25rem}";var s=a("bal_tag",function(){function a(a){l(this,a);this.balCloseClick=r(this,"balCloseClick");this.inheritedAttributes={};this.inheritedAttributesClose={};this.color="";this.size="";this.closable=false;this.invalid=false;this.disabled=false;this.position="left";this.light=false;this.transparent=false}a.prototype.componentWillLoad=function(){this.inheritedAttributes=i(this.el,["aria-label","title"]);this.inheritedAttributesClose=i(this.el,["tabindex"])};a.prototype.render=function(){var a=this;var l=g.block("tag");var r=l.element("label");var b="is-".concat(this.size);var i=this.size!==undefined;var n=this.color!=="";var s="is-".concat(this.color).concat(this.light?"-light":"");var c="is-disabled";var d=this.disabled;var u="is-".concat(this.position);var v=this.position!==undefined;return e(t,Object.assign({key:"d426597b70777eff0f582f7d443a9bc51ced1e53","aria-disabled":o(this.disabled),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},l.class()),l.modifier(b).class(i)),l.modifier(s).class(n)),l.modifier(c).class(d)),l.modifier(u).class(v)),l.modifier("is-invalid").class(this.invalid))},this.inheritedAttributes),e("span",{key:"3d84d8bfe73a633ebb83eaba536cb2cf4ed61c95",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.class()),r.modifier(b).class(i)),r.modifier(s).class(n)),r.modifier(c).class(d)),r.modifier("is-invalid").class(this.invalid)),"data-testid":"bal-tag-label"},e("slot",{key:"1d74104803bac4b5cf8ee296a2e9f1f9753bf762"})),e("bal-close",Object.assign({key:"cda8fcf97b298bbd453e7c665c4e4741e0a975ab",class:Object.assign({},l.element("close").class()),style:{display:this.closable&&!this.disabled?"flex":"none"},size:this.size==="small"?"small":"",inverted:["blue","primary","info","success","warning","danger","red","purple","yellow","green"].includes(this.color)&&!this.light||this.invalid,"data-testid":"bal-tag-close",onClick:function(l){return a.balCloseClick.emit(l)}},this.inheritedAttributesClose)))};Object.defineProperty(a.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});return a}());s.style=n;var c=a("bal_tag_group",function(){function a(a){l(this,a)}a.prototype.render=function(){return e(t,{key:"0ab0e65bef811da56fe8acea596100fa62a0167a",class:"bal-tag-group"},e("slot",{key:"405f949e333e3e0995a1ec4eb4160b8513d20785"}))};return a}())}}}));
|