@baloise/ds-core 19.2.0 → 19.3.0-nightly.20250627
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/all.d.ts +2 -0
- package/components/all.js +3 -0
- package/components/bal-accordion.js +1 -1
- package/components/bal-app.js +1 -93
- package/components/bal-app2.js +95 -0
- package/components/bal-carousel-item.js +1 -1
- package/components/bal-checkbox-group.js +3 -3
- package/components/bal-checkbox2.js +1 -1
- package/components/bal-date-calendar2.js +1 -1
- package/components/bal-date.js +1 -1
- package/components/bal-doc-app.d.ts +11 -0
- package/components/bal-doc-app.js +262 -0
- package/components/bal-dropdown.js +1 -1
- package/components/bal-field.js +1 -1
- package/components/bal-form.js +1 -1
- package/components/bal-modal.js +1 -1
- package/components/bal-nav-menu-flyout2.js +10 -3
- package/components/bal-nav-meta-bar2.js +4 -2
- package/components/bal-nav.js +155 -33
- package/components/bal-navbar-brand.js +1 -1
- package/components/bal-navbar-menu.js +1 -1
- package/components/bal-option-list.js +1 -1
- package/components/bal-radio-group.js +3 -3
- package/components/bal-radio2.js +1 -1
- package/components/bal-segment.js +3 -3
- package/components/bal-select2.js +7 -9
- package/components/bal-tab-item.js +4 -2
- package/components/bal-tabs2.js +5 -2
- package/components/focus.decorator.js +1 -1
- package/components/form-input.js +1 -1
- package/components/helpers.js +1 -1
- package/components/index.js +13 -320
- package/components/initialize.js +312 -0
- package/components/mutation.decorator.js +1 -1
- package/components/swiper.util.js +1 -1
- package/components/tokens.esm.js +1 -1
- package/components/visibility.decorator.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-863f4e4e.system.js → p-01cd830b.system.js} +1 -1
- package/dist/baloise-design-system/{p-1d4ea7e42b.system.entry.js → p-02509f2aa1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9c8bb7777c.system.entry.js → p-0317350487.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8ebf048b7b.system.entry.js → p-04515987c7.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5bb661c59b.entry.js → p-046c0b642c.entry.js} +1 -1
- package/dist/baloise-design-system/{p-dba2c7bb14.system.entry.js → p-05b9ef4994.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5fcfbec540.system.entry.js → p-0783dc98dd.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6bb4e22ace.system.entry.js → p-0aa6f3518b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c43a56b7.system.js → p-0ae449ae.system.js} +1 -1
- package/dist/baloise-design-system/{p-5638fe223b.entry.js → p-0b2b3dbe1b.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4b3b969747.entry.js → p-0c336d76f5.entry.js} +1 -1
- package/dist/baloise-design-system/{p-237de03b.system.js → p-0c34ba75.system.js} +1 -1
- package/dist/baloise-design-system/p-0c352526.system.js +1 -0
- package/dist/baloise-design-system/{p-b147ff1ced.entry.js → p-1118211276.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5b20afcac4.system.entry.js → p-11230944ba.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b794110da2.system.entry.js → p-1272e3f9c5.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-06d14aacfc.system.entry.js → p-12b975fee6.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-13d44256.system.js +1 -0
- package/dist/baloise-design-system/{p-748e3f7c7d.entry.js → p-14df54b760.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f1052416.js → p-15f86fd2.js} +1 -1
- package/dist/baloise-design-system/{p-a7963df92a.entry.js → p-16f5c678f5.entry.js} +1 -1
- package/dist/baloise-design-system/{p-191cb463ef.entry.js → p-1cfbf3093b.entry.js} +1 -1
- package/dist/baloise-design-system/p-241cd947.system.js +1 -0
- package/dist/baloise-design-system/{p-7cbb14c480.entry.js → p-27b9d8e173.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f52a27c1.system.js → p-2908a4b8.system.js} +1 -1
- package/dist/baloise-design-system/{p-ade9437f.system.js → p-2d3770e7.system.js} +1 -1
- package/dist/baloise-design-system/{p-654bc5873c.entry.js → p-2e18d162c7.entry.js} +1 -1
- package/dist/baloise-design-system/p-2ef1a60a7f.entry.js +1 -0
- package/dist/baloise-design-system/{p-5f32b4f3.system.js → p-3131f323.system.js} +1 -1
- package/dist/baloise-design-system/p-348a5769a3.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-211a37e8.js → p-350a85a9.js} +1 -1
- package/dist/baloise-design-system/p-36c605b7ed.entry.js +1 -0
- package/dist/baloise-design-system/{p-a7de0bf339.system.entry.js → p-371f93bd95.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c24c3e208f.entry.js → p-37433f4fd6.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a7be57b6.js → p-3d3aa421.js} +1 -1
- package/dist/baloise-design-system/{p-6149950bb1.system.entry.js → p-3f6fcc1a25.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-72414b93ef.system.entry.js → p-3fcfe14a45.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2a27350c.js → p-4191bdf0.js} +1 -1
- package/dist/baloise-design-system/{p-0c40a0d86b.entry.js → p-41ab9f8b73.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e3fb1f185f.system.entry.js → p-42d1374d6f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6700e35d71.entry.js → p-4936cce309.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8fc7e9ca.js → p-4a0012fa.js} +1 -1
- package/dist/baloise-design-system/{p-e2c982954d.entry.js → p-4ad57bd1ee.entry.js} +1 -1
- package/dist/baloise-design-system/{p-24fe64c5.js → p-4af5f1f9.js} +1 -1
- package/dist/baloise-design-system/{p-3913c6ae.js → p-4ca4dff6.js} +1 -1
- package/dist/baloise-design-system/{p-875de117.js → p-4d5477db.js} +1 -1
- package/dist/baloise-design-system/{p-2c909ec2ed.entry.js → p-4e8633942b.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a86c09c64f.system.entry.js → p-4f1232cf16.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-4fea94e0.js +1 -0
- package/dist/baloise-design-system/p-5420740f.system.js +1 -0
- package/dist/baloise-design-system/{p-6e85cd1a.js → p-548ca0b3.js} +1 -1
- package/dist/baloise-design-system/{p-c0173fff.js → p-55ebd30d.js} +1 -1
- package/dist/baloise-design-system/{p-2c5c5716e7.system.entry.js → p-576fea8fe0.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-41f36f7375.entry.js → p-584601ed8d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-aee1b9619a.system.entry.js → p-5945d28f5a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-72c837904a.system.entry.js → p-599fe1aecd.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-da804f45a6.system.entry.js → p-5aa8bc3088.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ad14e9f9.js → p-5b163efa.js} +1 -1
- package/dist/baloise-design-system/{p-a64c7a3b82.system.entry.js → p-5c391c5415.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1d7c3cf2.system.js → p-5d94ecd9.system.js} +1 -1
- package/dist/baloise-design-system/{p-a35a951800.entry.js → p-5e506fea89.entry.js} +1 -1
- package/dist/baloise-design-system/{p-eaed1f800c.entry.js → p-5fbe1e715b.entry.js} +1 -1
- package/dist/baloise-design-system/p-62817e8ac6.entry.js +1 -0
- package/dist/baloise-design-system/{p-ae3df5bebc.system.entry.js → p-64110b0bb5.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3032d4ad66.entry.js → p-6461e0dc8c.entry.js} +1 -1
- package/dist/baloise-design-system/{p-abd6896e.system.js → p-659270e6.system.js} +1 -1
- package/dist/baloise-design-system/{p-32db85222c.entry.js → p-68f3a1d5de.entry.js} +1 -1
- package/dist/baloise-design-system/{p-088aef322b.system.entry.js → p-694808374d.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-6abaa3f6.js +1 -0
- package/dist/baloise-design-system/{p-b50f4c4e.system.js → p-6c080ebc.system.js} +1 -1
- package/dist/baloise-design-system/{p-a8955719.system.js → p-6d05ba15.system.js} +1 -1
- package/dist/baloise-design-system/{p-1345eac467.system.entry.js → p-6d3d176967.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9df176a81a.system.entry.js → p-6df2900b29.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-6e3ed83858.entry.js +1 -0
- package/dist/baloise-design-system/{p-bdec7c17.system.js → p-6fea4b10.system.js} +1 -1
- package/dist/baloise-design-system/{p-5ce42985d4.system.entry.js → p-70a29a3cf9.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-afd41db0.js → p-77c7a0b0.js} +1 -1
- package/dist/baloise-design-system/{p-4f49822899.system.entry.js → p-7ace6bb2b2.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-47825fdf.system.js → p-835cf9d5.system.js} +1 -1
- package/dist/baloise-design-system/p-86621bd1a3.system.entry.js +1 -0
- package/dist/baloise-design-system/p-8b791b36.js +1 -0
- package/dist/baloise-design-system/p-913996fe90.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-3c15fb83.system.js → p-924b576e.system.js} +1 -1
- package/dist/baloise-design-system/{p-3c39fe4b16.system.entry.js → p-9cf523ec81.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-9d152de178.entry.js +1 -0
- package/dist/baloise-design-system/{p-0d3584a65f.system.entry.js → p-9fe6f3f427.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-19821082de.entry.js → p-a0800932bc.entry.js} +1 -1
- package/dist/baloise-design-system/p-a5567131.js +1 -0
- package/dist/baloise-design-system/p-a6cc1489f0.entry.js +1 -0
- package/dist/baloise-design-system/{p-848aa73224.entry.js → p-a6f19c8102.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cb0ff37f.js → p-a7894ace.js} +1 -1
- package/dist/baloise-design-system/{p-3e0254a61f.entry.js → p-a7f480e29e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9df40521e4.system.entry.js → p-a82d082286.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-20eba37f.js → p-aae6003e.js} +1 -1
- package/dist/baloise-design-system/p-ab6510f1.system.js +1 -0
- package/dist/baloise-design-system/{p-de44e8a65c.entry.js → p-ad848b32cc.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3ccf4ae8.js → p-aeddf40d.js} +1 -1
- package/dist/baloise-design-system/{p-fa5198a0.system.js → p-b0471793.system.js} +1 -1
- package/dist/baloise-design-system/{p-a255c9b3.js → p-b0cf4731.js} +1 -1
- package/dist/baloise-design-system/{p-9a5b77d8.system.js → p-b11947af.system.js} +1 -1
- package/dist/baloise-design-system/{p-00e36bd710.system.entry.js → p-b651c3be06.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c1181d7258.entry.js → p-ba04f59382.entry.js} +1 -1
- package/dist/baloise-design-system/{p-83ac9b11.js → p-bb3d79e0.js} +1 -1
- package/dist/baloise-design-system/{p-fa4494e0.system.js → p-bd816cbc.system.js} +1 -1
- package/dist/baloise-design-system/{p-57b41c6504.system.entry.js → p-bdf651c552.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f817eedc81.entry.js → p-c1df952485.entry.js} +1 -1
- package/dist/baloise-design-system/{p-38bca05d45.system.entry.js → p-c32da9e7b6.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-61b67b07b2.system.entry.js → p-c75b737789.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-659ecadc.system.js → p-c942d04f.system.js} +1 -1
- package/dist/baloise-design-system/{p-9577a33b58.entry.js → p-cb603b661e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-da86fecd46.entry.js → p-cb9a61cf9f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b5b4c144a0.system.entry.js → p-ce0bb62f88.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1bd08e1e63.system.entry.js → p-cfaa78f1a3.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-af1086f717.entry.js → p-d173afff50.entry.js} +1 -1
- package/dist/baloise-design-system/p-d4b9af3900.entry.js +1 -0
- package/dist/baloise-design-system/{p-301a6b23.js → p-d96b1ee9.js} +1 -1
- package/dist/baloise-design-system/{p-01f07b49.system.js → p-dac493c4.system.js} +1 -1
- package/dist/baloise-design-system/{p-97bb957512.entry.js → p-dc1f26ed82.entry.js} +1 -1
- package/dist/baloise-design-system/{p-7625d0abde.system.entry.js → p-ddfc39d563.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d2b585ae74.entry.js → p-de214c5ded.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b80f4f2be5.entry.js → p-e004afb272.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b3a9499f8e.entry.js → p-e1daa037f5.entry.js} +1 -1
- package/dist/baloise-design-system/{p-34b6d66663.entry.js → p-e442bfd948.entry.js} +1 -1
- package/dist/baloise-design-system/{p-31baba8382.system.entry.js → p-e53cf246d6.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-78b209fdb3.system.entry.js → p-ea96959c66.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-eb70745672.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-ec375851.js → p-ec1863d2.js} +1 -1
- package/dist/baloise-design-system/{p-6b690346.system.js → p-eec38fbd.system.js} +1 -1
- package/dist/baloise-design-system/{p-79f6f58b.js → p-f19930db.js} +1 -1
- package/dist/baloise-design-system/p-f35f030868.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-e87f91527f.entry.js → p-f8db562aa1.entry.js} +1 -1
- package/dist/baloise-design-system/p-fbce8119.system.js +1 -0
- package/dist/baloise-design-system/{p-20bc89d933.entry.js → p-fd273f8f1e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-565f9976.system.js → p-fe2ef334.system.js} +1 -1
- package/dist/cjs/app-globals-f63c33e7.js +7 -0
- package/dist/cjs/bal-carousel_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-checkbox_2.cjs.entry.js +2 -2
- package/dist/cjs/bal-doc-app.cjs.entry.js +233 -0
- package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-list_8.cjs.entry.js +3 -3
- package/dist/cjs/bal-logo.cjs.entry.js +3 -3
- package/dist/cjs/bal-nav_8.cjs.entry.js +167 -38
- package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-pagination.cjs.entry.js +3 -3
- package/dist/cjs/bal-progress-bar.cjs.entry.js +4 -4
- package/dist/cjs/bal-radio_2.cjs.entry.js +2 -2
- package/dist/cjs/bal-segment_2.cjs.entry.js +7 -7
- package/dist/cjs/bal-select_2.cjs.entry.js +6 -8
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-steps.cjs.entry.js +3 -3
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +11 -6
- package/dist/cjs/baloise-design-system.cjs.js +3 -2
- package/dist/cjs/{breakpoints.decorator-e93836f7.js → breakpoints.decorator-5d7d7138.js} +1 -1
- package/dist/cjs/{breakpoints.subject-46e29594.js → breakpoints.subject-c585e3d2.js} +1 -1
- package/dist/cjs/{app-globals-0d8db19e.js → global-2a76769b.js} +2 -4
- package/dist/cjs/index.cjs.js +18 -18
- package/dist/cjs/initialize-2e8978a4.js +1 -1
- package/dist/cjs/loader.cjs.js +3 -2
- package/dist/cjs/{tokens.esm-b4bf229a.js → tokens.esm-93ea8ed2.js} +1 -1
- package/dist/cjs/{window-resize.decorator-6954c7a2.js → window-resize.decorator-a7daac9d.js} +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/bal-checkbox/bal-checkbox-group/bal-checkbox-group.js +2 -2
- package/dist/collection/components/bal-nav/bal-nav-focus.util.js +87 -0
- package/dist/collection/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.js +40 -2
- 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 +22 -1
- package/dist/collection/components/bal-nav/bal-nav.css +1 -1
- package/dist/collection/components/bal-nav/bal-nav.js +43 -8
- package/dist/collection/components/bal-nav/models/bal-nav-menu-link-item.js +6 -5
- package/dist/collection/components/bal-radio/bal-radio-group/bal-radio-group.js +2 -2
- package/dist/collection/components/bal-segment/bal-segment.js +3 -3
- package/dist/collection/components/bal-select/bal-select.js +6 -8
- package/dist/collection/components/bal-tabs/bal-tab-item/bal-tab-item.js +23 -2
- package/dist/collection/components/bal-tabs/components/tab-button.js +6 -3
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +247 -0
- package/dist/collection/index.js +27 -21
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/esm/{animation.decorator-49923a4a.js → animation.decorator-7fca988f.js} +1 -1
- package/dist/esm/app-globals-47f73608.js +5 -0
- package/dist/esm/bal-accordion_4.entry.js +5 -5
- package/dist/esm/bal-app.entry.js +2 -2
- package/dist/esm/bal-button_2.entry.js +2 -2
- package/dist/esm/bal-carousel_2.entry.js +14 -14
- package/dist/esm/bal-checkbox_2.entry.js +8 -8
- package/dist/esm/bal-close.entry.js +3 -3
- package/dist/esm/bal-date-calendar-cell.entry.js +3 -3
- package/dist/esm/bal-date-calendar_2.entry.js +8 -8
- package/dist/esm/bal-date.entry.js +7 -7
- package/dist/esm/bal-doc-app.entry.js +229 -0
- package/dist/esm/bal-dropdown.entry.js +6 -6
- package/dist/esm/bal-field_5.entry.js +3 -3
- package/dist/esm/bal-file-upload.entry.js +3 -3
- package/dist/esm/bal-footer.entry.js +4 -4
- package/dist/esm/bal-form.entry.js +2 -2
- package/dist/esm/bal-hint_5.entry.js +6 -6
- package/dist/esm/bal-icon.entry.js +3 -3
- package/dist/esm/bal-input-slider.entry.js +3 -3
- package/dist/esm/bal-input-stepper.entry.js +6 -6
- package/dist/esm/bal-input.entry.js +3 -3
- package/dist/esm/bal-label.entry.js +3 -3
- package/dist/esm/bal-list_8.entry.js +9 -9
- package/dist/esm/bal-logo.entry.js +6 -6
- package/dist/esm/bal-modal_3.entry.js +3 -3
- package/dist/esm/bal-nav_8.entry.js +173 -44
- package/dist/esm/bal-navbar_5.entry.js +7 -7
- package/dist/esm/bal-number-input.entry.js +6 -6
- package/dist/esm/bal-option_2.entry.js +4 -4
- package/dist/esm/bal-pagination.entry.js +7 -7
- package/dist/esm/bal-popup.entry.js +4 -4
- package/dist/esm/bal-progress-bar.entry.js +6 -6
- package/dist/esm/bal-radio_2.entry.js +8 -8
- package/dist/esm/bal-segment_2.entry.js +13 -13
- package/dist/esm/bal-select_2.entry.js +9 -11
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-spinner.entry.js +4 -4
- package/dist/esm/bal-stage_6.entry.js +2 -2
- package/dist/esm/bal-steps.entry.js +7 -7
- package/dist/esm/bal-tab-item_2.entry.js +23 -18
- package/dist/esm/bal-textarea.entry.js +3 -3
- package/dist/esm/bal-time-input.entry.js +5 -5
- package/dist/esm/bal-tooltip.entry.js +3 -3
- package/dist/esm/baloise-design-system.js +7 -6
- package/dist/esm/{breakpoints.decorator-133a72bf.js → breakpoints.decorator-fff4bba9.js} +1 -1
- package/dist/esm/{breakpoints.subject-76dd4b56.js → breakpoints.subject-794d0e94.js} +2 -2
- package/dist/esm/{config.decorator-42dba864.js → config.decorator-6795d1fe.js} +1 -1
- package/dist/esm/{config.default-8e11a860.js → config.default-53a04699.js} +1 -1
- package/dist/esm/{config.utils-cd529084.js → config.utils-f3793464.js} +1 -1
- package/dist/esm/{date-a9304ff8.js → date-87bdb1d1.js} +1 -1
- package/dist/esm/{element-states.decorator-0688a178.js → element-states.decorator-d99dc83c.js} +1 -1
- package/dist/esm/{floating-ui-775ee3d1.js → floating-ui-8ffbc979.js} +1 -1
- package/dist/esm/{focus.decorator-5575312f.js → focus.decorator-988245d7.js} +1 -1
- package/dist/esm/{form-input-263e6f5b.js → form-input-1ebdb905.js} +1 -1
- package/dist/esm/global-85ac0fa5.js +7 -0
- package/dist/esm/{helpers-94c3fbac.js → helpers-51d51cc5.js} +2 -2
- package/dist/esm/index.js +15 -15
- package/dist/esm/{initialize-be160cc4.js → initialize-c00194b2.js} +4 -4
- package/dist/esm/loader.js +7 -6
- package/dist/esm/{mutation.decorator-e915d053.js → mutation.decorator-6a69cedb.js} +1 -1
- package/dist/esm/{number-d75635a2.js → number-ccf3fbd0.js} +2 -2
- package/dist/esm/{overlays-3f81f45d.js → overlays-cee3838b.js} +1 -1
- package/dist/esm/{resize.decorator-08f6286b.js → resize.decorator-3c8e5ee2.js} +1 -1
- package/dist/esm/{swipe.decorator-902c4936.js → swipe.decorator-3d3585e7.js} +1 -1
- package/dist/esm/{swipe.subject-fbdb665a.js → swipe.subject-26a9e5a5.js} +1 -1
- package/dist/esm/{swiper.util-5f92ac1c.js → swiper.util-8e17b8c4.js} +2 -2
- package/dist/esm/{tokens.esm-dc280d50.js → tokens.esm-628f0bc7.js} +1 -1
- package/dist/esm/{visibility.decorator-ee4b6682.js → visibility.decorator-5db91610.js} +1 -1
- package/dist/esm/{window-resize.decorator-aa625d55.js → window-resize.decorator-49ed4e99.js} +1 -1
- package/dist/esm-es5/{animation.decorator-49923a4a.js → animation.decorator-7fca988f.js} +1 -1
- package/dist/esm-es5/app-globals-47f73608.js +1 -0
- package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
- package/dist/esm-es5/bal-app.entry.js +1 -1
- package/dist/esm-es5/bal-button_2.entry.js +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
- package/dist/esm-es5/bal-close.entry.js +1 -1
- package/dist/esm-es5/bal-date-calendar-cell.entry.js +1 -1
- package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
- package/dist/esm-es5/bal-date.entry.js +1 -1
- package/dist/esm-es5/bal-doc-app.entry.js +1 -0
- package/dist/esm-es5/bal-dropdown.entry.js +1 -1
- package/dist/esm-es5/bal-field_5.entry.js +1 -1
- package/dist/esm-es5/bal-file-upload.entry.js +1 -1
- package/dist/esm-es5/bal-footer.entry.js +1 -1
- package/dist/esm-es5/bal-form.entry.js +1 -1
- package/dist/esm-es5/bal-hint_5.entry.js +1 -1
- package/dist/esm-es5/bal-icon.entry.js +1 -1
- package/dist/esm-es5/bal-input-slider.entry.js +1 -1
- package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
- package/dist/esm-es5/bal-input.entry.js +1 -1
- package/dist/esm-es5/bal-label.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.entry.js +1 -1
- package/dist/esm-es5/bal-modal_3.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-number-input.entry.js +1 -1
- package/dist/esm-es5/bal-option_2.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-popup.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-radio_2.entry.js +1 -1
- package/dist/esm-es5/bal-segment_2.entry.js +1 -1
- package/dist/esm-es5/bal-select_2.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-spinner.entry.js +1 -1
- package/dist/esm-es5/bal-stage_6.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/bal-textarea.entry.js +1 -1
- package/dist/esm-es5/bal-time-input.entry.js +1 -1
- package/dist/esm-es5/bal-tooltip.entry.js +1 -1
- package/dist/esm-es5/baloise-design-system.js +1 -1
- package/dist/esm-es5/breakpoints.decorator-fff4bba9.js +1 -0
- package/dist/esm-es5/{breakpoints.subject-76dd4b56.js → breakpoints.subject-794d0e94.js} +1 -1
- package/dist/esm-es5/config.decorator-6795d1fe.js +1 -0
- package/dist/esm-es5/{config.default-8e11a860.js → config.default-53a04699.js} +1 -1
- package/dist/esm-es5/{config.utils-cd529084.js → config.utils-f3793464.js} +1 -1
- package/dist/esm-es5/{date-a9304ff8.js → date-87bdb1d1.js} +1 -1
- package/dist/esm-es5/{element-states.decorator-0688a178.js → element-states.decorator-d99dc83c.js} +1 -1
- package/dist/esm-es5/{floating-ui-775ee3d1.js → floating-ui-8ffbc979.js} +1 -1
- package/dist/esm-es5/{focus.decorator-5575312f.js → focus.decorator-988245d7.js} +1 -1
- package/dist/esm-es5/{form-input-263e6f5b.js → form-input-1ebdb905.js} +1 -1
- package/dist/esm-es5/global-85ac0fa5.js +1 -0
- package/dist/esm-es5/{helpers-94c3fbac.js → helpers-51d51cc5.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/{initialize-be160cc4.js → initialize-c00194b2.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{mutation.decorator-e915d053.js → mutation.decorator-6a69cedb.js} +1 -1
- package/dist/esm-es5/number-ccf3fbd0.js +1 -0
- package/dist/esm-es5/{overlays-3f81f45d.js → overlays-cee3838b.js} +1 -1
- package/dist/esm-es5/{resize.decorator-08f6286b.js → resize.decorator-3c8e5ee2.js} +1 -1
- package/dist/esm-es5/{swipe.decorator-902c4936.js → swipe.decorator-3d3585e7.js} +1 -1
- package/dist/esm-es5/{swipe.subject-fbdb665a.js → swipe.subject-26a9e5a5.js} +1 -1
- package/dist/esm-es5/{swiper.util-5f92ac1c.js → swiper.util-8e17b8c4.js} +1 -1
- package/dist/esm-es5/{visibility.decorator-ee4b6682.js → visibility.decorator-5db91610.js} +1 -1
- package/dist/esm-es5/{window-resize.decorator-aa625d55.js → window-resize.decorator-49ed4e99.js} +1 -1
- package/dist/html.html-data.json +4 -0
- package/dist/types/components/bal-checkbox/bal-checkbox-group/bal-checkbox-group.d.ts +2 -2
- package/dist/types/components/bal-nav/bal-nav-focus.util.d.ts +33 -0
- package/dist/types/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.d.ts +6 -1
- package/dist/types/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.d.ts +4 -0
- package/dist/types/components/bal-nav/bal-nav.interfaces.d.ts +7 -1
- package/dist/types/components/bal-nav/models/bal-nav-menu-link-item.d.ts +1 -0
- package/dist/types/components/bal-radio/bal-radio-group/bal-radio-group.d.ts +2 -2
- package/dist/types/components/bal-segment/bal-segment.d.ts +2 -2
- package/dist/types/components/bal-tabs/bal-tab-item/bal-tab-item.d.ts +5 -0
- package/dist/types/components/bal-tabs/bal-tab.type.d.ts +1 -0
- package/dist/types/components/bal-tabs/bal-tabs.interfaces.d.ts +2 -0
- package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
- package/dist/types/components.d.ts +69 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +82 -0
- package/dist/types/index.d.ts +25 -23
- package/package.json +6 -6
- package/dist/baloise-design-system/p-002d7bb9.js +0 -1
- package/dist/baloise-design-system/p-00c2788841.entry.js +0 -1
- package/dist/baloise-design-system/p-1a3fd0b20d.system.entry.js +0 -1
- package/dist/baloise-design-system/p-1f91745ab3.system.entry.js +0 -1
- package/dist/baloise-design-system/p-279dbfbe05.entry.js +0 -1
- package/dist/baloise-design-system/p-345aa92d.system.js +0 -1
- package/dist/baloise-design-system/p-38aa6fee.js +0 -1
- package/dist/baloise-design-system/p-456114b8.system.js +0 -1
- package/dist/baloise-design-system/p-48bee822ce.entry.js +0 -1
- package/dist/baloise-design-system/p-5298de0e.system.js +0 -1
- package/dist/baloise-design-system/p-6c1136af87.entry.js +0 -1
- package/dist/baloise-design-system/p-92964b4937.entry.js +0 -1
- package/dist/baloise-design-system/p-92b665e7.system.js +0 -1
- package/dist/baloise-design-system/p-9c3f458e6c.entry.js +0 -1
- package/dist/baloise-design-system/p-a397da94.system.js +0 -1
- package/dist/baloise-design-system/p-af0585f6.js +0 -1
- package/dist/baloise-design-system/p-c5fc0e842c.system.entry.js +0 -1
- package/dist/baloise-design-system/p-df94de7fb8.system.entry.js +0 -1
- package/dist/esm/app-globals-5dd5fe6b.js +0 -9
- package/dist/esm-es5/app-globals-5dd5fe6b.js +0 -1
- package/dist/esm-es5/breakpoints.decorator-133a72bf.js +0 -1
- package/dist/esm-es5/config.decorator-42dba864.js +0 -1
- package/dist/esm-es5/number-d75635a2.js +0 -1
- /package/dist/baloise-design-system/{p-f35655f3.js → p-57bcec5c.js} +0 -0
- /package/dist/baloise-design-system/{p-fd6073b5.system.js → p-7c271a2a.system.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-dc280d50.js → tokens.esm-628f0bc7.js} +0 -0
|
@@ -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{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}@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-nav .bal-nav-meta-bar,.bal-nav .bal-nav-menu-bar{z-index:auto !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-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{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}@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-nav .bal-nav-meta-bar:not(.bal-nav-meta-bar--stay-on-top),.bal-nav .bal-nav-menu-bar{z-index:auto !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)}
|
|
@@ -4,10 +4,12 @@ import { BEM } from "../../utils/bem";
|
|
|
4
4
|
import { ListenToBreakpoints, balBreakpoints } from "../../utils/breakpoints";
|
|
5
5
|
import { balBrowser } from "../../utils/browser";
|
|
6
6
|
import { ListenToConfig, defaultConfig, } from "../../utils/config";
|
|
7
|
-
import {
|
|
7
|
+
import { stopEventBubbling } from "../../utils/form-input";
|
|
8
|
+
import { isDescendant, waitAfterIdleCallback, waitForComponent } from "../../utils/helpers";
|
|
8
9
|
import { Logger } from "../../utils/log";
|
|
9
10
|
import { ListenToMutation } from "../../utils/mutation";
|
|
10
11
|
import { BalScrollHandler } from "../../utils/scroll";
|
|
12
|
+
import { gatherTabInformation, handleFlyoutFocusOut, handleTabKeyDown } from "./bal-nav-focus.util";
|
|
11
13
|
import { i18nNavBars } from "./bal-nav.i18n";
|
|
12
14
|
import { NavMetaButton } from "./models/bal-nav-meta-button";
|
|
13
15
|
import { NavMetaLinkItem } from "./models/bal-nav-meta-link-item";
|
|
@@ -277,20 +279,53 @@ export class Nav {
|
|
|
277
279
|
const block = BEM.block('nav');
|
|
278
280
|
const flyoutBlock = block.element('flyout');
|
|
279
281
|
this.hasRenderedWithFlyoutActive = this.isFlyoutActive;
|
|
280
|
-
return (h(Host, { key: '
|
|
282
|
+
return (h(Host, { key: '6731ced264e30666493c9b66469f8656e3a632ee', id: this.navId, class: Object.assign({}, block.class()) }, h("div", { key: 'b8b36c81b079f727699a2d037c4f687084791cfa', class: {
|
|
281
283
|
'bal-nav-meta-bar-transform': true,
|
|
282
284
|
'bal-nav-meta-bar-transform-touch': this.isTouch,
|
|
283
|
-
} }, 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", {
|
|
285
|
+
} }, 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({
|
|
284
286
|
flyoutId: `${this.navId}-menu-flyout`,
|
|
285
|
-
})))) : (h("span", null)), h("bal-stack", { id: "bal-nav__meta-buttons", space: "x-small", "fit-content": true }, this.metaButtons.map(button => button.renderAtMetaBar()))))) : (''), this.isDesktop ? (h("bal-nav-menu-bar", { position: "fixed-top", ref: menuBarEl => (this.menuBarEl = menuBarEl) }, h("bal-stack", { space: "auto", "space-row": "none", "use-wrap": true }, this.renderLogo(), h("bal-tabs", { context: "navigation", accordion: true,
|
|
286
|
-
.find(item => item.value === this.activeMetaLinkValue)) === null || _a === void 0 ? void 0 : _a.mainLinkItems.map(item => item.render({
|
|
287
|
+
})))) : (h("span", null)), h("bal-stack", { id: "bal-nav__meta-buttons", space: "x-small", "fit-content": true }, this.metaButtons.map(button => button.renderAtMetaBar()))))) : (''), this.isDesktop ? (h("bal-nav-menu-bar", { position: "fixed-top", ref: menuBarEl => (this.menuBarEl = menuBarEl) }, h("bal-stack", { space: "auto", "space-row": "none", "use-wrap": true }, this.renderLogo(), h("bal-tabs", { context: "navigation", accordion: true, value: this.activeMenuLinkValue, "aria-label": i18nNavBars[this.language].navigation }, (_a = this.linkItems
|
|
288
|
+
.find(item => item.value === this.activeMetaLinkValue)) === null || _a === void 0 ? void 0 : _a.mainLinkItems.map((item, index) => item.render({
|
|
287
289
|
flyoutId: `${this.navId}-menu-flyout`,
|
|
288
290
|
onClick: () => this.onMenuBarTabChange(item.value),
|
|
289
|
-
|
|
290
|
-
|
|
291
|
+
onTabPress: (ev) => {
|
|
292
|
+
if (this.isFlyoutActive) {
|
|
293
|
+
const isBackwards = ev.shiftKey;
|
|
294
|
+
const info = gatherTabInformation({
|
|
295
|
+
activeMetaLinkValue: this.activeMetaLinkValue,
|
|
296
|
+
activeMenuLinkValue: this.activeMenuLinkValue,
|
|
297
|
+
linkItems: this.linkItems,
|
|
298
|
+
});
|
|
299
|
+
handleTabKeyDown(info, {
|
|
300
|
+
el: this.el,
|
|
301
|
+
navId: this.navId,
|
|
302
|
+
isFlyoutActive: this.isFlyoutActive,
|
|
303
|
+
isBackwards,
|
|
304
|
+
item,
|
|
305
|
+
stopEventBubbling: () => stopEventBubbling(ev),
|
|
306
|
+
closeFlyout: () => this.closeFlyout(),
|
|
307
|
+
});
|
|
308
|
+
}
|
|
309
|
+
},
|
|
310
|
+
})))), this.isFlyoutActive ? (h("bal-nav-menu-flyout", { navId: this.navId, "aria-label": i18nNavBars[this.language].subNavigation, onBalFocusOut: (ev) => {
|
|
311
|
+
if (this.isFlyoutActive) {
|
|
312
|
+
stopEventBubbling(ev);
|
|
313
|
+
const info = gatherTabInformation({
|
|
314
|
+
activeMetaLinkValue: this.activeMetaLinkValue,
|
|
315
|
+
activeMenuLinkValue: this.activeMenuLinkValue,
|
|
316
|
+
linkItems: this.linkItems,
|
|
317
|
+
});
|
|
318
|
+
const isBackwards = isDescendant(this.el, ev.detail.relatedTarget);
|
|
319
|
+
handleFlyoutFocusOut(info, {
|
|
320
|
+
el: this.el,
|
|
321
|
+
isBackwards,
|
|
322
|
+
});
|
|
323
|
+
}
|
|
324
|
+
} }, 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 :
|
|
325
|
+
_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: '66321dcac9fb856d8bba914283fc1fe0d4626d35' }, h("slot", { key: '1d89fec71d39cc81c491f2422312a733e103f016' }))), 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({
|
|
291
326
|
activeMetaLinkValue: this.activeMetaLinkValue,
|
|
292
327
|
activeMenuLinkValue: this.activeMenuLinkValue,
|
|
293
|
-
})))))) : (''), this.isTouch && this.isFlyoutActive ? (h("bal-nav-meta-bar", { variant: "grey", size: "normal" }, h("bal-stack", { space: "x-small", align: "center" }, this.metaButtons.map(button => button.renderAtTouchBottomMetaBar())))) : ('')));
|
|
328
|
+
})))))) : (''), 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())))) : ('')));
|
|
294
329
|
}
|
|
295
330
|
renderGridLinks(linkItem) {
|
|
296
331
|
var _a, _b;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
|
+
import { BEM } from "../../../utils/bem";
|
|
3
|
+
import { isTabKey } from "../../../utils/keyboard";
|
|
4
|
+
import { AccordionButton } from "../components/accordion-button";
|
|
5
|
+
import { OverviewLink } from "../components/overview-link";
|
|
2
6
|
import { NavLinkItem } from "./bal-nav-link-item";
|
|
3
7
|
import { NavSectionLinkItem } from "./bal-nav-section-link-item";
|
|
4
8
|
import { NavServiceLinkItem } from "./bal-nav-service-link-item";
|
|
5
|
-
import { AccordionButton } from "../components/accordion-button";
|
|
6
|
-
import { OverviewLink } from "../components/overview-link";
|
|
7
|
-
import { BEM } from "../../../utils/bem";
|
|
8
9
|
export class NavMenuLinkItem extends NavLinkItem {
|
|
9
10
|
constructor(item, observer) {
|
|
10
11
|
super(item, observer);
|
|
@@ -35,9 +36,9 @@ export class NavMenuLinkItem extends NavLinkItem {
|
|
|
35
36
|
render(context) {
|
|
36
37
|
const hasChildren = this.sectionLinkItems.length > 0 || this.serviceLinkItems.length > 0;
|
|
37
38
|
if (!hasChildren && this.isLink) {
|
|
38
|
-
return (h("bal-tab-item", { aria: { controls: context.flyoutId }, label: this.label, value: this.value, href: this.href, rel: this.rel, target: this.target, "no-panel": true }));
|
|
39
|
+
return (h("bal-tab-item", { aria: { controls: context.flyoutId }, label: this.label, value: this.value, href: this.href, rel: this.rel, target: this.target, onBalKeyDown: ev => isTabKey(ev.detail) && (context === null || context === void 0 ? void 0 : context.onTabPress(ev.detail)), "no-panel": true }));
|
|
39
40
|
}
|
|
40
|
-
return (h("bal-tab-item", { aria: { controls: context.flyoutId }, label: this.label, value: this.value, "no-panel": true, onBalNavigate: ev => {
|
|
41
|
+
return (h("bal-tab-item", { aria: { controls: context.flyoutId }, label: this.label, value: this.value, "no-panel": true, onBalKeyDown: ev => isTabKey(ev.detail) && (context === null || context === void 0 ? void 0 : context.onTabPress(ev.detail)), onBalNavigate: ev => {
|
|
41
42
|
context === null || context === void 0 ? void 0 : context.onClick();
|
|
42
43
|
if (this.onClick) {
|
|
43
44
|
this.onClick(ev.detail);
|
|
@@ -840,13 +840,13 @@ __decorate([
|
|
|
840
840
|
__decorate([
|
|
841
841
|
ListenToFocus(),
|
|
842
842
|
__metadata("design:type", Function),
|
|
843
|
-
__metadata("design:paramtypes", [
|
|
843
|
+
__metadata("design:paramtypes", [Object]),
|
|
844
844
|
__metadata("design:returntype", void 0)
|
|
845
845
|
], RadioGroup.prototype, "focusInListener", null);
|
|
846
846
|
__decorate([
|
|
847
847
|
ListenToFocus(),
|
|
848
848
|
__metadata("design:type", Function),
|
|
849
|
-
__metadata("design:paramtypes", [
|
|
849
|
+
__metadata("design:paramtypes", [Object]),
|
|
850
850
|
__metadata("design:returntype", void 0)
|
|
851
851
|
], RadioGroup.prototype, "focusOutListener", null);
|
|
852
852
|
__decorate([
|
|
@@ -313,7 +313,7 @@ export class Segment {
|
|
|
313
313
|
render() {
|
|
314
314
|
const { invalid, isVertical, scrollable, keyboardMode, expanded, isMobile, disabled } = this;
|
|
315
315
|
const block = BEM.block('segment');
|
|
316
|
-
return (h(Host, { key: '
|
|
316
|
+
return (h(Host, { key: 'ec42c94d1b582b721dbde28c5e555283826641bb', role: "radiogroup", id: this.ariaForm.controlId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('invalid').class(invalid)), block.modifier('vertical').class(isVertical)), block.modifier('scrollable').class(scrollable)), block.modifier('keyboard').class(keyboardMode)), block.modifier('disabled').class(disabled)), block.modifier('expanded').class((expanded || isMobile) && !isVertical)), onClick: this.onClick }, h("slot", { key: '334921cd162900655d920e7b701140bb5899377b', onSlotchange: this.onSlottedItemsChange })));
|
|
317
317
|
}
|
|
318
318
|
static get is() { return "bal-segment"; }
|
|
319
319
|
static get originalStyleUrls() {
|
|
@@ -664,13 +664,13 @@ __decorate([
|
|
|
664
664
|
__decorate([
|
|
665
665
|
ListenToFocus(),
|
|
666
666
|
__metadata("design:type", Function),
|
|
667
|
-
__metadata("design:paramtypes", [
|
|
667
|
+
__metadata("design:paramtypes", [Object]),
|
|
668
668
|
__metadata("design:returntype", void 0)
|
|
669
669
|
], Segment.prototype, "focusInListener", null);
|
|
670
670
|
__decorate([
|
|
671
671
|
ListenToFocus(),
|
|
672
672
|
__metadata("design:type", Function),
|
|
673
|
-
__metadata("design:paramtypes", [
|
|
673
|
+
__metadata("design:paramtypes", [Object]),
|
|
674
674
|
__metadata("design:returntype", void 0)
|
|
675
675
|
], Segment.prototype, "focusOutListener", null);
|
|
676
676
|
__decorate([
|
|
@@ -369,9 +369,7 @@ export class Select {
|
|
|
369
369
|
await deepReady(this.el);
|
|
370
370
|
const hasOptions = this.options.size > 0;
|
|
371
371
|
if (hasOptions) {
|
|
372
|
-
|
|
373
|
-
this.syncRawValue(isNotHuman);
|
|
374
|
-
}
|
|
372
|
+
this.syncRawValue(isNotHuman);
|
|
375
373
|
}
|
|
376
374
|
else {
|
|
377
375
|
this.waitForOptionsAndThenUpdateRawValuesTimer = setTimeout(() => this.waitForOptionsAndThenUpdateRawValues(), 10);
|
|
@@ -684,7 +682,7 @@ export class Select {
|
|
|
684
682
|
*/
|
|
685
683
|
render() {
|
|
686
684
|
var _a;
|
|
687
|
-
const Chip = (props) => (h("bal-tag", { key: '
|
|
685
|
+
const Chip = (props) => (h("bal-tag", { key: '69e00b5d661f1917fb6cbcf8919a8ce9670a25dd', size: "", closable: !this.disabled, disabled: this.disabled, invalid: this.invalid, tabindex: -1, onBalCloseClick: _ => this.removeValue(props.value), "data-testid": "bal-select-chip" }, findLabelByValue(this.options, props.value) || props.value));
|
|
688
686
|
const valuesArray = getValues(this.rawValue);
|
|
689
687
|
const block = BEM.block('select');
|
|
690
688
|
const nativeEl = block.element('native');
|
|
@@ -698,19 +696,19 @@ export class Select {
|
|
|
698
696
|
const optionContentEl = optionEl.element('content');
|
|
699
697
|
const optionContentCheckboxEl = optionContentEl.element('checkbox');
|
|
700
698
|
const optionContentLabelEl = optionContentEl.element('label');
|
|
701
|
-
return (h(Host, { key: '
|
|
699
|
+
return (h(Host, { key: '3d670b9aa3467ee96c65e2b1a98beda836cac095', role: "listbox", onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled), "data-value": (_a = this.rawValue) === null || _a === void 0 ? void 0 : _a.map(v => findLabelByValue(this.options, v)).join(','), class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('disabled').class(this.disabled || this.readonly)), block.modifier('inverted').class(this.inverted)), block.modifier('inverted-footer').class(this.inverted)) }, h("select", { key: '1d438d1034af395d0f99bed2443bb66de288bb0a', class: Object.assign({}, nativeEl.class()), name: this.name, multiple: this.multiple, required: this.required, tabindex: -1, ref: el => (this.nativeSelectEl = el) }, valuesArray.map((value) => (h("option", { key: value, value: value, selected: true }, value)))), h("bal-popover", { key: '8dc177324409d7bfdd75e3f375acd00c41ac11e8', onBalChange: this.handlePopoverChange, ref: el => (this.popoverElement = el) }, h("div", { key: 'eaa30ce518119e5ced60fc093e887167c4e83c69', "bal-popover-trigger": true, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, controlEl.class()), controlEl.modifier('invalid').class(this.invalid)), controlEl.modifier('disabled').class(this.disabled || this.readonly)), controlEl.modifier('focused').class(this.isPopoverOpen)), controlEl.modifier('inverted-footer').class(this.inverted)) }, h("div", { key: '4c6b0c807a1c25712d128216909e137af0d3cbf8', class: Object.assign(Object.assign({}, controlSelectionsEl.class()), controlSelectionsEl
|
|
702
700
|
.modifier('clickable')
|
|
703
701
|
.class(!this.isPopoverOpen && !this.disabled && !this.readonly)), onClick: this.handleInputClick, ref: el => (this.selectionEl = el) }, valuesArray
|
|
704
702
|
.filter(_ => this.multiple)
|
|
705
|
-
.map((value) => (h(Chip, { value: value }))), h("input", { key: '
|
|
703
|
+
.map((value) => (h(Chip, { value: value }))), h("input", { key: '1d7fb70f81b7c0ae5fad2f77089ba2a8b04da050', type: "text", class: Object.assign(Object.assign({}, controlInputEl.class()), { 'input': true, 'is-inverted': this.inverted, 'is-danger': this.invalid, 'is-disabled': this.disabled || this.readonly, 'is-clickable': !this.isPopoverOpen && !this.disabled && !this.readonly, 'data-test-select-input': true }), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": ariaBooleanToString(this.disabled), "data-testid": "bal-select-input", autocomplete: this.autocomplete, "aria-autocomplete": this.autocomplete === 'off' ? 'none' : null, placeholder: this.inputPlaceholder, readonly: !this.typeahead || this.disabled || this.readonly, contentEditable: this.typeahead, disabled: this.disabled, maxLength: this.maxLength, tabindex: this.balTabindex, onInput: this.handleInput, onClick: this.handleInputClick, onChange: this.handleInputChange, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onKeyPress: this.handleKeyPress, ref: el => (this.inputElement = el) })), !this.freeSolo && !this.loading ? (h("bal-icon", { class: Object.assign(Object.assign(Object.assign({}, controlIconEl.class()), controlIconEl.modifier('loading').class(this.loading)), controlIconEl.modifier('clickable').class(!this.disabled && !this.readonly)), name: !this.inverted ? 'caret-down' : 'caret-up', color: this.disabled || this.readonly
|
|
706
704
|
? 'grey-light'
|
|
707
705
|
: this.inverted
|
|
708
706
|
? 'white'
|
|
709
707
|
: this.invalid
|
|
710
708
|
? 'danger'
|
|
711
|
-
: 'primary', turn: this.isPopoverOpen, onClick: ev => this.handleInputClick(ev, true), size: !this.inverted ? '' : 'x-small' })) : ('')), h("bal-popover-content", { key: '
|
|
709
|
+
: 'primary', turn: this.isPopoverOpen, onClick: ev => this.handleInputClick(ev, true), size: !this.inverted ? '' : 'x-small' })) : ('')), h("bal-popover-content", { key: '756cb6d1ff62300a2b7b7d6c1250195da8fa3849', class: Object.assign({}, popoverContentEl.class()), scrollable: this.scrollable, spaceless: true, expanded: true }, this.optionArray.map((option, index) => (h("button", { key: option.value, type: "button", role: "option", id: option.id, "data-value": option.value, "data-label": option.label, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, optionEl.class()), optionEl
|
|
712
710
|
.modifier('selected')
|
|
713
|
-
.class(valuesArray.includes(option.value) && !(this.typeahead && !this.multiple))), optionEl.modifier('focused').class(this.focusIndex === index)), optionEl.modifier('checkbox').class(this.multiple)), optionEl.modifier('disabled').class(option.disabled === true)), "data-testid": "bal-select-option", disabled: option.disabled, tabIndex: -1, onMouseEnter: () => this.handleOptionMouseEnter(index), onClick: () => this.optionSelected(option) }, h("div", { class: Object.assign({}, optionContentEl.class()) }, h("span", { class: Object.assign({}, optionContentCheckboxEl.class()), style: { display: this.multiple ? 'flex' : 'none' } }, h("bal-checkbox", { checked: valuesArray.includes(option.value), tabindex: -1, nonSubmit: true, flat: true, onBalChange: preventDefault })), h("span", { class: Object.assign({}, optionContentLabelEl.class()), innerHTML: option.innerHTML }))))), h("div", { key: '
|
|
711
|
+
.class(valuesArray.includes(option.value) && !(this.typeahead && !this.multiple))), optionEl.modifier('focused').class(this.focusIndex === index)), optionEl.modifier('checkbox').class(this.multiple)), optionEl.modifier('disabled').class(option.disabled === true)), "data-testid": "bal-select-option", disabled: option.disabled, tabIndex: -1, onMouseEnter: () => this.handleOptionMouseEnter(index), onClick: () => this.optionSelected(option) }, h("div", { class: Object.assign({}, optionContentEl.class()) }, h("span", { class: Object.assign({}, optionContentCheckboxEl.class()), style: { display: this.multiple ? 'flex' : 'none' } }, h("bal-checkbox", { checked: valuesArray.includes(option.value), tabindex: -1, nonSubmit: true, flat: true, onBalChange: preventDefault })), h("span", { class: Object.assign({}, optionContentLabelEl.class()), innerHTML: option.innerHTML }))))), h("div", { key: '7f49f62da3e7a1edd769f41e43fddda83a50f52b', class: Object.assign(Object.assign({}, popoverContentEmptyEl.class()), popoverContentEmptyEl
|
|
714
712
|
.modifier('hidden')
|
|
715
713
|
.class(this.noDataLabel === undefined || this.hasOptions() || !this.typeahead || this.selectionOptional)) }, this.noDataLabel)))));
|
|
716
714
|
}
|
|
@@ -59,6 +59,7 @@ export class TabItem {
|
|
|
59
59
|
passed: false,
|
|
60
60
|
prevent: this.prevent,
|
|
61
61
|
navigate: this.balNavigate,
|
|
62
|
+
keyDown: this.balKeyDown,
|
|
62
63
|
trackingData: this.inheritAttributes,
|
|
63
64
|
noPanel: this.noPanel,
|
|
64
65
|
aria: this.aria,
|
|
@@ -69,10 +70,10 @@ export class TabItem {
|
|
|
69
70
|
render() {
|
|
70
71
|
const hasPanel = !this.noPanel;
|
|
71
72
|
const noPanelOrInactive = !this.isActive || this.noPanel;
|
|
72
|
-
return (h(Host, { key: '
|
|
73
|
+
return (h(Host, { key: 'dff521c2768c6f6363c40f464d7a1c4b755ed56f', id: this.tabPanelID, class: {
|
|
73
74
|
'bal-tab-item': true,
|
|
74
75
|
'bal-tab-item--active': this.isActive,
|
|
75
|
-
}, role: hasPanel ? 'tabpanel' : undefined, "aria-hidden": noPanelOrInactive ? 'true' : 'false', "aria-labelledby": this.tabsId ? `${this.tabsId}-button-${this.value}` : undefined, tabindex: noPanelOrInactive ? '-1' : undefined, hidden: noPanelOrInactive ? true : undefined }, h("slot", { key: '
|
|
76
|
+
}, role: hasPanel ? 'tabpanel' : undefined, "aria-hidden": noPanelOrInactive ? 'true' : 'false', "aria-labelledby": this.tabsId ? `${this.tabsId}-button-${this.value}` : undefined, tabindex: noPanelOrInactive ? '-1' : undefined, hidden: noPanelOrInactive ? true : undefined }, h("slot", { key: '3a98e9f46657921751ba7d625ae45cf0eef46025' })));
|
|
76
77
|
}
|
|
77
78
|
static get is() { return "bal-tab-item"; }
|
|
78
79
|
static get properties() {
|
|
@@ -413,6 +414,26 @@ export class TabItem {
|
|
|
413
414
|
}
|
|
414
415
|
}
|
|
415
416
|
}
|
|
417
|
+
}, {
|
|
418
|
+
"method": "balKeyDown",
|
|
419
|
+
"name": "balKeyDown",
|
|
420
|
+
"bubbles": true,
|
|
421
|
+
"cancelable": true,
|
|
422
|
+
"composed": true,
|
|
423
|
+
"docs": {
|
|
424
|
+
"tags": [],
|
|
425
|
+
"text": "Emitted when the link element has clicked"
|
|
426
|
+
},
|
|
427
|
+
"complexType": {
|
|
428
|
+
"original": "BalEvents.BalTabItemKeyDownDetail",
|
|
429
|
+
"resolved": "KeyboardEvent",
|
|
430
|
+
"references": {
|
|
431
|
+
"BalEvents": {
|
|
432
|
+
"location": "global",
|
|
433
|
+
"id": "global::BalEvents"
|
|
434
|
+
}
|
|
435
|
+
}
|
|
436
|
+
}
|
|
416
437
|
}];
|
|
417
438
|
}
|
|
418
439
|
static get methods() {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
|
+
import { ariaBooleanToString } from "../../../utils/aria";
|
|
2
3
|
import { BEM } from "../../../utils/bem";
|
|
4
|
+
import { toKebabCase } from "../../../utils/string";
|
|
3
5
|
import { TabIcon } from "./tab-icon";
|
|
4
6
|
import { TabLabel } from "./tab-label";
|
|
5
|
-
import { toKebabCase } from "../../../utils/string";
|
|
6
|
-
import { ariaBooleanToString } from "../../../utils/aria";
|
|
7
7
|
export const TabButton = ({ item, tabsId, isFirst, isLast, isMobile, isVertical, accordion, isAccordionOpen, isLinkList, inverted, isExpanded, spaceless, clickable, iconPosition, context, onSelectTab, hasSubLabelInGroup, dimInactiveElements, }) => {
|
|
8
8
|
var _a;
|
|
9
9
|
const bemEl = BEM.block('tabs').element('nav').element('item');
|
|
@@ -38,7 +38,10 @@ export const TabButton = ({ item, tabsId, isFirst, isLast, isMobile, isVertical,
|
|
|
38
38
|
if (!isLinkList) {
|
|
39
39
|
attrs['tabindex'] = item.active ? '0' : '-1';
|
|
40
40
|
}
|
|
41
|
-
const renderButton = () => (h(TagType, Object.assign({ id: `${tabsId}-button-${toKebabCase(item.value)}`, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier('active').class(item.active)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('clickable').class(clickable)), bemEl.modifier('accordion').class(accordion)), bemEl.modifier('inverted').class(inverted)), bemEl.modifier('expanded').class(isExpanded)), bemEl.modifier('spaceless').class(spaceless)), bemEl.modifier('first').class(isFirst)), bemEl.modifier('last').class(isLast)), bemEl.modifier('passed').class(item.passed)), bemEl.modifier('vertical').class(isVertical)), bemEl.modifier(`context-${context}`).class(context !== undefined)), bemEl.modifier(`icon-position-${iconPosition}`).class(iconPosition !== 'horizontal')), bemEl.modifier(`display-svg`).class(item.svg && item.svg.length > 0)), bemEl.modifier('group-has-sub-label').class(hasSubLabelInGroup)), bemEl.modifier('dim-inactive-elements').class(dimInactiveElements)), { 'bal-focusable': !item.disabled && !item.invisible }), draggable: false, "data-tabs": tabsId, "data-label": item.label, "data-value": item.value, "data-index": item.index, "data-testid": "bal-tabs-item", "aria-selected": !isTabButton ? undefined : item.active ? 'true' : 'false' }, attrs, { onClick: (ev) => onSelectTab(ev, item)
|
|
41
|
+
const renderButton = () => (h(TagType, Object.assign({ id: `${tabsId}-button-${toKebabCase(item.value)}`, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier('active').class(item.active)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('clickable').class(clickable)), bemEl.modifier('accordion').class(accordion)), bemEl.modifier('inverted').class(inverted)), bemEl.modifier('expanded').class(isExpanded)), bemEl.modifier('spaceless').class(spaceless)), bemEl.modifier('first').class(isFirst)), bemEl.modifier('last').class(isLast)), bemEl.modifier('passed').class(item.passed)), bemEl.modifier('vertical').class(isVertical)), bemEl.modifier(`context-${context}`).class(context !== undefined)), bemEl.modifier(`icon-position-${iconPosition}`).class(iconPosition !== 'horizontal')), bemEl.modifier(`display-svg`).class(item.svg && item.svg.length > 0)), bemEl.modifier('group-has-sub-label').class(hasSubLabelInGroup)), bemEl.modifier('dim-inactive-elements').class(dimInactiveElements)), { 'bal-focusable': !item.disabled && !item.invisible }), draggable: false, "data-tabs": tabsId, "data-label": item.label, "data-value": item.value, "data-index": item.index, "data-testid": "bal-tabs-item", "aria-selected": !isTabButton ? undefined : item.active ? 'true' : 'false' }, attrs, { onClick: (ev) => onSelectTab(ev, item), onKeyDown: (ev) => {
|
|
42
|
+
var _a;
|
|
43
|
+
(_a = item.keyDown) === null || _a === void 0 ? void 0 : _a.emit(ev);
|
|
44
|
+
} }), item.icon || item.svg ? (h(TabIcon, { accordion: false, item: item, isMobile: isMobile, hasBubble: hasIconBubble, inverted: inverted })) : (''), h(TabLabel, { item: item, isMobile: isMobile, isVertical: isVertical, isExpanded: isExpanded, hasBubble: hasLabelBubble, inverted: inverted, context: context }), accordion && !item.href ? (h(TabIcon, { accordion: accordion, isAccordionOpen: isAccordionOpen, item: item, isMobile: isMobile, hasBubble: hasAccordionIconBubble, inverted: inverted })) : ('')));
|
|
42
45
|
if (isLinkList) {
|
|
43
46
|
return h("li", null, renderButton());
|
|
44
47
|
}
|