@baloise/ds-core 19.8.3-snapshot.1877-5fcfacefc → 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-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-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-308efc1ab8.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-dd0977c1a5.system.entry.js → p-0db571d8f2.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c9e7b5febd.entry.js → p-1074fb7fbc.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f9a22579af.entry.js → p-133b5a4986.entry.js} +1 -1
- 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-e43650f8c2.system.entry.js → p-255e5491e6.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-fe5b5b4e92.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-a68f9da861.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-e0ddc62028.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-0b8fd4ec15.entry.js → p-586de1181e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cc08c698c8.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-88606d2a51.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-dcdff65e55.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-42801b7e0c.system.entry.js → p-77404bcf6d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8b3958b0a1.entry.js → p-7cb15b231d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-69ba98aa56.entry.js → p-81a7d8f03d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8316ebffca.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-3351459a27.entry.js → p-93dc4e9ec8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-7000f4ab00.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-BztQqSGe.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-CFFaybGS.system.js → p-BVitEMYC.system.js} +1 -1
- package/dist/baloise-design-system/p-BtgFoKGn.js +1 -1
- package/dist/baloise-design-system/{p-1MTD7lsM.js → p-COIM5Kkz.js} +1 -1
- package/dist/baloise-design-system/{p-5dg9nJgB.js → p-CgBveYeB.js} +1 -1
- package/dist/baloise-design-system/p-CwWHLbPB.system.js +1 -1
- package/dist/baloise-design-system/{p-yVWmRk4o.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-Cjjfryhf.js → p-ReLIdwsB.js} +1 -1
- package/dist/baloise-design-system/{p-5c70477d4e.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-a4ba08cb91.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-923685a0b7.system.entry.js → p-b4ff1b324f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-dda36d324a.entry.js → p-c29bcf4e69.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6adbf9b7b0.system.entry.js → p-cb3abec4bd.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9993f8ad74.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-94f54b5ec2.system.entry.js → p-d94f439c3b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ab8e430432.system.entry.js → p-db2823d02b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-987050dd20.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-b1fa4370b0.entry.js → p-e2e7e3c5c4.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f2773433fa.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-31b3a653f9.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-29bc400e5d.system.entry.js → p-f6cb5253aa.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8ff2a6299d.system.entry.js → p-f8b560b22f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1cd3d84388.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 +2 -2
- 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-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-smfz6gUz.js → breakpoints.decorator-byAdfhn7.js} +1 -1
- package/dist/cjs/{breakpoints.subject-DxslhN-k.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-jKG0Q7mH.js → tokens.esm-wN1fum6F.js} +1 -1
- package/dist/cjs/{window-resize.decorator-rHyW41kD.js → window-resize.decorator-DMReD0Er.js} +1 -1
- package/dist/collection/components/bal-dropdown/bal-dropdown.js +7 -3
- 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-file-upload/bal-file-upload.js +4 -4
- package/dist/collection/components/bal-footer/bal-footer.js +3 -3
- 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-heading/bal-heading.js +1 -1
- 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-icon/bal-icon.js +1 -1
- 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-group/bal-input-group.js +1 -1
- package/dist/collection/components/bal-input-slider/bal-input-slider.js +3 -3
- package/dist/collection/components/bal-input-stepper/bal-input-stepper.js +1 -1
- package/dist/collection/components/bal-label/bal-label.js +1 -1
- 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-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-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-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-notices/bal-notices.js +1 -1
- package/dist/collection/components/bal-notification/bal-notification.js +1 -1
- package/dist/collection/components/bal-number-input/bal-number-input.js +1 -1
- package/dist/collection/components/bal-option/bal-option.js +1 -1
- package/dist/collection/components/bal-option-list/bal-option-list.js +1 -1
- package/dist/collection/components/bal-pagination/bal-pagination.js +4 -4
- package/dist/collection/components/bal-popover/bal-popover-content/bal-popover-content.js +1 -1
- package/dist/collection/components/bal-popup/bal-popup.js +1 -1
- package/dist/collection/components/bal-progress-bar/bal-progress-bar.js +1 -1
- 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-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-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-shape/bal-shape.js +4 -4
- package/dist/collection/components/bal-sheet/bal-sheet.js +1 -1
- package/dist/collection/components/bal-snackbar/bal-snackbar.js +1 -1
- 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-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-steps/bal-step-item/bal-step-item.js +2 -2
- package/dist/collection/components/bal-table/bal-table.js +1 -1
- 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-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-text/bal-text.js +2 -2
- package/dist/collection/components/bal-textarea/bal-textarea.js +1 -1
- package/dist/collection/components/bal-time-input/bal-time-input.js +1 -1
- package/dist/collection/components/bal-toast/bal-toast.js +1 -1
- package/dist/collection/components/bal-tooltip/bal-tooltip.js +1 -1
- 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 +2 -2
- 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-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-C53gt7tV.js → breakpoints.decorator-t_yXJIZL.js} +1 -1
- package/dist/esm/{breakpoints.subject-BjroUbV7.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-DkCu8hIH.js → tokens.esm-Cf90NR4z.js} +1 -1
- package/dist/esm/{window-resize.decorator-CNLwHGZp.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-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-t_yXJIZL.js +1 -0
- package/dist/esm-es5/{breakpoints.subject-BjroUbV7.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-CNLwHGZp.js → window-resize.decorator-DBJlK-45.js} +1 -1
- 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-0dadba9150.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-2d57df519d.entry.js +0 -1
- package/dist/baloise-design-system/p-4c12fc1e8f.system.entry.js +0 -1
- package/dist/baloise-design-system/p-60ab46a87c.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-B-QBxqhr.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/esm-es5/breakpoints.decorator-C53gt7tV.js +0 -1
- package/dist/types/utils/dropdown/option-list.d.ts +0 -17
- /package/dist/baloise-design-system/{p-DkCu8hIH.js → p-Cf90NR4z.js} +0 -0
- /package/dist/baloise-design-system/{p-DBjFnS0q.system.js → p-LFV9NiI-.system.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-DkCu8hIH.js → tokens.esm-Cf90NR4z.js} +0 -0
|
@@ -6,13 +6,13 @@ import { w as wait, d as deepReady } from './helpers-BNj87EbG.js';
|
|
|
6
6
|
import { B as BalScrollHandler } from './scroll-X92R_eyZ.js';
|
|
7
7
|
import { d as defaultConfig } from './config.default-I6QXKbhg.js';
|
|
8
8
|
import { L as ListenToConfig } from './config.decorator-3bfyZ-0Y.js';
|
|
9
|
-
import { b as balBreakpoints } from './breakpoints.subject-
|
|
10
|
-
import { L as ListenToBreakpoints } from './breakpoints.decorator-
|
|
9
|
+
import { b as balBreakpoints } from './breakpoints.subject-BnQp404Z.js';
|
|
10
|
+
import { L as ListenToBreakpoints } from './breakpoints.decorator-t_yXJIZL.js';
|
|
11
11
|
import './config.utils-B7jugjyM.js';
|
|
12
12
|
import './log-CwssmmaV.js';
|
|
13
13
|
import './device-TtMibDFL.js';
|
|
14
14
|
import './listener-CClDIhvK.js';
|
|
15
|
-
import './tokens.esm-
|
|
15
|
+
import './tokens.esm-Cf90NR4z.js';
|
|
16
16
|
|
|
17
17
|
const balNavbarCss = ":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__logo--small{height:calc(100% - 2.5rem)}@media screen and (min-width: 1024px){.bal-navbar__brand__logo--small{height:calc(100% - 3.5rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";
|
|
18
18
|
|
|
@@ -61,7 +61,7 @@ const Navbar = class {
|
|
|
61
61
|
}
|
|
62
62
|
render() {
|
|
63
63
|
const navbarEl = BEM.block('navbar');
|
|
64
|
-
return (h(Host, { key: '
|
|
64
|
+
return (h(Host, { key: 'd21b6f612b2111ce0a70adb00e62fc7663d1b651', class: Object.assign(Object.assign(Object.assign({}, navbarEl.class()), navbarEl.modifier(`context-${this.interface}`).class()), navbarEl.modifier(`is-light`).class(this.light)) }, h("nav", { key: 'c04d357d30be897227259035bd86e2f5a7edc936', role: "navigation", "aria-label": "main navigation", class: Object.assign(Object.assign({}, navbarEl.element('nav').class()), { container: true, [`is-${this.container}`]: this.container !== '' }) }, h("slot", { key: '48fba6d236e2dfdbf7d0ae23d76b290f63692ba6' }))));
|
|
65
65
|
}
|
|
66
66
|
get element() { return getElement(this); }
|
|
67
67
|
static get watchers() { return {
|
|
@@ -208,7 +208,7 @@ const NavbarBrand = class {
|
|
|
208
208
|
.modifier('small')
|
|
209
209
|
.class(this.logoSize === 'small')), src: this.logo, alt: "Logo" })) : (h("bal-logo", { animated: this.animated, color: 'white', size: this.logoSize }));
|
|
210
210
|
const logoLabel = this.logoLabel ? this.logoLabel : i18nBalNavbarBrand[this.language].logoButtonLabel;
|
|
211
|
-
return (h(Host, { key: '
|
|
211
|
+
return (h(Host, { key: 'a15da2fb97dbef0b32324709d548fe38af7fa84b', class: Object.assign(Object.assign({}, navbarBrandEl.class()), navbarBrandEl.modifier(`context-${this.interface}`).class()) }, this.href ? (h("a", { "aria-label": logoLabel, title: logoLabel, href: this.href, rel: this.rel, target: this.target, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : this.logoClickable ? (h("button", { "aria-label": logoLabel, title: logoLabel, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : (logoTemplate), h("span", { key: '9c70804fe300d6f0b17bee14bb356078db7b587d', class: Object.assign({}, navbarBrandEl.element('title').class()) }, h("slot", { key: '53e5729ff4823597e8407a0f7dbacc86696d34aa' })), h("bal-button", { key: '5b0d8585d122add66365aef3f9f0a6f27e72212f', class: Object.assign(Object.assign({}, navbarBrandEl.element('burger').class()), navbarBrandEl
|
|
212
212
|
.element('burger')
|
|
213
213
|
.modifier('hidden')
|
|
214
214
|
.class(this.interface === 'simple')), color: "light", inverted: true, square: true, icon: this.isMenuActive ? 'close' : 'menu-bars', onClick: () => this.onClick() })));
|
|
@@ -258,7 +258,7 @@ const NavbarMenu = class {
|
|
|
258
258
|
container = navbarEl.container;
|
|
259
259
|
}
|
|
260
260
|
}
|
|
261
|
-
return (h(Host, { key: '
|
|
261
|
+
return (h(Host, { key: 'e3632d31af2bf0bbd0bc416c40ff17ed7cd3a74f', class: Object.assign(Object.assign(Object.assign(Object.assign({}, menuEl.class()), menuEl.modifier('active').class(this.isMenuActive)), menuEl.modifier(`context-${this.interface}`).class()), { container: true, [`is-${container}`]: container !== '' }) }, h("slot", { key: '63897a0b6c61e222fc3f87051c1f4cf89d27be5a' })));
|
|
262
262
|
}
|
|
263
263
|
get element() { return getElement(this); }
|
|
264
264
|
};
|
|
@@ -282,7 +282,7 @@ const NavbarMenuEnd = class {
|
|
|
282
282
|
}
|
|
283
283
|
render() {
|
|
284
284
|
const menuEndEl = BEM.block('navbar').element('menu').element('end');
|
|
285
|
-
return (h(Host, { key: '
|
|
285
|
+
return (h(Host, { key: '704fe4c50701625f0160aa39a79a5fc3e2f9debb', class: Object.assign(Object.assign({}, menuEndEl.class()), menuEndEl.modifier(`context-${this.interface}`).class()) }, h("slot", { key: '05737e744803b4b62906ab835d555d1c9cc6cf98' })));
|
|
286
286
|
}
|
|
287
287
|
};
|
|
288
288
|
|
|
@@ -299,7 +299,7 @@ const NavbarMenuStart = class {
|
|
|
299
299
|
}
|
|
300
300
|
render() {
|
|
301
301
|
const menuStartEl = BEM.block('navbar').element('menu').element('start');
|
|
302
|
-
return (h(Host, { key: '
|
|
302
|
+
return (h(Host, { key: 'b53e1c198366eeca89e5d71bf52af297902307a8', class: Object.assign(Object.assign({}, menuStartEl.class()), menuStartEl.modifier(`context-${this.interface}`).class()) }, h("slot", { key: '3e123a521d151135d72001d1b3ac703d236a4c8f' })));
|
|
303
303
|
}
|
|
304
304
|
};
|
|
305
305
|
|
|
@@ -23,7 +23,7 @@ const Notices = class {
|
|
|
23
23
|
const block = BEM.block('notices');
|
|
24
24
|
const innerEl = block.element('inner');
|
|
25
25
|
const hasContainer = this.interface === 'toast' && this.container !== undefined;
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: '83c73f66abe9dc3abf4181c43af09fc4ce7f3b7a', class: Object.assign(Object.assign(Object.assign({ 'bal-app': true }, block.class()), block.modifier('container').class(hasContainer)), block.modifier('animated').class(this.animated)) }, h("div", { key: 'f16cd17c52f0df45500e9be985fc099c5c134cf6', class: Object.assign(Object.assign(Object.assign({}, innerEl.class()), innerEl.modifier(this.interface).class()), { container: hasContainer, [`is-${this.container}`]: hasContainer && this.container !== '' }) }, h("slot", { key: 'bdf0fc55a2b9d63fed14821e8e83553394052ac2' }))));
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
Notices.style = balNoticesCss;
|
|
@@ -128,7 +128,7 @@ const Snackbar = class {
|
|
|
128
128
|
success: 'check-circle',
|
|
129
129
|
};
|
|
130
130
|
const icon = isIconDefined ? this.icon : colorIcons[this.color || 'info'];
|
|
131
|
-
return (h(Host, { key: '
|
|
131
|
+
return (h(Host, { key: 'b3915c5a567dc89a8ec7145a7ab98498ca97b66d', id: this.snackbarId, role: "alertdialog", class: Object.assign(Object.assign({}, block.class()), block.modifier(`color-${this.color}`).class(!!this.color)), "aria-labelledby": subjectId }, h("div", { key: 'ae6759e051630b2c9fe51c7d24d931e30737376d', class: Object.assign({}, detailsEl.class()) }, h("div", { key: 'dfb41b163dfb1ec063576c487769102bd2c52c40', "aria-hidden": "true", class: Object.assign(Object.assign(Object.assign({}, detailsEl.element('icon').class()), detailsEl.element('icon').modifier('masked').class(!isIconDefined)), detailsEl.element('icon').modifier(`color-${this.color}`).class(!isIconDefined)) }, isIconDefined ? h("bal-icon", { name: icon, color: 'primary', size: "medium" }) : ''), h("div", { key: '75a34eb777fbf3c9d8ffdc431a155183888fe5ad', class: Object.assign({}, detailsEl.element('content').class()) }, h("h2", { key: '7aecaed230c536db0771eb4060a20f8d89b737fa', id: subjectId }, this.subject), h("span", Object.assign({ key: '660cdb87938ee2d5e48bb103dbdb573deafbf088' }, messageAttributes), h("slot", { key: '8a9a874dca0cfce2771f4af4a356e7783d2efada' }), h("span", { key: '988af9ec4c07a0a07f82f0036931cd1dad15a13c', class: "hidden" }))), h("div", { key: 'be82a69b4dc2f4e42ba9f55e7f7af403ce0136cd', class: Object.assign({}, detailsEl.element('close').class()) }, h("bal-close", { key: '9b999204c4f1fbdb215161ae08ebec3c8ae21658', class: "bal-snackbar__close", "data-testid": "bal-snackbar-close", onClick: () => this.close() }))), this.action ? (h("div", { class: Object.assign({}, buttonWrapperEl.class()) }, h("bal-button", { color: "info", size: "small", href: this.href, target: this.target, onClick: () => this.onActionHandler(), "data-testid": "bal-snackbar-action" }, this.action))) : ('')));
|
|
132
132
|
}
|
|
133
133
|
get element() { return getElement(this); }
|
|
134
134
|
};
|
|
@@ -189,7 +189,7 @@ const Toast = class {
|
|
|
189
189
|
const innerEl = block.element('inner');
|
|
190
190
|
const labelEl = block.element('label');
|
|
191
191
|
const closeEl = block.element('close');
|
|
192
|
-
return (h(Host, { key: '
|
|
192
|
+
return (h(Host, { key: '46ad818112b1002e1a48a627eb714dec23aba2a5', id: this.toastId, class: Object.assign({}, block.class()) }, h("div", { key: 'e2db452a14a302ba7ed9ebbeb8a78e801a175998', role: "status", class: Object.assign(Object.assign({}, innerEl.class()), innerEl.modifier(`color-${this.color}`).class(!!this.color)) }, h("span", { key: '41331cb2609ece86bb59951cab9ec61b76b27c33', class: Object.assign({}, labelEl.class()), "data-testid": "bal-toast-label", innerHTML: this.message }, h("slot", { key: '09572e31b7d8bcc5ec8f31e33df31cdca13a7355' })), this.closable !== false ? (h("bal-close", { class: Object.assign({}, closeEl.class()), onClick: () => this.close(), inverted: false, "data-testid": "bal-toast-close" })) : (''))));
|
|
193
193
|
}
|
|
194
194
|
get element() { return getElement(this); }
|
|
195
195
|
};
|
|
@@ -23,7 +23,7 @@ const Notification = class {
|
|
|
23
23
|
render() {
|
|
24
24
|
const block = BEM.block('notification');
|
|
25
25
|
block.element('inner');
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: '25a9149c4bb693ebf3c1b1a863e72f7727b8d046', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`no-icon`).class(this.noIcon)), block.modifier(`color-${this.color}${this.light ? '-light' : ''}`).class(!!this.color)), block.modifier(`color-light`).class(!this.color && this.light)), "data-testid": "bal-notification-content" }, h("slot", { key: '6254964fe9f247d75cb102a80c7a251a233bf2d9' })));
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
Notification.style = balNotificationCss;
|
|
@@ -385,7 +385,7 @@ const NumberInput = class {
|
|
|
385
385
|
*/
|
|
386
386
|
render() {
|
|
387
387
|
const block = BEM.block('number-input');
|
|
388
|
-
return (h(Host, { key: '
|
|
388
|
+
return (h(Host, { key: 'dfe0471d58775e45f8f20a611b1daa12c46c1fbb', onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, h("input", Object.assign({ key: 'bfd1c5515ae11030d1efa3f135cc0e2ba53f3bc0', class: {
|
|
389
389
|
'input': true,
|
|
390
390
|
'is-disabled': this.disabled || this.readonly,
|
|
391
391
|
'is-danger': this.invalid,
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-BdVwMG9u.js';
|
|
2
2
|
import { _ as __decorate, a as __metadata } from './tslib.es6-dfXERft2.js';
|
|
3
3
|
import { B as BEM } from './bem-ByiN-QjD.js';
|
|
4
|
-
import { b as balBreakpoints } from './breakpoints.subject-
|
|
4
|
+
import { b as balBreakpoints } from './breakpoints.subject-BnQp404Z.js';
|
|
5
5
|
import { d as defaultConfig } from './config.default-I6QXKbhg.js';
|
|
6
|
-
import { L as ListenToBreakpoints } from './breakpoints.decorator-
|
|
6
|
+
import { L as ListenToBreakpoints } from './breakpoints.decorator-t_yXJIZL.js';
|
|
7
7
|
import { L as ListenToConfig } from './config.decorator-3bfyZ-0Y.js';
|
|
8
8
|
import './helpers-BNj87EbG.js';
|
|
9
9
|
import './browser-B1u-Mq75.js';
|
|
10
10
|
import './config.utils-B7jugjyM.js';
|
|
11
11
|
import './device-TtMibDFL.js';
|
|
12
12
|
import './listener-CClDIhvK.js';
|
|
13
|
-
import './tokens.esm-
|
|
13
|
+
import './tokens.esm-Cf90NR4z.js';
|
|
14
14
|
import './log-CwssmmaV.js';
|
|
15
15
|
|
|
16
16
|
const i18nControlLabel = {
|
|
@@ -268,10 +268,10 @@ const Pagination = class {
|
|
|
268
268
|
const leftControlTitle = i18nControlLabel[this.language].left;
|
|
269
269
|
const rightControlTitle = i18nControlLabel[this.language].right;
|
|
270
270
|
const hasBasicNavigationButtons = this.interface === '' || (isSmall && this.totalPages <= 5);
|
|
271
|
-
const SmallWithText = () => (h("span", { key: '
|
|
272
|
-
const PaginationTablet = () => (h("ul", { key: '
|
|
273
|
-
const PaginationMobile = () => (h("ul", { key: '
|
|
274
|
-
return (h(Host, { key: '
|
|
271
|
+
const SmallWithText = () => (h("span", { key: '6851055924de8b04d1c2426851296fc43de9d5a8', class: Object.assign(Object.assign({}, elList.class()), elList.modifier(`context-${this.interface}`).class()) }, h("span", { key: '3c7b45ffc1b9844a54b05455444fc27f0947ed23' }, this._value), ' / ' + this.totalPages));
|
|
272
|
+
const PaginationTablet = () => (h("ul", { key: 'ac07986c347c110d113f46ceff2cb77ced99c5da', class: Object.assign(Object.assign(Object.assign({}, elList.class()), elList.modifier(`context-${this.interface}`).class()), { 'is-disabled': this.disabled }), "data-testid": "bal-pagination-list" }, tabletItems));
|
|
273
|
+
const PaginationMobile = () => (h("ul", { key: '9b83d79dd7bb63cfeb8d98ff940f2a91c9db72c8', class: Object.assign(Object.assign(Object.assign({}, elList.class()), elList.modifier(`context-${this.interface}`).class()), { 'is-disabled': this.disabled }), "data-testid": "bal-pagination-list" }, mobileItems));
|
|
274
|
+
return (h(Host, { key: 'c9f4756500a4f05b3d4756c0c568d6e7d930292c', class: Object.assign(Object.assign({}, block.class()), block.modifier('is-sticky').class(this.sticky)) }, h("nav", { key: '463f770907d3b73651eb525c951870d53afb3147', class: Object.assign(Object.assign(Object.assign({}, elNav.class()), elNav.modifier(`context-${this.interface}`).class(this.interface !== '')), elNav.modifier(`align-${this.align}`).class(this.align !== '')), role: "navigation", "aria-label": "pagination" }, !this.disabled ? (h("button", { class: Object.assign(Object.assign({ 'button': true, 'is-square': true, 'is-disabled': this._value < 2, 'is-flat': flat, [buttonColor]: true, [buttonSize]: true }, elPrevious.class()), elPrevious.modifier(`context-${this.interface}`).class()), disabled: this._value < 2, onClick: () => this.previous(), "data-testid": "bal-pagination-controls-left", title: leftControlTitle }, h("bal-icon", { name: "nav-go-left", size: "small", disabled: this._value < 2 }))) : (''), !this.disabled ? (h("button", { class: Object.assign(Object.assign({ 'button': true, 'is-square': true, 'is-disabled': this._value === this.totalPages, 'is-flat': flat, [buttonColor]: true, [buttonSize]: true }, elNext.class()), elNext.modifier(`context-${this.interface}`).class()), disabled: this._value === this.totalPages, onClick: () => this.next(), "data-testid": "bal-pagination-controls-right", title: rightControlTitle }, h("bal-icon", { name: "nav-go-right", size: "small", disabled: this._value === this.totalPages }))) : (''), hasBasicNavigationButtons && this.isMobile ? h(PaginationMobile, null) : '', hasBasicNavigationButtons && !this.isMobile ? h(PaginationTablet, null) : '', !hasBasicNavigationButtons ? h(SmallWithText, null) : '')));
|
|
275
275
|
}
|
|
276
276
|
get el() { return getElement(this); }
|
|
277
277
|
static get watchers() { return {
|
|
@@ -641,7 +641,7 @@ const Popup = class {
|
|
|
641
641
|
const innerBlock = block.element('inner');
|
|
642
642
|
const innerHeadBlock = innerBlock.element('head');
|
|
643
643
|
const innerContentBlock = innerBlock.element('content');
|
|
644
|
-
return (h(Host, { key: '
|
|
644
|
+
return (h(Host, { key: '815e1a03c79472bb0913b4a28519802606bac73c', class: Object.assign({}, block.class()), role: "dialog", "aria-hidden": `${this.presented !== true}`, "aria-modal": `${this.presented === true}`, "aria-presented": `${this.presented === true}`, "aria-labelledby": `${this.popupId}-heading` }, h("div", { key: 'effa9ca039cb7c5b27db07f23e02a464e5f09ce9', class: Object.assign({}, backdropBlock.class()), ref: backdropEl => (this.backdropEl = backdropEl) }), h("div", { key: '343a483098c5d4b657298c3f0b5d14705a3e78bd', class: Object.assign(Object.assign({}, containerBlock.class()), containerBlock.modifier(`variant-${this.activeVariant}`).class()), ref: containerEl => (this.containerEl = containerEl), style: { minWidth: this.minContainerWidth } }, h("div", { key: 'dbcb76dfb93527828e6f73974cbfd62225bd26c3', class: Object.assign({}, arrowBlock.class()), ref: arrowEl => (this.arrowEl = arrowEl) }), h("bal-stack", { key: '119c391a7fa3081548740bf23b57a6ae05417188', layout: "vertical", px: this.activeVariant === 'popover' ? 'medium' : 'none', py: "medium", class: Object.assign({}, innerBlock.class()), ref: innerBlock => (this.innerEl = innerBlock) }, this.label ? (h("bal-stack", { space: "auto", class: Object.assign({}, innerHeadBlock.class()) }, h("bal-heading", { "data-testid": "bal-popup-label", level: "span", "visual-level": "large", id: `${this.popupId}-heading` }, this.label), this.activeClosable ? (h("bal-close", { "data-testid": "bal-popup-close", tabindex: -1, onClick: () => this.onCloseClick() })) : (''))) : (''), h("div", { key: 'ff97c08a3151dc9f71552eede345d84716ea7e3b', class: Object.assign({}, innerContentBlock.class()), ref: contentEl => (this.contentEl = contentEl), "data-testid": "bal-popup-content", tabindex: "-1" }, h("slot", { key: '21e9b66eec4627f414c4802eccc5276c20a9c536' }))))));
|
|
645
645
|
}
|
|
646
646
|
get el() { return getElement(this); }
|
|
647
647
|
static get watchers() { return {
|
|
@@ -2,14 +2,14 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-Bd
|
|
|
2
2
|
import { _ as __decorate, a as __metadata } from './tslib.es6-dfXERft2.js';
|
|
3
3
|
import { B as BEM } from './bem-ByiN-QjD.js';
|
|
4
4
|
import { m as raf } from './helpers-BNj87EbG.js';
|
|
5
|
-
import { b as balBreakpoints } from './breakpoints.subject-
|
|
6
|
-
import { L as ListenToBreakpoints } from './breakpoints.decorator-
|
|
7
|
-
import { L as ListenToWindowResize } from './window-resize.decorator-
|
|
5
|
+
import { b as balBreakpoints } from './breakpoints.subject-BnQp404Z.js';
|
|
6
|
+
import { L as ListenToBreakpoints } from './breakpoints.decorator-t_yXJIZL.js';
|
|
7
|
+
import { L as ListenToWindowResize } from './window-resize.decorator-DBJlK-45.js';
|
|
8
8
|
import './browser-B1u-Mq75.js';
|
|
9
9
|
import './config.utils-B7jugjyM.js';
|
|
10
10
|
import './device-TtMibDFL.js';
|
|
11
11
|
import './listener-CClDIhvK.js';
|
|
12
|
-
import './tokens.esm-
|
|
12
|
+
import './tokens.esm-Cf90NR4z.js';
|
|
13
13
|
|
|
14
14
|
const balProgressBarCss = ":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)}";
|
|
15
15
|
|
|
@@ -82,7 +82,7 @@ const ProgressBar = class {
|
|
|
82
82
|
render() {
|
|
83
83
|
const block = BEM.block('progress-bar');
|
|
84
84
|
const bemLineEl = block.element('line');
|
|
85
|
-
return (h(Host, { key: '
|
|
85
|
+
return (h(Host, { key: '3560c076e654839526d357edec7f7d605793d9b0', "aria-hidden": "true", class: Object.assign(Object.assign({}, block.class()), block.modifier(`background-${this.background}-of-${this.color}`).class()) }, h("div", { key: 'd89c4e6cf2d0c12abd70696606c47f03de988889', class: Object.assign(Object.assign(Object.assign({}, bemLineEl.class()), bemLineEl.modifier(`color-${this.color}`).class()), bemLineEl.modifier(`animated`).class(this.animated)), ref: lineEl => (this.lineEl = lineEl) })));
|
|
86
86
|
}
|
|
87
87
|
get el() { return getElement(this); }
|
|
88
88
|
};
|
|
@@ -45,7 +45,7 @@ const RadioIcon = class {
|
|
|
45
45
|
const disabled = !!this.disabled;
|
|
46
46
|
const invalid = !!this.invalid;
|
|
47
47
|
const inverted = !!this.inverted;
|
|
48
|
-
return (h(Host, { key: '
|
|
48
|
+
return (h(Host, { key: '161bc840e553656a11a4f6c9aaedfa554dcdcf01', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('checked').class(checked)), block.modifier('disabled').class(disabled)), block.modifier('invalid').class(invalid)), block.modifier('inverted').class(inverted)), block.modifier('hovered').class(this.hovered)), block.modifier('pressed').class(this.pressed)) }));
|
|
49
49
|
}
|
|
50
50
|
};
|
|
51
51
|
RadioIcon.style = balRadioIconCss;
|
|
@@ -346,11 +346,11 @@ const Radio = class {
|
|
|
346
346
|
if (this.labelHidden) {
|
|
347
347
|
inputAttributes['aria-labelledby'] = labelId;
|
|
348
348
|
}
|
|
349
|
-
return (h(Host, { key: '
|
|
349
|
+
return (h(Host, { key: 'faa44091416d0505e2d84a792bd49f5eab82f897', "aria-checked": `${this.checked}`, "aria-disabled": ariaBooleanToString(this.disabled), "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-hidden": this.disabled ? 'true' : null, "aria-focused": focused ? 'true' : null, "aria-labelledby": labelId, "aria-describedby": this.ariaForm.messageId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ 'bal-focused': focused }, block.class()), block.modifier('button').class(this.interface === 'button')), block.modifier('tile').class(this.interface === 'tile')), block.modifier(`tile-color-${this.color}`).class(this.interface === 'tile' && !!this.color)), block.modifier('invalid').class(this.invalid)), block.modifier('checked').class(this.checked)), block.modifier('flat').class(this.flat)), block.modifier('disabled').class(this.disabled || this.readonly)), block.modifier('hovered').class(this.hovered)), block.modifier('pressed').class(this.pressed)), block.modifier(`column-${this.colSize}`).class(this.interface === 'tile' && this.colSize > 1)), block
|
|
350
350
|
.modifier(`column-tablet-${this.colSizeTablet}`)
|
|
351
351
|
.class(this.interface === 'tile' && this.colSizeTablet > 1)), block
|
|
352
352
|
.modifier(`column-mobile-${this.colSizeMobile}`)
|
|
353
|
-
.class(this.interface === 'tile' && this.colSizeMobile > 1)), onClick: this.onClick }, h(LabelTag, { key: '
|
|
353
|
+
.class(this.interface === 'tile' && this.colSizeMobile > 1)), onClick: this.onClick }, h(LabelTag, { key: '3588b099302b821eccd777ae3149744f53a97834', class: Object.assign({}, labelEl.class()), "data-testid": "bal-radio-label" }, hasFormControl ? (h("input", Object.assign({ id: id, type: "radio", "data-testid": "bal-radio-input", name: this.name, value: value, checked: this.checked, required: this.required, disabled: this.disabled || this.nonSubmit, readonly: this.readonly, class: Object.assign({}, inputEl.class()), "aria-hidden": ariaBooleanToString(this.nonSubmit), "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-describedby": this.ariaForm.messageId, onChange: ev => this.toggleChecked(ev), onFocus: ev => this.onFocus(ev), onBlur: ev => this.onBlur(ev), ref: inputEl => (this.nativeInput = inputEl) }, inputAttributes))) : (''), this.interface !== 'tile' ? (h("div", { class: Object.assign({}, labelIconEl.class()) }, h("bal-radio-icon", { checked: this.checked, disabled: this.disabled || this.readonly, invalid: this.invalid, inverted: this.interface === 'button' && this.checked, hovered: this.mergedElementState.hovered, pressed: this.mergedElementState.pressed }))) : (''), h("div", { key: '599fda9c376491dcb156c0b3fa8ecd41353027a8', class: Object.assign(Object.assign({}, labelTextEl.class()), labelTextEl.modifier('hidden').class(this.labelHidden)) }, h("slot", { key: '752d10816299c2f7840ae907b426501a76ae8d23' })))));
|
|
354
354
|
}
|
|
355
355
|
get el() { return getElement(this); }
|
|
356
356
|
static get watchers() { return {
|
|
@@ -10,15 +10,15 @@ import { i as isSpaceKey, a as isEnterKey, b as isArrowUpKey, c as isArrowLeftKe
|
|
|
10
10
|
import { L as ListenToFocus } from './focus.decorator-C1s3OoqI.js';
|
|
11
11
|
import { L as ListenToAnimation } from './animation.decorator-zbSqKhw6.js';
|
|
12
12
|
import { L as ListenToVisibility } from './visibility.decorator-zTjPC2du.js';
|
|
13
|
-
import { L as ListenToWindowResize } from './window-resize.decorator-
|
|
14
|
-
import { L as ListenToBreakpoints } from './breakpoints.decorator-
|
|
13
|
+
import { L as ListenToWindowResize } from './window-resize.decorator-DBJlK-45.js';
|
|
14
|
+
import { L as ListenToBreakpoints } from './breakpoints.decorator-t_yXJIZL.js';
|
|
15
15
|
import { i as inheritAttributes } from './attributes-C4sZQbkT.js';
|
|
16
16
|
import './browser-B1u-Mq75.js';
|
|
17
17
|
import './config.utils-B7jugjyM.js';
|
|
18
18
|
import './listener-CClDIhvK.js';
|
|
19
|
-
import './breakpoints.subject-
|
|
19
|
+
import './breakpoints.subject-BnQp404Z.js';
|
|
20
20
|
import './device-TtMibDFL.js';
|
|
21
|
-
import './tokens.esm-
|
|
21
|
+
import './tokens.esm-Cf90NR4z.js';
|
|
22
22
|
|
|
23
23
|
const balSegmentCss = ":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";
|
|
24
24
|
|
|
@@ -350,7 +350,7 @@ const Segment = class {
|
|
|
350
350
|
render() {
|
|
351
351
|
const { invalid, isVertical, scrollable, keyboardMode, expanded, isMobile, disabled } = this;
|
|
352
352
|
const block = BEM.block('segment');
|
|
353
|
-
return (h(Host, { key: '
|
|
353
|
+
return (h(Host, { key: '08fb99b658d704d85ab181d55d7bdbce7ee40fd8', role: "radiogroup", id: this.ariaForm.controlId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('invalid').class(invalid)), block.modifier('vertical').class(isVertical)), block.modifier('scrollable').class(scrollable)), block.modifier('keyboard').class(keyboardMode)), block.modifier('disabled').class(disabled)), block.modifier('expanded').class((expanded || isMobile) && !isVertical)), onClick: this.onClick }, h("slot", { key: '432741fe51dc5c83ea241506687de13469afc149', onSlotchange: this.onSlottedItemsChange })));
|
|
354
354
|
}
|
|
355
355
|
get el() { return getElement(this); }
|
|
356
356
|
static get watchers() { return {
|
|
@@ -575,7 +575,7 @@ const SegmentItem = class {
|
|
|
575
575
|
'aria-describedby': this.ariaForm.messageId,
|
|
576
576
|
};
|
|
577
577
|
}
|
|
578
|
-
return (h(Host, { key: '
|
|
578
|
+
return (h(Host, { key: '54ab8ce0ab290fcbc238087789ce0bca3caedddc', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('vertical').class(vertical)), block.modifier('disabled').class(disabled)), block.modifier('checked').class(checked)), block.modifier('invalid').class(invalid)), block.modifier('last').class(this.isLast && !checked)) }, h("button", Object.assign({ key: 'be4e31f8a5b0da8cc9f70a867e546920127ba4b2', id: id, role: "radio", "aria-checked": checked ? 'true' : 'false' }, buttonAttributes, { class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, buttonBem.class()), buttonBem.modifier('checked').class(checked)), buttonBem.modifier('invalid').class(invalid)), buttonBem.modifier('disabled').class(disabled)), buttonBem.modifier('focused').class(focused)), buttonBem.modifier('vertical').class(vertical)), type: 'button', tabIndex: hasTabindex ? 0 : -1, part: "native", disabled: disabled, ref: el => (this.nativeEl = el) }, this.inheritedAttributes), h("bal-icon", { key: 'f6d56f256041be2a97822dcc424d887844bacc0e', name: "check", size: "small", class: Object.assign(Object.assign(Object.assign({}, buttonBem.element('icon').class()), buttonBem.element('icon').modifier('animated').class(checked)), buttonBem.element('icon').modifier('vertical').class(vertical)), color: disabled ? 'grey-dark' : invalid ? 'white' : 'primary' }), h("bal-stack", { key: '15df166b0d0d2b6a6b9447506755b9de3581c77d', space: "x-small", layout: 'horizontal' }, h("bal-content", { key: '056ba7bfb5d4f456f03f70e9f86e0269bd44a78b', space: "none" }, h("bal-label", { key: '055ca1dd2f698e5b3758fbc5535a221801d90642', htmlId: `bal-si-${this.internalId}-label` }, label), h("span", { key: '5a4ea620046a856959a811110f9c8ec5dfefa156', part: "slot", class: Object.assign({}, buttonBem.element('slot').modifier('hidden').class(!this.hasSlotContent)) }, ' ', h("slot", { key: 'ceeb6506e86bde765a45497987759479b450c16f', onSlotchange: this.onSlottedItemsChange }))))), h("div", { key: '7384e9bec0b8c8337191b79a54a18cf5cc89a55b', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, indicatorBem.class()), indicatorBem.modifier('animated').class()), indicatorBem.modifier('background').class()), indicatorBem.modifier('disabled').class(disabled)), indicatorBem.modifier('invalid').class(invalid)), indicatorBem.modifier('checked').class(checked)), indicatorBem.modifier('vertical').class(vertical)) })));
|
|
579
579
|
}
|
|
580
580
|
get el() { return getElement(this); }
|
|
581
581
|
static get watchers() { return {
|
|
@@ -777,7 +777,7 @@ const Select = class {
|
|
|
777
777
|
*/
|
|
778
778
|
render() {
|
|
779
779
|
var _a;
|
|
780
|
-
const Chip = (props) => (h("bal-tag", { key: '
|
|
780
|
+
const Chip = (props) => (h("bal-tag", { key: '77060284cad81e9801d4b0280b3cd1be126e2245', size: "", closable: !this.disabled, disabled: this.disabled, invalid: this.invalid, tabindex: -1, onBalCloseClick: _ => this.removeValue(props.value), "data-testid": "bal-select-chip" }, findLabelByValue(this.options, props.value) || props.value));
|
|
781
781
|
const valuesArray = getValues(this.rawValue);
|
|
782
782
|
const block = BEM.block('select');
|
|
783
783
|
const nativeEl = block.element('native');
|
|
@@ -791,19 +791,19 @@ const Select = class {
|
|
|
791
791
|
const optionContentEl = optionEl.element('content');
|
|
792
792
|
const optionContentCheckboxEl = optionContentEl.element('checkbox');
|
|
793
793
|
const optionContentLabelEl = optionContentEl.element('label');
|
|
794
|
-
return (h(Host, { key: '
|
|
794
|
+
return (h(Host, { key: '6b7354e770f231706b1e15360c671adfe16a8980', role: "listbox", onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled), "data-value": (_a = this.rawValue) === null || _a === void 0 ? void 0 : _a.map(v => findLabelByValue(this.options, v)).join(','), class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('disabled').class(this.disabled || this.readonly)), block.modifier('inverted').class(this.inverted)), block.modifier('inverted-footer').class(this.inverted)) }, h("select", { key: '4564be01db70d71812c500f75534a52166edb41a', class: Object.assign({}, nativeEl.class()), name: this.name, multiple: this.multiple, required: this.required, tabindex: -1, ref: el => (this.nativeSelectEl = el) }, valuesArray.map((value) => (h("option", { key: value, value: value, selected: true }, value)))), h("bal-popover", { key: '7a77f7f60e2ddb3e524dfbf14021618ebf56d03b', onBalChange: this.handlePopoverChange, ref: el => (this.popoverElement = el) }, h("div", { key: 'c3759fb5c32e5a2737ef9b80ce9845b0071f2f74', "bal-popover-trigger": true, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, controlEl.class()), controlEl.modifier('invalid').class(this.invalid)), controlEl.modifier('disabled').class(this.disabled || this.readonly)), controlEl.modifier('focused').class(this.isPopoverOpen)), controlEl.modifier('inverted-footer').class(this.inverted)) }, h("div", { key: '9b7c8567cc7f0c463546a78cdd0b449900cbd315', class: Object.assign(Object.assign({}, controlSelectionsEl.class()), controlSelectionsEl
|
|
795
795
|
.modifier('clickable')
|
|
796
796
|
.class(!this.isPopoverOpen && !this.disabled && !this.readonly)), onClick: this.handleInputClick, ref: el => (this.selectionEl = el) }, valuesArray
|
|
797
797
|
.filter(_ => this.multiple)
|
|
798
|
-
.map((value) => (h(Chip, { value: value }))), h("input", Object.assign({ key: '
|
|
798
|
+
.map((value) => (h(Chip, { value: value }))), h("input", Object.assign({ key: '5defff3eda394ed0afaa105775b22231eb628fe1', type: "text", class: Object.assign(Object.assign({}, controlInputEl.class()), { 'input': true, 'is-inverted': this.inverted, 'is-danger': this.invalid, 'is-disabled': this.disabled || this.readonly, 'is-clickable': !this.isPopoverOpen && !this.disabled && !this.readonly, 'data-test-select-input': true }), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": ariaBooleanToString(this.disabled), "data-testid": "bal-select-input", autocomplete: this.autocomplete, "aria-autocomplete": this.autocomplete === 'off' ? 'none' : null, placeholder: this.inputPlaceholder, readonly: !this.typeahead || this.disabled || this.readonly, contentEditable: this.typeahead, disabled: this.disabled, maxLength: this.maxLength, tabindex: this.balTabindex, onInput: this.handleInput, onClick: this.handleInputClick, onChange: this.handleInputChange, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onKeyPress: this.handleKeyPress, ref: el => (this.inputElement = el) }, this.inheritedAttributes))), !this.freeSolo && !this.loading ? (h("bal-icon", { class: Object.assign(Object.assign(Object.assign({}, controlIconEl.class()), controlIconEl.modifier('loading').class(this.loading)), controlIconEl.modifier('clickable').class(!this.disabled && !this.readonly)), name: !this.inverted ? 'caret-down' : 'caret-up', color: this.disabled || this.readonly
|
|
799
799
|
? 'grey-light'
|
|
800
800
|
: this.inverted
|
|
801
801
|
? 'white'
|
|
802
802
|
: this.invalid
|
|
803
803
|
? 'danger'
|
|
804
|
-
: 'primary', turn: this.isPopoverOpen, onClick: ev => this.handleInputClick(ev, true), size: !this.inverted ? '' : 'x-small' })) : ('')), h("bal-popover-content", { key: '
|
|
804
|
+
: 'primary', turn: this.isPopoverOpen, onClick: ev => this.handleInputClick(ev, true), size: !this.inverted ? '' : 'x-small' })) : ('')), h("bal-popover-content", { key: '61e479d8c8b40af29300dcc7e3611a774aff6c31', class: Object.assign({}, popoverContentEl.class()), scrollable: this.scrollable, spaceless: true, expanded: true }, this.optionArray.map((option, index) => (h("button", { key: option.value, type: "button", role: "option", id: option.id, "data-value": option.value, "data-label": option.label, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, optionEl.class()), optionEl
|
|
805
805
|
.modifier('selected')
|
|
806
|
-
.class(valuesArray.includes(option.value) && !(this.typeahead && !this.multiple))), optionEl.modifier('focused').class(this.focusIndex === index)), optionEl.modifier('checkbox').class(this.multiple)), optionEl.modifier('disabled').class(option.disabled === true)), "data-testid": "bal-select-option", disabled: option.disabled, tabIndex: -1, onMouseEnter: () => this.handleOptionMouseEnter(index), onClick: () => this.optionSelected(option) }, h("div", { class: Object.assign({}, optionContentEl.class()) }, h("span", { class: Object.assign({}, optionContentCheckboxEl.class()), style: { display: this.multiple ? 'flex' : 'none' } }, h("bal-checkbox", { checked: valuesArray.includes(option.value), tabindex: -1, nonSubmit: true, flat: true, onBalChange: preventDefault })), h("span", { class: Object.assign({}, optionContentLabelEl.class()), innerHTML: option.innerHTML }))))), h("div", { key: '
|
|
806
|
+
.class(valuesArray.includes(option.value) && !(this.typeahead && !this.multiple))), optionEl.modifier('focused').class(this.focusIndex === index)), optionEl.modifier('checkbox').class(this.multiple)), optionEl.modifier('disabled').class(option.disabled === true)), "data-testid": "bal-select-option", disabled: option.disabled, tabIndex: -1, onMouseEnter: () => this.handleOptionMouseEnter(index), onClick: () => this.optionSelected(option) }, h("div", { class: Object.assign({}, optionContentEl.class()) }, h("span", { class: Object.assign({}, optionContentCheckboxEl.class()), style: { display: this.multiple ? 'flex' : 'none' } }, h("bal-checkbox", { checked: valuesArray.includes(option.value), tabindex: -1, nonSubmit: true, flat: true, onBalChange: preventDefault })), h("span", { class: Object.assign({}, optionContentLabelEl.class()), innerHTML: option.innerHTML }))))), h("div", { key: 'f96e2f463966cef35a5c76b7a4c74dd2d16d4ed8', class: Object.assign(Object.assign({}, popoverContentEmptyEl.class()), popoverContentEmptyEl
|
|
807
807
|
.modifier('hidden')
|
|
808
808
|
.class(this.noDataLabel === undefined || this.hasOptions() || !this.typeahead || this.selectionOptional)) }, this.noDataLabel)))));
|
|
809
809
|
}
|
|
@@ -838,7 +838,7 @@ const SelectOption = class {
|
|
|
838
838
|
this.log = log;
|
|
839
839
|
}
|
|
840
840
|
render() {
|
|
841
|
-
return (h(Host, { key: '
|
|
841
|
+
return (h(Host, { key: 'c479330ac26bcb19ddd41e7a99e635bf3ffc6170', style: { display: 'none' } }, h("slot", { key: '009baaefc29d307403edb10160c694dcc8495164' })));
|
|
842
842
|
}
|
|
843
843
|
};
|
|
844
844
|
__decorate([
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-BdVwMG9u.js';
|
|
2
|
-
import { b as balColorGrey4, a as balColorYellow3, c as balColorYellow5, d as balColorPurple3, e as balColorPurple6, f as balColorRed3, g as balColorRed5, h as balColorGreen3, i as balColorGreen6 } from './tokens.esm-
|
|
2
|
+
import { b as balColorGrey4, a as balColorYellow3, c as balColorYellow5, d as balColorPurple3, e as balColorPurple6, f as balColorRed3, g as balColorRed5, h as balColorGreen3, i as balColorGreen6 } from './tokens.esm-Cf90NR4z.js';
|
|
3
3
|
import { B as BEM } from './bem-ByiN-QjD.js';
|
|
4
4
|
|
|
5
5
|
const balShapeCss = ".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";
|
|
@@ -55,11 +55,11 @@ const Shape = class {
|
|
|
55
55
|
render() {
|
|
56
56
|
const block = BEM.block('shape');
|
|
57
57
|
const shapes = [
|
|
58
|
-
h("g", { key: '
|
|
59
|
-
h("g", { key: '
|
|
60
|
-
h("g", { key: '
|
|
58
|
+
h("g", { key: '62a32221af7fcc15d60b43ab4aaa143fab7d311c', id: "e8353d3b-35a2-4e20-9245-0eceed641ae5" }, h("g", { key: 'ad7a506509762ad7769586774fc10aa54fef80fa', id: "af87362a-72b2-42cf-8efe-c9917dc1f7f6" }, h("path", { key: '1f335e4e64feff4503a847358b87033f1b7d8aa2', class: "st0", d: "M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z" }))),
|
|
59
|
+
h("g", { key: 'f974f1f708ff05106b3afcbb3f848a1dcf4e97fb', id: "b949d602-8478-437e-a171-ad3f26649cb4" }, h("g", { key: 'b212b8a5220cbefd36c5e9565bb2be3685658fc0', id: "ae3574e0-2065-4681-8937-4318b8656147" }, h("path", { key: '287b0c85fc2e5fb7b845288f13a2f308a3b3c8ca', class: "b9f37b2d-094d-4f18-b17c-7c5acf36f9a6", d: "M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z" }))),
|
|
60
|
+
h("g", { key: 'b653bea006236af44c31c719af98b7ac04bf93ad', id: "e827a936-cbcd-43b3-971a-aa8f8714fdff" }, h("g", { key: '2cff6eea2c2b6891b4fef81d366869c31f87c5e6', id: "e540dca8-23ca-45dc-b462-df9071c1317d" }, h("path", { key: '777d6655facf61980ec4ee5ea598191e5e273021', class: "st0", d: "M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66" }))),
|
|
61
61
|
];
|
|
62
|
-
return (h(Host, { key: '
|
|
62
|
+
return (h(Host, { key: 'cc915095d6cf923c3798033780f076c30a4b58ea', class: Object.assign(Object.assign({}, block.class()), block.modifier(`is-rotation-${this.rotation}`).class()) }, h("svg", { key: 'eb2afd20856fd2a7c4a318de4b0a4df1713f87b9', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 198 198", focusable: "false", "aria-hidden": "true", fill: this.getHex() }, shapes[parseInt(this.variation) - 1])));
|
|
63
63
|
}
|
|
64
64
|
get el() { return getElement(this); }
|
|
65
65
|
};
|
|
@@ -16,7 +16,7 @@ const Sheet = class {
|
|
|
16
16
|
const container = block.element('container');
|
|
17
17
|
const containerInner = container.element('inner');
|
|
18
18
|
const containerModifier = this.containerSize !== '' ? `is-${this.containerSize}` : '';
|
|
19
|
-
return (h(Host, { key: '
|
|
19
|
+
return (h(Host, { key: '75dd6a91f8ac6d45412ae20453935668cb571e7f', class: Object.assign({}, block.class()) }, h("div", { key: '75aa66d83f6a6330b9e3d36a703fb82ab11bd015', class: Object.assign(Object.assign({}, container.class()), { container: true, [containerModifier]: true }) }, h("div", { key: 'd6a97321e5db3a2c8ba252fb845228ba6371de67', class: Object.assign({}, containerInner.class()) }, h("slot", { key: 'f16331a11a842d719d494fb72db56fe0423aeb05' })))));
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
Sheet.style = balSheetCss;
|
|
@@ -159,7 +159,7 @@ const Spinner = class {
|
|
|
159
159
|
*/
|
|
160
160
|
render() {
|
|
161
161
|
const block = BEM.block('spinner');
|
|
162
|
-
return (h(Host, { key: '
|
|
162
|
+
return (h(Host, { key: 'bf00a08aaa12fd4a3473d6f277a62abe4537ee8f', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('circle').class(this.variation === 'circle')), block.modifier('small').class(this.small)), block.modifier('animated').class(this.animated)), block.modifier(`color-${this.color}`).class(this.variation === 'circle')), role: "progressbar", "aria-hidden": "true" }));
|
|
163
163
|
}
|
|
164
164
|
get el() { return getElement(this); }
|
|
165
165
|
static get watchers() { return {
|
|
@@ -83,7 +83,7 @@ const Stack = class {
|
|
|
83
83
|
if (alignment) {
|
|
84
84
|
alignValue = this.alignment.split(' ').join('-');
|
|
85
85
|
}
|
|
86
|
-
return (h(Host, { key: '
|
|
86
|
+
return (h(Host, { key: '221668cc1bec71015c1616e156bd7805dc583c6c', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`use-wrap`).class(useWrap)), block.modifier(`layout-${layoutValue}`).class(layout || direction)), block.modifier(`align-${alignValue}`).class(align || alignment)), block.modifier(`space-${this.space}`).class(space)), block.modifier(`space-row-${this.spaceRow}`).class(spaceRow)), block.modifier(`space-row-${this.spaceColumn}`).class(spaceColumn)), block.modifier(`px-${this.px}`).class(px)), block.modifier(`py-${this.py}`).class(py)), block.modifier(`fit-content`).class(fitContent)) }, h("slot", { key: '2cd538d3e31d76403cbc1bd61ac518a5f2dcc6a5' })));
|
|
87
87
|
}
|
|
88
88
|
};
|
|
89
89
|
__decorate([
|
|
@@ -59,7 +59,7 @@ const Stage = class {
|
|
|
59
59
|
render() {
|
|
60
60
|
const block = BEM.block('stage');
|
|
61
61
|
const element = BEM.block('stage-content');
|
|
62
|
-
return (h(Host, { key: '
|
|
62
|
+
return (h(Host, { key: '0a0f187c1f276c239346ce3f8cebcc0dbb78aafb', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`is-${this.size === '' ? 'medium' : this.size}`).class()), block.modifier(`is-${this.color}`).class(!!this.color)), block.modifier('has-shape').class(!!this.shape)), style: { '--bal-stage-container-width': this.getContainerWidth() } }, h("section", { key: '74dee713cafc1bb4bc420b8614f6a3cd5e938600', class: Object.assign(Object.assign({}, element.class()), { container: true, [`${this.containerClass}`]: this.containerSize !== '' }) }, h("slot", { key: 'db3dcfa410828da23c0fcc888f53cd110992a847' }), this.shape && (h("div", { key: '586c8b26d0d00d7073bd4dde471302037f0446ea', class: { container: true, [`${this.containerClass}`]: this.containerSize !== '' } }, h("bal-shape", { key: 'cf707bdfc9937d0fbe2a62080dbe2eda2771973d', color: this.color, variation: this.shapeVariation, rotation: this.shapeRotation }))))));
|
|
63
63
|
}
|
|
64
64
|
};
|
|
65
65
|
Stage.style = balStageCss;
|
|
@@ -78,10 +78,10 @@ const StageBackLink = class {
|
|
|
78
78
|
}
|
|
79
79
|
render() {
|
|
80
80
|
const block = BEM.block('stage-back-link');
|
|
81
|
-
return (h(Host, { key: '
|
|
81
|
+
return (h(Host, { key: 'd3f7b6738547d41aa1768247cc35dab99f910ce7', class: Object.assign(Object.assign({}, block.class()), block.modifier('shadow').class(this.shadow)) }, h("a", { key: 'd176f07817f6e739a23102e3635884c2ee6b999f', class: {
|
|
82
82
|
'link': true,
|
|
83
83
|
'is-inverted': this.inverted,
|
|
84
|
-
}, href: this.href, rel: this.rel }, h("bal-icon", { key: '
|
|
84
|
+
}, href: this.href, rel: this.rel }, h("bal-icon", { key: 'd782a08f95a20f3477e75dc80e51f7d762e34913', class: "mr-x-small", name: "caret-left", size: "x-small", inverted: this.inverted, shadow: this.shadow }), h("slot", { key: '8a5305d0e2145cf91cffcb7d9c627222ad623177' }))));
|
|
85
85
|
}
|
|
86
86
|
get el() { return getElement(this); }
|
|
87
87
|
};
|
|
@@ -92,7 +92,7 @@ const StageBody = class {
|
|
|
92
92
|
}
|
|
93
93
|
render() {
|
|
94
94
|
const block = BEM.block('stage-body');
|
|
95
|
-
return (h(Host, { key: '
|
|
95
|
+
return (h(Host, { key: '9fffb6dccae32661cbe75ba02ce7963b3ef82ba5', class: Object.assign({}, block.class()) }, h("slot", { key: '11831034684ac727427e498ec4892f9ba583145f' })));
|
|
96
96
|
}
|
|
97
97
|
get el() { return getElement(this); }
|
|
98
98
|
};
|
|
@@ -102,7 +102,7 @@ const StageFoot = class {
|
|
|
102
102
|
registerInstance(this, hostRef);
|
|
103
103
|
}
|
|
104
104
|
render() {
|
|
105
|
-
return (h(Host, { key: '
|
|
105
|
+
return (h(Host, { key: '9cf1ea0d02d399cfa69ecc24af4184abec3df6b0', class: "hero-foot" }, h("slot", { key: 'bbe34ad9838a7a92d50ec23a59e50548b617d902' })));
|
|
106
106
|
}
|
|
107
107
|
get el() { return getElement(this); }
|
|
108
108
|
};
|
|
@@ -112,7 +112,7 @@ const StageHead = class {
|
|
|
112
112
|
registerInstance(this, hostRef);
|
|
113
113
|
}
|
|
114
114
|
render() {
|
|
115
|
-
return (h(Host, { key: '
|
|
115
|
+
return (h(Host, { key: 'bdd7bfc5c154aa8fdb3c0a51ec38303faf981dd5', class: "hero-head" }, h("slot", { key: '72412afb15d629dea3c3ff8040b6e668fe92a241' })));
|
|
116
116
|
}
|
|
117
117
|
get el() { return getElement(this); }
|
|
118
118
|
};
|
|
@@ -134,7 +134,7 @@ const StageImage = class {
|
|
|
134
134
|
render() {
|
|
135
135
|
const block = BEM.block('stage-image');
|
|
136
136
|
const imageSrc = this.fallback ? this.fallback : this.srcSet.split(',')[0];
|
|
137
|
-
return (h(Host, { key: '
|
|
137
|
+
return (h(Host, { key: 'a328489d91f055d488a89e4e2f4297db63d2eec1', class: Object.assign({}, block.class()) }, this.isOnLoadEventDone ? (h("img", Object.assign({ src: imageSrc, srcset: this.srcSet, sizes: "100vw" }, this.imageInheritAttributes))) : ('')));
|
|
138
138
|
}
|
|
139
139
|
get el() { return getElement(this); }
|
|
140
140
|
};
|
|
@@ -83,10 +83,10 @@ const StepItem = class {
|
|
|
83
83
|
};
|
|
84
84
|
}
|
|
85
85
|
render() {
|
|
86
|
-
return (h(Host, { key: '
|
|
86
|
+
return (h(Host, { key: 'a0ddc77150d56b852231c285748de238aeda360a', role: "tabpanel", class: {
|
|
87
87
|
'bal-step-item': true,
|
|
88
88
|
'bal-step-item--active': this.isActive,
|
|
89
|
-
} }, h("slot", { key: '
|
|
89
|
+
} }, h("slot", { key: 'f79435da222ca19525b56983ef2fc089610a2e0d' })));
|
|
90
90
|
}
|
|
91
91
|
get el() { return getElement(this); }
|
|
92
92
|
};
|
|
@@ -6,9 +6,9 @@ import { s as stopEventBubbling } from './form-input-DYvzaBlM.js';
|
|
|
6
6
|
import { n as debounceEvent } from './helpers-BNj87EbG.js';
|
|
7
7
|
import { L as Logger } from './log-CwssmmaV.js';
|
|
8
8
|
import { n as newBalStepOption } from './bal-step.util-DIC_sxLd.js';
|
|
9
|
-
import { b as balBreakpoints } from './breakpoints.subject-
|
|
9
|
+
import { b as balBreakpoints } from './breakpoints.subject-BnQp404Z.js';
|
|
10
10
|
import { L as ListenToMutation } from './mutation.decorator-DhVeNnnY.js';
|
|
11
|
-
import { L as ListenToBreakpoints } from './breakpoints.decorator-
|
|
11
|
+
import { L as ListenToBreakpoints } from './breakpoints.decorator-t_yXJIZL.js';
|
|
12
12
|
import './index-zWZxKBfo.js';
|
|
13
13
|
import './_commonjsHelpers-BFTU3MAI.js';
|
|
14
14
|
import './index-B4k_dH6V.js';
|
|
@@ -16,7 +16,7 @@ import './browser-B1u-Mq75.js';
|
|
|
16
16
|
import './config.utils-B7jugjyM.js';
|
|
17
17
|
import './device-TtMibDFL.js';
|
|
18
18
|
import './listener-CClDIhvK.js';
|
|
19
|
-
import './tokens.esm-
|
|
19
|
+
import './tokens.esm-Cf90NR4z.js';
|
|
20
20
|
|
|
21
21
|
const StepIcon = ({ item, isMobile }) => {
|
|
22
22
|
const bemEl = BEM.block('steps').element('nav').element('item').element('icon');
|