@baloise/ds-core 16.5.0 → 16.5.1-nightly.20240925
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-app.js +1 -85
- package/components/bal-app2.js +87 -0
- package/components/bal-doc-app.d.ts +11 -0
- package/components/bal-doc-app.js +260 -0
- package/components/bal-field.js +3 -0
- package/components/bal-input-date2.js +2 -3
- package/components/bal-input.js +1 -1
- package/components/bal-number-input.js +1 -1
- package/components/bal-segment-item.js +64 -47
- package/components/bal-segment.js +61 -17
- package/components/bal-textarea.js +1 -1
- package/components/bal-time-input.js +1 -1
- package/components/form-input.js +14 -1
- package/components/index.js +5 -289
- package/components/initialize.js +288 -0
- package/components/tokens.esm.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-dd30661db2.system.entry.js → p-00014af866.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-fb0af77320.system.entry.js → p-0c2cce5882.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-0e94492c.js +1 -0
- package/dist/baloise-design-system/{p-9bb8778cdc.system.entry.js → p-10c13a369c.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3befc6f9.system.js → p-14ec0aa7.system.js} +1 -1
- package/dist/baloise-design-system/p-1509eaa7.system.js +1 -1
- package/dist/baloise-design-system/p-15c5fe4d6d.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-cda868a6a5.entry.js → p-16b50b08e4.entry.js} +1 -1
- package/dist/baloise-design-system/p-19e56e1a7a.entry.js +1 -0
- package/dist/baloise-design-system/{p-0530e008e9.system.entry.js → p-2aa4f352d9.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8080a1192c.system.entry.js → p-2e498736fc.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6e3a79cce0.system.entry.js → p-2e8508812d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f798011b48.system.entry.js → p-2ea7550d1b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-445d2e1c70.system.entry.js → p-2fa39e7e81.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-360068a4.system.js +1 -0
- package/dist/baloise-design-system/{p-4809d5c4.system.js → p-363a853f.system.js} +1 -1
- package/dist/baloise-design-system/{p-e187b9de.system.js → p-368bd6ac.system.js} +1 -1
- package/dist/baloise-design-system/p-3d8781f2.js +1 -0
- package/dist/baloise-design-system/{p-88eb14fd.system.js → p-3fbdf189.system.js} +1 -1
- package/dist/baloise-design-system/p-44046fa2e8.entry.js +1 -0
- package/dist/baloise-design-system/p-449ffc7a7e.entry.js +1 -0
- package/dist/baloise-design-system/{p-0ab43941ba.entry.js → p-462b20f382.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f5940253.js → p-4ae121b6.js} +1 -1
- package/dist/baloise-design-system/{p-5fae3f5478.entry.js → p-4d6d5948b3.entry.js} +1 -1
- package/dist/baloise-design-system/p-4f083c5352.entry.js +1 -0
- package/dist/baloise-design-system/p-4ff656dd48.entry.js +1 -0
- package/dist/baloise-design-system/p-54f81c32.js +1 -1
- package/dist/baloise-design-system/{p-7c586fb89f.entry.js → p-59bc74c896.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e137e273b7.system.entry.js → p-5b5d1c626d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-71588db3.system.js → p-5c0b0099.system.js} +1 -1
- package/dist/baloise-design-system/{p-d3fabdb142.system.entry.js → p-60e74d3515.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-611719719f.system.entry.js +1 -0
- package/dist/baloise-design-system/p-6139ff78d7.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-47a8ad4d7a.system.entry.js → p-619afa0ba5.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4192ad4350.entry.js → p-63c685b62d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-77350b27fc.entry.js → p-648814edf8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2905abdfb8.entry.js → p-663cc3242c.entry.js} +1 -1
- package/dist/baloise-design-system/p-6d1b6215.js +1 -0
- package/dist/baloise-design-system/{p-2db4ff4c5b.entry.js → p-6f18ca5500.entry.js} +1 -1
- package/dist/baloise-design-system/{p-305cffd8aa.entry.js → p-70c29fd28f.entry.js} +1 -1
- package/dist/baloise-design-system/p-7291766c.system.js +1 -0
- package/dist/baloise-design-system/{p-12bb6ea3e7.system.entry.js → p-760797ae02.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0fb6cbda.system.js → p-78f84ec3.system.js} +1 -1
- package/dist/baloise-design-system/p-7957c3c0.system.js +1 -0
- package/dist/baloise-design-system/{p-df40272425.system.entry.js → p-7b39615b3a.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-7cc52e4a3b.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-8e17b76e7c.system.entry.js → p-7d2709b193.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-39bf8adcde.entry.js → p-7e74fbfd97.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a7e5ee75e2.entry.js → p-82333c3ce3.entry.js} +1 -1
- package/dist/baloise-design-system/{p-bcb892a723.system.entry.js → p-82afff07ac.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-488c4a8ce1.entry.js → p-83c70a6b53.entry.js} +1 -1
- package/dist/baloise-design-system/{p-380aabd5bc.entry.js → p-8472cf7e9a.entry.js} +1 -1
- package/dist/baloise-design-system/{p-190b5cd469.entry.js → p-86fab0b8d8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9658f4a66f.entry.js → p-898f7862e4.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f819d47031.entry.js → p-8f548a7f77.entry.js} +1 -1
- package/dist/baloise-design-system/p-8f89168b60.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-3818fa189f.system.entry.js → p-959fc8c170.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-23b7426d09.system.entry.js → p-967483741b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ecab0d67d5.entry.js → p-9f5eda0e22.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b0c22ff9d1.entry.js → p-9fea6e7133.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e1ccb7023c.system.entry.js → p-a48ab02011.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c0153f8edf.system.entry.js → p-ac6d5570d8.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-bee13e834e.entry.js → p-b4c5b5e53f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4fe64c3ec6.system.entry.js → p-b5d67473a1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-853fe65e14.system.entry.js → p-b7ceb9e59e.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-caec1f9e.js → p-b7cef472.js} +1 -1
- package/dist/baloise-design-system/{p-8f77c423ad.entry.js → p-be366c8428.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cafe624e35.entry.js → p-c00e0f64c8.entry.js} +1 -1
- package/dist/baloise-design-system/{p-407ffd9c55.entry.js → p-c3ca31b868.entry.js} +1 -1
- package/dist/baloise-design-system/{p-6c2bf02eb3.entry.js → p-c442bb2db2.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a5ee486a2b.entry.js → p-c4e11d3813.entry.js} +1 -1
- package/dist/baloise-design-system/{p-420d88737c.entry.js → p-c539ee8edf.entry.js} +1 -1
- package/dist/baloise-design-system/{p-7c7e593e07.entry.js → p-c7338c255f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f03e63bd1e.system.entry.js → p-c997c763db.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-09ea5913.js → p-d40ef683.js} +1 -1
- package/dist/baloise-design-system/{p-0639833837.system.entry.js → p-d800ecde35.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2cd1f1dedb.entry.js → p-daa9b20773.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f62d0ccdd1.system.entry.js → p-db1a8f2ac5.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ad9a7657.js → p-de08fd27.js} +1 -1
- package/dist/baloise-design-system/{p-d1b16f9cc2.entry.js → p-dec8453a4d.entry.js} +1 -1
- package/dist/baloise-design-system/p-e45eb6121d.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-ef916aafa5.entry.js → p-e6162b978e.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d059465399.system.entry.js → p-e7bcca66c5.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-e833841822.entry.js +1 -0
- package/dist/baloise-design-system/p-e8ffddeb.js +1 -0
- package/dist/baloise-design-system/p-ef32ca0961.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-1659bb968c.system.entry.js → p-f00b5e9fa4.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-f22c8e0c59.entry.js +1 -0
- package/dist/baloise-design-system/{p-3801afd625.entry.js → p-f23227beaa.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9f54cac588.system.entry.js → p-f4c50948c5.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-013b4c72.system.js → p-f959646a.system.js} +1 -1
- package/dist/baloise-design-system/{p-b8251b8f68.system.entry.js → p-fad86a959d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-372474e989.system.entry.js → p-fdbbd30696.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d7d6937d59.system.entry.js → p-fef38d0574.system.entry.js} +1 -1
- package/dist/cjs/app-globals-5fd73c0c.js +7 -0
- package/dist/cjs/bal-accordion_4.cjs.entry.js +1 -1
- package/dist/cjs/bal-carousel_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-checkbox-button.cjs.entry.js +1 -1
- package/dist/cjs/bal-checkbox_2.cjs.entry.js +1 -1
- package/dist/cjs/bal-content.cjs.entry.js +56 -0
- package/dist/cjs/bal-date-calendar-cell.cjs.entry.js +1 -1
- package/dist/cjs/bal-date-calendar_2.cjs.entry.js +2 -3
- package/dist/cjs/bal-date.cjs.entry.js +1 -1
- package/dist/cjs/bal-datepicker.cjs.entry.js +4 -4
- package/dist/cjs/bal-doc-app.cjs.entry.js +231 -0
- package/dist/cjs/bal-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/bal-field_5.cjs.entry.js +3 -0
- package/dist/cjs/bal-file-upload.cjs.entry.js +1 -1
- package/dist/cjs/bal-footer.cjs.entry.js +1 -1
- package/dist/cjs/{bal-popover_2.cjs.entry.js → bal-hint_5.cjs.entry.js} +172 -3
- package/dist/cjs/bal-input-slider.cjs.entry.js +1 -1
- package/dist/cjs/bal-input-stepper.cjs.entry.js +1 -1
- package/dist/cjs/bal-input.cjs.entry.js +1 -1
- package/dist/cjs/{bal-content_2.cjs.entry.js → bal-label.cjs.entry.js} +0 -46
- 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 +3 -3
- package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
- package/dist/cjs/bal-number-input.cjs.entry.js +1 -1
- package/dist/cjs/bal-option_2.cjs.entry.js +1 -1
- package/dist/cjs/bal-pagination.cjs.entry.js +3 -3
- package/dist/cjs/bal-popup.cjs.entry.js +1 -1
- package/dist/cjs/bal-progress-bar.cjs.entry.js +5 -5
- package/dist/cjs/bal-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/bal-radio_2.cjs.entry.js +1 -1
- package/dist/cjs/bal-segment_2.cjs.entry.js +516 -0
- package/dist/cjs/bal-select_2.cjs.entry.js +1 -1
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-steps.cjs.entry.js +4 -4
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +4 -4
- package/dist/cjs/bal-textarea.cjs.entry.js +1 -1
- package/dist/cjs/bal-time-input.cjs.entry.js +1 -1
- package/dist/cjs/baloise-design-system.cjs.js +3 -2
- package/dist/cjs/{breakpoints.decorator-a4a5bd7a.js → breakpoints.decorator-b8f9d4dd.js} +1 -1
- package/dist/cjs/{breakpoints.subject-fbf85930.js → breakpoints.subject-c6237eb5.js} +1 -1
- package/dist/cjs/{form-input-134c5116.js → form-input-b61eb894.js} +14 -0
- package/dist/cjs/{app-globals-ae3a8623.js → global-2562a984.js} +2 -4
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/initialize-2a19d091.js +1 -1
- package/dist/cjs/loader.cjs.js +3 -2
- package/dist/cjs/{tokens.esm-aa4bb7f7.js → tokens.esm-67b93a2c.js} +1 -1
- package/dist/cjs/{window-resize.decorator-c7a521b0.js → window-resize.decorator-b3aacf9e.js} +1 -1
- package/dist/collection/collection-manifest.json +17 -14
- package/dist/collection/components/bal-field/bal-field.js +3 -0
- package/dist/collection/components/bal-segment/bal-segment-item/bal-segment-item.js +92 -69
- package/dist/collection/components/bal-segment/bal-segment.js +115 -19
- 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 +229 -0
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/collection/utils/form-input.js +13 -0
- package/dist/collection/utils/form-input.spec.js +30 -0
- package/dist/collection/utils/mask/context/mask-context.js +2 -2
- package/dist/esm/app-globals-970bab17.js +5 -0
- package/dist/esm/bal-accordion_4.entry.js +2 -2
- package/dist/esm/bal-carousel_2.entry.js +4 -4
- package/dist/esm/bal-checkbox-button.entry.js +1 -1
- package/dist/esm/bal-checkbox_2.entry.js +2 -2
- package/dist/esm/bal-content.entry.js +52 -0
- package/dist/esm/bal-date-calendar-cell.entry.js +1 -1
- package/dist/esm/bal-date-calendar_2.entry.js +4 -5
- package/dist/esm/bal-date.entry.js +3 -3
- package/dist/esm/bal-datepicker.entry.js +5 -5
- package/dist/esm/bal-doc-app.entry.js +227 -0
- package/dist/esm/bal-dropdown.entry.js +2 -2
- package/dist/esm/bal-field_5.entry.js +3 -0
- package/dist/esm/bal-file-upload.entry.js +2 -2
- package/dist/esm/bal-footer.entry.js +2 -2
- package/dist/esm/{bal-popover_2.entry.js → bal-hint_5.entry.js} +171 -5
- package/dist/esm/bal-input-slider.entry.js +1 -1
- package/dist/esm/bal-input-stepper.entry.js +2 -2
- package/dist/esm/bal-input.entry.js +1 -1
- package/dist/esm/{bal-content_2.entry.js → bal-label.entry.js} +1 -46
- package/dist/esm/bal-list_8.entry.js +4 -4
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-nav_8.entry.js +3 -3
- package/dist/esm/bal-navbar_5.entry.js +3 -3
- package/dist/esm/bal-number-input.entry.js +2 -2
- package/dist/esm/bal-option_2.entry.js +1 -1
- package/dist/esm/bal-pagination.entry.js +3 -3
- package/dist/esm/bal-popup.entry.js +2 -2
- package/dist/esm/bal-progress-bar.entry.js +5 -5
- package/dist/esm/bal-radio-button.entry.js +1 -1
- package/dist/esm/bal-radio_2.entry.js +2 -2
- package/dist/esm/bal-segment_2.entry.js +511 -0
- package/dist/esm/bal-select_2.entry.js +2 -2
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-steps.entry.js +5 -5
- package/dist/esm/bal-tab-item_2.entry.js +5 -5
- package/dist/esm/bal-textarea.entry.js +1 -1
- package/dist/esm/bal-time-input.entry.js +1 -1
- package/dist/esm/baloise-design-system.js +3 -2
- package/dist/esm/{breakpoints.decorator-f2ac9963.js → breakpoints.decorator-f3c82221.js} +1 -1
- package/dist/esm/{breakpoints.subject-3605e395.js → breakpoints.subject-011cd9e8.js} +1 -1
- package/dist/esm/{date-aba2d404.js → date-6e8f5617.js} +1 -1
- package/dist/esm/{form-input-28a08ec5.js → form-input-a8fdaaef.js} +14 -1
- package/dist/esm/{app-globals-b0dd0fc4.js → global-63f4bcec.js} +2 -4
- package/dist/esm/{index.esm-76abd8e3.js → index.esm-cc299511.js} +1 -1
- package/dist/esm/index.js +5 -5
- package/dist/esm/initialize-e216cfe4.js +1 -1
- package/dist/esm/loader.js +3 -2
- package/dist/esm/{tokens.esm-337782ae.js → tokens.esm-a3a35692.js} +1 -1
- package/dist/esm/{window-resize.decorator-d5198831.js → window-resize.decorator-481620ab.js} +1 -1
- package/dist/esm-es5/app-globals-970bab17.js +1 -0
- package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-checkbox-button.entry.js +1 -1
- package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
- package/dist/esm-es5/bal-content.entry.js +1 -0
- 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-datepicker.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-hint_5.entry.js +1 -0
- 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 -0
- 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-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-button.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 -0
- 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-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/baloise-design-system.js +1 -1
- package/dist/esm-es5/{breakpoints.decorator-f2ac9963.js → breakpoints.decorator-f3c82221.js} +1 -1
- package/dist/esm-es5/{breakpoints.subject-3605e395.js → breakpoints.subject-011cd9e8.js} +1 -1
- package/dist/esm-es5/{date-aba2d404.js → date-6e8f5617.js} +1 -1
- package/dist/esm-es5/{form-input-28a08ec5.js → form-input-a8fdaaef.js} +1 -1
- package/dist/esm-es5/global-63f4bcec.js +1 -0
- package/dist/esm-es5/{index.esm-76abd8e3.js → index.esm-cc299511.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-e216cfe4.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{window-resize.decorator-d5198831.js → window-resize.decorator-481620ab.js} +1 -1
- package/dist/types/components/bal-segment/bal-segment-item/bal-segment-item.d.ts +17 -13
- package/dist/types/components/bal-segment/bal-segment.d.ts +22 -3
- package/dist/types/components/bal-segment/bal-segment.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 +44 -19
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +81 -0
- package/dist/types/utils/form-input.d.ts +3 -0
- package/package.json +7 -7
- package/dist/baloise-design-system/p-265f9d51c9.system.entry.js +0 -1
- package/dist/baloise-design-system/p-370575b8cb.system.entry.js +0 -1
- package/dist/baloise-design-system/p-3c25811c44.entry.js +0 -1
- package/dist/baloise-design-system/p-3eb68d7e.js +0 -1
- package/dist/baloise-design-system/p-487816db33.system.entry.js +0 -1
- package/dist/baloise-design-system/p-53e98a0f71.entry.js +0 -1
- package/dist/baloise-design-system/p-547aae9610.entry.js +0 -1
- package/dist/baloise-design-system/p-5db0544e97.system.entry.js +0 -1
- package/dist/baloise-design-system/p-8de1a12660.entry.js +0 -1
- package/dist/baloise-design-system/p-a507ff25cb.system.entry.js +0 -1
- package/dist/baloise-design-system/p-b8f085f7b5.system.entry.js +0 -1
- package/dist/baloise-design-system/p-bcca1ed3.system.js +0 -1
- package/dist/baloise-design-system/p-c1c17f8edc.system.entry.js +0 -1
- package/dist/baloise-design-system/p-ced37553e2.entry.js +0 -1
- package/dist/baloise-design-system/p-d2ee9b0a.system.js +0 -1
- package/dist/baloise-design-system/p-d9d229a026.entry.js +0 -1
- package/dist/baloise-design-system/p-e0384bfc0c.entry.js +0 -1
- package/dist/baloise-design-system/p-e75ccb92.js +0 -1
- package/dist/baloise-design-system/p-e78a6409.js +0 -1
- package/dist/cjs/bal-hint_3.cjs.entry.js +0 -186
- package/dist/cjs/bal-segment-item.cjs.entry.js +0 -156
- package/dist/cjs/bal-segment.cjs.entry.js +0 -319
- package/dist/esm/bal-hint_3.entry.js +0 -180
- package/dist/esm/bal-segment-item.entry.js +0 -152
- package/dist/esm/bal-segment.entry.js +0 -315
- package/dist/esm-es5/app-globals-b0dd0fc4.js +0 -1
- package/dist/esm-es5/bal-content_2.entry.js +0 -1
- package/dist/esm-es5/bal-hint_3.entry.js +0 -1
- package/dist/esm-es5/bal-popover_2.entry.js +0 -1
- package/dist/esm-es5/bal-segment-item.entry.js +0 -1
- package/dist/esm-es5/bal-segment.entry.js +0 -1
- /package/dist/baloise-design-system/{p-36074466.system.js → p-270f14cb.system.js} +0 -0
- /package/dist/baloise-design-system/{p-e1994e2c.js → p-a980b02e.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-337782ae.js → tokens.esm-a3a35692.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as a,H as r}from"./p-d7c752c6.js";import{_ as n,a as o}from"./p-43c9f5e9.js";import{l,a as i,L as t}from"./p-
|
|
1
|
+
import{r as e,h as a,H as r}from"./p-d7c752c6.js";import{_ as n,a as o}from"./p-43c9f5e9.js";import{l,a as i,L as t}from"./p-4ae121b6.js";import{B as s}from"./p-ae86d0a0.js";import{L as _}from"./p-b77e3348.js";import{k as c}from"./p-88f18fbc.js";import{s as p}from"./p-de08fd27.js";import{e as b}from"./p-aafb6696.js";import{d}from"./p-a19d1e1d.js";import{L as g}from"./p-69e7c8d6.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-a65354df.js";import"./p-2229e98e.js";const f=class{constructor(a){e(this,a),this.links=[],this.socialMediaLinks=[],this.language=d.language,this.region=d.region,this.allowedLanguages=d.allowedLanguages,this.hideLinks=!1,this.showSocialMedia=!1,this.hideLanguageSelection=!1}createLogger(e){this.log=e}connectedCallback(){this.updateFooterLinks(),this.updateSocialMediaLinks()}async configChanged(e){this.language===e.language&&this.region===e.region||(this.language=e.language,this.region=e.region,this.allowedLanguages=e.allowedLanguages,this.updateFooterLinks(),this.updateSocialMediaLinks())}changeLanguage(e){b(e)}updateFooterLinks(){if(!this.hideLinks&&("CH"===this.region||"DE"===this.region)){const e=this.region;c((()=>{l(new t(this.language),e).then((e=>this.links=e))}))}}updateSocialMediaLinks(){if(this.showSocialMedia&&("CH"===this.region||"DE"===this.region)){const e=this.region;c((()=>{i(new t(this.language),e).then((e=>this.socialMediaLinks=e))}))}}render(){const e=s.block("footer"),n=e.element("inner"),o=n.element("wrapper"),l=o.element("container"),i=o.element("links-container"),t=o.element("header-container"),_=t.element("logo"),c=t.element("language"),b=c.element("wrapper"),d=c.element("icon"),g=i.element("legal-links"),f=i.element("social-media-links");return a(r,{class:Object.assign({},e.class())},a("footer",{class:Object.assign({},n.class())},a("div",{class:Object.assign({},o.class())},a("div",{class:Object.assign(Object.assign({container:!0},l.class()),t.class())},a("div",{class:Object.assign({},_.class())},a("bal-logo",{color:"white"})),a("div",{class:Object.assign({},c.class()),style:{display:this.hideLanguageSelection||this.allowedLanguages.length<=1?"none":"flex"}},a("div",{class:Object.assign({},b.class())},a("bal-input-group",null,a("bal-icon",{class:Object.assign({},d.class()),name:"web",color:"white",onClick:e=>{var a;p(e),null===(a=this.selectEl)||void 0===a||a.open()}}),a("bal-select",{ref:e=>this.selectEl=e,value:this.language,onBalChange:e=>this.changeLanguage(e.detail),"data-testid":"bal-footer-language"},this.allowedLanguages.map((e=>a("bal-select-option",{key:e,label:e.toLocaleUpperCase(),value:e},e.toLocaleUpperCase())))))))),a("slot",null),a("div",{class:Object.assign(Object.assign({container:!0},l.class()),i.class())},a("div",{class:Object.assign({},f.class()),style:{display:this.showSocialMedia?"flex":"none"}},this.socialMediaLinks.map((e=>a("a",{key:e.link,href:e.link,target:"_blank",class:{link:!0,"is-inverted":!0}},a("bal-icon",{name:e.label.toLowerCase()}))))),a("div",{class:Object.assign({},g.class()),style:{display:this.hideLinks?"none":"flex"}},this.links.map((e=>a("a",{key:e.link,href:e.link,target:"_blank",class:{link:!0,"is-light":!0}},e.label))))))))}};n([_("bal-footer"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],f.prototype,"createLogger",null),n([g(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],f.prototype,"configChanged",null),f.style=":root{--bal-footer-font-family:var(--bal-font-family-text);--bal-footer-background:var(--bal-color-primary);--bal-footer-color:var(--bal-color-text-white);--bal-footer-language-color-hover:var(--bal-color-light-blue-2);--bal-footer-language-background-hover:var(--bal-color-light-blue-2);--bal-footer-language-color-active:var(--bal-color-light-blue-3);--bal-footer-language-background-active:var(--bal-color-light-blue-3)}.bal-footer{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:static;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.bal-footer__inner{position:relative;font-family:var(--bal-footer-font-family);background-color:var(--bal-footer-background);color:var(--bal-footer-color);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}@media screen and (min-width: 1024px){.bal-footer__inner{padding-top:var(--bal-space-large);padding-bottom:var(--bal-space-large)}}.bal-footer__inner,.bal-footer__inner p{color:var(--bal-footer-color)}.bal-footer__inner__wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--bal-space-large)}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper{gap:var(--bal-space-medium-tablet)}}.bal-footer__inner__wrapper__header-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row;flex-direction:row}.bal-footer__inner__wrapper__header-container__language{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__header-container__language bal-icon,.bal-footer__inner__wrapper__header-container__language .input{cursor:pointer}.bal-footer__inner__wrapper__header-container__language:hover bal-icon svg,.bal-footer__inner__wrapper__header-container__language:hover bal-icon g,.bal-footer__inner__wrapper__header-container__language:hover bal-icon path,.bal-footer__inner__wrapper__header-container__language:hover bal-icon circle{fill:var(--bal-footer-language-background-hover)}.bal-footer__inner__wrapper__header-container__language:hover .input{color:var(--bal-footer-language-color-hover)}.bal-footer__inner__wrapper__header-container__language:active bal-icon svg,.bal-footer__inner__wrapper__header-container__language:active bal-icon g,.bal-footer__inner__wrapper__header-container__language:active bal-icon path,.bal-footer__inner__wrapper__header-container__language:active bal-icon circle{fill:var(--bal-footer-language-background-active)}.bal-footer__inner__wrapper__header-container__language:active .input{color:var(--bal-footer-language-color-active)}.bal-footer__inner__wrapper__header-container__language__wrapper{width:5rem}.bal-footer__inner__wrapper__header-container__language__wrapper bal-input-group{background:rgba(0,0,0,0);border:none}.bal-footer__inner__wrapper__header-container__language__wrapper bal-input-group:hover{background:rgba(0,0,0,0) !important}.bal-footer__inner__wrapper__header-container__language__wrapper bal-input-group bal-icon{min-width:.75rem !important}.bal-footer__inner__wrapper__header-container__logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bal-footer__inner__wrapper__links-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 769px),print{.bal-footer__inner__wrapper__links-container{-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 1024px){.bal-footer__inner__wrapper__links-container{-ms-flex-direction:row;flex-direction:row}}.bal-footer__inner__wrapper__links-container__legal-links{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop)}.bal-footer__inner__wrapper__links-container__legal-links a{font-size:var(--bal-text-size-small) !important}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__legal-links{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--bal-space-normal)}}.bal-footer__inner__wrapper__links-container__social-media-links{-ms-flex-align:center;align-items:center;gap:var(--bal-space-large-desktop);padding:var(--bal-space-normal) var(--bal-space-normal) var(--bal-space-normal) 0}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large)}}@media screen and (max-width: 768px){.bal-footer__inner__wrapper__links-container__social-media-links{padding-bottom:var(--bal-space-large);-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--bal-space-normal) 0 var(--bal-space-normal) 0}}";export{f as bal_footer}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as a,h as i,H as e,g as s}from"./p-d7c752c6.js";import{a as n}from"./p-dd5e13d1.js";import{_ as b,a as o}from"./p-43c9f5e9.js";import{o as l}from"./p-f5940253.js";import{l as r,e as _,t as h,m as c,n as d,o as v,i as m,b as p}from"./p-88f18fbc.js";import{B as u}from"./p-ae86d0a0.js";import{L as f}from"./p-b77e3348.js";import{n as g}from"./p-f3f5ce4f.js";import{s as x}from"./p-ad9a7657.js";import{b as w}from"./p-a65354df.js";import{a as j}from"./p-0e361394.js";import{b as y}from"./p-3eb68d7e.js";import{L as O}from"./p-3231863d.js";import{L as k}from"./p-e75ccb92.js";import{L as $}from"./p-2692caf4.js";import{L}from"./p-69e7c8d6.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-e1994e2c.js";const A=class{constructor(i){t(this,i),this.balNavigate=a(this,"balNavigate",7),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+z++,this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0,this.noPanel=!1,this.aria=void 0}componentWillLoad(){this.inheritAttributes=n(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria}}render(){const t=!this.noPanel,a=!this.isActive||this.noPanel;return i(e,{id:this.tabPanelID,class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive},role:t?"tabpanel":void 0,"aria-label":t?this.label:void 0,"aria-hidden":a?"true":"false",tabindex:a?"-1":void 0,hidden:!!a||void 0},i("slot",null))}get el(){return s(this)}};let z=0;const C=({items:t,value:a,onSelectTab:e})=>{const s=u.block("tabs").element("select");return i("bal-select",{class:Object.assign({},s.class()),value:a,onBalChange:a=>(a=>{const i=t.filter((t=>t.value===a.detail));if(i.length>0){const t=i[0];""!==t.href&&void 0!==t.href&&w.hasWindow&&window.open(t.href,t.target),e(a,t)}})(a)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>i("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label))))},T=({item:t,inverted:a,accordion:e,isAccordionOpen:s,isMobile:n,hasBubble:b})=>{const o=u.block("tabs").element("nav").element("item").element("icon");let l=t.disabled?"grey":"primary";return a&&(l=t.disabled?"primary-light":"white"),i("span",{class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(t.active)),o.modifier("disabled").class(t.disabled))},i("bal-icon",{size:n||e?"small":"",name:e?"nav-go-down":t.icon,color:l,turn:e&&!0===s&&t.active}),b?i("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},t.bubble):"")},F=({item:t,inverted:a,hasBubble:e,isVertical:s,context:n})=>{const b=u.block("tabs").element("nav").element("item").element("label");return i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("inverted").class(a)),b.modifier("active").class(t.active)),b.modifier("disabled").class(t.disabled)),b.modifier("vertical").class(s)),b.modifier(`context-${n}`).class(void 0!==n)),"data-testid":"bal-tabs-item-label"},t.label,e?i("bal-badge",{class:Object.assign({},b.element("bubble").class()),size:"small"},t.bubble):"")},S=t=>"string"==typeof t?t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase():"",B=({item:t,tabsId:a,isFirst:e,isLast:s,isMobile:n,isVertical:b,accordion:o,isAccordionOpen:l,isLinkList:r,inverted:_,expanded:h,spaceless:c,clickable:d,iconPosition:v,context:m,onSelectTab:p})=>{var f;const g=u.block("tabs").element("nav").element("item");if(t.invisible)return;const x=!1!==t.bubble,w=void 0!==t.icon,j=w&&x&&"horizontal"!==v&&!o||n&&w&&x&&!b&&!o,y=o&&x||o&&n&&w&&x&&!b,O=!w&&x&&!o||x&&!n&&"horizontal"===v&&!o||x&&b&&!o,k=void 0===t.href||""===t.href,$=k?"button":"a",L=k?{type:"button",role:"tab","aria-controls":(null===(f=t.aria)||void 0===f?void 0:f.controls)||t.tabPanelID||void 0,"aria-expanded":t.active?"true":"false","aria-disabled":`${t.disabled}`,"aria-label":t.label}:{href:t.href,target:t.target};return r||(L.tabindex=t.active?"0":"-1"),i($,Object.assign({id:`${a}-button-${S(t.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({},g.class()),g.modifier("active").class(t.active)),g.modifier("disabled").class(t.disabled)),g.modifier("clickable").class(d)),g.modifier("accordion").class(o)),g.modifier("inverted").class(_)),g.modifier("expanded").class(h)),g.modifier("spaceless").class(c)),g.modifier("first").class(e)),g.modifier("last").class(s)),g.modifier("passed").class(t.passed)),g.modifier("vertical").class(b)),g.modifier(`context-${m}`).class(void 0!==m)),g.modifier(`icon-position-${v}`).class("horizontal"!==v)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":a,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":k?t.active?"true":"false":void 0},L,{onClick:a=>p(a,t)}),t.icon?i(T,{accordion:!1,item:t,isMobile:n,hasBubble:j,inverted:_}):"",i(F,{item:t,isMobile:n,isVertical:b,hasBubble:O,inverted:_,context:m}),o&&!t.href?i(T,{accordion:o,isAccordionOpen:l,item:t,isMobile:n,hasBubble:y,inverted:_}):"")},P=({items:t,tabsId:a,hasCarousel:e,isVertical:s,inNavbar:n,isMobile:b,isTouch:o,lineActive:l,isLinkList:r,border:_,accordion:h,isAccordionOpen:c,inverted:d,clickable:v,animated:m,spaceless:p,expanded:f,verticalColSize:g,iconPosition:w,context:j,onSelectTab:y})=>{const O=u.block("tabs").element("nav"),k=t.filter((t=>!t.invisible)),$=n&&!o,L=({item:t,index:e})=>i(B,{item:t,isLinkList:r,tabsId:a,isFirst:0===e,isLast:e===k.length-1,isMobile:b,isVertical:s,iconPosition:w,spaceless:p,inverted:d,accordion:h,isAccordionOpen:c,context:j,expanded:f,clickable:v&&!t.disabled,onSelectTab:y});return i("div",{id:`${a}-nav`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.class()),O.modifier("full-height").class($)),O.modifier("border").class(_)),O.modifier("animated").class(m)),O.modifier("vertical").class(s)),O.modifier("expanded").class(f&&!s)),O.modifier(`vertical-col-${g}`).class(s))},e?i("bal-carousel",{id:`${a}-carousel`,class:Object.assign({},O.element("carousel").class()),htmlRole:"tablist",fullHeight:$,border:_,inverted:d,controls:"small","items-per-view":"auto",steps:3,onBalChange:x},k.map(((t,a)=>i("bal-carousel-item",{key:t.value,htmlRole:"",class:Object.assign(Object.assign({},O.element("carousel").element("item").class()),O.element("carousel").element("item").modifier("expanded").class(f))},i(L,{item:t,index:a})))),i("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(l)),O.element("line").modifier("inverted").class(d)),O.element("line").modifier("animated").class(m)),O.element("line").modifier("vertical").class(s))})):k.map(((t,a)=>i(L,{item:t,index:a}))),e?"":i("div",{id:`${a}-border`,class:Object.assign(Object.assign(Object.assign({},O.element("border").class()),O.element("border").modifier("inverted").class(d)),O.element("border").modifier("vertical").class(s))}),e?"":i("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(l)),O.element("line").modifier("inverted").class(d)),O.element("line").modifier("animated").class(m)),O.element("line").modifier("vertical").class(s))}))},V=class{constructor(i){t(this,i),this.balChange=a(this,"balChange",7),this.balWillAnimate=a(this,"balWillAnimate",7),this.balDidAnimate=a(this,"balDidAnimate",7),this.tabsId="bal-tabs-"+M++,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(g)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{l(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isTabActive(t))))},this.getLineSize=(t,a)=>{if(t){if(this.isVertical())return t.clientHeight;{const i=t.clientWidth;return this.expanded?i:i-(a.left+a.right)}}return 0},this.getOffset=(t,a)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const i=t.closest("bal-carousel-item");if(i)return this.expanded?i.offsetLeft:i.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),r((async()=>{await _(this.el,!0),this.currentRaf=r((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=j(t),i=this.getLineSize(t,a),e=this.getOffset(t,a),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const a=h(s,300);if(t)s.style.setProperty("transform",`translateY(${e}px)`),s.style.setProperty("min-height",`${i}px`),s.style.setProperty("height",`${i}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${e}px)`),s.style.setProperty("min-width",`${i}px`),s.style.setProperty("width",`${i}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();t&&n&&t.style.setProperty("width",`${n.clientWidth}px`),await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=(t=!1)=>{this.isAccordionOpen=!0;const{contentEl:a,contentElWrapper:i}=this;t||void 0===a||void 0===i?this.accordionState=4:4!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?r((()=>{this.accordionState=8,this.currentRaf=r((async()=>{const t=i.offsetHeight,e=h(a,300);a.style.setProperty("max-height",`${t}px`),this.balWillAnimate.emit(this.value),await e,this.accordionState=4,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.collapseAccordion=(t=!1)=>{this.isAccordionOpen=!1;const{contentEl:a}=this;t||void 0===a?this.accordionState=1:1!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=r((async()=>{a.style.setProperty("max-height",`${a.offsetHeight}px`),r((async()=>{const t=h(a,300);this.accordionState=2,this.balWillAnimate.emit(this.value),await t,this.accordionState=1,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=async()=>{try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,a)=>{(a.prevent||a.disabled||!this.clickable)&&x(t),!a.disabled&&this.clickable&&(this.accordion&&(a.value===this.value?this.toggleAccordionState():this.expandAccordion()),a.navigate&&a.navigate.emit(t),a.value!==this.value&&(this.balChange.emit(a.value),await this.select(a),await this.focus(a)))},this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.isMobile=y.isMobile,this.isTablet=y.isTablet,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.context=void 0,this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}debounceChanged(){this.balChange=c(this.balChange,this.debounce)}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.inNavbar=d("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(d("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.animateLine()}resizeListener(){this.animateLine()}listenToWillAnimate(t){v(t,this.el,(()=>this.animateLine()))}listenToDidAnimate(t){v(t,this.el,(()=>this.animateLine())),this.isUsedInNavbar(t)}listenToKeyDown(t){this.isTabList&&(!1!==this.vertical?"ArrowDown"===t.code?this.tabListSelectNext(t):"ArrowUp"===t.code&&this.tabListSelectPrevious(t):"ArrowRight"===t.code?this.tabListSelectNext(t):"ArrowLeft"===t.code&&this.tabListSelectPrevious(t))}isUsedInNavbar(t){const a=t.target.closest("bal-navbar"),i=t.target;a&&m(a,this.el)&&(this.isNavbarOpen=i)}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((a=>a.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}get isTabList(){return 0===this.store.filter((t=>!!t.href)).length}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}isTabActive(t){return t.value===this.value}isTabVisible(t){return!t.hidden}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((a=>a.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.tabsId}-carousel`)}findNextTab(t=!1){const a=this.store.findIndex((t=>this.isTabActive(t)));let i=this.store.map(((t,a)=>({index:a,visible:!t.hidden&&!t.disabled})));t&&(i=i.reverse());const e=i.filter((t=>t.visible)).map((t=>t.index)),s=t?(t,i)=>t<a||i>=t?t:i:(t,i)=>t>a||i<=t?t:i,n=e.reduce(((t,a)=>s(t,a)),a);return this.store[n]}findPreviousTab(){return this.findNextTab(!0)}tabListSelectNext(t){const a=this.findNextTab();a&&this.onSelectTab(t,a)}tabListSelectPrevious(t){const a=this.findPreviousTab();a&&this.onSelectTab(t,a)}async focus(t){if(await p(),null!==this.el.querySelector("button.bal-focused")){const a=this.el.querySelector(`#${this.tabsId}-button-${S(t.value)}`);a&&a.focus({preventScroll:!0})}}render(){const t=u.block("tabs"),a=this.isMobile,s=a||this.isTablet,n=this.inNavbar&&!s&&!this.inNavbarLight||!this.inNavbar&&this.inverted,b=this.isVertical(),o=!b&&this.overflow&&!this.expanded,l=a&&this.selectOnMobile,r=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),_=4===this.accordionState||8===this.accordionState?"content expanded":"content",h=void 0!==this.value&&!!this.store.find((t=>t.value===this.value)),c=!this.isTabList;return i(e,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(b)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":this.store.filter((t=>this.isTabActive(t))).map((t=>t.value)).join(","),"data-label":this.store.filter((t=>this.isTabActive(t))).map((t=>t.label)).join(",")},l?i(C,{value:this.value,items:r,onSelectTab:this.onSelectTab}):i(P,{items:r,isLinkList:c,tabsId:this.tabsId,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:h,inverted:n,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:a,isTouch:s,isVertical:b,inNavbar:this.inNavbar,hasCarousel:o,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab}),i("div",{part:_,ref:t=>this.contentEl=t,class:Object.assign({},t.element("tabs").element("content").class())},i("div",{id:this.tabsId,class:Object.assign({},t.element("tabs").element("content").element("wrapper").class()),ref:t=>this.contentElWrapper=t},i("slot",null))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};b([f("bal-tabs"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],V.prototype,"createLogger",null),b([O({tags:["bal-tabs","bal-tab-item"]}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],V.prototype,"mutationListener",null),b([k(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],V.prototype,"breakpointListener",null),b([$(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],V.prototype,"resizeListener",null),b([L(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],V.prototype,"configChanged",null);let M=0;V.style="@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav{display:block;position:relative;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-quarter{-ms-flex:none;flex:none;width:25%}.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav--vertical{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bal-tabs__nav--full-height{height:100%}.bal-tabs__nav--expanded{display:-ms-flexbox;display:flex}.bal-tabs__nav__carousel__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0}.bal-tabs__nav__border--vertical{width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-tabs{display:block;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{display:block}@media screen and (min-width: 769px),print{.bal-tabs--vertical{display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs__tabs__content{width:100%}.bal-tabs--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--animated .bal-tabs__tabs__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--accordion .bal-tabs__tabs__content{overflow:hidden;will-change:max-height}.bal-tabs--accordion.bal-tabs--collapsing .bal-tabs__tabs__content{max-height:0 !important}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__tabs__content{display:none}.bal-tabs--accordion.bal-tabs--expanding .bal-tabs__tabs__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-tabs--accordion .bal-tabs,.bal-tabs--accordion .bal-tabs__tabs__content{-webkit-transition:none !important;transition:none !important}}";export{A as bal_tab_item,V as bal_tabs}
|
|
1
|
+
import{r as t,c as a,h as i,H as e,g as s}from"./p-d7c752c6.js";import{a as n}from"./p-dd5e13d1.js";import{_ as b,a as o}from"./p-43c9f5e9.js";import{o as l}from"./p-4ae121b6.js";import{l as r,e as _,t as h,m as c,n as d,o as v,i as m,b as p}from"./p-88f18fbc.js";import{B as u}from"./p-ae86d0a0.js";import{L as f}from"./p-b77e3348.js";import{n as g}from"./p-f3f5ce4f.js";import{s as x}from"./p-de08fd27.js";import{b as w}from"./p-a65354df.js";import{a as j}from"./p-0e361394.js";import{b as y}from"./p-3d8781f2.js";import{L as O}from"./p-3231863d.js";import{L as k}from"./p-0e94492c.js";import{L as $}from"./p-2692caf4.js";import{L}from"./p-69e7c8d6.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-a980b02e.js";const A=class{constructor(i){t(this,i),this.balNavigate=a(this,"balNavigate",7),this.inheritAttributes={},this.tabPanelID="bal-tab-panel-id-"+z++,this.isActive=!1,this.active=!1,this.value="",this.label="",this.href="",this.target="_self",this.bubble=!1,this.disabled=!1,this.invisible=!1,this.prevent=!1,this.icon=void 0,this.noPanel=!1,this.aria=void 0}componentWillLoad(){this.inheritAttributes=n(this.el)}async getOptions(){return this.options}async setActive(t){this.isActive=t}get options(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:!1,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria}}render(){const t=!this.noPanel,a=!this.isActive||this.noPanel;return i(e,{id:this.tabPanelID,class:{"bal-tab-item":!0,"bal-tab-item--active":this.isActive},role:t?"tabpanel":void 0,"aria-label":t?this.label:void 0,"aria-hidden":a?"true":"false",tabindex:a?"-1":void 0,hidden:!!a||void 0},i("slot",null))}get el(){return s(this)}};let z=0;const C=({items:t,value:a,onSelectTab:e})=>{const s=u.block("tabs").element("select");return i("bal-select",{class:Object.assign({},s.class()),value:a,onBalChange:a=>(a=>{const i=t.filter((t=>t.value===a.detail));if(i.length>0){const t=i[0];""!==t.href&&void 0!==t.href&&w.hasWindow&&window.open(t.href,t.target),e(a,t)}})(a)},t.filter((t=>!t.disabled&&!t.invisible)).map((t=>i("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label))))},T=({item:t,inverted:a,accordion:e,isAccordionOpen:s,isMobile:n,hasBubble:b})=>{const o=u.block("tabs").element("nav").element("item").element("icon");let l=t.disabled?"grey":"primary";return a&&(l=t.disabled?"primary-light":"white"),i("span",{class:Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("active").class(t.active)),o.modifier("disabled").class(t.disabled))},i("bal-icon",{size:n||e?"small":"",name:e?"nav-go-down":t.icon,color:l,turn:e&&!0===s&&t.active}),b?i("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},t.bubble):"")},F=({item:t,inverted:a,hasBubble:e,isVertical:s,context:n})=>{const b=u.block("tabs").element("nav").element("item").element("label");return i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("inverted").class(a)),b.modifier("active").class(t.active)),b.modifier("disabled").class(t.disabled)),b.modifier("vertical").class(s)),b.modifier(`context-${n}`).class(void 0!==n)),"data-testid":"bal-tabs-item-label"},t.label,e?i("bal-badge",{class:Object.assign({},b.element("bubble").class()),size:"small"},t.bubble):"")},S=t=>"string"==typeof t?t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase():"",B=({item:t,tabsId:a,isFirst:e,isLast:s,isMobile:n,isVertical:b,accordion:o,isAccordionOpen:l,isLinkList:r,inverted:_,expanded:h,spaceless:c,clickable:d,iconPosition:v,context:m,onSelectTab:p})=>{var f;const g=u.block("tabs").element("nav").element("item");if(t.invisible)return;const x=!1!==t.bubble,w=void 0!==t.icon,j=w&&x&&"horizontal"!==v&&!o||n&&w&&x&&!b&&!o,y=o&&x||o&&n&&w&&x&&!b,O=!w&&x&&!o||x&&!n&&"horizontal"===v&&!o||x&&b&&!o,k=void 0===t.href||""===t.href,$=k?"button":"a",L=k?{type:"button",role:"tab","aria-controls":(null===(f=t.aria)||void 0===f?void 0:f.controls)||t.tabPanelID||void 0,"aria-expanded":t.active?"true":"false","aria-disabled":`${t.disabled}`,"aria-label":t.label}:{href:t.href,target:t.target};return r||(L.tabindex=t.active?"0":"-1"),i($,Object.assign({id:`${a}-button-${S(t.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({},g.class()),g.modifier("active").class(t.active)),g.modifier("disabled").class(t.disabled)),g.modifier("clickable").class(d)),g.modifier("accordion").class(o)),g.modifier("inverted").class(_)),g.modifier("expanded").class(h)),g.modifier("spaceless").class(c)),g.modifier("first").class(e)),g.modifier("last").class(s)),g.modifier("passed").class(t.passed)),g.modifier("vertical").class(b)),g.modifier(`context-${m}`).class(void 0!==m)),g.modifier(`icon-position-${v}`).class("horizontal"!==v)),{"bal-focusable":!t.disabled&&!t.invisible}),draggable:!1,"data-tabs":a,"data-label":t.label,"data-value":t.value,"data-index":t.index,"data-testid":"bal-tabs-item","aria-selected":k?t.active?"true":"false":void 0},L,{onClick:a=>p(a,t)}),t.icon?i(T,{accordion:!1,item:t,isMobile:n,hasBubble:j,inverted:_}):"",i(F,{item:t,isMobile:n,isVertical:b,hasBubble:O,inverted:_,context:m}),o&&!t.href?i(T,{accordion:o,isAccordionOpen:l,item:t,isMobile:n,hasBubble:y,inverted:_}):"")},P=({items:t,tabsId:a,hasCarousel:e,isVertical:s,inNavbar:n,isMobile:b,isTouch:o,lineActive:l,isLinkList:r,border:_,accordion:h,isAccordionOpen:c,inverted:d,clickable:v,animated:m,spaceless:p,expanded:f,verticalColSize:g,iconPosition:w,context:j,onSelectTab:y})=>{const O=u.block("tabs").element("nav"),k=t.filter((t=>!t.invisible)),$=n&&!o,L=({item:t,index:e})=>i(B,{item:t,isLinkList:r,tabsId:a,isFirst:0===e,isLast:e===k.length-1,isMobile:b,isVertical:s,iconPosition:w,spaceless:p,inverted:d,accordion:h,isAccordionOpen:c,context:j,expanded:f,clickable:v&&!t.disabled,onSelectTab:y});return i("div",{id:`${a}-nav`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.class()),O.modifier("full-height").class($)),O.modifier("border").class(_)),O.modifier("animated").class(m)),O.modifier("vertical").class(s)),O.modifier("expanded").class(f&&!s)),O.modifier(`vertical-col-${g}`).class(s))},e?i("bal-carousel",{id:`${a}-carousel`,class:Object.assign({},O.element("carousel").class()),htmlRole:"tablist",fullHeight:$,border:_,inverted:d,controls:"small","items-per-view":"auto",steps:3,onBalChange:x},k.map(((t,a)=>i("bal-carousel-item",{key:t.value,htmlRole:"",class:Object.assign(Object.assign({},O.element("carousel").element("item").class()),O.element("carousel").element("item").modifier("expanded").class(f))},i(L,{item:t,index:a})))),i("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(l)),O.element("line").modifier("inverted").class(d)),O.element("line").modifier("animated").class(m)),O.element("line").modifier("vertical").class(s))})):k.map(((t,a)=>i(L,{item:t,index:a}))),e?"":i("div",{id:`${a}-border`,class:Object.assign(Object.assign(Object.assign({},O.element("border").class()),O.element("border").modifier("inverted").class(d)),O.element("border").modifier("vertical").class(s))}),e?"":i("div",{id:`${a}-line`,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},O.element("line").class()),O.element("line").modifier("active").class(l)),O.element("line").modifier("inverted").class(d)),O.element("line").modifier("animated").class(m)),O.element("line").modifier("vertical").class(s))}))},V=class{constructor(i){t(this,i),this.balChange=a(this,"balChange",7),this.balWillAnimate=a(this,"balWillAnimate",7),this.balDidAnimate=a(this,"balDidAnimate",7),this.tabsId="bal-tabs-"+M++,this.mutationObserverActive=!0,this.getOptions=()=>this.options.length>0?[...this.options.map(g)]:Promise.all(this.items.map((t=>t.getOptions()))),this.updateStore=t=>{l(this.store,t)?!this.optionalTabSelection&&!this.accordion&&void 0===this.value&&this.store.length>0&&(this.value=this.store[0].value):this.store=t},this.setActiveItem=()=>{const t=this.store.filter((t=>t.active));t.length>0&&(this.value=t[0].value)},this.setActiveContent=()=>{0===this.options.length&&this.items.forEach((t=>t.setActive(this.isTabActive(t))))},this.getLineSize=(t,a)=>{if(t){if(this.isVertical())return t.clientHeight;{const i=t.clientWidth;return this.expanded?i:i-(a.left+a.right)}}return 0},this.getOffset=(t,a)=>{if(this.isVertical()){if(t.offsetTop)return t.offsetTop}else{if(t.offsetLeft)return this.expanded?t.offsetLeft:t.offsetLeft+a.left;const i=t.closest("bal-carousel-item");if(i)return this.expanded?i.offsetLeft:i.offsetLeft+a.left}return 0},this.animateLine=async()=>{this.shouldAnimate()&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),r((async()=>{await _(this.el,!0),this.currentRaf=r((async()=>{const t=this.getTargetElement(this.value);if(!t)return;if("_blank"===t.getAttribute("target"))return;const a=j(t),i=this.getLineSize(t,a),e=this.getOffset(t,a),s=this.getLineElement();if(s){const t=this.isVertical();this.balWillAnimate.emit(this.value);const a=h(s,300);if(t)s.style.setProperty("transform",`translateY(${e}px)`),s.style.setProperty("min-height",`${i}px`),s.style.setProperty("height",`${i}px`),s.style.removeProperty("min-width"),s.style.removeProperty("width");else{s.style.setProperty("transform",`translateX(${e}px)`),s.style.setProperty("min-width",`${i}px`),s.style.setProperty("width",`${i}px`),s.style.removeProperty("min-height"),s.style.removeProperty("height");const t=this.getBorderElement(),n=this.getCarouselElement();t&&n&&t.style.setProperty("width",`${n.clientWidth}px`),await a,this.balDidAnimate.emit(this.value)}}}))})))},this.toggleAccordionState=(t=!1)=>{this.accordion&&(this.isAccordionOpen?this.collapseAccordion(t):this.expandAccordion(t))},this.expandAccordion=(t=!1)=>{this.isAccordionOpen=!0;const{contentEl:a,contentElWrapper:i}=this;t||void 0===a||void 0===i?this.accordionState=4:4!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?r((()=>{this.accordionState=8,this.currentRaf=r((async()=>{const t=i.offsetHeight,e=h(a,300);a.style.setProperty("max-height",`${t}px`),this.balWillAnimate.emit(this.value),await e,this.accordionState=4,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=4,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.collapseAccordion=(t=!1)=>{this.isAccordionOpen=!1;const{contentEl:a}=this;t||void 0===a?this.accordionState=1:1!==this.accordionState&&(void 0!==this.currentRaf&&cancelAnimationFrame(this.currentRaf),this.shouldAnimate()?this.currentRaf=r((async()=>{a.style.setProperty("max-height",`${a.offsetHeight}px`),r((async()=>{const t=h(a,300);this.accordionState=2,this.balWillAnimate.emit(this.value),await t,this.accordionState=1,a.style.removeProperty("max-height"),this.balDidAnimate.emit(this.value)}))})):(this.accordionState=1,this.balWillAnimate.emit(this.value),this.balDidAnimate.emit(this.value)))},this.shouldAnimate=()=>"undefined"!=typeof window&&this.animated,this.onOptionChange=async()=>{try{const t=await this.getOptions();this.updateStore(t),this.setActiveItem(),this.setActiveContent(),this.animateLine()}catch(t){console.warn("[WARN] - Could not read tab options")}},this.onSelectTab=async(t,a)=>{(a.prevent||a.disabled||!this.clickable)&&x(t),!a.disabled&&this.clickable&&(this.accordion&&(a.value===this.value?this.toggleAccordionState():this.expandAccordion()),a.navigate&&a.navigate.emit(t),a.value!==this.value&&(this.balChange.emit(a.value),await this.select(a),await this.focus(a)))},this.isAccordionOpen=!1,this.accordionState=1,this.isNavbarOpen=!1,this.inNavbar=!1,this.inNavbarLight=!1,this.isMobile=y.isMobile,this.isTablet=y.isTablet,this.store=[],this.animated=!0,this.float="left",this.fullwidth=!1,this.accordion=!1,this.overflow=!0,this.options=[],this.context=void 0,this.iconPosition="horizontal",this.expanded=!1,this.spaceless=!1,this.clickable=!0,this.border=!1,this.inverted=!1,this.optionalTabSelection=!1,this.debounce=0,this.vertical=!1,this.verticalColSize="one-third",this.selectOnMobile=!1,this.value=void 0}createLogger(t){this.log=t}async optionChanged(){this.onOptionChange(),this.mutationObserverActive=void 0===this.options}debounceChanged(){this.balChange=c(this.balChange,this.debounce)}async valueChanged(t,a){t!==a&&this.onOptionChange()}connectedCallback(){if(this.inNavbar=d("bal-navbar",this.el),this.inNavbar){const t=this.el.closest("bal-navbar");t&&(this.inNavbarLight=t.light)}this.debounceChanged(),this.mutationObserverActive=void 0===this.options||this.options.length<1,this.accordion&&(d("bal-nav-menu-bar",this.el)?this.isAccordionOpen=!1:void 0!==this.value&&this.value.length>0?this.expandAccordion(!0):this.collapseAccordion(!0))}componentDidLoad(){this.onOptionChange()}mutationListener(){this.onOptionChange()}breakpointListener(t){this.isMobile=t.mobile,this.isTablet=t.tablet,this.animateLine()}resizeListener(){this.animateLine()}listenToWillAnimate(t){v(t,this.el,(()=>this.animateLine()))}listenToDidAnimate(t){v(t,this.el,(()=>this.animateLine())),this.isUsedInNavbar(t)}listenToKeyDown(t){this.isTabList&&(!1!==this.vertical?"ArrowDown"===t.code?this.tabListSelectNext(t):"ArrowUp"===t.code&&this.tabListSelectPrevious(t):"ArrowRight"===t.code?this.tabListSelectNext(t):"ArrowLeft"===t.code&&this.tabListSelectPrevious(t))}isUsedInNavbar(t){const a=t.target.closest("bal-navbar"),i=t.target;a&&m(a,this.el)&&(this.isNavbarOpen=i)}async configChanged(t){this.animated=t.animated}async select(t){this.value=t.value}async getOptionByValue(t){return this.store.find((a=>a.value===t))}async renderLine(){this.animateLine()}async closeAccordion(){this.isAccordionOpen&&this.collapseAccordion()}get isTabList(){return 0===this.store.filter((t=>!!t.href)).length}get items(){return Array.from(this.el.querySelectorAll(`#${this.tabsId} > bal-tab-item`))}isTabActive(t){return t.value===this.value}isTabVisible(t){return!t.hidden}parseVertical(){return"true"===this.vertical||""===this.vertical||"false"!==this.vertical&&void 0!==this.vertical&&("mobile"===this.vertical?this.isMobile:"tablet"===this.vertical?this.isTablet||this.isMobile:this.vertical)}isVertical(){return this.parseVertical()||(this.isMobile||this.isTablet)&&this.inNavbar}getTargetElement(t){return Array.from(this.el.querySelectorAll(`[data-tabs="${this.tabsId}"]`)).filter((a=>a.getAttribute("data-value")==t))[0]}getLineElement(){return this.el.querySelector(`#${this.tabsId}-line`)}getBorderElement(){return this.el.querySelector(`#${this.tabsId}-border`)}getCarouselElement(){return this.el.querySelector(`#${this.tabsId}-carousel`)}findNextTab(t=!1){const a=this.store.findIndex((t=>this.isTabActive(t)));let i=this.store.map(((t,a)=>({index:a,visible:!t.hidden&&!t.disabled})));t&&(i=i.reverse());const e=i.filter((t=>t.visible)).map((t=>t.index)),s=t?(t,i)=>t<a||i>=t?t:i:(t,i)=>t>a||i<=t?t:i,n=e.reduce(((t,a)=>s(t,a)),a);return this.store[n]}findPreviousTab(){return this.findNextTab(!0)}tabListSelectNext(t){const a=this.findNextTab();a&&this.onSelectTab(t,a)}tabListSelectPrevious(t){const a=this.findPreviousTab();a&&this.onSelectTab(t,a)}async focus(t){if(await p(),null!==this.el.querySelector("button.bal-focused")){const a=this.el.querySelector(`#${this.tabsId}-button-${S(t.value)}`);a&&a.focus({preventScroll:!0})}}render(){const t=u.block("tabs"),a=this.isMobile,s=a||this.isTablet,n=this.inNavbar&&!s&&!this.inNavbarLight||!this.inNavbar&&this.inverted,b=this.isVertical(),o=!b&&this.overflow&&!this.expanded,l=a&&this.selectOnMobile,r=this.store.map((t=>Object.assign(Object.assign({},t),{active:t.value===this.value}))),_=4===this.accordionState||8===this.accordionState?"content expanded":"content",h=void 0!==this.value&&!!this.store.find((t=>t.value===this.value)),c=!this.isTabList;return i(e,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},t.class()),t.modifier("navbar").class(this.inNavbar)),t.modifier("vertical").class(b)),t.modifier("fullwidth").class(this.expanded||this.fullwidth)),t.modifier("accordion").class(this.accordion)),t.modifier("animated").class(this.animated)),t.modifier("expanding").class(8===this.accordionState)),t.modifier("expanded").class(4===this.accordionState)),t.modifier("collapsing").class(2===this.accordionState)),t.modifier("collapsed").class(1===this.accordionState)),"data-value":this.store.filter((t=>this.isTabActive(t))).map((t=>t.value)).join(","),"data-label":this.store.filter((t=>this.isTabActive(t))).map((t=>t.label)).join(",")},l?i(C,{value:this.value,items:r,onSelectTab:this.onSelectTab}):i(P,{items:r,isLinkList:c,tabsId:this.tabsId,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:h,inverted:n,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:a,isTouch:s,isVertical:b,inNavbar:this.inNavbar,hasCarousel:o,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab}),i("div",{part:_,ref:t=>this.contentEl=t,class:Object.assign({},t.element("tabs").element("content").class())},i("div",{id:this.tabsId,class:Object.assign({},t.element("tabs").element("content").element("wrapper").class()),ref:t=>this.contentElWrapper=t},i("slot",null))))}get el(){return s(this)}static get watchers(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}}};b([f("bal-tabs"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],V.prototype,"createLogger",null),b([O({tags:["bal-tabs","bal-tab-item"]}),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],V.prototype,"mutationListener",null),b([k(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],V.prototype,"breakpointListener",null),b([$(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],V.prototype,"resizeListener",null),b([L(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",Promise)],V.prototype,"configChanged",null);let M=0;V.style="@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav{display:block;position:relative;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-quarter{-ms-flex:none;flex:none;width:25%}.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav--vertical{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bal-tabs__nav--full-height{height:100%}.bal-tabs__nav--expanded{display:-ms-flexbox;display:flex}.bal-tabs__nav__carousel__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0}.bal-tabs__nav__border--vertical{width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-tabs{display:block;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{display:block}@media screen and (min-width: 769px),print{.bal-tabs--vertical{display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs__tabs__content{width:100%}.bal-tabs--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--animated .bal-tabs__tabs__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--accordion .bal-tabs__tabs__content{overflow:hidden;will-change:max-height}.bal-tabs--accordion.bal-tabs--collapsing .bal-tabs__tabs__content{max-height:0 !important}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__tabs__content{display:none}.bal-tabs--accordion.bal-tabs--expanding .bal-tabs__tabs__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-tabs--accordion .bal-tabs,.bal-tabs--accordion .bal-tabs__tabs__content{-webkit-transition:none !important;transition:none !important}}";export{A as bal_tab_item,V as bal_tabs}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as i,r as s,c as t,H as e,g as a}from"./p-d7c752c6.js";import{_ as l,a as h}from"./p-43c9f5e9.js";import{o}from"./p-
|
|
1
|
+
import{h as i,r as s,c as t,H as e,g as a}from"./p-d7c752c6.js";import{_ as l,a as h}from"./p-43c9f5e9.js";import{o}from"./p-4ae121b6.js";import{s as r,a as n,i as d,e as b,c,d as p}from"./p-de08fd27.js";import{L as u}from"./p-b77e3348.js";import{B as m}from"./p-ae86d0a0.js";import{F as f}from"./p-a65bc5e2.js";import{d as v}from"./p-f385e205.js";import"./p-9a3d9e17.js";import"./p-4573c419.js";import"./p-88f18fbc.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";var g={},j={};Object.defineProperty(j,"__esModule",{value:!0}),j.SPECS={si:{radix:1e3,unit:["b","kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]},iec:{radix:1024,unit:["b","Kib","Mib","Gib","Tib","Pib","Eib","Zib","Yib"]},jedec:{radix:1024,unit:["b","Kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"]}},Object.defineProperty(g,"__esModule",{value:!0});var F=j,y=g.default=function(i,s,t){void 0===s&&(s=1),i=Math.abs(i);for(var e=F.SPECS[t]||F.SPECS.jedec,a=e.radix,l=e.unit,h=0;i>=a;)i/=a,++h;return i.toFixed(s)+" "+l[h]};const k=m.block("file-upload").element("list"),C=({files:s,disabled:t,subTitle:e,onRemoveFile:a})=>i("bal-card",{class:Object.assign({},k.class()),flat:!0},i("bal-list",{disabled:t,border:!0,size:"large"},s.map(((s,l)=>i("bal-list-item",{key:s.name,disabled:t},i("bal-list-item-icon",null,i("bal-icon",{name:"document"})),i("bal-list-item-content",null,i("bal-list-item-title",null,s.name),i("bal-list-item-subtitle",null,e?e(s):y(s.size))),i("bal-list-item-icon",{right:!0,class:{"file-remove":!0,"is-clickable":!t},onClick:i=>a(i,l)},i("bal-icon",{name:"trash",color:t?"grey":"danger"}))))))),_=i=>{const s=new DataTransfer;return i&&i.length>0&&i.forEach((i=>s.items.add(i))),s.files},T=class{constructor(i){s(this,i),this.balChange=t(this,"balChange",7),this.balFilesAdded=t(this,"balFilesAdded",7),this.balFilesRemoved=t(this,"balFilesRemoved",7),this.balRejectedFile=t(this,"balRejectedFile",7),this.balInputClick=t(this,"balInputClick",7),this.balBlur=t(this,"balBlur",7),this.balFocus=t(this,"balFocus",7),this.fileUploadId="bal-file-upload-"+w++,this.initialValue=this.value||[],this.addEventListenerDragAndDrop=()=>{this.labelEl&&(this.labelEl.addEventListener("dragenter",this.onDragenter,!1),this.labelEl.addEventListener("dragover",this.onDragover,!1),this.labelEl.addEventListener("drop",this.onDrop,!1))},this.removeEventListenerDragAndDrop=()=>{this.labelEl&&(this.labelEl.removeEventListener("dragenter",this.onDragenter,!1),this.labelEl.removeEventListener("dragover",this.onDragover,!1),this.labelEl.removeEventListener("drop",this.onDrop,!1))},this.handleFiles=i=>{const s=Array.from(i||[]),t=((i,s,t)=>{const e=[],a=[...i],l=[];for(let h=0;h<s.length;h++){const o=s[h];if(o){const s=[];t.accept&&-1===t.accept.split(" ").join("").split(",").indexOf(o.type)&&s.push(f.BAD_EXTENSION),void 0!==t.maxFileSize&&o.size>t.maxFileSize&&s.push(f.FILE_TOO_BIG);const h=a.map((i=>i.size)).reduce(((i,s)=>i+s),0);void 0!==t.maxBundleSize&&h+o.size>t.maxBundleSize&&s.push(f.FILE_SIZE_SUM_TOO_BIG),void 0!==t.maxFiles&&a.length+1>t.maxFiles&&s.push(f.TOO_MANY_FILES);const r=(i,s)=>i.size===s.size&&i.name===s.name&&i.type===s.type&&i.lastModified===s.lastModified;i.filter((i=>r(i,o))).length>0&&s.push(f.DUPLICATED_FILE),s.length>0?l.push({file:o,reasons:s}):(a.push(o),e.push(o))}}return{validFiles:e,invalidFiles:l}})(this.files,s,{accept:this.accept,maxFileSize:this.maxFileSize,maxBundleSize:this.maxBundleSize,maxFiles:this.maxFiles});t.invalidFiles.length>0&&this.balRejectedFile.emit(t.invalidFiles[0]),t.validFiles.length>0&&(this.files=[...this.files,...t.validFiles],this.balChange.emit(this.files),this.balFilesAdded.emit(t.validFiles)),this.updateFileInput()},this.updateFileInput=()=>{var i;(null===(i=this.nativeInput)||void 0===i?void 0:i.files)&&(this.nativeInput.files=_(this.files))},this.onDragenter=i=>{r(i)},this.onDragover=i=>{r(i)},this.onDrop=i=>{if(r(i),!this.disabled&&!this.readonly&&!this.loading){const s=i.dataTransfer;s&&this.handleFiles(s.files)}},this.onInputChange=()=>{var i;this.disabled||this.readonly||this.loading||(null===(i=this.nativeInput)||void 0===i?void 0:i.files)&&this.handleFiles(this.nativeInput.files)},this.onRemoveFile=(i,s)=>{if(r(i),s>=0&&s<this.files.length){const i=this.files,t=i.splice(s,1);this.balFilesRemoved.emit(t),this.files=[...i],this.balChange.emit(this.files),this.updateFileInput()}},this.onHostClick=i=>n(this,i),this.onInputFocus=i=>d(this,i),this.onInputBlur=i=>b(this,i),this.onInputClick=i=>{!this.nativeInput||this.disabled||this.readonly||this.loading||(this.nativeInput.value=""),this.balInputClick.emit(i)},this.files=[],this.focused=!1,this.ariaForm=v,this.name=this.fileUploadId,this.value=[],this.label="Choose or drop a file...",this.multiple=!0,this.disabled=!1,this.readonly=!1,this.loading=!1,this.required=!1,this.accept=void 0,this.maxFiles=void 0,this.maxFileSize=void 0,this.maxBundleSize=void 0,this.hasFileList=!0,this.invalid=!1,this.subTitle=void 0,this.autoInvalidOff=!1}createLogger(i){this.log=i}onValueChange(){o(this.files,this.value)||(this.files=this.value)}componentWillLoad(){this.onValueChange()}connectedCallback(){this.initialValue=this.value||[],this.addEventListenerDragAndDrop()}componentDidLoad(){this.addEventListenerDragAndDrop()}disconnectedCallback(){this.removeEventListenerDragAndDrop()}resetHandler(i){const s=i.target;(null==s?void 0:s.contains(this.el))&&(this.files=[...this.initialValue],clearTimeout(this.resetHandlerTimer),this.resetHandlerTimer=setTimeout((()=>{this.nativeInput&&(this.nativeInput.files=_(this.initialValue))})))}async clear(){this.files=[],this.updateFileInput()}async setFocus(){c(this)}async setBlur(){p(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(i){this.ariaForm=Object.assign({},i)}render(){const s=this.ariaForm.controlId||this.fileUploadId;return i(e,{onClick:this.onHostClick,"aria-disabled":this.disabled?"true":null,class:{"bal-file-upload":!0}},i("div",{class:{file:!0,"is-disabled":this.disabled||this.readonly||this.loading,"is-danger":this.invalid}},i("label",{htmlFor:s,ref:i=>this.labelEl=i,class:{"file-label":!0,"is-disabled":this.disabled||this.loading||this.readonly}},i("input",{class:"file-input",type:"file",id:s,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,name:this.name,multiple:this.multiple,disabled:this.disabled||this.loading||this.readonly,readonly:this.readonly,required:this.required,accept:this.accept,onClick:this.onInputClick,onChange:this.onInputChange,onFocus:this.onInputFocus,onBlur:this.onInputBlur,ref:i=>this.nativeInput=i,"data-testid":"bal-file-upload-input"}),this.loading?i("span",{class:"file-cta"},i("bal-spinner",null)):i("span",{class:"file-cta"},i("span",{class:"file-icon"},i("bal-icon",{name:"upload",size:"medium",color:this.disabled||this.loading||this.readonly?"grey-light":this.invalid?"danger":"blue"})),i("span",{class:"file-label","data-testid":"bal-file-upload-label"},this.label)))),this.hasFileList&&this.files.length>0?i(C,{files:this.files,disabled:this.disabled||this.readonly||this.loading,subTitle:this.subTitle,onRemoveFile:this.onRemoveFile}):"")}get el(){return a(this)}static get watchers(){return{value:["onValueChange"]}}};l([u("bal-file-upload"),h("design:type",Function),h("design:paramtypes",[Function]),h("design:returntype",void 0)],T.prototype,"createLogger",null);let w=0;T.style=".bal-file-upload{display:block;position:static;width:100%}.bal-file-upload .file-label{word-break:break-word;white-space:normal}.bal-file-upload .bal-heading{word-break:break-all}.bal-file-upload__card{margin-top:var(--bal-space-normal)}.bal-file-upload__list{padding:0 !important}";export{T as bal_file_upload}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as e,g as h}from"./p-d7c752c6.js";import{_ as n,a as r}from"./p-43c9f5e9.js";import{h as a,a as o,i as l,e as u,f as c,k as d,l as p,s as m,b as f,j as b,c as g,d as y}from"./p-
|
|
1
|
+
import{r as t,c as s,h as i,H as e,g as h}from"./p-d7c752c6.js";import{_ as n,a as r}from"./p-43c9f5e9.js";import{h as a,a as o,i as l,e as u,f as c,k as d,l as p,s as m,b as f,j as b,c as g,d as y}from"./p-de08fd27.js";import{m as j}from"./p-88f18fbc.js";import{i as v}from"./p-dd5e13d1.js";import{w as C,x as F,v as k}from"./p-4ae121b6.js";import{a as w,d as x}from"./p-a19d1e1d.js";import{g as K}from"./p-aafb6696.js";import{B as $}from"./p-ae86d0a0.js";import{d as I}from"./p-f385e205.js";import{L}from"./p-b77e3348.js";import{l as O}from"./p-9a3d9e17.js";import{N as P,A as B}from"./p-ec1efe3d.js";import{i as V}from"./p-e581de20.js";import{L as E}from"./p-69e7c8d6.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-4573c419.js";var _=Object.prototype.toString,A=function(t){return function(t){return"number"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Number]"==_.call(t)}(t)&&t!=+t};const D=()=>{const t=K();return t&&t.locale||w},H=()=>C(D()),N=()=>F(D());function S(t){return"string"==typeof t&&"."!==N()}function T(t){const s=parseFloat(t);return"number"==typeof s&&!A(s)}function q(t,s=0){let i=t;if(""!==i&&null!=i&&!A(i)&&"-"!==i&&i!==H()&&T(i))return S(i)&&(i=i.split(N()).join("").split("`").join("").split("'").join("")),0===s?parseInt(i,10):parseFloat(i)}function z(t,s=0){let i=t;if(O(i))return"";S(i)&&(i=i.split(N()).join("").split("`").join("").split("'").join("")),i.charAt(0)===H()&&(i=`0${i}`);const e=0===s?parseInt(i,10):parseFloat(i.replace(H(),"."));return A(e)?"":e.toFixed(s)}function G(t){return t.replace(".",H())}function W(t,s=0,i=""){if(O(t))return"";t.charAt(0)===H()&&(t=`0${t}`);const e=0===s?parseInt(t,10):parseFloat(t),h=""!==i?` ${i.trim()}`:"";return A(e)?"":(n=e,r=s,k(D(),n,r)+h);var n,r}const J=class{constructor(i){t(this,i),this.balInput=s(this,"balInput",7),this.balChange=s(this,"balChange",7),this.balBlur=s(this,"balBlur",7),this.balFocus=s(this,"balFocus",7),this.balKeyPress=s(this,"balKeyPress",7),this.inputId="bal-number-input-"+M++,this.inheritedAttributes={},this.lastValue="",this.inputValue=this.value,this.initialValue=void 0,this.onClick=t=>a(this,t),this.handleClick=t=>o(this,t),this.onInput=()=>{var t,s;!this.nativeInput||T(s=this.nativeInput.value)||""===s||"-"===s||s===H()?(this.lastValue=(null===(t=this.nativeInput)||void 0===t?void 0:t.value)||"",this.balInput.emit(q(this.lastValue,this.decimal))):this.nativeInputValue=this.lastValue||""},this.onFocus=t=>{l(this,t),this.nativeInput&&(this.nativeInputValue=G(this.lastValue||""),clearTimeout(this.selectTimeout),this.selectTimeout=setTimeout((()=>this.nativeInput.select())))},this.onBlur=t=>{u(this,t),this.nativeInput&&(this.lastValue=z(this.lastValueGetter,this.decimal),this.nativeInputValue=W(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput.value=this.nativeInputValue),this.inputValue=q(this.lastValueGetter,this.decimal),c(this)},this.onKeydown=t=>{const s=d(this),i=p(this,t),e=null==t?void 0:t.target;if(e&&!function({key:t,ctrlKey:s,metaKey:i,selectionStart:e,selectionEnd:h,newValue:n,decimal:r}){if(["a","c","v"].includes(t)&&(s||i))return!0;if("-"===t&&e&&e>0&&h&&h>0)return!1;if(t===H()){if(0===r)return!1;if(((n.split(H())||[]).length-1||0)>1)return!1}if(![...P,...B,H(),"-"].includes(t))return!1;if(0!==r&&n.includes(H())&&[...P].includes(t)){const t=n.split(H());if(t[t.length-1].length>r)return!1}return!0}({key:t.key,ctrlKey:t.ctrlKey,metaKey:t.metaKey,decimal:this.decimal,newValue:i,oldValue:s,selectionStart:e.selectionStart,selectionEnd:e.selectionEnd}))return m(t)},this.focused=!1,this.language=x.language,this.region=x.region,this.ariaForm=I,this.nativeInputValue="",this.inputPattern=this.createPattern(),this.name=this.inputId,this.invalid=!1,this.decimal=0,this.suffix=void 0,this.pattern=void 0,this.placeholder=void 0,this.required=!1,this.disabled=!1,this.readonly=!1,this.exactNumber=!1,this.max=void 0,this.min=void 0,this.debounce=0,this.value=void 0,this.autoInvalidOff=!1}createLogger(t){this.log=t}debounceChanged(){this.balChange=j(this.balChange,this.debounce)}valueChanged(t,s){if(t!==s){const s=""===t||O(t)||A(t)?this.exactNumber?"0":"":t.toString();this.inputValue=q(z(s,this.decimal),this.decimal),this.lastValue=z(s,this.decimal),this.nativeInputValue=this.focused?G(this.lastValue):W(this.lastValue,this.decimal,this.suffix)}}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||0,void 0!==this.value&&this.valueChanged(this.value,void 0)}componentDidLoad(){this.inputValue=this.value}componentWillLoad(){this.inheritedAttributes=v(this.el,["aria-label","tabindex","title"])}listenOnClick(t){f(this,t)}resetHandler(t){const s=t.target;(null==s?void 0:s.contains(this.el))&&b(this,this.initialValue,this.resetHandlerTimer)}async configChanged(t){this.language=t.language,this.region=t.region,this.inputPattern=this.createPattern(),this.nativeInput&&(this.nativeInputValue=this.focused?G(this.lastValue):W(this.lastValue,this.decimal,this.suffix))}async setFocus(){g(this)}async setBlur(){y(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}createPattern(){if(this.pattern)return this.pattern;let t=this.suffix||"";""!==t&&(t=` ${t}`);const s=N();let i=H();return","===i&&(i="\\,"),`-?\\d{1,3}(?:${s}\\d{3})*(?:\\${i}\\d{1,2})?(?:${t})?`}get lastValueGetter(){return this.exactNumber&&(O(this.lastValue)||V(this.lastValue))?"0":this.lastValue}render(){const t=$.block("number-input");return i(e,{onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign({},t.class())},i("input",Object.assign({class:{input:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid},"data-testid":"bal-number-input",ref:t=>this.nativeInput=t,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,pattern:this.inputPattern,min:this.min,max:this.max,value:this.nativeInputValue,onInput:t=>this.onInput(t),onFocus:t=>this.onFocus(t),onBlur:t=>this.onBlur(t),onClick:this.onClick,onKeyDown:t=>this.onKeydown(t),onKeyPress:t=>this.balKeyPress.emit(t)},this.inheritedAttributes)))}get el(){return h(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};n([L("bal-number-input"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],J.prototype,"createLogger",null),n([E(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],J.prototype,"configChanged",null);let M=0;J.style=".bal-number-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}";export{J as bal_number_input}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as e,g as a}from"./p-d7c752c6.js";import{g as h,i as n,e as o,f as r,h as l,a as d,b as c,j as b,c as p,d as u}from"./p-
|
|
1
|
+
import{r as t,c as i,h as s,H as e,g as a}from"./p-d7c752c6.js";import{g as h,i as n,e as o,f as r,h as l,a as d,b as c,j as b,c as p,d as u}from"./p-de08fd27.js";import{m}from"./p-88f18fbc.js";import{i as f}from"./p-dd5e13d1.js";import{B as x}from"./p-ae86d0a0.js";import{d as g}from"./p-f385e205.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";const v=class{constructor(s){t(this,s),this.balChange=i(this,"balChange",7),this.balInput=i(this,"balInput",7),this.balBlur=i(this,"balBlur",7),this.balKeyPress=i(this,"balKeyPress",7),this.balFocus=i(this,"balFocus",7),this.inputId="bal-textarea-"+y++,this.inheritedAttributes={},this.inputValue=this.value,this.initialValue=this.value||"",this.onInput=t=>{const i=h(t);i&&(this.inputValue=i.value),this.balInput.emit(this.inputValue)},this.onFocus=t=>n(this,t),this.onBlur=t=>{o(this,t);const i=t.target;i&&(i.value=this.getValue()),r(this)},this.onClick=t=>l(this,t),this.handleClick=t=>d(this,t),this.focused=!1,this.ariaForm=g,this.name=this.inputId,this.invalid=!1,this.autocapitalize="none",this.autofocus=!1,this.debounce=0,this.placeholder=void 0,this.maxLength=void 0,this.minLength=void 0,this.disabled=!1,this.readonly=!1,this.cols=void 0,this.rows=void 0,this.wrap=void 0,this.required=!1,this.clickable=!1,this.inputmode=void 0,this.value="",this.autoInvalidOff=!1}debounceChanged(){this.balChange=m(this.balChange,this.debounce)}listenOnClick(t){c(this,t)}resetHandler(t){const i=t.target;(null==i?void 0:i.contains(this.el))&&b(this,this.initialValue,this.resetHandlerTimer)}connectedCallback(){this.debounceChanged(),this.initialValue=this.value||""}componentDidLoad(){this.inputValue=this.value}componentWillLoad(){this.inheritedAttributes=f(this.el,["aria-label","tabindex","title"])}async setFocus(){p(this)}async setBlur(){u(this)}getInputElement(){return Promise.resolve(this.nativeInput)}async setAriaForm(t){this.ariaForm=Object.assign({},t)}getValue(){return this.value||""}render(){const t=this.getValue(),i=x.block("textarea"),a=i.element("native");return s(e,{onClick:this.handleClick,"aria-disabled":this.disabled?"true":null,class:Object.assign({},i.class())},s("textarea",Object.assign({class:Object.assign(Object.assign({},a.class()),{textarea:!0,"is-disabled":this.disabled||this.readonly,"is-danger":this.invalid,clickable:this.clickable}),"data-testid":"bal-textarea-input",ref:t=>this.nativeInput=t,name:this.name,id:this.ariaForm.controlId||this.inputId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,"aria-invalid":!0===this.invalid?"true":"false","aria-disabled":this.disabled?"true":null,disabled:this.disabled,readonly:this.readonly,required:this.required,autoCapitalize:this.autocapitalize,autoFocus:this.autofocus,minLength:this.minLength,maxLength:this.maxLength,placeholder:this.placeholder,inputMode:this.inputmode,value:this.value,cols:this.cols,rows:this.rows,wrap:this.wrap,onFocus:this.onFocus,onInput:t=>this.onInput(t),onBlur:this.onBlur,onClick:this.onClick,onKeyPress:t=>this.balKeyPress.emit(t)},this.inheritedAttributes),t,s("slot",null)))}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"]}}};let y=0;v.style=".bal-textarea{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;width:100%;font-family:var(--bal-font-family-text);white-space:pre-wrap;-webkit-box-sizing:border-box;box-sizing:border-box}.bal-textarea__native{margin:0;display:block;width:100%;max-width:100%;max-height:100%;outline:none;background:rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:calc(.75em - 2px)}.bal-textarea__native::-webkit-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::-moz-placeholder{padding:0;font-family:inherit}.bal-textarea__native:-ms-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::-ms-input-placeholder{padding:0;font-family:inherit}.bal-textarea__native::placeholder{padding:0;font-family:inherit}";export{v as bal_textarea}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as o,h as t,H as r,g as l}from"./p-d7c752c6.js";import{_ as e,a as i}from"./p-43c9f5e9.js";import{B as n}from"./p-ae86d0a0.js";import{s}from"./p-
|
|
1
|
+
import{r as a,c as o,h as t,H as r,g as l}from"./p-d7c752c6.js";import{_ as e,a as i}from"./p-43c9f5e9.js";import{B as n}from"./p-ae86d0a0.js";import{s}from"./p-de08fd27.js";import{L as b}from"./p-b77e3348.js";import{F as c}from"./p-ca119357.js";import{i as d}from"./p-88f18fbc.js";import{B as h,L as m}from"./p-1920d4af.js";import"./p-a65354df.js";import"./p-2229e98e.js";import"./p-aafb6696.js";import"./p-acf222fd.js";const u=class{constructor(t){a(this,t),this.balFocus=o(this,"balFocus",7),this.balBlur=o(this,"balBlur",7),this.balFormControlDidLoad=o(this,"balFormControlDidLoad",7),this.keyboardMode=!0,this.onClick=a=>{if(this.disabled||this.readonly)return s(a);const o=a.target;if(o&&o.href)return;const t=this.el.querySelector("bal-radio"),r=a.target;t&&r&&(r===t||d(t,r)||(s(a),t.click()))},this.onFocus=a=>{var o;if(this.disabled||this.readonly)return s(a);const t=this.el.querySelector("bal-radio"),r=a.target;this.keyboardMode&&(this.focused=!0),t&&r?(r===t||d(t,r))&&(s(a),null===(o=t.querySelector("input"))||void 0===o||o.focus()):this.balFocus.emit()},this.onBlur=a=>{var o;if(this.disabled||this.readonly)return s(a);const t=this.el.querySelector("bal-radio"),r=a.target;this.focused=!1,t&&r?(r===t||d(t,r))&&(s(a),null===(o=t.querySelector("input"))||void 0===o||o.blur()):this.balBlur.emit()},this.onPointerDown=()=>this.keyboardMode=!1,this.onKeydown=a=>this.keyboardMode=c.includes(a.key),this.interactionState=h.DefaultState,this.checked=!1,this.focused=!1,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.color=void 0,this.colSize=1,this.colSizeTablet=1,this.colSizeMobile=1}createLogger(a){this.log=a}invalidHandler(){this.updateProps("invalid",["bal-radio","bal-icon","bal-label","bal-text"])}disabledHandler(){this.updateProps("disabled",["bal-radio","bal-icon","bal-label","bal-text"])}readonlyHandler(){this.updateProps("readonly",["bal-radio","bal-icon","bal-label","bal-text"])}connectedCallback(){this.triggerAllHandlers(),this.el.addEventListener("keydown",this.onKeydown),this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown)}componentWillLoad(){this.triggerAllHandlers()}componentDidLoad(){this.balFormControlDidLoad.emit(this.el)}disconnectedCallback(){this.el.removeEventListener("keydown",this.onKeydown),this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}elementStateListener(a){this.interactionChildElements.forEach((o=>{o.hovered=a.hovered,o.pressed=a.pressed}))}async setChecked(a=!0){this.checked=a}get interactionChildElements(){return Array.from(this.el.querySelectorAll("bal-label, bal-text, bal-icon, bal-radio"))}triggerAllHandlers(){this.disabledHandler(),this.readonlyHandler(),this.invalidHandler()}updateProps(a,o){const t=this[a];void 0!==t&&this.notifyComponents(o,(o=>o[a]=t))}notifyComponents(a,o){this.el.querySelectorAll(a.join(", ")).forEach((a=>o(a)))}render(){const a=n.block("radio-button"),o=!!this.disabled||!!this.readonly,l=!!this.invalid,e=!!this.color,i=this.checked&&e;return t(r,{class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier(`column-${this.colSize}`).class(this.colSize>1)),a.modifier(`column-tablet-${this.colSizeTablet}`).class(this.colSizeTablet>1)),a.modifier(`column-mobile-${this.colSizeMobile}`).class(this.colSizeMobile>1)),onClick:this.onClick},t("button",{role:"radio",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("disabled").class(o)),a.element("native").modifier("invalid").class(l)),a.element("native").modifier("checked").class(this.checked)),a.element("native").modifier("colored").class(i)),a.element("native").modifier(`color-${this.color}`).class(e)),{"bal-focusable":!this.disabled}),disabled:o,onFocus:this.onFocus,onBlur:this.onBlur},t("slot",null)))}get el(){return l(this)}static get watchers(){return{invalid:["invalidHandler"],disabled:["disabledHandler"],readonly:["readonlyHandler"]}}};e([b("bal-radio-button"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],u.prototype,"createLogger",null),e([m(),i("design:type",Function),i("design:paramtypes",[Object]),i("design:returntype",void 0)],u.prototype,"elementStateListener",null),u.style="@media (hover: hover)and (pointer: fine){.bal-radio-button__native.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-radio-button{display:block;position:relative;-ms-flex:0 0 100%;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-radio-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-radio-button--column-mobile-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-mobile-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-mobile-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-radio-button--column-tablet-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-tablet-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-tablet-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-radio-button--column-2{-ms-flex:0 0 calc(50% - var(--bal-space-normal)*1/2);flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-radio-button--column-3{-ms-flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3);flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-radio-button--column-4{-ms-flex:0 0 calc(25% - var(--bal-space-normal)*3/4);flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}.bal-radio-button__native{display:block;width:100%;height:100%;background:rgba(0,0,0,0);border-style:solid;border-radius:var(--bal-radius-normal);border-width:var(--bal-border-width-normal);border-color:var(--bal-color-border);padding:var(--bal-text-size-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-radio-button__native--checked{border-color:var(--bal-color-border-primary)}.bal-radio-button__native--checked.bal-radio-button__native--color-green{background:var(--bal-color-green-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-purple{background:var(--bal-color-purple-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-red{background:var(--bal-color-red-1)}.bal-radio-button__native--checked.bal-radio-button__native--color-yellow{background:var(--bal-color-yellow-1)}.bal-radio-button__native:disabled,.bal-radio-button__native--disabled{background:var(--bal-color-grey-1);border-color:var(--bal-color-border-grey-dark);cursor:default}.bal-radio-button__native--invalid{border-color:var(--bal-color-border-danger)}@media (hover: hover)and (pointer: fine){.bal-radio-button__native:hover:not(:disabled):not(.bal-radio-button__native--colored){background:var(--bal-color-grey-1);border-color:var(--bal-color-border-primary-hovered)}}.bal-radio-button__native:active:not(:disabled){border-color:var(--bal-color-border-primary-pressed)}@media (hover: hover)and (pointer: fine){.bal-radio-button__native--invalid:hover:not(:disabled){border-color:var(--bal-color-border-danger-hovered)}.bal-radio-button__native--invalid:active:not(:disabled){border-color:var(--bal-color-border-danger-pressed)}}";export{u as bal_radio_button}
|
package/dist/baloise-design-system/{p-f03e63bd1e.system.entry.js → p-c997c763db.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,a,i){function n(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,r){function s(t){try{b(i.next(t))}catch(t){r(t)}}function o(t){try{b(i["throw"](t))}catch(t){r(t)}}function b(t){t.done?a(t.value):n(t.value).then(s,o)}b((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return b([t,e])}}function b(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(a=0)),a)try{if(i=1,n&&(r=o[0]&2?n["return"]:o[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;if(n=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;n=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){a.label=o[1];break}if(o[0]===6&&a.label<r[1]){a.label=r[1];r=o;break}if(r&&a.label<r[2]){a.label=r[2];a.ops.push(o);break}if(r[2])a.ops.pop();a.trys.pop();continue}o=e.call(t,a)}catch(t){o=[6,t];n=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,a){if(a||arguments.length===2)for(var i=0,n=e.length,r;i<n;i++){if(r||!(i in e)){if(!r)r=Array.prototype.slice.call(e,0,i);r[i]=e[i]}}return t.concat(r||Array.prototype.slice.call(e))};System.register(["./p-456fc561.system.js","./p-8949aa8b.system.js","./p-6dbef894.system.js","./p-71588db3.system.js","./p-8954495d.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-3ecc7d9a.system.js","./p-d2ee9b0a.system.js","./p-a1f6e944.system.js","./p-116b65a6.system.js","./p-3befc6f9.system.js","./p-a4dacc2d.system.js","./p-88eb14fd.system.js","./p-a01f3206.system.js","./p-0177e3a0.system.js","./p-6913b916.system.js","./p-2880433e.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-36074466.system.js"],(function(t){"use strict";var e,a,i,n,r,s,o,b,l,_,c,d,u,v,h,f,m,p,g,w,x,j,y,O,k,z,A,C;return{setters:[function(t){e=t.r;a=t.c;i=t.h;n=t.H;r=t.g},function(t){s=t.a},function(t){o=t._;b=t.a},function(t){l=t.o},function(t){_=t.l;c=t.e;d=t.t;u=t.m;v=t.n;h=t.o;f=t.i;m=t.b},function(t){p=t.B},function(t){g=t.L},function(t){w=t.n},function(t){x=t.s},function(t){j=t.b},function(t){y=t.a},function(t){O=t.b},function(t){k=t.L},function(t){z=t.L},function(t){A=t.L},function(t){C=t.L},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var L=t("bal_tab_item",function(){function t(t){e(this,t);this.balNavigate=a(this,"balNavigate",7);this.inheritAttributes={};this.tabPanelID="bal-tab-panel-id-".concat(F++);this.isActive=false;this.active=false;this.value="";this.label="";this.href="";this.target="_self";this.bubble=false;this.disabled=false;this.invisible=false;this.prevent=false;this.icon=undefined;this.noPanel=false;this.aria=undefined}t.prototype.componentWillLoad=function(){this.inheritAttributes=s(this.el)};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options]}))}))};t.prototype.setActive=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isActive=t;return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:false,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria}},enumerable:false,configurable:true});t.prototype.render=function(){var t=!this.noPanel;var e=!this.isActive||this.noPanel;return i(n,{id:this.tabPanelID,class:{"bal-tab-item":true,"bal-tab-item--active":this.isActive},role:t?"tabpanel":undefined,"aria-label":t?this.label:undefined,"aria-hidden":e?"true":"false",tabindex:e?"-1":undefined,hidden:e?true:undefined},i("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());var F=0;var S=function(t){var e=t.items,a=t.value,n=t.onSelectTab;var r=p.block("tabs").element("select");var s=function(t){var a=e.filter((function(e){return e.value===t.detail}));if(a.length>0){var i=a[0];if(i.href!==""&&i.href!==undefined){if(j.hasWindow){window.open(i.href,i.target)}}n(t,i)}};return i("bal-select",{class:Object.assign({},r.class()),value:a,onBalChange:function(t){return s(t)}},e.filter((function(t){return!t.disabled&&!t.invisible})).map((function(t){return i("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label)})))};var P=function(t){var e=t.item,a=t.inverted,n=t.accordion,r=t.isAccordionOpen,s=t.isMobile,o=t.hasBubble;var b=p.block("tabs").element("nav").element("item").element("icon");var l=e.disabled?"grey":"primary";if(a){l=e.disabled?"primary-light":"white"}return i("span",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("active").class(e.active)),b.modifier("disabled").class(e.disabled))},i("bal-icon",{size:s||n?"small":"",name:n?"nav-go-down":e.icon,color:l,turn:n&&r===true&&e.active}),o?i("bal-badge",{class:Object.assign({},b.element("bubble").class()),size:"small"},e.bubble):"")};var T=function(t){var e=t.item,a=t.inverted,n=t.hasBubble,r=t.isVertical,s=t.context;var o=p.block("tabs").element("nav").element("item").element("label");return i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("inverted").class(a)),o.modifier("active").class(e.active)),o.modifier("disabled").class(e.disabled)),o.modifier("vertical").class(r)),o.modifier("context-".concat(s)).class(s!==undefined)),"data-testid":"bal-tabs-item-label"},e.label,n?i("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},e.bubble):"")};var B=function(t){if(typeof t==="string"){return t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase()}return""};var M=function(t){var e=t.item,a=t.tabsId,n=t.isFirst,r=t.isLast,s=t.isMobile,o=t.isVertical,b=t.accordion,l=t.isAccordionOpen,_=t.isLinkList,c=t.inverted,d=t.expanded,u=t.spaceless,v=t.clickable,h=t.iconPosition,f=t.context,m=t.onSelectTab;var g;var w=p.block("tabs").element("nav").element("item");if(e.invisible){return}var x=e.bubble!==false;var j=e.icon!==undefined;var y=j&&x&&h!=="horizontal"&&!b||s&&j&&x&&!o&&!b;var O=b&&x||b&&s&&j&&x&&!o;var k=!j&&x&&!b||x&&!s&&h==="horizontal"&&!b||x&&o&&!b;var z=e.href===undefined||e.href==="";var A=z?"button":"a";var C=z?{type:"button",role:"tab","aria-controls":((g=e.aria)===null||g===void 0?void 0:g.controls)||e.tabPanelID||undefined,"aria-expanded":e.active?"true":"false","aria-disabled":"".concat(e.disabled),"aria-label":e.label}:{href:e.href,target:e.target};if(!_){C["tabindex"]=e.active?"0":"-1"}return i(A,Object.assign({id:"".concat(a,"-button-").concat(B(e.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({},w.class()),w.modifier("active").class(e.active)),w.modifier("disabled").class(e.disabled)),w.modifier("clickable").class(v)),w.modifier("accordion").class(b)),w.modifier("inverted").class(c)),w.modifier("expanded").class(d)),w.modifier("spaceless").class(u)),w.modifier("first").class(n)),w.modifier("last").class(r)),w.modifier("passed").class(e.passed)),w.modifier("vertical").class(o)),w.modifier("context-".concat(f)).class(f!==undefined)),w.modifier("icon-position-".concat(h)).class(h!=="horizontal")),{"bal-focusable":!e.disabled&&!e.invisible}),draggable:false,"data-tabs":a,"data-label":e.label,"data-value":e.value,"data-index":e.index,"data-testid":"bal-tabs-item","aria-selected":!z?undefined:e.active?"true":"false"},C,{onClick:function(t){return m(t,e)}}),e.icon?i(P,{accordion:false,item:e,isMobile:s,hasBubble:y,inverted:c}):"",i(T,{item:e,isMobile:s,isVertical:o,hasBubble:k,inverted:c,context:f}),b&&!e.href?i(P,{accordion:b,isAccordionOpen:l,item:e,isMobile:s,hasBubble:O,inverted:c}):"")};var D=function(t){var e=t.items,a=t.tabsId,n=t.hasCarousel,r=t.isVertical,s=t.inNavbar,o=t.isMobile,b=t.isTouch,l=t.lineActive,_=t.isLinkList,c=t.border,d=t.accordion,u=t.isAccordionOpen,v=t.inverted,h=t.clickable,f=t.animated,m=t.spaceless,g=t.expanded,w=t.verticalColSize,j=t.iconPosition,y=t.context,O=t.onSelectTab;var k=p.block("tabs").element("nav");var z=e.filter((function(t){return!t.invisible}));var A=s&&!b;var C=function(t){var e=t.item,n=t.index;return i(M,{item:e,isLinkList:_,tabsId:a,isFirst:n===0,isLast:n===z.length-1,isMobile:o,isVertical:r,iconPosition:j,spaceless:m,inverted:v,accordion:d,isAccordionOpen:u,context:y,expanded:g,clickable:h&&!e.disabled,onSelectTab:O})};return i("div",{id:"".concat(a,"-nav"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},k.class()),k.modifier("full-height").class(A)),k.modifier("border").class(c)),k.modifier("animated").class(f)),k.modifier("vertical").class(r)),k.modifier("expanded").class(g&&!r)),k.modifier("vertical-col-".concat(w)).class(r))},n?i("bal-carousel",{id:"".concat(a,"-carousel"),class:Object.assign({},k.element("carousel").class()),htmlRole:"tablist",fullHeight:A,border:c,inverted:v,controls:"small","items-per-view":"auto",steps:3,onBalChange:x},z.map((function(t,e){return i("bal-carousel-item",{key:t.value,htmlRole:"",class:Object.assign(Object.assign({},k.element("carousel").element("item").class()),k.element("carousel").element("item").modifier("expanded").class(g))},i(C,{item:t,index:e}))})),i("div",{id:"".concat(a,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},k.element("line").class()),k.element("line").modifier("active").class(l)),k.element("line").modifier("inverted").class(v)),k.element("line").modifier("animated").class(f)),k.element("line").modifier("vertical").class(r))})):z.map((function(t,e){return i(C,{item:t,index:e})})),!n?i("div",{id:"".concat(a,"-border"),class:Object.assign(Object.assign(Object.assign({},k.element("border").class()),k.element("border").modifier("inverted").class(v)),k.element("border").modifier("vertical").class(r))}):"",!n?i("div",{id:"".concat(a,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},k.element("line").class()),k.element("line").modifier("active").class(l)),k.element("line").modifier("inverted").class(v)),k.element("line").modifier("animated").class(f)),k.element("line").modifier("vertical").class(r))}):"")};var R="@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav{display:block;position:relative;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-quarter{-ms-flex:none;flex:none;width:25%}.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav--vertical{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bal-tabs__nav--full-height{height:100%}.bal-tabs__nav--expanded{display:-ms-flexbox;display:flex}.bal-tabs__nav__carousel__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0}.bal-tabs__nav__border--vertical{width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-tabs{display:block;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{display:block}@media screen and (min-width: 769px),print{.bal-tabs--vertical{display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs__tabs__content{width:100%}.bal-tabs--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--animated .bal-tabs__tabs__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--accordion .bal-tabs__tabs__content{overflow:hidden;will-change:max-height}.bal-tabs--accordion.bal-tabs--collapsing .bal-tabs__tabs__content{max-height:0 !important}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__tabs__content{display:none}.bal-tabs--accordion.bal-tabs--expanding .bal-tabs__tabs__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-tabs--accordion .bal-tabs,.bal-tabs--accordion .bal-tabs__tabs__content{-webkit-transition:none !important;transition:none !important}}";var $=R;var I=t("bal_tabs",function(){function t(t){var i=this;e(this,t);this.balChange=a(this,"balChange",7);this.balWillAnimate=a(this,"balWillAnimate",7);this.balDidAnimate=a(this,"balDidAnimate",7);this.tabsId="bal-tabs-".concat(N++);this.mutationObserverActive=true;this.getOptions=function(){if(i.options.length>0){return __spreadArray([],i.options.map(w),true)}else{return Promise.all(i.items.map((function(t){return t.getOptions()})))}};this.updateStore=function(t){if(!l(i.store,t)){i.store=t}else if(!i.optionalTabSelection&&!i.accordion&&i.value===undefined&&i.store.length>0){var e=i.store[0];i.value=e.value}};this.setActiveItem=function(){var t=i.store.filter((function(t){return t.active}));if(t.length>0){var e=t[0];i.value=e.value}};this.setActiveContent=function(){if(i.options.length===0){i.items.forEach((function(t){return t.setActive(i.isTabActive(t))}))}};this.getLineSize=function(t,e){if(t){var a=i.isVertical();if(a){return t.clientHeight}else{var n=t.clientWidth;if(i.expanded){return n}var r=e.left+e.right;return n-r}}return 0};this.getOffset=function(t,e){var a=i.isVertical();if(a){if(t.offsetTop){return t.offsetTop}}else{if(t.offsetLeft){if(i.expanded){return t.offsetLeft}return t.offsetLeft+e.left}var n=t.closest("bal-carousel-item");if(n){if(i.expanded){return n.offsetLeft}return n.offsetLeft+e.left}}return 0};this.animateLine=function(){return __awaiter(i,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){if(!this.shouldAnimate()){return[2]}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}_((function(){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,c(this.el,true)];case 1:e.sent();this.currentRaf=_((function(){return __awaiter(t,void 0,void 0,(function(){var t,e,a,i,n,r,s,o,b,l;return __generator(this,(function(_){switch(_.label){case 0:t=this.getTargetElement(this.value);if(!t){return[2]}if(t.getAttribute("target")==="_blank"){return[2]}e=y(t);a=this.getLineSize(t,e);i=this.getOffset(t,e);n=this.getLineElement();if(!n)return[3,3];r=this.isVertical();this.balWillAnimate.emit(this.value);s=d(n,300);if(!r)return[3,1];n.style.setProperty("transform","translateY(".concat(i,"px)"));n.style.setProperty("min-height","".concat(a,"px"));n.style.setProperty("height","".concat(a,"px"));n.style.removeProperty("min-width");n.style.removeProperty("width");return[3,3];case 1:n.style.setProperty("transform","translateX(".concat(i,"px)"));n.style.setProperty("min-width","".concat(a,"px"));n.style.setProperty("width","".concat(a,"px"));n.style.removeProperty("min-height");n.style.removeProperty("height");o=this.getBorderElement();b=this.getCarouselElement();if(o&&b){l=b.clientWidth;o.style.setProperty("width","".concat(l,"px"))}return[4,s];case 2:_.sent();this.balDidAnimate.emit(this.value);_.label=3;case 3:return[2]}}))}))}));return[2]}}))}))}));return[2]}))}))};this.toggleAccordionState=function(t){if(t===void 0){t=false}if(i.accordion){if(i.isAccordionOpen){i.collapseAccordion(t)}else{i.expandAccordion(t)}}};this.expandAccordion=function(t){if(t===void 0){t=false}i.isAccordionOpen=true;var e=i,a=e.contentEl,n=e.contentElWrapper;if(t||a===undefined||n===undefined){i.accordionState=4;return}if(i.accordionState===4){return}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){_((function(){i.accordionState=8;i.currentRaf=_((function(){return __awaiter(i,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:t=n.offsetHeight;e=d(a,300);a.style.setProperty("max-height","".concat(t,"px"));this.balWillAnimate.emit(this.value);return[4,e];case 1:i.sent();this.accordionState=4;a.style.removeProperty("max-height");this.balDidAnimate.emit(this.value);return[2]}}))}))}))}))}else{i.accordionState=4;i.balWillAnimate.emit(i.value);i.balDidAnimate.emit(i.value)}};this.collapseAccordion=function(t){if(t===void 0){t=false}i.isAccordionOpen=false;var e=i.contentEl;if(t||e===undefined){i.accordionState=1;return}if(i.accordionState===1){return}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){i.currentRaf=_((function(){return __awaiter(i,void 0,void 0,(function(){var t;var a=this;return __generator(this,(function(i){t=e.offsetHeight;e.style.setProperty("max-height","".concat(t,"px"));_((function(){return __awaiter(a,void 0,void 0,(function(){var t;return __generator(this,(function(a){switch(a.label){case 0:t=d(e,300);this.accordionState=2;this.balWillAnimate.emit(this.value);return[4,t];case 1:a.sent();this.accordionState=1;e.style.removeProperty("max-height");this.balDidAnimate.emit(this.value);return[2]}}))}))}));return[2]}))}))}))}else{i.accordionState=1;i.balWillAnimate.emit(i.value);i.balDidAnimate.emit(i.value)}};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return i.animated};this.onOptionChange=function(){return __awaiter(i,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getOptions()];case 1:t=a.sent();this.updateStore(t);this.setActiveItem();this.setActiveContent();this.animateLine();return[3,3];case 2:e=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(t,e){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(e.prevent||e.disabled||!this.clickable){x(t)}if(!(!e.disabled&&this.clickable))return[3,3];if(this.accordion){if(e.value===this.value){this.toggleAccordionState()}else{this.expandAccordion()}}if(e.navigate){e.navigate.emit(t)}if(!(e.value!==this.value))return[3,3];this.balChange.emit(e.value);return[4,this.select(e)];case 1:a.sent();return[4,this.focus(e)];case 2:a.sent();a.label=3;case 3:return[2]}}))}))};this.isAccordionOpen=false;this.accordionState=1;this.isNavbarOpen=false;this.inNavbar=false;this.inNavbarLight=false;this.isMobile=O.isMobile;this.isTablet=O.isTablet;this.store=[];this.animated=true;this.float="left";this.fullwidth=false;this.accordion=false;this.overflow=true;this.options=[];this.context=undefined;this.iconPosition="horizontal";this.expanded=false;this.spaceless=false;this.clickable=true;this.border=false;this.inverted=false;this.optionalTabSelection=false;this.debounce=0;this.vertical=false;this.verticalColSize="one-third";this.selectOnMobile=false;this.value=undefined}t.prototype.createLogger=function(t){this.log=t};t.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};t.prototype.debounceChanged=function(){this.balChange=u(this.balChange,this.debounce)};t.prototype.valueChanged=function(t,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(t!==e){this.onOptionChange()}return[2]}))}))};t.prototype.connectedCallback=function(){this.inNavbar=v("bal-navbar",this.el);if(this.inNavbar){var t=this.el.closest("bal-navbar");if(t){this.inNavbarLight=t.light}}this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1;if(this.accordion){var e=v("bal-nav-menu-bar",this.el);if(e){this.isAccordionOpen=false}else{var a=this.value!==undefined&&this.value.length>0;if(a){this.expandAccordion(true)}else{this.collapseAccordion(true)}}}};t.prototype.componentDidLoad=function(){this.onOptionChange()};t.prototype.mutationListener=function(){this.onOptionChange()};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.isTablet=t.tablet;this.animateLine()};t.prototype.resizeListener=function(){this.animateLine()};t.prototype.listenToWillAnimate=function(t){var e=this;h(t,this.el,(function(){return e.animateLine()}))};t.prototype.listenToDidAnimate=function(t){var e=this;h(t,this.el,(function(){return e.animateLine()}));this.isUsedInNavbar(t)};t.prototype.listenToKeyDown=function(t){if(this.isTabList){if(this.vertical!==false){if(t.code==="ArrowDown"){this.tabListSelectNext(t)}else if(t.code==="ArrowUp"){this.tabListSelectPrevious(t)}}else{if(t.code==="ArrowRight"){this.tabListSelectNext(t)}else if(t.code==="ArrowLeft"){this.tabListSelectPrevious(t)}}}};t.prototype.isUsedInNavbar=function(t){var e=t.target;var a=e.closest("bal-navbar");var i=t.target;if(a&&f(a,this.el)){this.isNavbarOpen=i}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=t.animated;return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.value=t.value;return[2]}))}))};t.prototype.getOptionByValue=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){e=this.store;return[2,e.find((function(e){return e.value===t}))]}))}))};t.prototype.renderLine=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.animateLine();return[2]}))}))};t.prototype.closeAccordion=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.isAccordionOpen){this.collapseAccordion()}return[2]}))}))};Object.defineProperty(t.prototype,"isTabList",{get:function(){return this.store.filter((function(t){return!!t.href})).length===0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.tabsId," > bal-tab-item")))},enumerable:false,configurable:true});t.prototype.isTabActive=function(t){return t.value===this.value};t.prototype.isTabVisible=function(t){return!t.hidden};t.prototype.parseVertical=function(){if(this.vertical==="true"||this.vertical===""){return true}if(this.vertical==="false"||this.vertical===undefined){return false}if(this.vertical==="mobile"){return this.isMobile}if(this.vertical==="tablet"){return this.isTablet||this.isMobile}return this.vertical};t.prototype.isVertical=function(){var t=this.parseVertical();var e=this.isMobile;var a=this.isTablet;var i=e||a;return t||i&&this.inNavbar};t.prototype.getTargetElement=function(t){var e='[data-tabs="'.concat(this.tabsId,'"]');var a=Array.from(this.el.querySelectorAll(e));return a.filter((function(e){return e.getAttribute("data-value")==t}))[0]};t.prototype.getLineElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-line"))};t.prototype.getBorderElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-border"))};t.prototype.getCarouselElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-carousel"))};t.prototype.findNextTab=function(t){var e=this;if(t===void 0){t=false}var a=this.store.findIndex((function(t){return e.isTabActive(t)}));var i=this.store.map((function(t,e){return{index:e,visible:!t.hidden&&!t.disabled}}));if(t){i=i.reverse()}var n=i.filter((function(t){return t.visible})).map((function(t){return t.index}));var r=function(t,e){if(t>a){return t}if(e<=t){return t}else{return e}};var s=function(t,e){if(t<a){return t}if(e>=t){return t}else{return e}};var o=t?s:r;var b=n.reduce((function(t,e){return o(t,e)}),a);return this.store[b]};t.prototype.findPreviousTab=function(){return this.findNextTab(true)};t.prototype.tabListSelectNext=function(t){var e=this.findNextTab();if(e){this.onSelectTab(t,e)}};t.prototype.tabListSelectPrevious=function(t){var e=this.findPreviousTab();if(e){this.onSelectTab(t,e)}};t.prototype.focus=function(t){return __awaiter(this,void 0,void 0,(function(){var e,a;return __generator(this,(function(i){switch(i.label){case 0:return[4,m()];case 1:i.sent();e=this.el.querySelector("button.bal-focused")!==null;if(e){a=this.el.querySelector("#".concat(this.tabsId,"-button-").concat(B(t.value)));if(a){a.focus({preventScroll:true})}}return[2]}}))}))};t.prototype.render=function(){var t=this;var e=p.block("tabs");var a=this.isMobile;var r=this.isTablet;var s=a||r;var o=this.inNavbar&&!s&&!this.inNavbarLight||!this.inNavbar&&this.inverted;var b=this.isVertical();var l=!b&&this.overflow&&!this.expanded;var _=a&&this.selectOnMobile;var c=this.store.map((function(e){return Object.assign(Object.assign({},e),{active:e.value===t.value})}));var d=this.accordionState===4||this.accordionState===8;var u=d?"content expanded":"content";var v=this.value!==undefined&&!!this.store.find((function(e){return e.value===t.value}));var h=!this.isTabList;return i(n,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("navbar").class(this.inNavbar)),e.modifier("vertical").class(b)),e.modifier("fullwidth").class(this.expanded||this.fullwidth)),e.modifier("accordion").class(this.accordion)),e.modifier("animated").class(this.animated)),e.modifier("expanding").class(this.accordionState===8)),e.modifier("expanded").class(this.accordionState===4)),e.modifier("collapsing").class(this.accordionState===2)),e.modifier("collapsed").class(this.accordionState===1)),"data-value":this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.value})).join(","),"data-label":this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.label})).join(",")},_?i(S,{value:this.value,items:c,onSelectTab:this.onSelectTab}):i(D,{items:c,isLinkList:h,tabsId:this.tabsId,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:v,inverted:o,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:a,isTouch:s,isVertical:b,inNavbar:this.inNavbar,hasCarousel:l,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab}),i("div",{part:u,ref:function(e){return t.contentEl=e},class:Object.assign({},e.element("tabs").element("content").class())},i("div",{id:this.tabsId,class:Object.assign({},e.element("tabs").element("content").element("wrapper").class()),ref:function(e){return t.contentElWrapper=e}},i("slot",null))))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());o([g("bal-tabs"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],I.prototype,"createLogger",null);o([k({tags:["bal-tabs","bal-tab-item"]}),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],I.prototype,"mutationListener",null);o([z(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],I.prototype,"breakpointListener",null);o([A(),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],I.prototype,"resizeListener",null);o([C(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],I.prototype,"configChanged",null);var N=0;I.style=$}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,a,i){function n(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,r){function s(t){try{b(i.next(t))}catch(t){r(t)}}function o(t){try{b(i["throw"](t))}catch(t){r(t)}}function b(t){t.done?a(t.value):n(t.value).then(s,o)}b((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return b([t,e])}}function b(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(a=0)),a)try{if(i=1,n&&(r=o[0]&2?n["return"]:o[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;if(n=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;n=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){a.label=o[1];break}if(o[0]===6&&a.label<r[1]){a.label=r[1];r=o;break}if(r&&a.label<r[2]){a.label=r[2];a.ops.push(o);break}if(r[2])a.ops.pop();a.trys.pop();continue}o=e.call(t,a)}catch(t){o=[6,t];n=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,a){if(a||arguments.length===2)for(var i=0,n=e.length,r;i<n;i++){if(r||!(i in e)){if(!r)r=Array.prototype.slice.call(e,0,i);r[i]=e[i]}}return t.concat(r||Array.prototype.slice.call(e))};System.register(["./p-456fc561.system.js","./p-8949aa8b.system.js","./p-6dbef894.system.js","./p-5c0b0099.system.js","./p-8954495d.system.js","./p-db0895e2.system.js","./p-23bdd8dc.system.js","./p-3ecc7d9a.system.js","./p-7957c3c0.system.js","./p-a1f6e944.system.js","./p-116b65a6.system.js","./p-14ec0aa7.system.js","./p-a4dacc2d.system.js","./p-3fbdf189.system.js","./p-a01f3206.system.js","./p-0177e3a0.system.js","./p-6913b916.system.js","./p-2880433e.system.js","./p-b3f2c626.system.js","./p-145d5c4e.system.js","./p-ec9a7cf5.system.js","./p-eecefb0a.system.js","./p-270f14cb.system.js"],(function(t){"use strict";var e,a,i,n,r,s,o,b,l,_,c,d,u,v,h,f,m,p,g,w,x,j,y,O,k,z,A,C;return{setters:[function(t){e=t.r;a=t.c;i=t.h;n=t.H;r=t.g},function(t){s=t.a},function(t){o=t._;b=t.a},function(t){l=t.o},function(t){_=t.l;c=t.e;d=t.t;u=t.m;v=t.n;h=t.o;f=t.i;m=t.b},function(t){p=t.B},function(t){g=t.L},function(t){w=t.n},function(t){x=t.s},function(t){j=t.b},function(t){y=t.a},function(t){O=t.b},function(t){k=t.L},function(t){z=t.L},function(t){A=t.L},function(t){C=t.L},function(){},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){var L=t("bal_tab_item",function(){function t(t){e(this,t);this.balNavigate=a(this,"balNavigate",7);this.inheritAttributes={};this.tabPanelID="bal-tab-panel-id-".concat(F++);this.isActive=false;this.active=false;this.value="";this.label="";this.href="";this.target="_self";this.bubble=false;this.disabled=false;this.invisible=false;this.prevent=false;this.icon=undefined;this.noPanel=false;this.aria=undefined}t.prototype.componentWillLoad=function(){this.inheritAttributes=s(this.el)};t.prototype.getOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.options]}))}))};t.prototype.setActive=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isActive=t;return[2]}))}))};Object.defineProperty(t.prototype,"options",{get:function(){return{tabPanelID:this.tabPanelID,value:this.value,icon:this.icon,label:this.label,href:this.href,target:this.target,active:this.active,disabled:this.disabled,invisible:this.invisible,bubble:this.bubble,passed:false,prevent:this.prevent,navigate:this.balNavigate,trackingData:this.inheritAttributes,noPanel:this.noPanel,aria:this.aria}},enumerable:false,configurable:true});t.prototype.render=function(){var t=!this.noPanel;var e=!this.isActive||this.noPanel;return i(n,{id:this.tabPanelID,class:{"bal-tab-item":true,"bal-tab-item--active":this.isActive},role:t?"tabpanel":undefined,"aria-label":t?this.label:undefined,"aria-hidden":e?"true":"false",tabindex:e?"-1":undefined,hidden:e?true:undefined},i("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());var F=0;var S=function(t){var e=t.items,a=t.value,n=t.onSelectTab;var r=p.block("tabs").element("select");var s=function(t){var a=e.filter((function(e){return e.value===t.detail}));if(a.length>0){var i=a[0];if(i.href!==""&&i.href!==undefined){if(j.hasWindow){window.open(i.href,i.target)}}n(t,i)}};return i("bal-select",{class:Object.assign({},r.class()),value:a,onBalChange:function(t){return s(t)}},e.filter((function(t){return!t.disabled&&!t.invisible})).map((function(t){return i("bal-select-option",{key:t.value,label:t.label,value:t.value},t.label)})))};var P=function(t){var e=t.item,a=t.inverted,n=t.accordion,r=t.isAccordionOpen,s=t.isMobile,o=t.hasBubble;var b=p.block("tabs").element("nav").element("item").element("icon");var l=e.disabled?"grey":"primary";if(a){l=e.disabled?"primary-light":"white"}return i("span",{class:Object.assign(Object.assign(Object.assign({},b.class()),b.modifier("active").class(e.active)),b.modifier("disabled").class(e.disabled))},i("bal-icon",{size:s||n?"small":"",name:n?"nav-go-down":e.icon,color:l,turn:n&&r===true&&e.active}),o?i("bal-badge",{class:Object.assign({},b.element("bubble").class()),size:"small"},e.bubble):"")};var T=function(t){var e=t.item,a=t.inverted,n=t.hasBubble,r=t.isVertical,s=t.context;var o=p.block("tabs").element("nav").element("item").element("label");return i("span",{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},o.class()),o.modifier("inverted").class(a)),o.modifier("active").class(e.active)),o.modifier("disabled").class(e.disabled)),o.modifier("vertical").class(r)),o.modifier("context-".concat(s)).class(s!==undefined)),"data-testid":"bal-tabs-item-label"},e.label,n?i("bal-badge",{class:Object.assign({},o.element("bubble").class()),size:"small"},e.bubble):"")};var B=function(t){if(typeof t==="string"){return t.replace(/([a-z])([0-9])/g,"$1-$2").replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_]+/g,"-").toLowerCase()}return""};var M=function(t){var e=t.item,a=t.tabsId,n=t.isFirst,r=t.isLast,s=t.isMobile,o=t.isVertical,b=t.accordion,l=t.isAccordionOpen,_=t.isLinkList,c=t.inverted,d=t.expanded,u=t.spaceless,v=t.clickable,h=t.iconPosition,f=t.context,m=t.onSelectTab;var g;var w=p.block("tabs").element("nav").element("item");if(e.invisible){return}var x=e.bubble!==false;var j=e.icon!==undefined;var y=j&&x&&h!=="horizontal"&&!b||s&&j&&x&&!o&&!b;var O=b&&x||b&&s&&j&&x&&!o;var k=!j&&x&&!b||x&&!s&&h==="horizontal"&&!b||x&&o&&!b;var z=e.href===undefined||e.href==="";var A=z?"button":"a";var C=z?{type:"button",role:"tab","aria-controls":((g=e.aria)===null||g===void 0?void 0:g.controls)||e.tabPanelID||undefined,"aria-expanded":e.active?"true":"false","aria-disabled":"".concat(e.disabled),"aria-label":e.label}:{href:e.href,target:e.target};if(!_){C["tabindex"]=e.active?"0":"-1"}return i(A,Object.assign({id:"".concat(a,"-button-").concat(B(e.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({},w.class()),w.modifier("active").class(e.active)),w.modifier("disabled").class(e.disabled)),w.modifier("clickable").class(v)),w.modifier("accordion").class(b)),w.modifier("inverted").class(c)),w.modifier("expanded").class(d)),w.modifier("spaceless").class(u)),w.modifier("first").class(n)),w.modifier("last").class(r)),w.modifier("passed").class(e.passed)),w.modifier("vertical").class(o)),w.modifier("context-".concat(f)).class(f!==undefined)),w.modifier("icon-position-".concat(h)).class(h!=="horizontal")),{"bal-focusable":!e.disabled&&!e.invisible}),draggable:false,"data-tabs":a,"data-label":e.label,"data-value":e.value,"data-index":e.index,"data-testid":"bal-tabs-item","aria-selected":!z?undefined:e.active?"true":"false"},C,{onClick:function(t){return m(t,e)}}),e.icon?i(P,{accordion:false,item:e,isMobile:s,hasBubble:y,inverted:c}):"",i(T,{item:e,isMobile:s,isVertical:o,hasBubble:k,inverted:c,context:f}),b&&!e.href?i(P,{accordion:b,isAccordionOpen:l,item:e,isMobile:s,hasBubble:O,inverted:c}):"")};var D=function(t){var e=t.items,a=t.tabsId,n=t.hasCarousel,r=t.isVertical,s=t.inNavbar,o=t.isMobile,b=t.isTouch,l=t.lineActive,_=t.isLinkList,c=t.border,d=t.accordion,u=t.isAccordionOpen,v=t.inverted,h=t.clickable,f=t.animated,m=t.spaceless,g=t.expanded,w=t.verticalColSize,j=t.iconPosition,y=t.context,O=t.onSelectTab;var k=p.block("tabs").element("nav");var z=e.filter((function(t){return!t.invisible}));var A=s&&!b;var C=function(t){var e=t.item,n=t.index;return i(M,{item:e,isLinkList:_,tabsId:a,isFirst:n===0,isLast:n===z.length-1,isMobile:o,isVertical:r,iconPosition:j,spaceless:m,inverted:v,accordion:d,isAccordionOpen:u,context:y,expanded:g,clickable:h&&!e.disabled,onSelectTab:O})};return i("div",{id:"".concat(a,"-nav"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},k.class()),k.modifier("full-height").class(A)),k.modifier("border").class(c)),k.modifier("animated").class(f)),k.modifier("vertical").class(r)),k.modifier("expanded").class(g&&!r)),k.modifier("vertical-col-".concat(w)).class(r))},n?i("bal-carousel",{id:"".concat(a,"-carousel"),class:Object.assign({},k.element("carousel").class()),htmlRole:"tablist",fullHeight:A,border:c,inverted:v,controls:"small","items-per-view":"auto",steps:3,onBalChange:x},z.map((function(t,e){return i("bal-carousel-item",{key:t.value,htmlRole:"",class:Object.assign(Object.assign({},k.element("carousel").element("item").class()),k.element("carousel").element("item").modifier("expanded").class(g))},i(C,{item:t,index:e}))})),i("div",{id:"".concat(a,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},k.element("line").class()),k.element("line").modifier("active").class(l)),k.element("line").modifier("inverted").class(v)),k.element("line").modifier("animated").class(f)),k.element("line").modifier("vertical").class(r))})):z.map((function(t,e){return i(C,{item:t,index:e})})),!n?i("div",{id:"".concat(a,"-border"),class:Object.assign(Object.assign(Object.assign({},k.element("border").class()),k.element("border").modifier("inverted").class(v)),k.element("border").modifier("vertical").class(r))}):"",!n?i("div",{id:"".concat(a,"-line"),class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},k.element("line").class()),k.element("line").modifier("active").class(l)),k.element("line").modifier("inverted").class(v)),k.element("line").modifier("animated").class(f)),k.element("line").modifier("vertical").class(r))}):"")};var R="@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav{display:block;position:relative;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 769px),print{.bal-tabs__nav--vertical-col-one-quarter{-ms-flex:none;flex:none;width:25%}.bal-tabs__nav--vertical-col-one-third{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-half{-ms-flex:none;flex:none;width:33.3333%}.bal-tabs__nav--vertical-col-two-thirds{-ms-flex:none;flex:none;width:66.6666%}.bal-tabs__nav--vertical-col-three-quarters{-ms-flex:none;flex:none;width:75%}.bal-tabs__nav--vertical-col-full{-ms-flex:none;flex:none;width:100%}}.bal-tabs__nav--vertical{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bal-tabs__nav--full-height{height:100%}.bal-tabs__nav--expanded{display:-ms-flexbox;display:flex}.bal-tabs__nav__carousel__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__border{position:absolute;background:var(--bal-tabs-tab-nav-border-background);border-radius:var(--bal-tabs-tab-nav-border-radius);height:var(--bal-border-width-normal);left:1px;right:1px;bottom:0}.bal-tabs__nav__border--vertical{width:var(--bal-border-width-normal);height:100%;top:0;right:auto}.bal-tabs__nav__border--inverted{background:var(--bal-tabs-tab-nav-border-background-inverted)}.bal-tabs__nav__line{position:absolute;background:var(--bal-tabs-tab-nav-line-background);border-radius:var(--bal-tabs-tab-nav-line-radius);left:1px;z-index:1}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical){bottom:0;min-width:5rem}.bal-tabs__nav__line--vertical{top:0;min-height:2.5rem}.bal-tabs__nav__line:not(.bal-tabs__nav__line--vertical).bal-tabs__nav__line--active{height:var(--bal-border-width-normal)}.bal-tabs__nav__line--vertical.bal-tabs__nav__line--active{width:var(--bal-border-width-normal)}.bal-tabs__nav__line--animated{will-change:min-width,width,min-height,height,transform;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs__nav__line--inverted{background:var(--bal-tabs-tab-nav-line-background-inverted)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item{display:-ms-flexbox;display:flex;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;-ms-flex-preferred-size:1rem;flex-basis:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;cursor:default;gap:.5rem;padding:.25rem .75rem;border-radius:var(--bal-tabs-tab-button-radius);min-width:3rem;min-height:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-color:rgba(0,0,0,0);border:unset}@media screen and (min-width: 769px),print{.bal-tabs__nav__item{-ms-flex-direction:row;flex-direction:row;min-height:3.5rem}}.bal-tabs__nav__item--accordion{-ms-flex-direction:row;flex-direction:row}.bal-tabs__nav__item--hidden{display:none !important;visibility:hidden !important}.bal-tabs__nav__item--expanded{-ms-flex:1;flex:1;width:5rem;min-width:5rem}.bal-tabs__nav__item--icon-position-vertical{-ms-flex-direction:column;flex-direction:column}.bal-tabs__nav__item--clickable{cursor:pointer;pointer-events:all}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled):active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-active)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-hover)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:hover .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-hover)}}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__label{color:var(--bal-tabs-tab-button-label-text-color-inverted-active)}.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon svg,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon g,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon path,.bal-tabs__nav__item:not(.bal-tabs__nav__item--disabled).bal-tabs__nav__item--inverted:active .bal-tabs__nav__item__icon circle{fill:var(--bal-tabs-tab-button-icon-text-color-inverted-active)}.bal-tabs__nav__item--vertical{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;min-height:2.5rem;padding:.5rem 1rem}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--first{padding-left:0}.bal-tabs__nav__item--spaceless.bal-tabs__nav__item--last{padding-right:0}.bal-tabs__nav__item--context-meta{min-height:3rem;height:3rem}.bal-tabs__nav__item--context-navigation{min-height:3rem;height:3rem}@media screen and (min-width: 1024px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1280px){.bal-tabs__nav__item--context-navigation{min-height:4rem;height:4rem}}@media screen and (min-width: 1440px){.bal-tabs__nav__item--context-navigation{min-height:5rem;height:5rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__icon{position:relative}.bal-tabs__nav__item__icon__bubble{position:absolute;right:-0.75rem;top:-0.25rem}@media screen and (min-width: 769px),print{.bal-tabs__nav__item__icon__bubble{right:-0.625rem;top:-0.25rem}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}.bal-tabs__nav__item__label{display:block;position:relative;font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--bal-tabs-tab-label-text-color)}.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-disabled)}.bal-tabs__nav__item__label--inverted{font-family:var(--bal-font-family-text);color:var(--bal-tabs-tab-label-text-color-inverted)}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--disabled{color:var(--bal-tabs-tab-label-text-color-inverted-disabled)}.bal-tabs__nav__item__label--inverted{font-weight:var(--bal-font-weight-regular);letter-spacing:.1085px}.bal-tabs__nav__item__label--inverted.bal-tabs__nav__item__label--active{font-weight:var(--bal-font-weight-bold);letter-spacing:0}.bal-tabs__nav__item__label__bubble{position:absolute;right:-0.5rem;top:-0.5rem}.bal-tabs__nav__item__label--vertical{text-align:left;width:auto;white-space:normal}.bal-tabs__nav__item__label--context-meta{font-size:var(--bal-text-size-small)}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused{-webkit-box-shadow:var(--bal-focus-shadow-inset) !important;box-shadow:var(--bal-focus-shadow-inset) !important}}@media (hover: hover)and (pointer: fine){.bal-tabs__nav__item.bal-focused.bal-tabs__nav__item--inverted{-webkit-box-shadow:var(--bal-focus-shadow-inverted-inset) !important;box-shadow:var(--bal-focus-shadow-inverted-inset) !important}}:root{--bal-tabs-tab-nav-border-background:var(--bal-color-border);--bal-tabs-tab-nav-border-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-nav-line-background:var(--bal-color-border-primary);--bal-tabs-tab-nav-line-background-inverted:var(--bal-color-border-inverted);--bal-tabs-tab-button-radius:var(--bal-radius-normal);--bal-tabs-tab-nav-border-radius:var(--bal-radius-rounded);--bal-tabs-tab-nav-line-radius:var(--bal-radius-rounded);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-light-blue-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-button-label-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-icon-text-color-inverted-hover:var(--bal-color-light-blue-2);--bal-tabs-tab-button-label-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-button-icon-text-color-inverted-active:var(--bal-color-text-info);--bal-tabs-tab-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-text-grey);--bal-tabs-tab-label-text-color-inverted:var(--bal-color-text-white);--bal-tabs-tab-label-text-color-inverted-disabled:var(--bal-color-text-primary-light)}.bal-tabs{display:block;min-width:0}.bal-tabs--fullwidth{width:100%}.bal-tabs--vertical{display:block}@media screen and (min-width: 769px),print{.bal-tabs--vertical{display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px),print{.bal-tabs--navbar{height:100%}}.bal-tab-item{width:100%;display:none}.bal-tab-item--active{display:block}.bal-tabs__tabs__content{width:100%}.bal-tabs--animated{-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--animated .bal-tabs__tabs__content{-webkit-transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:max-height var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-tabs--accordion .bal-tabs__tabs__content{overflow:hidden;will-change:max-height}.bal-tabs--accordion.bal-tabs--collapsing .bal-tabs__tabs__content{max-height:0 !important}.bal-tabs--accordion.bal-tabs--collapsed .bal-tabs__tabs__content{display:none}.bal-tabs--accordion.bal-tabs--expanding .bal-tabs__tabs__content{max-height:0}@media (prefers-reduced-motion: reduce){.bal-tabs--accordion .bal-tabs,.bal-tabs--accordion .bal-tabs__tabs__content{-webkit-transition:none !important;transition:none !important}}";var $=R;var I=t("bal_tabs",function(){function t(t){var i=this;e(this,t);this.balChange=a(this,"balChange",7);this.balWillAnimate=a(this,"balWillAnimate",7);this.balDidAnimate=a(this,"balDidAnimate",7);this.tabsId="bal-tabs-".concat(N++);this.mutationObserverActive=true;this.getOptions=function(){if(i.options.length>0){return __spreadArray([],i.options.map(w),true)}else{return Promise.all(i.items.map((function(t){return t.getOptions()})))}};this.updateStore=function(t){if(!l(i.store,t)){i.store=t}else if(!i.optionalTabSelection&&!i.accordion&&i.value===undefined&&i.store.length>0){var e=i.store[0];i.value=e.value}};this.setActiveItem=function(){var t=i.store.filter((function(t){return t.active}));if(t.length>0){var e=t[0];i.value=e.value}};this.setActiveContent=function(){if(i.options.length===0){i.items.forEach((function(t){return t.setActive(i.isTabActive(t))}))}};this.getLineSize=function(t,e){if(t){var a=i.isVertical();if(a){return t.clientHeight}else{var n=t.clientWidth;if(i.expanded){return n}var r=e.left+e.right;return n-r}}return 0};this.getOffset=function(t,e){var a=i.isVertical();if(a){if(t.offsetTop){return t.offsetTop}}else{if(t.offsetLeft){if(i.expanded){return t.offsetLeft}return t.offsetLeft+e.left}var n=t.closest("bal-carousel-item");if(n){if(i.expanded){return n.offsetLeft}return n.offsetLeft+e.left}}return 0};this.animateLine=function(){return __awaiter(i,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){if(!this.shouldAnimate()){return[2]}if(this.currentRaf!==undefined){cancelAnimationFrame(this.currentRaf)}_((function(){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:return[4,c(this.el,true)];case 1:e.sent();this.currentRaf=_((function(){return __awaiter(t,void 0,void 0,(function(){var t,e,a,i,n,r,s,o,b,l;return __generator(this,(function(_){switch(_.label){case 0:t=this.getTargetElement(this.value);if(!t){return[2]}if(t.getAttribute("target")==="_blank"){return[2]}e=y(t);a=this.getLineSize(t,e);i=this.getOffset(t,e);n=this.getLineElement();if(!n)return[3,3];r=this.isVertical();this.balWillAnimate.emit(this.value);s=d(n,300);if(!r)return[3,1];n.style.setProperty("transform","translateY(".concat(i,"px)"));n.style.setProperty("min-height","".concat(a,"px"));n.style.setProperty("height","".concat(a,"px"));n.style.removeProperty("min-width");n.style.removeProperty("width");return[3,3];case 1:n.style.setProperty("transform","translateX(".concat(i,"px)"));n.style.setProperty("min-width","".concat(a,"px"));n.style.setProperty("width","".concat(a,"px"));n.style.removeProperty("min-height");n.style.removeProperty("height");o=this.getBorderElement();b=this.getCarouselElement();if(o&&b){l=b.clientWidth;o.style.setProperty("width","".concat(l,"px"))}return[4,s];case 2:_.sent();this.balDidAnimate.emit(this.value);_.label=3;case 3:return[2]}}))}))}));return[2]}}))}))}));return[2]}))}))};this.toggleAccordionState=function(t){if(t===void 0){t=false}if(i.accordion){if(i.isAccordionOpen){i.collapseAccordion(t)}else{i.expandAccordion(t)}}};this.expandAccordion=function(t){if(t===void 0){t=false}i.isAccordionOpen=true;var e=i,a=e.contentEl,n=e.contentElWrapper;if(t||a===undefined||n===undefined){i.accordionState=4;return}if(i.accordionState===4){return}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){_((function(){i.accordionState=8;i.currentRaf=_((function(){return __awaiter(i,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:t=n.offsetHeight;e=d(a,300);a.style.setProperty("max-height","".concat(t,"px"));this.balWillAnimate.emit(this.value);return[4,e];case 1:i.sent();this.accordionState=4;a.style.removeProperty("max-height");this.balDidAnimate.emit(this.value);return[2]}}))}))}))}))}else{i.accordionState=4;i.balWillAnimate.emit(i.value);i.balDidAnimate.emit(i.value)}};this.collapseAccordion=function(t){if(t===void 0){t=false}i.isAccordionOpen=false;var e=i.contentEl;if(t||e===undefined){i.accordionState=1;return}if(i.accordionState===1){return}if(i.currentRaf!==undefined){cancelAnimationFrame(i.currentRaf)}if(i.shouldAnimate()){i.currentRaf=_((function(){return __awaiter(i,void 0,void 0,(function(){var t;var a=this;return __generator(this,(function(i){t=e.offsetHeight;e.style.setProperty("max-height","".concat(t,"px"));_((function(){return __awaiter(a,void 0,void 0,(function(){var t;return __generator(this,(function(a){switch(a.label){case 0:t=d(e,300);this.accordionState=2;this.balWillAnimate.emit(this.value);return[4,t];case 1:a.sent();this.accordionState=1;e.style.removeProperty("max-height");this.balDidAnimate.emit(this.value);return[2]}}))}))}));return[2]}))}))}))}else{i.accordionState=1;i.balWillAnimate.emit(i.value);i.balDidAnimate.emit(i.value)}};this.shouldAnimate=function(){if(typeof window==="undefined"){return false}return i.animated};this.onOptionChange=function(){return __awaiter(i,void 0,void 0,(function(){var t,e;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,this.getOptions()];case 1:t=a.sent();this.updateStore(t);this.setActiveItem();this.setActiveContent();this.animateLine();return[3,3];case 2:e=a.sent();console.warn("[WARN] - Could not read tab options");return[3,3];case 3:return[2]}}))}))};this.onSelectTab=function(t,e){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(e.prevent||e.disabled||!this.clickable){x(t)}if(!(!e.disabled&&this.clickable))return[3,3];if(this.accordion){if(e.value===this.value){this.toggleAccordionState()}else{this.expandAccordion()}}if(e.navigate){e.navigate.emit(t)}if(!(e.value!==this.value))return[3,3];this.balChange.emit(e.value);return[4,this.select(e)];case 1:a.sent();return[4,this.focus(e)];case 2:a.sent();a.label=3;case 3:return[2]}}))}))};this.isAccordionOpen=false;this.accordionState=1;this.isNavbarOpen=false;this.inNavbar=false;this.inNavbarLight=false;this.isMobile=O.isMobile;this.isTablet=O.isTablet;this.store=[];this.animated=true;this.float="left";this.fullwidth=false;this.accordion=false;this.overflow=true;this.options=[];this.context=undefined;this.iconPosition="horizontal";this.expanded=false;this.spaceless=false;this.clickable=true;this.border=false;this.inverted=false;this.optionalTabSelection=false;this.debounce=0;this.vertical=false;this.verticalColSize="one-third";this.selectOnMobile=false;this.value=undefined}t.prototype.createLogger=function(t){this.log=t};t.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.onOptionChange();this.mutationObserverActive=this.options===undefined;return[2]}))}))};t.prototype.debounceChanged=function(){this.balChange=u(this.balChange,this.debounce)};t.prototype.valueChanged=function(t,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(t!==e){this.onOptionChange()}return[2]}))}))};t.prototype.connectedCallback=function(){this.inNavbar=v("bal-navbar",this.el);if(this.inNavbar){var t=this.el.closest("bal-navbar");if(t){this.inNavbarLight=t.light}}this.debounceChanged();this.mutationObserverActive=this.options===undefined||this.options.length<1;if(this.accordion){var e=v("bal-nav-menu-bar",this.el);if(e){this.isAccordionOpen=false}else{var a=this.value!==undefined&&this.value.length>0;if(a){this.expandAccordion(true)}else{this.collapseAccordion(true)}}}};t.prototype.componentDidLoad=function(){this.onOptionChange()};t.prototype.mutationListener=function(){this.onOptionChange()};t.prototype.breakpointListener=function(t){this.isMobile=t.mobile;this.isTablet=t.tablet;this.animateLine()};t.prototype.resizeListener=function(){this.animateLine()};t.prototype.listenToWillAnimate=function(t){var e=this;h(t,this.el,(function(){return e.animateLine()}))};t.prototype.listenToDidAnimate=function(t){var e=this;h(t,this.el,(function(){return e.animateLine()}));this.isUsedInNavbar(t)};t.prototype.listenToKeyDown=function(t){if(this.isTabList){if(this.vertical!==false){if(t.code==="ArrowDown"){this.tabListSelectNext(t)}else if(t.code==="ArrowUp"){this.tabListSelectPrevious(t)}}else{if(t.code==="ArrowRight"){this.tabListSelectNext(t)}else if(t.code==="ArrowLeft"){this.tabListSelectPrevious(t)}}}};t.prototype.isUsedInNavbar=function(t){var e=t.target;var a=e.closest("bal-navbar");var i=t.target;if(a&&f(a,this.el)){this.isNavbarOpen=i}};t.prototype.configChanged=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.animated=t.animated;return[2]}))}))};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.value=t.value;return[2]}))}))};t.prototype.getOptionByValue=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){e=this.store;return[2,e.find((function(e){return e.value===t}))]}))}))};t.prototype.renderLine=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.animateLine();return[2]}))}))};t.prototype.closeAccordion=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.isAccordionOpen){this.collapseAccordion()}return[2]}))}))};Object.defineProperty(t.prototype,"isTabList",{get:function(){return this.store.filter((function(t){return!!t.href})).length===0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"items",{get:function(){return Array.from(this.el.querySelectorAll("#".concat(this.tabsId," > bal-tab-item")))},enumerable:false,configurable:true});t.prototype.isTabActive=function(t){return t.value===this.value};t.prototype.isTabVisible=function(t){return!t.hidden};t.prototype.parseVertical=function(){if(this.vertical==="true"||this.vertical===""){return true}if(this.vertical==="false"||this.vertical===undefined){return false}if(this.vertical==="mobile"){return this.isMobile}if(this.vertical==="tablet"){return this.isTablet||this.isMobile}return this.vertical};t.prototype.isVertical=function(){var t=this.parseVertical();var e=this.isMobile;var a=this.isTablet;var i=e||a;return t||i&&this.inNavbar};t.prototype.getTargetElement=function(t){var e='[data-tabs="'.concat(this.tabsId,'"]');var a=Array.from(this.el.querySelectorAll(e));return a.filter((function(e){return e.getAttribute("data-value")==t}))[0]};t.prototype.getLineElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-line"))};t.prototype.getBorderElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-border"))};t.prototype.getCarouselElement=function(){return this.el.querySelector("#".concat(this.tabsId,"-carousel"))};t.prototype.findNextTab=function(t){var e=this;if(t===void 0){t=false}var a=this.store.findIndex((function(t){return e.isTabActive(t)}));var i=this.store.map((function(t,e){return{index:e,visible:!t.hidden&&!t.disabled}}));if(t){i=i.reverse()}var n=i.filter((function(t){return t.visible})).map((function(t){return t.index}));var r=function(t,e){if(t>a){return t}if(e<=t){return t}else{return e}};var s=function(t,e){if(t<a){return t}if(e>=t){return t}else{return e}};var o=t?s:r;var b=n.reduce((function(t,e){return o(t,e)}),a);return this.store[b]};t.prototype.findPreviousTab=function(){return this.findNextTab(true)};t.prototype.tabListSelectNext=function(t){var e=this.findNextTab();if(e){this.onSelectTab(t,e)}};t.prototype.tabListSelectPrevious=function(t){var e=this.findPreviousTab();if(e){this.onSelectTab(t,e)}};t.prototype.focus=function(t){return __awaiter(this,void 0,void 0,(function(){var e,a;return __generator(this,(function(i){switch(i.label){case 0:return[4,m()];case 1:i.sent();e=this.el.querySelector("button.bal-focused")!==null;if(e){a=this.el.querySelector("#".concat(this.tabsId,"-button-").concat(B(t.value)));if(a){a.focus({preventScroll:true})}}return[2]}}))}))};t.prototype.render=function(){var t=this;var e=p.block("tabs");var a=this.isMobile;var r=this.isTablet;var s=a||r;var o=this.inNavbar&&!s&&!this.inNavbarLight||!this.inNavbar&&this.inverted;var b=this.isVertical();var l=!b&&this.overflow&&!this.expanded;var _=a&&this.selectOnMobile;var c=this.store.map((function(e){return Object.assign(Object.assign({},e),{active:e.value===t.value})}));var d=this.accordionState===4||this.accordionState===8;var u=d?"content expanded":"content";var v=this.value!==undefined&&!!this.store.find((function(e){return e.value===t.value}));var h=!this.isTabList;return i(n,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("navbar").class(this.inNavbar)),e.modifier("vertical").class(b)),e.modifier("fullwidth").class(this.expanded||this.fullwidth)),e.modifier("accordion").class(this.accordion)),e.modifier("animated").class(this.animated)),e.modifier("expanding").class(this.accordionState===8)),e.modifier("expanded").class(this.accordionState===4)),e.modifier("collapsing").class(this.accordionState===2)),e.modifier("collapsed").class(this.accordionState===1)),"data-value":this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.value})).join(","),"data-label":this.store.filter((function(e){return t.isTabActive(e)})).map((function(t){return t.label})).join(",")},_?i(S,{value:this.value,items:c,onSelectTab:this.onSelectTab}):i(D,{items:c,isLinkList:h,tabsId:this.tabsId,clickable:this.clickable,accordion:this.accordion,isAccordionOpen:this.isAccordionOpen,lineActive:v,inverted:o,animated:this.animated,context:this.context,border:this.border,spaceless:this.spaceless,expanded:this.expanded,isMobile:a,isTouch:s,isVertical:b,inNavbar:this.inNavbar,hasCarousel:l,iconPosition:this.iconPosition,verticalColSize:this.verticalColSize,onSelectTab:this.onSelectTab}),i("div",{part:u,ref:function(e){return t.contentEl=e},class:Object.assign({},e.element("tabs").element("content").class())},i("div",{id:this.tabsId,class:Object.assign({},e.element("tabs").element("content").element("wrapper").class()),ref:function(e){return t.contentElWrapper=e}},i("slot",null))))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{options:["optionChanged"],debounce:["debounceChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}());o([g("bal-tabs"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],I.prototype,"createLogger",null);o([k({tags:["bal-tabs","bal-tab-item"]}),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],I.prototype,"mutationListener",null);o([z(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],I.prototype,"breakpointListener",null);o([A(),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",void 0)],I.prototype,"resizeListener",null);o([C(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],I.prototype,"configChanged",null);var N=0;I.style=$}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{B as t}from"./p-
|
|
1
|
+
import{B as t}from"./p-3d8781f2.js";import{a as s}from"./p-acf222fd.js";import{b as i}from"./p-a65354df.js";class n extends s{constructor(){super((t=>{t.windowResizeListener()})),this.listener=new t}attach(t){super.attach(t),i.hasWindow&&(this.listener.connect(window),this.listener.add((()=>super.notify())))}detach(){super.detach(),this.listener.disconnect()}}function r(){return function(t){const{connectedCallback:s,disconnectedCallback:i}=t;t.connectedCallback=function(){return this._balWindowResizeSubject||(this._balWindowResizeSubject=new n,this._balWindowResizeSubject.attach(this)),s&&s.call(this)},t.disconnectedCallback=function(){return this._balWindowResizeSubject&&(this._balWindowResizeSubject.detach(),this._balWindowResizeSubject=void 0),i&&i.call(this)}}}new n;export{r as L}
|