@baloise/ds-core 18.2.0 → 18.3.0-nightly.20250401
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/all.d.ts +2 -0
- package/components/all.js +3 -0
- package/components/bal-accordion-trigger.js +67 -29
- package/components/bal-app.js +1 -93
- package/components/bal-app2.js +95 -0
- package/components/bal-badge2.js +1 -1
- package/components/bal-button-group2.js +2 -2
- package/components/bal-card-actions.js +1 -1
- package/components/bal-card-button.js +1 -1
- package/components/bal-card-content2.js +1 -1
- package/components/bal-card-subtitle.js +1 -1
- package/components/bal-card-title.js +1 -1
- package/components/bal-card2.js +2 -2
- package/components/bal-carousel.js +1 -1
- package/components/bal-checkbox-button.js +1 -1
- package/components/bal-checkbox2.js +1 -1
- package/components/bal-close2.js +1 -1
- package/components/bal-content2.js +1 -1
- package/components/bal-data-item.js +1 -1
- package/components/bal-data-label.js +1 -1
- package/components/bal-data-value.js +1 -1
- package/components/bal-data.js +1 -1
- package/components/bal-date-calendar-cell2.js +1 -1
- package/components/bal-date-calendar2.js +1 -1
- package/components/bal-date.js +1 -1
- package/components/bal-divider.js +1 -1
- package/components/bal-doc-app.d.ts +11 -0
- package/components/bal-doc-app.js +262 -0
- package/components/bal-dropdown.js +2 -2
- package/components/bal-field-control.js +2 -2
- package/components/bal-field-hint.js +1 -1
- package/components/bal-field-label.js +1 -1
- package/components/bal-field-message.js +2 -2
- package/components/bal-field.js +2 -2
- package/components/bal-file-upload.js +4 -4
- package/components/bal-footer.js +3 -3
- package/components/bal-form-col.js +2 -2
- package/components/bal-form-grid.js +1 -1
- package/components/bal-form.js +1 -1
- package/components/bal-heading2.js +1 -1
- package/components/bal-hint-text2.js +1 -1
- package/components/bal-hint-title2.js +1 -1
- package/components/bal-icon2.js +1692 -311
- package/components/bal-input-date2.js +2 -2
- package/components/bal-input-group2.js +1 -1
- package/components/bal-input-slider.js +3 -3
- package/components/bal-input-stepper.js +3 -3
- package/components/bal-input.js +1 -1
- package/components/bal-label2.js +1 -1
- package/components/bal-list-item-content2.js +2 -2
- package/components/bal-list-item-icon2.js +2 -2
- package/components/bal-list-item-subtitle2.js +1 -1
- package/components/bal-list-item-title2.js +1 -1
- package/components/bal-list2.js +1 -1
- package/components/bal-modal-body.js +1 -1
- package/components/bal-modal-header.js +1 -1
- package/components/bal-modal.js +5 -5
- package/components/bal-nav-link-grid-col2.js +1 -1
- package/components/bal-nav-link-grid2.js +1 -1
- package/components/bal-nav-link-group.js +1 -1
- package/components/bal-nav-link2.js +2 -2
- package/components/bal-nav-menu-bar2.js +1 -1
- package/components/bal-nav-menu-flyout2.js +1 -1
- package/components/bal-nav-meta-bar2.js +1 -1
- package/components/bal-nav.js +2 -2
- package/components/bal-navbar-brand.js +1 -1
- package/components/bal-navbar-menu-end.js +1 -1
- package/components/bal-navbar-menu-start.js +1 -1
- package/components/bal-navbar-menu.js +1 -1
- package/components/bal-navbar.js +1 -1
- package/components/bal-notices.js +1 -1
- package/components/bal-notification.js +1 -1
- package/components/bal-number-input.js +1 -1
- package/components/bal-option-list.js +1 -1
- package/components/bal-option.js +1 -1
- package/components/bal-pagination.js +4 -4
- package/components/bal-popover-content2.js +1 -1
- package/components/bal-popup.js +1 -1
- package/components/bal-progress-bar.js +1 -1
- package/components/bal-radio-button.js +1 -1
- package/components/bal-radio2.js +1 -1
- package/components/bal-segment-item.js +1 -1
- package/components/bal-segment.js +1 -1
- package/components/bal-select-option2.js +1 -1
- package/components/bal-select2.js +5 -5
- package/components/bal-shape2.js +4 -4
- package/components/bal-sheet.js +1 -1
- package/components/bal-snackbar.js +1 -1
- package/components/bal-spinner2.js +1 -1
- package/components/bal-stack2.js +1 -1
- package/components/bal-stage-back-link.js +2 -2
- package/components/bal-stage-body.js +1 -1
- package/components/bal-stage-foot.js +1 -1
- package/components/bal-stage-head.js +1 -1
- package/components/bal-stage-image.js +1 -1
- package/components/bal-stage.js +1 -1
- package/components/bal-step-item.js +2 -2
- package/components/bal-tab-item.js +2 -2
- package/components/bal-table.js +1 -1
- package/components/bal-tabs2.js +2 -2
- package/components/bal-tag-group.js +1 -1
- package/components/bal-tag2.js +1 -1
- package/components/bal-text2.js +2 -2
- package/components/bal-textarea.js +1 -1
- package/components/bal-time-input.js +1 -1
- package/components/bal-toast.js +1 -1
- package/components/bal-tooltip.js +1 -1
- package/components/index.js +7 -314
- package/components/initialize.js +312 -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-c22c22090f.system.entry.js → p-00e75d0c35.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-187e7da1ed.entry.js → p-0f9d3cbaaf.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b46a35c33c.system.entry.js → p-108886df74.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cb0d5c384b.system.entry.js → p-11447dc62e.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-fb87f31739.system.entry.js → p-13d1a22814.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-fe6d53dfdf.system.entry.js → p-14901b6156.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-7c074055e7.system.entry.js → p-1812c4e712.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a7b46eaa9f.system.entry.js → p-190cd62ab2.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-225aca33c2.entry.js → p-1ba2dc4b48.entry.js} +1 -1
- package/dist/baloise-design-system/{p-15f77798ad.entry.js → p-1cc159802a.entry.js} +1 -1
- package/dist/baloise-design-system/p-1d482bc569.entry.js +1 -0
- package/dist/baloise-design-system/{p-a0737d5595.entry.js → p-1d78f65898.entry.js} +1 -1
- package/dist/baloise-design-system/p-1e142b10.system.js +1 -0
- package/dist/baloise-design-system/{p-e0a3b80c8c.system.entry.js → p-24898ae0b6.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5c31de6847.system.entry.js → p-259e90ef2b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ea8491b628.entry.js → p-277384b233.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a8a62f0a85.system.entry.js → p-28afd9707f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-221c096477.entry.js → p-28fbcf6fc9.entry.js} +1 -1
- package/dist/baloise-design-system/p-294f38c2.js +1 -0
- package/dist/baloise-design-system/{p-f2234a5a71.entry.js → p-29908af0fd.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5c7352eada.entry.js → p-3113f8a2a0.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8d49461b8f.entry.js → p-32322fa69a.entry.js} +1 -1
- package/dist/baloise-design-system/p-3913c6ae.js +1 -1
- package/dist/baloise-design-system/{p-b4b88e4c03.system.entry.js → p-3928a3ae1f.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-29709a5fee.system.entry.js → p-394ab784d8.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4d857d11b6.system.entry.js → p-3a022b8d82.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-ebecd76c66.system.entry.js → p-3c02768646.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-7ddbde5c84.entry.js → p-3f3ebc8590.entry.js} +1 -1
- package/dist/baloise-design-system/p-3f6d4b4d69.entry.js +1 -0
- package/dist/baloise-design-system/{p-448d3298a1.entry.js → p-3f86c5d396.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c9cbfd5a61.entry.js → p-4026221074.entry.js} +1 -1
- package/dist/baloise-design-system/{p-fb4f6a95a6.entry.js → p-40977d8619.entry.js} +1 -1
- package/dist/baloise-design-system/p-42e06975cf.system.entry.js +2 -0
- package/dist/baloise-design-system/p-42e66219.system.js +1 -0
- package/dist/baloise-design-system/{p-e6d0ea6084.entry.js → p-45d566bdc2.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4c9ac6263c.entry.js → p-470ce384f4.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9a00ac7fc8.system.entry.js → p-471441221c.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-327cd52735.entry.js → p-47d8602fd8.entry.js} +1 -1
- package/dist/baloise-design-system/p-47f0669a.js +1 -0
- package/dist/baloise-design-system/p-4a2f22bde2.entry.js +1 -0
- package/dist/baloise-design-system/{p-774cad80b8.entry.js → p-4d4dd885fc.entry.js} +1 -1
- package/dist/baloise-design-system/{p-40d5ef4e.system.js → p-4ff06c10.system.js} +1 -1
- package/dist/baloise-design-system/p-50084ba924.entry.js +1 -0
- package/dist/baloise-design-system/{p-1288c2ed8a.entry.js → p-50e3e41042.entry.js} +1 -1
- package/dist/baloise-design-system/{p-607d361ba3.system.entry.js → p-513711e292.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b51a692e99.entry.js → p-5218b32665.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4155b8f059.system.entry.js → p-52a97b97f8.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-253668db69.entry.js → p-57b6f2900e.entry.js} +1 -1
- package/dist/baloise-design-system/p-58c4ff0652.entry.js +1 -0
- package/dist/baloise-design-system/{p-908a7c5cfd.system.entry.js → p-5d84d62ded.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5429e0223f.system.entry.js → p-60a5335ef1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0ad80f603a.entry.js → p-60c0470d4a.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4bc159376b.system.entry.js → p-61f268e54c.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0e506e98e2.system.entry.js → p-63297f8b3b.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-659ecadc.system.js +1 -1
- package/dist/baloise-design-system/{p-8723e490bf.system.entry.js → p-68a9ea13a0.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9ed80c87cf.entry.js → p-68bcae4459.entry.js} +1 -1
- package/dist/baloise-design-system/{p-191459a962.entry.js → p-69ceb45b58.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3a0896c8a9.entry.js → p-6ad9cc1e47.entry.js} +1 -1
- package/dist/baloise-design-system/{p-702d0efef4.entry.js → p-6bf85d5757.entry.js} +1 -1
- package/dist/baloise-design-system/{p-bfb6c67686.entry.js → p-6ce02b4115.entry.js} +1 -1
- package/dist/baloise-design-system/{p-75051cae.js → p-6d3611d0.js} +1 -1
- package/dist/baloise-design-system/{p-0b851cd59c.system.entry.js → p-704811f555.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-7467605b28.entry.js +1 -0
- package/dist/baloise-design-system/{p-eeb954c6bc.system.entry.js → p-74cf083d69.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4e7c82ad7e.system.entry.js → p-7a3ec63587.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-421a77b6c1.system.entry.js → p-7c0a5504e1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-dce0104d78.system.entry.js → p-7f87eea164.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cca78c7a8e.entry.js → p-82c5915caf.entry.js} +1 -1
- package/dist/baloise-design-system/{p-456114b8.system.js → p-83512f21.system.js} +1 -1
- package/dist/baloise-design-system/{p-7496834468.system.entry.js → p-8441200b01.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-84fb413164.entry.js +1 -0
- package/dist/baloise-design-system/{p-808cc1fd05.entry.js → p-86997be9b6.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5d9f23045a.system.entry.js → p-8839179d19.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1b7a378e4b.system.entry.js → p-8849d53f7c.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0242cdf474.entry.js → p-89d4432ac2.entry.js} +1 -1
- package/dist/baloise-design-system/p-8e38507542.entry.js +1 -0
- package/dist/baloise-design-system/{p-3ae755102b.system.entry.js → p-8ffd1803be.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-dcb77164fc.system.entry.js → p-9070cf534c.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-e3c51dd5ce.system.entry.js → p-91a7fe0fc1.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-92dc6522aa.entry.js +1 -0
- package/dist/baloise-design-system/{p-0724c5fc39.entry.js → p-96876b3902.entry.js} +1 -1
- package/dist/baloise-design-system/{p-894409314e.system.entry.js → p-97ca986ad0.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-99f58181f8.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-e6196821f7.system.entry.js → p-9b78ab02f8.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-676d07ed2e.system.entry.js → p-9ca539a218.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3bcfc7b117.system.entry.js → p-9da6a64729.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-9effa7fc0c.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-d4996fd889.system.entry.js → p-a01e0d6335.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9276f29a07.entry.js → p-a03531a187.entry.js} +1 -1
- package/dist/baloise-design-system/{p-08ba87f822.entry.js → p-a13164e512.entry.js} +1 -1
- package/dist/baloise-design-system/p-a1d4fd7a40.entry.js +2 -0
- package/dist/baloise-design-system/{p-1b31484d81.entry.js → p-a8b8e39162.entry.js} +1 -1
- package/dist/baloise-design-system/p-a8bca4e96f.entry.js +1 -0
- package/dist/baloise-design-system/{p-3c447e2884.entry.js → p-a8f4c51f7d.entry.js} +1 -1
- package/dist/baloise-design-system/{p-eaf6fe83b7.entry.js → p-a9cd77d64b.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4b22207353.system.entry.js → p-ac2d4c2c2b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c9c007a260.entry.js → p-ac4e801e21.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9b9a37274f.system.entry.js → p-b4b81faccc.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-04a8a75fb8.entry.js → p-b4c5cc3b86.entry.js} +1 -1
- package/dist/baloise-design-system/{p-eeb7176703.system.entry.js → p-b594bf568d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1f0ddd16a2.system.entry.js → p-b5e8f8c5b5.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-b75d2a74cd.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-c4aabcc6bc.system.entry.js → p-b83e7fd17a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5f3e40e522.system.entry.js → p-ba40faa1d5.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-2568bb635f.entry.js → p-ba7d03dfba.entry.js} +1 -1
- package/dist/baloise-design-system/{p-447bb8d6ce.entry.js → p-bd4f20f9ed.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1d09b5700d.system.entry.js → p-c72db97c1c.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-c7cf7b2c6d.entry.js +1 -0
- package/dist/baloise-design-system/{p-9c204d3ac7.entry.js → p-ca80a03f51.entry.js} +1 -1
- package/dist/baloise-design-system/{p-afabc522e1.entry.js → p-cc84750855.entry.js} +1 -1
- package/dist/baloise-design-system/{p-53093cf5c3.system.entry.js → p-cd8072c189.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3114657eb7.system.entry.js → p-cec9dcd5f0.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1fd9b1f748.system.entry.js → p-cf978b7bea.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a2f19988.js → p-d0a1eb2e.js} +1 -1
- package/dist/baloise-design-system/{p-380ca15c13.system.entry.js → p-d49d8917c3.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-778ff1954d.system.entry.js → p-d4f12ff22c.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4857a7ee.js → p-d6cc7169.js} +1 -1
- package/dist/baloise-design-system/{p-ba23bf69be.system.entry.js → p-dc18c95e40.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-56021799ec.entry.js → p-e50a9800ba.entry.js} +1 -1
- package/dist/baloise-design-system/{p-7bf3e88ae4.entry.js → p-e6646714bb.entry.js} +1 -1
- package/dist/baloise-design-system/{p-b7ea548704.system.entry.js → p-e85c10c09b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-864cf36d45.system.entry.js → p-e962d42c24.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4c695be0.system.js → p-ea6bb09f.system.js} +1 -1
- package/dist/baloise-design-system/{p-7b7968e8d3.system.entry.js → p-ea841a9cda.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-7162e44f.system.js → p-eba64b01.system.js} +1 -1
- package/dist/baloise-design-system/{p-6e37071912.entry.js → p-eedc7103b3.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a0d0cd2901.entry.js → p-ef911c2b87.entry.js} +1 -1
- package/dist/baloise-design-system/{p-27d9d109b4.entry.js → p-f6ed5ed24a.entry.js} +1 -1
- package/dist/baloise-design-system/{p-36a4ecfe.system.js → p-f7112913.system.js} +1 -1
- package/dist/baloise-design-system/{p-a5c70dd2dd.system.entry.js → p-f863ef794a.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-93906ca075.entry.js → p-fed37bccaa.entry.js} +1 -1
- package/dist/cjs/app-globals-f63c33e7.js +7 -0
- package/dist/cjs/bal-accordion_4.cjs.entry.js +62 -27
- package/dist/cjs/bal-app.cjs.entry.js +2 -2
- package/dist/cjs/bal-badge.cjs.entry.js +1 -1
- package/dist/cjs/bal-button_2.cjs.entry.js +2 -2
- package/dist/cjs/bal-card_6.cjs.entry.js +7 -7
- 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-close.cjs.entry.js +1 -1
- package/dist/cjs/bal-content.cjs.entry.js +1 -1
- package/dist/cjs/bal-data_4.cjs.entry.js +4 -4
- package/dist/cjs/bal-date-calendar-cell.cjs.entry.js +1 -1
- package/dist/cjs/bal-date-calendar_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-date.cjs.entry.js +1 -1
- package/dist/cjs/bal-divider.cjs.entry.js +1 -1
- package/dist/cjs/bal-doc-app.cjs.entry.js +233 -0
- package/dist/cjs/bal-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/bal-field_5.cjs.entry.js +8 -8
- package/dist/cjs/bal-file-upload.cjs.entry.js +4 -4
- package/dist/cjs/bal-footer.cjs.entry.js +3 -3
- package/dist/cjs/bal-form-col_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-form.cjs.entry.js +1 -1
- package/dist/cjs/bal-heading_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-hint_5.cjs.entry.js +6 -6
- package/dist/cjs/bal-icon.cjs.entry.js +1684 -311
- package/dist/cjs/bal-input-group.cjs.entry.js +1 -1
- package/dist/cjs/bal-input-slider.cjs.entry.js +3 -3
- package/dist/cjs/bal-input-stepper.cjs.entry.js +3 -3
- package/dist/cjs/bal-input.cjs.entry.js +1 -1
- package/dist/cjs/bal-label.cjs.entry.js +1 -1
- package/dist/cjs/bal-list_8.cjs.entry.js +10 -10
- package/dist/cjs/bal-logo.cjs.entry.js +3 -3
- package/dist/cjs/bal-modal_3.cjs.entry.js +7 -7
- package/dist/cjs/bal-nav_8.cjs.entry.js +13 -13
- package/dist/cjs/bal-navbar_5.cjs.entry.js +8 -8
- package/dist/cjs/bal-notices_3.cjs.entry.js +3 -3
- package/dist/cjs/bal-notification.cjs.entry.js +1 -1
- package/dist/cjs/bal-number-input.cjs.entry.js +1 -1
- package/dist/cjs/bal-option_2.cjs.entry.js +2 -2
- package/dist/cjs/bal-pagination.cjs.entry.js +7 -7
- package/dist/cjs/bal-popup.cjs.entry.js +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 +6 -6
- package/dist/cjs/bal-select_2.cjs.entry.js +6 -6
- package/dist/cjs/bal-shape.cjs.entry.js +5 -5
- package/dist/cjs/bal-sheet.cjs.entry.js +1 -1
- package/dist/cjs/bal-spinner.cjs.entry.js +1 -1
- package/dist/cjs/bal-stack.cjs.entry.js +1 -1
- package/dist/cjs/bal-stage_6.cjs.entry.js +7 -7
- package/dist/cjs/bal-step-item.cjs.entry.js +2 -2
- package/dist/cjs/bal-steps.cjs.entry.js +3 -3
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +7 -7
- package/dist/cjs/bal-table.cjs.entry.js +1 -1
- package/dist/cjs/bal-tag_2.cjs.entry.js +2 -2
- package/dist/cjs/bal-textarea.cjs.entry.js +1 -1
- package/dist/cjs/bal-time-input.cjs.entry.js +1 -1
- package/dist/cjs/bal-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/baloise-design-system.cjs.js +3 -2
- package/dist/cjs/{breakpoints.decorator-90762be4.js → breakpoints.decorator-d3231bd0.js} +1 -1
- package/dist/cjs/{breakpoints.subject-7ee9fb88.js → breakpoints.subject-13aeda38.js} +1 -1
- package/dist/cjs/{app-globals-0d8db19e.js → global-2a76769b.js} +2 -4
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/initialize-2e8978a4.js +1 -1
- package/dist/cjs/loader.cjs.js +3 -2
- package/dist/cjs/{tokens.esm-aa5d038b.js → tokens.esm-c7d8932a.js} +1 -1
- package/dist/cjs/{window-resize.decorator-30d9f5ca.js → window-resize.decorator-c4dc5543.js} +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/bal-accordion/bal-accordion-trigger/bal-accordion-trigger.css +1 -1
- package/dist/collection/components/bal-accordion/bal-accordion-trigger/bal-accordion-trigger.js +77 -12
- package/dist/collection/components/bal-accordion/bal-accordion.i18n.js +20 -20
- package/dist/collection/components/bal-app/bal-app.js +2 -2
- package/dist/collection/components/bal-badge/bal-badge.js +1 -1
- package/dist/collection/components/bal-button/bal-button-group/bal-button-group.js +2 -2
- package/dist/collection/components/bal-card/bal-card-actions/bal-card-actions.js +1 -1
- package/dist/collection/components/bal-card/bal-card-button/bal-card-button.js +1 -1
- package/dist/collection/components/bal-card/bal-card-content/bal-card-content.js +1 -1
- package/dist/collection/components/bal-card/bal-card-subtitle/bal-card-subtitle.js +1 -1
- package/dist/collection/components/bal-card/bal-card-title/bal-card-title.js +1 -1
- package/dist/collection/components/bal-card/bal-card.js +2 -2
- package/dist/collection/components/bal-carousel/bal-carousel.js +1 -1
- package/dist/collection/components/bal-checkbox/bal-checkbox-button/bal-checkbox-button.js +1 -1
- package/dist/collection/components/bal-checkbox/bal-checkbox.js +1 -1
- package/dist/collection/components/bal-close/bal-close.js +1 -1
- package/dist/collection/components/bal-content/bal-content.js +1 -1
- package/dist/collection/components/bal-data/bal-data-item/bal-data-item.js +1 -1
- package/dist/collection/components/bal-data/bal-data-label/bal-data-label.js +1 -1
- package/dist/collection/components/bal-data/bal-data-value/bal-data-value.js +1 -1
- package/dist/collection/components/bal-data/bal-data.js +1 -1
- package/dist/collection/components/bal-date/bal-date-calendar/bal-date-calendar.js +1 -1
- package/dist/collection/components/bal-date/bal-date-calendar-cell/bal-date-calendar-cell.js +1 -1
- package/dist/collection/components/bal-date/bal-date.js +1 -1
- package/dist/collection/components/bal-divider/bal-divider.js +1 -1
- package/dist/collection/components/bal-dropdown/bal-dropdown.js +2 -2
- package/dist/collection/components/bal-field/bal-field-control/bal-field-control.js +2 -2
- package/dist/collection/components/bal-field/bal-field-hint/bal-field-hint.js +1 -1
- package/dist/collection/components/bal-field/bal-field-label/bal-field-label.js +1 -1
- package/dist/collection/components/bal-field/bal-field-message/bal-field-message.js +2 -2
- package/dist/collection/components/bal-field/bal-field.js +2 -2
- package/dist/collection/components/bal-file-upload/bal-file-upload.js +4 -4
- package/dist/collection/components/bal-footer/bal-footer.js +3 -3
- package/dist/collection/components/bal-form/bal-form.js +1 -1
- package/dist/collection/components/bal-form-grid/bal-form-col/bal-form-col.js +2 -2
- package/dist/collection/components/bal-form-grid/bal-form-grid.js +1 -1
- package/dist/collection/components/bal-heading/bal-heading.js +1 -1
- package/dist/collection/components/bal-hint/bal-hint-text/bal-hint-text.js +1 -1
- package/dist/collection/components/bal-hint/bal-hint-title/bal-hint-title.js +1 -1
- package/dist/collection/components/bal-icon/bal-icon.css +1 -1
- package/dist/collection/components/bal-icon/bal-icon.js +85 -8
- package/dist/collection/components/bal-input/bal-input-date/bal-input-date.js +2 -2
- package/dist/collection/components/bal-input/bal-input.js +1 -1
- package/dist/collection/components/bal-input-group/bal-input-group.js +1 -1
- package/dist/collection/components/bal-input-slider/bal-input-slider.js +3 -3
- package/dist/collection/components/bal-input-stepper/bal-input-stepper.js +3 -3
- package/dist/collection/components/bal-label/bal-label.js +1 -1
- package/dist/collection/components/bal-list/bal-list-item-content/bal-list-item-content.js +2 -2
- package/dist/collection/components/bal-list/bal-list-item-icon/bal-list-item-icon.js +2 -2
- package/dist/collection/components/bal-list/bal-list-item-subtitle/bal-list-item-subtitle.js +1 -1
- package/dist/collection/components/bal-list/bal-list-item-title/bal-list-item-title.js +1 -1
- package/dist/collection/components/bal-list/bal-list.js +1 -1
- package/dist/collection/components/bal-modal/bal-modal-body/bal-modal-body.js +1 -1
- package/dist/collection/components/bal-modal/bal-modal-header/bal-modal-header.js +1 -1
- package/dist/collection/components/bal-modal/bal-modal.js +5 -5
- package/dist/collection/components/bal-nav/bal-nav-link/bal-nav-link.js +2 -2
- package/dist/collection/components/bal-nav/bal-nav-link-grid/bal-nav-link-grid.js +1 -1
- package/dist/collection/components/bal-nav/bal-nav-link-grid-col/bal-nav-link-grid-col.js +1 -1
- package/dist/collection/components/bal-nav/bal-nav-link-group/bal-nav-link-group.js +1 -1
- package/dist/collection/components/bal-nav/bal-nav-menu-bar/bal-nav-menu-bar.js +1 -1
- package/dist/collection/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.js +1 -1
- package/dist/collection/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.js +1 -1
- package/dist/collection/components/bal-nav/bal-nav.js +2 -2
- package/dist/collection/components/bal-navbar/bal-navbar-brand/bal-navbar-brand.js +1 -1
- package/dist/collection/components/bal-navbar/bal-navbar-menu/bal-navbar-menu.js +1 -1
- package/dist/collection/components/bal-navbar/bal-navbar-menu-end/bal-navbar-menu-end.js +1 -1
- package/dist/collection/components/bal-navbar/bal-navbar-menu-start/bal-navbar-menu-start.js +1 -1
- package/dist/collection/components/bal-navbar/bal-navbar.js +1 -1
- package/dist/collection/components/bal-notices/bal-notices.js +1 -1
- package/dist/collection/components/bal-notification/bal-notification.js +1 -1
- package/dist/collection/components/bal-number-input/bal-number-input.js +1 -1
- package/dist/collection/components/bal-option/bal-option.js +1 -1
- package/dist/collection/components/bal-option-list/bal-option-list.js +1 -1
- package/dist/collection/components/bal-pagination/bal-pagination.js +4 -4
- package/dist/collection/components/bal-popover/bal-popover-content/bal-popover-content.js +1 -1
- package/dist/collection/components/bal-popup/bal-popup.js +1 -1
- package/dist/collection/components/bal-progress-bar/bal-progress-bar.js +1 -1
- package/dist/collection/components/bal-radio/bal-radio-button/bal-radio-button.js +1 -1
- package/dist/collection/components/bal-radio/bal-radio.js +1 -1
- package/dist/collection/components/bal-segment/bal-segment-item/bal-segment-item.js +1 -1
- package/dist/collection/components/bal-segment/bal-segment.js +1 -1
- package/dist/collection/components/bal-select/bal-select-option/bal-select-option.js +1 -1
- package/dist/collection/components/bal-select/bal-select.js +5 -5
- package/dist/collection/components/bal-shape/bal-shape.js +4 -4
- package/dist/collection/components/bal-sheet/bal-sheet.js +1 -1
- package/dist/collection/components/bal-snackbar/bal-snackbar.js +1 -1
- package/dist/collection/components/bal-spinner/bal-spinner.js +1 -1
- package/dist/collection/components/bal-stack/bal-stack.js +1 -1
- package/dist/collection/components/bal-stage/bal-stage-back-link/bal-stage-back-link.js +2 -2
- package/dist/collection/components/bal-stage/bal-stage-body/bal-stage-body.js +1 -1
- package/dist/collection/components/bal-stage/bal-stage-foot/bal-stage-foot.js +1 -1
- package/dist/collection/components/bal-stage/bal-stage-head/bal-stage-head.js +1 -1
- package/dist/collection/components/bal-stage/bal-stage-image/bal-stage-image.js +1 -1
- package/dist/collection/components/bal-stage/bal-stage.js +1 -1
- package/dist/collection/components/bal-steps/bal-step-item/bal-step-item.js +2 -2
- package/dist/collection/components/bal-table/bal-table.js +1 -1
- package/dist/collection/components/bal-tabs/bal-tab-item/bal-tab-item.js +2 -2
- package/dist/collection/components/bal-tabs/bal-tabs.js +2 -2
- package/dist/collection/components/bal-tag/bal-tag-group/bal-tag-group.js +1 -1
- package/dist/collection/components/bal-tag/bal-tag.js +1 -1
- package/dist/collection/components/bal-text/bal-text.js +2 -2
- package/dist/collection/components/bal-textarea/bal-textarea.js +1 -1
- package/dist/collection/components/bal-time-input/bal-time-input.js +1 -1
- package/dist/collection/components/bal-toast/bal-toast.js +1 -1
- package/dist/collection/components/bal-tooltip/bal-tooltip.js +1 -1
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +247 -0
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/esm/app-globals-1ecf000f.js +5 -0
- package/dist/esm/bal-accordion_4.entry.js +62 -27
- package/dist/esm/bal-app.entry.js +2 -2
- package/dist/esm/bal-badge.entry.js +1 -1
- package/dist/esm/bal-button_2.entry.js +2 -2
- package/dist/esm/bal-card_6.entry.js +7 -7
- 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 +1 -1
- package/dist/esm/bal-close.entry.js +1 -1
- package/dist/esm/bal-content.entry.js +1 -1
- package/dist/esm/bal-data_4.entry.js +4 -4
- package/dist/esm/bal-date-calendar-cell.entry.js +1 -1
- package/dist/esm/bal-date-calendar_2.entry.js +3 -3
- package/dist/esm/bal-date.entry.js +1 -1
- package/dist/esm/bal-divider.entry.js +1 -1
- package/dist/esm/bal-doc-app.entry.js +229 -0
- package/dist/esm/bal-dropdown.entry.js +2 -2
- package/dist/esm/bal-field_5.entry.js +8 -8
- package/dist/esm/bal-file-upload.entry.js +4 -4
- package/dist/esm/bal-footer.entry.js +3 -3
- package/dist/esm/bal-form-col_2.entry.js +3 -3
- package/dist/esm/bal-form.entry.js +1 -1
- package/dist/esm/bal-heading_2.entry.js +3 -3
- package/dist/esm/bal-hint_5.entry.js +6 -6
- package/dist/esm/bal-icon.entry.js +1684 -311
- package/dist/esm/bal-input-group.entry.js +1 -1
- package/dist/esm/bal-input-slider.entry.js +3 -3
- package/dist/esm/bal-input-stepper.entry.js +3 -3
- package/dist/esm/bal-input.entry.js +1 -1
- package/dist/esm/bal-label.entry.js +1 -1
- package/dist/esm/bal-list_8.entry.js +10 -10
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-modal_3.entry.js +7 -7
- package/dist/esm/bal-nav_8.entry.js +13 -13
- package/dist/esm/bal-navbar_5.entry.js +8 -8
- package/dist/esm/bal-notices_3.entry.js +3 -3
- package/dist/esm/bal-notification.entry.js +1 -1
- package/dist/esm/bal-number-input.entry.js +1 -1
- package/dist/esm/bal-option_2.entry.js +2 -2
- package/dist/esm/bal-pagination.entry.js +7 -7
- package/dist/esm/bal-popup.entry.js +1 -1
- package/dist/esm/bal-progress-bar.entry.js +5 -5
- package/dist/esm/bal-radio-button.entry.js +1 -1
- package/dist/esm/bal-radio_2.entry.js +1 -1
- package/dist/esm/bal-segment_2.entry.js +6 -6
- package/dist/esm/bal-select_2.entry.js +6 -6
- package/dist/esm/bal-shape.entry.js +5 -5
- package/dist/esm/bal-sheet.entry.js +1 -1
- package/dist/esm/bal-spinner.entry.js +1 -1
- package/dist/esm/bal-stack.entry.js +1 -1
- package/dist/esm/bal-stage_6.entry.js +7 -7
- package/dist/esm/bal-step-item.entry.js +2 -2
- package/dist/esm/bal-steps.entry.js +3 -3
- package/dist/esm/bal-tab-item_2.entry.js +7 -7
- package/dist/esm/bal-table.entry.js +1 -1
- package/dist/esm/bal-tag_2.entry.js +2 -2
- package/dist/esm/bal-textarea.entry.js +1 -1
- package/dist/esm/bal-time-input.entry.js +1 -1
- package/dist/esm/bal-tooltip.entry.js +1 -1
- package/dist/esm/baloise-design-system.js +3 -2
- package/dist/esm/{breakpoints.decorator-2074b85a.js → breakpoints.decorator-ad70a895.js} +1 -1
- package/dist/esm/{breakpoints.subject-3329beee.js → breakpoints.subject-1bcc9ebd.js} +1 -1
- package/dist/esm/{app-globals-5dd5fe6b.js → global-6e86728b.js} +2 -4
- package/dist/esm/index.js +3 -3
- package/dist/esm/initialize-be160cc4.js +1 -1
- package/dist/esm/loader.js +3 -2
- package/dist/esm/{tokens.esm-9895930d.js → tokens.esm-82a8ee29.js} +1 -1
- package/dist/esm/{window-resize.decorator-9c64a902.js → window-resize.decorator-53a321cc.js} +1 -1
- package/dist/esm-es5/app-globals-1ecf000f.js +1 -0
- package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
- package/dist/esm-es5/bal-app.entry.js +1 -1
- package/dist/esm-es5/bal-badge.entry.js +1 -1
- package/dist/esm-es5/bal-button_2.entry.js +1 -1
- package/dist/esm-es5/bal-card_6.entry.js +1 -1
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-checkbox-button.entry.js +1 -1
- package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
- package/dist/esm-es5/bal-close.entry.js +1 -1
- package/dist/esm-es5/bal-content.entry.js +1 -1
- package/dist/esm-es5/bal-data_4.entry.js +1 -1
- package/dist/esm-es5/bal-date-calendar-cell.entry.js +1 -1
- package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
- package/dist/esm-es5/bal-date.entry.js +1 -1
- package/dist/esm-es5/bal-divider.entry.js +1 -1
- package/dist/esm-es5/bal-doc-app.entry.js +1 -0
- package/dist/esm-es5/bal-dropdown.entry.js +1 -1
- package/dist/esm-es5/bal-field_5.entry.js +1 -1
- package/dist/esm-es5/bal-file-upload.entry.js +1 -1
- package/dist/esm-es5/bal-footer.entry.js +1 -1
- package/dist/esm-es5/bal-form-col_2.entry.js +1 -1
- package/dist/esm-es5/bal-form.entry.js +1 -1
- package/dist/esm-es5/bal-heading_2.entry.js +1 -1
- package/dist/esm-es5/bal-hint_5.entry.js +1 -1
- package/dist/esm-es5/bal-icon.entry.js +2 -1
- package/dist/esm-es5/bal-input-group.entry.js +1 -1
- package/dist/esm-es5/bal-input-slider.entry.js +1 -1
- package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
- package/dist/esm-es5/bal-input.entry.js +1 -1
- package/dist/esm-es5/bal-label.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.entry.js +1 -1
- package/dist/esm-es5/bal-modal_3.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-notices_3.entry.js +1 -1
- package/dist/esm-es5/bal-notification.entry.js +1 -1
- package/dist/esm-es5/bal-number-input.entry.js +1 -1
- package/dist/esm-es5/bal-option_2.entry.js +1 -1
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-popup.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-radio-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 -1
- package/dist/esm-es5/bal-select_2.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-sheet.entry.js +1 -1
- package/dist/esm-es5/bal-spinner.entry.js +1 -1
- package/dist/esm-es5/bal-stack.entry.js +1 -1
- package/dist/esm-es5/bal-stage_6.entry.js +1 -1
- package/dist/esm-es5/bal-step-item.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/bal-table.entry.js +1 -1
- package/dist/esm-es5/bal-tag_2.entry.js +1 -1
- package/dist/esm-es5/bal-textarea.entry.js +1 -1
- package/dist/esm-es5/bal-time-input.entry.js +1 -1
- package/dist/esm-es5/bal-tooltip.entry.js +1 -1
- package/dist/esm-es5/baloise-design-system.js +1 -1
- package/dist/esm-es5/{breakpoints.decorator-2074b85a.js → breakpoints.decorator-ad70a895.js} +1 -1
- package/dist/esm-es5/{breakpoints.subject-3329beee.js → breakpoints.subject-1bcc9ebd.js} +1 -1
- package/dist/esm-es5/global-6e86728b.js +1 -0
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-be160cc4.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{window-resize.decorator-9c64a902.js → window-resize.decorator-53a321cc.js} +1 -1
- package/dist/html.html-data.json +24 -1
- package/dist/types/components/bal-accordion/bal-accordion-trigger/bal-accordion-trigger.d.ts +42 -1
- package/dist/types/components/bal-accordion/bal-accordion.interfaces.d.ts +1 -0
- package/dist/types/components/bal-icon/bal-icon.d.ts +21 -2
- package/dist/types/components/bal-icon/bal-icon.interfaces.d.ts +1 -0
- package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
- package/dist/types/components.d.ts +63 -2
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +82 -0
- package/package.json +7 -6
- package/dist/baloise-design-system/p-002d7bb9.js +0 -1
- package/dist/baloise-design-system/p-01d99206b2.entry.js +0 -1
- package/dist/baloise-design-system/p-309f1f7d4e.entry.js +0 -1
- package/dist/baloise-design-system/p-345aa92d.system.js +0 -1
- package/dist/baloise-design-system/p-35ca0dde1e.entry.js +0 -1
- package/dist/baloise-design-system/p-36f131eec6.entry.js +0 -1
- package/dist/baloise-design-system/p-3cfd6d7831.entry.js +0 -1
- package/dist/baloise-design-system/p-4d9a45256c.entry.js +0 -1
- package/dist/baloise-design-system/p-5c6d332a4e.entry.js +0 -1
- package/dist/baloise-design-system/p-5d6f66047b.system.entry.js +0 -1
- package/dist/baloise-design-system/p-6c29304485.system.entry.js +0 -1
- package/dist/baloise-design-system/p-76e1b06450.system.entry.js +0 -1
- package/dist/baloise-design-system/p-7c4d5ab726.entry.js +0 -1
- package/dist/baloise-design-system/p-8255d835fe.entry.js +0 -1
- package/dist/baloise-design-system/p-a1d210ca31.entry.js +0 -1
- package/dist/baloise-design-system/p-bab48d7af7.entry.js +0 -1
- package/dist/esm-es5/app-globals-5dd5fe6b.js +0 -1
- /package/dist/baloise-design-system/{p-105f0019.system.js → p-2237907a.system.js} +0 -0
- /package/dist/baloise-design-system/{p-8b3520e9.js → p-d13e5666.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-9895930d.js → tokens.esm-82a8ee29.js} +0 -0
package/dist/baloise-design-system/{p-8723e490bf.system.entry.js → p-68a9ea13a0.system.entry.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-7961e095.system.js","./p-db0895e2.system.js"],(function(i){"use strict";var a,o,t,n;return{setters:[function(i){a=i.r;o=i.h;t=i.H},function(i){n=i.B}],execute:function(){var r=':root{--bal-notification-font-size:var(--bal-text-size-normal);--bal-notification-font-family:var(--bal-font-family-text);--bal-notification-title-font-family:var(--bal-font-family-title);--bal-notification-title-font-size:var(--bal-text-size-medium);--bal-notification-title-font-size-tablet:var(--bal-text-size-medium-tablet);--bal-notification-title-font-size-desktop:var(--bal-text-size-medium-desktop);--bal-notification-background:var(--bal-color-grey-2);--bal-notification-background-primary:var(--bal-color-grey-2);--bal-notification-background-info:var(--bal-color-info-2);--bal-notification-background-success:var(--bal-color-success-2);--bal-notification-background-warning:var(--bal-color-warning-2);--bal-notification-background-danger:var(--bal-color-danger-2);--bal-notification-background-light:var(--bal-color-grey-1);--bal-notification-background-light-primary:var(--bal-color-purple-1);--bal-notification-background-light-info:var(--bal-color-info-1);--bal-notification-background-light-success:var(--bal-color-green-1);--bal-notification-background-light-warning:var(--bal-color-yellow-1);--bal-notification-background-light-danger:var(--bal-color-red-1);--bal-notification-border:var(--bal-color-grey-4);--bal-notification-border-primary:var(--bal-color-purple-3);--bal-notification-border-info:var(--bal-color-info-3);--bal-notification-border-success:var(--bal-color-green-5);--bal-notification-border-warning:var(--bal-color-yellow-4);--bal-notification-border-danger:var(--bal-color-red-4);--bal-notification-radius:var(--bal-radius-large);--bal-notification-light-radius:var(--bal-radius-normal);--bal-notification-color:var(--bal-color-text-primary);--bal-notification-color-primary:var(--bal-color-text-primary);--bal-notification-color-info:var(--bal-color-text-primary);--bal-notification-color-success:var(--bal-color-text-primary);--bal-notification-color-warning:var(--bal-color-text-primary);--bal-notification-color-danger:var(--bal-color-text-primary)}.bal-notification{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem;position:relative;min-height:3.5rem;border-radius:var(--bal-notification-radius);font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);background:var(--bal-notification-background);color:var(--bal-notification-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-notification{padding:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-notification{padding:var(--bal-space-medium-desktop)}}.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-family:var(--bal-notification-title-font-family);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-notification-title-font-size);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-tablet)}}@media screen and (min-width: 1024px){.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-desktop)}}.bal-notification>span,.bal-notification>p{font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-notification--color-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-primary{background:var(--bal-notification-background-primary);color:var(--bal-notification-color-primary)}.bal-notification--color-primary-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-info{background:var(--bal-notification-background-info);color:var(--bal-notification-color-info)}.bal-notification--color-info-light{border:2px solid var(--bal-notification-border-info);background:var(--bal-notification-background-light-info);color:var(--bal-notification-color-info);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-danger{background:var(--bal-notification-background-danger);color:var(--bal-notification-color-danger)}.bal-notification--color-danger-light{border:2px solid var(--bal-notification-border-danger);background:var(--bal-notification-background-light-danger);color:var(--bal-notification-color-danger);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-warning{background:var(--bal-notification-background-warning);color:var(--bal-notification-color-warning)}.bal-notification--color-warning-light{border:2px solid var(--bal-notification-border-warning);background:var(--bal-notification-background-light-warning);color:var(--bal-notification-color-warning);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-success{background:var(--bal-notification-background-success);color:var(--bal-notification-color-success)}.bal-notification--color-success-light{border:2px solid var(--bal-notification-border-success);background:var(--bal-notification-background-light-success);color:var(--bal-notification-color-success);border-radius:var(--bal-notification-light-radius)}.bal-notification:not(.bal-notification--no-icon){padding-left:3rem}.bal-notification:not(.bal-notification--no-icon):before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1.5rem;content:"";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-notification--color-primary:not(.bal-notification--no-icon):before,.bal-notification--color-primary-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-notification--color-info:not(.bal-notification--no-icon):before,.bal-notification--color-info-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-notification--color-success:not(.bal-notification--no-icon):before,.bal-notification--color-success-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-notification--color-warning:not(.bal-notification--no-icon):before,.bal-notification--color-warning-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-notification--color-danger:not(.bal-notification--no-icon):before,.bal-notification--color-danger-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}';var l=r;var c=i("bal_notification",function(){function i(i){a(this,i);this.color="";this.light=false;this.noIcon=false}i.prototype.render=function(){var i=n.block("notification");i.element("inner");return o(t,{key:"31c579a60b159d167726e54974f00d77461a1499",class:Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("no-icon").class(this.noIcon)),i.modifier("color-".concat(this.color).concat(this.light?"-light":"")).class(!!this.color)),i.modifier("color-light").class(!this.color&&this.light)),"data-testid":"bal-notification-content"},o("slot",{key:"9ac5afd2aa0a2f9395d1100163d6fcd629e20373"}))};return i}());c.style=l}}}));
|
|
1
|
+
System.register(["./p-7961e095.system.js","./p-db0895e2.system.js"],(function(i){"use strict";var o,a,t,n;return{setters:[function(i){o=i.r;a=i.h;t=i.H},function(i){n=i.B}],execute:function(){var r=':root{--bal-notification-font-size:var(--bal-text-size-normal);--bal-notification-font-family:var(--bal-font-family-text);--bal-notification-title-font-family:var(--bal-font-family-title);--bal-notification-title-font-size:var(--bal-text-size-medium);--bal-notification-title-font-size-tablet:var(--bal-text-size-medium-tablet);--bal-notification-title-font-size-desktop:var(--bal-text-size-medium-desktop);--bal-notification-background:var(--bal-color-grey-2);--bal-notification-background-primary:var(--bal-color-grey-2);--bal-notification-background-info:var(--bal-color-info-2);--bal-notification-background-success:var(--bal-color-success-2);--bal-notification-background-warning:var(--bal-color-warning-2);--bal-notification-background-danger:var(--bal-color-danger-2);--bal-notification-background-light:var(--bal-color-grey-1);--bal-notification-background-light-primary:var(--bal-color-purple-1);--bal-notification-background-light-info:var(--bal-color-info-1);--bal-notification-background-light-success:var(--bal-color-green-1);--bal-notification-background-light-warning:var(--bal-color-yellow-1);--bal-notification-background-light-danger:var(--bal-color-red-1);--bal-notification-border:var(--bal-color-grey-4);--bal-notification-border-primary:var(--bal-color-purple-3);--bal-notification-border-info:var(--bal-color-info-3);--bal-notification-border-success:var(--bal-color-green-5);--bal-notification-border-warning:var(--bal-color-yellow-4);--bal-notification-border-danger:var(--bal-color-red-4);--bal-notification-radius:var(--bal-radius-large);--bal-notification-light-radius:var(--bal-radius-normal);--bal-notification-color:var(--bal-color-text-primary);--bal-notification-color-primary:var(--bal-color-text-primary);--bal-notification-color-info:var(--bal-color-text-primary);--bal-notification-color-success:var(--bal-color-text-primary);--bal-notification-color-warning:var(--bal-color-text-primary);--bal-notification-color-danger:var(--bal-color-text-primary)}.bal-notification{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem;position:relative;min-height:3.5rem;border-radius:var(--bal-notification-radius);font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);background:var(--bal-notification-background);color:var(--bal-notification-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-notification{padding:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-notification{padding:var(--bal-space-medium-desktop)}}.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-family:var(--bal-notification-title-font-family);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-notification-title-font-size);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-tablet)}}@media screen and (min-width: 1024px){.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-desktop)}}.bal-notification>span,.bal-notification>p{font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-notification--color-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-primary{background:var(--bal-notification-background-primary);color:var(--bal-notification-color-primary)}.bal-notification--color-primary-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-info{background:var(--bal-notification-background-info);color:var(--bal-notification-color-info)}.bal-notification--color-info-light{border:2px solid var(--bal-notification-border-info);background:var(--bal-notification-background-light-info);color:var(--bal-notification-color-info);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-danger{background:var(--bal-notification-background-danger);color:var(--bal-notification-color-danger)}.bal-notification--color-danger-light{border:2px solid var(--bal-notification-border-danger);background:var(--bal-notification-background-light-danger);color:var(--bal-notification-color-danger);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-warning{background:var(--bal-notification-background-warning);color:var(--bal-notification-color-warning)}.bal-notification--color-warning-light{border:2px solid var(--bal-notification-border-warning);background:var(--bal-notification-background-light-warning);color:var(--bal-notification-color-warning);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-success{background:var(--bal-notification-background-success);color:var(--bal-notification-color-success)}.bal-notification--color-success-light{border:2px solid var(--bal-notification-border-success);background:var(--bal-notification-background-light-success);color:var(--bal-notification-color-success);border-radius:var(--bal-notification-light-radius)}.bal-notification:not(.bal-notification--no-icon){padding-left:3rem}.bal-notification:not(.bal-notification--no-icon):before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1.5rem;content:"";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-notification--color-primary:not(.bal-notification--no-icon):before,.bal-notification--color-primary-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z" fill="black"/></svg>\')}.bal-notification--color-info:not(.bal-notification--no-icon):before,.bal-notification--color-info-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z" fill="black"/></svg>\')}.bal-notification--color-success:not(.bal-notification--no-icon):before,.bal-notification--color-success-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z" fill="black"/></svg>\')}.bal-notification--color-warning:not(.bal-notification--no-icon):before,.bal-notification--color-warning-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}.bal-notification--color-danger:not(.bal-notification--no-icon):before,.bal-notification--color-danger-light:not(.bal-notification--no-icon):before{mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\');-webkit-mask-image:url(\'data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z" fill="black"/></svg>\')}';var l=r;var c=i("bal_notification",function(){function i(i){o(this,i);this.color="";this.light=false;this.noIcon=false}i.prototype.render=function(){var i=n.block("notification");i.element("inner");return a(t,{key:"867254c1020d19f225d64757749df32941d997e1",class:Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("no-icon").class(this.noIcon)),i.modifier("color-".concat(this.color).concat(this.light?"-light":"")).class(!!this.color)),i.modifier("color-light").class(!this.color&&this.light)),"data-testid":"bal-notification-content"},a("slot",{key:"6ac1a4235074bb8ad8599af069f0f6860c3d066c"}))};return i}());c.style=l}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as a,H as r}from"./p-2ccbe55a.js";import{_ as n,a as t}from"./p-43c9f5e9.js";import"./p-166d571e.js";import"./p-3f01fc8b.js";import{c as o}from"./p-4573c419.js";import{B as i}from"./p-ae86d0a0.js";import{L as l}from"./p-b77e3348.js";import{n as s}from"./p-a255c9b3.js";import{H as c}from"./p-a7be57b6.js";import{d as p}from"./p-ec375851.js";import{L as _}from"./p-20eba37f.js";import"./p-a65354df.js";var d,f,b,g,m,h,w,u,v,x,k,y={exports:{}};d=y,m=(g=(b=(f=y.exports)&&!f.nodeType&&f)&&d&&!d.nodeType&&d)&&g.exports===b&&("object"==typeof o&&o&&o.Object===Object&&o).process,w=(h=function(){try{return m&&m.binding("util")}catch(e){}}())&&h.isDate,u=Object.prototype.toString,x=w?(v=w,function(e){return v(e)}):function(e){return function(e){return!!e&&"object"==typeof e}(e)&&"[object Date]"==u.call(e)},d.exports=x,function(e){e[e.INIT=0]="INIT",e[e.RUNNING=1]="RUNNING",e[e.SUCCESS=2]="SUCCESS",e[e.ERROR=3]="ERROR"}(k||(k={}));class j{constructor(e){this.key=e}}new j("de"),new j("fr"),new j("it"),new j("en"),new j("nl"),new j("lb");const O=(e,a="CH",r=E.FOOTER,n="v2")=>{let t=e.key;return r===E.ONETRUST?t="all":"DE"===a&&(t="de"),`${(()=>{const e=C();return e&&e.indexOf("www.baloise.ch")>=0?`https://${e}`:"https://www.baloise.ch"})()}/app-integration/${n}/${a.toLowerCase()}/${r}/${t}.json`},C=()=>{var e;return(null===(e=null===window||void 0===window?void 0:window.location)||void 0===e?void 0:e.host)||void 0};var E;!function(e){e.FOOTER="footer",e.SOCIAL_MEDIA="socialmediachannels",e.ONETRUST="onetrust"}(E||(E={}));const H={en:{name:"English"},fr:{name:"Français"},it:{name:"Italiano"},nl:{name:"Nederlands"},es:{name:"Español"},pt:{name:"Português"},sv:{name:"Svenska"},fi:{name:"Suomi"},de:{name:"Deutsch"},pl:{name:"Polski"}},L=class{constructor(a){e(this,a),this.links=[],this.socialMediaLinks=[],this.language=p.language,this.region=p.region,this.allowedLanguages=p.allowedLanguages,this.hideLinks=!1,this.overrideLinks=void 0,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){c(e)}updateFooterLinks(){if(this.overrideLinks)this.links=this.overrideLinks;else if(!this.hideLinks&&("CH"===this.region||"DE"===this.region)){const e=this.region;s((()=>{((e,a="CH")=>{const r=O(e,a,E.FOOTER);return fetch(r).then((e=>e.json())).then((e=>e))})(new j(this.language),e).then((e=>this.links=e))}))}}updateSocialMediaLinks(){if(this.showSocialMedia&&("CH"===this.region||"DE"===this.region)){const e=this.region;s((()=>{((e,a="CH")=>{const r=O(e,a,E.SOCIAL_MEDIA,"v1");return fetch(r).then((e=>e.json())).then((e=>e))})(new j(this.language),e).then((e=>this.socialMediaLinks=e))}))}}render(){const e=i.block("footer"),n=e.element("slot"),t=e.element("inner"),o=t.element("wrapper"),l=o.element("container"),s=o.element("links-container"),c=o.element("header-container"),p=c.element("logo"),_=c.element("language"),d=_.element("wrapper"),f=s.element("legal-links"),b=s.element("social-media-links");return a(r,{key:"63b0d68bf5813a5758202dcb1d154599dc808c58",class:Object.assign({},e.class())},a("footer",{key:"409eb8e6cfc4cf5a8f5b504bfd914d686458ca2d",class:Object.assign({},t.class())},a("div",{key:"a987f76c6aee6a7d8d376867ac58bd972ba80e05",class:Object.assign({},o.class())},a("div",{key:"3028b99426dd4019f39cdbf27ff7359c32686d79",class:Object.assign(Object.assign({container:!0},l.class()),c.class())},a("div",{key:"558ce31d189e1cd3f942146093ce0faf994669c9",class:Object.assign({},p.class())},a("bal-logo",{key:"fc1c918ef12867f2e65f4e01c2266dfa524ad5c3",color:"white"})),a("div",{key:"ec418eca7def7286a625f4ed7d40194865ca795d",class:Object.assign({},_.class()),style:{display:this.hideLanguageSelection||this.allowedLanguages.length<=1?"none":"flex"}},a("div",{key:"9ed1373bd05ab2a1eb56654c885895a3247fbd28",class:Object.assign({},d.class())},a("bal-icon",{key:"6353ac60b7ff51d29b19529fad5558133610dfec",class:Object.assign({},d.element("icon").class()),name:"web",color:"white"}),a("select",{key:"b31f1ad5708693ec6d824075234b649ed0a0b670",class:Object.assign({},d.element("select").class()),onChange:e=>this.changeLanguage(e.target.value),"data-testid":"bal-footer-language"},this.allowedLanguages.map((e=>a("option",{key:e,value:e,selected:e===this.language},e.toLocaleUpperCase()+" - "+H[e].name))))))),a("div",{key:"53604c5b9b022f3cc93cc25e585f8573fdb609a4",class:Object.assign({},n.class())},a("slot",{key:"768096640cb46e55904b92d8bf71bc8e0f1d14a9"})),a("div",{key:"f376f065dfd717f806f648dca91912f88b23dbf7",class:Object.assign(Object.assign({container:!0},l.class()),s.class())},a("div",{key:"382c7fd1cbeb51620790523a4013bbca5e1b8442",class:Object.assign({},b.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",{key:"2d9bc74994376502bf3adbe1de443665b4c69fb3",class:Object.assign({},f.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([l("bal-footer"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],L.prototype,"createLogger",null),n([_(),t("design:type",Function),t("design:paramtypes",[Object]),t("design:returntype",Promise)],L.prototype,"configChanged",null),L.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__slot{color:var(--bal-footer-color)}.bal-footer__inner{position:relative;font-family:var(--bal-footer-font-family);background-color:var(--bal-footer-background);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__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__wrapper{display:-ms-flexbox;display:flex;gap:1rem;cursor:pointer}.bal-footer__inner__wrapper__header-container__language__wrapper select{padding-left:2px;padding-right:2px;background:rgba(0,0,0,0);-webkit-appearance:none;border:none;color:var(--bal-color-white);font-weight:var(--bal-font-weight-bold);font-family:var(--bal-font-family-title);cursor:pointer}.bal-footer__inner__wrapper__header-container__language__wrapper select option{background:var(--bal-color-white) !important;color:var(--bal-color-primary) !important;font-weight:var(--bal-font-weight-bold) !important;font-family:var(--bal-font-family-text) !important}.bal-footer__inner__wrapper__header-container__language__wrapper:hover svg,.bal-footer__inner__wrapper__header-container__language__wrapper:hover g,.bal-footer__inner__wrapper__header-container__language__wrapper:hover path,.bal-footer__inner__wrapper__header-container__language__wrapper:hover circle{fill:var(--bal-footer-language-background-hover)}.bal-footer__inner__wrapper__header-container__language__wrapper:hover select{color:var(--bal-footer-language-color-hover)}.bal-footer__inner__wrapper__header-container__language__wrapper:active svg,.bal-footer__inner__wrapper__header-container__language__wrapper:active g,.bal-footer__inner__wrapper__header-container__language__wrapper:active path,.bal-footer__inner__wrapper__header-container__language__wrapper:active circle{fill:var(--bal-footer-language-background-active)}.bal-footer__inner__wrapper__header-container__language__wrapper:active select{color:var(--bal-footer-language-color-active)}.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{L as bal_footer}
|
|
1
|
+
import{r as e,h as a,H as r}from"./p-2ccbe55a.js";import{_ as n,a as t}from"./p-43c9f5e9.js";import"./p-166d571e.js";import"./p-3f01fc8b.js";import{c as o}from"./p-4573c419.js";import{B as i}from"./p-ae86d0a0.js";import{L as l}from"./p-b77e3348.js";import{n as c}from"./p-a255c9b3.js";import{H as s}from"./p-a7be57b6.js";import{d as p}from"./p-ec375851.js";import{L as _}from"./p-20eba37f.js";import"./p-a65354df.js";var f,b,d,g,m,h,w,u,v,x,k,y={exports:{}};f=y,m=(g=(d=(b=y.exports)&&!b.nodeType&&b)&&f&&!f.nodeType&&f)&&g.exports===d&&("object"==typeof o&&o&&o.Object===Object&&o).process,w=(h=function(){try{return m&&m.binding("util")}catch(e){}}())&&h.isDate,u=Object.prototype.toString,x=w?(v=w,function(e){return v(e)}):function(e){return function(e){return!!e&&"object"==typeof e}(e)&&"[object Date]"==u.call(e)},f.exports=x,function(e){e[e.INIT=0]="INIT",e[e.RUNNING=1]="RUNNING",e[e.SUCCESS=2]="SUCCESS",e[e.ERROR=3]="ERROR"}(k||(k={}));class j{constructor(e){this.key=e}}new j("de"),new j("fr"),new j("it"),new j("en"),new j("nl"),new j("lb");const O=(e,a="CH",r=E.FOOTER,n="v2")=>{let t=e.key;return r===E.ONETRUST?t="all":"DE"===a&&(t="de"),`${(()=>{const e=C();return e&&e.indexOf("www.baloise.ch")>=0?`https://${e}`:"https://www.baloise.ch"})()}/app-integration/${n}/${a.toLowerCase()}/${r}/${t}.json`},C=()=>{var e;return(null===(e=null===window||void 0===window?void 0:window.location)||void 0===e?void 0:e.host)||void 0};var E;!function(e){e.FOOTER="footer",e.SOCIAL_MEDIA="socialmediachannels",e.ONETRUST="onetrust"}(E||(E={}));const H={en:{name:"English"},fr:{name:"Français"},it:{name:"Italiano"},nl:{name:"Nederlands"},es:{name:"Español"},pt:{name:"Português"},sv:{name:"Svenska"},fi:{name:"Suomi"},de:{name:"Deutsch"},pl:{name:"Polski"}},L=class{constructor(a){e(this,a),this.links=[],this.socialMediaLinks=[],this.language=p.language,this.region=p.region,this.allowedLanguages=p.allowedLanguages,this.hideLinks=!1,this.overrideLinks=void 0,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){s(e)}updateFooterLinks(){if(this.overrideLinks)this.links=this.overrideLinks;else if(!this.hideLinks&&("CH"===this.region||"DE"===this.region)){const e=this.region;c((()=>{((e,a="CH")=>{const r=O(e,a,E.FOOTER);return fetch(r).then((e=>e.json())).then((e=>e))})(new j(this.language),e).then((e=>this.links=e))}))}}updateSocialMediaLinks(){if(this.showSocialMedia&&("CH"===this.region||"DE"===this.region)){const e=this.region;c((()=>{((e,a="CH")=>{const r=O(e,a,E.SOCIAL_MEDIA,"v1");return fetch(r).then((e=>e.json())).then((e=>e))})(new j(this.language),e).then((e=>this.socialMediaLinks=e))}))}}render(){const e=i.block("footer"),n=e.element("slot"),t=e.element("inner"),o=t.element("wrapper"),l=o.element("container"),c=o.element("links-container"),s=o.element("header-container"),p=s.element("logo"),_=s.element("language"),f=_.element("wrapper"),b=c.element("legal-links"),d=c.element("social-media-links");return a(r,{key:"c37aa4f326e222eb718dc6e7f7acde38202c69ec",class:Object.assign({},e.class())},a("footer",{key:"873cb6793243a35a22531960efd8eaab507215f4",class:Object.assign({},t.class())},a("div",{key:"41a1d722b080704fbb4e2bf17e60b102473597bf",class:Object.assign({},o.class())},a("div",{key:"f83f8b6e5f98d6195a56bc0a832cfe69b1ea9431",class:Object.assign(Object.assign({container:!0},l.class()),s.class())},a("div",{key:"2b18376073d6aff12f7ac7b8d216b5f4817f6e1f",class:Object.assign({},p.class())},a("bal-logo",{key:"96eb73f8ba0551411ce27dd28cf2e7cad2914f8b",color:"white"})),a("div",{key:"1a9f0b4fe75b4e2d05ca37d63176de0b53d01a3c",class:Object.assign({},_.class()),style:{display:this.hideLanguageSelection||this.allowedLanguages.length<=1?"none":"flex"}},a("div",{key:"daf46260d6491847cef8c797840a35c3acf28ac6",class:Object.assign({},f.class())},a("bal-icon",{key:"bf66eab0736fe4eb66c358a51ab7e416a9b8e140",class:Object.assign({},f.element("icon").class()),name:"web",color:"white"}),a("select",{key:"0fa532d6793d095b6535af67f1ec2c4411d99cc0",class:Object.assign({},f.element("select").class()),onChange:e=>this.changeLanguage(e.target.value),"data-testid":"bal-footer-language"},this.allowedLanguages.map((e=>a("option",{key:e,value:e,selected:e===this.language},e.toLocaleUpperCase()+" - "+H[e].name))))))),a("div",{key:"6ade883c03b2bd6859beb27e2c1660ff6ef5957f",class:Object.assign({},n.class())},a("slot",{key:"fc23e7c53029d21be656fc54b6ac8e668231e1d6"})),a("div",{key:"c2023054e279a9839b2aeb755c3e856b767b72f2",class:Object.assign(Object.assign({container:!0},l.class()),c.class())},a("div",{key:"2473f807e6ca82bc65df05e1ebee6e275686163e",class:Object.assign({},d.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",{key:"c9df6d4ba3df4c81cc5a97edbf591c252c70c441",class:Object.assign({},b.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([l("bal-footer"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],L.prototype,"createLogger",null),n([_(),t("design:type",Function),t("design:paramtypes",[Object]),t("design:returntype",Promise)],L.prototype,"configChanged",null),L.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__slot{color:var(--bal-footer-color)}.bal-footer__inner{position:relative;font-family:var(--bal-footer-font-family);background-color:var(--bal-footer-background);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__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__wrapper{display:-ms-flexbox;display:flex;gap:1rem;cursor:pointer}.bal-footer__inner__wrapper__header-container__language__wrapper select{padding-left:2px;padding-right:2px;background:rgba(0,0,0,0);-webkit-appearance:none;border:none;color:var(--bal-color-white);font-weight:var(--bal-font-weight-bold);font-family:var(--bal-font-family-title);cursor:pointer}.bal-footer__inner__wrapper__header-container__language__wrapper select option{background:var(--bal-color-white) !important;color:var(--bal-color-primary) !important;font-weight:var(--bal-font-weight-bold) !important;font-family:var(--bal-font-family-text) !important}.bal-footer__inner__wrapper__header-container__language__wrapper:hover svg,.bal-footer__inner__wrapper__header-container__language__wrapper:hover g,.bal-footer__inner__wrapper__header-container__language__wrapper:hover path,.bal-footer__inner__wrapper__header-container__language__wrapper:hover circle{fill:var(--bal-footer-language-background-hover)}.bal-footer__inner__wrapper__header-container__language__wrapper:hover select{color:var(--bal-footer-language-color-hover)}.bal-footer__inner__wrapper__header-container__language__wrapper:active svg,.bal-footer__inner__wrapper__header-container__language__wrapper:active g,.bal-footer__inner__wrapper__header-container__language__wrapper:active path,.bal-footer__inner__wrapper__header-container__language__wrapper:active circle{fill:var(--bal-footer-language-background-active)}.bal-footer__inner__wrapper__header-container__language__wrapper:active select{color:var(--bal-footer-language-color-active)}.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{L as bal_footer}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as a,H as l,g as t}from"./p-2ccbe55a.js";import{_ as i,a as r}from"./p-43c9f5e9.js";import{B as n}from"./p-ae86d0a0.js";import{L as s}from"./p-b77e3348.js";import{i as b}from"./p-09ab29d6.js";import{d as o}from"./p-5eb3fbb9.js";import{d as h}from"./p-ec375851.js";import{L as g}from"./p-20eba37f.js";import"./p-a65354df.js";import"./p-a7be57b6.js";const v=class{constructor(a){e(this,a),this.language=h.language,this.region=h.region,this.ariaForm=o,this.htmlFor=void 0,this.htmlId="bal-lbl-"+d++,this.required=!0,this.noWrap=!1,this.multiline=!1,this.valid=void 0,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.size="",this.weight="bold",this.hovered=!1,this.pressed=!1}createLogger(e){this.log=e}async configChanged(e){this.language=e.language,this.region=e.region}async setAriaForm(e){this.ariaForm=Object.assign({},e)}render(){const e=n.block("label"),t=!1===this.required&&b[this.language].optional||"",i=!!this.disabled||!!this.readonly,r=!!this.invalid,s=!!this.valid,o="regular"===this.weight,h="small"===this.size,g="large"===this.size,v="x-large"===this.size,d="xx-large"===this.size,x="xxx-large"===this.size,
|
|
1
|
+
import{r as e,h as a,H as l,g as t}from"./p-2ccbe55a.js";import{_ as i,a as r}from"./p-43c9f5e9.js";import{B as n}from"./p-ae86d0a0.js";import{L as s}from"./p-b77e3348.js";import{i as b}from"./p-09ab29d6.js";import{d as o}from"./p-5eb3fbb9.js";import{d as h}from"./p-ec375851.js";import{L as g}from"./p-20eba37f.js";import"./p-a65354df.js";import"./p-a7be57b6.js";const v=class{constructor(a){e(this,a),this.language=h.language,this.region=h.region,this.ariaForm=o,this.htmlFor=void 0,this.htmlId="bal-lbl-"+d++,this.required=!0,this.noWrap=!1,this.multiline=!1,this.valid=void 0,this.invalid=void 0,this.disabled=void 0,this.readonly=void 0,this.size="",this.weight="bold",this.hovered=!1,this.pressed=!1}createLogger(e){this.log=e}async configChanged(e){this.language=e.language,this.region=e.region}async setAriaForm(e){this.ariaForm=Object.assign({},e)}render(){const e=n.block("label"),t=!1===this.required&&b[this.language].optional||"",i=!!this.disabled||!!this.readonly,r=!!this.invalid,s=!!this.valid,o="regular"===this.weight,h="small"===this.size,g="large"===this.size,v="x-large"===this.size,d="xx-large"===this.size,x="xxx-large"===this.size,m=this.ariaForm.labelId||this.htmlId,f=this.htmlFor||this.ariaForm.controlId;return a(l,{key:"34631412474f531a869087b4102e740e58078b50",class:Object.assign({},e.class())},a("label",{key:"7ea143eca5e46761a69e626065269180491c9684",id:m,htmlFor:f,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({},e.element("native").class()),e.element("native").modifier("multiline").class(this.multiline)),e.element("native").modifier("no-wrap").class(this.noWrap)),e.element("native").modifier("disabled").class(i)),e.element("native").modifier("danger").class(r)),e.element("native").modifier("success").class(s)),e.element("native").modifier("regular").class(o)),e.element("native").modifier("small").class(h)),e.element("native").modifier("large").class(g)),e.element("native").modifier("x-large").class(v)),e.element("native").modifier("xx-large").class(d)),e.element("native").modifier("xxx-large").class(x)),e.element("native").modifier("hovered").class(this.hovered)),e.element("native").modifier("pressed").class(this.pressed))},a("slot",{key:"aed679957f7e593ba3d129b9f00f93645aec9577"}),t))}get el(){return t(this)}};i([s("bal-label"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],v.prototype,"createLogger",null),i([g(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],v.prototype,"configChanged",null);let d=0;v.style=".bal-label{display:inline;-webkit-box-sizing:content-box;box-sizing:content-box;position:static;word-break:break-word}.bal-label__native{display:inline;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:pre;min-width:0;font-family:var(--bal-form-field-label-font-family);font-weight:var(--bal-form-field-label-font-weight);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal)}.bal-label__native--multiline{white-space:normal}.bal-label__native--no-wrap{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-label__native--small{font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-small);line-height:var(--bal-line-height-small)}@media screen and (min-width: 769px),print{.bal-label__native--small{font-size:var(--bal-text-size-small-tablet);line-height:var(--bal-line-height-tablet-small)}}@media screen and (min-width: 1024px){.bal-label__native--small{font-size:var(--bal-text-size-small-desktop);line-height:var(--bal-line-height-desktop-small)}}.bal-label__native--large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-label__native--large{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-label__native--large{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-label__native--x-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-label__native--x-large{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-label__native--x-large{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}.bal-label__native--xx-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-xx-large);line-height:var(--bal-line-height-xx-large)}@media screen and (min-width: 769px),print{.bal-label__native--xx-large{font-size:var(--bal-text-size-xx-large-tablet);line-height:var(--bal-line-height-tablet-xx-large)}}@media screen and (min-width: 1024px){.bal-label__native--xx-large{font-size:var(--bal-text-size-xx-large-desktop);line-height:var(--bal-line-height-desktop-xx-large)}}.bal-label__native--xxx-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-xxx-large);line-height:var(--bal-line-height-xxx-large)}@media screen and (min-width: 769px),print{.bal-label__native--xxx-large{font-size:var(--bal-text-size-xxx-large-tablet);line-height:var(--bal-line-height-tablet-xxx-large)}}@media screen and (min-width: 1024px){.bal-label__native--xxx-large{font-size:var(--bal-text-size-xxx-large-desktop);line-height:var(--bal-line-height-desktop-xxx-large)}}.bal-label__native--success{color:var(--bal-form-field-label-success-color)}.bal-label__native--danger{color:var(--bal-form-field-label-danger-color)}.bal-label__native--disabled{color:var(--bal-form-field-label-disabled-color) !important}.bal-label__native--regular{font-weight:var(--bal-font-weight-regular)}.bal-label__native--hovered{color:var(--bal-form-field-label-color-hover)}.bal-label__native--pressed{color:var(--bal-form-field-label-color-active)}.bal-label__native--danger.bal-label__native--hovered{color:var(--bal-form-field-label-danger-color-hover)}.bal-label__native--danger.bal-label__native--pressed{color:var(--bal-form-field-label-danger-color-active)}";export{v as bal_label}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as a,r as i,c as t,H as e,g as n}from"./p-2ccbe55a.js";import{_ as l,a as r}from"./p-43c9f5e9.js";import{B as o}from"./p-ae86d0a0.js";import{L as s}from"./p-b77e3348.js";import{b}from"./p-a65354df.js";import{B as c}from"./p-c1852273.js";import{w as d,d as v}from"./p-a255c9b3.js";import{b as m}from"./p-75051cae.js";import{d as h}from"./p-ec375851.js";import{L as p}from"./p-83ac9b11.js";import{L as u}from"./p-a2f19988.js";import{L as g}from"./p-20eba37f.js";import{L as f}from"./p-6e85cd1a.js";import"./p-a7be57b6.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-8b3520e9.js";class k{constructor(a,i){this.observer=i,this.clickable=!1,this.active=!1,this.data=void 0,this.label=a.label,this.id="nav-link-item-"+_++,this.value=a.value||this.id,this.href=a.href,this.rel=a.rel,this.target=a.target,this.active=!!a.active,this.clickable=!!a.clickable,this.data=a.data,this.onClick=i=>{this.observer.linkItemClickListener(this),a.onClick&&a.onClick(i)},this.onAccordionClick=i=>{this.observer.accordionClickListener(this),a.onAccordionClick&&a.onAccordionClick(i)}}get type(){return"NavLinkItem"}get isLink(){return null!=this.href&&""!==this.href}toJson(){return{label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,data:this.data}}renderTouch(i){const t=o.block("nav");return a("li",null,a("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},t.element("mobile-links").class()),t.element("mobile-links").modifier("selected").class(this.active)),t.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:a=>this.onClick(a)},this.label))}render(i){return a("bal-nav-link",{role:"listitem",href:this.href,target:this.target,clickable:this.clickable,selected:this.active,onClick:a=>this.onClick(a)},this.label)}}let _=0;class x extends k{constructor(a,i){super(a,i),this.linkItems=[],this.htmlTitle=a.htmlTitle,this.label=a.label,this.href=a.href,this.target=a.target,this.id="nav-section-link-item-"+w++,this.value=a.value||this.id,this.linkItems=(a.linkItems||[]).map((a=>new k(a,i)))}get type(){return"NavSectionLinkItem"}renderTouch(i){const t=o.block("nav"),e=this.linkItems&&this.linkItems.length>0;return a("li",null,a("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},t.element("mobile-section-item").class()),t.element("mobile-section-item").modifier("selected").class(this.active)),t.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:a=>this.onClick(a)},this.label),e?a("ul",{class:Object.assign({},t.element("mobile-links-list").class())},this.linkItems.map((a=>a.renderTouch()))):"")}render(i){return a("bal-nav-link-group",{role:"list"},a("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:a=>this.onClick(a)},this.label),this.linkItems.map((a=>a.render())))}}let w=0;class y extends k{constructor(a,i){super(a,i),this.color="grey",this.linkItems=[],this.id="nav-service-link-item-"+j++,this.value=a.value||this.id,this.color=a.color||"grey",this.linkItems=(a.linkItems||[]).map((a=>new k(a,i)))}get type(){return"NavServiceLinkItem"}renderTouch(i){const t=o.block("nav"),e=this.linkItems&&this.linkItems.length>0;return a("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},t.element("mobile-service-item").class()),t.element("mobile-service-item").modifier(`color-${this.color}`).class()),t.element("mobile-service-item").modifier("selected").class(this.active)),t.element("mobile-service-item").modifier("clickable").class(this.clickable))},a("a",{id:this.id,href:this.href,rel:this.rel,target:this.target,onClick:a=>this.onClick(a)},this.label),e?a("ul",{class:Object.assign({},t.element("mobile-links-list").class())},this.linkItems.map((a=>a.renderTouch()))):"")}render(i){return a("bal-nav-link-group",{color:this.color,role:"list"},a("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:a=>this.onClick(a)},this.label),this.linkItems.map((a=>a.render())))}}let j=0;const z=({id:i,label:t,level:e,open:n,link:l,href:r,rel:s,target:b,onClick:c})=>{const d=o.block("nav");return l?a("a",{id:i,class:Object.assign({},d.element(`mobile-${e}-item`).class()),href:r,rel:s,target:b,onClick:a=>c(a)},a("span",null,t)):a("button",{id:i,class:Object.assign({},d.element(`mobile-${e}-item`).class()),onClick:a=>c(a)},a("span",null,t),a("bal-icon",{name:"nav-go-down",size:"small",turn:n}))},O=({item:i,isMenu:t,onClick:e,isVisible:n})=>{const l=o.block("nav");return i?a("a",{class:Object.assign(Object.assign(Object.assign({},l.element("mobile-overview-link").class()),l.element("mobile-overview-link").modifier("menu").class(!!t)),l.element("mobile-overview-link").modifier("invisible").class(!1===n)),href:i.href,rel:i.rel,target:i.target,onClick:a=>e(a)},i.label," ",i.label?"➞":""):""};class L extends k{constructor(a,i){super(a,i),this.sectionLinkItems=[],this.serviceLinkItems=[],this.id="nav-menu-link-item-"+C++,this.value=a.value||this.id,this.sectionLinkItems=(a.sectionLinkItems||[]).map((a=>new x(a,i))),this.serviceLinkItems=(a.serviceLinkItems||[]).map((a=>new y(a,i))),this.overviewLink=a.overviewLink?new k(a.overviewLink,i):void 0}get type(){return"NavMenuLinkItem"}renderTouch(i){const t=o.block("nav"),e=this.sectionLinkItems&&this.sectionLinkItems.length>0,n=this.serviceLinkItems&&this.serviceLinkItems.length>0,l=(null==i?void 0:i.activeMenuLinkValue)===this.value;return a("li",null,a(z,{id:this.id,level:"menu",label:this.label,href:this.href,target:this.target,link:!e&&!n&&this.isLink,open:l,onClick:a=>this.onAccordionClick(a)}),a(O,{item:this.overviewLink,onClick:a=>this.onClick(a),isMenu:!0,isVisible:l}),e?a("ul",{class:Object.assign(Object.assign({},t.element("mobile-section-list").class()),t.element("mobile-section-list").modifier("invisible").class(!1===l))},this.sectionLinkItems.map((a=>a.renderTouch()))):"",n?a("ul",{class:Object.assign(Object.assign({},t.element("mobile-service-list").class()),t.element("mobile-service-list").modifier("invisible").class(!1===l))},this.serviceLinkItems.map((a=>a.renderTouch()))):"")}render(i){return a("bal-tab-item",this.sectionLinkItems.length>0||this.serviceLinkItems.length>0||!this.isLink?{aria:{controls:i.flyoutId},label:this.label,value:this.value,"no-panel":!0,onBalNavigate:a=>{null==i||i.onClick(),this.onClick&&this.onClick(a.detail)}}:{aria:{controls:i.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":!0})}}let C=0;class M extends k{constructor(a,i){super(a,i),this.mainLinkItems=[],this.id="nav-meta-link-item-"+F++,this.value=a.value||this.id,this.mainLinkItems=(a.mainLinkItems||[]).map((a=>new L(a,i))),this.overviewLink=a.overviewLink?new k(a.overviewLink,i):void 0}get type(){return"NavMetaLinkItem"}renderTouch(i){const t=o.block("nav"),e=(null==i?void 0:i.activeMetaLinkValue)===this.value;return a("li",null,a(z,{id:this.id,level:"meta",label:this.label,open:e,link:!(this.mainLinkItems.length>0)&&this.isLink,href:this.href,target:this.target,onClick:a=>this.onAccordionClick(a)}),e?a(O,{item:this.overviewLink,onClick:a=>this.onClick(a)}):"",e?a("hr",{class:Object.assign(Object.assign({},t.element("line").class()),t.element("line").modifier("up").class())}):"",e&&this.mainLinkItems&&this.mainLinkItems.length>0?a("ul",{class:Object.assign({},t.element("mobile-menu-list").class())},this.mainLinkItems.map((a=>a.renderTouch({activeMetaLinkValue:i.activeMetaLinkValue,activeMenuLinkValue:i.activeMenuLinkValue})))):"",a("hr",{class:Object.assign({},t.element("line").class())}))}render(i){return a("bal-tab-item",this.isLink?{aria:{controls:i.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":!0}:{aria:{controls:i.flyoutId},label:this.label,value:this.value,"no-panel":!0,onBalNavigate:a=>{this.onClick&&this.onClick(a.detail)}})}}let F=0;class N extends k{constructor(a,i){super(a,i),this.touchPlacement="top",this.id="nav-meta-button-"+I++,this.touchPlacement=a.touchPlacement||"top",this.value=a.value||this.id,this.icon=a.icon,this.popoverId=a.popupId,this.ariaLabel=a.ariaLabel,this.htmlTitle=a.htmlTitle,this.href=a.href||"",this.target=a.target||"_self"}get type(){return"NavMetaButton"}get isLink(){return!!this.href}renderAtMetaBar(){return a("bal-button",this.isLink?{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:!0,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label}}:{id:this.value,class:"bal-popup-permanent-trigger bal-nav__popup--desktop",color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label},inverted:!0,"bal-popup":this.popoverId,"bal-popup-variant":"popover","bal-popup-arrow":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-closable":"true","bal-popup-placement":"bottom-end","bal-popup-reference":"bal-nav__meta-buttons"},this.label)}renderAtTouchTopMetaBar(){if("top"===this.touchPlacement)return a("bal-button",this.isLink?{id:this.value,color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label}}:{id:this.value,class:"bal-nav__popup--touch-top",color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,inverted:!1,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label},"bal-popup":this.popoverId,"bal-popup-variant":"fullscreen","bal-popup-closable":"true","bal-popup-offset":"64"},this.icon?"":this.label)}renderAtTouchBottomMetaBar(){if("bottom"===this.touchPlacement)return a("bal-button",this.isLink?{id:this.value,color:"info",inverted:!1,icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label},href:this.href,target:this.target}:{id:this.value,class:"bal-nav__popup--touch-bottom",icon:this.icon,square:!this.label||this.label.length<3,color:"info",inverted:!1,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label},"bal-popup":this.popoverId,"bal-popup-variant":"drawer","bal-popup-closable":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-offset":"64"},this.label)}resetTouchBottomMetaBar(){if(b.hasDocument&&"bottom"===this.touchPlacement){const a=document.getElementById(this.value);a&&"drawer"===a.balPopupVariant&&(a.color="info")}}resetDesktopMetaBar(){if(b.hasDocument){const a=document.getElementById(this.value);a&&"popover"===a.balPopupVariant&&(a.color="info")}}}let I=0;const $={de:{meta:"Hauptnavigation",main:"Subnavigation",open:"Menü öffnen",close:"Menü schliessen"},en:{meta:"Main Navigation",main:"Sub Navigation",open:"Open Menu",close:"Close Menu"},fr:{meta:"Navigation principale",main:"Sous-navigation",open:"Ouvrir le menu",close:"Fermer le menu"},it:{meta:"Navigazione principale",main:"Sottomenu",open:"Apri Menù",close:"Chiudi menù"},nl:{meta:"Hoofdnavigatie",main:"Subnavigatie",open:"Menu openen",close:"Menu sluiten"},es:{meta:"Navegación principal",main:"Subnavegación",open:"Menú abierto",close:"Cerrar menú"},pl:{meta:"Nawigacja główna",main:"Nawigacja podrzędna",open:"Otwórz menu",close:"Zamknij menu"},pt:{meta:"Navegação principal",main:"Subnavegação",open:"Menu aberto",close:"Fechar menu"},sv:{meta:"Huvudnavigering",main:"Undernavigering",open:"Öppna menyn",close:"Stäng menyn"},fi:{meta:"Päänavigointi",main:"Alinavigointi",open:"Avaa valikko",close:"Sulje valikko"}},A=class{constructor(a){i(this,a),this.balNavItemClick=t(this,"balNavItemClick",7),this.navId="bal-nav-"+B++,this.bodyScrollHandler=new c,this.hasRenderedWithFlyoutActive=!1,this.mutationObserverActive=!0,this.onOptionChange=async()=>{this.activeMetaLinkValue=void 0,this.activeMenuLinkValue=void 0,this.linkItems=this.options.map((a=>new M(a,this)))},this.onMetaButtonChange=async()=>{this.metaButtons=this.buttons.map((a=>new N(a,this)))},this.onTouchToggleFlyout=()=>{this.closeAllPopups(),this.toggleFlyout(),b.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),this.isFlyoutActive?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable()},this.onPopupOpen=a=>{this.isTouch&&b.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),a.forEach((a=>{a.classList.contains("bal-nav__popup--desktop")?a.inverted=!1:(a.classList.contains("bal-nav__popup--touch-bottom")||a.classList.contains("bal-nav__popup--touch-top"))&&(a.color="primary")})),this.bodyScrollHandler.disable()},this.onPopupClose=a=>{this.isFlyoutActive||this.bodyScrollHandler.enable(),a.forEach((a=>{a.classList.contains("bal-nav__popup--desktop")?a.inverted=!0:a.classList.contains("bal-nav__popup--touch-bottom")?a.color="info":a.classList.contains("bal-nav__popup--touch-top")&&(a.color="light")}))},this.onMetaBarTabChange=a=>{if(a.detail!==this.activeMetaLinkValue){this.activeMetaLinkValue=a.detail;const i=this.linkItems.find((a=>a.value===this.activeMetaLinkValue));i&&i.mainLinkItems.length>0&&(this.activeMenuLinkValue=i.mainLinkItems[0].value)}},this.onMenuBarTabChange=a=>{this.activeMenuLinkValue===a?this.toggleFlyout():this.openFlyout(),this.activeMenuLinkValue=a},this.isTouch=m.isTouch,this.isDesktop=m.isDesktop,this.language=h.language,this.region=h.region,this.isFlyoutActive=!1,this.activeMetaLinkValue=void 0,this.activeMenuLinkValue=void 0,this.logo=void 0,this.options=[],this.linkItems=[],this.buttons=[],this.metaButtons=[]}createLogger(a){this.log=a}async optionChanged(){this.onOptionChange(),this.updateTabs()}async buttonChanged(){this.onMetaButtonChange()}connectedCallback(){this.bodyScrollHandler.connect()}componentWillLoad(){this.onOptionChange(),this.onMetaButtonChange(),this.updateTabs()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}listenToPopupChanges(a){const i=a.target;if(i&&"BAL-POPUP"===i.nodeName){const t=Array.from(this.el.querySelectorAll(`[bal-popup="${i.id}"]`));!0===a.detail?(this.onPopupOpen(t),t.some((a=>a.classList.contains("bal-nav__popup--touch-top")))&&this.closeFlyout()):this.onPopupClose(t)}}async clickOnOutside(a){var i,t,e,n,l;if(this.isDesktop&&this.hasRenderedWithFlyoutActive){const r=null===(t=null===(i=this.metaBarEl)||void 0===i?void 0:i.querySelector(".bal-nav-meta-bar__container"))||void 0===t?void 0:t.contains(a.target),o=null===(n=null===(e=this.menuBarEl)||void 0===e?void 0:e.querySelector(".bal-nav-menu-bar__container"))||void 0===n?void 0:n.contains(a.target);r||o||(this.closeFlyout(),(null===(l=this.menuBarEl)||void 0===l?void 0:l.querySelector(".bal-tabs")).closeAccordion())}}mutationListener(){this.onMetaButtonChange()}breakpointListener(a){this.isTouch!==a.touch&&(this.isTouch=a.touch,this.isDesktop=a.desktop,this.closeAllPopups(),this.closeFlyout()),this.isTouch&&this.updateTabs()}linkItemClickListener(a){a&&a.toJson&&this.balNavItemClick.emit(a.toJson())}accordionClickListener(a){this.isTouch&&a&&this.updateActiveItem(a)}async configChanged(a){this.language=a.language,this.region=a.region}get activeMenuLinkItems(){const a=this.linkItems.find((a=>a.value===this.activeMetaLinkValue));return a?a.mainLinkItems:[]}get activeMenuLinkItem(){return this.activeMenuLinkItems.find((a=>a.value===this.activeMenuLinkValue))||void 0}toggleFlyout(){this.isFlyoutActive?this.closeFlyout():this.openFlyout()}closeFlyout(){this.isFlyoutActive=!1}openFlyout(){this.isFlyoutActive=!0}async updateActiveItem(a){"NavMetaLinkItem"===a.type&&(this.activeMetaLinkValue=this.activeMetaLinkValue===a.value?void 0:a.value,this.activeMenuLinkValue=void 0),"NavMenuLinkItem"===a.type&&(this.activeMenuLinkValue=this.activeMenuLinkValue===a.value?void 0:a.value),await d(this.el),await v();const i=this.el.querySelector(`#${a.id}`);i&&i.scrollIntoView({behavior:"smooth"})}updateTabs(){var a,i;const t=this.activeMetaLinkValue,e=(null===(a=this.linkItems.find((a=>a.active)))||void 0===a?void 0:a.value)||t;t!==e&&(this.activeMetaLinkValue=e);const n=this.activeMenuLinkValue,l=(null===(i=this.activeMenuLinkItems.find((a=>a.active)))||void 0===i?void 0:i.value)||n;n!==l&&(this.activeMenuLinkValue=l)}closeAllPopups(){Array.from(this.el.querySelectorAll("bal-popup")).forEach((a=>a.dismiss()))}render(){var i,t,n,l,r,s,b,c,d;const v=o.block("nav"),m=v.element("flyout");return this.hasRenderedWithFlyoutActive=this.isFlyoutActive,a(e,{key:"f4468c4973667b52c77b05cee9b3ef521c9b3a58",id:this.navId,class:Object.assign({},v.class())},a("div",{key:"4b66d4ea07b31adb49738316ced208b1bb02c1be",class:{"bal-nav-meta-bar-transform":!0,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?a("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:a=>this.metaBarEl=a},a("bal-stack",{space:"auto"},this.linkItems.length>1?a("bal-tabs",{spaceless:!0,inverted:!0,context:"meta",value:this.activeMetaLinkValue,"aria-label":$[this.language].meta,onBalChange:a=>this.onMetaBarTabChange(a)},this.linkItems.map((a=>a.render({flyoutId:`${this.navId}-menu-flyout`})))):a("span",null),a("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":!0},this.metaButtons.map((a=>a.renderAtMetaBar()))))):"",this.isDesktop?a("bal-nav-menu-bar",{position:"fixed-top",ref:a=>this.menuBarEl=a},a("bal-stack",{space:"auto","space-row":"none","use-wrap":!0},this.renderLogo(),a("bal-tabs",{context:"navigation",accordion:!0,spaceless:!0,value:this.activeMenuLinkValue,"aria-label":$[this.language].main},null===(i=this.linkItems.find((a=>a.value===this.activeMetaLinkValue)))||void 0===i?void 0:i.mainLinkItems.map((a=>a.render({flyoutId:`${this.navId}-menu-flyout`,onClick:()=>this.onMenuBarTabChange(a.value)}))))),this.isFlyoutActive?a("bal-nav-menu-flyout",{navId:this.navId},a("bal-nav-link",{role:"listitem",variant:"overview",href:null===(n=null===(t=this.activeMenuLinkItem)||void 0===t?void 0:t.overviewLink)||void 0===n?void 0:n.href,target:null===(r=null===(l=this.activeMenuLinkItem)||void 0===l?void 0:l.overviewLink)||void 0===r?void 0:r.target,onClick:()=>{var a;return this.linkItemClickListener(null===(a=this.activeMenuLinkItem)||void 0===a?void 0:a.overviewLink)}},null===(b=null===(s=this.activeMenuLinkItem)||void 0===s?void 0:s.overviewLink)||void 0===b?void 0:b.label," ",(null===(d=null===(c=this.activeMenuLinkItem)||void 0===c?void 0:c.overviewLink)||void 0===d?void 0:d.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",a("div",{key:"046bfdd041e2fd1b6bd5f1b0bc14e253c3c9b9fa"},a("slot",{key:"5f90c2c23e3d51cb65905097a65e727301c03878"}))),this.isTouch?a("bal-nav-meta-bar",{variant:"white",size:"normal"},a("bal-stack",{space:"auto"},this.renderLogo(),a("bal-stack",{space:"x-small","fit-content":!0},this.metaButtons.map((a=>a.renderAtTouchTopMetaBar())),a("bal-button",{square:!0,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?$[this.language].close:$[this.language].open,onClick:a=>this.onTouchToggleFlyout(a)})))):"",this.isTouch?a("div",{class:Object.assign(Object.assign({},m.class()),m.modifier("visible").class(this.isFlyoutActive))},a("nav",{class:Object.assign({},m.element("container").class())},a("ul",{class:Object.assign({},v.element("mobile-meta-list").class())},this.linkItems.map((a=>a.renderTouch({activeMetaLinkValue:this.activeMetaLinkValue,activeMenuLinkValue:this.activeMenuLinkValue})))))):"",this.isTouch&&this.isFlyoutActive?a("bal-nav-meta-bar",{variant:"grey",size:"normal"},a("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((a=>a.renderAtTouchBottomMetaBar())))):"")}renderGridLinks(i){var t,e;return i?a("bal-nav-link-grid",null,a("bal-nav-link-grid-col",null,null===(t=i.sectionLinkItems)||void 0===t?void 0:t.map((a=>a.render()))),a("bal-nav-link-grid-col",{"static-col":!0},null===(e=i.serviceLinkItems)||void 0===e?void 0:e.map((a=>a.render())))):""}renderTouchMenuAccordions(i){return a("bal-list",{"accordion-one-level":!0,class:"pt-xxx-small pb-normal"},i.mainLinkItems.map((i=>{var t,e,n;return i.isLink?a("bal-list-item",{key:i.label,"sub-accordion-item":!0,href:i.href,target:i.target},a("bal-list-item-content",null,a("bal-list-item-title",{"visual-level":"medium",level:"span"},i.label))):a("bal-list-item",{key:i.label,accordion:!0,"sub-accordion-item":!0},a("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":i.active},a("bal-list-item-content",null,a("bal-list-item-title",{"visual-level":"medium",level:"span"},i.label))),a("bal-list-item-accordion-body",null,a("div",{style:{width:"100%"}},a("bal-nav-link",{role:"listitem",variant:"overview",href:null===(t=i.overviewLink)||void 0===t?void 0:t.href,target:null===(e=i.overviewLink)||void 0===e?void 0:e.target,onClick:()=>this.linkItemClickListener(i.overviewLink)},null===(n=i.overviewLink)||void 0===n?void 0:n.label),a("div",{class:"pt-normal"},this.renderGridLinks(i)))))})))}renderLogo(){var i,t,e,n,l,r;const o=(null===(i=this.logo)||void 0===i?void 0:i.href)?"a":(null===(t=this.logo)||void 0===t?void 0:t.clickable)?"button":"div";return a(o,{class:"bal-nav__logo","aria-label":null===(e=this.logo)||void 0===e?void 0:e.ariaLabel,title:null===(n=this.logo)||void 0===n?void 0:n.htmlTitle,href:null===(l=this.logo)||void 0===l?void 0:l.href,target:null===(r=this.logo)||void 0===r?void 0:r.target,onClick:()=>{var a,i;return this.balNavItemClick.emit({value:"logo",label:"Logo",href:null===(a=this.logo)||void 0===a?void 0:a.href,target:null===(i=this.logo)||void 0===i?void 0:i.target})}},a("bal-logo",{animated:!0}))}get el(){return n(this)}static get watchers(){return{options:["optionChanged"],buttons:["buttonChanged"]}}};l([s("bal-nav"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],A.prototype,"createLogger",null),l([p({tags:["bal-popup"],waitAfterFramePrint:!0}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],A.prototype,"mutationListener",null),l([u(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],A.prototype,"breakpointListener",null),l([g(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],A.prototype,"configChanged",null);let B=0;A.style="@media (hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem);overflow-y:auto}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav .bal-nav-meta-bar,.bal-nav .bal-nav-menu-bar{z-index:auto !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";const S=class{constructor(a){i(this,a),this.variant="",this.selected=!1,this.clickable=!1,this.href=void 0,this.target="_self"}createLogger(a){this.log=a}render(){const i=o.block("nav-link"),{href:t,target:n}=this,l=void 0!==t&&""!==t,r=""!==this.variant,s=l?"a":this.clickable?"button":"span";let b={};return l&&(b={href:t,target:n}),a(e,{key:"538d4bc561eec9c4c4d88a16efbd22ccc61517ec",class:Object.assign(Object.assign({},i.class()),i.modifier(`variant-${this.variant}`).class(r))},a(s,Object.assign({key:"68ac516eb7190bbc532cfd108854cf1329110984","data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},i.element("native").class()),i.element("native").modifier(`variant-${this.variant}`).class(r)),i.element("native").modifier("selected").class(this.selected&&(l||this.clickable)))},b),a("slot",{key:"8b705b4c113a3272dcc68d798dce816f13343363"})))}};l([s("bal-nav-link"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],S.prototype,"createLogger",null),S.style="@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-link-text-color:var(--bal-link-color);--bal-nav-link-text-color-hover:var(--bal-link-color-hover);--bal-nav-link-text-color-active:var(--bal-link-color-active)}.bal-nav-link{display:block}.bal-nav-link:not(:last-child){margin-bottom:var(--bal-space-x-small)}.bal-nav-link--variant-title:not(:last-child){margin-bottom:var(--bal-space-normal) !important}.bal-nav-link--variant-overview:not(:last-child){margin-bottom:0 !important}@media screen and (min-width: 1024px){.bal-nav-link--variant-overview:not(:last-child){margin-bottom:var(--bal-space-normal) !important}}.bal-nav-link__native{display:inline;color:var(--bal-nav-link-text-color);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);font-family:var(--bal-font-family-text);text-align:left;padding:0;border:none;background:none}.bal-nav-link__native--variant-title{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);text-decoration:none;margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link__native--variant-title{font-size:var(--bal-text-size-xx-large)}}.bal-nav-link__native--variant-overview{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-nav-link__native--selected{-webkit-text-decoration:var(--bal-link-text-decoration) !important;text-decoration:var(--bal-link-text-decoration) !important;text-decoration-thickness:1px !important;text-underline-offset:2px !important}button.bal-nav-link__native,a.bal-nav-link__native{cursor:pointer}@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:hover,a.bal-nav-link__native:hover{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-hover);text-underline-offset:2px}}button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{border-radius:var(--bal-radius-normal)}button.bal-nav-link__native:active,a.bal-nav-link__native:active{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-active);text-underline-offset:2px}";const T=class{constructor(a){i(this,a)}createLogger(a){this.log=a}render(){const i=o.block("nav-link-grid");return a(e,{key:"9aca76046a51bc001c233e0b8ee24fa863968d0d",class:Object.assign({},i.class())},a("slot",{key:"3e2ceccc2ffe6f231c6900a869a863fec0c153ca"}))}};l([s("bal-nav-link-grid"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],T.prototype,"createLogger",null),T.style=".bal-nav-link-grid{--bal-column-gap:0}@media screen and (min-width: 1024px){.bal-nav-link-grid{--bal-column-gap:1.5rem}}.bal-nav-link-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0;margin-left:calc(var(--bal-column-gap)*-1);margin-right:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid:last-child{margin-bottom:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}";const P=class{constructor(a){i(this,a),this.staticCol=!1}createLogger(a){this.log=a}render(){const i=o.block("nav-link-grid-col"),t=i.element("inner");return a(e,{key:"570396a3ad6882891cfefebf9d92dae1137a3f48",class:Object.assign(Object.assign({},i.class()),i.modifier("is-static").class(this.staticCol))},a("div",{key:"86f6add382f5accf09aef4593b16281268af8241",class:Object.assign({},t.class())},a("slot",{key:"57160d0fd8135f4d8a4d955a019ae41b28fc2123"})))}};l([s("bal-nav-link-grid-col"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],P.prototype,"createLogger",null),P.style=".bal-nav-link-grid-col{display:block;padding:0;-ms-flex:none;flex:none;width:100%}.bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid-col{-ms-flex:none;flex:none;width:50%;padding-top:0;padding-bottom:0;padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}.bal-nav-link-grid-col .bal-nav-link-group{margin-bottom:var(--bal-space-normal);padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{padding-left:0}@media screen and (min-width: 1440px){.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{-ms-flex:none;flex:none;width:33.3333%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static){-ms-flex:none;flex:none;width:66.6666%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-large)}}.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{margin:0;width:100%}@media screen and (min-width: 1024px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{padding-left:0;padding-right:0}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{width:calc(50% - var(--bal-space-large)/2)}}";const q=class{constructor(a){i(this,a),this.color=""}createLogger(a){this.log=a}render(){const i=o.block("nav-link-group"),t=""!==this.color;return a(e,{key:"7594abd236200ade0063149fcbe2985e37c0ec9f",class:Object.assign(Object.assign({},i.class()),i.modifier(`is-${this.color}`).class(t))},a("slot",{key:"42ceaea3299c69ddaa535b4fb47438816e11323b"}))}};l([s("bal-nav-link-group"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],q.prototype,"createLogger",null),q.style=":root{--bal-nav-link-group-background:transparent;--bal-nav-link-group-background-grey:var(--bal-color-grey);--bal-nav-link-group-background-purple:var(--bal-color-purple);--bal-nav-link-group-background-red:var(--bal-color-red);--bal-nav-link-group-background-yellow:var(--bal-color-yellow);--bal-nav-link-group-background-green:var(--bal-color-green);--bal-nav-link-group-radius:var(--bal-radius-large)}.bal-nav-link-group{display:block;background:var(--bal-nav-link-group-background);border-radius:var(--bal-nav-link-group-radius);padding-top:var(--bal-space-normal);padding-bottom:var(--bal-space-normal);padding-left:var(--bal-space-normal);padding-right:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-group{padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}}.bal-nav-link-group--is-grey{background:var(--bal-nav-link-group-background-grey)}.bal-nav-link-group--is-purple{background:var(--bal-nav-link-group-background-purple)}.bal-nav-link-group--is-red{background:var(--bal-nav-link-group-background-red)}.bal-nav-link-group--is-yellow{background:var(--bal-nav-link-group-background-yellow)}.bal-nav-link-group--is-green{background:var(--bal-nav-link-group-background-green)}";const V=class{constructor(a){i(this,a),this.navMenuBarId="bal-nav-menu-bar-"+H++,this.isHidden=!1,this.invisible="none",this.position="none"}createLogger(a){this.log=a}get flyoutElement(){return this.el.querySelector("bal-nav-menu-flyout")}render(){const i=o.block("nav-menu-bar"),t=i.element("inner");return a(e,{key:"4b2520319f467e9fc3cf0b7e1bece33c3e605915",id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("hidden-mobile").class("mobile"===this.invisible)),i.modifier("hidden-tablet").class("tablet"===this.invisible)),i.modifier(`position-${this.position}`).class("none"!==this.position))},a("div",{key:"6ecb9f3e785c318c05064ab6f9e18a7c1774cd49",class:Object.assign({},t.class())},a("div",{key:"e809ddfb4b672a29852c44ab59c82e35fa5b6ac4",class:Object.assign({},i.element("container").class())},a("slot",{key:"b249113bdb2b5289a213a3ff2782cd958ac7d923"}))))}get el(){return n(this)}};l([s("bal-nav-menu-bar"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],V.prototype,"createLogger",null);let H=0;V.style=':root{--bal-nav-menu-bar-background:var(--bal-color-white);--bal-nav-menu-bar-radius:var(--bal-radius-large);--bal-nav-menu-bar-shadow:0 5px 15px rgba(0,0,0,.1)}.bal-nav-menu-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-menu-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-mobile{display:hidden;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 1440px){.bal-nav-menu-bar{position:fixed;margin-top:1rem}}.bal-nav-menu-bar--position-fixed-top{position:fixed}.bal-nav-menu-bar__inner{background:var(--bal-nav-menu-bar-background);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{min-height:64px}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow);min-height:80px}}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;min-height:80px}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container::before{position:absolute;content:"";height:100%;top:0;left:1rem;right:1rem;background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}}.bal-nav-menu-bar .bal-nav__logo{-ms-flex-item-align:start;align-self:flex-start;z-index:1;height:auto;margin-top:.8em}@media screen and (min-width: 1024px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1rem}}@media screen and (min-width: 1440px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1.5rem}}.bal-nav-menu-bar-body-padding{padding-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-padding{padding-top:7rem}}.bal-nav-menu-bar-body-margin{margin-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-margin{margin-top:7rem}}.bal-nav-menu-bar-fixed-body-padding{padding-top:8rem}.bal-nav-menu-bar-fixed-body-margin{margin-top:8rem}';const Y=class{constructor(a){i(this,a),this.bodyScrollHandler=new c,this.isHidden=!1,this.navId="bal-nav-x"+U++}createLogger(a){this.log=a}connectedCallback(){this.bodyScrollHandler.connect()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}resizeListener(){this.isFlyoutScrollable()?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable()}isFlyoutScrollable(){var a,i;return(null===(a=this.el)||void 0===a?void 0:a.scrollHeight)>(null===(i=this.el)||void 0===i?void 0:i.clientHeight)}render(){const i=o.block("nav-menu-flyout"),t=i.element("line");return a(e,{key:"d2de6257fc31499b2d26204ee0db07a4e079144b",id:`${this.navId}-menu-flyout`,class:Object.assign({},i.class())},a("div",{key:"6392e2be737b3f5c11dd83602f210d1a263c7a5f",class:Object.assign({},t.class())}),a("div",{key:"b6d06ea36310b6ed5975f2bae2f57e65d1e29f82",class:Object.assign({},i.element("container").class())},a("slot",{key:"38566fffa659f0661e3cb7ca7535c6a7f244b696"})))}get el(){return n(this)}};l([s("bal-nav-menu-flyout"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],Y.prototype,"createLogger",null),l([f(),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],Y.prototype,"resizeListener",null);let U=0;Y.style=":root{--bal-nav-menu-flyout-border-background:var(--bal-color-grey)}.bal-nav-menu-flyout{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;padding-bottom:2.5rem;overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 90px - 48px - 16px);width:calc(100% + 1rem + 1rem);margin-left:-1rem;margin-right:-1rem}.bal-nav-menu-flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-menu-flyout .bal-nav-menu-flyout__line{position:-webkit-sticky;position:sticky;width:100%;left:0;top:0;height:1px;background-color:var(--bal-color-grey);margin-bottom:2.5rem}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-flyout .bal-nav-menu-flyout__line{width:calc(100% - 2rem);left:1rem}}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout{width:calc(100% + 2.5rem + 2.5rem);margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout{width:calc(100% + 3rem + 3rem);margin-left:-3rem;margin-right:-3rem}}@media screen and (min-width: 1440px){.bal-nav-menu-flyout{max-height:calc(var(--bal-app-height, 100%) - 96px - 48px - 16px)}}";const D=class{constructor(a){i(this,a),this.navMetaBarId="bal-nav-meta-bar-"+E++,this.previousY=0,this.isHidden=!1,this.variant="primary",this.size="normal",this.invisible="none",this.position="none"}createLogger(a){this.log=a}handleScroll(){if(b.hasWindow&&b.hasDocument&&"sticky-top"===this.position){const a=document.body.scrollHeight-document.body.clientHeight,i=0>=window.scrollY,t=0>window.scrollY,e=a<=window.scrollY,n=window.scrollY>this.previousY;this.isHidden=!i&&(n||e||t),this.previousY=window.scrollY;const l=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(l.length>0)for(let a=0;a<l.length;a++){const i=l[a];this.isHidden?"small"===this.size?(i.classList.remove("bal-nav-meta-bar-transform-normal"),i.classList.add("bal-nav-meta-bar-transform-small")):(i.classList.remove("bal-nav-meta-bar-transform-small"),i.classList.add("bal-nav-meta-bar-transform-normal")):(i.classList.remove("bal-nav-meta-bar-transform-small"),i.classList.remove("bal-nav-meta-bar-transform-normal"))}}}render(){const i=o.block("nav-meta-bar");return a(e,{key:"a3c7f085f3811353baca0bd93604167c3ad527d2",id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier(`variant-${this.variant}`).class()),i.modifier(`size-${this.size}`).class()),i.modifier(`position-${this.position}`).class("none"!==this.position)),i.modifier("hidden-mobile").class("mobile"===this.invisible)),i.modifier("hidden-tablet").class("tablet"===this.invisible))},a("div",{key:"c88186ebabcaa43c0493c7c5c295c5450c2a2c74",class:Object.assign({},i.element("container").class())},a("slot",{key:"f1fcc2b1967db28ea405d9a5499ca47d8bc6cecd"})))}get el(){return n(this)}};l([s("bal-meta-bar"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],D.prototype,"createLogger",null);let E=0;D.style=":root{--bal-nav-meta-bar-variant-primary-background:var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow:none;--bal-nav-meta-bar-variant-white-background:var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow:0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background:var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow:none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;position:fixed;display:block;width:100%;top:0;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}";export{A as bal_nav,S as bal_nav_link,T as bal_nav_link_grid,P as bal_nav_link_grid_col,q as bal_nav_link_group,V as bal_nav_menu_bar,Y as bal_nav_menu_flyout,D as bal_nav_meta_bar}
|
|
1
|
+
import{h as a,r as i,c as t,H as e,g as n}from"./p-2ccbe55a.js";import{_ as l,a as r}from"./p-43c9f5e9.js";import{B as o}from"./p-ae86d0a0.js";import{L as s}from"./p-b77e3348.js";import{b}from"./p-a65354df.js";import{B as d}from"./p-c1852273.js";import{w as c,d as v}from"./p-a255c9b3.js";import{b as m}from"./p-6d3611d0.js";import{d as h}from"./p-ec375851.js";import{L as p}from"./p-83ac9b11.js";import{L as u}from"./p-d0a1eb2e.js";import{L as g}from"./p-20eba37f.js";import{L as f}from"./p-6e85cd1a.js";import"./p-a7be57b6.js";import"./p-96216bd1.js";import"./p-acf222fd.js";import"./p-d13e5666.js";class k{constructor(a,i){this.observer=i,this.clickable=!1,this.active=!1,this.data=void 0,this.label=a.label,this.id="nav-link-item-"+_++,this.value=a.value||this.id,this.href=a.href,this.rel=a.rel,this.target=a.target,this.active=!!a.active,this.clickable=!!a.clickable,this.data=a.data,this.onClick=i=>{this.observer.linkItemClickListener(this),a.onClick&&a.onClick(i)},this.onAccordionClick=i=>{this.observer.accordionClickListener(this),a.onAccordionClick&&a.onAccordionClick(i)}}get type(){return"NavLinkItem"}get isLink(){return null!=this.href&&""!==this.href}toJson(){return{label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,data:this.data}}renderTouch(i){const t=o.block("nav");return a("li",null,a("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},t.element("mobile-links").class()),t.element("mobile-links").modifier("selected").class(this.active)),t.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:a=>this.onClick(a)},this.label))}render(i){return a("bal-nav-link",{role:"listitem",href:this.href,target:this.target,clickable:this.clickable,selected:this.active,onClick:a=>this.onClick(a)},this.label)}}let _=0;class x extends k{constructor(a,i){super(a,i),this.linkItems=[],this.htmlTitle=a.htmlTitle,this.label=a.label,this.href=a.href,this.target=a.target,this.id="nav-section-link-item-"+w++,this.value=a.value||this.id,this.linkItems=(a.linkItems||[]).map((a=>new k(a,i)))}get type(){return"NavSectionLinkItem"}renderTouch(i){const t=o.block("nav"),e=this.linkItems&&this.linkItems.length>0;return a("li",null,a("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},t.element("mobile-section-item").class()),t.element("mobile-section-item").modifier("selected").class(this.active)),t.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:a=>this.onClick(a)},this.label),e?a("ul",{class:Object.assign({},t.element("mobile-links-list").class())},this.linkItems.map((a=>a.renderTouch()))):"")}render(i){return a("bal-nav-link-group",{role:"list"},a("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:a=>this.onClick(a)},this.label),this.linkItems.map((a=>a.render())))}}let w=0;class y extends k{constructor(a,i){super(a,i),this.color="grey",this.linkItems=[],this.id="nav-service-link-item-"+j++,this.value=a.value||this.id,this.color=a.color||"grey",this.linkItems=(a.linkItems||[]).map((a=>new k(a,i)))}get type(){return"NavServiceLinkItem"}renderTouch(i){const t=o.block("nav"),e=this.linkItems&&this.linkItems.length>0;return a("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},t.element("mobile-service-item").class()),t.element("mobile-service-item").modifier(`color-${this.color}`).class()),t.element("mobile-service-item").modifier("selected").class(this.active)),t.element("mobile-service-item").modifier("clickable").class(this.clickable))},a("a",{id:this.id,href:this.href,rel:this.rel,target:this.target,onClick:a=>this.onClick(a)},this.label),e?a("ul",{class:Object.assign({},t.element("mobile-links-list").class())},this.linkItems.map((a=>a.renderTouch()))):"")}render(i){return a("bal-nav-link-group",{color:this.color,role:"list"},a("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:a=>this.onClick(a)},this.label),this.linkItems.map((a=>a.render())))}}let j=0;const z=({id:i,label:t,level:e,open:n,link:l,href:r,rel:s,target:b,onClick:d})=>{const c=o.block("nav");return l?a("a",{id:i,class:Object.assign({},c.element(`mobile-${e}-item`).class()),href:r,rel:s,target:b,onClick:a=>d(a)},a("span",null,t)):a("button",{id:i,class:Object.assign({},c.element(`mobile-${e}-item`).class()),onClick:a=>d(a)},a("span",null,t),a("bal-icon",{name:"nav-go-down",size:"small",turn:n}))},O=({item:i,isMenu:t,onClick:e,isVisible:n})=>{const l=o.block("nav");return i?a("a",{class:Object.assign(Object.assign(Object.assign({},l.element("mobile-overview-link").class()),l.element("mobile-overview-link").modifier("menu").class(!!t)),l.element("mobile-overview-link").modifier("invisible").class(!1===n)),href:i.href,rel:i.rel,target:i.target,onClick:a=>e(a)},i.label," ",i.label?"➞":""):""};class L extends k{constructor(a,i){super(a,i),this.sectionLinkItems=[],this.serviceLinkItems=[],this.id="nav-menu-link-item-"+C++,this.value=a.value||this.id,this.sectionLinkItems=(a.sectionLinkItems||[]).map((a=>new x(a,i))),this.serviceLinkItems=(a.serviceLinkItems||[]).map((a=>new y(a,i))),this.overviewLink=a.overviewLink?new k(a.overviewLink,i):void 0}get type(){return"NavMenuLinkItem"}renderTouch(i){const t=o.block("nav"),e=this.sectionLinkItems&&this.sectionLinkItems.length>0,n=this.serviceLinkItems&&this.serviceLinkItems.length>0,l=(null==i?void 0:i.activeMenuLinkValue)===this.value;return a("li",null,a(z,{id:this.id,level:"menu",label:this.label,href:this.href,target:this.target,link:!e&&!n&&this.isLink,open:l,onClick:a=>this.onAccordionClick(a)}),a(O,{item:this.overviewLink,onClick:a=>this.onClick(a),isMenu:!0,isVisible:l}),e?a("ul",{class:Object.assign(Object.assign({},t.element("mobile-section-list").class()),t.element("mobile-section-list").modifier("invisible").class(!1===l))},this.sectionLinkItems.map((a=>a.renderTouch()))):"",n?a("ul",{class:Object.assign(Object.assign({},t.element("mobile-service-list").class()),t.element("mobile-service-list").modifier("invisible").class(!1===l))},this.serviceLinkItems.map((a=>a.renderTouch()))):"")}render(i){return a("bal-tab-item",this.sectionLinkItems.length>0||this.serviceLinkItems.length>0||!this.isLink?{aria:{controls:i.flyoutId},label:this.label,value:this.value,"no-panel":!0,onBalNavigate:a=>{null==i||i.onClick(),this.onClick&&this.onClick(a.detail)}}:{aria:{controls:i.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":!0})}}let C=0;class M extends k{constructor(a,i){super(a,i),this.mainLinkItems=[],this.id="nav-meta-link-item-"+F++,this.value=a.value||this.id,this.mainLinkItems=(a.mainLinkItems||[]).map((a=>new L(a,i))),this.overviewLink=a.overviewLink?new k(a.overviewLink,i):void 0}get type(){return"NavMetaLinkItem"}renderTouch(i){const t=o.block("nav"),e=(null==i?void 0:i.activeMetaLinkValue)===this.value;return a("li",null,a(z,{id:this.id,level:"meta",label:this.label,open:e,link:!(this.mainLinkItems.length>0)&&this.isLink,href:this.href,target:this.target,onClick:a=>this.onAccordionClick(a)}),e?a(O,{item:this.overviewLink,onClick:a=>this.onClick(a)}):"",e?a("hr",{class:Object.assign(Object.assign({},t.element("line").class()),t.element("line").modifier("up").class())}):"",e&&this.mainLinkItems&&this.mainLinkItems.length>0?a("ul",{class:Object.assign({},t.element("mobile-menu-list").class())},this.mainLinkItems.map((a=>a.renderTouch({activeMetaLinkValue:i.activeMetaLinkValue,activeMenuLinkValue:i.activeMenuLinkValue})))):"",a("hr",{class:Object.assign({},t.element("line").class())}))}render(i){return a("bal-tab-item",this.isLink?{aria:{controls:i.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":!0}:{aria:{controls:i.flyoutId},label:this.label,value:this.value,"no-panel":!0,onBalNavigate:a=>{this.onClick&&this.onClick(a.detail)}})}}let F=0;class N extends k{constructor(a,i){super(a,i),this.touchPlacement="top",this.id="nav-meta-button-"+I++,this.touchPlacement=a.touchPlacement||"top",this.value=a.value||this.id,this.icon=a.icon,this.popoverId=a.popupId,this.ariaLabel=a.ariaLabel,this.htmlTitle=a.htmlTitle,this.href=a.href||"",this.target=a.target||"_self"}get type(){return"NavMetaButton"}get isLink(){return!!this.href}renderAtMetaBar(){return a("bal-button",this.isLink?{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:!0,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label}}:{id:this.value,class:"bal-popup-permanent-trigger bal-nav__popup--desktop",color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label},inverted:!0,"bal-popup":this.popoverId,"bal-popup-variant":"popover","bal-popup-arrow":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-closable":"true","bal-popup-placement":"bottom-end","bal-popup-reference":"bal-nav__meta-buttons"},this.label)}renderAtTouchTopMetaBar(){if("top"===this.touchPlacement)return a("bal-button",this.isLink?{id:this.value,color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label}}:{id:this.value,class:"bal-nav__popup--touch-top",color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,inverted:!1,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label},"bal-popup":this.popoverId,"bal-popup-variant":"fullscreen","bal-popup-closable":"true","bal-popup-offset":"64"},this.icon?"":this.label)}renderAtTouchBottomMetaBar(){if("bottom"===this.touchPlacement)return a("bal-button",this.isLink?{id:this.value,color:"info",inverted:!1,icon:this.icon,square:!this.label||this.label.length<3,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label},href:this.href,target:this.target}:{id:this.value,class:"bal-nav__popup--touch-bottom",icon:this.icon,square:!this.label||this.label.length<3,color:"info",inverted:!1,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label},"bal-popup":this.popoverId,"bal-popup-variant":"drawer","bal-popup-closable":"true","bal-popup-backdrop":"true","bal-popup-backdrop-dismiss":"true","bal-popup-offset":"64"},this.label)}resetTouchBottomMetaBar(){if(b.hasDocument&&"bottom"===this.touchPlacement){const a=document.getElementById(this.value);a&&"drawer"===a.balPopupVariant&&(a.color="info")}}resetDesktopMetaBar(){if(b.hasDocument){const a=document.getElementById(this.value);a&&"popover"===a.balPopupVariant&&(a.color="info")}}}let I=0;const $={de:{meta:"Hauptnavigation",main:"Subnavigation",open:"Menü öffnen",close:"Menü schliessen"},en:{meta:"Main Navigation",main:"Sub Navigation",open:"Open Menu",close:"Close Menu"},fr:{meta:"Navigation principale",main:"Sous-navigation",open:"Ouvrir le menu",close:"Fermer le menu"},it:{meta:"Navigazione principale",main:"Sottomenu",open:"Apri Menù",close:"Chiudi menù"},nl:{meta:"Hoofdnavigatie",main:"Subnavigatie",open:"Menu openen",close:"Menu sluiten"},es:{meta:"Navegación principal",main:"Subnavegación",open:"Menú abierto",close:"Cerrar menú"},pl:{meta:"Nawigacja główna",main:"Nawigacja podrzędna",open:"Otwórz menu",close:"Zamknij menu"},pt:{meta:"Navegação principal",main:"Subnavegação",open:"Menu aberto",close:"Fechar menu"},sv:{meta:"Huvudnavigering",main:"Undernavigering",open:"Öppna menyn",close:"Stäng menyn"},fi:{meta:"Päänavigointi",main:"Alinavigointi",open:"Avaa valikko",close:"Sulje valikko"}},A=class{constructor(a){i(this,a),this.balNavItemClick=t(this,"balNavItemClick",7),this.navId="bal-nav-"+B++,this.bodyScrollHandler=new d,this.hasRenderedWithFlyoutActive=!1,this.mutationObserverActive=!0,this.onOptionChange=async()=>{this.activeMetaLinkValue=void 0,this.activeMenuLinkValue=void 0,this.linkItems=this.options.map((a=>new M(a,this)))},this.onMetaButtonChange=async()=>{this.metaButtons=this.buttons.map((a=>new N(a,this)))},this.onTouchToggleFlyout=()=>{this.closeAllPopups(),this.toggleFlyout(),b.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),this.isFlyoutActive?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable()},this.onPopupOpen=a=>{this.isTouch&&b.hasWindow&&window.scrollY>0&&window.scrollTo(0,0),a.forEach((a=>{a.classList.contains("bal-nav__popup--desktop")?a.inverted=!1:(a.classList.contains("bal-nav__popup--touch-bottom")||a.classList.contains("bal-nav__popup--touch-top"))&&(a.color="primary")})),this.bodyScrollHandler.disable()},this.onPopupClose=a=>{this.isFlyoutActive||this.bodyScrollHandler.enable(),a.forEach((a=>{a.classList.contains("bal-nav__popup--desktop")?a.inverted=!0:a.classList.contains("bal-nav__popup--touch-bottom")?a.color="info":a.classList.contains("bal-nav__popup--touch-top")&&(a.color="light")}))},this.onMetaBarTabChange=a=>{if(a.detail!==this.activeMetaLinkValue){this.activeMetaLinkValue=a.detail;const i=this.linkItems.find((a=>a.value===this.activeMetaLinkValue));i&&i.mainLinkItems.length>0&&(this.activeMenuLinkValue=i.mainLinkItems[0].value)}},this.onMenuBarTabChange=a=>{this.activeMenuLinkValue===a?this.toggleFlyout():this.openFlyout(),this.activeMenuLinkValue=a},this.isTouch=m.isTouch,this.isDesktop=m.isDesktop,this.language=h.language,this.region=h.region,this.isFlyoutActive=!1,this.activeMetaLinkValue=void 0,this.activeMenuLinkValue=void 0,this.logo=void 0,this.options=[],this.linkItems=[],this.buttons=[],this.metaButtons=[]}createLogger(a){this.log=a}async optionChanged(){this.onOptionChange(),this.updateTabs()}async buttonChanged(){this.onMetaButtonChange()}connectedCallback(){this.bodyScrollHandler.connect()}componentWillLoad(){this.onOptionChange(),this.onMetaButtonChange(),this.updateTabs()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}listenToPopupChanges(a){const i=a.target;if(i&&"BAL-POPUP"===i.nodeName){const t=Array.from(this.el.querySelectorAll(`[bal-popup="${i.id}"]`));!0===a.detail?(this.onPopupOpen(t),t.some((a=>a.classList.contains("bal-nav__popup--touch-top")))&&this.closeFlyout()):this.onPopupClose(t)}}async clickOnOutside(a){var i,t,e,n,l;if(this.isDesktop&&this.hasRenderedWithFlyoutActive){const r=null===(t=null===(i=this.metaBarEl)||void 0===i?void 0:i.querySelector(".bal-nav-meta-bar__container"))||void 0===t?void 0:t.contains(a.target),o=null===(n=null===(e=this.menuBarEl)||void 0===e?void 0:e.querySelector(".bal-nav-menu-bar__container"))||void 0===n?void 0:n.contains(a.target);r||o||(this.closeFlyout(),(null===(l=this.menuBarEl)||void 0===l?void 0:l.querySelector(".bal-tabs")).closeAccordion())}}mutationListener(){this.onMetaButtonChange()}breakpointListener(a){this.isTouch!==a.touch&&(this.isTouch=a.touch,this.isDesktop=a.desktop,this.closeAllPopups(),this.closeFlyout()),this.isTouch&&this.updateTabs()}linkItemClickListener(a){a&&a.toJson&&this.balNavItemClick.emit(a.toJson())}accordionClickListener(a){this.isTouch&&a&&this.updateActiveItem(a)}async configChanged(a){this.language=a.language,this.region=a.region}get activeMenuLinkItems(){const a=this.linkItems.find((a=>a.value===this.activeMetaLinkValue));return a?a.mainLinkItems:[]}get activeMenuLinkItem(){return this.activeMenuLinkItems.find((a=>a.value===this.activeMenuLinkValue))||void 0}toggleFlyout(){this.isFlyoutActive?this.closeFlyout():this.openFlyout()}closeFlyout(){this.isFlyoutActive=!1}openFlyout(){this.isFlyoutActive=!0}async updateActiveItem(a){"NavMetaLinkItem"===a.type&&(this.activeMetaLinkValue=this.activeMetaLinkValue===a.value?void 0:a.value,this.activeMenuLinkValue=void 0),"NavMenuLinkItem"===a.type&&(this.activeMenuLinkValue=this.activeMenuLinkValue===a.value?void 0:a.value),await c(this.el),await v();const i=this.el.querySelector(`#${a.id}`);i&&i.scrollIntoView({behavior:"smooth"})}updateTabs(){var a,i;const t=this.activeMetaLinkValue,e=(null===(a=this.linkItems.find((a=>a.active)))||void 0===a?void 0:a.value)||t;t!==e&&(this.activeMetaLinkValue=e);const n=this.activeMenuLinkValue,l=(null===(i=this.activeMenuLinkItems.find((a=>a.active)))||void 0===i?void 0:i.value)||n;n!==l&&(this.activeMenuLinkValue=l)}closeAllPopups(){Array.from(this.el.querySelectorAll("bal-popup")).forEach((a=>a.dismiss()))}render(){var i,t,n,l,r,s,b,d,c;const v=o.block("nav"),m=v.element("flyout");return this.hasRenderedWithFlyoutActive=this.isFlyoutActive,a(e,{key:"4d861d5a9beb8d5a0ac04a0471f0d5f49f8f4d27",id:this.navId,class:Object.assign({},v.class())},a("div",{key:"cda5b1e8f0da114d3056b4f3a9d2d5a740ceb1c9",class:{"bal-nav-meta-bar-transform":!0,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?a("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:a=>this.metaBarEl=a},a("bal-stack",{space:"auto"},this.linkItems.length>1?a("bal-tabs",{spaceless:!0,inverted:!0,context:"meta",value:this.activeMetaLinkValue,"aria-label":$[this.language].meta,onBalChange:a=>this.onMetaBarTabChange(a)},this.linkItems.map((a=>a.render({flyoutId:`${this.navId}-menu-flyout`})))):a("span",null),a("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":!0},this.metaButtons.map((a=>a.renderAtMetaBar()))))):"",this.isDesktop?a("bal-nav-menu-bar",{position:"fixed-top",ref:a=>this.menuBarEl=a},a("bal-stack",{space:"auto","space-row":"none","use-wrap":!0},this.renderLogo(),a("bal-tabs",{context:"navigation",accordion:!0,spaceless:!0,value:this.activeMenuLinkValue,"aria-label":$[this.language].main},null===(i=this.linkItems.find((a=>a.value===this.activeMetaLinkValue)))||void 0===i?void 0:i.mainLinkItems.map((a=>a.render({flyoutId:`${this.navId}-menu-flyout`,onClick:()=>this.onMenuBarTabChange(a.value)}))))),this.isFlyoutActive?a("bal-nav-menu-flyout",{navId:this.navId},a("bal-nav-link",{role:"listitem",variant:"overview",href:null===(n=null===(t=this.activeMenuLinkItem)||void 0===t?void 0:t.overviewLink)||void 0===n?void 0:n.href,target:null===(r=null===(l=this.activeMenuLinkItem)||void 0===l?void 0:l.overviewLink)||void 0===r?void 0:r.target,onClick:()=>{var a;return this.linkItemClickListener(null===(a=this.activeMenuLinkItem)||void 0===a?void 0:a.overviewLink)}},null===(b=null===(s=this.activeMenuLinkItem)||void 0===s?void 0:s.overviewLink)||void 0===b?void 0:b.label," ",(null===(c=null===(d=this.activeMenuLinkItem)||void 0===d?void 0:d.overviewLink)||void 0===c?void 0:c.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",a("div",{key:"9159bbd2df222728e0249283ab2cc61425aefd22"},a("slot",{key:"7af191383a98cfa549796c43c9b1034a6de2b83d"}))),this.isTouch?a("bal-nav-meta-bar",{variant:"white",size:"normal"},a("bal-stack",{space:"auto"},this.renderLogo(),a("bal-stack",{space:"x-small","fit-content":!0},this.metaButtons.map((a=>a.renderAtTouchTopMetaBar())),a("bal-button",{square:!0,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?$[this.language].close:$[this.language].open,onClick:a=>this.onTouchToggleFlyout(a)})))):"",this.isTouch?a("div",{class:Object.assign(Object.assign({},m.class()),m.modifier("visible").class(this.isFlyoutActive))},a("nav",{class:Object.assign({},m.element("container").class())},a("ul",{class:Object.assign({},v.element("mobile-meta-list").class())},this.linkItems.map((a=>a.renderTouch({activeMetaLinkValue:this.activeMetaLinkValue,activeMenuLinkValue:this.activeMenuLinkValue})))))):"",this.isTouch&&this.isFlyoutActive?a("bal-nav-meta-bar",{variant:"grey",size:"normal"},a("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((a=>a.renderAtTouchBottomMetaBar())))):"")}renderGridLinks(i){var t,e;return i?a("bal-nav-link-grid",null,a("bal-nav-link-grid-col",null,null===(t=i.sectionLinkItems)||void 0===t?void 0:t.map((a=>a.render()))),a("bal-nav-link-grid-col",{"static-col":!0},null===(e=i.serviceLinkItems)||void 0===e?void 0:e.map((a=>a.render())))):""}renderTouchMenuAccordions(i){return a("bal-list",{"accordion-one-level":!0,class:"pt-xxx-small pb-normal"},i.mainLinkItems.map((i=>{var t,e,n;return i.isLink?a("bal-list-item",{key:i.label,"sub-accordion-item":!0,href:i.href,target:i.target},a("bal-list-item-content",null,a("bal-list-item-title",{"visual-level":"medium",level:"span"},i.label))):a("bal-list-item",{key:i.label,accordion:!0,"sub-accordion-item":!0},a("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":i.active},a("bal-list-item-content",null,a("bal-list-item-title",{"visual-level":"medium",level:"span"},i.label))),a("bal-list-item-accordion-body",null,a("div",{style:{width:"100%"}},a("bal-nav-link",{role:"listitem",variant:"overview",href:null===(t=i.overviewLink)||void 0===t?void 0:t.href,target:null===(e=i.overviewLink)||void 0===e?void 0:e.target,onClick:()=>this.linkItemClickListener(i.overviewLink)},null===(n=i.overviewLink)||void 0===n?void 0:n.label),a("div",{class:"pt-normal"},this.renderGridLinks(i)))))})))}renderLogo(){var i,t,e,n,l,r;const o=(null===(i=this.logo)||void 0===i?void 0:i.href)?"a":(null===(t=this.logo)||void 0===t?void 0:t.clickable)?"button":"div";return a(o,{class:"bal-nav__logo","aria-label":null===(e=this.logo)||void 0===e?void 0:e.ariaLabel,title:null===(n=this.logo)||void 0===n?void 0:n.htmlTitle,href:null===(l=this.logo)||void 0===l?void 0:l.href,target:null===(r=this.logo)||void 0===r?void 0:r.target,onClick:()=>{var a,i;return this.balNavItemClick.emit({value:"logo",label:"Logo",href:null===(a=this.logo)||void 0===a?void 0:a.href,target:null===(i=this.logo)||void 0===i?void 0:i.target})}},a("bal-logo",{animated:!0}))}get el(){return n(this)}static get watchers(){return{options:["optionChanged"],buttons:["buttonChanged"]}}};l([s("bal-nav"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],A.prototype,"createLogger",null),l([p({tags:["bal-popup"],waitAfterFramePrint:!0}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],A.prototype,"mutationListener",null),l([u(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",void 0)],A.prototype,"breakpointListener",null),l([g(),r("design:type",Function),r("design:paramtypes",[Object]),r("design:returntype",Promise)],A.prototype,"configChanged",null);let B=0;A.style="@media (hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem);overflow-y:auto}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav .bal-nav-meta-bar,.bal-nav .bal-nav-menu-bar{z-index:auto !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";const S=class{constructor(a){i(this,a),this.variant="",this.selected=!1,this.clickable=!1,this.href=void 0,this.target="_self"}createLogger(a){this.log=a}render(){const i=o.block("nav-link"),{href:t,target:n}=this,l=void 0!==t&&""!==t,r=""!==this.variant,s=l?"a":this.clickable?"button":"span";let b={};return l&&(b={href:t,target:n}),a(e,{key:"0a4cc0341e4aa5e2d5e8277eb89fb2678dcc03dc",class:Object.assign(Object.assign({},i.class()),i.modifier(`variant-${this.variant}`).class(r))},a(s,Object.assign({key:"662178959afa6596e0e9f89bb4a9fdd5c608277d","data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},i.element("native").class()),i.element("native").modifier(`variant-${this.variant}`).class(r)),i.element("native").modifier("selected").class(this.selected&&(l||this.clickable)))},b),a("slot",{key:"055e0eac728e115ba335c8b54c14b59572161444"})))}};l([s("bal-nav-link"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],S.prototype,"createLogger",null),S.style="@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-link-text-color:var(--bal-link-color);--bal-nav-link-text-color-hover:var(--bal-link-color-hover);--bal-nav-link-text-color-active:var(--bal-link-color-active)}.bal-nav-link{display:block}.bal-nav-link:not(:last-child){margin-bottom:var(--bal-space-x-small)}.bal-nav-link--variant-title:not(:last-child){margin-bottom:var(--bal-space-normal) !important}.bal-nav-link--variant-overview:not(:last-child){margin-bottom:0 !important}@media screen and (min-width: 1024px){.bal-nav-link--variant-overview:not(:last-child){margin-bottom:var(--bal-space-normal) !important}}.bal-nav-link__native{display:inline;color:var(--bal-nav-link-text-color);font-size:var(--bal-text-size-normal);line-height:var(--bal-body-line-height);font-family:var(--bal-font-family-text);text-align:left;padding:0;border:none;background:none}.bal-nav-link__native--variant-title{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);text-decoration:none;margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link__native--variant-title{font-size:var(--bal-text-size-xx-large)}}.bal-nav-link__native--variant-overview{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-nav-link__native--selected{-webkit-text-decoration:var(--bal-link-text-decoration) !important;text-decoration:var(--bal-link-text-decoration) !important;text-decoration-thickness:1px !important;text-underline-offset:2px !important}button.bal-nav-link__native,a.bal-nav-link__native{cursor:pointer}@media (hover: hover)and (pointer: fine){button.bal-nav-link__native:hover,a.bal-nav-link__native:hover{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-hover);text-underline-offset:2px}}button.bal-nav-link__native:focus-visible,a.bal-nav-link__native:focus-visible{border-radius:var(--bal-radius-normal)}button.bal-nav-link__native:active,a.bal-nav-link__native:active{-webkit-text-decoration:var(--bal-link-text-decoration);text-decoration:var(--bal-link-text-decoration);text-decoration-thickness:1px;color:var(--bal-nav-link-text-color-active);text-underline-offset:2px}";const T=class{constructor(a){i(this,a)}createLogger(a){this.log=a}render(){const i=o.block("nav-link-grid");return a(e,{key:"74041f35372c9f2e7fdf95e62264fea35c4821a7",class:Object.assign({},i.class())},a("slot",{key:"4f671f702bcb4910ccf31e6197970bdfa943424e"}))}};l([s("bal-nav-link-grid"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],T.prototype,"createLogger",null),T.style=".bal-nav-link-grid{--bal-column-gap:0}@media screen and (min-width: 1024px){.bal-nav-link-grid{--bal-column-gap:1.5rem}}.bal-nav-link-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0;margin-left:calc(var(--bal-column-gap)*-1);margin-right:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid:last-child{margin-bottom:calc(var(--bal-column-gap)*-1)}.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid .bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}";const P=class{constructor(a){i(this,a),this.staticCol=!1}createLogger(a){this.log=a}render(){const i=o.block("nav-link-grid-col"),t=i.element("inner");return a(e,{key:"3108a6561188ed77091b569d6e14160796e3dcf6",class:Object.assign(Object.assign({},i.class()),i.modifier("is-static").class(this.staticCol))},a("div",{key:"4a328de41e4e38eeafef399b59ced751d247e8ba",class:Object.assign({},t.class())},a("slot",{key:"c42ced5cc61dc8182991b32eba3b4edd0661bd46"})))}};l([s("bal-nav-link-grid-col"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],P.prototype,"createLogger",null),P.style=".bal-nav-link-grid-col{display:block;padding:0;-ms-flex:none;flex:none;width:100%}.bal-nav-link-grid-col:not(:last-child){margin-bottom:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-grid-col{-ms-flex:none;flex:none;width:50%;padding-top:0;padding-bottom:0;padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col:not(:last-child){margin-bottom:0}}.bal-nav-link-grid-col .bal-nav-link-group{margin-bottom:var(--bal-space-normal);padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{padding-left:0}@media screen and (min-width: 1440px){.bal-nav-link-grid-col.bal-nav-link-grid-col--is-static{-ms-flex:none;flex:none;width:33.3333%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static){-ms-flex:none;flex:none;width:66.6666%}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-large)}}.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{margin:0;width:100%}@media screen and (min-width: 1024px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{padding-left:0;padding-right:0}}@media screen and (min-width: 1440px){.bal-nav-link-grid-col:not(.bal-nav-link-grid-col--is-static) .bal-nav-link-grid-col__inner .bal-nav-link-group{width:calc(50% - var(--bal-space-large)/2)}}";const q=class{constructor(a){i(this,a),this.color=""}createLogger(a){this.log=a}render(){const i=o.block("nav-link-group"),t=""!==this.color;return a(e,{key:"b7224f7859d490b219fcdfadd2c4c33170fb07f2",class:Object.assign(Object.assign({},i.class()),i.modifier(`is-${this.color}`).class(t))},a("slot",{key:"d7054bf0d35e99ec9e54edcf3f2b8878c87ac5df"}))}};l([s("bal-nav-link-group"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],q.prototype,"createLogger",null),q.style=":root{--bal-nav-link-group-background:transparent;--bal-nav-link-group-background-grey:var(--bal-color-grey);--bal-nav-link-group-background-purple:var(--bal-color-purple);--bal-nav-link-group-background-red:var(--bal-color-red);--bal-nav-link-group-background-yellow:var(--bal-color-yellow);--bal-nav-link-group-background-green:var(--bal-color-green);--bal-nav-link-group-radius:var(--bal-radius-large)}.bal-nav-link-group{display:block;background:var(--bal-nav-link-group-background);border-radius:var(--bal-nav-link-group-radius);padding-top:var(--bal-space-normal);padding-bottom:var(--bal-space-normal);padding-left:var(--bal-space-normal);padding-right:var(--bal-space-normal)}@media screen and (min-width: 1024px){.bal-nav-link-group{padding-left:var(--bal-space-large);padding-right:var(--bal-space-large)}}.bal-nav-link-group--is-grey{background:var(--bal-nav-link-group-background-grey)}.bal-nav-link-group--is-purple{background:var(--bal-nav-link-group-background-purple)}.bal-nav-link-group--is-red{background:var(--bal-nav-link-group-background-red)}.bal-nav-link-group--is-yellow{background:var(--bal-nav-link-group-background-yellow)}.bal-nav-link-group--is-green{background:var(--bal-nav-link-group-background-green)}";const V=class{constructor(a){i(this,a),this.navMenuBarId="bal-nav-menu-bar-"+H++,this.isHidden=!1,this.invisible="none",this.position="none"}createLogger(a){this.log=a}get flyoutElement(){return this.el.querySelector("bal-nav-menu-flyout")}render(){const i=o.block("nav-menu-bar"),t=i.element("inner");return a(e,{key:"a563dcfc6d647f400c20b13df79820c0ce88ea19",id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier("hidden-mobile").class("mobile"===this.invisible)),i.modifier("hidden-tablet").class("tablet"===this.invisible)),i.modifier(`position-${this.position}`).class("none"!==this.position))},a("div",{key:"ec04e09581a0efd9029e20960fd340210cd4a773",class:Object.assign({},t.class())},a("div",{key:"de47464fad24e5ed10ac355fdaac926abcc7583c",class:Object.assign({},i.element("container").class())},a("slot",{key:"a9624e3e83245fcddd0be123b0268b5ca0175041"}))))}get el(){return n(this)}};l([s("bal-nav-menu-bar"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],V.prototype,"createLogger",null);let H=0;V.style=':root{--bal-nav-menu-bar-background:var(--bal-color-white);--bal-nav-menu-bar-radius:var(--bal-radius-large);--bal-nav-menu-bar-shadow:0 5px 15px rgba(0,0,0,.1)}.bal-nav-menu-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-menu-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-mobile{display:hidden;visibility:hidden}}@media screen and (max-width: 768px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-menu-bar--hidden-tablet{display:hidden;visibility:hidden}}@media screen and (min-width: 1440px){.bal-nav-menu-bar{position:fixed;margin-top:1rem}}.bal-nav-menu-bar--position-fixed-top{position:fixed}.bal-nav-menu-bar__inner{background:var(--bal-nav-menu-bar-background);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{min-height:64px}@media screen and (min-width: 1440px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow);min-height:80px}}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;min-height:80px}.bal-nav-menu-bar__inner>.bal-nav-menu-bar__container::before{position:absolute;content:"";height:100%;top:0;left:1rem;right:1rem;background:var(--bal-nav-menu-bar-background);border-radius:var(--bal-nav-menu-bar-radius);-webkit-box-shadow:var(--bal-nav-menu-bar-shadow);box-shadow:var(--bal-nav-menu-bar-shadow)}}.bal-nav-menu-bar .bal-nav__logo{-ms-flex-item-align:start;align-self:flex-start;z-index:1;height:auto;margin-top:.8em}@media screen and (min-width: 1024px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1rem}}@media screen and (min-width: 1440px){.bal-nav-menu-bar .bal-nav__logo{margin-top:1.5rem}}.bal-nav-menu-bar-body-padding{padding-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-padding{padding-top:7rem}}.bal-nav-menu-bar-body-margin{margin-top:1rem}@media screen and (min-width: 1440px){.bal-nav-menu-bar-body-margin{margin-top:7rem}}.bal-nav-menu-bar-fixed-body-padding{padding-top:8rem}.bal-nav-menu-bar-fixed-body-margin{margin-top:8rem}';const Y=class{constructor(a){i(this,a),this.bodyScrollHandler=new d,this.isHidden=!1,this.navId="bal-nav-x"+U++}createLogger(a){this.log=a}connectedCallback(){this.bodyScrollHandler.connect()}disconnectedCallback(){this.bodyScrollHandler.disconnect()}resizeListener(){this.isFlyoutScrollable()?this.bodyScrollHandler.disable():this.bodyScrollHandler.enable()}isFlyoutScrollable(){var a,i;return(null===(a=this.el)||void 0===a?void 0:a.scrollHeight)>(null===(i=this.el)||void 0===i?void 0:i.clientHeight)}render(){const i=o.block("nav-menu-flyout"),t=i.element("line");return a(e,{key:"cc30e95d5a4f6037371cf4158a11b2ba832e98e0",id:`${this.navId}-menu-flyout`,class:Object.assign({},i.class())},a("div",{key:"c28934d355eda16304e02820fb85f373c8e7aaa1",class:Object.assign({},t.class())}),a("div",{key:"0dd9801e8bc0dc277251b353b2efe78f5499dd15",class:Object.assign({},i.element("container").class())},a("slot",{key:"3d0e74c391e039a205ae77710151d03e8c94620f"})))}get el(){return n(this)}};l([s("bal-nav-menu-flyout"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],Y.prototype,"createLogger",null),l([f(),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],Y.prototype,"resizeListener",null);let U=0;Y.style=":root{--bal-nav-menu-flyout-border-background:var(--bal-color-grey)}.bal-nav-menu-flyout{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;padding-bottom:2.5rem;overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 90px - 48px - 16px);width:calc(100% + 1rem + 1rem);margin-left:-1rem;margin-right:-1rem}.bal-nav-menu-flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-menu-flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-menu-flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-menu-flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-menu-flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-menu-flyout .bal-nav-menu-flyout__line{position:-webkit-sticky;position:sticky;width:100%;left:0;top:0;height:1px;background-color:var(--bal-color-grey);margin-bottom:2.5rem}@media screen and (min-width: 1440px)and (max-width: 1539px){.bal-nav-menu-flyout .bal-nav-menu-flyout__line{width:calc(100% - 2rem);left:1rem}}@media screen and (min-width: 769px),print{.bal-nav-menu-flyout{width:calc(100% + 2.5rem + 2.5rem);margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1024px){.bal-nav-menu-flyout{width:calc(100% + 3rem + 3rem);margin-left:-3rem;margin-right:-3rem}}@media screen and (min-width: 1440px){.bal-nav-menu-flyout{max-height:calc(var(--bal-app-height, 100%) - 96px - 48px - 16px)}}";const D=class{constructor(a){i(this,a),this.navMetaBarId="bal-nav-meta-bar-"+E++,this.previousY=0,this.isHidden=!1,this.variant="primary",this.size="normal",this.invisible="none",this.position="none"}createLogger(a){this.log=a}handleScroll(){if(b.hasWindow&&b.hasDocument&&"sticky-top"===this.position){const a=document.body.scrollHeight-document.body.clientHeight,i=0>=window.scrollY,t=0>window.scrollY,e=a<=window.scrollY,n=window.scrollY>this.previousY;this.isHidden=!i&&(n||e||t),this.previousY=window.scrollY;const l=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(l.length>0)for(let a=0;a<l.length;a++){const i=l[a];this.isHidden?"small"===this.size?(i.classList.remove("bal-nav-meta-bar-transform-normal"),i.classList.add("bal-nav-meta-bar-transform-small")):(i.classList.remove("bal-nav-meta-bar-transform-small"),i.classList.add("bal-nav-meta-bar-transform-normal")):(i.classList.remove("bal-nav-meta-bar-transform-small"),i.classList.remove("bal-nav-meta-bar-transform-normal"))}}}render(){const i=o.block("nav-meta-bar");return a(e,{key:"700eeb85fa353dc0059dd1b1d3e2e1bb58c3a381",id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},i.class()),i.modifier(`variant-${this.variant}`).class()),i.modifier(`size-${this.size}`).class()),i.modifier(`position-${this.position}`).class("none"!==this.position)),i.modifier("hidden-mobile").class("mobile"===this.invisible)),i.modifier("hidden-tablet").class("tablet"===this.invisible))},a("div",{key:"880efb6d57db1adb168e312c75f0bf0acdb54c6b",class:Object.assign({},i.element("container").class())},a("slot",{key:"e2de7fdbd8e7ef205dc22bb23f9bcdb83c808add"})))}get el(){return n(this)}};l([s("bal-meta-bar"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],D.prototype,"createLogger",null);let E=0;D.style=":root{--bal-nav-meta-bar-variant-primary-background:var(--bal-color-primary);--bal-nav-meta-bar-variant-primary-shadow:none;--bal-nav-meta-bar-variant-white-background:var(--bal-color-white);--bal-nav-meta-bar-variant-white-shadow:0 5px 15px rgba(0,0,0,.1);--bal-nav-meta-bar-variant-grey-background:var(--bal-color-grey-2);--bal-nav-meta-bar-variant-grey-shadow:none}.bal-nav-meta-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav-meta-bar__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav-meta-bar__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav-meta-bar__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav-meta-bar__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav-meta-bar__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav-meta-bar--size-normal{padding-top:.5rem;padding-bottom:.5rem;height:4rem;max-height:4rem}.bal-nav-meta-bar--size-small{min-height:3rem}.bal-nav-meta-bar--position-fixed-top{position:fixed;top:0;left:0;width:100%}.bal-nav-meta-bar--position-fixed-bottom{position:fixed;bottom:0;left:0;width:100%}.bal-nav-meta-bar--variant-primary{background:var(--bal-nav-meta-bar-variant-primary-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow);box-shadow:var(--bal-nav-meta-bar-variant-primary-shadow)}.bal-nav-meta-bar--variant-grey{background:var(--bal-nav-meta-bar-variant-grey-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow);box-shadow:var(--bal-nav-meta-bar-variant-grey-shadow)}.bal-nav-meta-bar--variant-white{background:var(--bal-nav-meta-bar-variant-white-background);-webkit-box-shadow:var(--bal-nav-meta-bar-variant-white-shadow);box-shadow:var(--bal-nav-meta-bar-variant-white-shadow)}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-mobile{display:hidden !important;visibility:hidden !important}}@media screen and (max-width: 768px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}@media screen and (min-width: 769px)and (max-width: 1023px){.bal-nav-meta-bar--hidden-tablet{display:hidden !important;visibility:hidden !important}}.bal-nav-meta-bar .button-label{word-break:keep-all !important}.bal-nav-meta-bar-transform{will-change:transition;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;position:fixed;display:block;width:100%;top:0;z-index:var(--bal-z-index-navigation)}.bal-nav-meta-bar-transform-small{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.bal-nav-meta-bar-transform-normal{-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}";export{A as bal_nav,S as bal_nav_link,T as bal_nav_link_grid,P as bal_nav_link_grid_col,q as bal_nav_link_group,V as bal_nav_menu_bar,Y as bal_nav_menu_flyout,D as bal_nav_meta_bar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,w as i,h as a,H as s,g as n}from"./p-2ccbe55a.js";import{_ as r,a as o}from"./p-43c9f5e9.js";import{B as l}from"./p-ae86d0a0.js";import{F as b}from"./p-ca119357.js";import{d as m}from"./p-5eb3fbb9.js";import{s as c}from"./p-79f6f58b.js";import{o as d,l as h,r as g}from"./p-a255c9b3.js";import{L as p}from"./p-b77e3348.js";import{d as u,b as v,a as f,e as k,i as x,f as _,g as y,h as w}from"./p-dc98854c.js";import{L as j}from"./p-afd41db0.js";import{L as O}from"./p-ad14e9f9.js";import{L as z}from"./p-8fc7e9ca.js";import{L}from"./p-4857a7ee.js";import{L as C}from"./p-a2f19988.js";import{i as F}from"./p-063808d7.js";import"./p-a65354df.js";import"./p-a7be57b6.js";import"./p-acf222fd.js";import"./p-75051cae.js";import"./p-96216bd1.js";import"./p-8b3520e9.js";const E=class{constructor(i){e(this,i),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.balChange=t(this,"balChange",7),this.balSelect=t(this,"balSelect",7),this.balVertical=t(this,"balVertical",7),this.hasFocus=!1,this.getSegmentItem=e=>{var t,i;const a=this.allItems.filter((e=>!e.disabled)),s=a.findIndex((e=>e===document.activeElement.closest("bal-segment-item")));switch(e){case"current":return a[s];case"first":return a[0];case"last":return a[a.length-1];case"next":return null!==(t=a[s+1])&&void 0!==t?t:a[0];case"previous":return null!==(i=a[s-1])&&void 0!==i?i:a[a.length-1];default:return null}},this.onPointerDown=()=>{this.keyboardMode=!1},this.onSlottedItemsChange=()=>{this.valueChanged(this.value),this.defineWidth()},this.onClick=e=>{if(this.disabled)return;const t=e.target,i=this.checked;"BAL-SEGMENT"!==t.tagName&&(t&&t.setFocus&&t.setFocus(),i?this.checkButton(i,t):(this.setCheckedClasses(),this.checkButton(t,t)),t!==i&&this.emitValueChange())},this.focusedValue=void 0,this.keyboardMode=!0,this.isVertical=!1,this.isMobile=!1,this.maxWidth=0,this.ariaForm=m,this.invalid=!1,this.autoInvalidOff=!1,this.disabled=!1,this.vertical=!1,this.scrollable=!1,this.expanded=!1,this.value=void 0}createLogger(e){this.log=e}invalidChanged(){this.allItems.map((e=>e.invalid=this.invalid))}disabledChanged(){this.allItems.map((e=>e.disabled=this.disabled))}valueChanged(e){this.balSelect.emit(e)}connectedCallback(){this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown),this.disabledChanged(),this.isVertical=this.vertical}disconnectedCallback(){this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}async componentDidLoad(){this.setCheckedClasses(),this.defineWidth()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}animationListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}visibilityListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}breakpointListener(e){this.isMobile=e.mobile}windowResizeListener(){if(!1===this.vertical&&this.maxWidth>0){const e=this.el.parentElement.getBoundingClientRect();this.emitVerticalChange(e.width<this.maxWidth)}else this.emitVerticalChange(!0)}listenOnKeyDownOutside(){this.keyboardMode=!0}listenOnKeyDown(e){this.keyboardMode=b.includes(e.key);let t,i=!1;if(u(e)||v(e)?(c(e),t=this.getSegmentItem("current"),i=this.value!==t.value,this.value=t.value):f(e)||k(e)?(c(e),t=this.getSegmentItem("previous")):x(e)||_(e)?(c(e),t=this.getSegmentItem("next")):y(e)?(c(e),t=this.getSegmentItem("first")):w(e)&&(c(e),t=this.getSegmentItem("last")),!t)return;const a=this.checked;(t!==a||i)&&(this.checkButton(a,t),this.emitValueChange()),t&&t.setFocus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allItems(){return Array.from(this.el.querySelectorAll("bal-segment-item"))}get checked(){return this.allItems.find((e=>e.value===this.value))}emitValueChange(){this.balChange.emit(this.value)}emitVerticalChange(e){this.isVertical!==e&&(this.isVertical=e,this.balVertical.emit(this.isVertical))}defineWidth(){d((()=>{if(!1===this.isVertical){const e=this.el.getBoundingClientRect();this.maxWidth=e.width}this.windowResizeListener()}))}getIndicator(e){return e?(e.shadowRoot||e).querySelector(".bal-segment-item__indicator"):null}checkButton(e,t){const a=this.getIndicator(e),s=this.getIndicator(t);if(null===a||null===s)return;const n=a.getBoundingClientRect(),r=s.getBoundingClientRect();let o=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;this.isVertical&&(o=`translate3d(0, ${n.top-r.top}px, 0) scaleY(${n.height/r.height})`),i((()=>{s.classList.remove("bal-segment-item__indicator--animated"),s.style.setProperty("transform",o),s.getBoundingClientRect(),s.classList.add("bal-segment-item__indicator--animated"),s.style.setProperty("transform","")})),this.value=t.value,this.setCheckedClasses()}setCheckedClasses(){const e=this.allItems,t=e.findIndex((e=>e.value===this.value)),i=t+1,a=t-1;for(const t of e)t.classList.remove("bal-segment-item--after-checked"),t.classList.remove("bal-segment-item--before-checked");i<e.length&&e[i].classList.add("bal-segment-item--after-checked"),a<e.length&&a>=0&&e[a].classList.add("bal-segment-item--before-checked")}render(){const{invalid:e,isVertical:t,scrollable:i,keyboardMode:n,expanded:r,isMobile:o,disabled:b}=this,m=l.block("segment");return a(s,{key:"fe90569ba8a29ad23116fdda84f1ec889e2156a8",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("invalid").class(e)),m.modifier("vertical").class(t)),m.modifier("scrollable").class(i)),m.modifier("keyboard").class(n)),m.modifier("disabled").class(b)),m.modifier("expanded").class((r||o)&&!t)),onClick:this.onClick},a("slot",{key:"b3dbd7293b30d5df7fcf13ae53b01b43f9b69e5a",onSlotchange:this.onSlottedItemsChange}))}get el(){return n(this)}static get watchers(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}}};r([p("bal-segment"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],E.prototype,"createLogger",null),r([j(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],E.prototype,"focusInListener",null),r([j(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],E.prototype,"focusOutListener",null),r([O(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"animationListener",null),r([z(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"visibilityListener",null),r([C(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],E.prototype,"breakpointListener",null),r([L(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"windowResizeListener",null),E.style=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";let V=0;const A=class{constructor(t){e(this,t),this.segmentEl=null,this.inheritedAttributes={},this.internalId=V++,this.inputId=`bal-si-${this.internalId}`,this.updateVertical=e=>{this.isVertical=e.detail},this.updateState=()=>{const{segmentEl:e}=this;if(e){if(""===e.value||null==e.value){const e=this.allAvailableOptions;if(e.length>0){const t=e[0];this.checked=!1,this.isFocusable=t===this.el}}else this.checked=e.value===this.value,this.isFocusable=e.value===this.value;e.disabled&&(this.disabled=!0),e.invalid&&(this.invalid=!0),this.isLast=e.lastElementChild===this.el,this.isFirst=e.firstElementChild===this.el,this.calculateEmptyValue()}},this.onSlottedItemsChange=()=>{this.checkSlotContent()},this.hasSlotContent=!1,this.isFocusable=!1,this.isVertical=!1,this.isLast=!1,this.isFirst=!1,this.hasEmptyValue=!0,this.ariaForm=m,this.disabled=!1,this.invalid=!1,this.focused=!1,this.checked=!1,this.label="",this.value="bal-si-"+this.internalId}valueChanged(e,t){e!==t&&this.updateState()}componentWillLoad(){this.inheritedAttributes=Object.assign({},F(this.el,["aria-label"]))}connectedCallback(){const e=this.segmentEl=this.el.closest("bal-segment");e&&e.vertical&&(this.isVertical=e.vertical)}componentDidLoad(){const e=this.segmentEl=this.el.closest("bal-segment");e&&(h(e,"balSelect",this.updateState),h(e,"balVertical",this.updateVertical)),d((()=>{this.checkSlotContent(),this.updateState()}))}disconnectedCallback(){const e=this.segmentEl;e&&(g(e,"balSelect",this.updateState),g(e,"balVertical",this.updateVertical),this.segmentEl=null)}calculateEmptyValue(){if(this.segmentEl){const e=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!e.some((e=>e.value===this.segmentEl.value))}else this.hasEmptyValue=!1}async setFocus(){const{nativeEl:e}=this;void 0!==e&&e.focus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allAvailableOptions(){return this.allOptions.filter((e=>!e.disabled))}get allOptions(){const{segmentEl:e}=this;return e?Array.from(e.querySelectorAll("bal-segment-item")):[]}checkSlotContent(){const e=this.el.querySelector('[part="slot"]'),t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0}render(){const{checked:e,focused:t,segmentEl:i,label:n,isFocusable:r,isFirst:o,hasEmptyValue:b}=this,m=l.block("segment-item"),c=m.element("button"),d=m.element("indicator"),h=this.invalid||i&&i.invalid,g=this.disabled||i&&i.disabled,p=this.isVertical,u=b&&o||r&&!g,v=u&&this.ariaForm.controlId||this.inputId;let f={};return u&&(f={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}),a(s,{key:"9540f230da68378bb218a0f02514d5eac13a4f89",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("vertical").class(p)),m.modifier("disabled").class(g)),m.modifier("checked").class(e)),m.modifier("invalid").class(h)),m.modifier("last").class(this.isLast&&!e))},a("button",Object.assign({key:"27b6344ee2805d090b76771dee36f21522952d8f",id:v,role:"radio","aria-checked":e?"true":"false"},f,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("checked").class(e)),c.modifier("invalid").class(h)),c.modifier("disabled").class(g)),c.modifier("focused").class(t)),c.modifier("vertical").class(p)),type:"button",tabIndex:u?0:-1,part:"native",disabled:g,ref:e=>this.nativeEl=e},this.inheritedAttributes),a("bal-icon",{key:"38b185867756c1e8167eb329d3675b0fe813b1ff",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},c.element("icon").class()),c.element("icon").modifier("animated").class(e)),c.element("icon").modifier("vertical").class(p)),color:g?"grey-dark":h?"white":"primary"}),a("bal-stack",{key:"0085adbc0185b95c7a299d44b68baeb73799d78e",space:"x-small",layout:"horizontal"},a("bal-content",{key:"d9a8a1d9d74666b245511f643b2e127e2bd61814",space:"none"},a("bal-label",{key:"f5d74f65e06a06767c57c16006e6dcefffa294ea",htmlId:`bal-si-${this.internalId}-label`},n),a("span",{key:"9604d5292614b6a6f663fed121fd4618dfc1457b",part:"slot",class:Object.assign({},c.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{key:"06c06c8714bc7284d11e807eeb19e6960fb177fc",onSlotchange:this.onSlottedItemsChange}))))),a("div",{key:"b9cdc430ed83ebed23ad02f475aa35a7eb9b528d",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("animated").class()),d.modifier("background").class()),d.modifier("disabled").class(g)),d.modifier("invalid").class(h)),d.modifier("checked").class(e)),d.modifier("vertical").class(p))}))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};A.style=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';export{E as bal_segment,A as bal_segment_item}
|
|
1
|
+
import{r as e,c as t,w as i,h as a,H as s,g as n}from"./p-2ccbe55a.js";import{_ as r,a as o}from"./p-43c9f5e9.js";import{B as l}from"./p-ae86d0a0.js";import{F as b}from"./p-ca119357.js";import{d as c}from"./p-5eb3fbb9.js";import{s as m}from"./p-79f6f58b.js";import{o as d,l as h,r as g}from"./p-a255c9b3.js";import{L as p}from"./p-b77e3348.js";import{d as u,b as v,a as f,e as k,i as x,f as _,g as y,h as w}from"./p-dc98854c.js";import{L as j}from"./p-afd41db0.js";import{L as O}from"./p-ad14e9f9.js";import{L as z}from"./p-8fc7e9ca.js";import{L}from"./p-d6cc7169.js";import{L as C}from"./p-d0a1eb2e.js";import{i as F}from"./p-063808d7.js";import"./p-a65354df.js";import"./p-a7be57b6.js";import"./p-acf222fd.js";import"./p-6d3611d0.js";import"./p-96216bd1.js";import"./p-d13e5666.js";const E=class{constructor(i){e(this,i),this.balFocus=t(this,"balFocus",7),this.balBlur=t(this,"balBlur",7),this.balChange=t(this,"balChange",7),this.balSelect=t(this,"balSelect",7),this.balVertical=t(this,"balVertical",7),this.hasFocus=!1,this.getSegmentItem=e=>{var t,i;const a=this.allItems.filter((e=>!e.disabled)),s=a.findIndex((e=>e===document.activeElement.closest("bal-segment-item")));switch(e){case"current":return a[s];case"first":return a[0];case"last":return a[a.length-1];case"next":return null!==(t=a[s+1])&&void 0!==t?t:a[0];case"previous":return null!==(i=a[s-1])&&void 0!==i?i:a[a.length-1];default:return null}},this.onPointerDown=()=>{this.keyboardMode=!1},this.onSlottedItemsChange=()=>{this.valueChanged(this.value),this.defineWidth()},this.onClick=e=>{if(this.disabled)return;const t=e.target,i=this.checked;"BAL-SEGMENT"!==t.tagName&&(t&&t.setFocus&&t.setFocus(),i?this.checkButton(i,t):(this.setCheckedClasses(),this.checkButton(t,t)),t!==i&&this.emitValueChange())},this.focusedValue=void 0,this.keyboardMode=!0,this.isVertical=!1,this.isMobile=!1,this.maxWidth=0,this.ariaForm=c,this.invalid=!1,this.autoInvalidOff=!1,this.disabled=!1,this.vertical=!1,this.scrollable=!1,this.expanded=!1,this.value=void 0}createLogger(e){this.log=e}invalidChanged(){this.allItems.map((e=>e.invalid=this.invalid))}disabledChanged(){this.allItems.map((e=>e.disabled=this.disabled))}valueChanged(e){this.balSelect.emit(e)}connectedCallback(){this.el.addEventListener("touchstart",this.onPointerDown),this.el.addEventListener("mousedown",this.onPointerDown),this.disabledChanged(),this.isVertical=this.vertical}disconnectedCallback(){this.el.removeEventListener("touchstart",this.onPointerDown),this.el.removeEventListener("mousedown",this.onPointerDown)}async componentDidLoad(){this.setCheckedClasses(),this.defineWidth()}focusInListener(e){this.balFocus.emit(e)}focusOutListener(e){this.balBlur.emit(e)}animationListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}visibilityListener(){const e=this.el.getBoundingClientRect();this.maxWidth=e.width,this.windowResizeListener()}breakpointListener(e){this.isMobile=e.mobile}windowResizeListener(){if(!1===this.vertical&&this.maxWidth>0){const e=this.el.parentElement.getBoundingClientRect();this.emitVerticalChange(e.width<this.maxWidth)}else this.emitVerticalChange(!0)}listenOnKeyDownOutside(){this.keyboardMode=!0}listenOnKeyDown(e){this.keyboardMode=b.includes(e.key);let t,i=!1;if(u(e)||v(e)?(m(e),t=this.getSegmentItem("current"),i=this.value!==t.value,this.value=t.value):f(e)||k(e)?(m(e),t=this.getSegmentItem("previous")):x(e)||_(e)?(m(e),t=this.getSegmentItem("next")):y(e)?(m(e),t=this.getSegmentItem("first")):w(e)&&(m(e),t=this.getSegmentItem("last")),!t)return;const a=this.checked;(t!==a||i)&&(this.checkButton(a,t),this.emitValueChange()),t&&t.setFocus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allItems(){return Array.from(this.el.querySelectorAll("bal-segment-item"))}get checked(){return this.allItems.find((e=>e.value===this.value))}emitValueChange(){this.balChange.emit(this.value)}emitVerticalChange(e){this.isVertical!==e&&(this.isVertical=e,this.balVertical.emit(this.isVertical))}defineWidth(){d((()=>{if(!1===this.isVertical){const e=this.el.getBoundingClientRect();this.maxWidth=e.width}this.windowResizeListener()}))}getIndicator(e){return e?(e.shadowRoot||e).querySelector(".bal-segment-item__indicator"):null}checkButton(e,t){const a=this.getIndicator(e),s=this.getIndicator(t);if(null===a||null===s)return;const n=a.getBoundingClientRect(),r=s.getBoundingClientRect();let o=`translate3d(${n.left-r.left}px, 0, 0) scaleX(${n.width/r.width})`;this.isVertical&&(o=`translate3d(0, ${n.top-r.top}px, 0) scaleY(${n.height/r.height})`),i((()=>{s.classList.remove("bal-segment-item__indicator--animated"),s.style.setProperty("transform",o),s.getBoundingClientRect(),s.classList.add("bal-segment-item__indicator--animated"),s.style.setProperty("transform","")})),this.value=t.value,this.setCheckedClasses()}setCheckedClasses(){const e=this.allItems,t=e.findIndex((e=>e.value===this.value)),i=t+1,a=t-1;for(const t of e)t.classList.remove("bal-segment-item--after-checked"),t.classList.remove("bal-segment-item--before-checked");i<e.length&&e[i].classList.add("bal-segment-item--after-checked"),a<e.length&&a>=0&&e[a].classList.add("bal-segment-item--before-checked")}render(){const{invalid:e,isVertical:t,scrollable:i,keyboardMode:n,expanded:r,isMobile:o,disabled:b}=this,c=l.block("segment");return a(s,{key:"b957d93e8bfd7d7dbbdb6261f793aa1af056116b",role:"radiogroup",id:this.ariaForm.controlId,"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("invalid").class(e)),c.modifier("vertical").class(t)),c.modifier("scrollable").class(i)),c.modifier("keyboard").class(n)),c.modifier("disabled").class(b)),c.modifier("expanded").class((r||o)&&!t)),onClick:this.onClick},a("slot",{key:"ee706ef9db166e55e7074e11c76c37b3c4ac545b",onSlotchange:this.onSlottedItemsChange}))}get el(){return n(this)}static get watchers(){return{invalid:["invalidChanged"],disabled:["disabledChanged"],value:["valueChanged"]}}};r([p("bal-segment"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],E.prototype,"createLogger",null),r([j(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],E.prototype,"focusInListener",null),r([j(),o("design:type",Function),o("design:paramtypes",[FocusEvent]),o("design:returntype",void 0)],E.prototype,"focusOutListener",null),r([O(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"animationListener",null),r([z(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"visibilityListener",null),r([C(),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],E.prototype,"breakpointListener",null),r([L(),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],E.prototype,"windowResizeListener",null),E.style=":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";let V=0;const A=class{constructor(t){e(this,t),this.segmentEl=null,this.inheritedAttributes={},this.internalId=V++,this.inputId=`bal-si-${this.internalId}`,this.updateVertical=e=>{this.isVertical=e.detail},this.updateState=()=>{const{segmentEl:e}=this;if(e){if(""===e.value||null==e.value){const e=this.allAvailableOptions;if(e.length>0){const t=e[0];this.checked=!1,this.isFocusable=t===this.el}}else this.checked=e.value===this.value,this.isFocusable=e.value===this.value;e.disabled&&(this.disabled=!0),e.invalid&&(this.invalid=!0),this.isLast=e.lastElementChild===this.el,this.isFirst=e.firstElementChild===this.el,this.calculateEmptyValue()}},this.onSlottedItemsChange=()=>{this.checkSlotContent()},this.hasSlotContent=!1,this.isFocusable=!1,this.isVertical=!1,this.isLast=!1,this.isFirst=!1,this.hasEmptyValue=!0,this.ariaForm=c,this.disabled=!1,this.invalid=!1,this.focused=!1,this.checked=!1,this.label="",this.value="bal-si-"+this.internalId}valueChanged(e,t){e!==t&&this.updateState()}componentWillLoad(){this.inheritedAttributes=Object.assign({},F(this.el,["aria-label"]))}connectedCallback(){const e=this.segmentEl=this.el.closest("bal-segment");e&&e.vertical&&(this.isVertical=e.vertical)}componentDidLoad(){const e=this.segmentEl=this.el.closest("bal-segment");e&&(h(e,"balSelect",this.updateState),h(e,"balVertical",this.updateVertical)),d((()=>{this.checkSlotContent(),this.updateState()}))}disconnectedCallback(){const e=this.segmentEl;e&&(g(e,"balSelect",this.updateState),g(e,"balVertical",this.updateVertical),this.segmentEl=null)}calculateEmptyValue(){if(this.segmentEl){const e=Array.from(this.segmentEl.querySelectorAll("bal-segment-item"));this.hasEmptyValue=!e.some((e=>e.value===this.segmentEl.value))}else this.hasEmptyValue=!1}async setFocus(){const{nativeEl:e}=this;void 0!==e&&e.focus()}async setAriaForm(e){this.ariaForm=Object.assign({},e)}get allAvailableOptions(){return this.allOptions.filter((e=>!e.disabled))}get allOptions(){const{segmentEl:e}=this;return e?Array.from(e.querySelectorAll("bal-segment-item")):[]}checkSlotContent(){const e=this.el.querySelector('[part="slot"]'),t=e?e.innerHTML.trim():"";this.hasSlotContent=t.length>0}render(){const{checked:e,focused:t,segmentEl:i,label:n,isFocusable:r,isFirst:o,hasEmptyValue:b}=this,c=l.block("segment-item"),m=c.element("button"),d=c.element("indicator"),h=this.invalid||i&&i.invalid,g=this.disabled||i&&i.disabled,p=this.isVertical,u=b&&o||r&&!g,v=u&&this.ariaForm.controlId||this.inputId;let f={};return u&&(f={"aria-labelledby":this.ariaForm.labelId,"aria-describedby":this.ariaForm.messageId}),a(s,{key:"55e0754b091fb723f2e5d90f7bdb50190abbea52",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},c.class()),c.modifier("vertical").class(p)),c.modifier("disabled").class(g)),c.modifier("checked").class(e)),c.modifier("invalid").class(h)),c.modifier("last").class(this.isLast&&!e))},a("button",Object.assign({key:"8b7d3b58c59e02b98eeb131696fc0b0540780353",id:v,role:"radio","aria-checked":e?"true":"false"},f,{class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.class()),m.modifier("checked").class(e)),m.modifier("invalid").class(h)),m.modifier("disabled").class(g)),m.modifier("focused").class(t)),m.modifier("vertical").class(p)),type:"button",tabIndex:u?0:-1,part:"native",disabled:g,ref:e=>this.nativeEl=e},this.inheritedAttributes),a("bal-icon",{key:"a8da51b21fe49d7e7dc56d1089710a905ebf5df7",name:"check",size:"small",class:Object.assign(Object.assign(Object.assign({},m.element("icon").class()),m.element("icon").modifier("animated").class(e)),m.element("icon").modifier("vertical").class(p)),color:g?"grey-dark":h?"white":"primary"}),a("bal-stack",{key:"47d5eb2ef471654c05343ae83b4ac2b4fb0e9839",space:"x-small",layout:"horizontal"},a("bal-content",{key:"833e34ce4261d88906d220ac92acf68691aa5d88",space:"none"},a("bal-label",{key:"a7fffd217d6823c4234c76f2e4a7fc645148a453",htmlId:`bal-si-${this.internalId}-label`},n),a("span",{key:"695a0cf23d40a0b19ef4a76248838b27dbe481be",part:"slot",class:Object.assign({},m.element("slot").modifier("hidden").class(!this.hasSlotContent))}," ",a("slot",{key:"2fb05a58ea4850f5196804f69fb0d84e3dc1145e",onSlotchange:this.onSlottedItemsChange}))))),a("div",{key:"a6b5024e4e04af2be2d7830a656bdf0c2cb213a1",class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},d.class()),d.modifier("animated").class()),d.modifier("background").class()),d.modifier("disabled").class(g)),d.modifier("invalid").class(h)),d.modifier("checked").class(e)),d.modifier("vertical").class(p))}))}get el(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};A.style=':root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment-item{display:block;position:relative;height:auto;text-decoration:none;text-overflow:ellipsis;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.bal-segment-item--disabled{cursor:default !important;pointer-events:none !important}.bal-segment-item__button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:2.5rem;min-width:3rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding-top:.375rem;padding-bottom:.375rem;padding-left:20px;padding-right:20px;outline:none;border-color:rgba(0,0,0,0);border-width:var(--bal-border-width-normal);border-style:solid;border-radius:var(--bal-radius-normal);background:rgba(0,0,0,0);font-size:var(--bal-text-size-normal);font-weight:var(--bal-font-weight-bold);color:var(--bal-segment-item-text-color);overflow:hidden;position:relative;contain:content;pointer-events:none;cursor:pointer;z-index:2}.bal-segment-item__button--vertical{padding-left:.75rem;padding-right:.75rem}.bal-segment-item__button span{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-regular)}.bal-segment-item__button{will-change:color,padding;-webkit-transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 160ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1);transition:padding 160ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{content:"";position:absolute;background:var(--bal-segment-item-divider-background);border-radius:var(--bal-radius-normal)}.bal-segment-item:not(.bal-segment-item--vertical):not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{top:2px;bottom:2px;right:-1px;width:2px}.bal-segment-item.bal-segment-item--vertical:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{left:2px;right:2px;bottom:-1px;height:2px}.bal-segment-item--invalid:not(.bal-segment-item--checked):not(.bal-segment-item--last):not(.bal-segment-item--before-checked)::after{background:var(--bal-segment-item-divider-background-invalid)}.bal-segment-item__indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none;border-radius:var(--bal-radius-normal);background:var(--bal-segment-item-indicator-background);top:0;left:0}.bal-segment-item__indicator--vertical{-webkit-transform-origin:top;transform-origin:top}.bal-segment-item__indicator--invalid{background:var(--bal-segment-item-indicator-background-invalid)}.bal-segment-item__indicator--background{min-width:100%;min-height:100%;-webkit-transform:none;transform:none;pointer-events:none}.bal-segment-item__indicator--animated{will-change:transform,opacity,top,bottom,left,right,min-width,min-heigth;-webkit-transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease;transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1),min-width 100ms ease,min-height 100ms ease,top 100ms ease,left 100ms ease,bottom 100ms ease,right 100ms ease,-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__indicator--checked{opacity:1}.bal-segment-item:active .bal-segment-item__indicator{min-width:calc(100% - 4px);min-height:calc(100% - 4px);top:2px !important;bottom:2px !important;left:2px !important;right:2px !important}.bal-segment-item__button__icon{position:absolute !important;opacity:0;width:0 !important;-webkit-transform:translateX(0.1rem);transform:translateX(0.1rem);pointer-events:none !important;cursor:inherit;will-change:transform,opacity}.bal-segment-item__button__icon:not(.bal-segment-item__button__icon--vertical){left:10px}.bal-segment-item__button__icon--vertical{right:10px}.bal-segment-item__button__icon--animated{opacity:1;width:.875rem !important;-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 260ms cubic-bezier(0.4, 0, 0.2, 1),transform 260ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}.bal-segment-item__button--checked{color:var(--bal-segment-item-text-color-checked);padding-right:40px}.bal-segment-item__button--checked:not(.bal-segment-item__button--vertical){padding-left:26px;padding-right:12px}@media (hover: hover)and (pointer: fine){.bal-segment-item:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-hovered)}}.bal-segment-item:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-checked-pressed)}.bal-segment--keyboard .bal-segment-item__button:not(.bal-segment-item__button--disabled):focus-visible,.bal-segment--keyboard .bal-segment-item__button--focused:not(.bal-segment-item__button--disabled){border-color:var(--bal-segment-item-focus-border);border-width:var(--bal-border-width-normal);border-style:solid;-webkit-transition:border 300ms ease-in-out;transition:border 300ms ease-in-out}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled) .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid)}@media (hover: hover)and (pointer: fine){.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):hover .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-hovered)}}.bal-segment-item.bal-segment-item--invalid:not(.bal-segment-item--disabled):active .bal-segment-item__button:not(.bal-segment-item__button--checked){color:var(--bal-segment-item-text-color-invalid-pressed)}.bal-segment-item__button--invalid.bal-segment-item__button--checked{color:var(--bal-color-text-white)}.bal-segment-item__button--disabled{background:rgba(0,0,0,0);color:var(--bal-segment-item-text-color-disabled)}.bal-segment-item__button--disabled.bal-segment-item__button--checked{background:var(--bal-segment-item-indicator-background-disabled);color:var(--bal-segment-item-text-color-disabled-checked)}.bal-segment-item__button__slot--hidden{display:none !important}';export{E as bal_segment,A as bal_segment_item}
|