@baloise/ds-core 18.2.0 → 18.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bal-accordion-trigger.js +67 -29
- package/components/bal-app.js +2 -2
- 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-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 +1 -1
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-c22c22090f.system.entry.js → p-00e75d0c35.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-c9cbfd5a61.entry.js → p-038c618cc5.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0b851cd59c.system.entry.js → p-0aeaf649aa.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-c4aabcc6bc.system.entry.js → p-152b86b426.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-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-e0a3b80c8c.system.entry.js → p-24898ae0b6.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4c695be0.system.js → p-25617878.system.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-36a4ecfe.system.js → p-2697b3c0.system.js} +1 -1
- package/dist/baloise-design-system/{p-ea8491b628.entry.js → p-277384b233.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-f2234a5a71.entry.js → p-29908af0fd.entry.js} +1 -1
- package/dist/baloise-design-system/{p-04a8a75fb8.entry.js → p-2e7c157f61.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-345aa92d.system.js +1 -1
- package/dist/baloise-design-system/{p-9276f29a07.entry.js → p-34caa16d21.entry.js} +1 -1
- package/dist/baloise-design-system/{p-421a77b6c1.system.entry.js → p-38a74d2653.system.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-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-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-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-7496834468.system.entry.js → p-4915eb7e22.system.entry.js} +1 -1
- 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-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-0ad80f603a.entry.js → p-60c0470d4a.entry.js} +1 -1
- package/dist/baloise-design-system/{p-4857a7ee.js → p-60c0b0fb.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-afabc522e1.entry.js → p-63a1bc9737.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-bfb6c67686.entry.js → p-6ce02b4115.entry.js} +1 -1
- package/dist/baloise-design-system/{p-864cf36d45.system.entry.js → p-712e5c9739.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a8a62f0a85.system.entry.js → p-72a3289f25.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-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-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-0242cdf474.entry.js → p-89d4432ac2.entry.js} +1 -1
- 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-90a7f09c63.entry.js +1 -0
- package/dist/baloise-design-system/{p-e3c51dd5ce.system.entry.js → p-91a7fe0fc1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-7162e44f.system.js → p-934c6104.system.js} +1 -1
- 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-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-1b7a378e4b.system.entry.js → p-9ee4bb3be6.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-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-27d9d109b4.entry.js → p-a2dff75011.entry.js} +1 -1
- package/dist/baloise-design-system/{p-40d5ef4e.system.js → p-a2ea159e.system.js} +1 -1
- package/dist/baloise-design-system/{p-15f77798ad.entry.js → p-a3cb7f216f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-5429e0223f.system.entry.js → p-a779279aae.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1b31484d81.entry.js → p-a8b8e39162.entry.js} +1 -1
- 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-a2f19988.js → p-ade97788.js} +1 -1
- package/dist/baloise-design-system/p-aebe807c86.entry.js +1 -0
- package/dist/baloise-design-system/{p-e6d0ea6084.entry.js → p-b21ea8fd1f.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-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-5f3e40e522.system.entry.js → p-ba40faa1d5.system.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-2568bb635f.entry.js → p-c0c4b24075.entry.js} +1 -1
- package/dist/baloise-design-system/{p-702d0efef4.entry.js → p-c1a3776980.entry.js} +1 -1
- package/dist/baloise-design-system/p-c2c574cb.js +1 -0
- package/dist/baloise-design-system/{p-29709a5fee.system.entry.js → p-c4320b3a46.system.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-eeb7176703.system.entry.js → p-c7e205efa7.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9c204d3ac7.entry.js → p-ca80a03f51.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1fd9b1f748.system.entry.js → p-cce29204c3.system.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-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-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-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-3a0896c8a9.entry.js → p-f1186421ec.entry.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-7b7968e8d3.system.entry.js → p-fb95929111.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-93906ca075.entry.js → p-fed37bccaa.entry.js} +1 -1
- 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-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 +1 -1
- package/dist/cjs/{breakpoints.decorator-90762be4.js → breakpoints.decorator-a75a8dbc.js} +1 -1
- package/dist/cjs/{breakpoints.subject-7ee9fb88.js → breakpoints.subject-99007fbd.js} +1 -1
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/initialize-2e8978a4.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{tokens.esm-aa5d038b.js → tokens.esm-836b8c42.js} +1 -1
- package/dist/cjs/{window-resize.decorator-30d9f5ca.js → window-resize.decorator-dd0ecc12.js} +1 -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/utils/constants/version.constant.js +1 -1
- 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-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 +1 -1
- package/dist/esm/{breakpoints.decorator-2074b85a.js → breakpoints.decorator-3c6214ed.js} +1 -1
- package/dist/esm/{breakpoints.subject-3329beee.js → breakpoints.subject-6b4e30ba.js} +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/initialize-be160cc4.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{tokens.esm-9895930d.js → tokens.esm-2ce9e0f4.js} +1 -1
- package/dist/esm/{window-resize.decorator-9c64a902.js → window-resize.decorator-3ffd7301.js} +1 -1
- 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-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-3c6214ed.js} +1 -1
- package/dist/esm-es5/{breakpoints.subject-3329beee.js → breakpoints.subject-6b4e30ba.js} +1 -1
- 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-3ffd7301.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.d.ts +26 -2
- package/package.json +7 -6
- 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-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-75051cae.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/baloise-design-system/{p-105f0019.system.js → p-1f610a13.system.js} +0 -0
- /package/dist/baloise-design-system/{p-8b3520e9.js → p-c8c2e2d9.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-9895930d.js → tokens.esm-2ce9e0f4.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__extends,__generator}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{b as balBrowser}from"./browser-a8073d92.js";import{B as BalScrollHandler}from"./scroll-f4b20848.js";import{w as waitForComponent,d as waitAfterIdleCallback}from"./helpers-94c3fbac.js";import{b as balBreakpoints}from"./breakpoints.subject-3329beee.js";import{d as defaultConfig}from"./config.default-8e11a860.js";import{L as ListenToMutation}from"./mutation.decorator-e915d053.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-2074b85a.js";import{L as ListenToConfig}from"./config.decorator-42dba864.js";import{L as ListenToResize}from"./resize.decorator-08f6286b.js";import"./config.utils-cd529084.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-9895930d.js";var NavLinkItem=function(){function a(a,t){var e=this;this.observer=t;this.clickable=false;this.active=false;this.data=undefined;this.label=a.label;this.id="nav-link-item-".concat(NavLinkItemIDs++);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=function(t){e.observer.linkItemClickListener(e);if(a.onClick){a.onClick(t)}};this.onAccordionClick=function(t){e.observer.accordionClickListener(e);if(a.onAccordionClick){a.onAccordionClick(t)}}}Object.defineProperty(a.prototype,"type",{get:function(){return"NavLinkItem"},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"isLink",{get:function(){return this.href!==undefined&&this.href!==null&&this.href!==""},enumerable:false,configurable:true});a.prototype.toJson=function(){return{label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,data:this.data}};a.prototype.renderTouch=function(a){var t=this;var e=BEM.block("nav");return h("li",null,h("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},e.element("mobile-links").class()),e.element("mobile-links").modifier("selected").class(this.active)),e.element("mobile-links").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label))};a.prototype.render=function(a){var t=this;return h("bal-nav-link",{role:"listitem",href:this.href,target:this.target,clickable:this.clickable,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label)};return a}();var NavLinkItemIDs=0;var NavSectionLinkItem=function(a){__extends(t,a);function t(t,e){var n=a.call(this,t,e)||this;n.linkItems=[];n.htmlTitle=t.htmlTitle;n.label=t.label;n.href=t.href;n.target=t.target;n.id="nav-section-link-item-".concat(NavSectionLinkItemIDs++);n.value=t.value||n.id;n.linkItems=(t.linkItems||[]).map((function(a){return new NavLinkItem(a,e)}));return n}Object.defineProperty(t.prototype,"type",{get:function(){return"NavSectionLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var e=BEM.block("nav");var n=this.linkItems&&this.linkItems.length>0;return h("li",null,h("a",{id:this.id,class:Object.assign(Object.assign(Object.assign({},e.element("mobile-section-item").class()),e.element("mobile-section-item").modifier("selected").class(this.active)),e.element("mobile-section-item").modifier("clickable").class(this.clickable)),href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),n?h("ul",{class:Object.assign({},e.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return h("bal-nav-link-group",{role:"list"},h("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return t}(NavLinkItem);var NavSectionLinkItemIDs=0;var NavServiceLinkItem=function(a){__extends(t,a);function t(t,e){var n=a.call(this,t,e)||this;n.color="grey";n.linkItems=[];n.id="nav-service-link-item-".concat(NavServiceLinkItemIDs++);n.value=t.value||n.id;n.color=t.color||"grey";n.linkItems=(t.linkItems||[]).map((function(a){return new NavLinkItem(a,e)}));return n}Object.defineProperty(t.prototype,"type",{get:function(){return"NavServiceLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var e=BEM.block("nav");var n=this.linkItems&&this.linkItems.length>0;return h("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},e.element("mobile-service-item").class()),e.element("mobile-service-item").modifier("color-".concat(this.color)).class()),e.element("mobile-service-item").modifier("selected").class(this.active)),e.element("mobile-service-item").modifier("clickable").class(this.clickable))},h("a",{id:this.id,href:this.href,rel:this.rel,target:this.target,onClick:function(a){return t.onClick(a)}},this.label),n?h("ul",{class:Object.assign({},e.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;return h("bal-nav-link-group",{color:this.color,role:"list"},h("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return t.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return t}(NavLinkItem);var NavServiceLinkItemIDs=0;var AccordionButton=function(a){var t=a.id,e=a.label,n=a.level,i=a.open,r=a.link,l=a.href,o=a.rel,s=a.target,b=a.onClick;var c=BEM.block("nav");return r?h("a",{id:t,class:Object.assign({},c.element("mobile-".concat(n,"-item")).class()),href:l,rel:o,target:s,onClick:function(a){return b(a)}},h("span",null,e)):h("button",{id:t,class:Object.assign({},c.element("mobile-".concat(n,"-item")).class()),onClick:function(a){return b(a)}},h("span",null,e),h("bal-icon",{name:"nav-go-down",size:"small",turn:i}))};var OverviewLink=function(a){var t=a.item,e=a.isMenu,n=a.onClick,i=a.isVisible;var r=BEM.block("nav");if(!t){return""}return h("a",{class:Object.assign(Object.assign(Object.assign({},r.element("mobile-overview-link").class()),r.element("mobile-overview-link").modifier("menu").class(!!e)),r.element("mobile-overview-link").modifier("invisible").class(i===false)),href:t.href,rel:t.rel,target:t.target,onClick:function(a){return n(a)}},t.label," ",t.label?"➞":"")};var NavMenuLinkItem=function(a){__extends(t,a);function t(t,e){var n=a.call(this,t,e)||this;n.sectionLinkItems=[];n.serviceLinkItems=[];n.id="nav-menu-link-item-".concat(NavMenuLinkItemIDs++);n.value=t.value||n.id;n.sectionLinkItems=(t.sectionLinkItems||[]).map((function(a){return new NavSectionLinkItem(a,e)}));n.serviceLinkItems=(t.serviceLinkItems||[]).map((function(a){return new NavServiceLinkItem(a,e)}));n.overviewLink=t.overviewLink?new NavLinkItem(t.overviewLink,e):undefined;return n}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMenuLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var e=BEM.block("nav");var n=this.sectionLinkItems&&this.sectionLinkItems.length>0;var i=this.serviceLinkItems&&this.serviceLinkItems.length>0;var r=(a===null||a===void 0?void 0:a.activeMenuLinkValue)===this.value;return h("li",null,h(AccordionButton,{id:this.id,level:"menu",label:this.label,href:this.href,target:this.target,link:n||i?false:this.isLink,open:r,onClick:function(a){return t.onAccordionClick(a)}}),h(OverviewLink,{item:this.overviewLink,onClick:function(a){return t.onClick(a)},isMenu:true,isVisible:r}),n?h("ul",{class:Object.assign(Object.assign({},e.element("mobile-section-list").class()),e.element("mobile-section-list").modifier("invisible").class(r===false))},this.sectionLinkItems.map((function(a){return a.renderTouch()}))):"",i?h("ul",{class:Object.assign(Object.assign({},e.element("mobile-service-list").class()),e.element("mobile-service-list").modifier("invisible").class(r===false))},this.serviceLinkItems.map((function(a){return a.renderTouch()}))):"")};t.prototype.render=function(a){var t=this;var e=this.sectionLinkItems.length>0||this.serviceLinkItems.length>0;if(!e&&this.isLink){return h("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":true})}return h("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(e){a===null||a===void 0?void 0:a.onClick();if(t.onClick){t.onClick(e.detail)}}})};return t}(NavLinkItem);var NavMenuLinkItemIDs=0;var NavMetaLinkItem=function(a){__extends(t,a);function t(t,e){var n=a.call(this,t,e)||this;n.mainLinkItems=[];n.id="nav-meta-link-item-".concat(NavMetaLinkItemIDs++);n.value=t.value||n.id;n.mainLinkItems=(t.mainLinkItems||[]).map((function(a){return new NavMenuLinkItem(a,e)}));n.overviewLink=t.overviewLink?new NavLinkItem(t.overviewLink,e):undefined;return n}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMetaLinkItem"},enumerable:false,configurable:true});t.prototype.renderTouch=function(a){var t=this;var e=BEM.block("nav");var n=(a===null||a===void 0?void 0:a.activeMetaLinkValue)===this.value;return h("li",null,h(AccordionButton,{id:this.id,level:"meta",label:this.label,open:n,link:this.mainLinkItems.length>0?false:this.isLink,href:this.href,target:this.target,onClick:function(a){return t.onAccordionClick(a)}}),n?h(OverviewLink,{item:this.overviewLink,onClick:function(a){return t.onClick(a)}}):"",n?h("hr",{class:Object.assign(Object.assign({},e.element("line").class()),e.element("line").modifier("up").class())}):"",n&&this.mainLinkItems&&this.mainLinkItems.length>0?h("ul",{class:Object.assign({},e.element("mobile-menu-list").class())},this.mainLinkItems.map((function(t){return t.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))):"",h("hr",{class:Object.assign({},e.element("line").class())}))};t.prototype.render=function(a){var t=this;if(this.isLink){return h("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":true})}return h("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(a){if(t.onClick){t.onClick(a.detail)}}})};return t}(NavLinkItem);var NavMetaLinkItemIDs=0;var NavMetaButton=function(a){__extends(t,a);function t(t,e){var n=a.call(this,t,e)||this;n.touchPlacement="top";n.id="nav-meta-button-".concat(NavMetaButtonIDs++);n.touchPlacement=t.touchPlacement||"top";n.value=t.value||n.id;n.icon=t.icon;n.popoverId=t.popupId;n.ariaLabel=t.ariaLabel;n.htmlTitle=t.htmlTitle;n.href=t.href||"";n.target=t.target||"_self";return n}Object.defineProperty(t.prototype,"type",{get:function(){return"NavMetaButton"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isLink",{get:function(){return!!this.href},enumerable:false,configurable:true});t.prototype.renderAtMetaBar=function(){if(this.isLink){return h("bal-button",{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:true,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label}},this.label)}return h("bal-button",{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:true,"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)};t.prototype.renderAtTouchTopMetaBar=function(){if(this.touchPlacement==="top"){if(this.isLink){return h("bal-button",{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}},this.icon?"":this.label)}return h("bal-button",{id:this.value,class:"bal-nav__popup--touch-top",color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,inverted:false,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)}};t.prototype.renderAtTouchBottomMetaBar=function(){if(this.touchPlacement==="bottom"){if(this.isLink){return h("bal-button",{id:this.value,color:"info",inverted:false,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},this.label)}return h("bal-button",{id:this.value,class:"bal-nav__popup--touch-bottom",icon:this.icon,square:!this.label||this.label.length<3,color:"info",inverted:false,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)}};t.prototype.resetTouchBottomMetaBar=function(){if(balBrowser.hasDocument&&this.touchPlacement==="bottom"){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="drawer"){a.color="info"}}};t.prototype.resetDesktopMetaBar=function(){if(balBrowser.hasDocument){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="popover"){a.color="info"}}};return t}(NavLinkItem);var NavMetaButtonIDs=0;var i18nNavBars={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"}};var balNavCss="@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)}";var BalNavStyle0=balNavCss;var Nav=function(){function a(a){var t=this;registerInstance(this,a);this.balNavItemClick=createEvent(this,"balNavItemClick",7);this.navId="bal-nav-".concat(NavIds++);this.bodyScrollHandler=new BalScrollHandler;this.hasRenderedWithFlyoutActive=false;this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(t,void 0,void 0,(function(){var a=this;return __generator(this,(function(t){this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.linkItems=this.options.map((function(t){return new NavMetaLinkItem(t,a)}));return[2]}))}))};this.onMetaButtonChange=function(){return __awaiter(t,void 0,void 0,(function(){var a=this;return __generator(this,(function(t){this.metaButtons=this.buttons.map((function(t){return new NavMetaButton(t,a)}));return[2]}))}))};this.onTouchToggleFlyout=function(a){t.closeAllPopups();t.toggleFlyout();if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(t.isFlyoutActive){t.bodyScrollHandler.disable()}else{t.bodyScrollHandler.enable()}};this.onPopupOpen=function(a){if(t.isTouch){if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=false}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="primary"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="primary"}}));t.bodyScrollHandler.disable()};this.onPopupClose=function(a){if(!t.isFlyoutActive){t.bodyScrollHandler.enable()}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=true}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="info"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="light"}}))};this.onMetaBarTabChange=function(a){if(a.detail!==t.activeMetaLinkValue){t.activeMetaLinkValue=a.detail;var e=t.linkItems.find((function(a){return a.value===t.activeMetaLinkValue}));if(e&&e.mainLinkItems.length>0){t.activeMenuLinkValue=e.mainLinkItems[0].value}}};this.onMenuBarTabChange=function(a){if(t.activeMenuLinkValue===a){t.toggleFlyout()}else{t.openFlyout()}t.activeMenuLinkValue=a};this.isTouch=balBreakpoints.isTouch;this.isDesktop=balBreakpoints.isDesktop;this.language=defaultConfig.language;this.region=defaultConfig.region;this.isFlyoutActive=false;this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.logo=undefined;this.options=[];this.linkItems=[];this.buttons=[];this.metaButtons=[]}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.updateTabs();return[2]}))}))};a.prototype.buttonChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onMetaButtonChange();return[2]}))}))};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){this.onOptionChange();this.onMetaButtonChange();this.updateTabs()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.listenToPopupChanges=function(a){var t=a.target;if(t&&t.nodeName==="BAL-POPUP"){var e=t.id;var n=Array.from(this.el.querySelectorAll('[bal-popup="'.concat(e,'"]')));if(a.detail===true){this.onPopupOpen(n);var i=n.some((function(a){return a.classList.contains("bal-nav__popup--touch-top")}));if(i){this.closeFlyout()}}else{this.onPopupClose(n)}}};a.prototype.clickOnOutside=function(a){return __awaiter(this,void 0,void 0,(function(){var t,e,n,i,r,l,o,s;return __generator(this,(function(b){if(this.isDesktop){if(this.hasRenderedWithFlyoutActive){l=(e=(t=this.metaBarEl)===null||t===void 0?void 0:t.querySelector(".bal-nav-meta-bar__container"))===null||e===void 0?void 0:e.contains(a.target);o=(i=(n=this.menuBarEl)===null||n===void 0?void 0:n.querySelector(".bal-nav-menu-bar__container"))===null||i===void 0?void 0:i.contains(a.target);if(!l&&!o){this.closeFlyout();s=(r=this.menuBarEl)===null||r===void 0?void 0:r.querySelector(".bal-tabs");s.closeAccordion()}}}return[2]}))}))};a.prototype.mutationListener=function(){this.onMetaButtonChange()};a.prototype.breakpointListener=function(a){if(this.isTouch!==a.touch){this.isTouch=a.touch;this.isDesktop=a.desktop;this.closeAllPopups();this.closeFlyout()}if(this.isTouch){this.updateTabs()}};a.prototype.linkItemClickListener=function(a){if(a&&a.toJson){this.balNavItemClick.emit(a.toJson())}};a.prototype.accordionClickListener=function(a){if(this.isTouch&&a){this.updateActiveItem(a)}};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=a.language;this.region=a.region;return[2]}))}))};Object.defineProperty(a.prototype,"activeMenuLinkItems",{get:function(){var a=this;var t=this.linkItems.find((function(t){return t.value===a.activeMetaLinkValue}));if(t){return t.mainLinkItems}return[]},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"activeMenuLinkItem",{get:function(){var a=this;var t=this.activeMenuLinkItems.find((function(t){return t.value===a.activeMenuLinkValue}));return t?t:undefined},enumerable:false,configurable:true});a.prototype.toggleFlyout=function(){if(this.isFlyoutActive){this.closeFlyout()}else{this.openFlyout()}};a.prototype.closeFlyout=function(){this.isFlyoutActive=false};a.prototype.openFlyout=function(){this.isFlyoutActive=true};a.prototype.updateActiveItem=function(a){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if("NavMetaLinkItem"===a.type){this.activeMetaLinkValue=this.activeMetaLinkValue===a.value?undefined:a.value;this.activeMenuLinkValue=undefined}if("NavMenuLinkItem"===a.type){this.activeMenuLinkValue=this.activeMenuLinkValue===a.value?undefined:a.value}return[4,waitForComponent(this.el)];case 1:e.sent();return[4,waitAfterIdleCallback()];case 2:e.sent();t=this.el.querySelector("#".concat(a.id));if(t){t.scrollIntoView({behavior:"smooth"})}return[2]}}))}))};a.prototype.updateTabs=function(){var a,t;var e=this.activeMetaLinkValue;var n=((a=this.linkItems.find((function(a){return a.active})))===null||a===void 0?void 0:a.value)||e;if(e!==n){this.activeMetaLinkValue=n}var i=this.activeMenuLinkValue;var r=((t=this.activeMenuLinkItems.find((function(a){return a.active})))===null||t===void 0?void 0:t.value)||i;if(i!==r){this.activeMenuLinkValue=r}};a.prototype.closeAllPopups=function(){var a=Array.from(this.el.querySelectorAll("bal-popup"));a.forEach((function(a){return a.dismiss()}))};a.prototype.render=function(){var a=this;var t,e,n,i,r,l,o,s,b;var c=BEM.block("nav");var v=c.element("flyout");this.hasRenderedWithFlyoutActive=this.isFlyoutActive;return h(Host,{key:"f4468c4973667b52c77b05cee9b3ef521c9b3a58",id:this.navId,class:Object.assign({},c.class())},h("div",{key:"4b66d4ea07b31adb49738316ced208b1bb02c1be",class:{"bal-nav-meta-bar-transform":true,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?h("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:function(t){return a.metaBarEl=t}},h("bal-stack",{space:"auto"},this.linkItems.length>1?h("bal-tabs",{spaceless:true,inverted:true,context:"meta",value:this.activeMetaLinkValue,"aria-label":i18nNavBars[this.language].meta,onBalChange:function(t){return a.onMetaBarTabChange(t)}},this.linkItems.map((function(t){return t.render({flyoutId:"".concat(a.navId,"-menu-flyout")})}))):h("span",null),h("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtMetaBar()}))))):"",this.isDesktop?h("bal-nav-menu-bar",{position:"fixed-top",ref:function(t){return a.menuBarEl=t}},h("bal-stack",{space:"auto","space-row":"none","use-wrap":true},this.renderLogo(),h("bal-tabs",{context:"navigation",accordion:true,spaceless:true,value:this.activeMenuLinkValue,"aria-label":i18nNavBars[this.language].main},(t=this.linkItems.find((function(t){return t.value===a.activeMetaLinkValue})))===null||t===void 0?void 0:t.mainLinkItems.map((function(t){return t.render({flyoutId:"".concat(a.navId,"-menu-flyout"),onClick:function(){return a.onMenuBarTabChange(t.value)}})})))),this.isFlyoutActive?h("bal-nav-menu-flyout",{navId:this.navId},h("bal-nav-link",{role:"listitem",variant:"overview",href:(n=(e=this.activeMenuLinkItem)===null||e===void 0?void 0:e.overviewLink)===null||n===void 0?void 0:n.href,target:(r=(i=this.activeMenuLinkItem)===null||i===void 0?void 0:i.overviewLink)===null||r===void 0?void 0:r.target,onClick:function(){var t;return a.linkItemClickListener((t=a.activeMenuLinkItem)===null||t===void 0?void 0:t.overviewLink)}},(o=(l=this.activeMenuLinkItem)===null||l===void 0?void 0:l.overviewLink)===null||o===void 0?void 0:o.label," ",((b=(s=this.activeMenuLinkItem)===null||s===void 0?void 0:s.overviewLink)===null||b===void 0?void 0:b.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",h("div",{key:"046bfdd041e2fd1b6bd5f1b0bc14e253c3c9b9fa"},h("slot",{key:"5f90c2c23e3d51cb65905097a65e727301c03878"}))),this.isTouch?h("bal-nav-meta-bar",{variant:"white",size:"normal"},h("bal-stack",{space:"auto"},this.renderLogo(),h("bal-stack",{space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtTouchTopMetaBar()})),h("bal-button",{square:true,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?i18nNavBars[this.language].close:i18nNavBars[this.language].open,onClick:function(t){return a.onTouchToggleFlyout(t)}})))):"",this.isTouch?h("div",{class:Object.assign(Object.assign({},v.class()),v.modifier("visible").class(this.isFlyoutActive))},h("nav",{class:Object.assign({},v.element("container").class())},h("ul",{class:Object.assign({},c.element("mobile-meta-list").class())},this.linkItems.map((function(t){return t.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))))):"",this.isTouch&&this.isFlyoutActive?h("bal-nav-meta-bar",{variant:"grey",size:"normal"},h("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((function(a){return a.renderAtTouchBottomMetaBar()})))):"")};a.prototype.renderGridLinks=function(a){var t,e;if(!a){return""}return h("bal-nav-link-grid",null,h("bal-nav-link-grid-col",null,(t=a.sectionLinkItems)===null||t===void 0?void 0:t.map((function(a){return a.render()}))),h("bal-nav-link-grid-col",{"static-col":true},(e=a.serviceLinkItems)===null||e===void 0?void 0:e.map((function(a){return a.render()}))))};a.prototype.renderTouchMenuAccordions=function(a){var t=this;return h("bal-list",{"accordion-one-level":true,class:"pt-xxx-small pb-normal"},a.mainLinkItems.map((function(a){var e,n,i;return a.isLink?h("bal-list-item",{key:a.label,"sub-accordion-item":true,href:a.href,target:a.target},h("bal-list-item-content",null,h("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))):h("bal-list-item",{key:a.label,accordion:true,"sub-accordion-item":true},h("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":a.active},h("bal-list-item-content",null,h("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))),h("bal-list-item-accordion-body",null,h("div",{style:{width:"100%"}},h("bal-nav-link",{role:"listitem",variant:"overview",href:(e=a.overviewLink)===null||e===void 0?void 0:e.href,target:(n=a.overviewLink)===null||n===void 0?void 0:n.target,onClick:function(){return t.linkItemClickListener(a.overviewLink)}},(i=a.overviewLink)===null||i===void 0?void 0:i.label),h("div",{class:"pt-normal"},t.renderGridLinks(a)))))})))};a.prototype.renderLogo=function(){var a=this;var t,e,n,i,r,l;var o=((t=this.logo)===null||t===void 0?void 0:t.href)?"a":((e=this.logo)===null||e===void 0?void 0:e.clickable)?"button":"div";return h(o,{class:"bal-nav__logo","aria-label":(n=this.logo)===null||n===void 0?void 0:n.ariaLabel,title:(i=this.logo)===null||i===void 0?void 0:i.htmlTitle,href:(r=this.logo)===null||r===void 0?void 0:r.href,target:(l=this.logo)===null||l===void 0?void 0:l.target,onClick:function(){var t,e;return a.balNavItemClick.emit({value:"logo",label:"Logo",href:(t=a.logo)===null||t===void 0?void 0:t.href,target:(e=a.logo)===null||e===void 0?void 0:e.target})}},h("bal-logo",{animated:true}))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],buttons:["buttonChanged"]}},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Nav.prototype,"createLogger",null);__decorate([ListenToMutation({tags:["bal-popup"],waitAfterFramePrint:true}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Nav.prototype,"mutationListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Nav.prototype,"breakpointListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Nav.prototype,"configChanged",null);var NavIds=0;Nav.style=BalNavStyle0;var balNavLinkCss="@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}";var BalNavLinkStyle0=balNavLinkCss;var NavLink=function(){function a(a){registerInstance(this,a);this.variant="";this.selected=false;this.clickable=false;this.href=undefined;this.target="_self"}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link");var t=this,e=t.href,n=t.target;var i=e!==undefined&&e!=="";var r=this.variant!=="";var l=i?"a":this.clickable?"button":"span";var o={};if(i){o={href:e,target:n}}return h(Host,{key:"538d4bc561eec9c4c4d88a16efbd22ccc61517ec",class:Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class(r))},h(l,Object.assign({key:"68ac516eb7190bbc532cfd108854cf1329110984","data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("variant-".concat(this.variant)).class(r)),a.element("native").modifier("selected").class(this.selected&&(i||this.clickable)))},o),h("slot",{key:"8b705b4c113a3272dcc68d798dce816f13343363"})))};return a}();__decorate([Logger("bal-nav-link"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLink.prototype,"createLogger",null);NavLink.style=BalNavLinkStyle0;var balNavLinkGridCss=".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}}";var BalNavLinkGridStyle0=balNavLinkGridCss;var NavLinkGrid=function(){function a(a){registerInstance(this,a)}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-grid");return h(Host,{key:"9aca76046a51bc001c233e0b8ee24fa863968d0d",class:Object.assign({},a.class())},h("slot",{key:"3e2ceccc2ffe6f231c6900a869a863fec0c153ca"}))};return a}();__decorate([Logger("bal-nav-link-grid"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGrid.prototype,"createLogger",null);NavLinkGrid.style=BalNavLinkGridStyle0;var balNavLinkGridColCss=".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)}}";var BalNavLinkGridColStyle0=balNavLinkGridColCss;var NavLinkGridCol=function(){function a(a){registerInstance(this,a);this.staticCol=false}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-grid-col");var t=a.element("inner");return h(Host,{key:"570396a3ad6882891cfefebf9d92dae1137a3f48",class:Object.assign(Object.assign({},a.class()),a.modifier("is-static").class(this.staticCol))},h("div",{key:"86f6add382f5accf09aef4593b16281268af8241",class:Object.assign({},t.class())},h("slot",{key:"57160d0fd8135f4d8a4d955a019ae41b28fc2123"})))};return a}();__decorate([Logger("bal-nav-link-grid-col"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGridCol.prototype,"createLogger",null);NavLinkGridCol.style=BalNavLinkGridColStyle0;var balNavLinkGroupCss=":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)}";var BalNavLinkGroupStyle0=balNavLinkGroupCss;var NavLinkGroup=function(){function a(a){registerInstance(this,a);this.color=""}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-group");var t=this.color!=="";return h(Host,{key:"7594abd236200ade0063149fcbe2985e37c0ec9f",class:Object.assign(Object.assign({},a.class()),a.modifier("is-".concat(this.color)).class(t))},h("slot",{key:"42ceaea3299c69ddaa535b4fb47438816e11323b"}))};return a}();__decorate([Logger("bal-nav-link-group"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGroup.prototype,"createLogger",null);NavLinkGroup.style=BalNavLinkGroupStyle0;var balNavMenuBarCss=':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}';var BalNavMenuBarStyle0=balNavMenuBarCss;var NavMenuBar=function(){function a(a){registerInstance(this,a);this.navMenuBarId="bal-nav-menu-bar-".concat(NavMenuBarIds++);this.isHidden=false;this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};Object.defineProperty(a.prototype,"flyoutElement",{get:function(){return this.el.querySelector("bal-nav-menu-flyout")},enumerable:false,configurable:true});a.prototype.render=function(){var a=BEM.block("nav-menu-bar");var t=a.element("inner");return h(Host,{key:"4b2520319f467e9fc3cf0b7e1bece33c3e605915",id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet")),a.modifier("position-".concat(this.position)).class(this.position!=="none"))},h("div",{key:"6ecb9f3e785c318c05064ab6f9e18a7c1774cd49",class:Object.assign({},t.class())},h("div",{key:"e809ddfb4b672a29852c44ab59c82e35fa5b6ac4",class:Object.assign({},a.element("container").class())},h("slot",{key:"b249113bdb2b5289a213a3ff2782cd958ac7d923"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav-menu-bar"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMenuBar.prototype,"createLogger",null);var NavMenuBarIds=0;NavMenuBar.style=BalNavMenuBarStyle0;var balNavMenuFlyoutCss=":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)}}";var BalNavMenuFlyoutStyle0=balNavMenuFlyoutCss;var NavMenuFlyout=function(){function a(a){registerInstance(this,a);this.bodyScrollHandler=new BalScrollHandler;this.isHidden=false;this.navId="bal-nav-x".concat(NavMenuFlyOutIds++)}a.prototype.createLogger=function(a){this.log=a};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.resizeListener=function(){if(this.isFlyoutScrollable()){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}};a.prototype.isFlyoutScrollable=function(){var a,t;return((a=this.el)===null||a===void 0?void 0:a.scrollHeight)>((t=this.el)===null||t===void 0?void 0:t.clientHeight)};a.prototype.render=function(){var a=BEM.block("nav-menu-flyout");var t=a.element("line");return h(Host,{key:"d2de6257fc31499b2d26204ee0db07a4e079144b",id:"".concat(this.navId,"-menu-flyout"),class:Object.assign({},a.class())},h("div",{key:"6392e2be737b3f5c11dd83602f210d1a263c7a5f",class:Object.assign({},t.class())}),h("div",{key:"b6d06ea36310b6ed5975f2bae2f57e65d1e29f82",class:Object.assign({},a.element("container").class())},h("slot",{key:"38566fffa659f0661e3cb7ca7535c6a7f244b696"})))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav-menu-flyout"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMenuFlyout.prototype,"createLogger",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],NavMenuFlyout.prototype,"resizeListener",null);var NavMenuFlyOutIds=0;NavMenuFlyout.style=BalNavMenuFlyoutStyle0;var balNavMetaBarCss=":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)}";var BalNavMetaBarStyle0=balNavMetaBarCss;var NavMetaBar=function(){function a(a){registerInstance(this,a);this.navMetaBarId="bal-nav-meta-bar-".concat(NavMetaBarIds++);this.previousY=0;this.isHidden=false;this.variant="primary";this.size="normal";this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};a.prototype.handleScroll=function(){if(balBrowser.hasWindow&&balBrowser.hasDocument&&this.position==="sticky-top"){var a=document.body.scrollHeight-document.body.clientHeight;var t=0>=window.scrollY;var e=0>window.scrollY;var n=a<=window.scrollY;var i=window.scrollY>this.previousY;this.isHidden=!t&&(i||n||e);this.previousY=window.scrollY;var r=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(r.length>0){for(var l=0;l<r.length;l++){var o=r[l];if(this.isHidden){if(this.size==="small"){o.classList.remove("bal-nav-meta-bar-transform-normal");o.classList.add("bal-nav-meta-bar-transform-small")}else{o.classList.remove("bal-nav-meta-bar-transform-small");o.classList.add("bal-nav-meta-bar-transform-normal")}}else{o.classList.remove("bal-nav-meta-bar-transform-small");o.classList.remove("bal-nav-meta-bar-transform-normal")}}}}};a.prototype.render=function(){var a=BEM.block("nav-meta-bar");return h(Host,{key:"a3c7f085f3811353baca0bd93604167c3ad527d2",id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class()),a.modifier("size-".concat(this.size)).class()),a.modifier("position-".concat(this.position)).class(this.position!=="none")),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet"))},h("div",{key:"c88186ebabcaa43c0493c7c5c295c5450c2a2c74",class:Object.assign({},a.element("container").class())},h("slot",{key:"f1fcc2b1967db28ea405d9a5499ca47d8bc6cecd"})))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-meta-bar"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMetaBar.prototype,"createLogger",null);var NavMetaBarIds=0;NavMetaBar.style=BalNavMetaBarStyle0;export{Nav as bal_nav,NavLink as bal_nav_link,NavLinkGrid as bal_nav_link_grid,NavLinkGridCol as bal_nav_link_grid_col,NavLinkGroup as bal_nav_link_group,NavMenuBar as bal_nav_menu_bar,NavMenuFlyout as bal_nav_menu_flyout,NavMetaBar as bal_nav_meta_bar};
|
|
1
|
+
import{__awaiter,__extends,__generator}from"tslib";import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-8d2a7ce7.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{L as Logger}from"./log-dfd1c19f.js";import{b as balBrowser}from"./browser-a8073d92.js";import{B as BalScrollHandler}from"./scroll-f4b20848.js";import{w as waitForComponent,d as waitAfterIdleCallback}from"./helpers-94c3fbac.js";import{b as balBreakpoints}from"./breakpoints.subject-6b4e30ba.js";import{d as defaultConfig}from"./config.default-8e11a860.js";import{L as ListenToMutation}from"./mutation.decorator-e915d053.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-3c6214ed.js";import{L as ListenToConfig}from"./config.decorator-42dba864.js";import{L as ListenToResize}from"./resize.decorator-08f6286b.js";import"./config.utils-cd529084.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-2ce9e0f4.js";var NavLinkItem=function(){function a(a,e){var t=this;this.observer=e;this.clickable=false;this.active=false;this.data=undefined;this.label=a.label;this.id="nav-link-item-".concat(NavLinkItemIDs++);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=function(e){t.observer.linkItemClickListener(t);if(a.onClick){a.onClick(e)}};this.onAccordionClick=function(e){t.observer.accordionClickListener(t);if(a.onAccordionClick){a.onAccordionClick(e)}}}Object.defineProperty(a.prototype,"type",{get:function(){return"NavLinkItem"},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"isLink",{get:function(){return this.href!==undefined&&this.href!==null&&this.href!==""},enumerable:false,configurable:true});a.prototype.toJson=function(){return{label:this.label,value:this.value,href:this.href,rel:this.rel,target:this.target,data:this.data}};a.prototype.renderTouch=function(a){var e=this;var t=BEM.block("nav");return h("li",null,h("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:function(a){return e.onClick(a)}},this.label))};a.prototype.render=function(a){var e=this;return h("bal-nav-link",{role:"listitem",href:this.href,target:this.target,clickable:this.clickable,selected:this.active,onClick:function(a){return e.onClick(a)}},this.label)};return a}();var NavLinkItemIDs=0;var NavSectionLinkItem=function(a){__extends(e,a);function e(e,t){var n=a.call(this,e,t)||this;n.linkItems=[];n.htmlTitle=e.htmlTitle;n.label=e.label;n.href=e.href;n.target=e.target;n.id="nav-section-link-item-".concat(NavSectionLinkItemIDs++);n.value=e.value||n.id;n.linkItems=(e.linkItems||[]).map((function(a){return new NavLinkItem(a,t)}));return n}Object.defineProperty(e.prototype,"type",{get:function(){return"NavSectionLinkItem"},enumerable:false,configurable:true});e.prototype.renderTouch=function(a){var e=this;var t=BEM.block("nav");var n=this.linkItems&&this.linkItems.length>0;return h("li",null,h("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:function(a){return e.onClick(a)}},this.label),n?h("ul",{class:Object.assign({},t.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};e.prototype.render=function(a){var e=this;return h("bal-nav-link-group",{role:"list"},h("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return e.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return e}(NavLinkItem);var NavSectionLinkItemIDs=0;var NavServiceLinkItem=function(a){__extends(e,a);function e(e,t){var n=a.call(this,e,t)||this;n.color="grey";n.linkItems=[];n.id="nav-service-link-item-".concat(NavServiceLinkItemIDs++);n.value=e.value||n.id;n.color=e.color||"grey";n.linkItems=(e.linkItems||[]).map((function(a){return new NavLinkItem(a,t)}));return n}Object.defineProperty(e.prototype,"type",{get:function(){return"NavServiceLinkItem"},enumerable:false,configurable:true});e.prototype.renderTouch=function(a){var e=this;var t=BEM.block("nav");var n=this.linkItems&&this.linkItems.length>0;return h("li",{class:Object.assign(Object.assign(Object.assign(Object.assign({},t.element("mobile-service-item").class()),t.element("mobile-service-item").modifier("color-".concat(this.color)).class()),t.element("mobile-service-item").modifier("selected").class(this.active)),t.element("mobile-service-item").modifier("clickable").class(this.clickable))},h("a",{id:this.id,href:this.href,rel:this.rel,target:this.target,onClick:function(a){return e.onClick(a)}},this.label),n?h("ul",{class:Object.assign({},t.element("mobile-links-list").class())},this.linkItems.map((function(a){return a.renderTouch()}))):"")};e.prototype.render=function(a){var e=this;return h("bal-nav-link-group",{color:this.color,role:"list"},h("bal-nav-link",{role:"listitem",variant:"title",href:this.href,target:this.target,selected:this.active,onClick:function(a){return e.onClick(a)}},this.label),this.linkItems.map((function(a){return a.render()})))};return e}(NavLinkItem);var NavServiceLinkItemIDs=0;var AccordionButton=function(a){var e=a.id,t=a.label,n=a.level,i=a.open,r=a.link,l=a.href,o=a.rel,s=a.target,b=a.onClick;var c=BEM.block("nav");return r?h("a",{id:e,class:Object.assign({},c.element("mobile-".concat(n,"-item")).class()),href:l,rel:o,target:s,onClick:function(a){return b(a)}},h("span",null,t)):h("button",{id:e,class:Object.assign({},c.element("mobile-".concat(n,"-item")).class()),onClick:function(a){return b(a)}},h("span",null,t),h("bal-icon",{name:"nav-go-down",size:"small",turn:i}))};var OverviewLink=function(a){var e=a.item,t=a.isMenu,n=a.onClick,i=a.isVisible;var r=BEM.block("nav");if(!e){return""}return h("a",{class:Object.assign(Object.assign(Object.assign({},r.element("mobile-overview-link").class()),r.element("mobile-overview-link").modifier("menu").class(!!t)),r.element("mobile-overview-link").modifier("invisible").class(i===false)),href:e.href,rel:e.rel,target:e.target,onClick:function(a){return n(a)}},e.label," ",e.label?"➞":"")};var NavMenuLinkItem=function(a){__extends(e,a);function e(e,t){var n=a.call(this,e,t)||this;n.sectionLinkItems=[];n.serviceLinkItems=[];n.id="nav-menu-link-item-".concat(NavMenuLinkItemIDs++);n.value=e.value||n.id;n.sectionLinkItems=(e.sectionLinkItems||[]).map((function(a){return new NavSectionLinkItem(a,t)}));n.serviceLinkItems=(e.serviceLinkItems||[]).map((function(a){return new NavServiceLinkItem(a,t)}));n.overviewLink=e.overviewLink?new NavLinkItem(e.overviewLink,t):undefined;return n}Object.defineProperty(e.prototype,"type",{get:function(){return"NavMenuLinkItem"},enumerable:false,configurable:true});e.prototype.renderTouch=function(a){var e=this;var t=BEM.block("nav");var n=this.sectionLinkItems&&this.sectionLinkItems.length>0;var i=this.serviceLinkItems&&this.serviceLinkItems.length>0;var r=(a===null||a===void 0?void 0:a.activeMenuLinkValue)===this.value;return h("li",null,h(AccordionButton,{id:this.id,level:"menu",label:this.label,href:this.href,target:this.target,link:n||i?false:this.isLink,open:r,onClick:function(a){return e.onAccordionClick(a)}}),h(OverviewLink,{item:this.overviewLink,onClick:function(a){return e.onClick(a)},isMenu:true,isVisible:r}),n?h("ul",{class:Object.assign(Object.assign({},t.element("mobile-section-list").class()),t.element("mobile-section-list").modifier("invisible").class(r===false))},this.sectionLinkItems.map((function(a){return a.renderTouch()}))):"",i?h("ul",{class:Object.assign(Object.assign({},t.element("mobile-service-list").class()),t.element("mobile-service-list").modifier("invisible").class(r===false))},this.serviceLinkItems.map((function(a){return a.renderTouch()}))):"")};e.prototype.render=function(a){var e=this;var t=this.sectionLinkItems.length>0||this.serviceLinkItems.length>0;if(!t&&this.isLink){return h("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":true})}return h("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(t){a===null||a===void 0?void 0:a.onClick();if(e.onClick){e.onClick(t.detail)}}})};return e}(NavLinkItem);var NavMenuLinkItemIDs=0;var NavMetaLinkItem=function(a){__extends(e,a);function e(e,t){var n=a.call(this,e,t)||this;n.mainLinkItems=[];n.id="nav-meta-link-item-".concat(NavMetaLinkItemIDs++);n.value=e.value||n.id;n.mainLinkItems=(e.mainLinkItems||[]).map((function(a){return new NavMenuLinkItem(a,t)}));n.overviewLink=e.overviewLink?new NavLinkItem(e.overviewLink,t):undefined;return n}Object.defineProperty(e.prototype,"type",{get:function(){return"NavMetaLinkItem"},enumerable:false,configurable:true});e.prototype.renderTouch=function(a){var e=this;var t=BEM.block("nav");var n=(a===null||a===void 0?void 0:a.activeMetaLinkValue)===this.value;return h("li",null,h(AccordionButton,{id:this.id,level:"meta",label:this.label,open:n,link:this.mainLinkItems.length>0?false:this.isLink,href:this.href,target:this.target,onClick:function(a){return e.onAccordionClick(a)}}),n?h(OverviewLink,{item:this.overviewLink,onClick:function(a){return e.onClick(a)}}):"",n?h("hr",{class:Object.assign(Object.assign({},t.element("line").class()),t.element("line").modifier("up").class())}):"",n&&this.mainLinkItems&&this.mainLinkItems.length>0?h("ul",{class:Object.assign({},t.element("mobile-menu-list").class())},this.mainLinkItems.map((function(e){return e.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))):"",h("hr",{class:Object.assign({},t.element("line").class())}))};e.prototype.render=function(a){var e=this;if(this.isLink){return h("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,href:this.href,target:this.target,"no-panel":true})}return h("bal-tab-item",{aria:{controls:a.flyoutId},label:this.label,value:this.value,"no-panel":true,onBalNavigate:function(a){if(e.onClick){e.onClick(a.detail)}}})};return e}(NavLinkItem);var NavMetaLinkItemIDs=0;var NavMetaButton=function(a){__extends(e,a);function e(e,t){var n=a.call(this,e,t)||this;n.touchPlacement="top";n.id="nav-meta-button-".concat(NavMetaButtonIDs++);n.touchPlacement=e.touchPlacement||"top";n.value=e.value||n.id;n.icon=e.icon;n.popoverId=e.popupId;n.ariaLabel=e.ariaLabel;n.htmlTitle=e.htmlTitle;n.href=e.href||"";n.target=e.target||"_self";return n}Object.defineProperty(e.prototype,"type",{get:function(){return"NavMetaButton"},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isLink",{get:function(){return!!this.href},enumerable:false,configurable:true});e.prototype.renderAtMetaBar=function(){if(this.isLink){return h("bal-button",{id:this.value,color:"light",size:"small",icon:this.icon,square:!this.label||this.label.length<3,inverted:true,href:this.href,target:this.target,aria:{title:this.htmlTitle,label:this.ariaLabel||this.label}},this.label)}return h("bal-button",{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:true,"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)};e.prototype.renderAtTouchTopMetaBar=function(){if(this.touchPlacement==="top"){if(this.isLink){return h("bal-button",{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}},this.icon?"":this.label)}return h("bal-button",{id:this.value,class:"bal-nav__popup--touch-top",color:"light",icon:this.icon,square:!!this.icon||!this.label||this.label.length<3,inverted:false,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)}};e.prototype.renderAtTouchBottomMetaBar=function(){if(this.touchPlacement==="bottom"){if(this.isLink){return h("bal-button",{id:this.value,color:"info",inverted:false,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},this.label)}return h("bal-button",{id:this.value,class:"bal-nav__popup--touch-bottom",icon:this.icon,square:!this.label||this.label.length<3,color:"info",inverted:false,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)}};e.prototype.resetTouchBottomMetaBar=function(){if(balBrowser.hasDocument&&this.touchPlacement==="bottom"){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="drawer"){a.color="info"}}};e.prototype.resetDesktopMetaBar=function(){if(balBrowser.hasDocument){var a=document.getElementById(this.value);if(a&&a.balPopupVariant==="popover"){a.color="info"}}};return e}(NavLinkItem);var NavMetaButtonIDs=0;var i18nNavBars={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"}};var balNavCss="@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)}";var BalNavStyle0=balNavCss;var Nav=function(){function a(a){var e=this;registerInstance(this,a);this.balNavItemClick=createEvent(this,"balNavItemClick",7);this.navId="bal-nav-".concat(NavIds++);this.bodyScrollHandler=new BalScrollHandler;this.hasRenderedWithFlyoutActive=false;this.mutationObserverActive=true;this.onOptionChange=function(){return __awaiter(e,void 0,void 0,(function(){var a=this;return __generator(this,(function(e){this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.linkItems=this.options.map((function(e){return new NavMetaLinkItem(e,a)}));return[2]}))}))};this.onMetaButtonChange=function(){return __awaiter(e,void 0,void 0,(function(){var a=this;return __generator(this,(function(e){this.metaButtons=this.buttons.map((function(e){return new NavMetaButton(e,a)}));return[2]}))}))};this.onTouchToggleFlyout=function(a){e.closeAllPopups();e.toggleFlyout();if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(e.isFlyoutActive){e.bodyScrollHandler.disable()}else{e.bodyScrollHandler.enable()}};this.onPopupOpen=function(a){if(e.isTouch){if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=false}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="primary"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="primary"}}));e.bodyScrollHandler.disable()};this.onPopupClose=function(a){if(!e.isFlyoutActive){e.bodyScrollHandler.enable()}a.forEach((function(a){if(a.classList.contains("bal-nav__popup--desktop")){a.inverted=true}else if(a.classList.contains("bal-nav__popup--touch-bottom")){a.color="info"}else if(a.classList.contains("bal-nav__popup--touch-top")){a.color="light"}}))};this.onMetaBarTabChange=function(a){if(a.detail!==e.activeMetaLinkValue){e.activeMetaLinkValue=a.detail;var t=e.linkItems.find((function(a){return a.value===e.activeMetaLinkValue}));if(t&&t.mainLinkItems.length>0){e.activeMenuLinkValue=t.mainLinkItems[0].value}}};this.onMenuBarTabChange=function(a){if(e.activeMenuLinkValue===a){e.toggleFlyout()}else{e.openFlyout()}e.activeMenuLinkValue=a};this.isTouch=balBreakpoints.isTouch;this.isDesktop=balBreakpoints.isDesktop;this.language=defaultConfig.language;this.region=defaultConfig.region;this.isFlyoutActive=false;this.activeMetaLinkValue=undefined;this.activeMenuLinkValue=undefined;this.logo=undefined;this.options=[];this.linkItems=[];this.buttons=[];this.metaButtons=[]}a.prototype.createLogger=function(a){this.log=a};a.prototype.optionChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onOptionChange();this.updateTabs();return[2]}))}))};a.prototype.buttonChanged=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.onMetaButtonChange();return[2]}))}))};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){this.onOptionChange();this.onMetaButtonChange();this.updateTabs()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.listenToPopupChanges=function(a){var e=a.target;if(e&&e.nodeName==="BAL-POPUP"){var t=e.id;var n=Array.from(this.el.querySelectorAll('[bal-popup="'.concat(t,'"]')));if(a.detail===true){this.onPopupOpen(n);var i=n.some((function(a){return a.classList.contains("bal-nav__popup--touch-top")}));if(i){this.closeFlyout()}}else{this.onPopupClose(n)}}};a.prototype.clickOnOutside=function(a){return __awaiter(this,void 0,void 0,(function(){var e,t,n,i,r,l,o,s;return __generator(this,(function(b){if(this.isDesktop){if(this.hasRenderedWithFlyoutActive){l=(t=(e=this.metaBarEl)===null||e===void 0?void 0:e.querySelector(".bal-nav-meta-bar__container"))===null||t===void 0?void 0:t.contains(a.target);o=(i=(n=this.menuBarEl)===null||n===void 0?void 0:n.querySelector(".bal-nav-menu-bar__container"))===null||i===void 0?void 0:i.contains(a.target);if(!l&&!o){this.closeFlyout();s=(r=this.menuBarEl)===null||r===void 0?void 0:r.querySelector(".bal-tabs");s.closeAccordion()}}}return[2]}))}))};a.prototype.mutationListener=function(){this.onMetaButtonChange()};a.prototype.breakpointListener=function(a){if(this.isTouch!==a.touch){this.isTouch=a.touch;this.isDesktop=a.desktop;this.closeAllPopups();this.closeFlyout()}if(this.isTouch){this.updateTabs()}};a.prototype.linkItemClickListener=function(a){if(a&&a.toJson){this.balNavItemClick.emit(a.toJson())}};a.prototype.accordionClickListener=function(a){if(this.isTouch&&a){this.updateActiveItem(a)}};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=a.language;this.region=a.region;return[2]}))}))};Object.defineProperty(a.prototype,"activeMenuLinkItems",{get:function(){var a=this;var e=this.linkItems.find((function(e){return e.value===a.activeMetaLinkValue}));if(e){return e.mainLinkItems}return[]},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"activeMenuLinkItem",{get:function(){var a=this;var e=this.activeMenuLinkItems.find((function(e){return e.value===a.activeMenuLinkValue}));return e?e:undefined},enumerable:false,configurable:true});a.prototype.toggleFlyout=function(){if(this.isFlyoutActive){this.closeFlyout()}else{this.openFlyout()}};a.prototype.closeFlyout=function(){this.isFlyoutActive=false};a.prototype.openFlyout=function(){this.isFlyoutActive=true};a.prototype.updateActiveItem=function(a){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if("NavMetaLinkItem"===a.type){this.activeMetaLinkValue=this.activeMetaLinkValue===a.value?undefined:a.value;this.activeMenuLinkValue=undefined}if("NavMenuLinkItem"===a.type){this.activeMenuLinkValue=this.activeMenuLinkValue===a.value?undefined:a.value}return[4,waitForComponent(this.el)];case 1:t.sent();return[4,waitAfterIdleCallback()];case 2:t.sent();e=this.el.querySelector("#".concat(a.id));if(e){e.scrollIntoView({behavior:"smooth"})}return[2]}}))}))};a.prototype.updateTabs=function(){var a,e;var t=this.activeMetaLinkValue;var n=((a=this.linkItems.find((function(a){return a.active})))===null||a===void 0?void 0:a.value)||t;if(t!==n){this.activeMetaLinkValue=n}var i=this.activeMenuLinkValue;var r=((e=this.activeMenuLinkItems.find((function(a){return a.active})))===null||e===void 0?void 0:e.value)||i;if(i!==r){this.activeMenuLinkValue=r}};a.prototype.closeAllPopups=function(){var a=Array.from(this.el.querySelectorAll("bal-popup"));a.forEach((function(a){return a.dismiss()}))};a.prototype.render=function(){var a=this;var e,t,n,i,r,l,o,s,b;var c=BEM.block("nav");var d=c.element("flyout");this.hasRenderedWithFlyoutActive=this.isFlyoutActive;return h(Host,{key:"4d861d5a9beb8d5a0ac04a0471f0d5f49f8f4d27",id:this.navId,class:Object.assign({},c.class())},h("div",{key:"cda5b1e8f0da114d3056b4f3a9d2d5a740ceb1c9",class:{"bal-nav-meta-bar-transform":true,"bal-nav-meta-bar-transform-touch":this.isTouch}},this.isDesktop?h("bal-nav-meta-bar",{variant:"primary",size:"small",position:"sticky-top",ref:function(e){return a.metaBarEl=e}},h("bal-stack",{space:"auto"},this.linkItems.length>1?h("bal-tabs",{spaceless:true,inverted:true,context:"meta",value:this.activeMetaLinkValue,"aria-label":i18nNavBars[this.language].meta,onBalChange:function(e){return a.onMetaBarTabChange(e)}},this.linkItems.map((function(e){return e.render({flyoutId:"".concat(a.navId,"-menu-flyout")})}))):h("span",null),h("bal-stack",{id:"bal-nav__meta-buttons",space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtMetaBar()}))))):"",this.isDesktop?h("bal-nav-menu-bar",{position:"fixed-top",ref:function(e){return a.menuBarEl=e}},h("bal-stack",{space:"auto","space-row":"none","use-wrap":true},this.renderLogo(),h("bal-tabs",{context:"navigation",accordion:true,spaceless:true,value:this.activeMenuLinkValue,"aria-label":i18nNavBars[this.language].main},(e=this.linkItems.find((function(e){return e.value===a.activeMetaLinkValue})))===null||e===void 0?void 0:e.mainLinkItems.map((function(e){return e.render({flyoutId:"".concat(a.navId,"-menu-flyout"),onClick:function(){return a.onMenuBarTabChange(e.value)}})})))),this.isFlyoutActive?h("bal-nav-menu-flyout",{navId:this.navId},h("bal-nav-link",{role:"listitem",variant:"overview",href:(n=(t=this.activeMenuLinkItem)===null||t===void 0?void 0:t.overviewLink)===null||n===void 0?void 0:n.href,target:(r=(i=this.activeMenuLinkItem)===null||i===void 0?void 0:i.overviewLink)===null||r===void 0?void 0:r.target,onClick:function(){var e;return a.linkItemClickListener((e=a.activeMenuLinkItem)===null||e===void 0?void 0:e.overviewLink)}},(o=(l=this.activeMenuLinkItem)===null||l===void 0?void 0:l.overviewLink)===null||o===void 0?void 0:o.label," ",((b=(s=this.activeMenuLinkItem)===null||s===void 0?void 0:s.overviewLink)===null||b===void 0?void 0:b.label)?"➞":""),this.renderGridLinks(this.activeMenuLinkItem)):""):"",h("div",{key:"9159bbd2df222728e0249283ab2cc61425aefd22"},h("slot",{key:"7af191383a98cfa549796c43c9b1034a6de2b83d"}))),this.isTouch?h("bal-nav-meta-bar",{variant:"white",size:"normal"},h("bal-stack",{space:"auto"},this.renderLogo(),h("bal-stack",{space:"x-small","fit-content":true},this.metaButtons.map((function(a){return a.renderAtTouchTopMetaBar()})),h("bal-button",{square:true,color:this.isFlyoutActive?"primary":"light",icon:this.isFlyoutActive?"close":"menu-bars","aria-label":this.isFlyoutActive?i18nNavBars[this.language].close:i18nNavBars[this.language].open,onClick:function(e){return a.onTouchToggleFlyout(e)}})))):"",this.isTouch?h("div",{class:Object.assign(Object.assign({},d.class()),d.modifier("visible").class(this.isFlyoutActive))},h("nav",{class:Object.assign({},d.element("container").class())},h("ul",{class:Object.assign({},c.element("mobile-meta-list").class())},this.linkItems.map((function(e){return e.renderTouch({activeMetaLinkValue:a.activeMetaLinkValue,activeMenuLinkValue:a.activeMenuLinkValue})}))))):"",this.isTouch&&this.isFlyoutActive?h("bal-nav-meta-bar",{variant:"grey",size:"normal"},h("bal-stack",{space:"x-small",align:"center"},this.metaButtons.map((function(a){return a.renderAtTouchBottomMetaBar()})))):"")};a.prototype.renderGridLinks=function(a){var e,t;if(!a){return""}return h("bal-nav-link-grid",null,h("bal-nav-link-grid-col",null,(e=a.sectionLinkItems)===null||e===void 0?void 0:e.map((function(a){return a.render()}))),h("bal-nav-link-grid-col",{"static-col":true},(t=a.serviceLinkItems)===null||t===void 0?void 0:t.map((function(a){return a.render()}))))};a.prototype.renderTouchMenuAccordions=function(a){var e=this;return h("bal-list",{"accordion-one-level":true,class:"pt-xxx-small pb-normal"},a.mainLinkItems.map((function(a){var t,n,i;return a.isLink?h("bal-list-item",{key:a.label,"sub-accordion-item":true,href:a.href,target:a.target},h("bal-list-item-content",null,h("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))):h("bal-list-item",{key:a.label,accordion:true,"sub-accordion-item":true},h("bal-list-item-accordion-head",{icon:"nav-go-down","accordion-open":a.active},h("bal-list-item-content",null,h("bal-list-item-title",{"visual-level":"medium",level:"span"},a.label))),h("bal-list-item-accordion-body",null,h("div",{style:{width:"100%"}},h("bal-nav-link",{role:"listitem",variant:"overview",href:(t=a.overviewLink)===null||t===void 0?void 0:t.href,target:(n=a.overviewLink)===null||n===void 0?void 0:n.target,onClick:function(){return e.linkItemClickListener(a.overviewLink)}},(i=a.overviewLink)===null||i===void 0?void 0:i.label),h("div",{class:"pt-normal"},e.renderGridLinks(a)))))})))};a.prototype.renderLogo=function(){var a=this;var e,t,n,i,r,l;var o=((e=this.logo)===null||e===void 0?void 0:e.href)?"a":((t=this.logo)===null||t===void 0?void 0:t.clickable)?"button":"div";return h(o,{class:"bal-nav__logo","aria-label":(n=this.logo)===null||n===void 0?void 0:n.ariaLabel,title:(i=this.logo)===null||i===void 0?void 0:i.htmlTitle,href:(r=this.logo)===null||r===void 0?void 0:r.href,target:(l=this.logo)===null||l===void 0?void 0:l.target,onClick:function(){var e,t;return a.balNavItemClick.emit({value:"logo",label:"Logo",href:(e=a.logo)===null||e===void 0?void 0:e.href,target:(t=a.logo)===null||t===void 0?void 0:t.target})}},h("bal-logo",{animated:true}))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{options:["optionChanged"],buttons:["buttonChanged"]}},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],Nav.prototype,"createLogger",null);__decorate([ListenToMutation({tags:["bal-popup"],waitAfterFramePrint:true}),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],Nav.prototype,"mutationListener",null);__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],Nav.prototype,"breakpointListener",null);__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],Nav.prototype,"configChanged",null);var NavIds=0;Nav.style=BalNavStyle0;var balNavLinkCss="@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}";var BalNavLinkStyle0=balNavLinkCss;var NavLink=function(){function a(a){registerInstance(this,a);this.variant="";this.selected=false;this.clickable=false;this.href=undefined;this.target="_self"}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link");var e=this,t=e.href,n=e.target;var i=t!==undefined&&t!=="";var r=this.variant!=="";var l=i?"a":this.clickable?"button":"span";var o={};if(i){o={href:t,target:n}}return h(Host,{key:"0a4cc0341e4aa5e2d5e8277eb89fb2678dcc03dc",class:Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class(r))},h(l,Object.assign({key:"662178959afa6596e0e9f89bb4a9fdd5c608277d","data-test":"bal-nav-link",class:Object.assign(Object.assign(Object.assign({},a.element("native").class()),a.element("native").modifier("variant-".concat(this.variant)).class(r)),a.element("native").modifier("selected").class(this.selected&&(i||this.clickable)))},o),h("slot",{key:"055e0eac728e115ba335c8b54c14b59572161444"})))};return a}();__decorate([Logger("bal-nav-link"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLink.prototype,"createLogger",null);NavLink.style=BalNavLinkStyle0;var balNavLinkGridCss=".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}}";var BalNavLinkGridStyle0=balNavLinkGridCss;var NavLinkGrid=function(){function a(a){registerInstance(this,a)}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-grid");return h(Host,{key:"74041f35372c9f2e7fdf95e62264fea35c4821a7",class:Object.assign({},a.class())},h("slot",{key:"4f671f702bcb4910ccf31e6197970bdfa943424e"}))};return a}();__decorate([Logger("bal-nav-link-grid"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGrid.prototype,"createLogger",null);NavLinkGrid.style=BalNavLinkGridStyle0;var balNavLinkGridColCss=".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)}}";var BalNavLinkGridColStyle0=balNavLinkGridColCss;var NavLinkGridCol=function(){function a(a){registerInstance(this,a);this.staticCol=false}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-grid-col");var e=a.element("inner");return h(Host,{key:"3108a6561188ed77091b569d6e14160796e3dcf6",class:Object.assign(Object.assign({},a.class()),a.modifier("is-static").class(this.staticCol))},h("div",{key:"4a328de41e4e38eeafef399b59ced751d247e8ba",class:Object.assign({},e.class())},h("slot",{key:"c42ced5cc61dc8182991b32eba3b4edd0661bd46"})))};return a}();__decorate([Logger("bal-nav-link-grid-col"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGridCol.prototype,"createLogger",null);NavLinkGridCol.style=BalNavLinkGridColStyle0;var balNavLinkGroupCss=":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)}";var BalNavLinkGroupStyle0=balNavLinkGroupCss;var NavLinkGroup=function(){function a(a){registerInstance(this,a);this.color=""}a.prototype.createLogger=function(a){this.log=a};a.prototype.render=function(){var a=BEM.block("nav-link-group");var e=this.color!=="";return h(Host,{key:"b7224f7859d490b219fcdfadd2c4c33170fb07f2",class:Object.assign(Object.assign({},a.class()),a.modifier("is-".concat(this.color)).class(e))},h("slot",{key:"d7054bf0d35e99ec9e54edcf3f2b8878c87ac5df"}))};return a}();__decorate([Logger("bal-nav-link-group"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavLinkGroup.prototype,"createLogger",null);NavLinkGroup.style=BalNavLinkGroupStyle0;var balNavMenuBarCss=':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}';var BalNavMenuBarStyle0=balNavMenuBarCss;var NavMenuBar=function(){function a(a){registerInstance(this,a);this.navMenuBarId="bal-nav-menu-bar-".concat(NavMenuBarIds++);this.isHidden=false;this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};Object.defineProperty(a.prototype,"flyoutElement",{get:function(){return this.el.querySelector("bal-nav-menu-flyout")},enumerable:false,configurable:true});a.prototype.render=function(){var a=BEM.block("nav-menu-bar");var e=a.element("inner");return h(Host,{key:"a563dcfc6d647f400c20b13df79820c0ce88ea19",id:this.navMenuBarId,class:Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet")),a.modifier("position-".concat(this.position)).class(this.position!=="none"))},h("div",{key:"ec04e09581a0efd9029e20960fd340210cd4a773",class:Object.assign({},e.class())},h("div",{key:"de47464fad24e5ed10ac355fdaac926abcc7583c",class:Object.assign({},a.element("container").class())},h("slot",{key:"a9624e3e83245fcddd0be123b0268b5ca0175041"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav-menu-bar"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMenuBar.prototype,"createLogger",null);var NavMenuBarIds=0;NavMenuBar.style=BalNavMenuBarStyle0;var balNavMenuFlyoutCss=":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)}}";var BalNavMenuFlyoutStyle0=balNavMenuFlyoutCss;var NavMenuFlyout=function(){function a(a){registerInstance(this,a);this.bodyScrollHandler=new BalScrollHandler;this.isHidden=false;this.navId="bal-nav-x".concat(NavMenuFlyOutIds++)}a.prototype.createLogger=function(a){this.log=a};a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.resizeListener=function(){if(this.isFlyoutScrollable()){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}};a.prototype.isFlyoutScrollable=function(){var a,e;return((a=this.el)===null||a===void 0?void 0:a.scrollHeight)>((e=this.el)===null||e===void 0?void 0:e.clientHeight)};a.prototype.render=function(){var a=BEM.block("nav-menu-flyout");var e=a.element("line");return h(Host,{key:"cc30e95d5a4f6037371cf4158a11b2ba832e98e0",id:"".concat(this.navId,"-menu-flyout"),class:Object.assign({},a.class())},h("div",{key:"c28934d355eda16304e02820fb85f373c8e7aaa1",class:Object.assign({},e.class())}),h("div",{key:"0dd9801e8bc0dc277251b353b2efe78f5499dd15",class:Object.assign({},a.element("container").class())},h("slot",{key:"3d0e74c391e039a205ae77710151d03e8c94620f"})))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-nav-menu-flyout"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMenuFlyout.prototype,"createLogger",null);__decorate([ListenToResize(),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",void 0)],NavMenuFlyout.prototype,"resizeListener",null);var NavMenuFlyOutIds=0;NavMenuFlyout.style=BalNavMenuFlyoutStyle0;var balNavMetaBarCss=":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)}";var BalNavMetaBarStyle0=balNavMetaBarCss;var NavMetaBar=function(){function a(a){registerInstance(this,a);this.navMetaBarId="bal-nav-meta-bar-".concat(NavMetaBarIds++);this.previousY=0;this.isHidden=false;this.variant="primary";this.size="normal";this.invisible="none";this.position="none"}a.prototype.createLogger=function(a){this.log=a};a.prototype.handleScroll=function(){if(balBrowser.hasWindow&&balBrowser.hasDocument&&this.position==="sticky-top"){var a=document.body.scrollHeight-document.body.clientHeight;var e=0>=window.scrollY;var t=0>window.scrollY;var n=a<=window.scrollY;var i=window.scrollY>this.previousY;this.isHidden=!e&&(i||n||t);this.previousY=window.scrollY;var r=Array.from(document.querySelectorAll(".bal-nav-meta-bar-transform"));if(r.length>0){for(var l=0;l<r.length;l++){var o=r[l];if(this.isHidden){if(this.size==="small"){o.classList.remove("bal-nav-meta-bar-transform-normal");o.classList.add("bal-nav-meta-bar-transform-small")}else{o.classList.remove("bal-nav-meta-bar-transform-small");o.classList.add("bal-nav-meta-bar-transform-normal")}}else{o.classList.remove("bal-nav-meta-bar-transform-small");o.classList.remove("bal-nav-meta-bar-transform-normal")}}}}};a.prototype.render=function(){var a=BEM.block("nav-meta-bar");return h(Host,{key:"700eeb85fa353dc0059dd1b1d3e2e1bb58c3a381",id:this.navMetaBarId,class:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},a.class()),a.modifier("variant-".concat(this.variant)).class()),a.modifier("size-".concat(this.size)).class()),a.modifier("position-".concat(this.position)).class(this.position!=="none")),a.modifier("hidden-mobile").class(this.invisible==="mobile")),a.modifier("hidden-tablet").class(this.invisible==="tablet"))},h("div",{key:"880efb6d57db1adb168e312c75f0bf0acdb54c6b",class:Object.assign({},a.element("container").class())},h("slot",{key:"e2de7fdbd8e7ef205dc22bb23f9bcdb83c808add"})))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([Logger("bal-meta-bar"),__metadata("design:type",Function),__metadata("design:paramtypes",[Function]),__metadata("design:returntype",void 0)],NavMetaBar.prototype,"createLogger",null);var NavMetaBarIds=0;NavMetaBar.style=BalNavMetaBarStyle0;export{Nav as bal_nav,NavLink as bal_nav_link,NavLinkGrid as bal_nav_link_grid,NavLinkGridCol as bal_nav_link_grid_col,NavLinkGroup as bal_nav_link_group,NavMenuBar as bal_nav_menu_bar,NavMenuFlyout as bal_nav_menu_flyout,NavMetaBar as bal_nav_meta_bar};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement,c as createEvent}from"./index-8d2a7ce7.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{b as balBrowser}from"./browser-a8073d92.js";import{i as wait,h as deepReady}from"./helpers-94c3fbac.js";import{B as BalScrollHandler}from"./scroll-f4b20848.js";import{d as defaultConfig}from"./config.default-8e11a860.js";import{L as ListenToConfig}from"./config.decorator-42dba864.js";import{b as balBreakpoints}from"./breakpoints.subject-3329beee.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-2074b85a.js";import"./config.utils-cd529084.js";import"./log-dfd1c19f.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-9895930d.js";var balNavbarCss=":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";var BalNavbarStyle0=balNavbarCss;var Navbar=function(){function a(a){registerInstance(this,a);this.light=false;this.interface="app";this.container=""}a.prototype.interfaceHandler=function(){this.updateProps(["bal-navbar-brand","bal-navbar-menu","bal-navbar-menu-start","bal-navbar-menu-end"],"interface")};a.prototype.componentWillLoad=function(){this.interfaceHandler()};a.prototype.updateProps=function(a,e){var t=this[e];if(t!==undefined){this.notifyComponents(a,(function(a){return a[e]=t}))}};a.prototype.notifyComponents=function(a,e){var t=this.element.querySelectorAll(a.join(", "));t.forEach((function(a){return e(a)}))};a.prototype.render=function(){var a;var e=BEM.block("navbar");return h(Host,{key:"dddbbeaef348b9ff101743f71451f6d84ac72951",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("context-".concat(this.interface)).class()),e.modifier("is-light").class(this.light))},h("nav",{key:"ba4bb4f5ea156b0a2b4ba5f54f8d80b41477ee6b",role:"navigation","aria-label":"main navigation",class:Object.assign(Object.assign({},e.element("nav").class()),(a={container:true},a["is-".concat(this.container)]=this.container!=="",a))},h("slot",{key:"647ff400273d4cd92574d5f46aff07aad2b2c810"})))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{interface:["interfaceHandler"]}},enumerable:false,configurable:true});return a}();Navbar.style=BalNavbarStyle0;var i18nBalNavbarBrand={en:{logoButtonLabel:"To Homepage"},fr:{logoButtonLabel:"Vers la page d’accueil"},it:{logoButtonLabel:"Alla pagina principale"},nl:{logoButtonLabel:"Naar de startpagina"},es:{logoButtonLabel:"A la página principal"},pt:{logoButtonLabel:"Para a página inicial"},sv:{logoButtonLabel:"Till startsidan"},fi:{logoButtonLabel:"Etusivulle"},de:{logoButtonLabel:"Zur Startseite"},pl:{logoButtonLabel:"Na stronę główną"}};var NavbarBrand=function(){function a(a){registerInstance(this,a);this.balNavigate=createEvent(this,"balNavigate",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.bodyScrollHandler=new BalScrollHandler;this.language=defaultConfig.language;this.isMenuActive=false;this.href="";this.rel=undefined;this.logoClickable=false;this.logoLabel=undefined;this.target="_self";this.simple=false;this.logo=undefined;this.logoSize="";this.animated=true;this.interface="app"}a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){if(balBrowser.hasWindow&&window.matchMedia){window.matchMedia("(min-width: 960px)").addEventListener("change",this.resetIsMenuActive.bind(this))}};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=a.language;return[2]}))}))};a.prototype.resetIsMenuActive=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(a.matches&&!this.simple){this.toggle(false)}return[2]}))}))};a.prototype.toggle=function(a){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(n){switch(n.label){case 0:this.isMenuActive=a;this.balWillAnimate.emit(this.isMenuActive);if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(this.isMenuActive){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}e=this.el.closest("bal-navbar");if(!e)return[3,2];t=e.querySelector("bal-navbar-menu");if(!(t&&!this.simple))return[3,2];return[4,t.toggle(this.isMenuActive)];case 1:n.sent();n.label=2;case 2:return[4,wait(300)];case 3:n.sent();this.balDidAnimate.emit(this.isMenuActive);return[2]}}))}))};a.prototype.onClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.toggle(!this.isMenuActive);return[2]}))}))};a.prototype.render=function(){var a=this;var e=BEM.block("navbar").element("brand");var t=this.logo?h("img",{class:Object.assign({},e.element("logo").class()),src:this.logo,alt:""}):h("bal-logo",{animated:this.animated,color:"white",size:this.logoSize});var n=this.logoLabel?this.logoLabel:i18nBalNavbarBrand[this.language].logoButtonLabel;return h(Host,{key:"89cac098cf15e08c2d48748b6eb2cc184ed57292",class:Object.assign(Object.assign({},e.class()),e.modifier("context-".concat(this.interface)).class())},this.href?h("a",{"aria-label":n,title:n,href:this.href,rel:this.rel,target:this.target,onClick:function(e){return a.balNavigate.emit(e)}},t):this.logoClickable?h("button",{"aria-label":n,title:n,onClick:function(e){return a.balNavigate.emit(e)}},t):t,h("span",{key:"b5807bd115fe7e7d5f75a7d319b810ad33c1db39",class:Object.assign({},e.element("title").class())},h("slot",{key:"14741534401ef235bee19db0d4aead5ec437c501"})),h("bal-button",{key:"9104e683dd114554c8ec84f4b20abd13e2c77dfe",class:Object.assign(Object.assign({},e.element("burger").class()),e.element("burger").modifier("hidden").class(this.interface==="simple")),color:"light",inverted:true,square:true,icon:this.isMenuActive?"close":"menu-bars",onClick:function(){return a.onClick()}}))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],NavbarBrand.prototype,"configChanged",null);var NavbarMenu=function(){function a(a){registerInstance(this,a);this.isMenuActive=false;this.isTouch=balBreakpoints.isTouch;this.interface="app"}a.prototype.breakpointListener=function(a){this.isTouch=a.touch};a.prototype.toggle=function(a){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.isMenuActive=a;e=this.element.querySelector("bal-tabs");if(!e)return[3,2];return[4,deepReady(e)];case 1:t.sent();e.renderLine();t.label=2;case 2:return[2]}}))}))};a.prototype.render=function(){var a;var e=BEM.block("navbar").element("menu");var t="";if(this.isTouch){var n=this.element.closest("bal-navbar");if(n){t=n.container}}return h(Host,{key:"6b0a857bff0929177b51e75b2e5e26ad51d9dc6a",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(this.isMenuActive)),e.modifier("context-".concat(this.interface)).class()),(a={container:true},a["is-".concat(t)]=t!=="",a))},h("slot",{key:"e7919137bb34c15bc676a1617a79aac4111460fc"}))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],NavbarMenu.prototype,"breakpointListener",null);var NavbarMenuEnd=function(){function a(a){registerInstance(this,a);this.interface="app"}a.prototype.render=function(){var a=BEM.block("navbar").element("menu").element("end");return h(Host,{key:"10aa16f437f428adf6cb21c276aa16230aaad041",class:Object.assign(Object.assign({},a.class()),a.modifier("context-".concat(this.interface)).class())},h("slot",{key:"adadfb0d9bda6bb49613541c67bf9dced7a0ad4b"}))};return a}();var NavbarMenuStart=function(){function a(a){registerInstance(this,a);this.interface="app"}a.prototype.render=function(){var a=BEM.block("navbar").element("menu").element("start");return h(Host,{key:"1d35806afa3206d429b351b9442375cd4a41133f",class:Object.assign(Object.assign({},a.class()),a.modifier("context-".concat(this.interface)).class())},h("slot",{key:"35baeb64effd472c64a148fb77fa91a604078f36"}))};return a}();export{Navbar as bal_navbar,NavbarBrand as bal_navbar_brand,NavbarMenu as bal_navbar_menu,NavbarMenuEnd as bal_navbar_menu_end,NavbarMenuStart as bal_navbar_menu_start};
|
|
1
|
+
import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,g as getElement,c as createEvent}from"./index-8d2a7ce7.js";import{B as BEM}from"./bem-8c7d2eb0.js";import{_ as __decorate,a as __metadata}from"./tslib.es6-654e2c24.js";import{b as balBrowser}from"./browser-a8073d92.js";import{i as wait,h as deepReady}from"./helpers-94c3fbac.js";import{B as BalScrollHandler}from"./scroll-f4b20848.js";import{d as defaultConfig}from"./config.default-8e11a860.js";import{L as ListenToConfig}from"./config.decorator-42dba864.js";import{b as balBreakpoints}from"./breakpoints.subject-6b4e30ba.js";import{L as ListenToBreakpoints}from"./breakpoints.decorator-3c6214ed.js";import"./config.utils-cd529084.js";import"./log-dfd1c19f.js";import"./device-8c6d2881.js";import"./listener-04842ae9.js";import"./tokens.esm-2ce9e0f4.js";var balNavbarCss=":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";var BalNavbarStyle0=balNavbarCss;var Navbar=function(){function a(a){registerInstance(this,a);this.light=false;this.interface="app";this.container=""}a.prototype.interfaceHandler=function(){this.updateProps(["bal-navbar-brand","bal-navbar-menu","bal-navbar-menu-start","bal-navbar-menu-end"],"interface")};a.prototype.componentWillLoad=function(){this.interfaceHandler()};a.prototype.updateProps=function(a,e){var t=this[e];if(t!==undefined){this.notifyComponents(a,(function(a){return a[e]=t}))}};a.prototype.notifyComponents=function(a,e){var t=this.element.querySelectorAll(a.join(", "));t.forEach((function(a){return e(a)}))};a.prototype.render=function(){var a;var e=BEM.block("navbar");return h(Host,{key:"bc3b4a7517b5f96970b7c3c65d7d496c4829a644",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("context-".concat(this.interface)).class()),e.modifier("is-light").class(this.light))},h("nav",{key:"4df024c578399098ab513995f9d302ecdd1b2f63",role:"navigation","aria-label":"main navigation",class:Object.assign(Object.assign({},e.element("nav").class()),(a={container:true},a["is-".concat(this.container)]=this.container!=="",a))},h("slot",{key:"45710ae4fd3b25cf23be8c5bf25bada4cfac312f"})))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{interface:["interfaceHandler"]}},enumerable:false,configurable:true});return a}();Navbar.style=BalNavbarStyle0;var i18nBalNavbarBrand={en:{logoButtonLabel:"To Homepage"},fr:{logoButtonLabel:"Vers la page d’accueil"},it:{logoButtonLabel:"Alla pagina principale"},nl:{logoButtonLabel:"Naar de startpagina"},es:{logoButtonLabel:"A la página principal"},pt:{logoButtonLabel:"Para a página inicial"},sv:{logoButtonLabel:"Till startsidan"},fi:{logoButtonLabel:"Etusivulle"},de:{logoButtonLabel:"Zur Startseite"},pl:{logoButtonLabel:"Na stronę główną"}};var NavbarBrand=function(){function a(a){registerInstance(this,a);this.balNavigate=createEvent(this,"balNavigate",7);this.balWillAnimate=createEvent(this,"balWillAnimate",7);this.balDidAnimate=createEvent(this,"balDidAnimate",7);this.bodyScrollHandler=new BalScrollHandler;this.language=defaultConfig.language;this.isMenuActive=false;this.href="";this.rel=undefined;this.logoClickable=false;this.logoLabel=undefined;this.target="_self";this.simple=false;this.logo=undefined;this.logoSize="";this.animated=true;this.interface="app"}a.prototype.connectedCallback=function(){this.bodyScrollHandler.connect()};a.prototype.componentWillLoad=function(){if(balBrowser.hasWindow&&window.matchMedia){window.matchMedia("(min-width: 960px)").addEventListener("change",this.resetIsMenuActive.bind(this))}};a.prototype.disconnectedCallback=function(){this.bodyScrollHandler.disconnect()};a.prototype.configChanged=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=a.language;return[2]}))}))};a.prototype.resetIsMenuActive=function(a){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(a.matches&&!this.simple){this.toggle(false)}return[2]}))}))};a.prototype.toggle=function(a){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(n){switch(n.label){case 0:this.isMenuActive=a;this.balWillAnimate.emit(this.isMenuActive);if(balBrowser.hasWindow&&window.scrollY>0){window.scrollTo(0,0)}if(this.isMenuActive){this.bodyScrollHandler.disable()}else{this.bodyScrollHandler.enable()}e=this.el.closest("bal-navbar");if(!e)return[3,2];t=e.querySelector("bal-navbar-menu");if(!(t&&!this.simple))return[3,2];return[4,t.toggle(this.isMenuActive)];case 1:n.sent();n.label=2;case 2:return[4,wait(300)];case 3:n.sent();this.balDidAnimate.emit(this.isMenuActive);return[2]}}))}))};a.prototype.onClick=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.toggle(!this.isMenuActive);return[2]}))}))};a.prototype.render=function(){var a=this;var e=BEM.block("navbar").element("brand");var t=this.logo?h("img",{class:Object.assign({},e.element("logo").class()),src:this.logo,alt:""}):h("bal-logo",{animated:this.animated,color:"white",size:this.logoSize});var n=this.logoLabel?this.logoLabel:i18nBalNavbarBrand[this.language].logoButtonLabel;return h(Host,{key:"6492bf4163017452e6fcbd3e75f067db73e631d7",class:Object.assign(Object.assign({},e.class()),e.modifier("context-".concat(this.interface)).class())},this.href?h("a",{"aria-label":n,title:n,href:this.href,rel:this.rel,target:this.target,onClick:function(e){return a.balNavigate.emit(e)}},t):this.logoClickable?h("button",{"aria-label":n,title:n,onClick:function(e){return a.balNavigate.emit(e)}},t):t,h("span",{key:"026a303393f964c22eecc94b92468832a5d3594a",class:Object.assign({},e.element("title").class())},h("slot",{key:"632838cf1193499f8751a340e4ed897dc7d01d54"})),h("bal-button",{key:"44e63c04ba674399b60eeedf58f5b3ce680dd939",class:Object.assign(Object.assign({},e.element("burger").class()),e.element("burger").modifier("hidden").class(this.interface==="simple")),color:"light",inverted:true,square:true,icon:this.isMenuActive?"close":"menu-bars",onClick:function(){return a.onClick()}}))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([ListenToConfig(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",Promise)],NavbarBrand.prototype,"configChanged",null);var NavbarMenu=function(){function a(a){registerInstance(this,a);this.isMenuActive=false;this.isTouch=balBreakpoints.isTouch;this.interface="app"}a.prototype.breakpointListener=function(a){this.isTouch=a.touch};a.prototype.toggle=function(a){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.isMenuActive=a;e=this.element.querySelector("bal-tabs");if(!e)return[3,2];return[4,deepReady(e)];case 1:t.sent();e.renderLine();t.label=2;case 2:return[2]}}))}))};a.prototype.render=function(){var a;var e=BEM.block("navbar").element("menu");var t="";if(this.isTouch){var n=this.element.closest("bal-navbar");if(n){t=n.container}}return h(Host,{key:"82e424f6a56e40091320eee01e849dd5ac9853f3",class:Object.assign(Object.assign(Object.assign(Object.assign({},e.class()),e.modifier("active").class(this.isMenuActive)),e.modifier("context-".concat(this.interface)).class()),(a={container:true},a["is-".concat(t)]=t!=="",a))},h("slot",{key:"2a9e2c5b3e4d9e55372107d9096ff7ea7b0b69be"}))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();__decorate([ListenToBreakpoints(),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],NavbarMenu.prototype,"breakpointListener",null);var NavbarMenuEnd=function(){function a(a){registerInstance(this,a);this.interface="app"}a.prototype.render=function(){var a=BEM.block("navbar").element("menu").element("end");return h(Host,{key:"c48d9c4cf059e64185d2c873f951cd5e2e133665",class:Object.assign(Object.assign({},a.class()),a.modifier("context-".concat(this.interface)).class())},h("slot",{key:"e956c085b46e4fbe1f655e161b92c81a08f398de"}))};return a}();var NavbarMenuStart=function(){function a(a){registerInstance(this,a);this.interface="app"}a.prototype.render=function(){var a=BEM.block("navbar").element("menu").element("start");return h(Host,{key:"9694a2d3843c5d010a6523e404e7feaea40a8183",class:Object.assign(Object.assign({},a.class()),a.modifier("context-".concat(this.interface)).class())},h("slot",{key:"29fb9854fd7de27e095c6ab141be4f005a00e535"}))};return a}();export{Navbar as bal_navbar,NavbarBrand as bal_navbar_brand,NavbarMenu as bal_navbar_menu,NavbarMenuEnd as bal_navbar_menu_end,NavbarMenuStart as bal_navbar_menu_start};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,c as createEvent,g as getElement}from"./index-8d2a7ce7.js";import{B as BEM}from"./bem-8c7d2eb0.js";var balNoticesCss=".bal-notices{position:fixed !important;display:-ms-flexbox !important;display:flex !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;padding-top:1rem !important;padding-bottom:1rem !important;margin:0 !important;overflow:hidden !important;z-index:var(--bal-z-index-toast) !important;pointer-events:none !important;-ms-flex-direction:column !important;flex-direction:column !important}.bal-notices--container{-ms-flex-align:center !important;align-items:center !important}.bal-notices:not(.bal-notices--container){padding-left:1rem !important;padding-right:1rem !important}.bal-notices__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-notices__inner--snackbar{height:100vh;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column;flex-direction:column;margin:.5em}.bal-notices__inner--snackbar .bal-snackbar{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:end;align-self:flex-end;pointer-events:auto !important}.bal-notices__inner--toast{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;margin:.5em}.bal-notices__inner--toast .bal-toast{-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center}.bal-notices__inner.container{--bal-toast-width:100%;--bal-toast-width-tablet:100%;--bal-toast-width-desktop:100%}.bal-notices--animated .bal-toast{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInDown;animation-name:slideInDown}.bal-notices--animated .bal-snackbar{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}";var BalNoticesStyle0=balNoticesCss;var Notices=function(){function a(a){registerInstance(this,a);this.animated=true;this.interface="toast";this.container=undefined}a.prototype.render=function(){var a;var t=BEM.block("notices");var e=t.element("inner");var r=this.interface==="toast"&&this.container!==undefined;return h(Host,{key:"a1b78916b871f478faab9f9f8809bd9f2f821662",class:Object.assign(Object.assign(Object.assign({"bal-app":true},t.class()),t.modifier("container").class(r)),t.modifier("animated").class(this.animated))},h("div",{key:"a139dfe55addb4c171cbdb9889b54e56cd1b51d9",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(this.interface).class()),(a={container:r},a["is-".concat(this.container)]=r&&this.container!=="",a))},h("slot",{key:"f5c24d3dc1188665169e59f8e105c9de5ed40404"})))};return a}();Notices.style=BalNoticesStyle0;var balSnackbarCss=':root{--bal-snackbar-font-size:var(--bal-text-size-small);--bal-snackbar-font-family:var(--bal-font-family-text);--bal-snackbar-title-font-size:var(--bal-text-size-medium);--bal-snackbar-title-font-family:var(--bal-font-family-title);--bal-snackbar-background:var(--bal-color-white);--bal-snackbar-background-primary:var(--bal-color-white);--bal-snackbar-background-info:var(--bal-color-info-2);--bal-snackbar-background-success:var(--bal-color-success-2);--bal-snackbar-background-warning:var(--bal-color-warning-2);--bal-snackbar-background-danger:var(--bal-color-danger-2);--bal-snackbar-radius:var(--bal-radius-large);--bal-snackbar-color:var(--bal-color-text-primary);--bal-snackbar-color-primary:var(--bal-color-text-primary);--bal-snackbar-color-info:var(--bal-color-text-primary);--bal-snackbar-color-success:var(--bal-color-text-primary);--bal-snackbar-color-warning:var(--bal-color-text-primary);--bal-snackbar-color-danger:var(--bal-color-text-primary)}.bal-snackbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:0 !important;flex-grow:0 !important;gap:.5rem;padding:var(--bal-space-medium) var(--bal-space-normal);border-radius:var(--bal-snackbar-radius);background:var(--bal-snackbar-background);color:var(--bal-snackbar-color);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;min-height:3.5rem;width:18rem}@media screen and (min-width: 769px),print{.bal-snackbar{width:18rem}}@media screen and (min-width: 1024px){.bal-snackbar{width:27.5rem}}.bal-snackbar--color-primary{background:var(--bal-snackbar-background-primary);color:var(--bal-snackbar-color-primary)}.bal-snackbar--color-info{background:var(--bal-snackbar-background-info);color:var(--bal-snackbar-color-info)}.bal-snackbar--color-danger{background:var(--bal-snackbar-background-danger);color:var(--bal-snackbar-color-danger)}.bal-snackbar--color-warning{background:var(--bal-snackbar-background-warning);color:var(--bal-snackbar-color-warning)}.bal-snackbar--color-success{background:var(--bal-snackbar-background-success);color:var(--bal-snackbar-color-success)}.bal-snackbar__details{display:-ms-flexbox;display:flex;gap:1rem}.bal-snackbar__details__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.5rem}.bal-snackbar__details__icon--masked{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.bal-snackbar__details__icon--masked,.bal-snackbar__details__icon--color-primary{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-snackbar__details__icon--color-info{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-snackbar__details__icon--color-success{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-snackbar__details__icon--color-warning{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-snackbar__details__icon--color-danger{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-snackbar__details__close{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;width:2rem}.bal-snackbar__details__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem}.bal-snackbar__details__content h2{font-family:var(--bal-snackbar-title-font-family);font-size:var(--bal-snackbar-title-font-size);font-weight:var(--bal-font-weight-bold);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-tablet)}}@media screen and (min-width: 1024px){.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-desktop)}}.bal-snackbar__details__content span{font-family:var(--bal-snackbar-font-family);font-size:var(--bal-snackbar-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-snackbar__button-wrapper{display:-ms-flexbox;display:flex}.bal-snackbar__button-wrapper .bal-button{-webkit-margin-start:2.5rem;margin-inline-start:2.5rem;-webkit-margin-before:.5rem;margin-block-start:.5rem}';var BalSnackbarStyle0=balSnackbarCss;var Snackbar=function(){function a(a){var t=this;registerInstance(this,a);this.balClose=createEvent(this,"balClose",7);this.balAction=createEvent(this,"balAction",7);this.snackbarId="bal-snackbar-".concat(snackbarIds++);this.onActionHandler=function(){t.balAction.emit(t.snackbarId);t.actionHandler()};this.color="";this.duration=0;this.subject="";this.message="";this.icon="";this.action="";this.closeHandler=function(){return void 0};this.actionHandler=function(){return void 0};this.href=undefined;this.target="_self"}a.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(!(this.duration>0))return[3,2];return[4,this.closeIn(this.duration)];case 1:a.sent();a.label=2;case 2:return[2]}}))}))};a.prototype.closeIn=function(a){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.timer=setTimeout((function(){return t.close()}),a);return[2]}))}))};a.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){clearTimeout(this.timer);this.balClose.emit(this.snackbarId);this.element.remove();this.closeHandler();return[2]}))}))};a.prototype.render=function(){var a=this;var t=BEM.block("snackbar");var e=t.element("details");var r=t.element("button-wrapper");var s=this.snackbarId+"-subject";var i={};if(this.message!==undefined&&this.message!==""){i.innerHTML=this.message}var n=this.icon!==undefined&&this.icon!==null&&this.icon!=="";var l={info:"info-circle",primary:"info-circle",warning:"alert-triangle",danger:"alert-triangle",success:"check-circle"};var o=n?this.icon:l[this.color||"info"];return h(Host,{key:"5127d6369874e9fdaffb9e8d33c515646f47d9c9",id:this.snackbarId,role:"alertdialog",class:Object.assign(Object.assign({},t.class()),t.modifier("color-".concat(this.color)).class(!!this.color)),"aria-labelledby":s},h("div",{key:"3cf49e636352f3f9f759dc9a995d03dabf898a58",class:Object.assign({},e.class())},h("div",{key:"212870d1b7e231703bffcf52700c8b82cc59eb5b","aria-hidden":"true",class:Object.assign(Object.assign(Object.assign({},e.element("icon").class()),e.element("icon").modifier("masked").class(!n)),e.element("icon").modifier("color-".concat(this.color)).class(!n))},n?h("bal-icon",{name:o,color:"primary",size:"medium"}):""),h("div",{key:"a2a42f63240703654784826cde481088a368345b",class:Object.assign({},e.element("content").class())},h("h2",{key:"99bd1a23ec3af11513bb07adee38b5532b2fa860",id:s},this.subject),h("span",Object.assign({key:"d0d199fce312e2bab5b79a4a818f7bb4f7e77d7b"},i),h("slot",{key:"ffbdeab2ecf8c175121147110f81625148d16778"}),h("span",{key:"4add44fe70b6852f6fecf6e60c9f11e6ac4805bf",class:"hidden"}))),h("div",{key:"504f3c58adb6a521564b337f66132fd878d924fc",class:Object.assign({},e.element("close").class())},h("bal-close",{key:"7de312c6ad07c3c44b23789d58cda05f3bd42722",class:"bal-snackbar__close","data-testid":"bal-snackbar-close",onClick:function(){return a.close()}}))),this.action?h("div",{class:Object.assign({},r.class())},h("bal-button",{color:"info",size:"small",href:this.href,target:this.target,onClick:function(){return a.onActionHandler()},"data-testid":"bal-snackbar-action"},this.action)):"")};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();var snackbarIds=0;Snackbar.style=BalSnackbarStyle0;var balToastCss=':root{--bal-toast-font-size:var(--bal-text-size-small);--bal-toast-title-font-size:var(--bal-text-size-normal);--bal-toast-font-family:var(--bal-font-family-text);--bal-toast-title-font-family:var(--bal-font-family-title);--bal-toast-background:var(--bal-color-white);--bal-toast-background-primary:var(--bal-color-white);--bal-toast-background-info:var(--bal-color-info-2);--bal-toast-background-success:var(--bal-color-success-2);--bal-toast-background-warning:var(--bal-color-warning-2);--bal-toast-background-danger:var(--bal-color-danger-2);--bal-toast-radius:var(--bal-radius-large);--bal-toast-color:var(--bal-color-text-primary);--bal-toast-color-primary:var(--bal-color-text-primary);--bal-toast-color-info:var(--bal-color-text-primary);--bal-toast-color-success:var(--bal-color-text-primary);--bal-toast-color-warning:var(--bal-color-text-primary);--bal-toast-color-danger:var(--bal-color-text-primary);--bal-toast-width:100%;--bal-toast-width-tablet:28.75rem;--bal-toast-width-desktop:30rem}.bal-toast{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative;-ms-flex-positive:0 !important;flex-grow:0 !important;width:100%}.bal-toast__inner{min-height:3.5rem;border-radius:var(--bal-toast-radius);background:var(--bal-toast-background);color:var(--bal-toast-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);padding:var(--bal-space-normal);max-width:var(--bal-toast-width);width:var(--bal-toast-width)}@media screen and (min-width: 769px),print{.bal-toast__inner{padding:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{padding:var(--bal-space-normal-desktop)}}@media screen and (min-width: 769px),print{.bal-toast__inner{max-width:var(--bal-toast-width-tablet);width:var(--bal-toast-width-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{max-width:var(--bal-toast-width-desktop);width:var(--bal-toast-width-desktop)}}.bal-toast__inner--color-primary{background:var(--bal-toast-background-primary);color:var(--bal-toast-color-primary)}.bal-toast__inner--color-info{background:var(--bal-toast-background-info);color:var(--bal-toast-color-info)}.bal-toast__inner--color-danger{background:var(--bal-toast-background-danger);color:var(--bal-toast-color-danger)}.bal-toast__inner--color-warning{background:var(--bal-toast-background-warning);color:var(--bal-toast-color-warning)}.bal-toast__inner--color-success{background:var(--bal-toast-background-success);color:var(--bal-toast-color-success)}.bal-toast__label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;gap:.125rem;margin-left:2rem;margin-right:2.5rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--bal-toast-title-font-size);font-family:var(--bal-toast-font-family)}.bal-toast__label>strong,.bal-toast__label>b,.bal-toast__label>h2{font-family:var(--bal-toast-title-font-family);font-size:var(--bal-toast-title-font-size);line-height:var(--bal-text-line-height-title)}.bal-toast__label>span,.bal-toast__label>p{font-family:var(--bal-toast-font-family);font-size:var(--bal-toast-font-size);line-height:var(--bal-text-line-height-text)}.bal-toast__close.bal-close{position:absolute;top:1.8rem;right:1rem;margin-top:-0.75rem}.bal-toast__inner:before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1rem;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-toast__inner--color-primary: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-toast__inner--color-info: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-toast__inner--color-success: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-toast__inner--color-warning: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-toast__inner--color-danger: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 BalToastStyle0=balToastCss;var Toast=function(){function a(a){registerInstance(this,a);this.balClose=createEvent(this,"balClose",7);this.toastId="bal-toast-".concat(toastIds++);this.color="";this.duration=0;this.closable=true;this.message="";this.closeHandler=function(){return void 0}}a.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(!(this.duration>0))return[3,2];return[4,this.closeIn(this.duration)];case 1:a.sent();a.label=2;case 2:return[2]}}))}))};a.prototype.closeIn=function(a){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.timer=setTimeout((function(){return t.close()}),a);return[2]}))}))};a.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.element.remove();clearTimeout(this.timer);this.balClose.emit(this.toastId);this.closeHandler();return[2]}))}))};a.prototype.render=function(){var a=this;var t=BEM.block("toast");var e=t.element("inner");var r=t.element("label");var s=t.element("close");return h(Host,{key:"8236384c2156885a0cf86f99697f40be4e9c5372",id:this.toastId,class:Object.assign({},t.class())},h("div",{key:"3a272a7d3ecf51331f0df06c2df98b40c8c0a1fd",role:"status",class:Object.assign(Object.assign({},e.class()),e.modifier("color-".concat(this.color)).class(!!this.color))},h("span",{key:"92b35c0575a501857ea05f48e73b6adebeeb4d46",class:Object.assign({},r.class()),"data-testid":"bal-toast-label",innerHTML:this.message},h("slot",{key:"2c6eea25c4652f72020a7aeb8660b0990841771b"})),this.closable!==false?h("bal-close",{class:Object.assign({},s.class()),onClick:function(){return a.close()},inverted:false,"data-testid":"bal-toast-close"}):""))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();var toastIds=0;Toast.style=BalToastStyle0;export{Notices as bal_notices,Snackbar as bal_snackbar,Toast as bal_toast};
|
|
1
|
+
import{__awaiter,__generator}from"tslib";import{r as registerInstance,h,H as Host,c as createEvent,g as getElement}from"./index-8d2a7ce7.js";import{B as BEM}from"./bem-8c7d2eb0.js";var balNoticesCss=".bal-notices{position:fixed !important;display:-ms-flexbox !important;display:flex !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;padding-top:1rem !important;padding-bottom:1rem !important;margin:0 !important;overflow:hidden !important;z-index:var(--bal-z-index-toast) !important;pointer-events:none !important;-ms-flex-direction:column !important;flex-direction:column !important}.bal-notices--container{-ms-flex-align:center !important;align-items:center !important}.bal-notices:not(.bal-notices--container){padding-left:1rem !important;padding-right:1rem !important}.bal-notices__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-notices__inner--snackbar{height:100vh;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column;flex-direction:column;margin:.5em}.bal-notices__inner--snackbar .bal-snackbar{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:end;align-self:flex-end;pointer-events:auto !important}.bal-notices__inner--toast{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;margin:.5em}.bal-notices__inner--toast .bal-toast{-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center}.bal-notices__inner.container{--bal-toast-width:100%;--bal-toast-width-tablet:100%;--bal-toast-width-desktop:100%}.bal-notices--animated .bal-toast{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInDown;animation-name:slideInDown}.bal-notices--animated .bal-snackbar{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}";var BalNoticesStyle0=balNoticesCss;var Notices=function(){function a(a){registerInstance(this,a);this.animated=true;this.interface="toast";this.container=undefined}a.prototype.render=function(){var a;var t=BEM.block("notices");var e=t.element("inner");var r=this.interface==="toast"&&this.container!==undefined;return h(Host,{key:"914b7643a3297d183e7b1751afc8252ed75e2176",class:Object.assign(Object.assign(Object.assign({"bal-app":true},t.class()),t.modifier("container").class(r)),t.modifier("animated").class(this.animated))},h("div",{key:"7e2d3a0980a58c9b2f0b69d06bae71779e81d90b",class:Object.assign(Object.assign(Object.assign({},e.class()),e.modifier(this.interface).class()),(a={container:r},a["is-".concat(this.container)]=r&&this.container!=="",a))},h("slot",{key:"db39f336699c3de8776f56ec79630e0221444114"})))};return a}();Notices.style=BalNoticesStyle0;var balSnackbarCss=':root{--bal-snackbar-font-size:var(--bal-text-size-small);--bal-snackbar-font-family:var(--bal-font-family-text);--bal-snackbar-title-font-size:var(--bal-text-size-medium);--bal-snackbar-title-font-family:var(--bal-font-family-title);--bal-snackbar-background:var(--bal-color-white);--bal-snackbar-background-primary:var(--bal-color-white);--bal-snackbar-background-info:var(--bal-color-info-2);--bal-snackbar-background-success:var(--bal-color-success-2);--bal-snackbar-background-warning:var(--bal-color-warning-2);--bal-snackbar-background-danger:var(--bal-color-danger-2);--bal-snackbar-radius:var(--bal-radius-large);--bal-snackbar-color:var(--bal-color-text-primary);--bal-snackbar-color-primary:var(--bal-color-text-primary);--bal-snackbar-color-info:var(--bal-color-text-primary);--bal-snackbar-color-success:var(--bal-color-text-primary);--bal-snackbar-color-warning:var(--bal-color-text-primary);--bal-snackbar-color-danger:var(--bal-color-text-primary)}.bal-snackbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:0 !important;flex-grow:0 !important;gap:.5rem;padding:var(--bal-space-medium) var(--bal-space-normal);border-radius:var(--bal-snackbar-radius);background:var(--bal-snackbar-background);color:var(--bal-snackbar-color);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;min-height:3.5rem;width:18rem}@media screen and (min-width: 769px),print{.bal-snackbar{width:18rem}}@media screen and (min-width: 1024px){.bal-snackbar{width:27.5rem}}.bal-snackbar--color-primary{background:var(--bal-snackbar-background-primary);color:var(--bal-snackbar-color-primary)}.bal-snackbar--color-info{background:var(--bal-snackbar-background-info);color:var(--bal-snackbar-color-info)}.bal-snackbar--color-danger{background:var(--bal-snackbar-background-danger);color:var(--bal-snackbar-color-danger)}.bal-snackbar--color-warning{background:var(--bal-snackbar-background-warning);color:var(--bal-snackbar-color-warning)}.bal-snackbar--color-success{background:var(--bal-snackbar-background-success);color:var(--bal-snackbar-color-success)}.bal-snackbar__details{display:-ms-flexbox;display:flex;gap:1rem}.bal-snackbar__details__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.5rem}.bal-snackbar__details__icon--masked{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.bal-snackbar__details__icon--masked,.bal-snackbar__details__icon--color-primary{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-snackbar__details__icon--color-info{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-snackbar__details__icon--color-success{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-snackbar__details__icon--color-warning{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-snackbar__details__icon--color-danger{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-snackbar__details__close{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;width:2rem}.bal-snackbar__details__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem}.bal-snackbar__details__content h2{font-family:var(--bal-snackbar-title-font-family);font-size:var(--bal-snackbar-title-font-size);font-weight:var(--bal-font-weight-bold);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-tablet)}}@media screen and (min-width: 1024px){.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-desktop)}}.bal-snackbar__details__content span{font-family:var(--bal-snackbar-font-family);font-size:var(--bal-snackbar-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-snackbar__button-wrapper{display:-ms-flexbox;display:flex}.bal-snackbar__button-wrapper .bal-button{-webkit-margin-start:2.5rem;margin-inline-start:2.5rem;-webkit-margin-before:.5rem;margin-block-start:.5rem}';var BalSnackbarStyle0=balSnackbarCss;var Snackbar=function(){function a(a){var t=this;registerInstance(this,a);this.balClose=createEvent(this,"balClose",7);this.balAction=createEvent(this,"balAction",7);this.snackbarId="bal-snackbar-".concat(snackbarIds++);this.onActionHandler=function(){t.balAction.emit(t.snackbarId);t.actionHandler()};this.color="";this.duration=0;this.subject="";this.message="";this.icon="";this.action="";this.closeHandler=function(){return void 0};this.actionHandler=function(){return void 0};this.href=undefined;this.target="_self"}a.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(!(this.duration>0))return[3,2];return[4,this.closeIn(this.duration)];case 1:a.sent();a.label=2;case 2:return[2]}}))}))};a.prototype.closeIn=function(a){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.timer=setTimeout((function(){return t.close()}),a);return[2]}))}))};a.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){clearTimeout(this.timer);this.balClose.emit(this.snackbarId);this.element.remove();this.closeHandler();return[2]}))}))};a.prototype.render=function(){var a=this;var t=BEM.block("snackbar");var e=t.element("details");var r=t.element("button-wrapper");var s=this.snackbarId+"-subject";var i={};if(this.message!==undefined&&this.message!==""){i.innerHTML=this.message}var n=this.icon!==undefined&&this.icon!==null&&this.icon!=="";var l={info:"info-circle",primary:"info-circle",warning:"alert-triangle",danger:"alert-triangle",success:"check-circle"};var o=n?this.icon:l[this.color||"info"];return h(Host,{key:"b3915c5a567dc89a8ec7145a7ab98498ca97b66d",id:this.snackbarId,role:"alertdialog",class:Object.assign(Object.assign({},t.class()),t.modifier("color-".concat(this.color)).class(!!this.color)),"aria-labelledby":s},h("div",{key:"ae6759e051630b2c9fe51c7d24d931e30737376d",class:Object.assign({},e.class())},h("div",{key:"dfb41b163dfb1ec063576c487769102bd2c52c40","aria-hidden":"true",class:Object.assign(Object.assign(Object.assign({},e.element("icon").class()),e.element("icon").modifier("masked").class(!n)),e.element("icon").modifier("color-".concat(this.color)).class(!n))},n?h("bal-icon",{name:o,color:"primary",size:"medium"}):""),h("div",{key:"75a34eb777fbf3c9d8ffdc431a155183888fe5ad",class:Object.assign({},e.element("content").class())},h("h2",{key:"7aecaed230c536db0771eb4060a20f8d89b737fa",id:s},this.subject),h("span",Object.assign({key:"660cdb87938ee2d5e48bb103dbdb573deafbf088"},i),h("slot",{key:"8a9a874dca0cfce2771f4af4a356e7783d2efada"}),h("span",{key:"988af9ec4c07a0a07f82f0036931cd1dad15a13c",class:"hidden"}))),h("div",{key:"be82a69b4dc2f4e42ba9f55e7f7af403ce0136cd",class:Object.assign({},e.element("close").class())},h("bal-close",{key:"9b999204c4f1fbdb215161ae08ebec3c8ae21658",class:"bal-snackbar__close","data-testid":"bal-snackbar-close",onClick:function(){return a.close()}}))),this.action?h("div",{class:Object.assign({},r.class())},h("bal-button",{color:"info",size:"small",href:this.href,target:this.target,onClick:function(){return a.onActionHandler()},"data-testid":"bal-snackbar-action"},this.action)):"")};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();var snackbarIds=0;Snackbar.style=BalSnackbarStyle0;var balToastCss=':root{--bal-toast-font-size:var(--bal-text-size-small);--bal-toast-title-font-size:var(--bal-text-size-normal);--bal-toast-font-family:var(--bal-font-family-text);--bal-toast-title-font-family:var(--bal-font-family-title);--bal-toast-background:var(--bal-color-white);--bal-toast-background-primary:var(--bal-color-white);--bal-toast-background-info:var(--bal-color-info-2);--bal-toast-background-success:var(--bal-color-success-2);--bal-toast-background-warning:var(--bal-color-warning-2);--bal-toast-background-danger:var(--bal-color-danger-2);--bal-toast-radius:var(--bal-radius-large);--bal-toast-color:var(--bal-color-text-primary);--bal-toast-color-primary:var(--bal-color-text-primary);--bal-toast-color-info:var(--bal-color-text-primary);--bal-toast-color-success:var(--bal-color-text-primary);--bal-toast-color-warning:var(--bal-color-text-primary);--bal-toast-color-danger:var(--bal-color-text-primary);--bal-toast-width:100%;--bal-toast-width-tablet:28.75rem;--bal-toast-width-desktop:30rem}.bal-toast{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative;-ms-flex-positive:0 !important;flex-grow:0 !important;width:100%}.bal-toast__inner{min-height:3.5rem;border-radius:var(--bal-toast-radius);background:var(--bal-toast-background);color:var(--bal-toast-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);padding:var(--bal-space-normal);max-width:var(--bal-toast-width);width:var(--bal-toast-width)}@media screen and (min-width: 769px),print{.bal-toast__inner{padding:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{padding:var(--bal-space-normal-desktop)}}@media screen and (min-width: 769px),print{.bal-toast__inner{max-width:var(--bal-toast-width-tablet);width:var(--bal-toast-width-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{max-width:var(--bal-toast-width-desktop);width:var(--bal-toast-width-desktop)}}.bal-toast__inner--color-primary{background:var(--bal-toast-background-primary);color:var(--bal-toast-color-primary)}.bal-toast__inner--color-info{background:var(--bal-toast-background-info);color:var(--bal-toast-color-info)}.bal-toast__inner--color-danger{background:var(--bal-toast-background-danger);color:var(--bal-toast-color-danger)}.bal-toast__inner--color-warning{background:var(--bal-toast-background-warning);color:var(--bal-toast-color-warning)}.bal-toast__inner--color-success{background:var(--bal-toast-background-success);color:var(--bal-toast-color-success)}.bal-toast__label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;gap:.125rem;margin-left:2rem;margin-right:2.5rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--bal-toast-title-font-size);font-family:var(--bal-toast-font-family)}.bal-toast__label>strong,.bal-toast__label>b,.bal-toast__label>h2{font-family:var(--bal-toast-title-font-family);font-size:var(--bal-toast-title-font-size);line-height:var(--bal-text-line-height-title)}.bal-toast__label>span,.bal-toast__label>p{font-family:var(--bal-toast-font-family);font-size:var(--bal-toast-font-size);line-height:var(--bal-text-line-height-text)}.bal-toast__close.bal-close{position:absolute;top:1.8rem;right:1rem;margin-top:-0.75rem}.bal-toast__inner:before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1rem;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-toast__inner--color-primary: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-toast__inner--color-info: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-toast__inner--color-success: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-toast__inner--color-warning: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-toast__inner--color-danger: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 BalToastStyle0=balToastCss;var Toast=function(){function a(a){registerInstance(this,a);this.balClose=createEvent(this,"balClose",7);this.toastId="bal-toast-".concat(toastIds++);this.color="";this.duration=0;this.closable=true;this.message="";this.closeHandler=function(){return void 0}}a.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(!(this.duration>0))return[3,2];return[4,this.closeIn(this.duration)];case 1:a.sent();a.label=2;case 2:return[2]}}))}))};a.prototype.closeIn=function(a){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.timer=setTimeout((function(){return t.close()}),a);return[2]}))}))};a.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.element.remove();clearTimeout(this.timer);this.balClose.emit(this.toastId);this.closeHandler();return[2]}))}))};a.prototype.render=function(){var a=this;var t=BEM.block("toast");var e=t.element("inner");var r=t.element("label");var s=t.element("close");return h(Host,{key:"46ad818112b1002e1a48a627eb714dec23aba2a5",id:this.toastId,class:Object.assign({},t.class())},h("div",{key:"e2db452a14a302ba7ed9ebbeb8a78e801a175998",role:"status",class:Object.assign(Object.assign({},e.class()),e.modifier("color-".concat(this.color)).class(!!this.color))},h("span",{key:"41331cb2609ece86bb59951cab9ec61b76b27c33",class:Object.assign({},r.class()),"data-testid":"bal-toast-label",innerHTML:this.message},h("slot",{key:"09572e31b7d8bcc5ec8f31e33df31cdca13a7355"})),this.closable!==false?h("bal-close",{class:Object.assign({},s.class()),onClick:function(){return a.close()},inverted:false,"data-testid":"bal-toast-close"}):""))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();var toastIds=0;Toast.style=BalToastStyle0;export{Notices as bal_notices,Snackbar as bal_snackbar,Toast as bal_toast};
|