@baloise/ds-core 19.7.1 → 19.8.0
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-accordion-trigger.js +7 -10
- package/components/bal-card-button.js +2 -1
- package/components/bal-date-calendar2.js +15 -15
- package/components/bal-date.js +2 -2
- package/components/bal-dropdown.js +12 -12
- package/components/bal-footer.js +29 -6
- 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-hint2.js +2 -2
- package/components/bal-icon2.js +6 -16
- package/components/bal-input-date2.js +7 -7
- package/components/bal-input-group2.js +2 -2
- package/components/bal-input-slider.js +3 -3
- package/components/bal-input-stepper.js +1 -1
- package/components/bal-input.js +2 -2
- package/components/bal-label2.js +2 -2
- 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 +2 -2
- package/components/bal-nav.js +3 -3
- package/components/bal-navbar-brand.js +5 -2
- 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 +2 -2
- 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 -1
- package/components/bal-option.js +1 -1
- package/components/bal-pagination.js +4 -4
- package/components/bal-popover-content2.js +1 -1
- package/components/bal-popup2.js +6 -3
- package/components/bal-progress-bar.js +1 -1
- package/components/bal-radio-icon2.js +2 -2
- package/components/bal-radio2.js +2 -2
- package/components/bal-segment-item.js +2 -2
- package/components/bal-segment.js +2 -2
- package/components/bal-select-option2.js +1 -1
- package/components/bal-select2.js +9 -6
- package/components/bal-shape2.js +5 -5
- package/components/bal-sheet.js +1 -1
- package/components/bal-snackbar.js +1 -1
- package/components/bal-spinner2.js +2 -2
- 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 +3 -3
- 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 +5 -5
- package/components/bal-time-input.js +8 -8
- 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-6fb8b55de1.entry.js → p-0087cdfec1.entry.js} +1 -1
- package/dist/baloise-design-system/p-035438a0ac.system.entry.js +1 -0
- package/dist/baloise-design-system/p-0456c46a9e.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-01ab1a5000.system.entry.js → p-052c55fb24.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-06d829bb8c.entry.js +1 -0
- package/dist/baloise-design-system/p-0ba0743330.entry.js +1 -0
- package/dist/baloise-design-system/{p-869d70e136.system.entry.js → p-11864d0e94.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-178f1cbb5e.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-6e887e43a0.system.entry.js → p-17ad28c3c0.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-df38652aba.system.entry.js → p-1c527a5e62.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-1de9f5ece5.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-8d511d1654.system.entry.js → p-1e35b8b8e8.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-232fa1f698.entry.js +1 -0
- package/dist/baloise-design-system/{p-7e55db7b6e.entry.js → p-23b48c0bda.entry.js} +1 -1
- package/dist/baloise-design-system/{p-32b3dbb32c.entry.js → p-31150f03b2.entry.js} +1 -1
- package/dist/baloise-design-system/{p-308cb9815f.system.entry.js → p-33712cf48e.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-70ef92120f.entry.js → p-35cb73e536.entry.js} +1 -1
- package/dist/baloise-design-system/{p-360fdc5731.system.entry.js → p-37aaece6f1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0354bfed55.entry.js → p-38930ed648.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f925693f21.system.entry.js → p-39e9822b45.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-350307ce1e.entry.js → p-3b38ab8640.entry.js} +1 -1
- package/dist/baloise-design-system/p-3d12fd2ec7.entry.js +1 -0
- package/dist/baloise-design-system/{p-9085d07f5d.system.entry.js → p-41583e6135.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-52b2122fb1.system.entry.js → p-422922fb9d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-70d6100fa9.system.entry.js → p-485b9d90a9.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ac339a3c59.system.entry.js → p-4a75081223.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-57419515f9.system.entry.js → p-4c2c0f3ec3.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-4e434a0d76.entry.js +1 -0
- package/dist/baloise-design-system/{p-52b0f703b9.entry.js → p-4fbf49f2a9.entry.js} +1 -1
- package/dist/baloise-design-system/p-4fd47019e3.entry.js +1 -0
- package/dist/baloise-design-system/{p-64360af679.system.entry.js → p-516b55ce12.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-90e4f39682.entry.js → p-56e7ced4dd.entry.js} +1 -1
- package/dist/baloise-design-system/{p-7b696852aa.system.entry.js → p-5b67e94074.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-5f8634b062.entry.js +1 -0
- package/dist/baloise-design-system/p-5fb78d65e6.system.entry.js +1 -0
- package/dist/baloise-design-system/p-64d608517a.entry.js +1 -0
- package/dist/baloise-design-system/{p-edf6d78006.entry.js → p-664f74b097.entry.js} +1 -1
- package/dist/baloise-design-system/{p-70caa80588.entry.js → p-6997fa8906.entry.js} +1 -1
- package/dist/baloise-design-system/{p-20d582cadc.system.entry.js → p-69c0cb691c.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-6cd2e5362b.entry.js +1 -0
- package/dist/baloise-design-system/{p-966e99de9f.system.entry.js → p-72394a2972.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4791a2c8d4.entry.js → p-7823b13193.entry.js} +1 -1
- package/dist/baloise-design-system/p-7ac5cdc633.system.entry.js +1 -0
- package/dist/baloise-design-system/p-7f8803350f.entry.js +1 -0
- package/dist/baloise-design-system/{p-bcf057c613.system.entry.js → p-84bfe9d7a3.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-85ccd1ea69.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-05b826af8c.system.entry.js → p-8c7b0dfea2.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-8ded15417f.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-a6eb2c3315.entry.js → p-8e1ddbd79e.entry.js} +1 -1
- package/dist/baloise-design-system/p-9008c10871.entry.js +1 -0
- package/dist/baloise-design-system/p-91a0994350.system.entry.js +1 -0
- package/dist/baloise-design-system/p-92a5e9a4fa.entry.js +1 -0
- package/dist/baloise-design-system/p-955f452d7e.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-3d51288d16.entry.js → p-9844053d4f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-668c8e53e0.system.entry.js → p-9876082d1d.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-9ce29e3b46.system.entry.js +1 -0
- package/dist/baloise-design-system/p-9d6f2e7465.entry.js +1 -0
- package/dist/baloise-design-system/{p-B8eFCtVU.js → p-ATpaffG2.js} +1 -1
- package/dist/baloise-design-system/p-B9GXle5V.js +1 -0
- package/dist/baloise-design-system/p-BD2o1F4P.js +1 -1
- package/dist/baloise-design-system/p-BPQ6sr9R.js +1 -0
- package/dist/baloise-design-system/{p-yY6Hy408.js → p-BRtGrfBl.js} +1 -1
- package/dist/baloise-design-system/p-Bv6lV8bS.system.js +1 -1
- package/dist/baloise-design-system/p-CBMgyOmf.system.js +1 -1
- package/dist/baloise-design-system/{p-4YlvzDqi.system.js → p-CfGmccbO.system.js} +1 -1
- package/dist/baloise-design-system/{p-C5Ky9HOZ.system.js → p-Cxq4J7Yu.system.js} +1 -1
- package/dist/baloise-design-system/{p-B2LhbhnE.system.js → p-D8hNfBgq.system.js} +1 -1
- package/dist/baloise-design-system/{p-Disz9cyI.system.js → p-DMYflQVU.system.js} +1 -1
- package/dist/baloise-design-system/p-a12223957d.entry.js +1 -0
- package/dist/baloise-design-system/{p-bac3c34bd1.system.entry.js → p-a3a0018651.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-75bb215be6.entry.js → p-a76e4a486c.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c3a82cbdda.entry.js → p-a93139e2b2.entry.js} +1 -1
- package/dist/baloise-design-system/p-a99cb6029f.system.entry.js +1 -0
- package/dist/baloise-design-system/p-a9ee113146.entry.js +1 -0
- package/dist/baloise-design-system/p-aa48246c20.entry.js +1 -0
- package/dist/baloise-design-system/{p-9492e0dca1.entry.js → p-ab8b9230bd.entry.js} +1 -1
- package/dist/baloise-design-system/p-ae3a61511b.entry.js +1 -0
- package/dist/baloise-design-system/p-b017fcbecd.entry.js +1 -0
- package/dist/baloise-design-system/{p-e898994c66.entry.js → p-b3c74809a0.entry.js} +1 -1
- package/dist/baloise-design-system/{p-31e222afb7.entry.js → p-b595d60939.entry.js} +1 -1
- package/dist/baloise-design-system/p-b6602c3564.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-01fbcdedb3.system.entry.js → p-b786333f7e.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-bd9b148535.system.entry.js → p-bcc029d0f4.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-bfedb6ebae.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-edd39efcff.system.entry.js → p-c3e044040a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-09b2322809.entry.js → p-c4d011d573.entry.js} +1 -1
- package/dist/baloise-design-system/p-c51af450ee.entry.js +1 -0
- package/dist/baloise-design-system/{p-2075e25ac0.entry.js → p-c7cf430436.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0488425e9b.entry.js → p-cf6b3e0039.entry.js} +1 -1
- package/dist/baloise-design-system/p-d499922ef7.system.entry.js +1 -0
- package/dist/baloise-design-system/p-d73e3f5c8a.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-7bb5c09e8c.system.entry.js → p-ddb8e3d8b9.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f83b4365db.system.entry.js → p-def6b8b910.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-e0e278a371.entry.js +1 -0
- package/dist/baloise-design-system/{p-f047adf3e0.system.entry.js → p-e2ddde1ed7.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-977dbb603e.entry.js → p-e2e2e8ad72.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5569c300b8.system.entry.js → p-e75b0c9b8b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f5272a9f51.system.entry.js → p-e75bb970cd.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-ed86c65b59.entry.js +1 -0
- package/dist/baloise-design-system/p-f0fa54372a.system.entry.js +1 -0
- package/dist/baloise-design-system/p-f21f6bfec0.entry.js +1 -0
- package/dist/baloise-design-system/{p-00ed674d2f.entry.js → p-f5b21b8f34.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f6d3510be9.entry.js → p-f6b61e01ca.entry.js} +1 -1
- package/dist/baloise-design-system/{p-84d7a3b37e.entry.js → p-fcf6c2e7cd.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ad5738d1a6.system.entry.js → p-fef06defc9.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-CPc0ltVu.system.js → p-zBEUMikg.system.js} +1 -1
- package/dist/cjs/bal-accordion_4.cjs.entry.js +7 -8
- package/dist/cjs/bal-card_6.cjs.entry.js +1 -1
- package/dist/cjs/bal-carousel_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-date-calendar_2.cjs.entry.js +20 -20
- package/dist/cjs/bal-date.cjs.entry.js +2 -2
- package/dist/cjs/bal-dropdown.cjs.entry.js +8 -8
- package/dist/cjs/bal-field_5.cjs.entry.js +4 -4
- package/dist/cjs/bal-footer.cjs.entry.js +23 -5
- 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 +8 -8
- package/dist/cjs/bal-icon.cjs.entry.js +6 -13
- package/dist/cjs/bal-input-group.cjs.entry.js +2 -2
- 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 +2 -2
- package/dist/cjs/bal-label.cjs.entry.js +2 -2
- package/dist/cjs/bal-list_8.cjs.entry.js +11 -11
- 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 +16 -16
- package/dist/cjs/bal-navbar_5.cjs.entry.js +13 -10
- 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-option_2.cjs.entry.js +2 -2
- package/dist/cjs/bal-pagination.cjs.entry.js +7 -7
- package/dist/cjs/bal-popup.cjs.entry.js +5 -2
- package/dist/cjs/bal-progress-bar.cjs.entry.js +6 -6
- package/dist/cjs/bal-radio-icon.cjs.entry.js +2 -2
- package/dist/cjs/bal-radio_2.cjs.entry.js +2 -2
- package/dist/cjs/bal-segment_2.cjs.entry.js +9 -9
- package/dist/cjs/bal-select_2.cjs.entry.js +10 -7
- 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 +2 -2
- 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 +9 -9
- 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 +4 -4
- package/dist/cjs/bal-time-input.cjs.entry.js +7 -7
- 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-D5xcljb0.js → breakpoints.decorator-CsgYjV5e.js} +1 -1
- package/dist/cjs/{breakpoints.subject-Cezf6Hiu.js → breakpoints.subject-Bd3caIq4.js} +1 -1
- package/dist/cjs/index-CP3lGz14.js +1 -1
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{tokens.esm-DM_5VKOq.js → tokens.esm-BUAnNwkp.js} +1 -1
- package/dist/cjs/{window-resize.decorator-BWgUlK-I.js → window-resize.decorator-2VNvD-G7.js} +1 -1
- package/dist/cjs/{window-resize.subject-C4q-vmkp.js → window-resize.subject-CCky_Gjs.js} +1 -1
- package/dist/collection/components/bal-accordion/bal-accordion-trigger/bal-accordion-trigger.js +7 -11
- package/dist/collection/components/bal-card/bal-card-button/bal-card-button.js +21 -2
- package/dist/collection/components/bal-date/bal-date-calendar/bal-date-calendar.css +1 -1
- package/dist/collection/components/bal-date/bal-date-calendar/bal-date-calendar.js +7 -7
- package/dist/collection/components/bal-date/bal-date.js +2 -2
- package/dist/collection/components/bal-dropdown/bal-dropdown.css +1 -1
- package/dist/collection/components/bal-dropdown/bal-dropdown.js +10 -10
- package/dist/collection/components/bal-footer/bal-footer.css +1 -1
- package/dist/collection/components/bal-footer/bal-footer.js +68 -6
- 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-hint/bal-hint.css +1 -1
- package/dist/collection/components/bal-hint/bal-hint.js +1 -1
- package/dist/collection/components/bal-icon/bal-icon.css +1 -1
- package/dist/collection/components/bal-icon/bal-icon.js +7 -19
- package/dist/collection/components/bal-input/bal-input-date/bal-input-date.js +9 -9
- package/dist/collection/components/bal-input/bal-input.js +2 -2
- package/dist/collection/components/bal-input-group/bal-input-group.css +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.css +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.css +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.css +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 +5 -2
- 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.css +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 +6 -3
- 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.css +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.css +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.css +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.css +1 -1
- package/dist/collection/components/bal-select/bal-select.js +8 -5
- package/dist/collection/components/bal-shape/bal-shape.js +5 -5
- 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.css +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.css +1 -1
- 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 +5 -5
- package/dist/collection/components/bal-time-input/bal-time-input.js +9 -9
- 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/esm/bal-accordion_4.entry.js +7 -8
- package/dist/esm/bal-card_6.entry.js +1 -1
- package/dist/esm/bal-carousel_2.entry.js +4 -4
- package/dist/esm/bal-date-calendar_2.entry.js +20 -20
- package/dist/esm/bal-date.entry.js +2 -2
- package/dist/esm/bal-dropdown.entry.js +8 -8
- package/dist/esm/bal-field_5.entry.js +4 -4
- package/dist/esm/bal-footer.entry.js +23 -5
- 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 +8 -8
- package/dist/esm/bal-icon.entry.js +6 -13
- package/dist/esm/bal-input-group.entry.js +2 -2
- 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 +2 -2
- package/dist/esm/bal-label.entry.js +2 -2
- package/dist/esm/bal-list_8.entry.js +11 -11
- 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 +16 -16
- package/dist/esm/bal-navbar_5.entry.js +13 -10
- 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-option_2.entry.js +2 -2
- package/dist/esm/bal-pagination.entry.js +7 -7
- package/dist/esm/bal-popup.entry.js +6 -3
- package/dist/esm/bal-progress-bar.entry.js +6 -6
- package/dist/esm/bal-radio-icon.entry.js +2 -2
- package/dist/esm/bal-radio_2.entry.js +2 -2
- package/dist/esm/bal-segment_2.entry.js +9 -9
- package/dist/esm/bal-select_2.entry.js +10 -7
- 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 +2 -2
- 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 +9 -9
- 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 +4 -4
- package/dist/esm/bal-time-input.entry.js +7 -7
- package/dist/esm/bal-tooltip.entry.js +1 -1
- package/dist/esm/baloise-design-system.js +1 -1
- package/dist/esm/{breakpoints.decorator-DZB3DqTp.js → breakpoints.decorator-ZB0xLyh9.js} +1 -1
- package/dist/esm/{breakpoints.subject-CgzyyJ6D.js → breakpoints.subject-wNA_Q1j5.js} +1 -1
- package/dist/esm/index-BD2o1F4P.js +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{tokens.esm-Cwq70vCB.js → tokens.esm-C7ySnb0w.js} +1 -1
- package/dist/esm/{window-resize.decorator-CF9BUTSV.js → window-resize.decorator-Dtb8gxAo.js} +1 -1
- package/dist/esm/{window-resize.subject-D4xsuguN.js → window-resize.subject-VS51emX-.js} +1 -1
- package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
- package/dist/esm-es5/bal-card_6.entry.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-date.entry.js +1 -1
- package/dist/esm-es5/bal-dropdown.entry.js +1 -1
- package/dist/esm-es5/bal-field_5.entry.js +1 -1
- package/dist/esm-es5/bal-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-option_2.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-popup.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-radio-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-DZB3DqTp.js → breakpoints.decorator-ZB0xLyh9.js} +1 -1
- package/dist/esm-es5/{breakpoints.subject-CgzyyJ6D.js → breakpoints.subject-wNA_Q1j5.js} +1 -1
- package/dist/esm-es5/index-BD2o1F4P.js +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{window-resize.decorator-CF9BUTSV.js → window-resize.decorator-Dtb8gxAo.js} +1 -1
- package/dist/esm-es5/{window-resize.subject-D4xsuguN.js → window-resize.subject-VS51emX-.js} +1 -1
- package/dist/html.html-data.json +12 -0
- package/dist/types/components/bal-accordion/bal-accordion-trigger/bal-accordion-trigger.d.ts +1 -1
- package/dist/types/components/bal-card/bal-card-button/bal-card-button.d.ts +5 -0
- package/dist/types/components/bal-date/bal-date-calendar/bal-date-calendar.d.ts +2 -2
- package/dist/types/components/bal-dropdown/bal-dropdown.d.ts +2 -2
- package/dist/types/components/bal-footer/bal-footer.d.ts +10 -0
- package/dist/types/components/bal-icon/bal-icon.d.ts +2 -3
- package/dist/types/components/bal-input/bal-input-date/bal-input-date.d.ts +1 -1
- package/dist/types/components/bal-select/bal-select.d.ts +1 -0
- package/dist/types/components/bal-textarea/bal-textarea.d.ts +2 -2
- package/dist/types/components/bal-time-input/bal-time-input.d.ts +1 -1
- package/dist/types/components.d.ts +32 -4
- package/package.json +6 -6
- package/dist/baloise-design-system/p-062f9b7d1b.system.entry.js +0 -1
- package/dist/baloise-design-system/p-0a62eece4d.entry.js +0 -1
- package/dist/baloise-design-system/p-0d45e95d23.system.entry.js +0 -1
- package/dist/baloise-design-system/p-0e481fe7d4.system.entry.js +0 -1
- package/dist/baloise-design-system/p-16ce0309f9.system.entry.js +0 -1
- package/dist/baloise-design-system/p-182b4448fe.system.entry.js +0 -1
- package/dist/baloise-design-system/p-1ea827c452.entry.js +0 -1
- package/dist/baloise-design-system/p-3c6b80c8f4.entry.js +0 -1
- package/dist/baloise-design-system/p-3eb8f9b59c.system.entry.js +0 -1
- package/dist/baloise-design-system/p-447fde2f2e.system.entry.js +0 -1
- package/dist/baloise-design-system/p-4b80674690.entry.js +0 -1
- package/dist/baloise-design-system/p-5278e4648a.entry.js +0 -1
- package/dist/baloise-design-system/p-54d1c3b1da.system.entry.js +0 -1
- package/dist/baloise-design-system/p-559068e5e6.entry.js +0 -1
- package/dist/baloise-design-system/p-5d78b83b36.system.entry.js +0 -1
- package/dist/baloise-design-system/p-612853c5a7.entry.js +0 -1
- package/dist/baloise-design-system/p-63f2c804e0.system.entry.js +0 -1
- package/dist/baloise-design-system/p-6773a914f7.system.entry.js +0 -1
- package/dist/baloise-design-system/p-6fb00448b4.system.entry.js +0 -1
- package/dist/baloise-design-system/p-70d24d49ed.entry.js +0 -1
- package/dist/baloise-design-system/p-7d20c5f711.entry.js +0 -1
- package/dist/baloise-design-system/p-919078b4b1.entry.js +0 -1
- package/dist/baloise-design-system/p-919fda7c0a.entry.js +0 -1
- package/dist/baloise-design-system/p-95e21932f3.entry.js +0 -1
- package/dist/baloise-design-system/p-9f45629676.entry.js +0 -1
- package/dist/baloise-design-system/p-Brs9KktE.js +0 -1
- package/dist/baloise-design-system/p-C9I17aVx.js +0 -1
- package/dist/baloise-design-system/p-a15a105c8e.system.entry.js +0 -1
- package/dist/baloise-design-system/p-adb3116d7f.entry.js +0 -1
- package/dist/baloise-design-system/p-b4edd5c110.system.entry.js +0 -1
- package/dist/baloise-design-system/p-ba0d875a3e.system.entry.js +0 -1
- package/dist/baloise-design-system/p-bc03055623.entry.js +0 -1
- package/dist/baloise-design-system/p-c590854e30.entry.js +0 -1
- package/dist/baloise-design-system/p-c789ef0970.system.entry.js +0 -1
- package/dist/baloise-design-system/p-ce7eb9d248.entry.js +0 -1
- package/dist/baloise-design-system/p-ed3b831e74.system.entry.js +0 -1
- package/dist/baloise-design-system/p-ed4be8a103.entry.js +0 -1
- package/dist/baloise-design-system/p-f092b0e275.entry.js +0 -1
- package/dist/baloise-design-system/p-f0b679a34f.entry.js +0 -1
- package/dist/baloise-design-system/p-f151d61751.entry.js +0 -1
- package/dist/baloise-design-system/p-f851ad22fc.entry.js +0 -1
- /package/dist/baloise-design-system/{p-Cwq70vCB.js → p-C7ySnb0w.js} +0 -0
- /package/dist/baloise-design-system/{p--7rLOIFd.system.js → p-CV9t6g9O.system.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-Cwq70vCB.js → tokens.esm-C7ySnb0w.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,:host{--bal-icon-color-grey: var(--bal-color-grey-5);--bal-icon-color-grey-light: var(--bal-color-border-grey-dark);--bal-icon-color-grey-dark: var(--bal-color-grey-6);--bal-icon-color-success: var(--bal-color-success);--bal-icon-color-success-dark: var(--bal-color-success-5);--bal-icon-color-success-darker: var(--bal-color-success-6);--bal-icon-color-warning: var(--bal-color-warning);--bal-icon-color-warning-dark: var(--bal-color-warning-5);--bal-icon-color-warning-darker: var(--bal-color-warning-6);--bal-icon-color-danger: var(--bal-color-danger);--bal-icon-color-danger-dark: var(--bal-color-danger-5);--bal-icon-color-danger-darker: var(--bal-color-danger-6);--bal-icon-color-primary: var(--bal-color-primary);--bal-icon-color-primary-dark: var(--bal-color-primary-6);--bal-icon-color-blue: var(--bal-color-primary);--bal-icon-color-light-blue: var(--bal-color-light-blue-5);--bal-icon-color-primary-light: var(--bal-color-primary-3);--bal-icon-color-white: var(--bal-color-white)}.bal-icon{display:flex;justify-content:center;align-items:center;position:static;pointer-events:visible;width:1.125rem;max-height:1.125rem}.bal-icon--shadow svg{filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5))}.bal-icon--is-inline{display:inline-flex}.bal-icon__inner{display:block;position:static;transition:transform .2s ease-in-out;padding:.063rem;width:1.125rem;max-height:1.125rem}.bal-icon__inner--turn-plus{transform:rotate(225deg)}.bal-icon__inner--turn-caret-down,.bal-icon__inner--turn-caret-up{transform:rotate(180deg)}.bal-icon__inner--turn-nav-go-down{transform:rotate(180deg)}.bal-icon__inner>svg{vertical-align:top}.bal-icon--is-xsmall{width:.75rem;max-height:.75rem}.bal-icon--is-x-small{width:.75rem;max-height:.75rem}.bal-icon--is-small{width:.875rem;max-height:.875rem}.bal-icon--is-medium{width:1.625rem;max-height:1.625rem}.bal-icon--is-large{width:2.5rem;max-height:2.5rem;padding:0}.bal-icon--is-x-large{width:5rem;max-height:5rem;padding:0}.bal-icon--is-xx-large{width:11rem;max-height:11rem;padding:0}.bal-icon--tile{background:var(--bal-
|
|
1
|
+
:root,:host{--bal-icon-color-grey: var(--bal-color-grey-5);--bal-icon-color-grey-light: var(--bal-color-border-grey-dark);--bal-icon-color-grey-dark: var(--bal-color-grey-6);--bal-icon-color-success: var(--bal-color-success);--bal-icon-color-success-dark: var(--bal-color-success-5);--bal-icon-color-success-darker: var(--bal-color-success-6);--bal-icon-color-warning: var(--bal-color-warning);--bal-icon-color-warning-dark: var(--bal-color-warning-5);--bal-icon-color-warning-darker: var(--bal-color-warning-6);--bal-icon-color-danger: var(--bal-color-danger);--bal-icon-color-danger-dark: var(--bal-color-danger-5);--bal-icon-color-danger-darker: var(--bal-color-danger-6);--bal-icon-color-primary: var(--bal-color-primary);--bal-icon-color-primary-dark: var(--bal-color-primary-6);--bal-icon-color-blue: var(--bal-color-primary);--bal-icon-color-light-blue: var(--bal-color-light-blue-5);--bal-icon-color-primary-light: var(--bal-color-primary-3);--bal-icon-color-white: var(--bal-color-white);--bal-icon-tile-background: var(--bal-color-purple-1);--bal-icon-tile-radius: var(--bal-radius-normal)}.bal-icon{display:flex;justify-content:center;align-items:center;position:static;pointer-events:visible;width:1.125rem;max-height:1.125rem}.bal-icon--shadow svg{filter:drop-shadow(0px 0px 5rem rgba(0, 0, 0, 0.5))}.bal-icon--is-inline{display:inline-flex}.bal-icon__inner{display:block;position:static;transition:transform .2s ease-in-out;padding:.063rem;width:1.125rem;max-height:1.125rem}.bal-icon__inner--turn-plus{transform:rotate(225deg)}.bal-icon__inner--turn-caret-down,.bal-icon__inner--turn-caret-up{transform:rotate(180deg)}.bal-icon__inner--turn-nav-go-down{transform:rotate(180deg)}.bal-icon__inner>svg{vertical-align:top}.bal-icon--is-xsmall{width:.75rem;max-height:.75rem}.bal-icon--is-x-small{width:.75rem;max-height:.75rem}.bal-icon--is-small{width:.875rem;max-height:.875rem}.bal-icon--is-medium{width:1.625rem;max-height:1.625rem}.bal-icon--is-large{width:2.5rem;max-height:2.5rem;padding:0}.bal-icon--is-x-large{width:5rem;max-height:5rem;padding:0}.bal-icon--is-xx-large{width:11rem;max-height:11rem;padding:0}.bal-icon--tile{background:var(--bal-icon-tile-background);border-radius:var(--bal-icon-tile-radius);height:2rem;width:2rem;max-height:2rem}@media screen and (min-width: 769px),print{.bal-icon--tile{height:3.5rem;width:3.5rem;max-height:3.5rem}}.bal-icon--tile-color-green{background:var(--bal-color-green-1)}.bal-icon--tile-color-red{background:var(--bal-color-red-1)}.bal-icon--tile-color-yellow{background:var(--bal-color-yellow-1)}.bal-icon__inner--tile{width:2rem;max-height:2rem}@media screen and (min-width: 769px),print{.bal-icon__inner--tile{width:3rem;max-height:3rem}}.bal-icon--is-grey svg,.bal-icon--is-grey g,.bal-icon--is-grey path,.bal-icon--is-grey circle{fill:var(--bal-icon-color-grey)}.bal-icon--is-grey-light svg,.bal-icon--is-grey-light g,.bal-icon--is-grey-light path,.bal-icon--is-grey-light circle{fill:var(--bal-icon-color-grey-light)}.bal-icon--is-grey-dark svg,.bal-icon--is-grey-dark g,.bal-icon--is-grey-dark path,.bal-icon--is-grey-dark circle{fill:var(--bal-icon-color-grey-dark)}.bal-icon--is-success svg,.bal-icon--is-success g,.bal-icon--is-success path,.bal-icon--is-success circle{fill:var(--bal-icon-color-success)}.bal-icon--is-success-dark svg,.bal-icon--is-success-dark g,.bal-icon--is-success-dark path,.bal-icon--is-success-dark circle{fill:var(--bal-icon-color-success-dark)}.bal-icon--is-success-darker svg,.bal-icon--is-success-darker g,.bal-icon--is-success-darker path,.bal-icon--is-success-darker circle{fill:var(--bal-icon-color-success-darker)}.bal-icon--is-warning svg,.bal-icon--is-warning g,.bal-icon--is-warning path,.bal-icon--is-warning circle{fill:var(--bal-icon-color-warning)}.bal-icon--is-warning-dark svg,.bal-icon--is-warning-dark g,.bal-icon--is-warning-dark path,.bal-icon--is-warning-dark circle{fill:var(--bal-icon-color-warning-dark)}.bal-icon--is-warning-darker svg,.bal-icon--is-warning-darker g,.bal-icon--is-warning-darker path,.bal-icon--is-warning-darker circle{fill:var(--bal-icon-color-warning-darker)}.bal-icon--is-danger svg,.bal-icon--is-danger g,.bal-icon--is-danger path,.bal-icon--is-danger circle{fill:var(--bal-icon-color-danger)}.bal-icon--is-danger-dark svg,.bal-icon--is-danger-dark g,.bal-icon--is-danger-dark path,.bal-icon--is-danger-dark circle{fill:var(--bal-icon-color-danger-dark)}.bal-icon--is-danger-darker svg,.bal-icon--is-danger-darker g,.bal-icon--is-danger-darker path,.bal-icon--is-danger-darker circle{fill:var(--bal-icon-color-danger-darker)}.bal-icon--is-primary svg,.bal-icon--is-primary g,.bal-icon--is-primary path,.bal-icon--is-primary circle{fill:var(--bal-icon-color-primary)}.bal-icon--is-primary-dark svg,.bal-icon--is-primary-dark g,.bal-icon--is-primary-dark path,.bal-icon--is-primary-dark circle{fill:var(--bal-icon-color-primary-dark)}.bal-icon--is-blue svg,.bal-icon--is-blue g,.bal-icon--is-blue path,.bal-icon--is-blue circle{fill:var(--bal-icon-color-blue)}.bal-icon--is-light-blue svg,.bal-icon--is-light-blue g,.bal-icon--is-light-blue path,.bal-icon--is-light-blue circle{fill:var(--bal-icon-color-light-blue)}.bal-icon--is-primary-light svg,.bal-icon--is-primary-light g,.bal-icon--is-primary-light path,.bal-icon--is-primary-light circle{fill:var(--bal-icon-color-primary-light)}.bal-icon--is-white svg,.bal-icon--is-white g,.bal-icon--is-white path,.bal-icon--is-white circle,.bal-icon--is-inverted svg,.bal-icon--is-inverted g,.bal-icon--is-inverted path,.bal-icon--is-inverted circle{fill:var(--bal-icon-color-white)}.icon-text{align-items:center;color:inherit;display:inline-flex;vertical-align:top;flex-wrap:nowrap;word-break:break-word;line-height:1.5rem}.icon-text.is-small{line-height:1.75rem}.icon-text.is-medium{line-height:1.5rem}.icon-text.is-large{line-height:3rem}.icon-text.is-x-large{line-height:4rem}.icon-text.is-xlarge{line-height:4rem}.icon-text .icon{flex-grow:0;flex-shrink:0}.icon-text .icon:not(:last-child){margin-right:.5rem}.icon-text .icon:not(:first-child){margin-right:.5rem}div.icon-text{display:flex}
|
|
@@ -18,7 +18,7 @@ export class Icon {
|
|
|
18
18
|
/**
|
|
19
19
|
* Name of the baloise icon.
|
|
20
20
|
*/
|
|
21
|
-
this.name =
|
|
21
|
+
this.name = undefined;
|
|
22
22
|
/**
|
|
23
23
|
* Svg content.
|
|
24
24
|
*/
|
|
@@ -99,12 +99,6 @@ export class Icon {
|
|
|
99
99
|
this.svgContent = sanitizeSvg(this.svg);
|
|
100
100
|
};
|
|
101
101
|
}
|
|
102
|
-
nameChanged() {
|
|
103
|
-
this.generateSvgContent(this.name);
|
|
104
|
-
}
|
|
105
|
-
svgChanged() {
|
|
106
|
-
this.generateSvgContent(this.name);
|
|
107
|
-
}
|
|
108
102
|
/**
|
|
109
103
|
* LIFE CYCLE
|
|
110
104
|
* ------------------------------------------------------
|
|
@@ -112,6 +106,9 @@ export class Icon {
|
|
|
112
106
|
connectedCallback() {
|
|
113
107
|
this.generateSvgContent(this.name);
|
|
114
108
|
}
|
|
109
|
+
componentWillRender() {
|
|
110
|
+
this.generateSvgContent(this.name);
|
|
111
|
+
}
|
|
115
112
|
/**
|
|
116
113
|
* LISTENERS
|
|
117
114
|
* ------------------------------------------------------
|
|
@@ -185,7 +182,7 @@ export class Icon {
|
|
|
185
182
|
render() {
|
|
186
183
|
const color = this.parseColor();
|
|
187
184
|
const block = BEM.block('icon');
|
|
188
|
-
return (h(Host, { key: '
|
|
185
|
+
return (h(Host, { key: '2476f8105bacbacdc93c5df13bcd2332786178f7', "aria-hidden": "true", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('tile').class(this.tile)), block.modifier(`tile-color-${this.tileColor}`).class(this.tile && !!this.tileColor)), block.modifier('is-inverted').class(this.inverted)), block.modifier('is-inline').class(this.inline)), block.modifier('is-disabled').class(this.disabled)), block.modifier('shadow').class(this.shadow)), block.modifier(`is-${this.size}`).class(!!this.size)), block.modifier(`is-${color}`).class()) }, h("div", { key: 'b9e5656133e200500d1425a3df2897eeeda462dc', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('inner').class()), block.element('inner').modifier(`turn-${this.name}`).class(this.turn)), block.element('inner').modifier('tile').class(this.tile)), block.modifier(`is-${this.size}`).class(!!this.size)), innerHTML: this.svgContent })));
|
|
189
186
|
}
|
|
190
187
|
static get is() { return "bal-icon"; }
|
|
191
188
|
static get originalStyleUrls() {
|
|
@@ -205,7 +202,7 @@ export class Icon {
|
|
|
205
202
|
"attribute": "name",
|
|
206
203
|
"mutable": true,
|
|
207
204
|
"complexType": {
|
|
208
|
-
"original": "string",
|
|
205
|
+
"original": "string | undefined",
|
|
209
206
|
"resolved": "string",
|
|
210
207
|
"references": {}
|
|
211
208
|
},
|
|
@@ -218,7 +215,7 @@ export class Icon {
|
|
|
218
215
|
"getter": false,
|
|
219
216
|
"setter": false,
|
|
220
217
|
"reflect": true,
|
|
221
|
-
"defaultValue": "
|
|
218
|
+
"defaultValue": "undefined"
|
|
222
219
|
},
|
|
223
220
|
"svg": {
|
|
224
221
|
"type": "string",
|
|
@@ -594,15 +591,6 @@ export class Icon {
|
|
|
594
591
|
}
|
|
595
592
|
};
|
|
596
593
|
}
|
|
597
|
-
static get watchers() {
|
|
598
|
-
return [{
|
|
599
|
-
"propName": "name",
|
|
600
|
-
"methodName": "nameChanged"
|
|
601
|
-
}, {
|
|
602
|
-
"propName": "svg",
|
|
603
|
-
"methodName": "svgChanged"
|
|
604
|
-
}];
|
|
605
|
-
}
|
|
606
594
|
}
|
|
607
595
|
__decorate([
|
|
608
596
|
ListenToConfig(),
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { Logger } from "../../../utils/log";
|
|
2
|
+
import { h, Host, } from "@stencil/core";
|
|
3
|
+
import { ariaBooleanToString } from "../../../utils/aria";
|
|
5
4
|
import { inheritAttributes } from "../../../utils/attributes";
|
|
5
|
+
import { BEM } from "../../../utils/bem";
|
|
6
6
|
import { ListenToConfig } from "../../../utils/config";
|
|
7
|
+
import { defaultBalAriaForm } from "../../../utils/form";
|
|
8
|
+
import { inputSetBlur, inputSetFocus } from "../../../utils/form-input";
|
|
7
9
|
import { hasParent } from "../../../utils/helpers";
|
|
10
|
+
import { Logger } from "../../../utils/log";
|
|
8
11
|
import { DateMask, MaskComponentAdapter } from "../../../utils/mask";
|
|
9
|
-
import { inputSetBlur, inputSetFocus } from "../../../utils/form-input";
|
|
10
|
-
import { defaultBalAriaForm } from "../../../utils/form";
|
|
11
|
-
import { ariaBooleanToString } from "../../../utils/aria";
|
|
12
12
|
export class InputDate {
|
|
13
13
|
constructor() {
|
|
14
14
|
this.inputId = `bal-i-date-${inputDateIds++}`;
|
|
@@ -87,7 +87,7 @@ export class InputDate {
|
|
|
87
87
|
this.maskAdapter.bindComponentDidLoad();
|
|
88
88
|
}
|
|
89
89
|
componentWillRender() {
|
|
90
|
-
this.inheritedAttributes = inheritAttributes(this.el, ['aria-label', 'tabindex', 'title']);
|
|
90
|
+
this.inheritedAttributes = inheritAttributes(this.el, ['aria-label', 'tabindex', 'title', 'data-hj-allow']);
|
|
91
91
|
}
|
|
92
92
|
/**
|
|
93
93
|
* LISTENERS
|
|
@@ -143,14 +143,14 @@ export class InputDate {
|
|
|
143
143
|
render() {
|
|
144
144
|
const block = BEM.block('input-date');
|
|
145
145
|
const native = block.element('native');
|
|
146
|
-
return (h(Host, { key: '
|
|
146
|
+
return (h(Host, { key: '65f50fc8af2534f6f07ef820652c7c455b125599', onClick: (event) => this.maskAdapter.bindHostClick(event), class: Object.assign({}, block.class()) }, h("input", Object.assign({ key: '287ac458a75949d8f47c07f5b50a5dedd6d20d55', class: {
|
|
147
147
|
'input': true,
|
|
148
148
|
'is-disabled': this.disabled || this.readonly,
|
|
149
149
|
'is-danger': this.invalid,
|
|
150
150
|
'is-clickable': this.clickable && !(this.disabled || this.readonly),
|
|
151
151
|
'bal-focusable': !this.disabled,
|
|
152
152
|
'has-icon-right': this.hasIconRight,
|
|
153
|
-
}, "data-testid": "bal-date-input", ref: el => (this.nativeInput = el), 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), required: this.required, disabled: this.disabled, readonly: this.readonly, autoComplete: this.autocomplete }, this.maskAdapter.attributes, this.inheritedAttributes, { placeholder: this.placeholder, value: this.inputValue, onKeyDown: event => this.maskAdapter.bindKeyDown(event), onClick: event => this.maskAdapter.bindClick(event), onFocus: event => this.maskAdapter.bindFocus(event), onBlur: event => this.maskAdapter.bindBlur(event), onPaste: event => this.maskAdapter.bindPaste(event) })), h("input", { key: '
|
|
153
|
+
}, "data-testid": "bal-date-input", ref: el => (this.nativeInput = el), 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), required: this.required, disabled: this.disabled, readonly: this.readonly, autoComplete: this.autocomplete }, this.maskAdapter.attributes, this.inheritedAttributes, { placeholder: this.placeholder, value: this.inputValue, onKeyDown: event => this.maskAdapter.bindKeyDown(event), onClick: event => this.maskAdapter.bindClick(event), onFocus: event => this.maskAdapter.bindFocus(event), onBlur: event => this.maskAdapter.bindBlur(event), onPaste: event => this.maskAdapter.bindPaste(event) })), h("input", { key: '577199c3e31fcc8b715ea8a06e0d5e6595caad20', type: "date", class: Object.assign({}, native.class()), name: this.name, min: this.min, max: this.max, value: this.value, tabindex: -1, "aria-hidden": "true" })));
|
|
154
154
|
}
|
|
155
155
|
static get is() { return "bal-input-date"; }
|
|
156
156
|
static get originalStyleUrls() {
|
|
@@ -315,7 +315,7 @@ export class Input {
|
|
|
315
315
|
this.initialValue = this.value || '';
|
|
316
316
|
}
|
|
317
317
|
componentWillLoad() {
|
|
318
|
-
this.inheritedAttributes = inheritAttributes(this.el, ['aria-label', 'tabindex', 'title']);
|
|
318
|
+
this.inheritedAttributes = inheritAttributes(this.el, ['aria-label', 'tabindex', 'title', 'data-hj-allow']);
|
|
319
319
|
}
|
|
320
320
|
componentDidLoad() {
|
|
321
321
|
this.inputValue = this.value;
|
|
@@ -390,7 +390,7 @@ export class Input {
|
|
|
390
390
|
}
|
|
391
391
|
const block = BEM.block('input');
|
|
392
392
|
const id = this.ariaForm.controlId || this.inputId;
|
|
393
|
-
return (h(Host, { key: '
|
|
393
|
+
return (h(Host, { key: 'df1fdc17d1cdfcd0d7053deaab872d649a9aa3cb', onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, h("input", Object.assign({ key: 'e7b35786a60c06b7eee7b82e22af9cd590f6c261', class: {
|
|
394
394
|
'input': true,
|
|
395
395
|
'is-disabled': this.disabled || this.readonly,
|
|
396
396
|
'is-danger': this.invalid,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.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:flex;width:100%;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-
|
|
1
|
+
.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:flex;width:100%;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;user-select:none;color:var(--bal-color-text-grey-dark)}.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)}
|
|
@@ -21,7 +21,7 @@ export class InputGroup {
|
|
|
21
21
|
const hasDanger = this.invalid;
|
|
22
22
|
const disabledClass = 'is-disabled';
|
|
23
23
|
const hasDisabled = this.disabled || this.readonly;
|
|
24
|
-
return (h(Host, { key: '
|
|
24
|
+
return (h(Host, { key: '4e70d05568802c062f5b9574eac4ec92d97ac802', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(dangerClass).class(hasDanger)), block.modifier(disabledClass).class(hasDisabled)) }, h("slot", { key: '66341e0036de49d244c8d6350d46c9c6c3920d35' })));
|
|
25
25
|
}
|
|
26
26
|
static get is() { return "bal-input-group"; }
|
|
27
27
|
static get originalStyleUrls() {
|
|
@@ -185,11 +185,11 @@ export class InputSlider {
|
|
|
185
185
|
const inputValueRightEl = inputValueEl.modifier('right');
|
|
186
186
|
const stepsEl = block.element('steps');
|
|
187
187
|
const stepsItemEl = stepsEl.element('item');
|
|
188
|
-
return (h(Host, { key: '
|
|
188
|
+
return (h(Host, { key: '02570c5b17b36fdc3e5ce197eac6270b628bac69', class: Object.assign(Object.assign({}, block.class()), block.modifier('disabled').class(this.disabled || this.readonly)), onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled || this.readonly) }, h("div", { key: 'e1740a8a9cb0332401824c3c036231641a9d9e43', class: Object.assign(Object.assign({}, backgroundEl.class()), backgroundEl.modifier('disabled').class(this.disabled || this.readonly)) }, h("div", { key: 'b930f0a3e5a7eb74c8b3b658827715df9c4ed75f', class: Object.assign({}, backgroundUpperEl.class()), style: {
|
|
189
189
|
width: this.cssWidth(),
|
|
190
|
-
} }, h("div", { key: '
|
|
190
|
+
} }, h("div", { key: '71934f7b3ec4e3305f6bee6e1ac9c9da0e1e217e', class: Object.assign({}, backgroundUpperInnerEl.class()) })), h("div", { key: '8d34702fe9de1678db528d2bb87e73b937f7668b', class: Object.assign({}, backgroundLowerEl.class()), style: {
|
|
191
191
|
width: this.cssWidth(true),
|
|
192
|
-
} }, h("div", { key: '
|
|
192
|
+
} }, h("div", { key: '19f9c2662a5a4f9b46bcd469f81049380436c29d', class: Object.assign({}, backgroundLowerInnerEl.class()) }))), h("div", { key: 'ff48c0def1e78af0f92cf266d3ad92884813f6b5', class: Object.assign({}, inputEl.class()) }, h("div", { key: '9efa82e623ce2295c5bd47f08ced92f6c50d5b84', class: Object.assign(Object.assign({}, inputValueEl.class()), inputValueLeftEl.class()) }), h("input", { key: 'af08d09d8e3e5469bd87e5349240a794f77f76be', type: "range", class: Object.assign(Object.assign({}, inputNativeEl.class()), inputNativeEl.modifier('disabled').class(this.disabled || this.readonly)), ref: inputEl => (this.nativeInput = inputEl), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-disabled": ariaBooleanToString(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: e => this.balKeyPress.emit(e), "data-testid": "bal-input-slider" }), h("div", { key: '625faf29b5d671bf40319fbb152386ee5abebbfb', class: Object.assign(Object.assign({}, inputValueEl.class()), inputValueRightEl.class()) })), h("div", { key: '20aa70b6cd9864b1caa18aa376ef33b5d074eb31', class: Object.assign({}, stepsEl.class()), style: { display: this.hasTicks ? 'flex' : 'none' } }, this.getNumberOfSteps().map(step => (h("div", { key: step, class: Object.assign(Object.assign({}, stepsItemEl.class()), stepsItemEl.modifier('disabled').class(this.disabled || this.readonly)), "data-step-id": step }))))));
|
|
193
193
|
}
|
|
194
194
|
static get is() { return "bal-input-slider"; }
|
|
195
195
|
static get originalStyleUrls() {
|
|
@@ -160,7 +160,7 @@ export class InputStepper {
|
|
|
160
160
|
const elText = elInner.element('text');
|
|
161
161
|
const increaseLabel = i18nBalInputStepper[this.language].increase;
|
|
162
162
|
const decreaseLabel = i18nBalInputStepper[this.language].decrease;
|
|
163
|
-
return (h(Host, { key: '
|
|
163
|
+
return (h(Host, { key: '642192eee6d75e8a73622ecd3b781446163b3b4f', "aria-disabled": ariaBooleanToString(this.disabled), "aria-focused": this.focused ? 'true' : null, class: Object.assign({}, block.class()) }, h("div", { key: 'ee2d5f46f8fc4c49b70042964b2b0ad34a6d4e9f', class: Object.assign({}, elInner.class()) }, h("bal-button", { key: '26c6dcca2d4c065daf88f2d119d05477292c424c', a11yTitle: decreaseLabel, a11yLabel: decreaseLabel, a11yControls: this.ariaForm.controlId || this.inputId, size: "small", square: true, "data-testid": "bal-input-stepper-decrease", outlined: !this.invalid, icon: "minus", color: this.invalid ? 'danger' : 'info', disabled: this.disabled || this.readonly || this.value <= this.min, onClick: _ => this.decrease(), onBalFocus: ev => this.onFocusDecrease(ev), onBalBlur: ev => this.onBlurDecrease(ev) }), h("span", { key: 'c2364d701f929bc318f4097284dbe52226c6b46a', "data-testid": "bal-input-stepper-text", class: Object.assign(Object.assign(Object.assign({}, elText.class()), elText.modifier('invalid').class(this.invalid)), elText.modifier('disabled').class(this.disabled || this.readonly)) }, formatLocaleNumber(this.value)), h("bal-button", { key: '2cb3693ef78f6a7ac36126d5c37d1424cb5235f2', a11yTitle: increaseLabel, a11yLabel: increaseLabel, a11yControls: this.ariaForm.controlId || this.inputId, size: "small", "data-testid": "bal-input-stepper-increase", square: true, outlined: !this.invalid, icon: "plus", color: this.invalid ? 'danger' : 'info', disabled: this.disabled || this.readonly || this.value >= this.max, onClick: _ => this.increase(), onBalFocus: ev => this.onFocusIncrease(ev), onBalBlur: ev => this.onBlurIncrease(ev) })), h("input", Object.assign({ key: '9866c51ffe35d16677f6b23816a7aacc2dcfb3ad', class: Object.assign({}, elInput.class()), 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-input-stepper", type: "text", value: this.value, name: this.name, tabindex: "-1", ref: inputEl => (this.nativeInput = inputEl), readonly: this.readonly, disabled: this.disabled }, this.inheritedAttributes))));
|
|
164
164
|
}
|
|
165
165
|
static get is() { return "bal-input-stepper"; }
|
|
166
166
|
static get originalStyleUrls() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.bal-label{display:inline;box-sizing:content-box;position:static;word-break:break-word}.bal-label__native{display:inline;hyphens:auto;white-space:pre;min-width:0;font-family:var(--bal-
|
|
1
|
+
:root,:host{--bal-label-font-family: var(--bal-form-field-label-font-family);--bal-label-font-weight: var(--bal-form-field-label-font-weight);--bal-label-small-font-family: var(--bal-form-field-label-font-family);--bal-label-small-font-weight: var(--bal-form-field-label-font-weight);--bal-label-small-font-size: var(--bal-text-size-small);--bal-label-small-font-size-tablet: var(--bal-text-size-small-tablet);--bal-label-small-font-size-desktop: var(--bal-text-size-small-desktop);--bal-label-small-line-height: var(--bal-line-height-small);--bal-label-small-line-height-tablet: var(--bal-line-height-tablet-small);--bal-label-small-line-height-desktop: var(--bal-line-height-desktop-small)}.bal-label{display:inline;box-sizing:content-box;position:static;word-break:break-word}.bal-label__native{display:inline;hyphens:auto;white-space:pre;min-width:0;font-family:var(--bal-label-font-family);font-weight:var(--bal-label-font-weight);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal)}.bal-label__native--multiline{white-space:normal}.bal-label__native--no-wrap{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-label__native--small{font-family:var(--bal-label-small-font-family);font-size:var(--bal-label-small-font-size);line-height:var(--bal-label-small-line-height)}@media screen and (min-width: 769px),print{.bal-label__native--small{font-size:var(--bal-label-small-font-size-tablet);line-height:var(--bal-label-small-line-height-tablet)}}@media screen and (min-width: 1024px){.bal-label__native--small{font-size:var(--bal-label-small-font-size-desktop);line-height:var(--bal-label-small-line-height-desktop)}}.bal-label__native--large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-label__native--large{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-label__native--large{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-label__native--x-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-label__native--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-label__native--x-large{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}.bal-label__native--xx-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-xx-large);line-height:var(--bal-line-height-xx-large)}@media screen and (min-width: 769px),print{.bal-label__native--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-label__native--xx-large{font-size:var(--bal-text-size-xx-large-desktop);line-height:var(--bal-line-height-desktop-xx-large)}}.bal-label__native--xxx-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-xxx-large);line-height:var(--bal-line-height-xxx-large)}@media screen and (min-width: 769px),print{.bal-label__native--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-label__native--xxx-large{font-size:var(--bal-text-size-xxx-large-desktop);line-height:var(--bal-line-height-desktop-xxx-large)}}.bal-label__native--success{color:var(--bal-form-field-label-success-color)}.bal-label__native--danger{color:var(--bal-form-field-label-danger-color)}.bal-label__native--disabled{color:var(--bal-form-field-label-disabled-color) !important}.bal-label__native--regular{font-weight:var(--bal-font-weight-regular)}.bal-label__native--hovered{color:var(--bal-form-field-label-color-hover)}.bal-label__native--pressed{color:var(--bal-form-field-label-color-active)}.bal-label__native--danger.bal-label__native--hovered{color:var(--bal-form-field-label-danger-color-hover)}.bal-label__native--danger.bal-label__native--pressed{color:var(--bal-form-field-label-danger-color-active)}
|
|
@@ -115,7 +115,7 @@ export class Label {
|
|
|
115
115
|
const xxxLarge = this.size === 'xxx-large';
|
|
116
116
|
const id = this.ariaForm.labelId || this.htmlId;
|
|
117
117
|
const htmlFor = this.htmlFor || this.ariaForm.controlId;
|
|
118
|
-
return (h(Host, { key: '
|
|
118
|
+
return (h(Host, { key: '0fe607cc7952863906e22d2f684ec7a92ee9c48a', class: Object.assign({}, block.class()) }, h("label", { key: '61d3f5ed4eac70ae2cd5b94242563ca4f2404efb', id: id, htmlFor: htmlFor, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('native').class()), block.element('native').modifier('multiline').class(this.multiline)), block.element('native').modifier('no-wrap').class(this.noWrap)), block.element('native').modifier('disabled').class(disabled)), block.element('native').modifier('danger').class(danger)), block.element('native').modifier('success').class(success)), block.element('native').modifier('regular').class(regular)), block.element('native').modifier('small').class(small)), block.element('native').modifier('large').class(large)), block.element('native').modifier('x-large').class(xLarge)), block.element('native').modifier('xx-large').class(xxLarge)), block.element('native').modifier('xxx-large').class(xxxLarge)), block.element('native').modifier('hovered').class(this.hovered)), block.element('native').modifier('pressed').class(this.pressed)) }, h("slot", { key: '2e4d3b6e54d0661520f1d6fbebddd7efdfa22258' }), suffix)));
|
|
119
119
|
}
|
|
120
120
|
static get is() { return "bal-label"; }
|
|
121
121
|
static get originalStyleUrls() {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
|
2
2
|
export class ListItemContent {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: 'ff41e3e7206f2ae2726946792976e069c1acb912', class: {
|
|
5
5
|
'bal-list__item__content': true,
|
|
6
6
|
[`bal-list__item__content--${this.contentAlignment}`]: this.contentAlignment !== undefined,
|
|
7
|
-
} }, h("slot", { key: '
|
|
7
|
+
} }, h("slot", { key: '4b80e9bdf59313040e09f9489d01e558feefe120' })));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "bal-list-item-content"; }
|
|
10
10
|
static get properties() {
|
|
@@ -7,10 +7,10 @@ export class ListItemIcon {
|
|
|
7
7
|
this.right = false;
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: 'a5df37a7b24207e4fbb45f4bbdfa8003b006f4b0', class: {
|
|
11
11
|
'bal-list__item__icon': true,
|
|
12
12
|
'bal-list__item__icon--right': this.right,
|
|
13
|
-
} }, h("slot", { key: '
|
|
13
|
+
} }, h("slot", { key: 'b09891d8fae3028f6d72259caee78388b7deef10' })));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "bal-list-item-icon"; }
|
|
16
16
|
static get properties() {
|
package/dist/collection/components/bal-list/bal-list-item-subtitle/bal-list-item-subtitle.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
|
2
2
|
export class ListItemSubtitle {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: 'eff2c5e9cbae81b088de4a53b8c34e89d3420237', class: "bal-list__item__subtitle" }, h("slot", { key: 'b7aa01d80f67900658bcb9a8dcaba44c0ab65f00' })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "bal-list-item-subtitle"; }
|
|
7
7
|
}
|
|
@@ -7,7 +7,7 @@ export class ListItemTitle {
|
|
|
7
7
|
this.level = 'h5';
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: '27a0d868c30e08a9a085af6274fed65a5dac9e6e', class: "bal-list__item__title" }, h("bal-heading", { key: '5da1989b9e7f8f8dc3745b0301f8c0f6a62dd600', level: this.level, visualLevel: this.visualLevel, space: "none" }, h("slot", { key: '52804ffe48149a90d92f2a26b4a99684f2906bdb' }))));
|
|
11
11
|
}
|
|
12
12
|
static get is() { return "bal-list-item-title"; }
|
|
13
13
|
static get properties() {
|
|
@@ -36,7 +36,7 @@ export class List {
|
|
|
36
36
|
const block = BEM.block('list');
|
|
37
37
|
const closestListEl = this.el.closest('.bal-list');
|
|
38
38
|
const nested = closestListEl !== null && closestListEl !== this.el;
|
|
39
|
-
return (h(Host, { key: '
|
|
39
|
+
return (h(Host, { key: '7ef6dd33b4d31cc005f75a765f1988b8e4db6889', role: "list", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('nested').class(nested)), block.modifier('disabled').class(this.disabled)), block.modifier('border').class(this.border)), block.modifier(`size-${this.size || 'normal'}`).class()), block.modifier(`background-${this.background}`).class()) }, h("slot", { key: 'bcd458624136b674e38079f3f9f0838a4ae0dcf1' })));
|
|
40
40
|
}
|
|
41
41
|
static get is() { return "bal-list"; }
|
|
42
42
|
static get originalStyleUrls() {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
|
2
2
|
export class ModalBody {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '4a3cf0d4ca4d8e0fa57745fe87aa9e03c9bc4bef', class: "bal-modal__body" }, h("slot", { key: '4f42e2817d50f6633e18e548f3194387802cb251' })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "bal-modal-body"; }
|
|
7
7
|
}
|
|
@@ -12,7 +12,7 @@ export class ModalHeader {
|
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
14
|
var _a;
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: '9c524259d6f60c57d7d682e5453e7abb2432bfe0', class: "bal-modal__header" }, h("div", { key: '7597f303fba32bb3a28b6bf9775b368bb92d1c43', class: "bal-modal__header__title" }, h("bal-heading", { key: 'a7c072e997d9a6863683a895a0b71441abbb1b46', level: "h2", space: "none" }, h("slot", { key: '72f19ac646649a03f1b27c01b10dbad411c6e61d' }))), ((_a = this.parentModal) === null || _a === void 0 ? void 0 : _a.isClosable) ? (h("bal-close", { class: "bal-modal__header__close data-test-modal-close", onClick: this.closeHandler })) : ('')));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "bal-modal-header"; }
|
|
18
18
|
static get elementRef() { return "el"; }
|
|
@@ -212,17 +212,17 @@ export class Modal {
|
|
|
212
212
|
return false;
|
|
213
213
|
}
|
|
214
214
|
render() {
|
|
215
|
-
return (h(Host, { key: '
|
|
215
|
+
return (h(Host, { key: 'b9f93570b2f131d733376175c270362d332b2f8c', "aria-modal": "true", "aria-presented": this.presented ? 'true' : null, "data-testid": this.dataTestId, tabindex: "-1", class: Object.assign({ 'bal-modal': true, 'bal-modal--is-closable': this.isClosable, 'bal-modal--is-active': this.presented, [FOCUS_TRAP_DISABLE_CLASS]: this.focusTrap === false }, getClassMap(this.cssClass)), style: {
|
|
216
216
|
'--bal-width': `${this.modalWidth}px`,
|
|
217
|
-
} }, h("div", { key: '
|
|
217
|
+
} }, h("div", { key: '3ba52aa812080ca4df440ed31550c63f247102ed', class: {
|
|
218
218
|
'bal-modal__background': true,
|
|
219
219
|
'is-hidden': !this.hasBackdrop,
|
|
220
|
-
}, ref: div => (this.modalBackgroundElement = div) }), h("div", { key: '
|
|
220
|
+
}, ref: div => (this.modalBackgroundElement = div) }), h("div", { key: 'a0e32a3bdd09f2abc90f18129f0e1ecb230774b7', class: {
|
|
221
221
|
'bal-modal__container': true,
|
|
222
|
-
}, ref: div => (this.modalContainerElement = div) }, h("div", { key: '
|
|
222
|
+
}, ref: div => (this.modalContainerElement = div) }, h("div", { key: 'f38d1b9a696644b23960e2769020dbd88518914f', class: {
|
|
223
223
|
'bal-modal__content': true,
|
|
224
224
|
[`bal-modal__content--has-spacing-${this.space}`]: true,
|
|
225
|
-
}, ref: div => (this.modalContentElement = div) }, h("slot", { key: '
|
|
225
|
+
}, ref: div => (this.modalContentElement = div) }, h("slot", { key: '984553311791bdbc7de71bb56ea8deef8e431012' })))));
|
|
226
226
|
}
|
|
227
227
|
static get is() { return "bal-modal"; }
|
|
228
228
|
static get originalStyleUrls() {
|
|
@@ -43,10 +43,10 @@ export class NavLink {
|
|
|
43
43
|
if (hasLink) {
|
|
44
44
|
linkAttributes = { href, target, rel };
|
|
45
45
|
}
|
|
46
|
-
return (h(Host, { key: '
|
|
46
|
+
return (h(Host, { key: '094bc385a6c8158fe7be5ad0e4198523d51d65e8', class: Object.assign(Object.assign({}, block.class()), block.modifier(`variant-${this.variant}`).class(hasVariant)) }, h(Link, Object.assign({ key: '1ab588cc904d115f8ec4f4daa879c3386088b031', "data-test": "bal-nav-link", class: Object.assign(Object.assign(Object.assign({}, block.element('native').class()), block.element('native').modifier(`variant-${this.variant}`).class(hasVariant)), block
|
|
47
47
|
.element('native')
|
|
48
48
|
.modifier('selected')
|
|
49
|
-
.class(this.selected && (hasLink || this.clickable))) }, linkAttributes), h("slot", { key: '
|
|
49
|
+
.class(this.selected && (hasLink || this.clickable))) }, linkAttributes), h("slot", { key: '78c3c18fbb008c69c4f2f1fd7667a34e8c172dae' }))));
|
|
50
50
|
}
|
|
51
51
|
static get is() { return "bal-nav-link"; }
|
|
52
52
|
static get originalStyleUrls() {
|
|
@@ -12,7 +12,7 @@ export class NavLinkGrid {
|
|
|
12
12
|
*/
|
|
13
13
|
render() {
|
|
14
14
|
const block = BEM.block('nav-link-grid');
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: 'cf120f164d237ac949800e041f354c577ec9a4c2', class: Object.assign({}, block.class()) }, h("slot", { key: 'c8b40348d598dc98dc5d1cdbd61a5dc57736041a' })));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "bal-nav-link-grid"; }
|
|
18
18
|
static get originalStyleUrls() {
|
|
@@ -23,7 +23,7 @@ export class NavLinkGridCol {
|
|
|
23
23
|
render() {
|
|
24
24
|
const block = BEM.block('nav-link-grid-col');
|
|
25
25
|
const innerEl = block.element('inner');
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: 'd7acb4f8e0e7d438e80b429883332e397da63372', class: Object.assign(Object.assign({}, block.class()), block.modifier('is-static').class(this.staticCol)) }, h("div", { key: '45840d28afac2acd60020bcbb2365fc5f2942d53', class: Object.assign({}, innerEl.class()) }, h("slot", { key: 'c3938c0a946e3fdd55222635b7dc5a057fcab0d6' }))));
|
|
27
27
|
}
|
|
28
28
|
static get is() { return "bal-nav-link-grid-col"; }
|
|
29
29
|
static get originalStyleUrls() {
|
|
@@ -23,7 +23,7 @@ export class NavLinkGroup {
|
|
|
23
23
|
render() {
|
|
24
24
|
const block = BEM.block('nav-link-group');
|
|
25
25
|
const hasColor = this.color !== '';
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: '430702a9ee2d0b8e90c22a6d5a710e1ff937fa41', class: Object.assign(Object.assign({}, block.class()), block.modifier(`is-${this.color}`).class(hasColor)) }, h("slot", { key: 'cf882ef1d17029c47e2bb5cb6b7a2a68b4875492' })));
|
|
27
27
|
}
|
|
28
28
|
static get is() { return "bal-nav-link-group"; }
|
|
29
29
|
static get originalStyleUrls() {
|
|
@@ -36,7 +36,7 @@ export class NavMenuBar {
|
|
|
36
36
|
render() {
|
|
37
37
|
const block = BEM.block('nav-menu-bar');
|
|
38
38
|
const innerBlock = block.element('inner');
|
|
39
|
-
return (h(Host, { key: '
|
|
39
|
+
return (h(Host, { key: '1d3156e1e56a298106c03aa04a7ce6e7e720fa09', id: this.navMenuBarId, class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`hidden-mobile`).class(this.invisible === 'mobile')), block.modifier(`hidden-tablet`).class(this.invisible === 'tablet')), block.modifier(`position-${this.position}`).class(this.position !== 'none')) }, h("div", { key: '1e1855a00bf27d97cd6740bbf1bf6c27b688b8fd', class: Object.assign({}, innerBlock.class()) }, h("div", { key: '96ada15dbc1e40a0f364d05de09692c483a57c44', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: '1a3229dd01d5da1cfc3e9ff15ae995ddd6fb2c93' })))));
|
|
40
40
|
}
|
|
41
41
|
static get is() { return "bal-nav-menu-bar"; }
|
|
42
42
|
static get originalStyleUrls() {
|
|
@@ -63,7 +63,7 @@ export class NavMenuFlyout {
|
|
|
63
63
|
render() {
|
|
64
64
|
const block = BEM.block('nav-menu-flyout');
|
|
65
65
|
const line = block.element('line');
|
|
66
|
-
return (h(Host, { key: '
|
|
66
|
+
return (h(Host, { key: '08fec06021b7342e57f8b473e8b3945e9f9b1fdd', id: `${this.navId}-menu-flyout`, class: Object.assign({}, block.class()) }, h("div", { key: 'e0ac894e2f7f9f598e83f9b356d6b6650517dae8', class: Object.assign({}, line.class()) }), h("div", { key: '1849d0a2e87299ed182eb4d3adf167f129dc50f5', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: 'd4b6906e2747d25c10426c295cce3f6a64ee5fb3' }))));
|
|
67
67
|
}
|
|
68
68
|
static get is() { return "bal-nav-menu-flyout"; }
|
|
69
69
|
static get originalStyleUrls() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--bal-nav-meta-bar-variant-primary-background: var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow: none;--bal-nav-meta-bar-variant-white-background: var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow: 0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background: var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow: none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;align-items:center;width:100%}.bal-nav-meta-bar__container{flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (max-width:
|
|
1
|
+
:root{--bal-nav-meta-bar-variant-primary-background: var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow: none;--bal-nav-meta-bar-variant-white-background: var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow: 0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background: var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow: none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;align-items:center;width:100%}.bal-nav-meta-bar__container{flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 1023px){.bal-nav>.bal-nav-meta-bar{z-index:calc(var(--bal-z-index-popup) + 1) !important}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;transition:transform .3s ease-in-out;position:fixed;display:block;width:100%;top:var(--bal-nav-top, 0rem);z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 3rem)))}.bal-nav-meta-bar-transform-normal{transform:translateY(calc(-1 * (var(--bal-nav-top, 0rem) + 5rem)))}
|
|
@@ -77,7 +77,7 @@ export class NavMetaBar {
|
|
|
77
77
|
*/
|
|
78
78
|
render() {
|
|
79
79
|
const block = BEM.block('nav-meta-bar');
|
|
80
|
-
return (h(Host, { key: '
|
|
80
|
+
return (h(Host, { key: 'b0bcf370b580af4b1b08e3db52fdcd63d73b6626', id: this.navMetaBarId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`variant-${this.variant}`).class()), block.modifier(`size-${this.size}`).class()), block.modifier(`position-${this.position}`).class(this.position !== 'none')), block.modifier(`hidden-mobile`).class(this.invisible === 'mobile')), block.modifier(`hidden-tablet`).class(this.invisible === 'tablet')), block.modifier(`stay-on-top`).class(this.stayOnTopOfBackdrop)) }, h("div", { key: 'e6d3b94907abfa645139d6f680f70fc5c4120704', class: Object.assign({}, block.element('container').class()) }, h("slot", { key: 'd8f228c8191c61245dcf96f54270e021609a9296' }))));
|
|
81
81
|
}
|
|
82
82
|
static get is() { return "bal-nav-meta-bar"; }
|
|
83
83
|
static get originalStyleUrls() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media(hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-background: var(--bal-color-primary);--bal-nav-service-background-grey: var(--bal-color-grey);--bal-nav-service-background-purple: var(--bal-color-purple);--bal-nav-service-background-red: var(--bal-color-red);--bal-nav-service-background-yellow: var(--bal-color-yellow);--bal-nav-service-background-green: var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{position:relative;background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem);overflow-y:auto;z-index:calc(var(--bal-z-index-navigation) - 1)}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:flex;justify-content:space-between;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:flex;justify-content:space-between;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:flex;justify-content:space-between;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:flex;justify-content:space-between;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:flex;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}
|
|
1
|
+
@media(hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-top: 0rem;--bal-nav-background: var(--bal-color-primary);--bal-nav-service-background-grey: var(--bal-color-grey);--bal-nav-service-background-purple: var(--bal-color-purple);--bal-nav-service-background-red: var(--bal-color-red);--bal-nav-service-background-yellow: var(--bal-color-yellow);--bal-nav-service-background-green: var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{position:relative;background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem - var(--bal-nav-top, 0rem));overflow-y:auto;z-index:calc(var(--bal-z-index-navigation) - 1)}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:flex;justify-content:space-between;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:flex;justify-content:space-between;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:flex;justify-content:space-between;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:flex;justify-content:space-between;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:flex;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}
|
|
@@ -283,7 +283,7 @@ export class Nav {
|
|
|
283
283
|
const block = BEM.block('nav');
|
|
284
284
|
const flyoutBlock = block.element('flyout');
|
|
285
285
|
this.hasRenderedWithFlyoutActive = this.isFlyoutActive;
|
|
286
|
-
return (h(Host, { key: '
|
|
286
|
+
return (h(Host, { key: 'dae60e87a7091b449e1f75eab64b12ce35fb05ea', id: this.navId, class: Object.assign({}, block.class()) }, h("div", { key: '649fcb126503a271bc248ee96e68b425a923e5d3', class: {
|
|
287
287
|
'bal-nav-meta-bar-transform': true,
|
|
288
288
|
'bal-nav-meta-bar-transform-touch': this.isTouch,
|
|
289
289
|
} }, this.isDesktop ? (h("bal-nav-meta-bar", { variant: "primary", size: "small", position: "sticky-top", ref: metaBarEl => (this.metaBarEl = metaBarEl) }, h("bal-stack", { space: "auto" }, this.linkItems.length > 1 ? (h("bal-tabs", { inverted: true, context: "meta", value: this.activeMetaLinkValue, "aria-label": i18nNavBars[this.language].mainNavigation, onBalChange: ev => this.onMetaBarTabChange(ev) }, this.linkItems.map(item => item.render({
|
|
@@ -326,7 +326,7 @@ export class Nav {
|
|
|
326
326
|
});
|
|
327
327
|
}
|
|
328
328
|
} }, h("bal-nav-link", { role: "listitem", variant: "overview", href: (_c = (_b = this.activeMenuLinkItem) === null || _b === void 0 ? void 0 : _b.overviewLink) === null || _c === void 0 ? void 0 : _c.href, target: (_e = (_d = this.activeMenuLinkItem) === null || _d === void 0 ? void 0 : _d.overviewLink) === null || _e === void 0 ? void 0 : _e.target, onClick: () => { var _a; return this.linkItemClickListener((_a = this.activeMenuLinkItem) === null || _a === void 0 ? void 0 : _a.overviewLink); } }, (_g = (_f = this.activeMenuLinkItem) === null || _f === void 0 ? void 0 : _f.overviewLink) === null || _g === void 0 ? void 0 :
|
|
329
|
-
_g.label, ' ', ((_j = (_h = this.activeMenuLinkItem) === null || _h === void 0 ? void 0 : _h.overviewLink) === null || _j === void 0 ? void 0 : _j.label) ? '➞' : ''), this.renderGridLinks(this.activeMenuLinkItem))) : (''))) : (''), h("div", { key: '
|
|
329
|
+
_g.label, ' ', ((_j = (_h = this.activeMenuLinkItem) === null || _h === void 0 ? void 0 : _h.overviewLink) === null || _j === void 0 ? void 0 : _j.label) ? '➞' : ''), this.renderGridLinks(this.activeMenuLinkItem))) : (''))) : (''), h("div", { key: '6499f09da6ff07093492b342ee5851600eccd391' }, h("slot", { key: '83f00bc33f0587edf5145def059525712b62637d' }))), this.isTouch ? (h("bal-nav-meta-bar", { variant: "white", size: "normal" }, h("bal-stack", { space: "auto" }, this.renderLogo(), h("bal-stack", { space: "x-small", "fit-content": true }, this.metaButtons.map(button => button.renderAtTouchTopMetaBar()), h("bal-button", { square: true, color: this.isFlyoutActive ? 'primary' : 'light', icon: this.isFlyoutActive ? 'close' : 'menu-bars', "aria-label": this.isFlyoutActive ? i18nNavBars[this.language].close : i18nNavBars[this.language].open, onClick: ev => this.onTouchToggleFlyout(ev) }))))) : (''), this.isTouch ? (h("div", { class: Object.assign(Object.assign({}, flyoutBlock.class()), flyoutBlock.modifier('visible').class(this.isFlyoutActive)) }, h("nav", { class: Object.assign({}, flyoutBlock.element('container').class()) }, h("ul", { class: Object.assign({}, block.element('mobile-meta-list').class()) }, this.linkItems.map(item => item.renderTouch({
|
|
330
330
|
activeMetaLinkValue: this.activeMetaLinkValue,
|
|
331
331
|
activeMenuLinkValue: this.activeMenuLinkValue,
|
|
332
332
|
})))))) : (''), this.isTouch && this.isFlyoutActive ? (h("bal-nav-meta-bar", { stayOnTopOfBackdrop: true, variant: "grey", size: "normal" }, h("bal-stack", { space: "x-small", align: "center" }, this.metaButtons.map(button => button.renderAtTouchBottomMetaBar())))) : ('')));
|