@ukic/web-components 2.1.0-beta.8 → 2.1.0-beta.9
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/core.cjs.js +2 -2
- package/dist/cjs/{helpers-5f391578.js → helpers-6eb26e7a.js} +70 -2
- package/dist/cjs/helpers-6eb26e7a.js.map +1 -0
- package/dist/cjs/ic-alert.cjs.entry.js +3 -26
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +4 -3
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +2 -2
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +4 -3
- package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +19 -14
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card.cjs.entry.js +2 -2
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +2 -2
- package/dist/cjs/ic-checkbox.cjs.entry.js +3 -2
- package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-chip.cjs.entry.js +3 -2
- package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-classification-banner.cjs.entry.js +1 -1
- package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-entity.cjs.entry.js +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +2 -2
- package/dist/cjs/ic-divider.cjs.entry.js +2 -2
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +3 -2
- package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +3 -2
- package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +2 -2
- package/dist/cjs/ic-hero.cjs.entry.js +2 -2
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +158 -0
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +5 -6
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +5 -7
- package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-link.cjs.entry.js +3 -2
- package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +4 -3
- package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +4 -3
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +4 -3
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +8 -8
- package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-page-header.cjs.entry.js +4 -4
- package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +2 -2
- package/dist/cjs/ic-radio-option.cjs.entry.js +3 -2
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +9 -5
- package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-section-container.cjs.entry.js +2 -2
- package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-select.cjs.entry.js +33 -9
- package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +3 -3
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/ic-status-tag.cjs.entry.js +2 -2
- package/dist/cjs/ic-step.cjs.entry.js +1 -1
- package/dist/cjs/ic-stepper.cjs.entry.js +2 -2
- package/dist/cjs/ic-switch.cjs.entry.js +3 -2
- package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +8 -117
- package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js +1 -1
- package/dist/cjs/ic-text-field.cjs.entry.js +2 -2
- package/dist/cjs/ic-theme.cjs.entry.js +2 -2
- package/dist/cjs/ic-toast-region.cjs.entry.js +48 -0
- package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-toast.cjs.entry.js +165 -0
- package/dist/cjs/ic-toast.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-top-navigation.cjs.entry.js +8 -8
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-typography.cjs.entry.js +1 -1
- package/dist/cjs/{index-3ef30d9d.js → index-f79a4e53.js} +17 -2
- package/dist/cjs/index-f79a4e53.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/types-3eb02246.js.map +1 -1
- package/dist/collection/assets/error-icon.svg +2 -2
- package/dist/collection/assets/info-icon.svg +2 -2
- package/dist/collection/assets/neutral-icon.svg +2 -2
- package/dist/collection/assets/success-icon.svg +2 -2
- package/dist/collection/assets/warning-icon.svg +2 -2
- package/dist/collection/collection-manifest.json +3 -0
- package/dist/collection/components/ic-alert/ic-alert.js +5 -16
- package/dist/collection/components/ic-alert/ic-alert.js.map +1 -1
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.css +5 -1
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js +1 -0
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js +2 -1
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js.map +1 -1
- package/dist/collection/components/ic-button/ic-button.js +1 -0
- package/dist/collection/components/ic-button/ic-button.js.map +1 -1
- package/dist/collection/components/ic-checkbox/ic-checkbox.js +1 -0
- package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
- package/dist/collection/components/ic-chip/ic-chip.js +1 -0
- package/dist/collection/components/ic-chip/ic-chip.js.map +1 -1
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.css +4 -0
- package/dist/collection/components/ic-footer-link/ic-footer-link.js +1 -0
- package/dist/collection/components/ic-footer-link/ic-footer-link.js.map +1 -1
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js +1 -0
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
- package/dist/collection/components/ic-horizontal-scroll/assets/left-arrow.svg +3 -0
- package/dist/collection/components/ic-horizontal-scroll/assets/right-arrow.svg +3 -0
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.css +539 -0
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +213 -0
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js.map +1 -0
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.test.a11y.js +34 -0
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.test.a11y.js.map +1 -0
- package/dist/collection/components/ic-link/ic-link.js +1 -0
- package/dist/collection/components/ic-link/ic-link.js.map +1 -1
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +15 -12
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js.map +1 -1
- package/dist/collection/components/ic-menu/ic-menu.css +5 -1
- package/dist/collection/components/ic-menu/ic-menu.js +1 -1
- package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js +2 -1
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js.map +1 -1
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.css +6 -1
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +1 -0
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.css +11 -4
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +1 -0
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.css +5 -1
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +5 -5
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js.map +1 -1
- package/dist/collection/components/ic-page-header/ic-page-header.css +9 -0
- package/dist/collection/components/ic-page-header/ic-page-header.js +1 -1
- package/dist/collection/components/ic-page-header/ic-page-header.js.map +1 -1
- package/dist/collection/components/ic-radio-option/ic-radio-option.js +1 -0
- package/dist/collection/components/ic-radio-option/ic-radio-option.js.map +1 -1
- package/dist/collection/components/ic-search-bar/ic-search-bar.css +12 -4
- package/dist/collection/components/ic-search-bar/ic-search-bar.js +6 -2
- package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
- package/dist/collection/components/ic-section-container/ic-section-container.css +1 -0
- package/dist/collection/components/ic-select/ic-select.css +3 -2
- package/dist/collection/components/ic-select/ic-select.js +32 -8
- package/dist/collection/components/ic-select/ic-select.js.map +1 -1
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.css +8 -2
- package/dist/collection/components/ic-switch/ic-switch.js +1 -0
- package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
- package/dist/collection/components/ic-tab-group/ic-tab-group.css +6 -120
- package/dist/collection/components/ic-tab-group/ic-tab-group.js +7 -151
- package/dist/collection/components/ic-tab-group/ic-tab-group.js.map +1 -1
- package/dist/collection/components/ic-toast/ic-toast.css +597 -0
- package/dist/collection/components/ic-toast/ic-toast.js +382 -0
- package/dist/collection/components/ic-toast/ic-toast.js.map +1 -0
- package/dist/collection/components/ic-toast/ic-toast.test.a11y.js +16 -0
- package/dist/collection/components/ic-toast/ic-toast.test.a11y.js.map +1 -0
- package/dist/collection/components/ic-toast/ic-toast.types.js +2 -0
- package/dist/collection/components/ic-toast/ic-toast.types.js.map +1 -0
- package/dist/collection/components/ic-toast-region/ic-toast-region.js +81 -0
- package/dist/collection/components/ic-toast-region/ic-toast-region.js.map +1 -0
- package/dist/collection/components/ic-tooltip/ic-tooltip.css +5 -7
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.css +4 -33
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +5 -5
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
- package/dist/collection/utils/constants.js +28 -0
- package/dist/collection/utils/constants.js.map +1 -1
- package/dist/collection/utils/helpers.js +7 -2
- package/dist/collection/utils/helpers.js.map +1 -1
- package/dist/collection/utils/types.js.map +1 -1
- package/dist/components/helpers.js +65 -2
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/ic-alert.js +2 -25
- package/dist/components/ic-alert.js.map +1 -1
- package/dist/components/ic-back-to-top.js +3 -2
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-breadcrumb2.js +3 -2
- package/dist/components/ic-breadcrumb2.js.map +1 -1
- package/dist/components/ic-button2.js +2 -1
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-checkbox.js +2 -1
- package/dist/components/ic-checkbox.js.map +1 -1
- package/dist/components/ic-chip.js +2 -1
- package/dist/components/ic-chip.js.map +1 -1
- package/dist/components/ic-classification-banner.js.map +1 -1
- package/dist/components/ic-footer-link-group.js +2 -1
- package/dist/components/ic-footer-link-group.js.map +1 -1
- package/dist/components/ic-footer-link.js +2 -1
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-horizontal-scroll.d.ts +11 -0
- package/dist/components/ic-horizontal-scroll.js +8 -0
- package/dist/components/ic-horizontal-scroll.js.map +1 -0
- package/dist/components/ic-horizontal-scroll2.js +199 -0
- package/dist/components/ic-horizontal-scroll2.js.map +1 -0
- package/dist/components/ic-input-component-container2.js +1 -2
- package/dist/components/ic-input-component-container2.js.map +1 -1
- package/dist/components/ic-input-label2.js +1 -1
- package/dist/components/ic-input-validation2.js +1 -3
- package/dist/components/ic-input-validation2.js.map +1 -1
- package/dist/components/ic-link2.js +2 -1
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-loading-indicator2.js +15 -12
- package/dist/components/ic-loading-indicator2.js.map +1 -1
- package/dist/components/ic-menu2.js +2 -2
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-button.js +3 -2
- package/dist/components/ic-navigation-button.js.map +1 -1
- package/dist/components/ic-navigation-group.js +3 -2
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-navigation-item.js +3 -2
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-navigation-menu2.js +7 -7
- package/dist/components/ic-navigation-menu2.js.map +1 -1
- package/dist/components/ic-page-header.js +28 -4
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-radio-option.js +2 -1
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-search-bar.js +8 -4
- package/dist/components/ic-search-bar.js.map +1 -1
- package/dist/components/ic-section-container2.js +1 -1
- package/dist/components/ic-section-container2.js.map +1 -1
- package/dist/components/ic-select.js +32 -8
- package/dist/components/ic-select.js.map +1 -1
- package/dist/components/ic-side-navigation.js +1 -1
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-switch.js +2 -1
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/components/ic-tab-group.js +29 -124
- package/dist/components/ic-tab-group.js.map +1 -1
- package/dist/components/ic-text-field2.js +1 -1
- package/dist/components/ic-theme.js +1 -1
- package/dist/components/ic-toast-region.d.ts +11 -0
- package/dist/components/ic-toast-region.js +63 -0
- package/dist/components/ic-toast-region.js.map +1 -0
- package/dist/components/ic-toast.d.ts +11 -0
- package/dist/components/ic-toast.js +214 -0
- package/dist/components/ic-toast.js.map +1 -0
- package/dist/components/ic-tooltip2.js +1 -1
- package/dist/components/ic-tooltip2.js.map +1 -1
- package/dist/components/ic-top-navigation.js +15 -9
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.js +3 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/types.js.map +1 -1
- package/dist/core/core.css +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-1724000c.js +2 -0
- package/dist/core/p-1724000c.js.map +1 -0
- package/dist/core/p-17f91c94.entry.js +2 -0
- package/dist/core/p-17f91c94.entry.js.map +1 -0
- package/dist/core/p-18ae4b6d.entry.js +2 -0
- package/dist/core/p-18ae4b6d.entry.js.map +1 -0
- package/dist/core/{p-2a40f189.entry.js → p-18bf3cb0.entry.js} +2 -2
- package/dist/core/p-2642f880.entry.js +2 -0
- package/dist/core/p-2642f880.entry.js.map +1 -0
- package/dist/core/{p-0f773f37.entry.js → p-284970bc.entry.js} +2 -2
- package/dist/core/{p-add01f10.entry.js → p-31a595c1.entry.js} +2 -2
- package/dist/core/{p-c2710b13.entry.js → p-35a03442.entry.js} +2 -2
- package/dist/core/{p-e94dfa43.entry.js → p-360adc51.entry.js} +2 -2
- package/dist/core/{p-02a6562c.entry.js → p-3dda76db.entry.js} +2 -2
- package/dist/core/p-41e239cb.entry.js +2 -0
- package/dist/core/p-41e239cb.entry.js.map +1 -0
- package/dist/core/{p-10a672d4.entry.js → p-44c9612c.entry.js} +2 -2
- package/dist/core/p-521be4e2.entry.js +2 -0
- package/dist/core/p-521be4e2.entry.js.map +1 -0
- package/dist/core/{p-f9370be6.js → p-5450cebf.js} +3 -3
- package/dist/core/p-5450cebf.js.map +1 -0
- package/dist/core/{p-86098b7e.entry.js → p-55512a85.entry.js} +2 -2
- package/dist/core/{p-86098b7e.entry.js.map → p-55512a85.entry.js.map} +1 -1
- package/dist/core/p-560c06af.entry.js +2 -0
- package/dist/core/p-560c06af.entry.js.map +1 -0
- package/dist/core/{p-d77f57d9.entry.js → p-57f2c81c.entry.js} +2 -2
- package/dist/core/{p-d77f57d9.entry.js.map → p-57f2c81c.entry.js.map} +1 -1
- package/dist/core/{p-454a7f3d.entry.js → p-5b083ce5.entry.js} +2 -2
- package/dist/core/p-62b3516e.entry.js +2 -0
- package/dist/core/p-62b3516e.entry.js.map +1 -0
- package/dist/core/{p-2ed06031.entry.js → p-691ea0f2.entry.js} +2 -2
- package/dist/core/p-6f57b13c.js.map +1 -1
- package/dist/core/p-7818d958.entry.js +2 -0
- package/dist/core/p-7818d958.entry.js.map +1 -0
- package/dist/core/p-7a0bf893.entry.js +2 -0
- package/dist/core/p-7a0bf893.entry.js.map +1 -0
- package/dist/core/{p-97d4b6cd.entry.js → p-7a9bc7f2.entry.js} +2 -2
- package/dist/core/{p-97d4b6cd.entry.js.map → p-7a9bc7f2.entry.js.map} +1 -1
- package/dist/core/{p-0672c783.entry.js → p-7fd50355.entry.js} +2 -2
- package/dist/core/{p-9e684c58.entry.js → p-897e967a.entry.js} +2 -2
- package/dist/core/p-8f1176c6.entry.js +2 -0
- package/dist/core/p-8f1176c6.entry.js.map +1 -0
- package/dist/core/{p-ccd078a6.entry.js → p-8ffa00c9.entry.js} +2 -2
- package/dist/core/p-8ffa00c9.entry.js.map +1 -0
- package/dist/core/p-91a8db51.entry.js +2 -0
- package/dist/core/p-91a8db51.entry.js.map +1 -0
- package/dist/core/{p-b29f210b.entry.js → p-a09d853e.entry.js} +2 -2
- package/dist/core/p-a09d853e.entry.js.map +1 -0
- package/dist/core/{p-c6764827.entry.js → p-a667e329.entry.js} +2 -2
- package/dist/core/{p-c6764827.entry.js.map → p-a667e329.entry.js.map} +1 -1
- package/dist/core/{p-6be5e06b.entry.js → p-ad2477d8.entry.js} +2 -2
- package/dist/core/p-ad2477d8.entry.js.map +1 -0
- package/dist/core/p-b35ae170.entry.js +2 -0
- package/dist/core/{p-30ff49be.entry.js.map → p-b35ae170.entry.js.map} +1 -1
- package/dist/core/{p-4a8c0c58.entry.js → p-b40bd77c.entry.js} +2 -2
- package/dist/core/{p-03a4d9dc.entry.js → p-b4234318.entry.js} +2 -2
- package/dist/core/{p-dd194ba9.entry.js → p-ba8d6c23.entry.js} +2 -2
- package/dist/core/p-ba8d6c23.entry.js.map +1 -0
- package/dist/core/p-bd819f68.entry.js +2 -0
- package/dist/core/p-bd819f68.entry.js.map +1 -0
- package/dist/core/{p-eaf714a3.entry.js → p-c4a7c734.entry.js} +2 -2
- package/dist/core/{p-8b383c23.entry.js → p-c72e4b75.entry.js} +2 -2
- package/dist/core/p-c7b86643.entry.js +2 -0
- package/dist/core/p-c7b86643.entry.js.map +1 -0
- package/dist/core/p-c8f07be6.entry.js +2 -0
- package/dist/core/p-c8f07be6.entry.js.map +1 -0
- package/dist/core/{p-6d0eaaeb.entry.js → p-c9068822.entry.js} +2 -2
- package/dist/core/{p-d4f7a3e4.entry.js → p-cccbf2bf.entry.js} +2 -2
- package/dist/core/{p-a2d3e955.entry.js → p-d2508752.entry.js} +2 -2
- package/dist/core/p-d7bbace4.entry.js +2 -0
- package/dist/core/p-d7bbace4.entry.js.map +1 -0
- package/dist/core/{p-04cf6fab.entry.js → p-d86b0d0e.entry.js} +2 -2
- package/dist/core/{p-04cf6fab.entry.js.map → p-d86b0d0e.entry.js.map} +1 -1
- package/dist/core/{p-3f0ac826.entry.js → p-e0d88c31.entry.js} +2 -2
- package/dist/core/{p-3f0ac826.entry.js.map → p-e0d88c31.entry.js.map} +1 -1
- package/dist/core/p-e9202767.entry.js +2 -0
- package/dist/core/p-e9202767.entry.js.map +1 -0
- package/dist/core/{p-a472db51.entry.js → p-eba373bf.entry.js} +2 -2
- package/dist/core/{p-a472db51.entry.js.map → p-eba373bf.entry.js.map} +1 -1
- package/dist/core/{p-5368bcff.entry.js → p-ed6cf9b9.entry.js} +2 -2
- package/dist/esm/core.js +2 -2
- package/dist/esm/{helpers-3aa2f5a5.js → helpers-c332acf8.js} +66 -3
- package/dist/esm/helpers-c332acf8.js.map +1 -0
- package/dist/esm/ic-alert.entry.js +3 -26
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +4 -3
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +2 -2
- package/dist/esm/ic-breadcrumb.entry.js +4 -3
- package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
- package/dist/esm/ic-button_3.entry.js +19 -14
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card.entry.js +2 -2
- package/dist/esm/ic-checkbox-group.entry.js +2 -2
- package/dist/esm/ic-checkbox.entry.js +3 -2
- package/dist/esm/ic-checkbox.entry.js.map +1 -1
- package/dist/esm/ic-chip.entry.js +3 -2
- package/dist/esm/ic-chip.entry.js.map +1 -1
- package/dist/esm/ic-classification-banner.entry.js +1 -1
- package/dist/esm/ic-classification-banner.entry.js.map +1 -1
- package/dist/esm/ic-data-entity.entry.js +1 -1
- package/dist/esm/ic-data-row.entry.js +2 -2
- package/dist/esm/ic-divider.entry.js +2 -2
- package/dist/esm/ic-footer-link-group.entry.js +3 -2
- package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
- package/dist/esm/ic-footer-link.entry.js +3 -2
- package/dist/esm/ic-footer-link.entry.js.map +1 -1
- package/dist/esm/ic-footer.entry.js +2 -2
- package/dist/esm/ic-hero.entry.js +2 -2
- package/dist/esm/ic-horizontal-scroll.entry.js +154 -0
- package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -0
- package/dist/esm/ic-input-component-container_3.entry.js +4 -5
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-input-label_2.entry.js +2 -4
- package/dist/esm/ic-input-label_2.entry.js.map +1 -1
- package/dist/esm/ic-link.entry.js +3 -2
- package/dist/esm/ic-link.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +4 -3
- package/dist/esm/ic-navigation-button.entry.js.map +1 -1
- package/dist/esm/ic-navigation-group.entry.js +4 -3
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +4 -3
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +8 -8
- package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
- package/dist/esm/ic-page-header.entry.js +4 -4
- package/dist/esm/ic-page-header.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +2 -2
- package/dist/esm/ic-radio-option.entry.js +3 -2
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-search-bar.entry.js +9 -5
- package/dist/esm/ic-search-bar.entry.js.map +1 -1
- package/dist/esm/ic-section-container.entry.js +2 -2
- package/dist/esm/ic-section-container.entry.js.map +1 -1
- package/dist/esm/ic-select.entry.js +33 -9
- package/dist/esm/ic-select.entry.js.map +1 -1
- package/dist/esm/ic-side-navigation.entry.js +3 -3
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-skeleton.entry.js +1 -1
- package/dist/esm/ic-status-tag.entry.js +2 -2
- package/dist/esm/ic-step.entry.js +1 -1
- package/dist/esm/ic-stepper.entry.js +2 -2
- package/dist/esm/ic-switch.entry.js +3 -2
- package/dist/esm/ic-switch.entry.js.map +1 -1
- package/dist/esm/ic-tab-context.entry.js +1 -1
- package/dist/esm/ic-tab-group.entry.js +8 -117
- package/dist/esm/ic-tab-group.entry.js.map +1 -1
- package/dist/esm/ic-tab-panel.entry.js +1 -1
- package/dist/esm/ic-tab.entry.js +1 -1
- package/dist/esm/ic-text-field.entry.js +2 -2
- package/dist/esm/ic-theme.entry.js +2 -2
- package/dist/esm/ic-toast-region.entry.js +44 -0
- package/dist/esm/ic-toast-region.entry.js.map +1 -0
- package/dist/esm/ic-toast.entry.js +161 -0
- package/dist/esm/ic-toast.entry.js.map +1 -0
- package/dist/esm/ic-top-navigation.entry.js +8 -8
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-typography.entry.js +1 -1
- package/dist/esm/{index-1500de1f.js → index-90721b3c.js} +17 -2
- package/dist/esm/index-90721b3c.js.map +1 -0
- package/dist/esm/loader.js +2 -2
- package/dist/esm/types-dd515332.js.map +1 -1
- package/dist/types/components/ic-alert/ic-alert.d.ts +2 -2
- package/dist/types/components/ic-horizontal-scroll/ic-horizontal-scroll.d.ts +39 -0
- package/dist/types/components/ic-horizontal-scroll/ic-horizontal-scroll.test.a11y.d.ts +1 -0
- package/dist/types/components/ic-loading-indicator/ic-loading-indicator.d.ts +0 -1
- package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +1 -0
- package/dist/types/components/ic-select/ic-select.d.ts +6 -0
- package/dist/types/components/ic-tab-group/ic-tab-group.d.ts +2 -30
- package/dist/types/components/ic-toast/ic-toast.d.ts +66 -0
- package/dist/types/components/ic-toast/ic-toast.test.a11y.d.ts +1 -0
- package/dist/types/components/ic-toast/ic-toast.types.d.ts +1 -0
- package/dist/types/components/ic-toast-region/ic-toast-region.d.ts +12 -0
- package/dist/types/components.d.ts +126 -6
- package/dist/types/interface.d.ts +0 -1
- package/dist/types/utils/constants.d.ts +22 -0
- package/dist/types/utils/helpers.d.ts +1 -0
- package/dist/types/utils/types.d.ts +2 -0
- package/hydrate/index.js +564 -223
- package/package.json +5 -5
- package/dist/cjs/error-icon-9af90abc.js +0 -20
- package/dist/cjs/error-icon-9af90abc.js.map +0 -1
- package/dist/cjs/helpers-5f391578.js.map +0 -1
- package/dist/cjs/index-3ef30d9d.js.map +0 -1
- package/dist/cjs/success-icon-c8fec63d.js +0 -12
- package/dist/cjs/success-icon-c8fec63d.js.map +0 -1
- package/dist/collection/components/ic-alert/ic-alert.types.js +0 -2
- package/dist/collection/components/ic-alert/ic-alert.types.js.map +0 -1
- package/dist/collection/components/ic-tab-group/assets/left-arrow.svg +0 -3
- package/dist/collection/components/ic-tab-group/assets/right-arrow.svg +0 -3
- package/dist/components/error-icon.js +0 -17
- package/dist/components/error-icon.js.map +0 -1
- package/dist/components/success-icon.js +0 -10
- package/dist/components/success-icon.js.map +0 -1
- package/dist/core/p-01ebd24d.entry.js +0 -2
- package/dist/core/p-01ebd24d.entry.js.map +0 -1
- package/dist/core/p-0fc9d5c8.entry.js +0 -2
- package/dist/core/p-0fc9d5c8.entry.js.map +0 -1
- package/dist/core/p-26fd7d7c.entry.js +0 -2
- package/dist/core/p-26fd7d7c.entry.js.map +0 -1
- package/dist/core/p-2961c45f.entry.js +0 -2
- package/dist/core/p-2961c45f.entry.js.map +0 -1
- package/dist/core/p-2e318c95.entry.js +0 -2
- package/dist/core/p-2e318c95.entry.js.map +0 -1
- package/dist/core/p-30ff49be.entry.js +0 -2
- package/dist/core/p-3c75ed36.js +0 -2
- package/dist/core/p-3c75ed36.js.map +0 -1
- package/dist/core/p-3f0232f6.entry.js +0 -2
- package/dist/core/p-3f0232f6.entry.js.map +0 -1
- package/dist/core/p-48f99591.entry.js +0 -2
- package/dist/core/p-48f99591.entry.js.map +0 -1
- package/dist/core/p-662d5b43.entry.js +0 -2
- package/dist/core/p-662d5b43.entry.js.map +0 -1
- package/dist/core/p-69512d85.entry.js +0 -2
- package/dist/core/p-69512d85.entry.js.map +0 -1
- package/dist/core/p-6bbc0cf5.entry.js +0 -2
- package/dist/core/p-6bbc0cf5.entry.js.map +0 -1
- package/dist/core/p-6be5e06b.entry.js.map +0 -1
- package/dist/core/p-a6a77e5c.js +0 -2
- package/dist/core/p-a6a77e5c.js.map +0 -1
- package/dist/core/p-b29f210b.entry.js.map +0 -1
- package/dist/core/p-ccd078a6.entry.js.map +0 -1
- package/dist/core/p-d5e0c02a.js +0 -2
- package/dist/core/p-d5e0c02a.js.map +0 -1
- package/dist/core/p-dd194ba9.entry.js.map +0 -1
- package/dist/core/p-de19fed4.entry.js +0 -2
- package/dist/core/p-de19fed4.entry.js.map +0 -1
- package/dist/core/p-e5e885b1.entry.js +0 -2
- package/dist/core/p-e5e885b1.entry.js.map +0 -1
- package/dist/core/p-f51f4d34.entry.js +0 -2
- package/dist/core/p-f51f4d34.entry.js.map +0 -1
- package/dist/core/p-f9370be6.js.map +0 -1
- package/dist/esm/error-icon-1dc70ca0.js +0 -17
- package/dist/esm/error-icon-1dc70ca0.js.map +0 -1
- package/dist/esm/helpers-3aa2f5a5.js.map +0 -1
- package/dist/esm/index-1500de1f.js.map +0 -1
- package/dist/esm/success-icon-75b04341.js +0 -10
- package/dist/esm/success-icon-75b04341.js.map +0 -1
- package/dist/types/components/ic-alert/ic-alert.types.d.ts +0 -1
- /package/dist/core/{p-2a40f189.entry.js.map → p-18bf3cb0.entry.js.map} +0 -0
- /package/dist/core/{p-0f773f37.entry.js.map → p-284970bc.entry.js.map} +0 -0
- /package/dist/core/{p-add01f10.entry.js.map → p-31a595c1.entry.js.map} +0 -0
- /package/dist/core/{p-c2710b13.entry.js.map → p-35a03442.entry.js.map} +0 -0
- /package/dist/core/{p-e94dfa43.entry.js.map → p-360adc51.entry.js.map} +0 -0
- /package/dist/core/{p-02a6562c.entry.js.map → p-3dda76db.entry.js.map} +0 -0
- /package/dist/core/{p-10a672d4.entry.js.map → p-44c9612c.entry.js.map} +0 -0
- /package/dist/core/{p-454a7f3d.entry.js.map → p-5b083ce5.entry.js.map} +0 -0
- /package/dist/core/{p-2ed06031.entry.js.map → p-691ea0f2.entry.js.map} +0 -0
- /package/dist/core/{p-0672c783.entry.js.map → p-7fd50355.entry.js.map} +0 -0
- /package/dist/core/{p-9e684c58.entry.js.map → p-897e967a.entry.js.map} +0 -0
- /package/dist/core/{p-4a8c0c58.entry.js.map → p-b40bd77c.entry.js.map} +0 -0
- /package/dist/core/{p-03a4d9dc.entry.js.map → p-b4234318.entry.js.map} +0 -0
- /package/dist/core/{p-eaf714a3.entry.js.map → p-c4a7c734.entry.js.map} +0 -0
- /package/dist/core/{p-8b383c23.entry.js.map → p-c72e4b75.entry.js.map} +0 -0
- /package/dist/core/{p-6d0eaaeb.entry.js.map → p-c9068822.entry.js.map} +0 -0
- /package/dist/core/{p-d4f7a3e4.entry.js.map → p-cccbf2bf.entry.js.map} +0 -0
- /package/dist/core/{p-a2d3e955.entry.js.map → p-d2508752.entry.js.map} +0 -0
- /package/dist/core/{p-5368bcff.entry.js.map → p-ed6cf9b9.entry.js.map} +0 -0
package/hydrate/index.js
CHANGED
@@ -4943,7 +4943,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
|
|
4943
4943
|
|
4944
4944
|
|
4945
4945
|
const NAMESPACE = 'core';
|
4946
|
-
const BUILD = /* core */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: true, connectedCallback: true, constructableCSS: false, cssAnnotations: true, cssVarShim: false, devTools: false, disconnectedCallback: true, dynamicImportShim: false, element: false, event: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, safari10: false, scoped: true, scriptDataOpts: false, shadowDelegatesFocus:
|
4946
|
+
const BUILD = /* core */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: true, connectedCallback: true, constructableCSS: false, cssAnnotations: true, cssVarShim: false, devTools: false, disconnectedCallback: true, dynamicImportShim: false, element: false, event: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, safari10: false, scoped: true, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
|
4947
4947
|
|
4948
4948
|
function componentOnReady() {
|
4949
4949
|
return getHostRef(this).$onReadyPromise$;
|
@@ -5750,61 +5750,84 @@ const cmpModules = new Map, getModule = e => {
|
|
5750
5750
|
e["s-p"] = [], e["s-rc"] = [], addHostEventListeners(e, o, t.$listeners$), hostRefs.set(e, o);
|
5751
5751
|
}, styles = new Map;
|
5752
5752
|
|
5753
|
-
var
|
5753
|
+
var closeIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor">
|
5754
5754
|
<path d="M0 0h24v24H0z" fill="none"/>
|
5755
|
-
<path d="
|
5756
|
-
<title>
|
5755
|
+
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
|
5756
|
+
<title>close icon</title>
|
5757
5757
|
</svg>
|
5758
5758
|
`;
|
5759
5759
|
|
5760
|
-
var
|
5760
|
+
var IcInformationStatus;
|
5761
|
+
(function (IcInformationStatus) {
|
5762
|
+
IcInformationStatus["Warning"] = "warning";
|
5763
|
+
IcInformationStatus["Error"] = "error";
|
5764
|
+
IcInformationStatus["Success"] = "success";
|
5765
|
+
})(IcInformationStatus || (IcInformationStatus = {}));
|
5766
|
+
var IcThemeForegroundEnum;
|
5767
|
+
(function (IcThemeForegroundEnum) {
|
5768
|
+
IcThemeForegroundEnum["Default"] = "default";
|
5769
|
+
IcThemeForegroundEnum["Dark"] = "dark";
|
5770
|
+
IcThemeForegroundEnum["Light"] = "light";
|
5771
|
+
})(IcThemeForegroundEnum || (IcThemeForegroundEnum = {}));
|
5772
|
+
|
5773
|
+
var errorIcon = `<svg aria-labelledby="error-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">
|
5774
|
+
<title id="error-title">Error</title>
|
5761
5775
|
<path d="M0 0h24v24H0z" fill="none"/>
|
5762
|
-
<path d="M12 2C6.
|
5763
|
-
<title>info icon</title>
|
5776
|
+
<path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/>
|
5764
5777
|
</svg>
|
5765
5778
|
`;
|
5766
5779
|
|
5767
|
-
var
|
5768
|
-
<title>
|
5780
|
+
var infoIcon = `<svg aria-labelledby="info-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">
|
5781
|
+
<title id="info-title">For your information</title>
|
5769
5782
|
<path d="M0 0h24v24H0z" fill="none"/>
|
5770
|
-
<path d="
|
5783
|
+
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/>
|
5771
5784
|
</svg>
|
5772
5785
|
`;
|
5773
5786
|
|
5774
|
-
var
|
5775
|
-
<title>
|
5787
|
+
var neutralIcon = `<svg aria-labelledby="neutral-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">
|
5788
|
+
<title id="neutral-title">Neutral</title>
|
5776
5789
|
<path d="M0 0h24v24H0z" fill="none"/>
|
5777
|
-
<path d="M12 2C6.
|
5790
|
+
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/>
|
5778
5791
|
</svg>
|
5779
5792
|
`;
|
5780
5793
|
|
5781
|
-
var successIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">
|
5782
|
-
<title>
|
5794
|
+
var successIcon = `<svg aria-labelledby="success-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">
|
5795
|
+
<title id="success-title">Success</title>
|
5783
5796
|
<path d="M0 0h24v24H0z" fill="none"/>
|
5784
5797
|
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
|
5785
5798
|
</svg>
|
5786
5799
|
`;
|
5787
5800
|
|
5788
|
-
var
|
5801
|
+
var warningIcon$1 = `<svg aria-labelledby="warning-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">
|
5802
|
+
<title id="warning-title">Warning</title>
|
5789
5803
|
<path d="M0 0h24v24H0z" fill="none"/>
|
5790
|
-
<path d="
|
5791
|
-
<title>close icon</title>
|
5804
|
+
<path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/>
|
5792
5805
|
</svg>
|
5793
5806
|
`;
|
5794
5807
|
|
5795
|
-
|
5796
|
-
|
5797
|
-
|
5798
|
-
|
5799
|
-
|
5800
|
-
}
|
5801
|
-
|
5802
|
-
|
5803
|
-
|
5804
|
-
|
5805
|
-
|
5806
|
-
|
5807
|
-
|
5808
|
+
// Global status icons
|
5809
|
+
const VARIANT_ICONS = {
|
5810
|
+
neutral: {
|
5811
|
+
icon: neutralIcon,
|
5812
|
+
ariaLabel: "Neutral",
|
5813
|
+
},
|
5814
|
+
info: {
|
5815
|
+
icon: infoIcon,
|
5816
|
+
ariaLabel: "For your information",
|
5817
|
+
},
|
5818
|
+
warning: {
|
5819
|
+
icon: warningIcon$1,
|
5820
|
+
ariaLabel: "Warning",
|
5821
|
+
},
|
5822
|
+
error: {
|
5823
|
+
icon: errorIcon,
|
5824
|
+
ariaLabel: "Error",
|
5825
|
+
},
|
5826
|
+
success: {
|
5827
|
+
icon: successIcon,
|
5828
|
+
ariaLabel: "Success",
|
5829
|
+
},
|
5830
|
+
};
|
5808
5831
|
// Global ARIA attributes
|
5809
5832
|
const IC_INHERITED_ARIA = [
|
5810
5833
|
"aria-atomic",
|
@@ -6000,7 +6023,12 @@ const handleHiddenFormButtonClick = (form, button) => {
|
|
6000
6023
|
hiddenFormButton.click();
|
6001
6024
|
hiddenFormButton.remove();
|
6002
6025
|
};
|
6003
|
-
const isEmptyString = (value) =>
|
6026
|
+
const isEmptyString = (value) => {
|
6027
|
+
if (!value) {
|
6028
|
+
return true;
|
6029
|
+
}
|
6030
|
+
return value.trim().length === 0;
|
6031
|
+
};
|
6004
6032
|
/**
|
6005
6033
|
* Extracts the label using the value from an object. Requires the object to have a label and value property.
|
6006
6034
|
* @param value - value from object
|
@@ -6287,13 +6315,6 @@ const pxToRem = (px, base = 16) => {
|
|
6287
6315
|
|
6288
6316
|
const icAlertCss = "/*!@html*/html.sc-ic-alert{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-alert{margin:0}/*!@main*/main.sc-ic-alert{display:block}/*!@h1*/h1.sc-ic-alert{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-alert{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-alert{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-alert{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-alert{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-alert,strong.sc-ic-alert{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-alert,kbd.sc-ic-alert,samp.sc-ic-alert{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-alert{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-alert,sup.sc-ic-alert{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-alert{bottom:-0.25em}/*!@sup*/sup.sc-ic-alert{top:-0.5em}/*!@img*/img.sc-ic-alert{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-alert,input.sc-ic-alert,optgroup.sc-ic-alert,select.sc-ic-alert,textarea.sc-ic-alert{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-alert,input.sc-ic-alert{overflow:visible}/*!@button,\nselect*/button.sc-ic-alert,select.sc-ic-alert{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-alert,[type=\"button\"].sc-ic-alert,[type=\"reset\"].sc-ic-alert,[type=\"submit\"].sc-ic-alert{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-alert::-moz-focus-inner,[type=\"button\"].sc-ic-alert::-moz-focus-inner,[type=\"reset\"].sc-ic-alert::-moz-focus-inner,[type=\"submit\"].sc-ic-alert::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-alert:-moz-focusring,[type=\"button\"].sc-ic-alert:-moz-focusring,[type=\"reset\"].sc-ic-alert:-moz-focusring,[type=\"submit\"].sc-ic-alert:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-alert{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-alert{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-alert{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-alert{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-alert,[type=\"radio\"].sc-ic-alert{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-alert::-webkit-inner-spin-button,[type=\"number\"].sc-ic-alert::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-alert{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-alert::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-alert::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-alert{display:block}/*!@summary*/summary.sc-ic-alert{display:list-item}/*!@template*/template.sc-ic-alert{display:none}/*!@[hidden]*/[hidden].sc-ic-alert{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-alert,body.sc-ic-alert,div.sc-ic-alert,span.sc-ic-alert,applet.sc-ic-alert,object.sc-ic-alert,iframe.sc-ic-alert,h1.sc-ic-alert,h2.sc-ic-alert,h3.sc-ic-alert,h4.sc-ic-alert,h5.sc-ic-alert,h6.sc-ic-alert,p.sc-ic-alert,blockquote.sc-ic-alert,pre.sc-ic-alert,a.sc-ic-alert,abbr.sc-ic-alert,acronym.sc-ic-alert,address.sc-ic-alert,big.sc-ic-alert,cite.sc-ic-alert,code.sc-ic-alert,del.sc-ic-alert,dfn.sc-ic-alert,em.sc-ic-alert,img.sc-ic-alert,ins.sc-ic-alert,kbd.sc-ic-alert,q.sc-ic-alert,s.sc-ic-alert,samp.sc-ic-alert,small.sc-ic-alert,strike.sc-ic-alert,strong.sc-ic-alert,sub.sc-ic-alert,sup.sc-ic-alert,tt.sc-ic-alert,var.sc-ic-alert,b.sc-ic-alert,u.sc-ic-alert,i.sc-ic-alert,center.sc-ic-alert,dl.sc-ic-alert,dt.sc-ic-alert,dd.sc-ic-alert,ol.sc-ic-alert,ul.sc-ic-alert,li.sc-ic-alert,fieldset.sc-ic-alert,form.sc-ic-alert,label.sc-ic-alert,legend.sc-ic-alert,table.sc-ic-alert,caption.sc-ic-alert,tbody.sc-ic-alert,tfoot.sc-ic-alert,thead.sc-ic-alert,tr.sc-ic-alert,th.sc-ic-alert,td.sc-ic-alert,article.sc-ic-alert,aside.sc-ic-alert,canvas.sc-ic-alert,details.sc-ic-alert,embed.sc-ic-alert,figure.sc-ic-alert,figcaption.sc-ic-alert,footer.sc-ic-alert,header.sc-ic-alert,hgroup.sc-ic-alert,menu.sc-ic-alert,nav.sc-ic-alert,output.sc-ic-alert,ruby.sc-ic-alert,section.sc-ic-alert,summary.sc-ic-alert,time.sc-ic-alert,mark.sc-ic-alert,audio.sc-ic-alert,video.sc-ic-alert{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-alert-h{display:block}/*!@.container*/.container.sc-ic-alert{min-height:3.5rem;border-radius:var(--ic-border-radius);position:relative;display:flex;align-items:center}/*!@.container-neutral*/.container-neutral.sc-ic-alert{background-color:var(--ic-architectural-40)}/*!@.container-info*/.container-info.sc-ic-alert{background-color:var(--ic-status-info-background)}/*!@.container-warning*/.container-warning.sc-ic-alert{background-color:var(--ic-status-warning-background)}/*!@.container-error*/.container-error.sc-ic-alert{background-color:var(--ic-status-error-background)}/*!@.container-success*/.container-success.sc-ic-alert{background-color:var(--ic-status-success-background)}/*!@.alert-icon-container*/.alert-icon-container.sc-ic-alert{height:100%;display:flex;align-items:center}/*!@.divider*/.divider.sc-ic-alert{height:100%;width:var(--ic-space-xs);border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);position:absolute}/*!@.divider-neutral*/.divider-neutral.sc-ic-alert{background-color:var(--ic-architectural-500)}/*!@.divider-info*/.divider-info.sc-ic-alert{background-color:var(--ic-status-info)}/*!@.divider-warning*/.divider-warning.sc-ic-alert{background-color:var(--ic-status-warning-mid)}/*!@.divider-error*/.divider-error.sc-ic-alert{background-color:var(--ic-status-error)}/*!@.divider-success*/.divider-success.sc-ic-alert{background-color:var(--ic-status-success)}/*!@.alert-icon*/.alert-icon.sc-ic-alert{height:var(--ic-space-lg);width:1.375rem;margin-left:1.125rem}/*!@.alert-icon > svg*/.alert-icon.sc-ic-alert>svg.sc-ic-alert{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}/*!@.icon-neutral > svg*/.icon-neutral.sc-ic-alert>svg.sc-ic-alert{fill:var(--ic-architectural-500)}/*!@:host([variant=\"info\"]) .alert-icon svg*/[variant=\"info\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-status-info)}/*!@:host([variant=\"warning\"]) .alert-icon svg*/[variant=\"warning\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-status-warning-mid)}/*!@:host([variant=\"error\"]) .alert-icon svg*/[variant=\"error\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-status-error)}/*!@:host([variant=\"success\"]) .alert-icon svg*/[variant=\"success\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-status-success)}/*!@.alert-content*/.alert-content.sc-ic-alert{display:flex;align-items:center;margin-left:0.625rem;width:100%}/*!@.alert-message*/.alert-message.sc-ic-alert{display:flex;align-items:center;padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;flex:1}/*!@.alert-message-title-above*/.alert-message-title-above.sc-ic-alert{display:inline;font-size:0}/*!@.alert-title*/.alert-title.sc-ic-alert{margin-right:var(--ic-space-xs)}/*!@.alert-title-above*/.alert-title-above.sc-ic-alert{white-space:normal}/*!@.alert-action-container*/.alert-action-container.sc-ic-alert{margin-right:var(--ic-space-xs);display:flex;align-items:center}/*!@.dismiss-icon*/.dismiss-icon.sc-ic-alert{margin-right:var(--ic-space-xxxs);margin-left:-0.375rem;padding:0.375rem;border:none;border-radius:50%;background-color:inherit;display:flex;align-items:center;justify-content:center}/*!@.dismiss-icon:hover*/.dismiss-icon.sc-ic-alert:hover{cursor:pointer}@media (max-width: 628px){/*!@.alert-content*/.alert-content.sc-ic-alert{display:flex;flex-direction:column;align-items:flex-start}/*!@.alert-message*/.alert-message.sc-ic-alert{display:flex;flex-direction:column;align-items:flex-start}/*!@.alert-title*/.alert-title.sc-ic-alert{white-space:normal}/*!@.alert-action-container*/.alert-action-container.sc-ic-alert{margin-bottom:0.875rem}}@media (forced-colors: active){/*!@.container*/.container.sc-ic-alert{border:var(--ic-hc-border)}}";
|
6289
6317
|
|
6290
|
-
const icon$1 = {
|
6291
|
-
neutral: neutralIcon,
|
6292
|
-
info: infoIcon,
|
6293
|
-
warning: warningIcon$1,
|
6294
|
-
error: errorIcon,
|
6295
|
-
success: successIcon,
|
6296
|
-
};
|
6297
6318
|
/**
|
6298
6319
|
* @slot message - Content is placed to the right of the title.
|
6299
6320
|
* @slot action - Content is placed to the right of the message.
|
@@ -6342,7 +6363,7 @@ class Alert {
|
|
6342
6363
|
["alert-icon"]: true,
|
6343
6364
|
["svg-container"]: true,
|
6344
6365
|
[`icon-${variant}`]: true,
|
6345
|
-
}, innerHTML:
|
6366
|
+
}, innerHTML: VARIANT_ICONS[variant].icon })), hAsync("div", { class: "alert-content" }, hAsync("div", { class: {
|
6346
6367
|
["alert-message"]: true,
|
6347
6368
|
["alert-message-title-above"]: titleAbove || this.alertTitleWrap,
|
6348
6369
|
} }, heading && (hAsync("ic-typography", { class: {
|
@@ -6379,7 +6400,7 @@ var ArrowUpward = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" a
|
|
6379
6400
|
</svg>
|
6380
6401
|
`;
|
6381
6402
|
|
6382
|
-
const icBackToTopCss = "/*!@html*/html.sc-ic-back-to-top{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-back-to-top{margin:0}/*!@main*/main.sc-ic-back-to-top{display:block}/*!@h1*/h1.sc-ic-back-to-top{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-back-to-top{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-back-to-top{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-back-to-top{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-back-to-top{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-back-to-top,strong.sc-ic-back-to-top{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-back-to-top,kbd.sc-ic-back-to-top,samp.sc-ic-back-to-top{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-back-to-top{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-back-to-top,sup.sc-ic-back-to-top{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-back-to-top{bottom:-0.25em}/*!@sup*/sup.sc-ic-back-to-top{top:-0.5em}/*!@img*/img.sc-ic-back-to-top{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-back-to-top,input.sc-ic-back-to-top,optgroup.sc-ic-back-to-top,select.sc-ic-back-to-top,textarea.sc-ic-back-to-top{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-back-to-top,input.sc-ic-back-to-top{overflow:visible}/*!@button,\nselect*/button.sc-ic-back-to-top,select.sc-ic-back-to-top{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-back-to-top,[type=\"button\"].sc-ic-back-to-top,[type=\"reset\"].sc-ic-back-to-top,[type=\"submit\"].sc-ic-back-to-top{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-back-to-top::-moz-focus-inner,[type=\"button\"].sc-ic-back-to-top::-moz-focus-inner,[type=\"reset\"].sc-ic-back-to-top::-moz-focus-inner,[type=\"submit\"].sc-ic-back-to-top::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-back-to-top:-moz-focusring,[type=\"button\"].sc-ic-back-to-top:-moz-focusring,[type=\"reset\"].sc-ic-back-to-top:-moz-focusring,[type=\"submit\"].sc-ic-back-to-top:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-back-to-top{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-back-to-top{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-back-to-top{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-back-to-top{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-back-to-top,[type=\"radio\"].sc-ic-back-to-top{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-back-to-top::-webkit-inner-spin-button,[type=\"number\"].sc-ic-back-to-top::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-back-to-top{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-back-to-top::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-back-to-top::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-back-to-top{display:block}/*!@summary*/summary.sc-ic-back-to-top{display:list-item}/*!@template*/template.sc-ic-back-to-top{display:none}/*!@[hidden]*/[hidden].sc-ic-back-to-top{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-back-to-top,body.sc-ic-back-to-top,div.sc-ic-back-to-top,span.sc-ic-back-to-top,applet.sc-ic-back-to-top,object.sc-ic-back-to-top,iframe.sc-ic-back-to-top,h1.sc-ic-back-to-top,h2.sc-ic-back-to-top,h3.sc-ic-back-to-top,h4.sc-ic-back-to-top,h5.sc-ic-back-to-top,h6.sc-ic-back-to-top,p.sc-ic-back-to-top,blockquote.sc-ic-back-to-top,pre.sc-ic-back-to-top,a.sc-ic-back-to-top,abbr.sc-ic-back-to-top,acronym.sc-ic-back-to-top,address.sc-ic-back-to-top,big.sc-ic-back-to-top,cite.sc-ic-back-to-top,code.sc-ic-back-to-top,del.sc-ic-back-to-top,dfn.sc-ic-back-to-top,em.sc-ic-back-to-top,img.sc-ic-back-to-top,ins.sc-ic-back-to-top,kbd.sc-ic-back-to-top,q.sc-ic-back-to-top,s.sc-ic-back-to-top,samp.sc-ic-back-to-top,small.sc-ic-back-to-top,strike.sc-ic-back-to-top,strong.sc-ic-back-to-top,sub.sc-ic-back-to-top,sup.sc-ic-back-to-top,tt.sc-ic-back-to-top,var.sc-ic-back-to-top,b.sc-ic-back-to-top,u.sc-ic-back-to-top,i.sc-ic-back-to-top,center.sc-ic-back-to-top,dl.sc-ic-back-to-top,dt.sc-ic-back-to-top,dd.sc-ic-back-to-top,ol.sc-ic-back-to-top,ul.sc-ic-back-to-top,li.sc-ic-back-to-top,fieldset.sc-ic-back-to-top,form.sc-ic-back-to-top,label.sc-ic-back-to-top,legend.sc-ic-back-to-top,table.sc-ic-back-to-top,caption.sc-ic-back-to-top,tbody.sc-ic-back-to-top,tfoot.sc-ic-back-to-top,thead.sc-ic-back-to-top,tr.sc-ic-back-to-top,th.sc-ic-back-to-top,td.sc-ic-back-to-top,article.sc-ic-back-to-top,aside.sc-ic-back-to-top,canvas.sc-ic-back-to-top,details.sc-ic-back-to-top,embed.sc-ic-back-to-top,figure.sc-ic-back-to-top,figcaption.sc-ic-back-to-top,footer.sc-ic-back-to-top,header.sc-ic-back-to-top,hgroup.sc-ic-back-to-top,menu.sc-ic-back-to-top,nav.sc-ic-back-to-top,output.sc-ic-back-to-top,ruby.sc-ic-back-to-top,section.sc-ic-back-to-top,summary.sc-ic-back-to-top,time.sc-ic-back-to-top,mark.sc-ic-back-to-top,audio.sc-ic-back-to-top,video.sc-ic-back-to-top{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-back-to-top-h{display:block;position:absolute;right:0}/*!@button*/button.sc-ic-back-to-top{position:fixed;right:var(--ic-space-md);bottom:var(--ic-space-md);height:2.5rem;align-items:center;padding:var(--ic-space-xs) var(--ic-space-md) var(--ic-space-xs)\n var(--ic-space-sm);margin:0;gap:var(--ic-space-xs);display:flex;background-color:var(--ic-architectural-white);border:0.063rem solid var(--ic-action-default);outline-width:inherit;box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:5rem;text-decoration:none;visibility:hidden;opacity:0;transition:visibility 0s linear var(--ic-transition-duration-slow),\n opacity var(--ic-transition-duration-slow);cursor:pointer;z-index:var(--ic-z-index-
|
6403
|
+
const icBackToTopCss = "/*!@html*/html.sc-ic-back-to-top{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-back-to-top{margin:0}/*!@main*/main.sc-ic-back-to-top{display:block}/*!@h1*/h1.sc-ic-back-to-top{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-back-to-top{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-back-to-top{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-back-to-top{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-back-to-top{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-back-to-top,strong.sc-ic-back-to-top{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-back-to-top,kbd.sc-ic-back-to-top,samp.sc-ic-back-to-top{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-back-to-top{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-back-to-top,sup.sc-ic-back-to-top{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-back-to-top{bottom:-0.25em}/*!@sup*/sup.sc-ic-back-to-top{top:-0.5em}/*!@img*/img.sc-ic-back-to-top{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-back-to-top,input.sc-ic-back-to-top,optgroup.sc-ic-back-to-top,select.sc-ic-back-to-top,textarea.sc-ic-back-to-top{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-back-to-top,input.sc-ic-back-to-top{overflow:visible}/*!@button,\nselect*/button.sc-ic-back-to-top,select.sc-ic-back-to-top{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-back-to-top,[type=\"button\"].sc-ic-back-to-top,[type=\"reset\"].sc-ic-back-to-top,[type=\"submit\"].sc-ic-back-to-top{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-back-to-top::-moz-focus-inner,[type=\"button\"].sc-ic-back-to-top::-moz-focus-inner,[type=\"reset\"].sc-ic-back-to-top::-moz-focus-inner,[type=\"submit\"].sc-ic-back-to-top::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-back-to-top:-moz-focusring,[type=\"button\"].sc-ic-back-to-top:-moz-focusring,[type=\"reset\"].sc-ic-back-to-top:-moz-focusring,[type=\"submit\"].sc-ic-back-to-top:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-back-to-top{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-back-to-top{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-back-to-top{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-back-to-top{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-back-to-top,[type=\"radio\"].sc-ic-back-to-top{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-back-to-top::-webkit-inner-spin-button,[type=\"number\"].sc-ic-back-to-top::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-back-to-top{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-back-to-top::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-back-to-top::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-back-to-top{display:block}/*!@summary*/summary.sc-ic-back-to-top{display:list-item}/*!@template*/template.sc-ic-back-to-top{display:none}/*!@[hidden]*/[hidden].sc-ic-back-to-top{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-back-to-top,body.sc-ic-back-to-top,div.sc-ic-back-to-top,span.sc-ic-back-to-top,applet.sc-ic-back-to-top,object.sc-ic-back-to-top,iframe.sc-ic-back-to-top,h1.sc-ic-back-to-top,h2.sc-ic-back-to-top,h3.sc-ic-back-to-top,h4.sc-ic-back-to-top,h5.sc-ic-back-to-top,h6.sc-ic-back-to-top,p.sc-ic-back-to-top,blockquote.sc-ic-back-to-top,pre.sc-ic-back-to-top,a.sc-ic-back-to-top,abbr.sc-ic-back-to-top,acronym.sc-ic-back-to-top,address.sc-ic-back-to-top,big.sc-ic-back-to-top,cite.sc-ic-back-to-top,code.sc-ic-back-to-top,del.sc-ic-back-to-top,dfn.sc-ic-back-to-top,em.sc-ic-back-to-top,img.sc-ic-back-to-top,ins.sc-ic-back-to-top,kbd.sc-ic-back-to-top,q.sc-ic-back-to-top,s.sc-ic-back-to-top,samp.sc-ic-back-to-top,small.sc-ic-back-to-top,strike.sc-ic-back-to-top,strong.sc-ic-back-to-top,sub.sc-ic-back-to-top,sup.sc-ic-back-to-top,tt.sc-ic-back-to-top,var.sc-ic-back-to-top,b.sc-ic-back-to-top,u.sc-ic-back-to-top,i.sc-ic-back-to-top,center.sc-ic-back-to-top,dl.sc-ic-back-to-top,dt.sc-ic-back-to-top,dd.sc-ic-back-to-top,ol.sc-ic-back-to-top,ul.sc-ic-back-to-top,li.sc-ic-back-to-top,fieldset.sc-ic-back-to-top,form.sc-ic-back-to-top,label.sc-ic-back-to-top,legend.sc-ic-back-to-top,table.sc-ic-back-to-top,caption.sc-ic-back-to-top,tbody.sc-ic-back-to-top,tfoot.sc-ic-back-to-top,thead.sc-ic-back-to-top,tr.sc-ic-back-to-top,th.sc-ic-back-to-top,td.sc-ic-back-to-top,article.sc-ic-back-to-top,aside.sc-ic-back-to-top,canvas.sc-ic-back-to-top,details.sc-ic-back-to-top,embed.sc-ic-back-to-top,figure.sc-ic-back-to-top,figcaption.sc-ic-back-to-top,footer.sc-ic-back-to-top,header.sc-ic-back-to-top,hgroup.sc-ic-back-to-top,menu.sc-ic-back-to-top,nav.sc-ic-back-to-top,output.sc-ic-back-to-top,ruby.sc-ic-back-to-top,section.sc-ic-back-to-top,summary.sc-ic-back-to-top,time.sc-ic-back-to-top,mark.sc-ic-back-to-top,audio.sc-ic-back-to-top,video.sc-ic-back-to-top{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-back-to-top-h{display:block;position:absolute;right:0}/*!@button*/button.sc-ic-back-to-top{position:fixed;right:var(--ic-space-md);bottom:var(--ic-space-md);height:2.5rem;align-items:center;padding:var(--ic-space-xs) var(--ic-space-md) var(--ic-space-xs)\n var(--ic-space-sm);margin:0;gap:var(--ic-space-xs);display:flex;background-color:var(--ic-architectural-white);border:0.063rem solid var(--ic-action-default);outline-width:inherit;box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:5rem;text-decoration:none;visibility:hidden;opacity:0;transition:visibility 0s linear var(--ic-transition-duration-slow),\n opacity var(--ic-transition-duration-slow);cursor:pointer;z-index:var(--ic-z-index-back-to-top)}/*!@button:hover*/button.sc-ic-back-to-top:hover{text-decoration:none;background-color:var(--ic-action-default-bg-hover-no-alpha);border:0.063rem solid var(--ic-action-default-hover)}/*!@button:active*/button.sc-ic-back-to-top:active{text-decoration:none;background-color:var(--ic-action-default-bg-active-no-alpha);border:0.063rem solid var(--ic-action-default-active)}/*!@button:focus*/button.sc-ic-back-to-top:focus{box-shadow:var(--ic-border-focus)}/*!@.ic-back-to-top-link.show*/.ic-back-to-top-link.show.sc-ic-back-to-top{visibility:visible;opacity:1;transition:visibility 0s linear 0s,\n opacity var(--ic-transition-duration-slow),\n box-shadow var(--ic-easing-transition-fast)}/*!@.ic-back-to-top-link.by-footer*/.ic-back-to-top-link.by-footer.sc-ic-back-to-top{position:relative;right:var(--ic-space-md);bottom:3.5rem}/*!@.ic-back-to-top-link.offset-banner*/.ic-back-to-top-link.offset-banner.sc-ic-back-to-top{margin-bottom:var(--ic-space-lg)}/*!@.ic-back-to-top-icon*/.ic-back-to-top-icon.sc-ic-back-to-top{fill:var(--ic-action-default);padding-left:var(--ic-space-xxs);padding-top:var(--ic-space-xxxs)}/*!@.ic-back-to-top-icon > svg*/.ic-back-to-top-icon.sc-ic-back-to-top>svg.sc-ic-back-to-top{height:var(--ic-space-md);width:var(--ic-space-md);display:inline-block}/*!@.ic-back-to-top-link span*/.ic-back-to-top-link.sc-ic-back-to-top span.sc-ic-back-to-top{color:var(--ic-action-default)}/*!@.ic-back-to-top-link:hover .ic-back-to-top-icon*/.ic-back-to-top-link.sc-ic-back-to-top:hover .ic-back-to-top-icon.sc-ic-back-to-top{fill:var(--ic-action-default-hover)}/*!@.ic-back-to-top-link:hover span*/.ic-back-to-top-link.sc-ic-back-to-top:hover span.sc-ic-back-to-top{color:var(--ic-action-default-hover)}@media (forced-colors: active){/*!@.ic-back-to-top-icon*/.ic-back-to-top-icon.sc-ic-back-to-top{fill:currentcolor}}";
|
6383
6404
|
|
6384
6405
|
const backToTopLabel = "Back to top";
|
6385
6406
|
class BackToTop {
|
@@ -6500,13 +6521,14 @@ class BackToTop {
|
|
6500
6521
|
["by-footer"]: footerVisible,
|
6501
6522
|
}, "aria-label": backToTopLabel, onClick: this.handleClick }, hAsync("span", { class: "ic-back-to-top-icon", innerHTML: ArrowUpward }), hAsync("ic-typography", { variant: "subtitle-small" }, hAsync("span", null, backToTopLabel))));
|
6502
6523
|
}
|
6524
|
+
static get delegatesFocus() { return true; }
|
6503
6525
|
get el() { return getElement(this); }
|
6504
6526
|
static get watchers() { return {
|
6505
6527
|
"target": ["watchPropHandler"]
|
6506
6528
|
}; }
|
6507
6529
|
static get style() { return icBackToTopCss; }
|
6508
6530
|
static get cmpMeta() { return {
|
6509
|
-
"$flags$":
|
6531
|
+
"$flags$": 25,
|
6510
6532
|
"$tagName$": "ic-back-to-top",
|
6511
6533
|
"$members$": {
|
6512
6534
|
"target": [1],
|
@@ -6566,7 +6588,7 @@ class Breadcrumb {
|
|
6566
6588
|
*/
|
6567
6589
|
async setFocus() {
|
6568
6590
|
if (this.el.shadowRoot.querySelector("ic-link")) {
|
6569
|
-
this.el.shadowRoot.querySelector("ic-link").
|
6591
|
+
this.el.shadowRoot.querySelector("ic-link").focus();
|
6570
6592
|
}
|
6571
6593
|
}
|
6572
6594
|
componentWillRender() {
|
@@ -6581,10 +6603,11 @@ class Breadcrumb {
|
|
6581
6603
|
back: this.showBackIcon,
|
6582
6604
|
}, "aria-current": current && "page", role: "listitem" }, hAsync("div", { class: "breadcrumb" }, hAsync("span", { innerHTML: chevronIcon, class: "chevron", "aria-hidden": "true" }), this.showBackIcon && describedById && (hAsync("span", { id: describedById, class: "hide" }, `Back to ${pageTitle}`)), hasPageTitle && hasHref ? (this.renderDefaultBreadcrumb(current, pageTitle, describedById, href)) : (hAsync("slot", null)))));
|
6583
6605
|
}
|
6606
|
+
static get delegatesFocus() { return true; }
|
6584
6607
|
get el() { return getElement(this); }
|
6585
6608
|
static get style() { return icBreadcrumbCss; }
|
6586
6609
|
static get cmpMeta() { return {
|
6587
|
-
"$flags$":
|
6610
|
+
"$flags$": 25,
|
6588
6611
|
"$tagName$": "ic-breadcrumb",
|
6589
6612
|
"$members$": {
|
6590
6613
|
"pageTitle": [1, "page-title"],
|
@@ -6949,10 +6972,11 @@ class Button {
|
|
6949
6972
|
["full-width"]: this.fullWidth,
|
6950
6973
|
}, onClick: this.handleClick }, this.hasTooltip && (hAsync("ic-tooltip", { class: { ["tooltip-disabled"]: this.disableTooltip }, ref: (el) => (this.tooltipEl = el), label: tooltipText, target: buttonId, placement: this.tooltipPlacement }, hAsync(ButtonContent, null))), !this.hasTooltip && hAsync(ButtonContent, null)));
|
6951
6974
|
}
|
6975
|
+
static get delegatesFocus() { return true; }
|
6952
6976
|
get el() { return getElement(this); }
|
6953
6977
|
static get style() { return icButtonCss; }
|
6954
6978
|
static get cmpMeta() { return {
|
6955
|
-
"$flags$":
|
6979
|
+
"$flags$": 25,
|
6956
6980
|
"$tagName$": "ic-button",
|
6957
6981
|
"$members$": {
|
6958
6982
|
"disabled": [4],
|
@@ -7211,10 +7235,11 @@ class Checkbox {
|
|
7211
7235
|
"additional-field-wrapper": this.additionalFieldDisplay === "static",
|
7212
7236
|
} }, hAsync("slot", { name: "additional-field" })))))));
|
7213
7237
|
}
|
7238
|
+
static get delegatesFocus() { return true; }
|
7214
7239
|
get host() { return getElement(this); }
|
7215
7240
|
static get style() { return icCheckboxCss; }
|
7216
7241
|
static get cmpMeta() { return {
|
7217
|
-
"$flags$":
|
7242
|
+
"$flags$": 25,
|
7218
7243
|
"$tagName$": "ic-checkbox",
|
7219
7244
|
"$members$": {
|
7220
7245
|
"checked": [1540],
|
@@ -7374,10 +7399,11 @@ class Chip {
|
|
7374
7399
|
["dismiss-icon"]: true,
|
7375
7400
|
}, "aria-label": `Dismiss ${label} chip`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))))));
|
7376
7401
|
}
|
7402
|
+
static get delegatesFocus() { return true; }
|
7377
7403
|
get el() { return getElement(this); }
|
7378
7404
|
static get style() { return icChipCss; }
|
7379
7405
|
static get cmpMeta() { return {
|
7380
|
-
"$flags$":
|
7406
|
+
"$flags$": 25,
|
7381
7407
|
"$tagName$": "ic-chip",
|
7382
7408
|
"$members$": {
|
7383
7409
|
"label": [1],
|
@@ -7734,10 +7760,11 @@ class FooterLink {
|
|
7734
7760
|
[`footer-link-${this.foregroundColor}`]: true,
|
7735
7761
|
} }, hAsync("a", { href: href }, hAsync("slot", null))));
|
7736
7762
|
}
|
7763
|
+
static get delegatesFocus() { return true; }
|
7737
7764
|
get el() { return getElement(this); }
|
7738
7765
|
static get style() { return icFooterLinkCss; }
|
7739
7766
|
static get cmpMeta() { return {
|
7740
|
-
"$flags$":
|
7767
|
+
"$flags$": 25,
|
7741
7768
|
"$tagName$": "ic-footer-link",
|
7742
7769
|
"$members$": {
|
7743
7770
|
"href": [1],
|
@@ -7806,10 +7833,11 @@ class FooterLinkGroup {
|
|
7806
7833
|
[`footer-link-group-${this.dropdownIconStyle}`]: true,
|
7807
7834
|
}, tabIndex: "1", onClick: this.toggleExpanded, onKeydown: this.handleKeydown, "aria-haspopup": "true", "aria-expanded": this.expanded }, hAsync("ic-section-container", { fullHeight: true }, hAsync("div", { class: "footer-link-group-header" }, hAsync("div", { class: "footer-link-group-title" }, hAsync("ic-typography", { variant: "label" }, groupTitle)), this.expanded ? (hAsync("svg", { class: "footer-link-group-toggle", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "img", width: "1em", height: "1em", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 1200 1200" }, hAsync("path", { fill: "currentColor", d: "M600.002 210.605L421.285 389.336L0 810.559l178.721 178.836l421.281-421.341l421.281 421.341L1200 810.559L778.733 389.336L600.002 210.605z" }))) : (hAsync("svg", { class: "footer-link-group-toggle", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "img", width: "1em", height: "1em", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 1200 1200" }, hAsync("g", { transform: "translate(0 1200) scale(1 -1)" }, hAsync("path", { fill: "currentColor", d: "M600.002 210.605L421.285 389.336L0 810.559l178.721 178.836l421.281-421.341l421.281 421.341L1200 810.559L778.733 389.336L600.002 210.605z" }))))), this.expanded && (hAsync("div", { class: "footer-link-group-links" }, hAsync("slot", null))))));
|
7808
7835
|
}
|
7836
|
+
static get delegatesFocus() { return true; }
|
7809
7837
|
get el() { return getElement(this); }
|
7810
7838
|
static get style() { return icFooterLinkGroupCss; }
|
7811
7839
|
static get cmpMeta() { return {
|
7812
|
-
"$flags$":
|
7840
|
+
"$flags$": 25,
|
7813
7841
|
"$tagName$": "ic-footer-link-group",
|
7814
7842
|
"$members$": {
|
7815
7843
|
"groupTitle": [1, "group-title"],
|
@@ -7914,6 +7942,167 @@ class Hero {
|
|
7914
7942
|
}; }
|
7915
7943
|
}
|
7916
7944
|
|
7945
|
+
var LeftArrow = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
7946
|
+
<path d="M13.0875 6.175L11.9125 5L6.91251 10L11.9125 15L13.0875 13.825L9.27084 10L13.0875 6.175Z"/>
|
7947
|
+
</svg>`;
|
7948
|
+
|
7949
|
+
var RightArrow = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
7950
|
+
<path d="M8.08748 5L6.91248 6.175L10.7291 10L6.91248 13.825L8.08748 15L13.0875 10L8.08748 5Z"/>
|
7951
|
+
</svg>`;
|
7952
|
+
|
7953
|
+
const icHorizontalScrollCss = "/*!@html*/html.sc-ic-horizontal-scroll{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-horizontal-scroll{margin:0}/*!@main*/main.sc-ic-horizontal-scroll{display:block}/*!@h1*/h1.sc-ic-horizontal-scroll{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-horizontal-scroll{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-horizontal-scroll{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-horizontal-scroll{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-horizontal-scroll{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-horizontal-scroll,strong.sc-ic-horizontal-scroll{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-horizontal-scroll,kbd.sc-ic-horizontal-scroll,samp.sc-ic-horizontal-scroll{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-horizontal-scroll{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-horizontal-scroll,sup.sc-ic-horizontal-scroll{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-horizontal-scroll{bottom:-0.25em}/*!@sup*/sup.sc-ic-horizontal-scroll{top:-0.5em}/*!@img*/img.sc-ic-horizontal-scroll{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-horizontal-scroll,input.sc-ic-horizontal-scroll,optgroup.sc-ic-horizontal-scroll,select.sc-ic-horizontal-scroll,textarea.sc-ic-horizontal-scroll{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-horizontal-scroll,input.sc-ic-horizontal-scroll{overflow:visible}/*!@button,\nselect*/button.sc-ic-horizontal-scroll,select.sc-ic-horizontal-scroll{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-horizontal-scroll,[type=\"button\"].sc-ic-horizontal-scroll,[type=\"reset\"].sc-ic-horizontal-scroll,[type=\"submit\"].sc-ic-horizontal-scroll{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-horizontal-scroll::-moz-focus-inner,[type=\"button\"].sc-ic-horizontal-scroll::-moz-focus-inner,[type=\"reset\"].sc-ic-horizontal-scroll::-moz-focus-inner,[type=\"submit\"].sc-ic-horizontal-scroll::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-horizontal-scroll:-moz-focusring,[type=\"button\"].sc-ic-horizontal-scroll:-moz-focusring,[type=\"reset\"].sc-ic-horizontal-scroll:-moz-focusring,[type=\"submit\"].sc-ic-horizontal-scroll:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-horizontal-scroll{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-horizontal-scroll{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-horizontal-scroll{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-horizontal-scroll{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-horizontal-scroll,[type=\"radio\"].sc-ic-horizontal-scroll{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-horizontal-scroll::-webkit-inner-spin-button,[type=\"number\"].sc-ic-horizontal-scroll::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-horizontal-scroll{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-horizontal-scroll::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-horizontal-scroll::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-horizontal-scroll{display:block}/*!@summary*/summary.sc-ic-horizontal-scroll{display:list-item}/*!@template*/template.sc-ic-horizontal-scroll{display:none}/*!@[hidden]*/[hidden].sc-ic-horizontal-scroll{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-horizontal-scroll,body.sc-ic-horizontal-scroll,div.sc-ic-horizontal-scroll,span.sc-ic-horizontal-scroll,applet.sc-ic-horizontal-scroll,object.sc-ic-horizontal-scroll,iframe.sc-ic-horizontal-scroll,h1.sc-ic-horizontal-scroll,h2.sc-ic-horizontal-scroll,h3.sc-ic-horizontal-scroll,h4.sc-ic-horizontal-scroll,h5.sc-ic-horizontal-scroll,h6.sc-ic-horizontal-scroll,p.sc-ic-horizontal-scroll,blockquote.sc-ic-horizontal-scroll,pre.sc-ic-horizontal-scroll,a.sc-ic-horizontal-scroll,abbr.sc-ic-horizontal-scroll,acronym.sc-ic-horizontal-scroll,address.sc-ic-horizontal-scroll,big.sc-ic-horizontal-scroll,cite.sc-ic-horizontal-scroll,code.sc-ic-horizontal-scroll,del.sc-ic-horizontal-scroll,dfn.sc-ic-horizontal-scroll,em.sc-ic-horizontal-scroll,img.sc-ic-horizontal-scroll,ins.sc-ic-horizontal-scroll,kbd.sc-ic-horizontal-scroll,q.sc-ic-horizontal-scroll,s.sc-ic-horizontal-scroll,samp.sc-ic-horizontal-scroll,small.sc-ic-horizontal-scroll,strike.sc-ic-horizontal-scroll,strong.sc-ic-horizontal-scroll,sub.sc-ic-horizontal-scroll,sup.sc-ic-horizontal-scroll,tt.sc-ic-horizontal-scroll,var.sc-ic-horizontal-scroll,b.sc-ic-horizontal-scroll,u.sc-ic-horizontal-scroll,i.sc-ic-horizontal-scroll,center.sc-ic-horizontal-scroll,dl.sc-ic-horizontal-scroll,dt.sc-ic-horizontal-scroll,dd.sc-ic-horizontal-scroll,ol.sc-ic-horizontal-scroll,ul.sc-ic-horizontal-scroll,li.sc-ic-horizontal-scroll,fieldset.sc-ic-horizontal-scroll,form.sc-ic-horizontal-scroll,label.sc-ic-horizontal-scroll,legend.sc-ic-horizontal-scroll,table.sc-ic-horizontal-scroll,caption.sc-ic-horizontal-scroll,tbody.sc-ic-horizontal-scroll,tfoot.sc-ic-horizontal-scroll,thead.sc-ic-horizontal-scroll,tr.sc-ic-horizontal-scroll,th.sc-ic-horizontal-scroll,td.sc-ic-horizontal-scroll,article.sc-ic-horizontal-scroll,aside.sc-ic-horizontal-scroll,canvas.sc-ic-horizontal-scroll,details.sc-ic-horizontal-scroll,embed.sc-ic-horizontal-scroll,figure.sc-ic-horizontal-scroll,figcaption.sc-ic-horizontal-scroll,footer.sc-ic-horizontal-scroll,header.sc-ic-horizontal-scroll,hgroup.sc-ic-horizontal-scroll,menu.sc-ic-horizontal-scroll,nav.sc-ic-horizontal-scroll,output.sc-ic-horizontal-scroll,ruby.sc-ic-horizontal-scroll,section.sc-ic-horizontal-scroll,summary.sc-ic-horizontal-scroll,time.sc-ic-horizontal-scroll,mark.sc-ic-horizontal-scroll,audio.sc-ic-horizontal-scroll,video.sc-ic-horizontal-scroll{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-horizontal-scroll-h{--border-bottom-color:var(--ic-architectural-300);--splitter-color:var(--ic-architectural-100);display:flex;max-width:100%}/*!@:host(.light)*/.light.sc-ic-horizontal-scroll-h{--splitter-color:var(--ic-keyline-lighten-rgb)}/*!@:host(.dark)*/.dark.sc-ic-horizontal-scroll-h{--splitter-color:var(--ic-keyline-darken-rgb)}/*!@:host([inline])*/[inline].sc-ic-horizontal-scroll-h{margin-bottom:0}/*!@::slotted(*)*/.sc-ic-horizontal-scroll-s>*{overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;margin:calc(var(--ic-space-xs) * -1) !important;padding:var(--ic-space-xs) !important}/*!@:host(.visible) ::slotted(*)*/.sc-ic-horizontal-scroll-h.visible .sc-ic-horizontal-scroll-s>*{margin:calc(var(--ic-space-xs) * -1) 0 !important;padding:var(--ic-space-xs) !important}/*!@.tabs-container::-webkit-scrollbar*/.tabs-container.sc-ic-horizontal-scroll::-webkit-scrollbar{display:none}/*!@.scroll-container-left,\n.scroll-container-right*/.scroll-container-left.sc-ic-horizontal-scroll,.scroll-container-right.sc-ic-horizontal-scroll{display:flex}/*!@.scroll-container-left*/.scroll-container-left.sc-ic-horizontal-scroll{margin-left:var(--ic-space-xxs)}/*!@.scroll-container-right*/.scroll-container-right.sc-ic-horizontal-scroll{margin-right:var(--ic-space-xxs)}/*!@.hidden*/.hidden.sc-ic-horizontal-scroll{display:none}/*!@.scroll-arrow*/.scroll-arrow.sc-ic-horizontal-scroll{margin:var(--ic-space-xxs) 0 var(--ic-space-xs) 0}/*!@.disabled .ic-tooltip-container*/.disabled.sc-ic-horizontal-scroll .ic-tooltip-container.sc-ic-horizontal-scroll{display:none !important}/*!@.scroll-splitter-left,\n.scroll-splitter-right*/.scroll-splitter-left.sc-ic-horizontal-scroll,.scroll-splitter-right.sc-ic-horizontal-scroll{display:flex;height:var(--ic-space-lg);width:0.063rem;margin-top:var(--ic-space-xs);border-radius:0.063rem;background-color:var(--splitter-color)}/*!@.scroll-splitter-left*/.scroll-splitter-left.sc-ic-horizontal-scroll{margin-left:calc(var(--ic-space-xxs) - 0.063rem)}/*!@.scroll-splitter-right*/.scroll-splitter-right.sc-ic-horizontal-scroll{margin-right:calc(var(--ic-space-xxs) - 0.063rem)}/*!@.disabled .scroll-splitter-left,\n.disabled .scroll-splitter-right*/.disabled.sc-ic-horizontal-scroll .scroll-splitter-left.sc-ic-horizontal-scroll,.disabled.sc-ic-horizontal-scroll .scroll-splitter-right.sc-ic-horizontal-scroll{background-color:transparent}/*!@.disabled ic-button > svg*/.disabled.sc-ic-horizontal-scroll ic-button.sc-ic-horizontal-scroll>svg.sc-ic-horizontal-scroll{color:var(--ic-keyline-darken-rgb)}/*!@:host(.dark) .disabled ic-button > svg,\n:host(.light) .disabled ic-button > svg*/.dark.sc-ic-horizontal-scroll-h .disabled.sc-ic-horizontal-scroll ic-button.sc-ic-horizontal-scroll>svg.sc-ic-horizontal-scroll,.light.sc-ic-horizontal-scroll-h .disabled.sc-ic-horizontal-scroll ic-button.sc-ic-horizontal-scroll>svg.sc-ic-horizontal-scroll{color:var(--splitter-color) !important}";
|
7954
|
+
|
7955
|
+
const SCROLL_DELAY_MS = 200;
|
7956
|
+
class HorizontalScroll {
|
7957
|
+
constructor(hostRef) {
|
7958
|
+
registerInstance(this, hostRef);
|
7959
|
+
this.buttonStateSet = false;
|
7960
|
+
this.resizeObserverCallback = () => {
|
7961
|
+
if (this.el.clientWidth >= this.itemsContainerEl.scrollWidth) {
|
7962
|
+
this.itemOverflow = false;
|
7963
|
+
}
|
7964
|
+
else {
|
7965
|
+
this.itemOverflow = elementOverflowsX(this.itemsContainerEl);
|
7966
|
+
}
|
7967
|
+
if (this.itemOverflow) {
|
7968
|
+
this.lastItemVisible =
|
7969
|
+
this.itemsContainerEl.offsetWidth + this.itemsContainerEl.scrollLeft >=
|
7970
|
+
this.itemsContainerEl.scrollWidth;
|
7971
|
+
}
|
7972
|
+
};
|
7973
|
+
this.runResizeObserver = () => {
|
7974
|
+
this.resizeObserver = new ResizeObserver(() => {
|
7975
|
+
this.resizeObserverCallback();
|
7976
|
+
});
|
7977
|
+
this.resizeObserver.observe(this.itemsContainerEl);
|
7978
|
+
};
|
7979
|
+
this.scrollLeft = () => {
|
7980
|
+
this.scrollItemIntoView(this.getCurrentLeftItem() - 1);
|
7981
|
+
};
|
7982
|
+
this.scrollRight = () => {
|
7983
|
+
this.scrollItemIntoView(this.getCurrentLeftItem() + 1);
|
7984
|
+
};
|
7985
|
+
this.longScrollRight = () => {
|
7986
|
+
this.scrollRight();
|
7987
|
+
this.scrollDelay = window.setTimeout(this.longScrollRight, SCROLL_DELAY_MS);
|
7988
|
+
};
|
7989
|
+
this.longScrollLeft = () => {
|
7990
|
+
this.scrollLeft();
|
7991
|
+
this.scrollDelay = window.setTimeout(this.longScrollLeft, SCROLL_DELAY_MS);
|
7992
|
+
};
|
7993
|
+
this.leftArrowMouseDownHandler = (e) => {
|
7994
|
+
e.preventDefault();
|
7995
|
+
this.scrollDelay = window.setTimeout(this.longScrollLeft, SCROLL_DELAY_MS);
|
7996
|
+
};
|
7997
|
+
this.rightArrowMouseDownHandler = (e) => {
|
7998
|
+
e.preventDefault();
|
7999
|
+
this.scrollDelay = window.setTimeout(this.longScrollRight, SCROLL_DELAY_MS);
|
8000
|
+
};
|
8001
|
+
this.arrowMouseUpHandler = () => {
|
8002
|
+
window.clearTimeout(this.scrollDelay);
|
8003
|
+
};
|
8004
|
+
this.getCurrentLeftItem = () => {
|
8005
|
+
const index = this.itemOffsets.findIndex((el) => el > Math.round(this.itemsContainerEl.scrollLeft));
|
8006
|
+
return index < 0 ? 0 : index;
|
8007
|
+
};
|
8008
|
+
this.scrollHandler = () => {
|
8009
|
+
window.clearTimeout(this.isScrolling);
|
8010
|
+
// Set a timeout to run after scrolling ends
|
8011
|
+
this.isScrolling = window.setTimeout(this.scrollStopped, 50);
|
8012
|
+
};
|
8013
|
+
this.scrollStopped = () => {
|
8014
|
+
// If scrollItemIntoView has been called, the button states will already be set
|
8015
|
+
// Can't just handle it here as it causes strange jumping behaviour in positioning
|
8016
|
+
const scrollLeft = Math.round(this.itemsContainerEl.scrollLeft);
|
8017
|
+
if (this.buttonStateSet === false) {
|
8018
|
+
this.firstItemVisible = scrollLeft === 0;
|
8019
|
+
this.lastItemVisible =
|
8020
|
+
this.itemsContainerEl.offsetWidth + scrollLeft >=
|
8021
|
+
this.itemsContainerEl.scrollWidth;
|
8022
|
+
}
|
8023
|
+
this.buttonStateSet = false;
|
8024
|
+
};
|
8025
|
+
this.appearance = "default";
|
8026
|
+
this.firstItemVisible = true;
|
8027
|
+
this.lastItemVisible = false;
|
8028
|
+
this.itemOverflow = false;
|
8029
|
+
}
|
8030
|
+
/**
|
8031
|
+
* @internal if side scrolling enabled, scrolls the specified item into view.
|
8032
|
+
*/
|
8033
|
+
async scrollItemIntoView(itemPosition) {
|
8034
|
+
this.firstItemVisible = itemPosition <= 0;
|
8035
|
+
const newScrollPos = itemPosition <= 0 ? 0 : this.itemOffsets[itemPosition - 1];
|
8036
|
+
this.lastItemVisible =
|
8037
|
+
this.itemsContainerEl.offsetWidth + newScrollPos >=
|
8038
|
+
this.itemsContainerEl.scrollWidth;
|
8039
|
+
this.buttonStateSet = true;
|
8040
|
+
this.itemsContainerEl.scrollLeft = newScrollPos;
|
8041
|
+
}
|
8042
|
+
itemFocusHandler(itemPosition) {
|
8043
|
+
if (this.itemOverflow) {
|
8044
|
+
this.scrollItemIntoView(itemPosition);
|
8045
|
+
}
|
8046
|
+
}
|
8047
|
+
componentWillLoad() {
|
8048
|
+
this.itemsContainerEl = this.el.children[0];
|
8049
|
+
this.itemsContainerEl.addEventListener("scroll", this.scrollHandler);
|
8050
|
+
this.items = (getSlotElements(this.itemsContainerEl) ||
|
8051
|
+
Array.from(this.itemsContainerEl.children));
|
8052
|
+
this.items.forEach((item) => item.addEventListener("focus", () => this.itemFocusHandler(Array.from(this.items).indexOf(item))));
|
8053
|
+
}
|
8054
|
+
componentDidLoad() {
|
8055
|
+
let runningTotal = 0;
|
8056
|
+
this.itemOffsets = this.items.map((item) => {
|
8057
|
+
runningTotal += item.offsetWidth;
|
8058
|
+
return runningTotal;
|
8059
|
+
});
|
8060
|
+
checkResizeObserver(this.runResizeObserver);
|
8061
|
+
// Add event listener to scroll containers as mouse events are not fired on disabled elements (ic-button's <button>)
|
8062
|
+
// 'mouseleave' needed in case the user moves their mouse while holding the arrow buttons
|
8063
|
+
// - 'mouseup' otherwise not detected and scrolling not stopped
|
8064
|
+
const scrollArrows = Array.from(this.el.shadowRoot.querySelectorAll("div"));
|
8065
|
+
["mouseup", "mouseleave"].forEach((event) => {
|
8066
|
+
scrollArrows.forEach((arrow) => arrow.addEventListener(event, this.arrowMouseUpHandler));
|
8067
|
+
});
|
8068
|
+
}
|
8069
|
+
disconnectedCallback() {
|
8070
|
+
this.resizeObserver.disconnect();
|
8071
|
+
}
|
8072
|
+
render() {
|
8073
|
+
const { appearance, firstItemVisible, lastItemVisible, itemOverflow } = this;
|
8074
|
+
return (hAsync(Host, { class: {
|
8075
|
+
["visible"]: itemOverflow,
|
8076
|
+
["dark"]: this.appearance === IcThemeForegroundEnum.Dark,
|
8077
|
+
["light"]: this.appearance === IcThemeForegroundEnum.Light,
|
8078
|
+
} }, hAsync("div", { "aria-hidden": "true", class: {
|
8079
|
+
["scroll-container-left"]: true,
|
8080
|
+
["hidden"]: !itemOverflow,
|
8081
|
+
["disabled"]: firstItemVisible,
|
8082
|
+
} }, hAsync("ic-button", { class: "scroll-arrow", variant: "icon", "aria-label": "Scroll left", appearance: appearance, innerHTML: LeftArrow, disabled: firstItemVisible, tabindex: "-1", onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler }), hAsync("span", { class: "scroll-splitter-left" })), hAsync("slot", null), hAsync("div", { "aria-hidden": "true", class: {
|
8083
|
+
["scroll-container-right"]: true,
|
8084
|
+
["hidden"]: !itemOverflow,
|
8085
|
+
["disabled"]: lastItemVisible,
|
8086
|
+
} }, hAsync("span", { class: "scroll-splitter-right" }), hAsync("ic-button", { class: "scroll-arrow", variant: "icon", "aria-label": "Scroll right", appearance: appearance, innerHTML: RightArrow, disabled: lastItemVisible, tabindex: "-1", onClick: this.scrollRight, onMouseDown: this.rightArrowMouseDownHandler }))));
|
8087
|
+
}
|
8088
|
+
get el() { return getElement(this); }
|
8089
|
+
static get style() { return icHorizontalScrollCss; }
|
8090
|
+
static get cmpMeta() { return {
|
8091
|
+
"$flags$": 9,
|
8092
|
+
"$tagName$": "ic-horizontal-scroll",
|
8093
|
+
"$members$": {
|
8094
|
+
"appearance": [1],
|
8095
|
+
"firstItemVisible": [32],
|
8096
|
+
"lastItemVisible": [32],
|
8097
|
+
"itemOverflow": [32],
|
8098
|
+
"scrollItemIntoView": [64]
|
8099
|
+
},
|
8100
|
+
"$listeners$": undefined,
|
8101
|
+
"$lazyBundleId$": "-",
|
8102
|
+
"$attrsToReflect$": []
|
8103
|
+
}; }
|
8104
|
+
}
|
8105
|
+
|
7917
8106
|
const icInputComponentContainerCss = "ic-input-component-container{display:flex;border:0.063rem solid var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:2.5rem;width:var(--input-width, 20rem);padding:0.063rem;background-color:var(--ic-architectural-white);box-sizing:border-box;fill:var(--ic-architectural-400);outline:none}ic-input-component-container.fullwidth{width:100%}ic-input-component-container.disabled,ic-input-component-container.disabled:hover{border:0.063rem dashed var(--ic-architectural-200)}ic-input-component-container.readonly,ic-input-component-container.readonly:hover{border:none;padding:0}ic-input-component-container.error{border:var(--ic-space-xxxs) solid var(--ic-status-error);padding:0}ic-input-component-container.warning{border:var(--ic-space-xxxs) solid var(--ic-status-warning-mid);padding:0}ic-input-component-container.success{border:var(--ic-space-xxxs) solid var(--ic-status-success);padding:0}ic-input-component-container.small{height:var(--ic-space-xl)}ic-input-component-container.multiline{height:auto}ic-input-component-container .icon-container{margin-top:var(--ic-space-xxs);margin-left:0.438rem;display:flex;align-items:center}ic-input-component-container.multiline .icon-container,ic-input-component-container.multiline.small .icon-container{margin-top:0.375rem;display:block}ic-input-component-container.readonly .icon-container{margin-left:-0.313rem}ic-input-component-container.disabled ::-moz-placeholder{display:none}ic-input-component-container.disabled ::placeholder{display:none}ic-input-component-container .inline-success{margin:var(--ic-space-xs) 0.375rem;display:flex;align-items:center}ic-input-component-container.dark:hover{--border-color:var(--ic-architectural-400)}ic-input-component-container .inline-success>svg{fill:var(--ic-status-success);height:1.25rem;width:1.25rem}ic-input-component-container:hover{border-color:var(--ic-action-dark-hover);color:var(--ic-action-dark-hover)}.focus-indicator{display:flex;width:100%;margin:-0.125rem;padding:0.125rem;border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.focus-indicator:focus-within,.focus-indicator-enabled{box-shadow:var(--ic-border-focus)}.focus-indicator.dark:focus-within{box-shadow:var(--ic-border-focus)}@media (forced-colors: active){ic-input-component-container,.focus-indicator{transition:none}ic-input-component-container:focus-within{border:0.063rem solid Highlight;outline:0.125rem solid Highlight}ic-input-component-container.disabled,ic-input-component-container.disabled:hover{border:0.063rem dashed GrayText}}";
|
7918
8107
|
|
7919
8108
|
/**
|
@@ -8175,10 +8364,11 @@ class Link {
|
|
8175
8364
|
[`${appearance}`]: href !== null,
|
8176
8365
|
}, download: download !== false ? download : null, href: href, hrefLang: hreflang, referrerPolicy: referrerpolicy, rel: rel, target: target, tabindex: href !== null ? "0" : "-1" }, this.inheritedAttributes), hAsync("slot", null), showIcon && (hAsync("span", { class: "ic-link-open-in-new-icon", innerHTML: OpenInNew }))))));
|
8177
8366
|
}
|
8367
|
+
static get delegatesFocus() { return true; }
|
8178
8368
|
get el() { return getElement(this); }
|
8179
8369
|
static get style() { return icLinkCss; }
|
8180
8370
|
static get cmpMeta() { return {
|
8181
|
-
"$flags$":
|
8371
|
+
"$flags$": 25,
|
8182
8372
|
"$tagName$": "ic-link",
|
8183
8373
|
"$members$": {
|
8184
8374
|
"download": [8],
|
@@ -8236,18 +8426,23 @@ class LoadingIndicator {
|
|
8236
8426
|
// Sets the circular indicator line width - accounting for the circle size being altered using the CSS custom property
|
8237
8427
|
this.setCircleLineWidth = () => {
|
8238
8428
|
const { offsetWidth: width } = this.outerElement;
|
8239
|
-
|
8240
|
-
|
8241
|
-
|
8242
|
-
|
8429
|
+
const compactStepCircularLineWidth = this.host.classList.contains("compact-step-progress-indicator")
|
8430
|
+
? 40
|
8431
|
+
: 0;
|
8432
|
+
const toastDismissTimerCircularLineWidth = this.host.classList.contains("toast-dismiss-timer")
|
8433
|
+
? 20
|
8434
|
+
: 0;
|
8435
|
+
if (width ||
|
8436
|
+
compactStepCircularLineWidth ||
|
8437
|
+
toastDismissTimerCircularLineWidth) {
|
8243
8438
|
this.circularLineWidth =
|
8244
|
-
(
|
8245
|
-
|
8246
|
-
|
8439
|
+
(compactStepCircularLineWidth ||
|
8440
|
+
toastDismissTimerCircularLineWidth ||
|
8441
|
+
width) * 0.1;
|
8247
8442
|
this.circularDiameter =
|
8248
|
-
|
8249
|
-
|
8250
|
-
|
8443
|
+
compactStepCircularLineWidth ||
|
8444
|
+
toastDismissTimerCircularLineWidth ||
|
8445
|
+
width;
|
8251
8446
|
this.outerElement.style.setProperty("--circular-line-width", `${this.circularLineWidth}px`);
|
8252
8447
|
}
|
8253
8448
|
};
|
@@ -8319,7 +8514,6 @@ class LoadingIndicator {
|
|
8319
8514
|
this.indeterminate = undefined;
|
8320
8515
|
this.showSecond = false;
|
8321
8516
|
this.circularLineWidth = undefined;
|
8322
|
-
this.compactStepCircularLineWidth = 0;
|
8323
8517
|
this.circularDiameter = undefined;
|
8324
8518
|
}
|
8325
8519
|
watchPropHandler() {
|
@@ -8384,7 +8578,6 @@ class LoadingIndicator {
|
|
8384
8578
|
"indeterminate": [32],
|
8385
8579
|
"showSecond": [32],
|
8386
8580
|
"circularLineWidth": [32],
|
8387
|
-
"compactStepCircularLineWidth": [32],
|
8388
8581
|
"circularDiameter": [32]
|
8389
8582
|
},
|
8390
8583
|
"$listeners$": undefined,
|
@@ -10196,7 +10389,7 @@ var checkIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2
|
|
10196
10389
|
</svg>
|
10197
10390
|
`;
|
10198
10391
|
|
10199
|
-
const icMenuCss = "/*!@html*/html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-menu{margin:0}/*!@main*/main.sc-ic-menu{display:block}/*!@h1*/h1.sc-ic-menu{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-menu{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-menu{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-menu{bottom:-0.25em}/*!@sup*/sup.sc-ic-menu{top:-0.5em}/*!@img*/img.sc-ic-menu{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-menu,input.sc-ic-menu{overflow:visible}/*!@button,\nselect*/button.sc-ic-menu,select.sc-ic-menu{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-menu{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-menu::-moz-focus-inner,[type=\"button\"].sc-ic-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-menu:-moz-focusring,[type=\"button\"].sc-ic-menu:-moz-focusring,[type=\"reset\"].sc-ic-menu:-moz-focusring,[type=\"submit\"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-menu{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-menu{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-menu{display:block}/*!@summary*/summary.sc-ic-menu{display:list-item}/*!@template*/template.sc-ic-menu{display:none}/*!@[hidden]*/[hidden].sc-ic-menu{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){/*!@:host([open]) .menu*/[open].sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}/*!@:host*/.sc-ic-menu-h{border-radius:var(--ic-border-radius);max-height:0;width:var(--input-width, 20rem);color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-
|
10392
|
+
const icMenuCss = "/*!@html*/html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-menu{margin:0}/*!@main*/main.sc-ic-menu{display:block}/*!@h1*/h1.sc-ic-menu{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-menu{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-menu{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-menu{bottom:-0.25em}/*!@sup*/sup.sc-ic-menu{top:-0.5em}/*!@img*/img.sc-ic-menu{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-menu,input.sc-ic-menu{overflow:visible}/*!@button,\nselect*/button.sc-ic-menu,select.sc-ic-menu{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-menu{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-menu::-moz-focus-inner,[type=\"button\"].sc-ic-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-menu:-moz-focusring,[type=\"button\"].sc-ic-menu:-moz-focusring,[type=\"reset\"].sc-ic-menu:-moz-focusring,[type=\"submit\"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-menu{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-menu{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-menu{display:block}/*!@summary*/summary.sc-ic-menu{display:list-item}/*!@template*/template.sc-ic-menu{display:none}/*!@[hidden]*/[hidden].sc-ic-menu{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){/*!@:host([open]) .menu*/[open].sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}/*!@:host*/.sc-ic-menu-h{border-radius:var(--ic-border-radius);max-height:0;width:var(--input-width, 20rem);color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay)}/*!@:host(:not(.no-focus):focus-within)*/.sc-ic-menu-h:not(.no-focus):focus-within{box-shadow:var(--ic-border-focus)}/*!@.menu*/.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border:0.063rem solid var(--ic-architectural-400);border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}/*!@.menu-scroll*/.menu-scroll.sc-ic-menu{overflow-y:auto}/*!@.menu:focus-visible*/.menu.sc-ic-menu:focus-visible{outline:none}/*!@:host([open])*/[open].sc-ic-menu-h{max-height:none;display:block}/*!@:host([open]) .menu*/[open].sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:20.125rem}/*!@:host(.full-width)*/.full-width.sc-ic-menu-h{width:100%}/*!@.option*/.option.sc-ic-menu{padding:0.5rem 0.438rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}/*!@:host([small]) .option*/[small].sc-ic-menu-h .option.sc-ic-menu{padding:0.25rem 0.438rem}/*!@.option:last-child*/.option.sc-ic-menu:last-child{border-radius:0 0 0.063rem 0.063rem}/*!@.option:first-child*/.option.sc-ic-menu:first-child{border-radius:0.063rem 0.063rem 0 0}/*!@.option:not(.disabled-option):hover*/.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}/*!@.option:not(.disabled-option):active*/.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-active)}/*!@.option:focus-visible*/.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}/*!@.option:not(.disabled-option) .option-description*/.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{color:var(--ic-color-secondary-text)}/*!@.option-text-container*/.option-text-container.sc-ic-menu{pointer-events:none}/*!@.check-icon*/.check-icon.sc-ic-menu{height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:0.5rem;pointer-events:none}/*!@.focused-option .check-icon **/.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}/*!@.option-group-title*/.option-group-title.sc-ic-menu{padding:1.5rem 0.438rem 0.5rem;color:var(--ic-color-tertiary-text)}/*!@:host([small]) .option-group-title*/[small].sc-ic-menu-h .option-group-title.sc-ic-menu{padding:0.75rem 0.438rem 0.25rem}/*!@.last-recommended-option*/.last-recommended-option.sc-ic-menu{border-bottom:0.063rem solid var(--ic-architectural-400)}/*!@.disabled-option*/.disabled-option.sc-ic-menu{color:var(--ic-architectural-200);cursor:default;pointer-events:none}/*!@.focused-option,\n.focused-option .option-description*/.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-focus-blue) !important;color:var(--ic-color-white-text) !important}/*!@:host(.no-results) li*/.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}/*!@:host(.no-results) li:hover*/.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}@media (forced-colors: active){/*!@.focused-option:focus*/.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}}";
|
10200
10393
|
|
10201
10394
|
class Menu {
|
10202
10395
|
constructor(hostRef) {
|
@@ -10511,7 +10704,7 @@ class Menu {
|
|
10511
10704
|
(option.value === value || option.value === this.optionHighlighted) &&
|
10512
10705
|
this.keyboardNav
|
10513
10706
|
? "0"
|
10514
|
-
: "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": option.value === value, "aria-disabled": option.disabled ? "true" : "false", onClick: this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option.value, "data-label": option.label }, hAsync("div", { class: "option-text-container" }, hAsync("ic-typography", { variant: "body", "aria-hidden": "true" }, hAsync("p", null, option.label)), option.description && (hAsync("ic-typography", { id: `${this.getOptionId(option.value)}-description`, class: "option-description", variant: "caption", "aria-hidden": "true" }, hAsync("p", null, option.description)))), option.value === value &&
|
10707
|
+
: "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": option.value === value, "aria-disabled": option.disabled ? "true" : "false", onClick: this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option.value, "data-label": option.label }, hAsync("div", { class: "option-text-container" }, hAsync("ic-typography", { variant: "body", "aria-hidden": "true" }, hAsync("p", null, option.label)), option.description && (hAsync("ic-typography", { id: `${this.getOptionId(option.value)}-description`, class: "option-description", variant: "caption", "aria-hidden": "true" }, hAsync("p", null, option.description)))), (option === null || option === void 0 ? void 0 : option.value.toLowerCase()) === (value === null || value === void 0 ? void 0 : value.toLowerCase()) &&
|
10515
10708
|
this.parentEl.tagName !== "IC-SEARCH-BAR" && (hAsync("span", { class: "check-icon", innerHTML: checkIcon }))));
|
10516
10709
|
};
|
10517
10710
|
this.open = undefined;
|
@@ -10744,7 +10937,7 @@ class NavigationButton {
|
|
10744
10937
|
*/
|
10745
10938
|
async setFocus() {
|
10746
10939
|
if (this.buttonEl) {
|
10747
|
-
this.buttonEl.
|
10940
|
+
this.buttonEl.focus();
|
10748
10941
|
}
|
10749
10942
|
}
|
10750
10943
|
componentWillLoad() {
|
@@ -10785,10 +10978,11 @@ class NavigationButton {
|
|
10785
10978
|
};
|
10786
10979
|
return (hAsync(Host, { class: { ["in-side-menu"]: this.mode === "menu" } }, hAsync("ic-button", Object.assign({ class: className, "aria-label": this.label, ref: (el) => (this.buttonEl = el) }, buttonProps, this.inheritedAttributes), label, hAsync("slot", { slot: "icon", name: "icon" }))));
|
10787
10980
|
}
|
10981
|
+
static get delegatesFocus() { return true; }
|
10788
10982
|
get el() { return getElement(this); }
|
10789
10983
|
static get style() { return icNavigationButtonCss; }
|
10790
10984
|
static get cmpMeta() { return {
|
10791
|
-
"$flags$":
|
10985
|
+
"$flags$": 25,
|
10792
10986
|
"$tagName$": "ic-navigation-button",
|
10793
10987
|
"$members$": {
|
10794
10988
|
"label": [1],
|
@@ -10808,7 +11002,7 @@ class NavigationButton {
|
|
10808
11002
|
}; }
|
10809
11003
|
}
|
10810
11004
|
|
10811
|
-
const icNavigationGroupCss = "/*!@html*/html.sc-ic-navigation-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-group{margin:0}/*!@main*/main.sc-ic-navigation-group{display:block}/*!@h1*/h1.sc-ic-navigation-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-group,strong.sc-ic-navigation-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-group,kbd.sc-ic-navigation-group,samp.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-group,sup.sc-ic-navigation-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-group{top:-0.5em}/*!@img*/img.sc-ic-navigation-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-group,input.sc-ic-navigation-group,optgroup.sc-ic-navigation-group,select.sc-ic-navigation-group,textarea.sc-ic-navigation-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-group,input.sc-ic-navigation-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-group,select.sc-ic-navigation-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-group,[type=\"button\"].sc-ic-navigation-group,[type=\"reset\"].sc-ic-navigation-group,[type=\"submit\"].sc-ic-navigation-group{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-group::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-group::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-group:-moz-focusring,[type=\"button\"].sc-ic-navigation-group:-moz-focusring,[type=\"reset\"].sc-ic-navigation-group:-moz-focusring,[type=\"submit\"].sc-ic-navigation-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-group,[type=\"radio\"].sc-ic-navigation-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-group{display:block}/*!@summary*/summary.sc-ic-navigation-group{display:list-item}/*!@template*/template.sc-ic-navigation-group{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-group{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-navigation-group,body.sc-ic-navigation-group,div.sc-ic-navigation-group,span.sc-ic-navigation-group,applet.sc-ic-navigation-group,object.sc-ic-navigation-group,iframe.sc-ic-navigation-group,h1.sc-ic-navigation-group,h2.sc-ic-navigation-group,h3.sc-ic-navigation-group,h4.sc-ic-navigation-group,h5.sc-ic-navigation-group,h6.sc-ic-navigation-group,p.sc-ic-navigation-group,blockquote.sc-ic-navigation-group,pre.sc-ic-navigation-group,a.sc-ic-navigation-group,abbr.sc-ic-navigation-group,acronym.sc-ic-navigation-group,address.sc-ic-navigation-group,big.sc-ic-navigation-group,cite.sc-ic-navigation-group,code.sc-ic-navigation-group,del.sc-ic-navigation-group,dfn.sc-ic-navigation-group,em.sc-ic-navigation-group,img.sc-ic-navigation-group,ins.sc-ic-navigation-group,kbd.sc-ic-navigation-group,q.sc-ic-navigation-group,s.sc-ic-navigation-group,samp.sc-ic-navigation-group,small.sc-ic-navigation-group,strike.sc-ic-navigation-group,strong.sc-ic-navigation-group,sub.sc-ic-navigation-group,sup.sc-ic-navigation-group,tt.sc-ic-navigation-group,var.sc-ic-navigation-group,b.sc-ic-navigation-group,u.sc-ic-navigation-group,i.sc-ic-navigation-group,center.sc-ic-navigation-group,dl.sc-ic-navigation-group,dt.sc-ic-navigation-group,dd.sc-ic-navigation-group,ol.sc-ic-navigation-group,ul.sc-ic-navigation-group,li.sc-ic-navigation-group,fieldset.sc-ic-navigation-group,form.sc-ic-navigation-group,label.sc-ic-navigation-group,legend.sc-ic-navigation-group,table.sc-ic-navigation-group,caption.sc-ic-navigation-group,tbody.sc-ic-navigation-group,tfoot.sc-ic-navigation-group,thead.sc-ic-navigation-group,tr.sc-ic-navigation-group,th.sc-ic-navigation-group,td.sc-ic-navigation-group,article.sc-ic-navigation-group,aside.sc-ic-navigation-group,canvas.sc-ic-navigation-group,details.sc-ic-navigation-group,embed.sc-ic-navigation-group,figure.sc-ic-navigation-group,figcaption.sc-ic-navigation-group,footer.sc-ic-navigation-group,header.sc-ic-navigation-group,hgroup.sc-ic-navigation-group,menu.sc-ic-navigation-group,nav.sc-ic-navigation-group,output.sc-ic-navigation-group,ruby.sc-ic-navigation-group,section.sc-ic-navigation-group,summary.sc-ic-navigation-group,time.sc-ic-navigation-group,mark.sc-ic-navigation-group,audio.sc-ic-navigation-group,video.sc-ic-navigation-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-group-h{display:block}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-group-h{border-bottom:0.063rem solid var(--ic-architectural-200);padding:var(--ic-space-md) 0}/*!@:host .navigation-group*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-theme-text);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none}/*!@:host(.in-side-menu) .navigation-group*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:2.5rem;width:100%;text-align:left}/*!@:host(.in-side-menu) .navigation-group .ic-typography-label*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group .ic-typography-label.sc-ic-navigation-group{width:11.875rem}/*!@:host(.in-side-menu) .navigation-group-side-menu*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group{color:var(--ic-action-default);justify-content:flex-start;padding:0 var(--ic-space-md) 0 var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{color:var(--ic-action-default);justify-content:flex-start;padding-left:var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{margin-bottom:var(--ic-space-xs)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group::after,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:\"\";display:inline-block;height:0.45em;left:0.75em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;width:0.45em}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{top:0.15em;transform:rotate(-45deg)}/*!@:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--ic-architectural-20);color:var(--ic-color-primary-text);outline:none;cursor:pointer}/*!@:host(:not(.in-side-menu)) .navigation-group:focus*/.sc-ic-navigation-group-h:not(.in-side-menu) .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:1;transition:box-shadow var(--ic-easing-transition-fast)}/*!@:host(.in-side-menu) .navigation-group-side-menu:hover,\n:host(.in-side-menu) .navigation-group-side-menu:active,\n:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:hover,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:active,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{background-color:var(--ic-architectural-20);color:var(--ic-action-default);cursor:auto;box-shadow:none;outline:none}/*!@:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{outline:var(--ic-hc-focus-outline)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:hover:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover);color:var(--ic-action-default);cursor:pointer}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:active:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:active:not(:focus){background-color:var(--ic-action-dark-bg-active);color:var(--ic-action-default)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:focus,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:focus{color:var(--ic-action-default);box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline)}/*!@:host .navigation-group-dropdown*/.sc-ic-navigation-group-h .navigation-group-dropdown.sc-ic-navigation-group{background-color:var(--ic-architectural-20);border-bottom:0.063rem solid var(--ic-architectural-300);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%)}/*!@:host .navigation-group-dropdown-items-list*/.sc-ic-navigation-group-h .navigation-group-dropdown-items-list.sc-ic-navigation-group{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}/*!@:host .chevron-toggle-icon-wrapper*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group{display:flex;align-items:center}/*!@:host .chevron-toggle-icon-wrapper svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host .chevron-toggle-icon-closed svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-closed.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(-90deg)}/*!@:host(.expanded) .grouped-links-wrapper*/.expanded.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:var(--navigation-child-items-height, auto);transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.collapsed) .grouped-links-wrapper*/.collapsed.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:var(--navigation-child-items-height, 0);transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.navigation-group-side-nav) .navigation-group*/.navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:var(--navigation-group-height);width:var(--navigation-group-width);justify-content:var(--navigation-group-justify-content);padding-right:var(--navigation-group-expand-toggle-padding)}/*!@:host(.navigation-group-side-nav) .navigation-group:hover,\n:host(.navigation-group-side-nav) .navigation-group:active,\n:host(.navigation-group-side-nav) .selected*/.navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.navigation-group-side-nav.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}/*!@:host(.navigation-group-side-nav) .navigation-group:focus*/.navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}/*!@:host(.navigation-group-side-nav) .ic-typography-caption*/.navigation-group-side-nav.sc-ic-navigation-group-h .ic-typography-caption.sc-ic-navigation-group{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left);white-space:nowrap}/*!@.menu-visibility-visible*/.menu-visibility-visible.sc-ic-navigation-group{visibility:visible}/*!@.menu-visibility-hidden*/.menu-visibility-hidden.sc-ic-navigation-group{visibility:hidden}";
|
11005
|
+
const icNavigationGroupCss = "/*!@html*/html.sc-ic-navigation-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-group{margin:0}/*!@main*/main.sc-ic-navigation-group{display:block}/*!@h1*/h1.sc-ic-navigation-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-group,strong.sc-ic-navigation-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-group,kbd.sc-ic-navigation-group,samp.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-group,sup.sc-ic-navigation-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-group{top:-0.5em}/*!@img*/img.sc-ic-navigation-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-group,input.sc-ic-navigation-group,optgroup.sc-ic-navigation-group,select.sc-ic-navigation-group,textarea.sc-ic-navigation-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-group,input.sc-ic-navigation-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-group,select.sc-ic-navigation-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-group,[type=\"button\"].sc-ic-navigation-group,[type=\"reset\"].sc-ic-navigation-group,[type=\"submit\"].sc-ic-navigation-group{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-group::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-group::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-group:-moz-focusring,[type=\"button\"].sc-ic-navigation-group:-moz-focusring,[type=\"reset\"].sc-ic-navigation-group:-moz-focusring,[type=\"submit\"].sc-ic-navigation-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-group,[type=\"radio\"].sc-ic-navigation-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-group{display:block}/*!@summary*/summary.sc-ic-navigation-group{display:list-item}/*!@template*/template.sc-ic-navigation-group{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-group{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-navigation-group,body.sc-ic-navigation-group,div.sc-ic-navigation-group,span.sc-ic-navigation-group,applet.sc-ic-navigation-group,object.sc-ic-navigation-group,iframe.sc-ic-navigation-group,h1.sc-ic-navigation-group,h2.sc-ic-navigation-group,h3.sc-ic-navigation-group,h4.sc-ic-navigation-group,h5.sc-ic-navigation-group,h6.sc-ic-navigation-group,p.sc-ic-navigation-group,blockquote.sc-ic-navigation-group,pre.sc-ic-navigation-group,a.sc-ic-navigation-group,abbr.sc-ic-navigation-group,acronym.sc-ic-navigation-group,address.sc-ic-navigation-group,big.sc-ic-navigation-group,cite.sc-ic-navigation-group,code.sc-ic-navigation-group,del.sc-ic-navigation-group,dfn.sc-ic-navigation-group,em.sc-ic-navigation-group,img.sc-ic-navigation-group,ins.sc-ic-navigation-group,kbd.sc-ic-navigation-group,q.sc-ic-navigation-group,s.sc-ic-navigation-group,samp.sc-ic-navigation-group,small.sc-ic-navigation-group,strike.sc-ic-navigation-group,strong.sc-ic-navigation-group,sub.sc-ic-navigation-group,sup.sc-ic-navigation-group,tt.sc-ic-navigation-group,var.sc-ic-navigation-group,b.sc-ic-navigation-group,u.sc-ic-navigation-group,i.sc-ic-navigation-group,center.sc-ic-navigation-group,dl.sc-ic-navigation-group,dt.sc-ic-navigation-group,dd.sc-ic-navigation-group,ol.sc-ic-navigation-group,ul.sc-ic-navigation-group,li.sc-ic-navigation-group,fieldset.sc-ic-navigation-group,form.sc-ic-navigation-group,label.sc-ic-navigation-group,legend.sc-ic-navigation-group,table.sc-ic-navigation-group,caption.sc-ic-navigation-group,tbody.sc-ic-navigation-group,tfoot.sc-ic-navigation-group,thead.sc-ic-navigation-group,tr.sc-ic-navigation-group,th.sc-ic-navigation-group,td.sc-ic-navigation-group,article.sc-ic-navigation-group,aside.sc-ic-navigation-group,canvas.sc-ic-navigation-group,details.sc-ic-navigation-group,embed.sc-ic-navigation-group,figure.sc-ic-navigation-group,figcaption.sc-ic-navigation-group,footer.sc-ic-navigation-group,header.sc-ic-navigation-group,hgroup.sc-ic-navigation-group,menu.sc-ic-navigation-group,nav.sc-ic-navigation-group,output.sc-ic-navigation-group,ruby.sc-ic-navigation-group,section.sc-ic-navigation-group,summary.sc-ic-navigation-group,time.sc-ic-navigation-group,mark.sc-ic-navigation-group,audio.sc-ic-navigation-group,video.sc-ic-navigation-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-group-h{display:block}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-group-h{border-bottom:0.063rem solid var(--ic-architectural-200);padding:var(--ic-space-md) 0}/*!@:host .navigation-group*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-theme-text);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none}/*!@:host(.in-side-menu) .navigation-group*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:2.5rem;width:100%;text-align:left}/*!@:host(.in-side-menu) .navigation-group .ic-typography-label*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group .ic-typography-label.sc-ic-navigation-group{width:11.875rem}/*!@:host(.in-side-menu) .navigation-group-side-menu*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group{color:var(--ic-action-default);justify-content:flex-start;padding:0 var(--ic-space-md) 0 var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{color:var(--ic-action-default);justify-content:flex-start;padding-left:var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{margin-bottom:var(--ic-space-xs)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group::after,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:\"\";display:inline-block;height:0.45em;left:0.75em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;width:0.45em}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{top:0.15em;transform:rotate(-45deg)}/*!@:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--ic-architectural-20);color:var(--ic-color-primary-text);outline:none;cursor:pointer}/*!@:host(:not(.in-side-menu)) .navigation-group:focus*/.sc-ic-navigation-group-h:not(.in-side-menu) .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}/*!@:host(.in-side-menu) .navigation-group-side-menu:hover,\n:host(.in-side-menu) .navigation-group-side-menu:active,\n:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:hover,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:active,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{background-color:var(--ic-architectural-20);color:var(--ic-action-default);cursor:auto;box-shadow:none;outline:none}/*!@:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{outline:var(--ic-hc-focus-outline)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:hover:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover);color:var(--ic-action-default);cursor:pointer}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:active:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:active:not(:focus){background-color:var(--ic-action-dark-bg-active);color:var(--ic-action-default)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:focus,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:focus{color:var(--ic-action-default);box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline)}/*!@:host .navigation-group-dropdown*/.sc-ic-navigation-group-h .navigation-group-dropdown.sc-ic-navigation-group{background-color:var(--ic-architectural-20);border-bottom:0.063rem solid var(--ic-architectural-300);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}/*!@:host .navigation-group-dropdown-items-list*/.sc-ic-navigation-group-h .navigation-group-dropdown-items-list.sc-ic-navigation-group{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}/*!@:host .chevron-toggle-icon-wrapper*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group{display:flex;align-items:center}/*!@:host .chevron-toggle-icon-wrapper svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host .chevron-toggle-icon-closed svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-closed.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(-90deg)}/*!@:host(.expanded) .grouped-links-wrapper*/.expanded.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:var(--navigation-child-items-height, auto);transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.collapsed) .grouped-links-wrapper*/.collapsed.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:var(--navigation-child-items-height, 0);transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.navigation-group-side-nav) .navigation-group*/.navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:var(--navigation-group-height);width:var(--navigation-group-width);justify-content:var(--navigation-group-justify-content);padding-right:var(--navigation-group-expand-toggle-padding)}/*!@:host(.navigation-group-side-nav) .navigation-group:hover,\n:host(.navigation-group-side-nav) .navigation-group:active,\n:host(.navigation-group-side-nav) .selected*/.navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.navigation-group-side-nav.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}/*!@:host(.navigation-group-side-nav) .navigation-group:focus*/.navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}/*!@:host(.navigation-group-side-nav) .ic-typography-caption*/.navigation-group-side-nav.sc-ic-navigation-group-h .ic-typography-caption.sc-ic-navigation-group{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left);white-space:nowrap}/*!@.menu-visibility-visible*/.menu-visibility-visible.sc-ic-navigation-group{visibility:visible}/*!@.menu-visibility-hidden*/.menu-visibility-hidden.sc-ic-navigation-group{visibility:hidden}";
|
10812
11006
|
|
10813
11007
|
class NavigationGroup {
|
10814
11008
|
constructor(hostRef) {
|
@@ -11033,10 +11227,11 @@ class NavigationGroup {
|
|
11033
11227
|
"chevron-toggle-icon-closed": this.expanded,
|
11034
11228
|
}, innerHTML: chevronIcon }))), this.renderNavigationItems()));
|
11035
11229
|
}
|
11230
|
+
static get delegatesFocus() { return true; }
|
11036
11231
|
get el() { return getElement(this); }
|
11037
11232
|
static get style() { return icNavigationGroupCss; }
|
11038
11233
|
static get cmpMeta() { return {
|
11039
|
-
"$flags$":
|
11234
|
+
"$flags$": 25,
|
11040
11235
|
"$tagName$": "ic-navigation-group",
|
11041
11236
|
"$members$": {
|
11042
11237
|
"label": [1],
|
@@ -11056,7 +11251,7 @@ class NavigationGroup {
|
|
11056
11251
|
}; }
|
11057
11252
|
}
|
11058
11253
|
|
11059
|
-
const icNavigationItemCss = "/*!@html*/html.sc-ic-navigation-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-item{margin:0}/*!@main*/main.sc-ic-navigation-item{display:block}/*!@h1*/h1.sc-ic-navigation-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-item,strong.sc-ic-navigation-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-item,kbd.sc-ic-navigation-item,samp.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-item,sup.sc-ic-navigation-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-item{top:-0.5em}/*!@img*/img.sc-ic-navigation-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-item,input.sc-ic-navigation-item,optgroup.sc-ic-navigation-item,select.sc-ic-navigation-item,textarea.sc-ic-navigation-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-item,input.sc-ic-navigation-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-item,select.sc-ic-navigation-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-item,[type=\"button\"].sc-ic-navigation-item,[type=\"reset\"].sc-ic-navigation-item,[type=\"submit\"].sc-ic-navigation-item{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-item::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-item::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-item:-moz-focusring,[type=\"button\"].sc-ic-navigation-item:-moz-focusring,[type=\"reset\"].sc-ic-navigation-item:-moz-focusring,[type=\"submit\"].sc-ic-navigation-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-item,[type=\"radio\"].sc-ic-navigation-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-item{display:block}/*!@summary*/summary.sc-ic-navigation-item{display:list-item}/*!@template*/template.sc-ic-navigation-item{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-item{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-navigation-item,body.sc-ic-navigation-item,div.sc-ic-navigation-item,span.sc-ic-navigation-item,applet.sc-ic-navigation-item,object.sc-ic-navigation-item,iframe.sc-ic-navigation-item,h1.sc-ic-navigation-item,h2.sc-ic-navigation-item,h3.sc-ic-navigation-item,h4.sc-ic-navigation-item,h5.sc-ic-navigation-item,h6.sc-ic-navigation-item,p.sc-ic-navigation-item,blockquote.sc-ic-navigation-item,pre.sc-ic-navigation-item,a.sc-ic-navigation-item,abbr.sc-ic-navigation-item,acronym.sc-ic-navigation-item,address.sc-ic-navigation-item,big.sc-ic-navigation-item,cite.sc-ic-navigation-item,code.sc-ic-navigation-item,del.sc-ic-navigation-item,dfn.sc-ic-navigation-item,em.sc-ic-navigation-item,img.sc-ic-navigation-item,ins.sc-ic-navigation-item,kbd.sc-ic-navigation-item,q.sc-ic-navigation-item,s.sc-ic-navigation-item,samp.sc-ic-navigation-item,small.sc-ic-navigation-item,strike.sc-ic-navigation-item,strong.sc-ic-navigation-item,sub.sc-ic-navigation-item,sup.sc-ic-navigation-item,tt.sc-ic-navigation-item,var.sc-ic-navigation-item,b.sc-ic-navigation-item,u.sc-ic-navigation-item,i.sc-ic-navigation-item,center.sc-ic-navigation-item,dl.sc-ic-navigation-item,dt.sc-ic-navigation-item,dd.sc-ic-navigation-item,ol.sc-ic-navigation-item,ul.sc-ic-navigation-item,li.sc-ic-navigation-item,fieldset.sc-ic-navigation-item,form.sc-ic-navigation-item,label.sc-ic-navigation-item,legend.sc-ic-navigation-item,table.sc-ic-navigation-item,caption.sc-ic-navigation-item,tbody.sc-ic-navigation-item,tfoot.sc-ic-navigation-item,thead.sc-ic-navigation-item,tr.sc-ic-navigation-item,th.sc-ic-navigation-item,td.sc-ic-navigation-item,article.sc-ic-navigation-item,aside.sc-ic-navigation-item,canvas.sc-ic-navigation-item,details.sc-ic-navigation-item,embed.sc-ic-navigation-item,figure.sc-ic-navigation-item,figcaption.sc-ic-navigation-item,footer.sc-ic-navigation-item,header.sc-ic-navigation-item,hgroup.sc-ic-navigation-item,menu.sc-ic-navigation-item,nav.sc-ic-navigation-item,output.sc-ic-navigation-item,ruby.sc-ic-navigation-item,section.sc-ic-navigation-item,summary.sc-ic-navigation-item,time.sc-ic-navigation-item,mark.sc-ic-navigation-item,audio.sc-ic-navigation-item,video.sc-ic-navigation-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-item-h{display:block}/*!@:host(:focus-within)*/.sc-ic-navigation-item-h:focus-within{z-index:1}/*!@svg*/svg.sc-ic-navigation-item{width:var(--ic-space-xl);fill:var(--ic-theme-text)}/*!@ic-typography*/ic-typography.sc-ic-navigation-item{flex:1}/*!@:host([expandable].navigation-item) .link,\n:host([expandable].navigation-item) ::slotted(a)*/[expandable].navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h[expandable].navigation-item .sc-ic-navigation-item-s>a{padding-right:0}/*!@:host(.navigation-item) .link,\n:host(.navigation-item) ::slotted(a)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-theme-text);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative}/*!@:host(.navigation-item) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}/*!@:host(.navigation-item-selected) .link::after,\n:host(.navigation-item-selected) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav) ::slotted(a.active)::after*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-selected .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav .sc-ic-navigation-item-s>a.active::after{content:\"\";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-theme-text)}/*!@:host(.navigation-item-selected.navigation-item-page-header)\n ::slotted(a.active)::after,\n:host(.navigation-item-selected.navigation-item-page-header) .link::after,\n:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav-child) ::slotted(a.active)::after*/.sc-ic-navigation-item-h.navigation-item-selected.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.navigation-item-selected.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::after{content:none}/*!@:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{box-shadow:none}/*!@:host(.navigation-item) .link:hover:not(:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-theme-hover);cursor:pointer}/*!@:host(.navigation-item:not(.navigation-item-page-header, .navigation-item-side-menu))\n ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item:not(.navigation-item-page-header .sc-ic-navigation-item-s>a:hover:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu) .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-theme-hover) !important}/*!@:host(.navigation-item:not(.navigation-item-top-nav-child, .navigation-item-side-menu, .navigation-item-top-nav-child-selected\n .navigation-item-side-menu-selected))\n .focus-indicator:focus-within*/.navigation-item.sc-ic-navigation-item-h:not(.navigation-item-top-nav-child .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .navigation-item-side-menu-selected).sc-ic-navigation-item .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}/*!@:host(.navigation-item) .link:focus,\n:host(.navigation-item) ::slotted(a:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected) .link:focus,\n:host(.navigation-item) ::slotted(a.active:focus)*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected.dark) .link:focus,\n:host(.navigation-item.dark) ::slotted(a.active:focus)*/.navigation-item-selected.dark.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.dark .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item) .link:active:not(:focus),\n:host(.navigation-item) ::slotted(a:active:not(:focus))*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-theme-active)}/*!@:host(.navigation-item-side-menu) .link,\n:host(.navigation-item-side-menu) ::slotted(a)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{height:2.5rem;width:100%;color:var(--ic-color-primary-text);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;transition:var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-side-menu) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast)}/*!@:host(.navigation-item-side-menu) .link:hover:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover)}/*!@:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}/*!@:host(.navigation-item-side-menu) .focus-indicator:focus-within*/.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:none}/*!@:host(.navigation-item-side-menu) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset) !important;padding-right:var(--ic-space-lg);width:auto;border-radius:var(--ic-border-radius-inset) !important}/*!@:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu-selected) ::slotted(a)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu-selected .sc-ic-navigation-item-s>a{transition:box-shadow var(--ic-easing-transition-slow),\n background-color var(--ic-easing-transition-slow)}/*!@:host(.navigation-item-side-menu-selected) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child) .link,\n:host(.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-color-primary-text);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-slow)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}/*!@:host(.navigation-item-top-nav-child) .link:hover:not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:hover):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}/*!@:host(.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-top-nav-child) ::slotted(a:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@:host(.navigation-item-side-menu) .link:active:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus){background-color:var(--ic-action-dark-bg-active)}/*!@:host(.navigation-item-top-nav-child) .link:active:not(:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus){outline:var(--ic-hc-focus-outline);background-color:var(--ic-action-dark-bg-active)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus),\n:host(.navigation-item-side-menu) ::slotted(a:active):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-action-dark-bg-active) !important}/*!@:host(.navigation-item-side-menu-selected) *,\n:host(.navigation-item-top-nav-child-selected) *,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{font-weight:700 !important}/*!@:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,\n:host(.navigation-item-top-nav-child-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::before,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{content:\"\";position:absolute;left:0;width:var(--ic-space-xs);height:2.5rem;margin-right:0.313rem;background-color:var(--ic-action-default);transition:left 0s}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus::before*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}/*!@:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{z-index:1}/*!@:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus::before{left:calc(-1 * var(--ic-space-xs))}/*!@:host(.navigation-item-side-menu-selected) .link::after*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after{display:none}/*!@:host(.navigation-item-side-nav-collapsed) .link*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .link.sc-ic-navigation-item{height:100%}/*!@:host(.navigation-item-side-nav-collapsed) ::slotted(svg),\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .sc-ic-navigation-item-s>svg,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>svg{margin:auto;pointer-events:none}/*!@:host(.navigation-item-side-nav-collapsed) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) ic-typography*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}/*!@:host(.navigation-item-side-nav-collapsed-with-label) ic-typography*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}/*!@:host(.navigation-item-side-nav-collapsed-with-label) .link,\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a)*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link,\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{height:auto !important;gap:0}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block;text-align:center}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link\n ic-typography*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item{opacity:1}/*!@:host(.navigation-item-side-nav-collapsed) svg,\n:host(.navigation-item-side-nav-collapsed-with-label) svg*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h svg.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h svg.sc-ic-navigation-item{display:none}/*!@::slotted(svg)*/.sc-ic-navigation-item-s>svg{fill:var(--ic-theme-text);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@.icon*/.icon.sc-ic-navigation-item{width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%}/*!@.icon > ::slotted(*)*/.icon>.sc-ic-navigation-item-s>*{margin-left:var(--ic-space-md) !important}/*!@:host(.navigation-item-side-nav-collapsed) .icon > ::slotted(*)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .icon>.sc-ic-navigation-item-s>*{margin:auto !important}/*!@:host(.navigation-item-side-nav) .link,\n:host(.navigation-item-side-nav) ::slotted(a)*/.navigation-item-side-nav.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a{height:var(--navigation-item-height);width:var(--navigation-item-width);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n ::slotted(a:focus)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-dark)}/*!@:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active*/.navigation-item-side-nav.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active{background-color:var(--navigation-item-child-active)}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n ::slotted(a:active)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active{background-color:var(--navigation-item-child-active)}/*!@:host(.navigation-item-side-nav) a.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n a.link\n ic-typography,\n.navigation-item-side-nav-slotted-text*/.navigation-item-side-nav.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav-slotted-text.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a.active{box-shadow:inset 0.313rem 0 0 var(--ic-theme-text)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::before,\n:host(.navigation-item-side-nav) ::slotted(a.active)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::before{content:\"\";display:block;position:absolute;top:0;right:0;left:0.313rem;border-radius:0.688rem !important;bottom:0;transition:var(--ic-easing-transition-slow)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus::before{box-shadow:var(--ic-border-focus-inset)}/*!@:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link*/.sc-ic-navigation-item-h:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .link.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);height:auto}/*!@:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n .link,\n:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}/*!@:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::after,\n:host(.navigation-item-side-nav) ::slotted(a.active)::after*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::after{display:none}/*!@:host(.navigation-item-side-nav.navigation-item) .link:focus,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus{margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-theme-text);border-radius:0}/*!@:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-theme-hover) !important}/*!@:host(.navigation-item-page-header).link,\n:host(.navigation-item-page-header) a,\n:host(.navigation-item-page-header) ::slotted(a)*/.navigation-item-page-header.link.sc-ic-navigation-item-h,.navigation-item-page-header.sc-ic-navigation-item-h a.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a{height:2.75rem !important;color:var(--ic-color-primary-text) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link,\n:host(.navigation-item-page-header) ::slotted(a.active)*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active{box-shadow:inset 0 calc(-1 * var(--ic-space-xxs)) 0 var(--ic-action-default)}/*!@:host(.navigation-item-page-header) .link:hover,\n:host(.navigation-item-page-header) ::slotted(.link:hover),\n:host(.navigation-item-page-header) ::slotted(a:hover),\n:host(.navigation-item-page-header) .link:hover:not(:focus)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>.link:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:hover,.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}/*!@:host(.navigation-item-page-header) .link:focus,\n:host(.navigation-item-page-header) ::slotted(a:focus)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus)}/*!@:host(.navigation-item-page-header) .link:active,\n:host(.navigation-item-page-header) ::slotted(a:active)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:active{background-color:var(--ic-action-default-bg-active) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link:focus,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus),\n inset 0 calc(-1 * var(--ic-space-xxs)) 0 var(--ic-action-default)}/*!@:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n .link,\n:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n ::slotted(a.active)*/.navigation-item-page-header.navigation-item-selected.with-transition.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header.navigation-item-selected.with-transition .sc-ic-navigation-item-s>a.active{transition:all var(--ic-easing-transition-fast),\n border-color var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-page-header) ::slotted(a.active)::before,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,\n:host(.navigation-item-page-header.navigation-item-selected)\n .link:focus::before*/.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus::before,.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{display:none}";
|
11254
|
+
const icNavigationItemCss = "/*!@html*/html.sc-ic-navigation-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-item{margin:0}/*!@main*/main.sc-ic-navigation-item{display:block}/*!@h1*/h1.sc-ic-navigation-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-item,strong.sc-ic-navigation-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-item,kbd.sc-ic-navigation-item,samp.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-item,sup.sc-ic-navigation-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-item{top:-0.5em}/*!@img*/img.sc-ic-navigation-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-item,input.sc-ic-navigation-item,optgroup.sc-ic-navigation-item,select.sc-ic-navigation-item,textarea.sc-ic-navigation-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-item,input.sc-ic-navigation-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-item,select.sc-ic-navigation-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-item,[type=\"button\"].sc-ic-navigation-item,[type=\"reset\"].sc-ic-navigation-item,[type=\"submit\"].sc-ic-navigation-item{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-item::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-item::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-item:-moz-focusring,[type=\"button\"].sc-ic-navigation-item:-moz-focusring,[type=\"reset\"].sc-ic-navigation-item:-moz-focusring,[type=\"submit\"].sc-ic-navigation-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-item,[type=\"radio\"].sc-ic-navigation-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-item{display:block}/*!@summary*/summary.sc-ic-navigation-item{display:list-item}/*!@template*/template.sc-ic-navigation-item{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-item{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-navigation-item,body.sc-ic-navigation-item,div.sc-ic-navigation-item,span.sc-ic-navigation-item,applet.sc-ic-navigation-item,object.sc-ic-navigation-item,iframe.sc-ic-navigation-item,h1.sc-ic-navigation-item,h2.sc-ic-navigation-item,h3.sc-ic-navigation-item,h4.sc-ic-navigation-item,h5.sc-ic-navigation-item,h6.sc-ic-navigation-item,p.sc-ic-navigation-item,blockquote.sc-ic-navigation-item,pre.sc-ic-navigation-item,a.sc-ic-navigation-item,abbr.sc-ic-navigation-item,acronym.sc-ic-navigation-item,address.sc-ic-navigation-item,big.sc-ic-navigation-item,cite.sc-ic-navigation-item,code.sc-ic-navigation-item,del.sc-ic-navigation-item,dfn.sc-ic-navigation-item,em.sc-ic-navigation-item,img.sc-ic-navigation-item,ins.sc-ic-navigation-item,kbd.sc-ic-navigation-item,q.sc-ic-navigation-item,s.sc-ic-navigation-item,samp.sc-ic-navigation-item,small.sc-ic-navigation-item,strike.sc-ic-navigation-item,strong.sc-ic-navigation-item,sub.sc-ic-navigation-item,sup.sc-ic-navigation-item,tt.sc-ic-navigation-item,var.sc-ic-navigation-item,b.sc-ic-navigation-item,u.sc-ic-navigation-item,i.sc-ic-navigation-item,center.sc-ic-navigation-item,dl.sc-ic-navigation-item,dt.sc-ic-navigation-item,dd.sc-ic-navigation-item,ol.sc-ic-navigation-item,ul.sc-ic-navigation-item,li.sc-ic-navigation-item,fieldset.sc-ic-navigation-item,form.sc-ic-navigation-item,label.sc-ic-navigation-item,legend.sc-ic-navigation-item,table.sc-ic-navigation-item,caption.sc-ic-navigation-item,tbody.sc-ic-navigation-item,tfoot.sc-ic-navigation-item,thead.sc-ic-navigation-item,tr.sc-ic-navigation-item,th.sc-ic-navigation-item,td.sc-ic-navigation-item,article.sc-ic-navigation-item,aside.sc-ic-navigation-item,canvas.sc-ic-navigation-item,details.sc-ic-navigation-item,embed.sc-ic-navigation-item,figure.sc-ic-navigation-item,figcaption.sc-ic-navigation-item,footer.sc-ic-navigation-item,header.sc-ic-navigation-item,hgroup.sc-ic-navigation-item,menu.sc-ic-navigation-item,nav.sc-ic-navigation-item,output.sc-ic-navigation-item,ruby.sc-ic-navigation-item,section.sc-ic-navigation-item,summary.sc-ic-navigation-item,time.sc-ic-navigation-item,mark.sc-ic-navigation-item,audio.sc-ic-navigation-item,video.sc-ic-navigation-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-item-h{display:block}/*!@:host(:focus-within)*/.sc-ic-navigation-item-h:focus-within{z-index:var(--ic-z-index-navigation-item)}/*!@svg*/svg.sc-ic-navigation-item{width:var(--ic-space-xl);fill:var(--ic-theme-text)}/*!@ic-typography*/ic-typography.sc-ic-navigation-item{flex:1}/*!@:host([expandable].navigation-item) .link,\n:host([expandable].navigation-item) ::slotted(a)*/[expandable].navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h[expandable].navigation-item .sc-ic-navigation-item-s>a{padding-right:0}/*!@:host(.navigation-item) .link,\n:host(.navigation-item) ::slotted(a)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--ic-theme-text);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}/*!@:host(.navigation-item) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}/*!@:host(.navigation-item-selected) .link::after,\n:host(.navigation-item-selected) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav) ::slotted(a.active)::after*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-selected .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav .sc-ic-navigation-item-s>a.active::after{content:\"\";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-theme-text)}/*!@:host(.navigation-item-selected.navigation-item-page-header)\n ::slotted(a.active)::after,\n:host(.navigation-item-selected.navigation-item-page-header) .link::after,\n:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav-child) ::slotted(a.active)::after*/.sc-ic-navigation-item-h.navigation-item-selected.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.navigation-item-selected.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::after{content:none}/*!@:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{box-shadow:none}/*!@:host(.navigation-item) .link:hover:not(:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-theme-hover);cursor:pointer}/*!@:host(.navigation-item:not(.navigation-item-page-header, .navigation-item-side-menu))\n ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item:not(.navigation-item-page-header .sc-ic-navigation-item-s>a:hover:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu) .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-theme-hover) !important}/*!@:host(.navigation-item:not(.navigation-item-top-nav-child, .navigation-item-side-menu, .navigation-item-top-nav-child-selected\n .navigation-item-side-menu-selected))\n .focus-indicator:focus-within*/.navigation-item.sc-ic-navigation-item-h:not(.navigation-item-top-nav-child .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .navigation-item-side-menu-selected).sc-ic-navigation-item .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}/*!@:host(.navigation-item) .link:focus,\n:host(.navigation-item) ::slotted(a:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected) .link:focus,\n:host(.navigation-item) ::slotted(a.active:focus)*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected.dark) .link:focus,\n:host(.navigation-item.dark) ::slotted(a.active:focus)*/.navigation-item-selected.dark.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.dark .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item) .link:active:not(:focus),\n:host(.navigation-item) ::slotted(a:active:not(:focus))*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-theme-active)}/*!@:host(.navigation-item-side-menu) .link,\n:host(.navigation-item-side-menu) ::slotted(a)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{height:2.5rem;width:100%;color:var(--ic-color-primary-text);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;transition:var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-side-menu) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast)}/*!@:host(.navigation-item-side-menu) .link:hover:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover)}/*!@:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}/*!@:host(.navigation-item-side-menu) .focus-indicator:focus-within*/.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:none}/*!@:host(.navigation-item-side-menu) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset) !important;padding-right:var(--ic-space-lg);width:auto;border-radius:var(--ic-border-radius-inset) !important}/*!@:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu-selected) ::slotted(a)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu-selected .sc-ic-navigation-item-s>a{transition:box-shadow var(--ic-easing-transition-slow),\n background-color var(--ic-easing-transition-slow)}/*!@:host(.navigation-item-side-menu-selected) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child) .link,\n:host(.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-color-primary-text);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-slow)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}/*!@:host(.navigation-item-top-nav-child) .link:hover:not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:hover):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}/*!@:host(.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-top-nav-child) ::slotted(a:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@:host(.navigation-item-side-menu) .link:active:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus){background-color:var(--ic-action-dark-bg-active)}/*!@:host(.navigation-item-top-nav-child) .link:active:not(:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus){outline:var(--ic-hc-focus-outline);background-color:var(--ic-action-dark-bg-active)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus),\n:host(.navigation-item-side-menu) ::slotted(a:active):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-action-dark-bg-active) !important}/*!@:host(.navigation-item-side-menu-selected) *,\n:host(.navigation-item-top-nav-child-selected) *,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{font-weight:700 !important}/*!@:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,\n:host(.navigation-item-top-nav-child-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::before,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{content:\"\";position:absolute;left:0;width:var(--ic-space-xs);height:2.5rem;margin-right:0.313rem;background-color:var(--ic-action-default);transition:left 0s}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus::before*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}/*!@:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{z-index:1}/*!@:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus::before{left:calc(-1 * var(--ic-space-xs))}/*!@:host(.navigation-item-side-menu-selected) .link::after*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after{display:none}/*!@:host(.navigation-item-side-nav-collapsed) .link*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .link.sc-ic-navigation-item{height:100%}/*!@:host(.navigation-item-side-nav-collapsed) ::slotted(svg),\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .sc-ic-navigation-item-s>svg,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>svg{margin:auto;pointer-events:none}/*!@:host(.navigation-item-side-nav-collapsed) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) ic-typography*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}/*!@:host(.navigation-item-side-nav-collapsed-with-label) ic-typography*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}/*!@:host(.navigation-item-side-nav-collapsed-with-label) .link,\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a)*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link,\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{height:auto !important;gap:0}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block;text-align:center}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link\n ic-typography*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item{opacity:1}/*!@:host(.navigation-item-side-nav-collapsed) svg,\n:host(.navigation-item-side-nav-collapsed-with-label) svg*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h svg.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h svg.sc-ic-navigation-item{display:none}/*!@::slotted(svg)*/.sc-ic-navigation-item-s>svg{fill:var(--ic-theme-text);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@.icon*/.icon.sc-ic-navigation-item{width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%}/*!@.icon > ::slotted(*)*/.icon>.sc-ic-navigation-item-s>*{margin-left:var(--ic-space-md) !important}/*!@:host(.navigation-item-side-nav-collapsed) .icon > ::slotted(*)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .icon>.sc-ic-navigation-item-s>*{margin:auto !important}/*!@:host(.navigation-item-side-nav) .link,\n:host(.navigation-item-side-nav) ::slotted(a)*/.navigation-item-side-nav.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a{height:var(--navigation-item-height);width:var(--navigation-item-width);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding:0 var(--ic-space-md)}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n ::slotted(a:focus)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-dark)}/*!@:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active*/.navigation-item-side-nav.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active{background-color:var(--navigation-item-child-active)}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n ::slotted(a:active)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active{background-color:var(--navigation-item-child-active)}/*!@:host(.navigation-item-side-nav) a.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n a.link\n ic-typography,\n.navigation-item-side-nav-slotted-text*/.navigation-item-side-nav.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav-slotted-text.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a.active{box-shadow:inset 0.313rem 0 0 var(--ic-theme-text)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::before,\n:host(.navigation-item-side-nav) ::slotted(a.active)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::before{content:\"\";display:block;position:absolute;top:0;right:0;left:0.313rem;border-radius:0.688rem !important;bottom:0;transition:var(--ic-easing-transition-slow)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus::before{box-shadow:var(--ic-border-focus-inset)}/*!@:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link*/.sc-ic-navigation-item-h:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .link.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);height:auto}/*!@:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n .link,\n:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}/*!@:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::after,\n:host(.navigation-item-side-nav) ::slotted(a.active)::after*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::after{display:none}/*!@:host(.navigation-item-side-nav.navigation-item) .link:focus,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus{margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-theme-text);border-radius:0}/*!@:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-theme-hover) !important}/*!@:host(.navigation-item-page-header).link,\n:host(.navigation-item-page-header) a,\n:host(.navigation-item-page-header) ::slotted(a)*/.navigation-item-page-header.link.sc-ic-navigation-item-h,.navigation-item-page-header.sc-ic-navigation-item-h a.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a{height:2.5rem !important;color:var(--ic-color-primary-text) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link,\n:host(.navigation-item-page-header) ::slotted(a.active)*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active{box-shadow:inset 0 calc(-1 * var(--ic-space-xxs)) 0 var(--ic-action-default)}/*!@:host(.navigation-item-page-header) .link:hover,\n:host(.navigation-item-page-header) ::slotted(.link:hover),\n:host(.navigation-item-page-header) ::slotted(a:hover),\n:host(.navigation-item-page-header) .link:hover:not(:focus)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>.link:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:hover,.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}/*!@:host(.navigation-item-page-header) .link:focus,\n:host(.navigation-item-page-header) ::slotted(a:focus)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus)}/*!@:host(.navigation-item-page-header) .link:active,\n:host(.navigation-item-page-header) ::slotted(a:active)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:active{background-color:var(--ic-action-default-bg-active) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link:focus,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus),\n inset 0 calc(-1 * var(--ic-space-xxs)) 0 var(--ic-action-default)}/*!@:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n .link,\n:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n ::slotted(a.active)*/.navigation-item-page-header.navigation-item-selected.with-transition.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header.navigation-item-selected.with-transition .sc-ic-navigation-item-s>a.active{transition:all var(--ic-easing-transition-fast),\n border-color var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-page-header) ::slotted(a.active)::before,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,\n:host(.navigation-item-page-header.navigation-item-selected)\n .link:focus::before*/.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus::before,.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{display:none}";
|
11060
11255
|
|
11061
11256
|
/**
|
11062
11257
|
* @part link - The `<a>` within ic-navigation-item
|
@@ -11190,10 +11385,11 @@ class NavigationItem {
|
|
11190
11385
|
["tooltip-long-label-navigation-item-side-nav-expanded"]: this.el.hasAttribute("[display-navigation-tooltip = 'true']"),
|
11191
11386
|
} }, navigationSlot ? (hAsync("slot", { name: "navigation-item" })) : (this.displayDefaultNavigationItem(href, label)))));
|
11192
11387
|
}
|
11388
|
+
static get delegatesFocus() { return true; }
|
11193
11389
|
get el() { return getElement(this); }
|
11194
11390
|
static get style() { return icNavigationItemCss; }
|
11195
11391
|
static get cmpMeta() { return {
|
11196
|
-
"$flags$":
|
11392
|
+
"$flags$": 25,
|
11197
11393
|
"$tagName$": "ic-navigation-item",
|
11198
11394
|
"$members$": {
|
11199
11395
|
"label": [1],
|
@@ -11218,7 +11414,7 @@ class NavigationItem {
|
|
11218
11414
|
}; }
|
11219
11415
|
}
|
11220
11416
|
|
11221
|
-
const icNavigationMenuCss = "/*!@:host*/.sc-ic-navigation-menu-h{display:block}/*!@.popout-modal*/.popout-modal.sc-ic-navigation-menu{position:absolute;top:0;right:0;bottom:0;left:0}/*!@.popout-menu*/.popout-menu.sc-ic-navigation-menu{position:fixed;top:0;right:0;width:16rem;bottom:0;background-color:var(--ic-architectural-20);color:var(--ic-color-primary-text);box-shadow:var(--ic-elevation-overlay);overflow-y:auto;overflow-x:hidden;z-index:
|
11417
|
+
const icNavigationMenuCss = "/*!@:host*/.sc-ic-navigation-menu-h{display:block}/*!@.popout-modal*/.popout-modal.sc-ic-navigation-menu{position:absolute;top:0;right:0;bottom:0;left:0}/*!@.popout-menu*/.popout-menu.sc-ic-navigation-menu{position:fixed;top:0;right:0;width:16rem;bottom:0;background-color:var(--ic-architectural-20);color:var(--ic-color-primary-text);box-shadow:var(--ic-elevation-overlay);overflow-y:auto;overflow-x:hidden;z-index:var(--ic-z-index-navigation-menu)}/*!@:host(.inline) .popout-menu*/.inline.sc-ic-navigation-menu-h .popout-menu.sc-ic-navigation-menu{position:absolute}/*!@.menu-close-button-container*/.menu-close-button-container.sc-ic-navigation-menu{position:relative;left:11.875rem;padding:var(--ic-space-md) 0}/*!@.nav-group-first*/.nav-group-first.sc-ic-navigation-menu{padding-bottom:0}/*!@.menu-buttons-container*/.menu-buttons-container.sc-ic-navigation-menu{padding:var(--ic-space-sm) 0;border-bottom:0.063rem solid var(--ic-architectural-200)}/*!@.menu-buttons-container-nav-item-above*/.menu-buttons-container-nav-item-above.sc-ic-navigation-menu{margin-top:var(--ic-space-md);border-top:0.063rem solid var(--ic-architectural-200)}/*!@.menu-status-version-container*/.menu-status-version-container.sc-ic-navigation-menu{display:inline-flex;margin:var(--ic-space-md) var(--ic-space-md) var(--ic-space-xl)}/*!@.menu-status*/.menu-status.sc-ic-navigation-menu{background-color:var(--ic-architectural-500);color:var(--ic-color-white-text);border-radius:5rem;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) var(--ic-space-sm);margin-right:var(--ic-space-xs)}/*!@.menu-version*/.menu-version.sc-ic-navigation-menu{border-radius:1rem;background-color:var(--ic-architectural-100);padding:var(--ic-space-xxs) var(--ic-space-sm)}/*!@.menu-status-text,\n.menu-version-text*/.menu-status-text.sc-ic-navigation-menu,.menu-version-text.sc-ic-navigation-menu{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:5.625rem}/*!@.navigation-landmark-text*/.navigation-landmark-text.sc-ic-navigation-menu{position:absolute;width:0.063rem;height:0.063rem;padding:0;margin:-0.063rem;overflow:hidden}";
|
11222
11418
|
|
11223
11419
|
/**
|
11224
11420
|
* @slot navigation - Content will be rendered at top of panel.
|
@@ -11238,8 +11434,8 @@ class NavigationMenu {
|
|
11238
11434
|
this.icNavigationMenuClose.emit();
|
11239
11435
|
};
|
11240
11436
|
this.focusCloseButton = () => {
|
11241
|
-
if (this.closeButton.
|
11242
|
-
this.closeButton.
|
11437
|
+
if (this.closeButton.focus) {
|
11438
|
+
this.closeButton.focus();
|
11243
11439
|
}
|
11244
11440
|
};
|
11245
11441
|
this.focusLastTabStop = () => {
|
@@ -11248,15 +11444,15 @@ class NavigationMenu {
|
|
11248
11444
|
switch (this.lastTabStop.tagName) {
|
11249
11445
|
case "IC-NAVIGATION-BUTTON":
|
11250
11446
|
focusEl = this.lastTabStop;
|
11251
|
-
focusEl.
|
11447
|
+
focusEl.focus();
|
11252
11448
|
break;
|
11253
11449
|
case "IC-NAVIGATION-ITEM":
|
11254
11450
|
focusEl = this.lastTabStop;
|
11255
|
-
focusEl.
|
11451
|
+
focusEl.focus();
|
11256
11452
|
break;
|
11257
11453
|
case "IC-NAVIGATION-GROUP":
|
11258
11454
|
focusEl = this.lastTabStop;
|
11259
|
-
focusEl.
|
11455
|
+
focusEl.focus();
|
11260
11456
|
break;
|
11261
11457
|
case "A":
|
11262
11458
|
this.lastTabStop.focus();
|
@@ -11352,7 +11548,7 @@ class NavigationMenu {
|
|
11352
11548
|
}; }
|
11353
11549
|
}
|
11354
11550
|
|
11355
|
-
const icPageHeaderCss = "/*!@html*/html.sc-ic-page-header{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-page-header{margin:0}/*!@main*/main.sc-ic-page-header{display:block}/*!@h1*/h1.sc-ic-page-header{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-page-header{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-page-header{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-page-header{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-page-header{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-page-header,strong.sc-ic-page-header{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-page-header,kbd.sc-ic-page-header,samp.sc-ic-page-header{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-page-header{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-page-header,sup.sc-ic-page-header{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-page-header{bottom:-0.25em}/*!@sup*/sup.sc-ic-page-header{top:-0.5em}/*!@img*/img.sc-ic-page-header{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-page-header,input.sc-ic-page-header,optgroup.sc-ic-page-header,select.sc-ic-page-header,textarea.sc-ic-page-header{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-page-header,input.sc-ic-page-header{overflow:visible}/*!@button,\nselect*/button.sc-ic-page-header,select.sc-ic-page-header{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-page-header,[type=\"button\"].sc-ic-page-header,[type=\"reset\"].sc-ic-page-header,[type=\"submit\"].sc-ic-page-header{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-page-header::-moz-focus-inner,[type=\"button\"].sc-ic-page-header::-moz-focus-inner,[type=\"reset\"].sc-ic-page-header::-moz-focus-inner,[type=\"submit\"].sc-ic-page-header::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-page-header:-moz-focusring,[type=\"button\"].sc-ic-page-header:-moz-focusring,[type=\"reset\"].sc-ic-page-header:-moz-focusring,[type=\"submit\"].sc-ic-page-header:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-page-header{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-page-header{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-page-header{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-page-header{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-page-header,[type=\"radio\"].sc-ic-page-header{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-page-header::-webkit-inner-spin-button,[type=\"number\"].sc-ic-page-header::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-page-header{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-page-header::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-page-header::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-page-header{display:block}/*!@summary*/summary.sc-ic-page-header{display:list-item}/*!@template*/template.sc-ic-page-header{display:none}/*!@[hidden]*/[hidden].sc-ic-page-header{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-page-header,body.sc-ic-page-header,div.sc-ic-page-header,span.sc-ic-page-header,applet.sc-ic-page-header,object.sc-ic-page-header,iframe.sc-ic-page-header,h1.sc-ic-page-header,h2.sc-ic-page-header,h3.sc-ic-page-header,h4.sc-ic-page-header,h5.sc-ic-page-header,h6.sc-ic-page-header,p.sc-ic-page-header,blockquote.sc-ic-page-header,pre.sc-ic-page-header,a.sc-ic-page-header,abbr.sc-ic-page-header,acronym.sc-ic-page-header,address.sc-ic-page-header,big.sc-ic-page-header,cite.sc-ic-page-header,code.sc-ic-page-header,del.sc-ic-page-header,dfn.sc-ic-page-header,em.sc-ic-page-header,img.sc-ic-page-header,ins.sc-ic-page-header,kbd.sc-ic-page-header,q.sc-ic-page-header,s.sc-ic-page-header,samp.sc-ic-page-header,small.sc-ic-page-header,strike.sc-ic-page-header,strong.sc-ic-page-header,sub.sc-ic-page-header,sup.sc-ic-page-header,tt.sc-ic-page-header,var.sc-ic-page-header,b.sc-ic-page-header,u.sc-ic-page-header,i.sc-ic-page-header,center.sc-ic-page-header,dl.sc-ic-page-header,dt.sc-ic-page-header,dd.sc-ic-page-header,ol.sc-ic-page-header,ul.sc-ic-page-header,li.sc-ic-page-header,fieldset.sc-ic-page-header,form.sc-ic-page-header,label.sc-ic-page-header,legend.sc-ic-page-header,table.sc-ic-page-header,caption.sc-ic-page-header,tbody.sc-ic-page-header,tfoot.sc-ic-page-header,thead.sc-ic-page-header,tr.sc-ic-page-header,th.sc-ic-page-header,td.sc-ic-page-header,article.sc-ic-page-header,aside.sc-ic-page-header,canvas.sc-ic-page-header,details.sc-ic-page-header,embed.sc-ic-page-header,figure.sc-ic-page-header,figcaption.sc-ic-page-header,footer.sc-ic-page-header,header.sc-ic-page-header,hgroup.sc-ic-page-header,menu.sc-ic-page-header,nav.sc-ic-page-header,output.sc-ic-page-header,ruby.sc-ic-page-header,section.sc-ic-page-header,summary.sc-ic-page-header,time.sc-ic-page-header,mark.sc-ic-page-header,audio.sc-ic-page-header,video.sc-ic-page-header{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-page-header-h{display:block}/*!@:host(.sticky)*/.sticky.sc-ic-page-header-h{position:sticky;top:0;box-shadow:var(--ic-elevation-overlay)}/*!@header*/header.sc-ic-page-header{background-color:var(--ic-architectural-40)}/*!@header.border-bottom*/header.border-bottom.sc-ic-page-header{border-bottom:0.063rem solid var(--ic-architectural-300)}/*!@header.tabs*/header.tabs.sc-ic-page-header{padding-top:var(--ic-space-md)}/*!@.breadcrumb-area*/.breadcrumb-area.sc-ic-page-header{margin-bottom:var(--ic-space-md)}/*!@.main-content*/.main-content.sc-ic-page-header{display:grid;grid-template-columns:auto 1fr;grid-template-areas:\"title-area action-area\"\n \"input-area action-area\";-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md);justify-content:space-between;width:100%}/*!@.title-area*/.title-area.sc-ic-page-header{display:flex;flex-direction:column;flex:1;min-width:19rem;grid-area:title-area}/*!@.header-content*/.header-content.sc-ic-page-header{display:flex;align-items:center;width:100%;flex-wrap:wrap;row-gap:var(--ic-space-xs);-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md)}/*!@.heading*/.heading.sc-ic-page-header{display:inline-block;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@.subheading.small*/.subheading.small.sc-ic-page-header{margin-top:var(--ic-space-xs)}/*!@.action-area*/.action-area.sc-ic-page-header{display:flex;gap:var(--ic-space-md);flex-flow:row wrap;justify-self:end;justify-content:flex-end;height:-moz-fit-content;height:fit-content;grid-area:action-area}/*!@.input-area,\n.navigation-area*/.input-area.sc-ic-page-header,.navigation-area.sc-ic-page-header{margin-top:var(--ic-space-md);width:100%}/*!@.tabs-slot*/.tabs-slot.sc-ic-page-header{display:flex;overflow-x:auto;padding:0.5rem;margin:-0.5rem}/*!@.input-area*/.input-area.sc-ic-page-header{grid-area:input-area}@media screen and (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-page-header-s>ic-text-field{--input-width:100%;max-width:20rem}/*!@.main-content*/.main-content.sc-ic-page-header{grid-template-areas:\"title-area\"\n \"action-area\"\n \"input-area\";justify-content:flex-start}/*!@.title-area*/.title-area.sc-ic-page-header{min-width:0}/*!@.action-area*/.action-area.sc-ic-page-header{min-width:100%;margin-top:var(--ic-space-md);justify-content:start}}@media screen and (min-width: 992px){/*!@:host(.sticky-desktop)*/.sticky-desktop.sc-ic-page-header-h{position:sticky;top:0;box-shadow:var(--ic-elevation-overlay)}}";
|
11551
|
+
const icPageHeaderCss = "/*!@html*/html.sc-ic-page-header{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-page-header{margin:0}/*!@main*/main.sc-ic-page-header{display:block}/*!@h1*/h1.sc-ic-page-header{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-page-header{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-page-header{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-page-header{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-page-header{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-page-header,strong.sc-ic-page-header{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-page-header,kbd.sc-ic-page-header,samp.sc-ic-page-header{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-page-header{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-page-header,sup.sc-ic-page-header{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-page-header{bottom:-0.25em}/*!@sup*/sup.sc-ic-page-header{top:-0.5em}/*!@img*/img.sc-ic-page-header{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-page-header,input.sc-ic-page-header,optgroup.sc-ic-page-header,select.sc-ic-page-header,textarea.sc-ic-page-header{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-page-header,input.sc-ic-page-header{overflow:visible}/*!@button,\nselect*/button.sc-ic-page-header,select.sc-ic-page-header{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-page-header,[type=\"button\"].sc-ic-page-header,[type=\"reset\"].sc-ic-page-header,[type=\"submit\"].sc-ic-page-header{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-page-header::-moz-focus-inner,[type=\"button\"].sc-ic-page-header::-moz-focus-inner,[type=\"reset\"].sc-ic-page-header::-moz-focus-inner,[type=\"submit\"].sc-ic-page-header::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-page-header:-moz-focusring,[type=\"button\"].sc-ic-page-header:-moz-focusring,[type=\"reset\"].sc-ic-page-header:-moz-focusring,[type=\"submit\"].sc-ic-page-header:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-page-header{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-page-header{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-page-header{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-page-header{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-page-header,[type=\"radio\"].sc-ic-page-header{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-page-header::-webkit-inner-spin-button,[type=\"number\"].sc-ic-page-header::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-page-header{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-page-header::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-page-header::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-page-header{display:block}/*!@summary*/summary.sc-ic-page-header{display:list-item}/*!@template*/template.sc-ic-page-header{display:none}/*!@[hidden]*/[hidden].sc-ic-page-header{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-page-header,body.sc-ic-page-header,div.sc-ic-page-header,span.sc-ic-page-header,applet.sc-ic-page-header,object.sc-ic-page-header,iframe.sc-ic-page-header,h1.sc-ic-page-header,h2.sc-ic-page-header,h3.sc-ic-page-header,h4.sc-ic-page-header,h5.sc-ic-page-header,h6.sc-ic-page-header,p.sc-ic-page-header,blockquote.sc-ic-page-header,pre.sc-ic-page-header,a.sc-ic-page-header,abbr.sc-ic-page-header,acronym.sc-ic-page-header,address.sc-ic-page-header,big.sc-ic-page-header,cite.sc-ic-page-header,code.sc-ic-page-header,del.sc-ic-page-header,dfn.sc-ic-page-header,em.sc-ic-page-header,img.sc-ic-page-header,ins.sc-ic-page-header,kbd.sc-ic-page-header,q.sc-ic-page-header,s.sc-ic-page-header,samp.sc-ic-page-header,small.sc-ic-page-header,strike.sc-ic-page-header,strong.sc-ic-page-header,sub.sc-ic-page-header,sup.sc-ic-page-header,tt.sc-ic-page-header,var.sc-ic-page-header,b.sc-ic-page-header,u.sc-ic-page-header,i.sc-ic-page-header,center.sc-ic-page-header,dl.sc-ic-page-header,dt.sc-ic-page-header,dd.sc-ic-page-header,ol.sc-ic-page-header,ul.sc-ic-page-header,li.sc-ic-page-header,fieldset.sc-ic-page-header,form.sc-ic-page-header,label.sc-ic-page-header,legend.sc-ic-page-header,table.sc-ic-page-header,caption.sc-ic-page-header,tbody.sc-ic-page-header,tfoot.sc-ic-page-header,thead.sc-ic-page-header,tr.sc-ic-page-header,th.sc-ic-page-header,td.sc-ic-page-header,article.sc-ic-page-header,aside.sc-ic-page-header,canvas.sc-ic-page-header,details.sc-ic-page-header,embed.sc-ic-page-header,figure.sc-ic-page-header,figcaption.sc-ic-page-header,footer.sc-ic-page-header,header.sc-ic-page-header,hgroup.sc-ic-page-header,menu.sc-ic-page-header,nav.sc-ic-page-header,output.sc-ic-page-header,ruby.sc-ic-page-header,section.sc-ic-page-header,summary.sc-ic-page-header,time.sc-ic-page-header,mark.sc-ic-page-header,audio.sc-ic-page-header,video.sc-ic-page-header{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-page-header-h{display:block;z-index:var(--ic-z-index-page-header)}/*!@:host(.sticky)*/.sticky.sc-ic-page-header-h{position:sticky;top:0;box-shadow:var(--ic-elevation-overlay)}/*!@header*/header.sc-ic-page-header{background-color:var(--ic-architectural-40)}/*!@header.border-bottom*/header.border-bottom.sc-ic-page-header{border-bottom:0.063rem solid var(--ic-architectural-300)}/*!@header.tabs*/header.tabs.sc-ic-page-header{padding-top:var(--ic-space-md)}/*!@.breadcrumb-area*/.breadcrumb-area.sc-ic-page-header{margin-bottom:var(--ic-space-md)}/*!@.main-content*/.main-content.sc-ic-page-header{display:grid;grid-template-columns:auto 1fr;grid-template-areas:\"title-area action-area\"\n \"input-area action-area\";-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md);justify-content:space-between;width:100%}/*!@.title-area*/.title-area.sc-ic-page-header{display:flex;flex-direction:column;flex:1;min-width:19rem;grid-area:title-area}/*!@.header-content*/.header-content.sc-ic-page-header{display:flex;align-items:center;width:100%;flex-wrap:wrap;row-gap:var(--ic-space-xs);-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md)}/*!@.heading*/.heading.sc-ic-page-header{display:inline-block;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@.subheading.small*/.subheading.small.sc-ic-page-header{margin-top:var(--ic-space-xs)}/*!@.action-area*/.action-area.sc-ic-page-header{display:flex;gap:var(--ic-space-md);flex-flow:row wrap;justify-self:end;justify-content:flex-end;height:-moz-fit-content;height:fit-content;grid-area:action-area}/*!@.input-area,\n.navigation-area*/.input-area.sc-ic-page-header,.navigation-area.sc-ic-page-header{margin-top:var(--ic-space-md);width:100%}/*!@.tabs-slot*/.tabs-slot.sc-ic-page-header{display:flex;overflow-x:auto;padding:0.5rem;margin:-0.5rem}/*!@.tabs-slot::-webkit-scrollbar*/.tabs-slot.sc-ic-page-header::-webkit-scrollbar{display:none}/*!@.input-area*/.input-area.sc-ic-page-header{grid-area:input-area}@media screen and (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-page-header-s>ic-text-field{--input-width:100%;max-width:20rem}/*!@.main-content*/.main-content.sc-ic-page-header{grid-template-areas:\"title-area\"\n \"action-area\"\n \"input-area\";justify-content:flex-start}/*!@.title-area*/.title-area.sc-ic-page-header{min-width:0}/*!@.action-area*/.action-area.sc-ic-page-header{min-width:100%;margin-top:var(--ic-space-md);justify-content:start}}@media screen and (min-width: 992px){/*!@:host(.sticky-desktop)*/.sticky-desktop.sc-ic-page-header-h{position:sticky;top:0;box-shadow:var(--ic-elevation-overlay)}}";
|
11356
11552
|
|
11357
11553
|
/**
|
11358
11554
|
* @slot breadcrumbs - Content will be rendered in the breadcrumb area, above the title and action areas.
|
@@ -11453,7 +11649,7 @@ class PageHeader {
|
|
11453
11649
|
["tabs"]: isSlotUsed(this.el, "tabs"),
|
11454
11650
|
} }, hAsync("ic-section-container", { aligned: aligned, fullHeight: isSlotUsed(this.el, "tabs") }, isSlotUsed(this.el, "breadcrumbs") && (hAsync("div", { class: "breadcrumb-area" }, hAsync("slot", { name: "breadcrumbs" }))), hAsync("div", { class: "main-content" }, hAsync("div", { class: "title-area" }, hAsync("div", { class: "header-content" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: small ? "h4" : "h2", class: "heading" }, hAsync("h2", null, heading))), hAsync("slot", { name: "heading-adornment" })), hAsync("div", null, hAsync("slot", { name: "subheading" }, subheading && (hAsync("ic-typography", { variant: "body", class: { ["subheading"]: true, ["small"]: small } }, subheading))))), isSlotUsed(this.el, "actions") && (hAsync("div", { class: "action-area" }, hAsync("slot", { name: "actions" }))), isSlotUsed(this.el, "input") && (hAsync("div", { class: "input-area" }, hAsync("slot", { name: "input" })))), (isSlotUsed(this.el, "stepper") ||
|
11455
11651
|
isSlotUsed(this.el, "tabs")) && (hAsync("div", { class: "navigation-area" }, isSlotUsed(this.el, "stepper") &&
|
11456
|
-
!isSlotUsed(this.el, "tabs") && hAsync("slot", { name: "stepper" }), isSlotUsed(this.el, "tabs") && (hAsync("nav", {
|
11652
|
+
!isSlotUsed(this.el, "tabs") && hAsync("slot", { name: "stepper" }), isSlotUsed(this.el, "tabs") && (hAsync("nav", { "aria-label": "navigation-landmark-page-header" }, hAsync("ic-horizontal-scroll", null, hAsync("ul", { class: "tabs-slot" }, hAsync("slot", { name: "tabs" })))))))))));
|
11457
11653
|
}
|
11458
11654
|
get el() { return getElement(this); }
|
11459
11655
|
static get style() { return icPageHeaderCss; }
|
@@ -11722,13 +11918,14 @@ class RadioOption {
|
|
11722
11918
|
"additional-field-wrapper": this.additionalFieldDisplay === "static",
|
11723
11919
|
} }, hAsync("slot", { name: "additional-field" })))))));
|
11724
11920
|
}
|
11921
|
+
static get delegatesFocus() { return true; }
|
11725
11922
|
get host() { return getElement(this); }
|
11726
11923
|
static get watchers() { return {
|
11727
11924
|
"selected": ["selectedChangeHandler"]
|
11728
11925
|
}; }
|
11729
11926
|
static get style() { return icRadioOptionCss; }
|
11730
11927
|
static get cmpMeta() { return {
|
11731
|
-
"$flags$":
|
11928
|
+
"$flags$": 25,
|
11732
11929
|
"$tagName$": "ic-radio-option",
|
11733
11930
|
"$members$": {
|
11734
11931
|
"selected": [1540],
|
@@ -11757,7 +11954,7 @@ var searchIcon = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xm
|
|
11757
11954
|
<path d="M13.1292 11.8792H12.4708L12.2375 11.6542C13.0542 10.7042 13.5458 9.47083 13.5458 8.12916C13.5458 5.13749 11.1208 2.71249 8.12916 2.71249C5.13749 2.71249 2.71249 5.13749 2.71249 8.12916C2.71249 11.1208 5.13749 13.5458 8.12916 13.5458C9.47083 13.5458 10.7042 13.0542 11.6542 12.2375L11.8792 12.4708V13.1292L16.0458 17.2875L17.2875 16.0458L13.1292 11.8792ZM8.12916 11.8792C6.05416 11.8792 4.37916 10.2042 4.37916 8.12916C4.37916 6.05416 6.05416 4.37916 8.12916 4.37916C10.2042 4.37916 11.8792 6.05416 11.8792 8.12916C11.8792 10.2042 10.2042 11.8792 8.12916 11.8792Z" fill="currentColor"/>
|
11758
11955
|
</svg>`;
|
11759
11956
|
|
11760
|
-
const icSearchBarCss = "/*!@html*/html.sc-ic-search-bar{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-search-bar{margin:0}/*!@main*/main.sc-ic-search-bar{display:block}/*!@h1*/h1.sc-ic-search-bar{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-search-bar{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-search-bar{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-search-bar{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-search-bar,strong.sc-ic-search-bar{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-search-bar,kbd.sc-ic-search-bar,samp.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-search-bar{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-search-bar,sup.sc-ic-search-bar{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-search-bar{bottom:-0.25em}/*!@sup*/sup.sc-ic-search-bar{top:-0.5em}/*!@img*/img.sc-ic-search-bar{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-search-bar,input.sc-ic-search-bar,optgroup.sc-ic-search-bar,select.sc-ic-search-bar,textarea.sc-ic-search-bar{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-search-bar,input.sc-ic-search-bar{overflow:visible}/*!@button,\nselect*/button.sc-ic-search-bar,select.sc-ic-search-bar{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-search-bar,[type=\"button\"].sc-ic-search-bar,[type=\"reset\"].sc-ic-search-bar,[type=\"submit\"].sc-ic-search-bar{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-search-bar::-moz-focus-inner,[type=\"button\"].sc-ic-search-bar::-moz-focus-inner,[type=\"reset\"].sc-ic-search-bar::-moz-focus-inner,[type=\"submit\"].sc-ic-search-bar::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-search-bar:-moz-focusring,[type=\"button\"].sc-ic-search-bar:-moz-focusring,[type=\"reset\"].sc-ic-search-bar:-moz-focusring,[type=\"submit\"].sc-ic-search-bar:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-search-bar{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-search-bar{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-search-bar{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-search-bar{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-search-bar,[type=\"radio\"].sc-ic-search-bar{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-search-bar::-webkit-inner-spin-button,[type=\"number\"].sc-ic-search-bar::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-search-bar{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-search-bar::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-search-bar::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-search-bar{display:block}/*!@summary*/summary.sc-ic-search-bar{display:list-item}/*!@template*/template.sc-ic-search-bar{display:none}/*!@[hidden]*/[hidden].sc-ic-search-bar{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-search-bar,body.sc-ic-search-bar,div.sc-ic-search-bar,span.sc-ic-search-bar,applet.sc-ic-search-bar,object.sc-ic-search-bar,iframe.sc-ic-search-bar,h1.sc-ic-search-bar,h2.sc-ic-search-bar,h3.sc-ic-search-bar,h4.sc-ic-search-bar,h5.sc-ic-search-bar,h6.sc-ic-search-bar,p.sc-ic-search-bar,blockquote.sc-ic-search-bar,pre.sc-ic-search-bar,a.sc-ic-search-bar,abbr.sc-ic-search-bar,acronym.sc-ic-search-bar,address.sc-ic-search-bar,big.sc-ic-search-bar,cite.sc-ic-search-bar,code.sc-ic-search-bar,del.sc-ic-search-bar,dfn.sc-ic-search-bar,em.sc-ic-search-bar,img.sc-ic-search-bar,ins.sc-ic-search-bar,kbd.sc-ic-search-bar,q.sc-ic-search-bar,s.sc-ic-search-bar,samp.sc-ic-search-bar,small.sc-ic-search-bar,strike.sc-ic-search-bar,strong.sc-ic-search-bar,sub.sc-ic-search-bar,sup.sc-ic-search-bar,tt.sc-ic-search-bar,var.sc-ic-search-bar,b.sc-ic-search-bar,u.sc-ic-search-bar,i.sc-ic-search-bar,center.sc-ic-search-bar,dl.sc-ic-search-bar,dt.sc-ic-search-bar,dd.sc-ic-search-bar,ol.sc-ic-search-bar,ul.sc-ic-search-bar,li.sc-ic-search-bar,fieldset.sc-ic-search-bar,form.sc-ic-search-bar,label.sc-ic-search-bar,legend.sc-ic-search-bar,table.sc-ic-search-bar,caption.sc-ic-search-bar,tbody.sc-ic-search-bar,tfoot.sc-ic-search-bar,thead.sc-ic-search-bar,tr.sc-ic-search-bar,th.sc-ic-search-bar,td.sc-ic-search-bar,article.sc-ic-search-bar,aside.sc-ic-search-bar,canvas.sc-ic-search-bar,details.sc-ic-search-bar,embed.sc-ic-search-bar,figure.sc-ic-search-bar,figcaption.sc-ic-search-bar,footer.sc-ic-search-bar,header.sc-ic-search-bar,hgroup.sc-ic-search-bar,menu.sc-ic-search-bar,nav.sc-ic-search-bar,output.sc-ic-search-bar,ruby.sc-ic-search-bar,section.sc-ic-search-bar,summary.sc-ic-search-bar,time.sc-ic-search-bar,mark.sc-ic-search-bar,audio.sc-ic-search-bar,video.sc-ic-search-bar{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.search)*/.search.sc-ic-search-bar-h{--divider-height:1.5rem}/*!@:host(.search.small)*/.search.small.sc-ic-search-bar-h{--divider-height:1rem}/*!@:host(.fullwidth)*/.fullwidth.sc-ic-search-bar-h{width:100%}/*!@:host(.search) .disabled:hover*/.search.sc-ic-search-bar-h .disabled.sc-ic-search-bar:hover{border-color:var(--ic-architectural-200)}/*!@:host(.search.disabled) .disabled svg*/.search.disabled.sc-ic-search-bar-h .disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-200)}/*!@:host(.search) .disabled svg*/.search.sc-ic-search-bar-h .disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-400)}/*!@.clear-button-container*/.clear-button-container.sc-ic-search-bar{align-items:center;margin-right:0.063rem;display:none;visibility:hidden}/*!@.clear-button*/.clear-button.sc-ic-search-bar{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition)}/*!@.clear-button:focus*/.clear-button.sc-ic-search-bar:focus{background-color:var(--ic-focus-blue);box-shadow:inset 0 0 0 0.125rem var(--ic-focus-glow);border-radius:0.25rem}/*!@.clear-button:focus **/.clear-button.sc-ic-search-bar:focus *.sc-ic-search-bar{fill:white}/*!@.clear-button-visible*/.clear-button-visible.sc-ic-search-bar{visibility:visible;display:flex}/*!@.search-submit-button-container*/.search-submit-button-container.sc-ic-search-bar{display:flex;align-items:center}/*!@.search-submit-button-disabled .ic-tooltip-container*/.search-submit-button-disabled.sc-ic-search-bar .ic-tooltip-container.sc-ic-search-bar{display:none !important}/*!@.search-submit-button:focus*/.search-submit-button.sc-ic-search-bar:focus{background-color:var(--ic-focus-blue) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-focus-glow) !important;border-radius:var(--ic-space-xxs)}/*!@.search-submit-button:focus **/.search-submit-button.sc-ic-search-bar:focus *.sc-ic-search-bar{fill:white}/*!@.divider*/.divider.sc-ic-search-bar{width:0.063rem;background-color:var(--ic-action-dark-active);height:var(--divider-height)}/*!@:host(.dark) .divider*/.dark.sc-ic-search-bar-h .divider.sc-ic-search-bar{background-color:var(--ic-architectural-200)}/*!@.menu-container*/.menu-container.sc-ic-search-bar{width:var(--input-width, 20rem);position:relative;top:var(--ic-space-xxxs)}/*!@.menu-container.fullwidth*/.menu-container.fullwidth.sc-ic-search-bar{width:100%}/*!@ic-menu*/ic-menu.sc-ic-search-bar{transition:var(--ic-easing-transition-slow)}/*!@.no-results*/.no-results.sc-ic-search-bar{cursor:not-allowed}/*!@.search-results-status*/.search-results-status.sc-ic-search-bar{border:0;clip:rect(0, 0, 0, 0, 0);height:0.063rem;margin-bottom:-0.063rem;margin-right:-0.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:0.063rem}";
|
11957
|
+
const icSearchBarCss = "/*!@html*/html.sc-ic-search-bar{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-search-bar{margin:0}/*!@main*/main.sc-ic-search-bar{display:block}/*!@h1*/h1.sc-ic-search-bar{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-search-bar{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-search-bar{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-search-bar{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-search-bar,strong.sc-ic-search-bar{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-search-bar,kbd.sc-ic-search-bar,samp.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-search-bar{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-search-bar,sup.sc-ic-search-bar{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-search-bar{bottom:-0.25em}/*!@sup*/sup.sc-ic-search-bar{top:-0.5em}/*!@img*/img.sc-ic-search-bar{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-search-bar,input.sc-ic-search-bar,optgroup.sc-ic-search-bar,select.sc-ic-search-bar,textarea.sc-ic-search-bar{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-search-bar,input.sc-ic-search-bar{overflow:visible}/*!@button,\nselect*/button.sc-ic-search-bar,select.sc-ic-search-bar{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-search-bar,[type=\"button\"].sc-ic-search-bar,[type=\"reset\"].sc-ic-search-bar,[type=\"submit\"].sc-ic-search-bar{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-search-bar::-moz-focus-inner,[type=\"button\"].sc-ic-search-bar::-moz-focus-inner,[type=\"reset\"].sc-ic-search-bar::-moz-focus-inner,[type=\"submit\"].sc-ic-search-bar::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-search-bar:-moz-focusring,[type=\"button\"].sc-ic-search-bar:-moz-focusring,[type=\"reset\"].sc-ic-search-bar:-moz-focusring,[type=\"submit\"].sc-ic-search-bar:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-search-bar{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-search-bar{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-search-bar{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-search-bar{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-search-bar,[type=\"radio\"].sc-ic-search-bar{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-search-bar::-webkit-inner-spin-button,[type=\"number\"].sc-ic-search-bar::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-search-bar{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-search-bar::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-search-bar::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-search-bar{display:block}/*!@summary*/summary.sc-ic-search-bar{display:list-item}/*!@template*/template.sc-ic-search-bar{display:none}/*!@[hidden]*/[hidden].sc-ic-search-bar{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-search-bar,body.sc-ic-search-bar,div.sc-ic-search-bar,span.sc-ic-search-bar,applet.sc-ic-search-bar,object.sc-ic-search-bar,iframe.sc-ic-search-bar,h1.sc-ic-search-bar,h2.sc-ic-search-bar,h3.sc-ic-search-bar,h4.sc-ic-search-bar,h5.sc-ic-search-bar,h6.sc-ic-search-bar,p.sc-ic-search-bar,blockquote.sc-ic-search-bar,pre.sc-ic-search-bar,a.sc-ic-search-bar,abbr.sc-ic-search-bar,acronym.sc-ic-search-bar,address.sc-ic-search-bar,big.sc-ic-search-bar,cite.sc-ic-search-bar,code.sc-ic-search-bar,del.sc-ic-search-bar,dfn.sc-ic-search-bar,em.sc-ic-search-bar,img.sc-ic-search-bar,ins.sc-ic-search-bar,kbd.sc-ic-search-bar,q.sc-ic-search-bar,s.sc-ic-search-bar,samp.sc-ic-search-bar,small.sc-ic-search-bar,strike.sc-ic-search-bar,strong.sc-ic-search-bar,sub.sc-ic-search-bar,sup.sc-ic-search-bar,tt.sc-ic-search-bar,var.sc-ic-search-bar,b.sc-ic-search-bar,u.sc-ic-search-bar,i.sc-ic-search-bar,center.sc-ic-search-bar,dl.sc-ic-search-bar,dt.sc-ic-search-bar,dd.sc-ic-search-bar,ol.sc-ic-search-bar,ul.sc-ic-search-bar,li.sc-ic-search-bar,fieldset.sc-ic-search-bar,form.sc-ic-search-bar,label.sc-ic-search-bar,legend.sc-ic-search-bar,table.sc-ic-search-bar,caption.sc-ic-search-bar,tbody.sc-ic-search-bar,tfoot.sc-ic-search-bar,thead.sc-ic-search-bar,tr.sc-ic-search-bar,th.sc-ic-search-bar,td.sc-ic-search-bar,article.sc-ic-search-bar,aside.sc-ic-search-bar,canvas.sc-ic-search-bar,details.sc-ic-search-bar,embed.sc-ic-search-bar,figure.sc-ic-search-bar,figcaption.sc-ic-search-bar,footer.sc-ic-search-bar,header.sc-ic-search-bar,hgroup.sc-ic-search-bar,menu.sc-ic-search-bar,nav.sc-ic-search-bar,output.sc-ic-search-bar,ruby.sc-ic-search-bar,section.sc-ic-search-bar,summary.sc-ic-search-bar,time.sc-ic-search-bar,mark.sc-ic-search-bar,audio.sc-ic-search-bar,video.sc-ic-search-bar{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.search)*/.search.sc-ic-search-bar-h{--divider-height:1.5rem}/*!@:host(.search.small)*/.search.small.sc-ic-search-bar-h{--divider-height:1rem}/*!@:host(.fullwidth)*/.fullwidth.sc-ic-search-bar-h{width:100%}/*!@:host(.search) .disabled:hover*/.search.sc-ic-search-bar-h .disabled.sc-ic-search-bar:hover{border-color:var(--ic-architectural-200)}/*!@:host(.search.disabled) .disabled svg*/.search.disabled.sc-ic-search-bar-h .disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-200)}/*!@:host(.search) .disabled svg*/.search.sc-ic-search-bar-h .disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-400)}/*!@.clear-button-container*/.clear-button-container.sc-ic-search-bar{align-items:center;margin-right:0.063rem;display:none;visibility:hidden}/*!@.clear-button*/.clear-button.sc-ic-search-bar{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition)}/*!@.clear-button:focus,\n.clear-button:active*/.clear-button.sc-ic-search-bar:focus,.clear-button.sc-ic-search-bar:active{background-color:var(--ic-focus-blue);box-shadow:inset 0 0 0 0.125rem var(--ic-focus-glow);border-radius:0.25rem}/*!@.clear-button:focus,\n.clear-button:active **/.clear-button.sc-ic-search-bar:focus,.clear-button.sc-ic-search-bar:active *.sc-ic-search-bar{fill:white}/*!@.clear-button-visible*/.clear-button-visible.sc-ic-search-bar{visibility:visible;display:flex}/*!@.search-submit-button-container*/.search-submit-button-container.sc-ic-search-bar{display:flex;align-items:center}/*!@.search-submit-button-disabled .ic-tooltip-container*/.search-submit-button-disabled.sc-ic-search-bar .ic-tooltip-container.sc-ic-search-bar{display:none !important}/*!@.search-submit-button:focus,\n.search-submit-button:active*/.search-submit-button.sc-ic-search-bar:focus,.search-submit-button.sc-ic-search-bar:active{background-color:var(--ic-focus-blue) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-focus-glow) !important;border-radius:var(--ic-space-xxs)}/*!@.search-submit-button:focus,\n.search-submit-button:active **/.search-submit-button.sc-ic-search-bar:focus,.search-submit-button.sc-ic-search-bar:active *.sc-ic-search-bar{fill:white}/*!@.divider*/.divider.sc-ic-search-bar{width:0.063rem;background-color:var(--ic-action-dark-active);height:var(--divider-height)}/*!@:host(.dark) .divider*/.dark.sc-ic-search-bar-h .divider.sc-ic-search-bar{background-color:var(--ic-architectural-200)}/*!@.menu-container*/.menu-container.sc-ic-search-bar{width:var(--input-width, 20rem);position:relative;top:var(--ic-space-xxxs)}/*!@.menu-container.fullwidth*/.menu-container.fullwidth.sc-ic-search-bar{width:100%}/*!@ic-menu*/ic-menu.sc-ic-search-bar{transition:var(--ic-easing-transition-slow)}/*!@.no-results*/.no-results.sc-ic-search-bar{cursor:not-allowed}/*!@.search-results-status*/.search-results-status.sc-ic-search-bar{border:0;clip:rect(0, 0, 0, 0, 0);height:0.063rem;margin-bottom:-0.063rem;margin-right:-0.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:0.063rem}";
|
11761
11958
|
|
11762
11959
|
let inputIds$3 = 0;
|
11763
11960
|
class SearchBar {
|
@@ -11836,6 +12033,9 @@ class SearchBar {
|
|
11836
12033
|
this.preventSubmit = true;
|
11837
12034
|
}
|
11838
12035
|
};
|
12036
|
+
this.handleMouseDown = (ev) => {
|
12037
|
+
ev.preventDefault();
|
12038
|
+
};
|
11839
12039
|
this.handleClearBlur = (ev) => {
|
11840
12040
|
const nextFocus = ev.relatedTarget;
|
11841
12041
|
this.icClearBlur.emit({ relatedTarget: nextFocus });
|
@@ -12124,7 +12324,7 @@ class SearchBar {
|
|
12124
12324
|
: value, placeholder: placeholder, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : "", "aria-describedby": describedById, "aria-owns": hasSuggestedSearch ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, ariaExpanded: expanded, ariaActiveDescendant: ariaActiveDescendant, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: hasSuggestedSearch ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search", debounce: this.debounce }, hAsync("div", { class: {
|
12125
12325
|
"clear-button-container": true,
|
12126
12326
|
"clear-button-visible": value && !disabledMode && this.showClearButton,
|
12127
|
-
}, slot: "clear-button" }, hAsync("ic-button", { id: "clear-button", class: "clear-button", "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, size: small ? "small" : "default", onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "submit", variant: "icon", appearance: this.clearButtonFocused
|
12327
|
+
}, slot: "clear-button" }, hAsync("ic-button", { id: "clear-button", class: "clear-button", "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: small ? "small" : "default", onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "submit", variant: "icon", appearance: this.clearButtonFocused
|
12128
12328
|
? IcThemeForegroundEnum.Light
|
12129
12329
|
: IcThemeForegroundEnum.Dark }), hAsync("div", { class: "divider" })), hAsync("div", { class: {
|
12130
12330
|
"search-submit-button-container": true,
|
@@ -12132,7 +12332,7 @@ class SearchBar {
|
|
12132
12332
|
}, slot: "search-submit-button" }, hAsync("ic-button", { id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
|
12133
12333
|
["search-submit-button"]: true,
|
12134
12334
|
["search-submit-button-small"]: !!small,
|
12135
|
-
}, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: small ? "small" : "default", onClick: this.handleSubmitSearch, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: "submit", variant: "icon", appearance: this.searchSubmitFocused
|
12335
|
+
}, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: small ? "small" : "default", onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: "submit", variant: "icon", appearance: this.searchSubmitFocused
|
12136
12336
|
? IcThemeForegroundEnum.Light
|
12137
12337
|
: IcThemeForegroundEnum.Default })), hAsync("div", { class: {
|
12138
12338
|
"menu-container": true,
|
@@ -12141,6 +12341,7 @@ class SearchBar {
|
|
12141
12341
|
"no-results": this.hadNoOptions(),
|
12142
12342
|
}, activationType: "manual", anchorEl: this.anchorEl, autoFocusOnSelected: false, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), small: small, fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, parentEl: this.el, value: value })))), hAsync("div", { "aria-live": "polite", role: "status", class: "search-results-status" })));
|
12143
12343
|
}
|
12344
|
+
static get delegatesFocus() { return true; }
|
12144
12345
|
get el() { return getElement(this); }
|
12145
12346
|
static get watchers() { return {
|
12146
12347
|
"options": ["watchOptionsHandler"],
|
@@ -12148,7 +12349,7 @@ class SearchBar {
|
|
12148
12349
|
}; }
|
12149
12350
|
static get style() { return icSearchBarCss; }
|
12150
12351
|
static get cmpMeta() { return {
|
12151
|
-
"$flags$":
|
12352
|
+
"$flags$": 25,
|
12152
12353
|
"$tagName$": "ic-search-bar",
|
12153
12354
|
"$members$": {
|
12154
12355
|
"label": [1],
|
@@ -12190,7 +12391,7 @@ class SearchBar {
|
|
12190
12391
|
}; }
|
12191
12392
|
}
|
12192
12393
|
|
12193
|
-
const icSectionContainerCss = "/*!@html*/html.sc-ic-section-container{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-section-container{margin:0}/*!@main*/main.sc-ic-section-container{display:block}/*!@h1*/h1.sc-ic-section-container{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-section-container{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-section-container{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-section-container{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-section-container{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-section-container,strong.sc-ic-section-container{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-section-container,kbd.sc-ic-section-container,samp.sc-ic-section-container{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-section-container{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-section-container,sup.sc-ic-section-container{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-section-container{bottom:-0.25em}/*!@sup*/sup.sc-ic-section-container{top:-0.5em}/*!@img*/img.sc-ic-section-container{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-section-container,input.sc-ic-section-container,optgroup.sc-ic-section-container,select.sc-ic-section-container,textarea.sc-ic-section-container{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-section-container,input.sc-ic-section-container{overflow:visible}/*!@button,\nselect*/button.sc-ic-section-container,select.sc-ic-section-container{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-section-container,[type=\"button\"].sc-ic-section-container,[type=\"reset\"].sc-ic-section-container,[type=\"submit\"].sc-ic-section-container{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-section-container::-moz-focus-inner,[type=\"button\"].sc-ic-section-container::-moz-focus-inner,[type=\"reset\"].sc-ic-section-container::-moz-focus-inner,[type=\"submit\"].sc-ic-section-container::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-section-container:-moz-focusring,[type=\"button\"].sc-ic-section-container:-moz-focusring,[type=\"reset\"].sc-ic-section-container:-moz-focusring,[type=\"submit\"].sc-ic-section-container:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-section-container{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-section-container{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-section-container{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-section-container{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-section-container,[type=\"radio\"].sc-ic-section-container{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-section-container::-webkit-inner-spin-button,[type=\"number\"].sc-ic-section-container::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-section-container{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-section-container::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-section-container::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-section-container{display:block}/*!@summary*/summary.sc-ic-section-container{display:list-item}/*!@template*/template.sc-ic-section-container{display:none}/*!@[hidden]*/[hidden].sc-ic-section-container{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-section-container,body.sc-ic-section-container,div.sc-ic-section-container,span.sc-ic-section-container,applet.sc-ic-section-container,object.sc-ic-section-container,iframe.sc-ic-section-container,h1.sc-ic-section-container,h2.sc-ic-section-container,h3.sc-ic-section-container,h4.sc-ic-section-container,h5.sc-ic-section-container,h6.sc-ic-section-container,p.sc-ic-section-container,blockquote.sc-ic-section-container,pre.sc-ic-section-container,a.sc-ic-section-container,abbr.sc-ic-section-container,acronym.sc-ic-section-container,address.sc-ic-section-container,big.sc-ic-section-container,cite.sc-ic-section-container,code.sc-ic-section-container,del.sc-ic-section-container,dfn.sc-ic-section-container,em.sc-ic-section-container,img.sc-ic-section-container,ins.sc-ic-section-container,kbd.sc-ic-section-container,q.sc-ic-section-container,s.sc-ic-section-container,samp.sc-ic-section-container,small.sc-ic-section-container,strike.sc-ic-section-container,strong.sc-ic-section-container,sub.sc-ic-section-container,sup.sc-ic-section-container,tt.sc-ic-section-container,var.sc-ic-section-container,b.sc-ic-section-container,u.sc-ic-section-container,i.sc-ic-section-container,center.sc-ic-section-container,dl.sc-ic-section-container,dt.sc-ic-section-container,dd.sc-ic-section-container,ol.sc-ic-section-container,ul.sc-ic-section-container,li.sc-ic-section-container,fieldset.sc-ic-section-container,form.sc-ic-section-container,label.sc-ic-section-container,legend.sc-ic-section-container,table.sc-ic-section-container,caption.sc-ic-section-container,tbody.sc-ic-section-container,tfoot.sc-ic-section-container,thead.sc-ic-section-container,tr.sc-ic-section-container,th.sc-ic-section-container,td.sc-ic-section-container,article.sc-ic-section-container,aside.sc-ic-section-container,canvas.sc-ic-section-container,details.sc-ic-section-container,embed.sc-ic-section-container,figure.sc-ic-section-container,figcaption.sc-ic-section-container,footer.sc-ic-section-container,header.sc-ic-section-container,hgroup.sc-ic-section-container,menu.sc-ic-section-container,nav.sc-ic-section-container,output.sc-ic-section-container,ruby.sc-ic-section-container,section.sc-ic-section-container,summary.sc-ic-section-container,time.sc-ic-section-container,mark.sc-ic-section-container,audio.sc-ic-section-container,video.sc-ic-section-container{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media only screen and (max-width: 576px){/*!@:host*/.sc-ic-section-container-h{--section-container-margin:var(--ic-space-xs);--section-container-max-width:var(--ic-breakpoint-sm)}}@media only screen and (min-width: 577px){/*!@:host*/.sc-ic-section-container-h{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-md)}}@media only screen and (min-width: 769px){/*!@:host*/.sc-ic-section-container-h{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-lg)}}@media only screen and (min-width: 993px){/*!@:host*/.sc-ic-section-container-h{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-xl)}}@media only screen and (min-width: 1201px){/*!@:host*/.sc-ic-section-container-h{--section-container-margin:var(--ic-space-lg);--section-container-max-width:var(--ic-breakpoint-xl)}}/*!@:host*/.sc-ic-section-container-h{display:block;padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md)}/*!@:host(.aligned-center)*/.aligned-center.sc-ic-section-container-h{max-width:var(--section-container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--section-container-margin);padding-right:var(--section-container-margin)}/*!@:host(.aligned-left)*/.aligned-left.sc-ic-section-container-h{max-width:var(--section-container-max-width);margin-left:var(--section-container-margin);margin-right:auto;padding-right:var(--section-container-margin)}/*!@:host(.aligned-full-width)*/.aligned-full-width.sc-ic-section-container-h{margin-left:var(--section-container-margin);margin-right:var(--section-container-margin)}/*!@:host(.vertical-padding)*/.vertical-padding.sc-ic-section-container-h{padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md)}/*!@:host(.no-vertical-padding)*/.no-vertical-padding.sc-ic-section-container-h{padding-top:0;padding-bottom:0}";
|
12394
|
+
const icSectionContainerCss = "/*!@html*/html.sc-ic-section-container{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-section-container{margin:0}/*!@main*/main.sc-ic-section-container{display:block}/*!@h1*/h1.sc-ic-section-container{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-section-container{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-section-container{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-section-container{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-section-container{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-section-container,strong.sc-ic-section-container{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-section-container,kbd.sc-ic-section-container,samp.sc-ic-section-container{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-section-container{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-section-container,sup.sc-ic-section-container{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-section-container{bottom:-0.25em}/*!@sup*/sup.sc-ic-section-container{top:-0.5em}/*!@img*/img.sc-ic-section-container{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-section-container,input.sc-ic-section-container,optgroup.sc-ic-section-container,select.sc-ic-section-container,textarea.sc-ic-section-container{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-section-container,input.sc-ic-section-container{overflow:visible}/*!@button,\nselect*/button.sc-ic-section-container,select.sc-ic-section-container{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-section-container,[type=\"button\"].sc-ic-section-container,[type=\"reset\"].sc-ic-section-container,[type=\"submit\"].sc-ic-section-container{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-section-container::-moz-focus-inner,[type=\"button\"].sc-ic-section-container::-moz-focus-inner,[type=\"reset\"].sc-ic-section-container::-moz-focus-inner,[type=\"submit\"].sc-ic-section-container::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-section-container:-moz-focusring,[type=\"button\"].sc-ic-section-container:-moz-focusring,[type=\"reset\"].sc-ic-section-container:-moz-focusring,[type=\"submit\"].sc-ic-section-container:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-section-container{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-section-container{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-section-container{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-section-container{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-section-container,[type=\"radio\"].sc-ic-section-container{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-section-container::-webkit-inner-spin-button,[type=\"number\"].sc-ic-section-container::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-section-container{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-section-container::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-section-container::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-section-container{display:block}/*!@summary*/summary.sc-ic-section-container{display:list-item}/*!@template*/template.sc-ic-section-container{display:none}/*!@[hidden]*/[hidden].sc-ic-section-container{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-section-container,body.sc-ic-section-container,div.sc-ic-section-container,span.sc-ic-section-container,applet.sc-ic-section-container,object.sc-ic-section-container,iframe.sc-ic-section-container,h1.sc-ic-section-container,h2.sc-ic-section-container,h3.sc-ic-section-container,h4.sc-ic-section-container,h5.sc-ic-section-container,h6.sc-ic-section-container,p.sc-ic-section-container,blockquote.sc-ic-section-container,pre.sc-ic-section-container,a.sc-ic-section-container,abbr.sc-ic-section-container,acronym.sc-ic-section-container,address.sc-ic-section-container,big.sc-ic-section-container,cite.sc-ic-section-container,code.sc-ic-section-container,del.sc-ic-section-container,dfn.sc-ic-section-container,em.sc-ic-section-container,img.sc-ic-section-container,ins.sc-ic-section-container,kbd.sc-ic-section-container,q.sc-ic-section-container,s.sc-ic-section-container,samp.sc-ic-section-container,small.sc-ic-section-container,strike.sc-ic-section-container,strong.sc-ic-section-container,sub.sc-ic-section-container,sup.sc-ic-section-container,tt.sc-ic-section-container,var.sc-ic-section-container,b.sc-ic-section-container,u.sc-ic-section-container,i.sc-ic-section-container,center.sc-ic-section-container,dl.sc-ic-section-container,dt.sc-ic-section-container,dd.sc-ic-section-container,ol.sc-ic-section-container,ul.sc-ic-section-container,li.sc-ic-section-container,fieldset.sc-ic-section-container,form.sc-ic-section-container,label.sc-ic-section-container,legend.sc-ic-section-container,table.sc-ic-section-container,caption.sc-ic-section-container,tbody.sc-ic-section-container,tfoot.sc-ic-section-container,thead.sc-ic-section-container,tr.sc-ic-section-container,th.sc-ic-section-container,td.sc-ic-section-container,article.sc-ic-section-container,aside.sc-ic-section-container,canvas.sc-ic-section-container,details.sc-ic-section-container,embed.sc-ic-section-container,figure.sc-ic-section-container,figcaption.sc-ic-section-container,footer.sc-ic-section-container,header.sc-ic-section-container,hgroup.sc-ic-section-container,menu.sc-ic-section-container,nav.sc-ic-section-container,output.sc-ic-section-container,ruby.sc-ic-section-container,section.sc-ic-section-container,summary.sc-ic-section-container,time.sc-ic-section-container,mark.sc-ic-section-container,audio.sc-ic-section-container,video.sc-ic-section-container{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media only screen and (max-width: 576px){/*!@:host*/.sc-ic-section-container-h{--section-container-margin:var(--ic-space-xs);--section-container-max-width:var(--ic-breakpoint-sm)}}@media only screen and (min-width: 577px){/*!@:host*/.sc-ic-section-container-h{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-md)}}@media only screen and (min-width: 769px){/*!@:host*/.sc-ic-section-container-h{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-lg)}}@media only screen and (min-width: 993px){/*!@:host*/.sc-ic-section-container-h{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-xl)}}@media only screen and (min-width: 1201px){/*!@:host*/.sc-ic-section-container-h{--section-container-margin:var(--ic-space-lg);--section-container-max-width:var(--ic-breakpoint-xl)}}/*!@:host*/.sc-ic-section-container-h{display:block;padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md);box-sizing:border-box}/*!@:host(.aligned-center)*/.aligned-center.sc-ic-section-container-h{max-width:var(--section-container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--section-container-margin);padding-right:var(--section-container-margin)}/*!@:host(.aligned-left)*/.aligned-left.sc-ic-section-container-h{max-width:var(--section-container-max-width);margin-left:var(--section-container-margin);margin-right:auto;padding-right:var(--section-container-margin)}/*!@:host(.aligned-full-width)*/.aligned-full-width.sc-ic-section-container-h{margin-left:var(--section-container-margin);margin-right:var(--section-container-margin)}/*!@:host(.vertical-padding)*/.vertical-padding.sc-ic-section-container-h{padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md)}/*!@:host(.no-vertical-padding)*/.no-vertical-padding.sc-ic-section-container-h{padding-top:0;padding-bottom:0}";
|
12194
12395
|
|
12195
12396
|
class SectionContainer {
|
12196
12397
|
constructor(hostRef) {
|
@@ -12246,6 +12447,8 @@ class Select {
|
|
12246
12447
|
this.inputId = `ic-select-input-${inputIds$2++}`;
|
12247
12448
|
this.menuId = `${this.inputId}-menu`;
|
12248
12449
|
this.inheritedAttributes = {};
|
12450
|
+
this.hasSetSearchableDefaultValue = false;
|
12451
|
+
this.initialRender = false;
|
12249
12452
|
this.emitIcChange = (value) => {
|
12250
12453
|
clearTimeout(this.debounceIcChange);
|
12251
12454
|
this.debounceIcChange = window.setTimeout(() => {
|
@@ -12475,13 +12678,16 @@ class Select {
|
|
12475
12678
|
};
|
12476
12679
|
this.updateSearchableSelectResultAriaLive = () => {
|
12477
12680
|
const searchableSelectResultsStatusEl = this.host.shadowRoot.querySelector(".searchable-select-results-status");
|
12478
|
-
if (
|
12479
|
-
|
12480
|
-
|
12481
|
-
|
12482
|
-
|
12681
|
+
if (searchableSelectResultsStatusEl) {
|
12682
|
+
if (this.noOptions !== null) {
|
12683
|
+
searchableSelectResultsStatusEl.innerText = this.emptyOptionListText;
|
12684
|
+
}
|
12685
|
+
else {
|
12686
|
+
searchableSelectResultsStatusEl.innerText = "";
|
12687
|
+
}
|
12483
12688
|
}
|
12484
12689
|
};
|
12690
|
+
this.getDefaultValue = (value) => this.getLabelFromValue(value) || value || null;
|
12485
12691
|
this.onFocus = () => {
|
12486
12692
|
if (this.isExternalFiltering() && this.debounce > 0) {
|
12487
12693
|
this.debounceChangedHandler(this.debounce);
|
@@ -12500,7 +12706,7 @@ class Select {
|
|
12500
12706
|
this.handleFormReset = () => {
|
12501
12707
|
this.value = this.initialValue;
|
12502
12708
|
if (this.searchable) {
|
12503
|
-
this.searchableSelectInputValue =
|
12709
|
+
this.searchableSelectInputValue = this.getDefaultValue(this.value);
|
12504
12710
|
}
|
12505
12711
|
};
|
12506
12712
|
this.label = undefined;
|
@@ -12546,9 +12752,13 @@ class Select {
|
|
12546
12752
|
else if (this.isMenuEnabled()) {
|
12547
12753
|
this.noOptions = [{ label: this.emptyOptionListText, value: "" }];
|
12548
12754
|
this.filteredOptions = this.noOptions;
|
12549
|
-
|
12755
|
+
// Will prevent 'No results found' displaying on initial load and setting default value
|
12756
|
+
if (!this.initialRender) {
|
12757
|
+
this.setMenuChange(true);
|
12758
|
+
}
|
12550
12759
|
}
|
12551
12760
|
this.updateSearchableSelectResultAriaLive();
|
12761
|
+
this.setSearchableDefaultValue();
|
12552
12762
|
}
|
12553
12763
|
else {
|
12554
12764
|
this.setOptionsValuesFromLabels();
|
@@ -12583,6 +12793,13 @@ class Select {
|
|
12583
12793
|
this.updateSearchableSelectResultAriaLive();
|
12584
12794
|
}, 800);
|
12585
12795
|
}
|
12796
|
+
setSearchableDefaultValue() {
|
12797
|
+
if (!this.hasSetSearchableDefaultValue && this.value && this.searchable) {
|
12798
|
+
this.searchableSelectInputValue = this.getDefaultValue(this.value);
|
12799
|
+
this.initialValue = this.value;
|
12800
|
+
this.hasSetSearchableDefaultValue = true;
|
12801
|
+
}
|
12802
|
+
}
|
12586
12803
|
componentWillLoad() {
|
12587
12804
|
this.inheritedAttributes = inheritAttributes(this.host, [
|
12588
12805
|
...IC_INHERITED_ARIA,
|
@@ -12591,12 +12808,19 @@ class Select {
|
|
12591
12808
|
]);
|
12592
12809
|
this.setOptionsValuesFromLabels();
|
12593
12810
|
addFormResetListener(this.host, this.handleFormReset);
|
12811
|
+
this.initialRender = true;
|
12812
|
+
if (!this.disableFilter) {
|
12813
|
+
this.setSearchableDefaultValue();
|
12814
|
+
}
|
12594
12815
|
}
|
12595
12816
|
componentDidRender() {
|
12596
12817
|
if (this.nativeSelectElement && !this.disabled) {
|
12597
12818
|
this.setTextColor();
|
12598
12819
|
}
|
12599
12820
|
}
|
12821
|
+
componentWillUpdate() {
|
12822
|
+
this.initialRender = false;
|
12823
|
+
}
|
12600
12824
|
componentDidLoad() {
|
12601
12825
|
onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Select");
|
12602
12826
|
}
|
@@ -12640,6 +12864,7 @@ class Select {
|
|
12640
12864
|
? this.searchableSelectElement
|
12641
12865
|
: this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, small: small, menuId: menuId, open: this.open, options: searchable ? this.filteredOptions : options, value: value, fullWidth: fullWidth, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange, onMenuKeyPress: this.handleMenuKeyPress, parentEl: this.host })), hasValidationStatus(this.validationStatus, this.disabled) && (hAsync("ic-input-validation", { class: { "menu-open": this.open }, ariaLiveMode: "polite", status: validationStatus, message: validationText, for: this.inputId })))));
|
12642
12866
|
}
|
12867
|
+
static get delegatesFocus() { return true; }
|
12643
12868
|
get host() { return getElement(this); }
|
12644
12869
|
static get watchers() { return {
|
12645
12870
|
"options": ["watchOptionsHandler"],
|
@@ -12647,7 +12872,7 @@ class Select {
|
|
12647
12872
|
}; }
|
12648
12873
|
static get style() { return icSelectCss; }
|
12649
12874
|
static get cmpMeta() { return {
|
12650
|
-
"$flags$":
|
12875
|
+
"$flags$": 25,
|
12651
12876
|
"$tagName$": "ic-select",
|
12652
12877
|
"$members$": {
|
12653
12878
|
"label": [1],
|
@@ -12697,7 +12922,7 @@ var menuIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0
|
|
12697
12922
|
</svg>
|
12698
12923
|
`;
|
12699
12924
|
|
12700
|
-
const icSideNavigationCss = "/*!@:host*/.sc-ic-side-navigation-h{display:block;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n --ic-transition-duration-slow\n );--side-navigation-width:20rem;z-index:var(--ic-z-index-nav-menu)}/*!@:host > **/.sc-ic-side-navigation-h>*.sc-ic-side-navigation{box-sizing:border-box}/*!@.side-navigation*/.side-navigation.sc-ic-side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-theme-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-theme-primary);z-index:var(--ic-z-index-nav-menu)}/*!@:host(.inline) .side-navigation*/.inline.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{position:absolute;height:100%}/*!@:host(.anchor-right) .side-navigation*/.anchor-right.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:calc(var(--side-navigation-width) * -1)}/*!@.classification-spacing*/.classification-spacing.sc-ic-side-navigation{margin-bottom:var(--ic-space-lg)}/*!@.navigation-list*/.navigation-list.sc-ic-side-navigation{padding:0;margin:0;list-style:none}/*!@.side-navigation-inner*/.side-navigation-inner.sc-ic-side-navigation{background-color:var(--ic-theme-primary);display:flex;flex-direction:column;flex:1 1 0;overflow:auto;visibility:hidden}/*!@:host(.inline) .side-navigation-inner*/.inline.sc-ic-side-navigation-h .side-navigation-inner.sc-ic-side-navigation{flex:1}/*!@:host(.xs-menu-open) .side-navigation*/.xs-menu-open.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{transition:left var(--ic-easing-transition-slow);left:0}/*!@:host(.xs-menu-close) .side-navigation*/.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}/*!@:host(.anchor-right.xs-menu-open) .side-navigation*/.anchor-right.xs-menu-open.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:0;left:auto}/*!@:host(.anchor-right.xs-menu-close) .side-navigation*/.anchor-right.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}/*!@.bottom-wrapper*/.bottom-wrapper.sc-ic-side-navigation{border-top:var(--ic-keyline-lighten);position:sticky;bottom:0;left:0;z-index:2;box-shadow:-0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%);background-color:var(--ic-theme-primary);display:flex;flex-direction:column;visibility:hidden}/*!@:host(.dark) .bottom-wrapper*/.dark.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{border-top:var(--ic-keyline-darken)}/*!@.top-bar*/.top-bar.sc-ic-side-navigation{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-theme-primary);position:fixed;top:0;left:0;right:0;border-bottom:var(--ic-keyline-darken);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}/*!@:host(.inline) .top-bar*/.inline.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:absolute}/*!@.top-bar.dark a:focus*/.top-bar.dark.sc-ic-side-navigation a.sc-ic-side-navigation:focus{box-shadow:var(--ic-border-focus)}/*!@.top-bar.light*/.top-bar.light.sc-ic-side-navigation{border-bottom:var(--ic-keyline-lighten)}/*!@.app-title-wrapper*/.app-title-wrapper.sc-ic-side-navigation{display:flex;margin-left:var(--ic-space-xs);border-left:var(--ic-keyline-darken);padding-left:var(--ic-space-xxs);color:var(--ic-theme-text);align-items:center}@media screen and (min-width: 340px){/*!@.app-title-wrapper ic-typography*/.app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{margin-left:var(--ic-space-xs)}}/*!@:host .title-link*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-theme-text)}/*!@:host .title-link:visited,\n:host .title-link:active*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:visited,.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:active{color:var(--ic-theme-text)}/*!@slot[name=\"app-title\"]::slotted(a),\nslot[name=\"app-icon\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>a,slot[name=\"app-icon\"].sc-ic-side-navigation-s>a{color:var(--ic-theme-text);outline:none;text-decoration:none}/*!@:host .title-link:hover*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-theme-hover)}/*!@:host .title-link:active*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:active{background-color:var(--ic-theme-active)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:focus,.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}/*!@:host .title-link ic-typography*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}/*!@.app-title-wrapper ::slotted(svg)*/.app-title-wrapper .sc-ic-side-navigation-s>svg{fill:var(--ic-theme-text)}/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{display:none}/*!@.button-label*/.button-label.sc-ic-side-navigation{display:flex;align-items:center}/*!@.mobile-top-bar-menu-icon*/.mobile-top-bar-menu-icon.sc-ic-side-navigation{display:flex}/*!@.menu-button*/.menu-button.sc-ic-side-navigation{width:6.5rem}/*!@.app-status-wrapper*/.app-status-wrapper.sc-ic-side-navigation{position:absolute;right:var(--ic-space-md);top:0;bottom:0;width:auto;display:flex;align-items:center;pointer-events:none}/*!@.app-status-wrapper .app-version*/.app-status-wrapper.sc-ic-side-navigation .app-version.sc-ic-side-navigation{max-width:6.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}/*!@.app-status-wrapper .app-status*/.app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{border-radius:5rem;background-color:var(--ic-theme-text);color:var(--ic-color-primary-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-right:var(--ic-space-xs);max-width:6.25rem}/*!@.app-status-wrapper .app-status-text*/.app-status-wrapper.sc-ic-side-navigation .app-status-text.sc-ic-side-navigation{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:6rem}/*!@:host(.dark) .app-status-wrapper .app-status*/.dark.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{color:var(--ic-color-white-text)}/*!@.navigation-landmark-title*/.navigation-landmark-title.sc-ic-side-navigation{position:absolute;width:0.063rem;height:0.063rem;padding:0;margin:-0.063rem;overflow:hidden}/*!@::slotted(ic-navigation-group)*/.sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-height:2.75rem;--navigation-group-width:100%;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-theme-hover);--navigation-group-text-hover:var(--ic-theme-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-active);--navigation-item-child-color:var(--ic-theme-text);--navigation-group-expand-toggle-padding:0.25rem}/*!@::slotted(ic-navigation-item),\n::slotted(ic-navigation-group)*/.sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-height:3.5rem;--navigation-item-width:auto;--navigation-item-justify-content:flex-start}/*!@.bottom-side-nav*/.bottom-side-nav.sc-ic-side-navigation{position:relative;align-content:flex-end;height:var(--sm-side-navigation-top-bar-height)}/*!@.primary-navigation*/.primary-navigation.sc-ic-side-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}/*!@.primary-navigation::-webkit-scrollbar*/.primary-navigation.sc-ic-side-navigation::-webkit-scrollbar{display:none}/*!@.primary-navigation,\n.secondary-navigation*/.primary-navigation.sc-ic-side-navigation,.secondary-navigation.sc-ic-side-navigation{overflow-x:hidden}/*!@.bottom-side-nav .menu-expand-button*/.bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{display:none}/*!@.menu-visibility-visible*/.menu-visibility-visible.sc-ic-side-navigation{visibility:visible}/*!@.menu-visibility-hidden*/.menu-visibility-hidden.sc-ic-side-navigation{visibility:hidden}@media screen and (min-width: 340px){/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{display:flex}}@media screen and (min-width: 577px){/*!@:host*/.sc-ic-side-navigation-h{display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}/*!@:host(.static)*/.static.sc-ic-side-navigation-h{position:relative;left:auto;top:auto;bottom:auto}/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{padding:var(--ic-space-xxs) 0}/*!@.top-bar*/.top-bar.sc-ic-side-navigation{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:-0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.inline) .top-bar*/.inline.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:sticky}/*!@:host(.anchor-right) .top-bar*/.anchor-right.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.anchor-right) .bottom-wrapper*/.anchor-right.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@.side-navigation,\n .top-bar*/.side-navigation.sc-ic-side-navigation,.top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-top-bar-height)}/*!@:host(.sm-collapsed)*/.sm-collapsed.sc-ic-side-navigation-h{width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}/*!@:host(.sm-collapsed.collapsed-labels)*/.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-expanded)*/.sm-expanded.sc-ic-side-navigation-h{width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}/*!@.side-navigation*/.side-navigation.sc-ic-side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}/*!@:host(.inline) .side-navigation*/.inline.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{position:relative}/*!@:host(.anchor-right) .side-navigation*/.anchor-right.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{left:auto;right:0}/*!@.side-navigation-inner*/.side-navigation-inner.sc-ic-side-navigation{width:100%;visibility:visible}/*!@.bottom-wrapper*/.bottom-wrapper.sc-ic-side-navigation{visibility:visible}/*!@.app-title-wrapper*/.app-title-wrapper.sc-ic-side-navigation{margin-left:0;border-left:none;padding:var(--ic-space-sm)}/*!@.app-title-wrapper ::slotted(svg)*/.app-title-wrapper .sc-ic-side-navigation-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@.app-title-wrapper ic-typography*/.app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{margin:calc(-1 * 0.281rem) 0 calc(-1 * 0.281rem) var(--ic-space-md);font-weight:var(--ic-font-weight-semibold)}/*!@:host(.sm-collapsed) .app-title-wrapper ic-typography*/.sm-collapsed.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded) ic-typography*/.sm-expanded.sc-ic-side-navigation-h ic-typography.sc-ic-side-navigation{position:relative;left:0}/*!@:host(.sm-expanded) :is(.side-navigation, .top-bar)*/.sm-expanded.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}/*!@:host(.sm-collapsed) :is(.side-navigation, .top-bar)*/.sm-collapsed.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}/*!@:host(.anchor-right.sm-expanded) :is(.side-navigation, .top-bar)*/.anchor-right.sm-expanded.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{left:auto;right:0}/*!@.app-status-wrapper,\n :host(.sm-collapsed) .app-status-wrapper*/.app-status-wrapper.sc-ic-side-navigation,.sm-collapsed.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:none}/*!@:host(.sm-expanded) .app-status-wrapper*/.sm-expanded.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:flex}/*!@.bottom-side-nav*/.bottom-side-nav.sc-ic-side-navigation{justify-items:flex-end;display:flex;flex-direction:column}/*!@.bottom-side-nav .menu-expand-button*/.bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-theme-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}/*!@.bottom-side-nav .menu-expand-button svg*/.bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@.bottom-side-nav .menu-expand-button:hover*/.bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation:hover{background-color:var(--ic-theme-hover)}/*!@:host .bottom-side-nav*/.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation{outline:none}/*!@:host .bottom-side-nav .menu-expand-button:focus*/.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}/*!@:host(.sm-collapsed) .bottom-side-nav .menu-expand-button svg*/.sm-collapsed.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded) .bottom-side-nav .menu-expand-button svg*/.sm-expanded.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow)}/*!@:host(.anchor-right.sm-collapsed) .bottom-side-nav .menu-expand-button svg*/.anchor-right.sm-collapsed.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(-1)}/*!@:host(.anchor-right.sm-expanded) .bottom-side-nav .menu-expand-button svg*/.anchor-right.sm-expanded.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(1)}/*!@:host(.sm-collapsed) ::slotted(ic-navigation-item)*/.sc-ic-side-navigation-h.sm-collapsed .sc-ic-side-navigation-s>ic-navigation-item{--navigation-item-label-opacity:1}/*!@:host(.sm-collapsed) ::slotted(ic-navigation-item),\n :host(.sm-collapsed) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-collapsed .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:0}/*!@:host(.sm-expanded) ::slotted(ic-navigation-item),\n :host(.sm-expanded) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-expanded .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:1}/*!@:host(.sm-collapsed) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}/*!@:host(.sm-expanded) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}/*!@:host(.sm-collapsed.collapsed-labels) .side-navigation,\n :host(.sm-collapsed.collapsed-labels) .top-bar*/.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation,.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-collapsed.collapsed-labels) .menu-expand-button*/.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h .menu-expand-button.sc-ic-side-navigation{padding:0}/*!@:host(.sm-collapsed.collapsed-labels) .app-title-wrapper*/.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{width:100%;justify-content:center}/*!@:host(.sm-collapsed.collapsed-labels) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.collapsed-labels .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}/*!@:host(.collapsed-labels) .bottom-side-nav .menu-expand-button*/.collapsed-labels.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{justify-content:center}/*!@:host .collapsed-icon-labels-start*/.sc-ic-side-navigation-h .collapsed-icon-labels-start.sc-ic-side-navigation{visibility:hidden;opacity:0}/*!@:host .collapsed-icon-labels-end*/.sc-ic-side-navigation-h .collapsed-icon-labels-end.sc-ic-side-navigation{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}}@media screen and (min-width: 993px){/*!@:host*/.sc-ic-side-navigation-h{position:sticky;left:auto;top:0;bottom:0}/*!@:host(.sm-expanded)*/.sm-expanded.sc-ic-side-navigation-h{box-shadow:none}}@media (forced-colors: active){/*!@.side-navigation,\n .top-bar*/.side-navigation.sc-ic-side-navigation,.top-bar.sc-ic-side-navigation{border-right:var(--ic-hc-border)}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-side-navigation-s>svg{fill:currentcolor}}";
|
12925
|
+
const icSideNavigationCss = "/*!@:host*/.sc-ic-side-navigation-h{display:block;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n --ic-transition-duration-slow\n );--side-navigation-width:20rem;z-index:var(--ic-z-index-side-navigation)}/*!@:host > **/.sc-ic-side-navigation-h>*.sc-ic-side-navigation{box-sizing:border-box}/*!@.side-navigation*/.side-navigation.sc-ic-side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-theme-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-theme-primary);z-index:var(--ic-z-index-side-navigation)}/*!@:host(.inline) .side-navigation*/.inline.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{position:absolute;height:100%}/*!@:host(.anchor-right) .side-navigation*/.anchor-right.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:calc(var(--side-navigation-width) * -1)}/*!@.classification-spacing*/.classification-spacing.sc-ic-side-navigation{margin-bottom:var(--ic-space-lg)}/*!@.navigation-list*/.navigation-list.sc-ic-side-navigation{padding:0;margin:0;list-style:none}/*!@.side-navigation-inner*/.side-navigation-inner.sc-ic-side-navigation{background-color:var(--ic-theme-primary);display:flex;flex-direction:column;flex:1 1 0;overflow:auto;visibility:hidden}/*!@:host(.inline) .side-navigation-inner*/.inline.sc-ic-side-navigation-h .side-navigation-inner.sc-ic-side-navigation{flex:1}/*!@:host(.xs-menu-open) .side-navigation*/.xs-menu-open.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{transition:left var(--ic-easing-transition-slow);left:0}/*!@:host(.xs-menu-close) .side-navigation*/.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}/*!@:host(.anchor-right.xs-menu-open) .side-navigation*/.anchor-right.xs-menu-open.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:0;left:auto}/*!@:host(.anchor-right.xs-menu-close) .side-navigation*/.anchor-right.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}/*!@.bottom-wrapper*/.bottom-wrapper.sc-ic-side-navigation{border-top:var(--ic-keyline-lighten);position:sticky;bottom:0;left:0;z-index:2;box-shadow:-0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%);background-color:var(--ic-theme-primary);display:flex;flex-direction:column;visibility:hidden}/*!@:host(.dark) .bottom-wrapper*/.dark.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{border-top:var(--ic-keyline-darken)}/*!@.top-bar*/.top-bar.sc-ic-side-navigation{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-theme-primary);position:fixed;top:0;left:0;right:0;border-bottom:var(--ic-keyline-darken);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}/*!@:host(.inline) .top-bar*/.inline.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:absolute}/*!@.top-bar.dark a:focus*/.top-bar.dark.sc-ic-side-navigation a.sc-ic-side-navigation:focus{box-shadow:var(--ic-border-focus)}/*!@.top-bar.light*/.top-bar.light.sc-ic-side-navigation{border-bottom:var(--ic-keyline-lighten)}/*!@.app-title-wrapper*/.app-title-wrapper.sc-ic-side-navigation{display:flex;margin-left:var(--ic-space-xs);border-left:var(--ic-keyline-darken);padding-left:var(--ic-space-xxs);color:var(--ic-theme-text);align-items:center}@media screen and (min-width: 340px){/*!@.app-title-wrapper ic-typography*/.app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{margin-left:var(--ic-space-xs)}}/*!@:host .title-link*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-theme-text)}/*!@:host .title-link:visited,\n:host .title-link:active*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:visited,.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:active{color:var(--ic-theme-text)}/*!@slot[name=\"app-title\"]::slotted(a),\nslot[name=\"app-icon\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>a,slot[name=\"app-icon\"].sc-ic-side-navigation-s>a{color:var(--ic-theme-text);outline:none;text-decoration:none}/*!@:host .title-link:hover*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-theme-hover)}/*!@:host .title-link:active*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:active{background-color:var(--ic-theme-active)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:focus,.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}/*!@:host .title-link ic-typography*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}/*!@.app-title-wrapper ::slotted(svg)*/.app-title-wrapper .sc-ic-side-navigation-s>svg{fill:var(--ic-theme-text)}/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{display:none}/*!@.button-label*/.button-label.sc-ic-side-navigation{display:flex;align-items:center}/*!@.mobile-top-bar-menu-icon*/.mobile-top-bar-menu-icon.sc-ic-side-navigation{display:flex}/*!@.menu-button*/.menu-button.sc-ic-side-navigation{width:6.5rem}/*!@.app-status-wrapper*/.app-status-wrapper.sc-ic-side-navigation{position:absolute;right:var(--ic-space-md);top:0;bottom:0;width:auto;display:flex;align-items:center;pointer-events:none}/*!@.app-status-wrapper .app-version*/.app-status-wrapper.sc-ic-side-navigation .app-version.sc-ic-side-navigation{max-width:6.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}/*!@.app-status-wrapper .app-status*/.app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{border-radius:5rem;background-color:var(--ic-theme-text);color:var(--ic-color-primary-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-right:var(--ic-space-xs);max-width:6.25rem}/*!@.app-status-wrapper .app-status-text*/.app-status-wrapper.sc-ic-side-navigation .app-status-text.sc-ic-side-navigation{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:6rem}/*!@:host(.dark) .app-status-wrapper .app-status*/.dark.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{color:var(--ic-color-white-text)}/*!@.navigation-landmark-title*/.navigation-landmark-title.sc-ic-side-navigation{position:absolute;width:0.063rem;height:0.063rem;padding:0;margin:-0.063rem;overflow:hidden}/*!@::slotted(ic-navigation-group)*/.sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-height:2.75rem;--navigation-group-width:100%;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-theme-hover);--navigation-group-text-hover:var(--ic-theme-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-active);--navigation-item-child-color:var(--ic-theme-text);--navigation-group-expand-toggle-padding:0.25rem}/*!@::slotted(ic-navigation-item),\n::slotted(ic-navigation-group)*/.sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-height:3.5rem;--navigation-item-width:auto;--navigation-item-justify-content:flex-start}/*!@.bottom-side-nav*/.bottom-side-nav.sc-ic-side-navigation{position:relative;align-content:flex-end;height:var(--sm-side-navigation-top-bar-height)}/*!@.primary-navigation*/.primary-navigation.sc-ic-side-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}/*!@.primary-navigation::-webkit-scrollbar*/.primary-navigation.sc-ic-side-navigation::-webkit-scrollbar{display:none}/*!@.primary-navigation,\n.secondary-navigation*/.primary-navigation.sc-ic-side-navigation,.secondary-navigation.sc-ic-side-navigation{overflow-x:hidden}/*!@.bottom-side-nav .menu-expand-button*/.bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{display:none}/*!@.menu-visibility-visible*/.menu-visibility-visible.sc-ic-side-navigation{visibility:visible}/*!@.menu-visibility-hidden*/.menu-visibility-hidden.sc-ic-side-navigation{visibility:hidden}@media screen and (min-width: 340px){/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{display:flex}}@media screen and (min-width: 577px){/*!@:host*/.sc-ic-side-navigation-h{display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}/*!@:host(.static)*/.static.sc-ic-side-navigation-h{position:relative;left:auto;top:auto;bottom:auto}/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{padding:var(--ic-space-xxs) 0}/*!@.top-bar*/.top-bar.sc-ic-side-navigation{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:-0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.inline) .top-bar*/.inline.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:sticky}/*!@:host(.anchor-right) .top-bar*/.anchor-right.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.anchor-right) .bottom-wrapper*/.anchor-right.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@.side-navigation,\n .top-bar*/.side-navigation.sc-ic-side-navigation,.top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-top-bar-height)}/*!@:host(.sm-collapsed)*/.sm-collapsed.sc-ic-side-navigation-h{width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}/*!@:host(.sm-collapsed.collapsed-labels)*/.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-expanded)*/.sm-expanded.sc-ic-side-navigation-h{width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}/*!@.side-navigation*/.side-navigation.sc-ic-side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}/*!@:host(.inline) .side-navigation*/.inline.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{position:relative}/*!@:host(.anchor-right) .side-navigation*/.anchor-right.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{left:auto;right:0}/*!@.side-navigation-inner*/.side-navigation-inner.sc-ic-side-navigation{width:100%;visibility:visible}/*!@.bottom-wrapper*/.bottom-wrapper.sc-ic-side-navigation{visibility:visible}/*!@.app-title-wrapper*/.app-title-wrapper.sc-ic-side-navigation{margin-left:0;border-left:none;padding:var(--ic-space-sm)}/*!@.app-title-wrapper ::slotted(svg)*/.app-title-wrapper .sc-ic-side-navigation-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@.app-title-wrapper ic-typography*/.app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{margin:calc(-1 * 0.281rem) 0 calc(-1 * 0.281rem) var(--ic-space-md);font-weight:var(--ic-font-weight-semibold)}/*!@:host(.sm-collapsed) .app-title-wrapper ic-typography*/.sm-collapsed.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded) ic-typography*/.sm-expanded.sc-ic-side-navigation-h ic-typography.sc-ic-side-navigation{position:relative;left:0}/*!@:host(.sm-expanded) :is(.side-navigation, .top-bar)*/.sm-expanded.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}/*!@:host(.sm-collapsed) :is(.side-navigation, .top-bar)*/.sm-collapsed.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}/*!@:host(.anchor-right.sm-expanded) :is(.side-navigation, .top-bar)*/.anchor-right.sm-expanded.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{left:auto;right:0}/*!@.app-status-wrapper,\n :host(.sm-collapsed) .app-status-wrapper*/.app-status-wrapper.sc-ic-side-navigation,.sm-collapsed.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:none}/*!@:host(.sm-expanded) .app-status-wrapper*/.sm-expanded.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:flex}/*!@.bottom-side-nav*/.bottom-side-nav.sc-ic-side-navigation{justify-items:flex-end;display:flex;flex-direction:column}/*!@.bottom-side-nav .menu-expand-button*/.bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-theme-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}/*!@.bottom-side-nav .menu-expand-button svg*/.bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@.bottom-side-nav .menu-expand-button:hover*/.bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation:hover{background-color:var(--ic-theme-hover)}/*!@:host .bottom-side-nav*/.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation{outline:none}/*!@:host .bottom-side-nav .menu-expand-button:focus*/.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}/*!@:host(.sm-collapsed) .bottom-side-nav .menu-expand-button svg*/.sm-collapsed.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded) .bottom-side-nav .menu-expand-button svg*/.sm-expanded.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow)}/*!@:host(.anchor-right.sm-collapsed) .bottom-side-nav .menu-expand-button svg*/.anchor-right.sm-collapsed.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(-1)}/*!@:host(.anchor-right.sm-expanded) .bottom-side-nav .menu-expand-button svg*/.anchor-right.sm-expanded.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(1)}/*!@:host(.sm-collapsed) ::slotted(ic-navigation-item)*/.sc-ic-side-navigation-h.sm-collapsed .sc-ic-side-navigation-s>ic-navigation-item{--navigation-item-label-opacity:1}/*!@:host(.sm-collapsed) ::slotted(ic-navigation-item),\n :host(.sm-collapsed) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-collapsed .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:0}/*!@:host(.sm-expanded) ::slotted(ic-navigation-item),\n :host(.sm-expanded) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-expanded .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:1}/*!@:host(.sm-collapsed) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}/*!@:host(.sm-expanded) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}/*!@:host(.sm-collapsed.collapsed-labels) .side-navigation,\n :host(.sm-collapsed.collapsed-labels) .top-bar*/.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation,.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-collapsed.collapsed-labels) .menu-expand-button*/.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h .menu-expand-button.sc-ic-side-navigation{padding:0}/*!@:host(.sm-collapsed.collapsed-labels) .app-title-wrapper*/.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{width:100%;justify-content:center}/*!@:host(.sm-collapsed.collapsed-labels) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.collapsed-labels .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}/*!@:host(.collapsed-labels) .bottom-side-nav .menu-expand-button*/.collapsed-labels.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{justify-content:center}/*!@:host .collapsed-icon-labels-start*/.sc-ic-side-navigation-h .collapsed-icon-labels-start.sc-ic-side-navigation{visibility:hidden;opacity:0}/*!@:host .collapsed-icon-labels-end*/.sc-ic-side-navigation-h .collapsed-icon-labels-end.sc-ic-side-navigation{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}}@media screen and (min-width: 993px){/*!@:host*/.sc-ic-side-navigation-h{position:sticky;left:auto;top:0;bottom:0}/*!@:host(.sm-expanded)*/.sm-expanded.sc-ic-side-navigation-h{box-shadow:none}}@media (forced-colors: active){/*!@.side-navigation,\n .top-bar*/.side-navigation.sc-ic-side-navigation,.top-bar.sc-ic-side-navigation{border-right:var(--ic-hc-border)}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-side-navigation-s>svg{fill:currentcolor}}";
|
12701
12926
|
|
12702
12927
|
/**
|
12703
12928
|
* @slot app-icon - Content will be rendered adjacent to the app title at the very top of the side navigation.
|
@@ -13661,10 +13886,11 @@ class Switch {
|
|
13661
13886
|
["ic-switch-label-small"]: small,
|
13662
13887
|
} })), !hideLabel && hAsync("span", { class: "ic-switch-line-break" }), hAsync("input", { checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": describedBy, role: "switch", class: "ic-switch-input", type: "checkbox", name: "toggle", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), hAsync("span", { class: "ic-switch-toggle" }, hAsync("svg", { class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { class: "ic-switch-icon-line", x1: "9", y1: small ? "2" : "1", x2: "9", y2: small ? "8" : "9" })), hAsync("svg", { class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: small ? "3.335" : "4.445" }))), hAsync("slot", { name: "right-adornment" }), showState && (hAsync("ic-typography", { "aria-hidden": "true", variant: "label", class: "ic-switch-checked-status" }, checkedState ? "On" : "Off")))));
|
13663
13888
|
}
|
13889
|
+
static get delegatesFocus() { return true; }
|
13664
13890
|
get el() { return getElement(this); }
|
13665
13891
|
static get style() { return icSwitchCss; }
|
13666
13892
|
static get cmpMeta() { return {
|
13667
|
-
"$flags$":
|
13893
|
+
"$flags$": 25,
|
13668
13894
|
"$tagName$": "ic-switch",
|
13669
13895
|
"$members$": {
|
13670
13896
|
"label": [1],
|
@@ -14010,153 +14236,40 @@ class TabContext {
|
|
14010
14236
|
}; }
|
14011
14237
|
}
|
14012
14238
|
|
14013
|
-
|
14014
|
-
<path d="M7.0876 1.175L5.9126 0L0.912598 5L5.9126 10L7.0876 8.825L3.27093 5L7.0876 1.175Z"/>
|
14015
|
-
</svg>`;
|
14016
|
-
|
14017
|
-
var RightArrow = `<svg width="8" height="10" viewBox="0 0 8 10" xmlns="http://www.w3.org/2000/svg">
|
14018
|
-
<path d="M2.0876 0L0.912598 1.175L4.72926 5L0.912598 8.825L2.0876 10L7.0876 5L2.0876 0Z"/>
|
14019
|
-
</svg>
|
14020
|
-
`;
|
14239
|
+
const icTabGroupCss = "/*!@:host*/.sc-ic-tab-group-h{--border-bottom-color:var(--ic-architectural-300);display:block;margin-bottom:var(--ic-space-md);border-bottom:1px solid var(--border-bottom-color)}/*!@:host([inline])*/[inline].sc-ic-tab-group-h{margin-bottom:0;border-bottom:none}/*!@.light*/.light.sc-ic-tab-group{--border-bottom-color:var(--ic-architectural-white)}/*!@.tabs-container*/.tabs-container.sc-ic-tab-group{display:flex;flex-direction:row}/*!@.tabs-container::-webkit-scrollbar*/.tabs-container.sc-ic-tab-group::-webkit-scrollbar{display:none}";
|
14021
14240
|
|
14022
|
-
const icTabGroupCss = "/*!@:host*/.sc-ic-tab-group-h{--border-bottom-color:var(--ic-architectural-300);--splitter-color:var(--ic-architectural-100);--tab-scroll-focus:var(--ic-border-focus);--tab-scroll-fill:var(--ic-action-default);--tab-scroll-disabled-fill:var(--ic-architectural-300);--tab-scroll-hover:var(--ic-action-default-bg-hover);--tab-scroll-active:var(--ic-action-default-bg-active);display:block;margin-bottom:var(--ic-space-md);margin-left:calc(-1 * var(--ic-space-xs))}/*!@:host(.light)*/.light.sc-ic-tab-group-h{--splitter-color:var(--ic-architectural-white);--tab-scroll-focus:var(--ic-border-focus-dark);--tab-scroll-fill:var(--ic-action-light);--tab-scroll-disabled-fill:var(--ic-architectural-500);--tab-scroll-hover:var(--ic-action-dark-bg-hover);--tab-scroll-active:var(--ic-action-dark-bg-active)}/*!@:host([inline])*/[inline].sc-ic-tab-group-h{margin-bottom:0}/*!@.tabs-container*/.tabs-container.sc-ic-tab-group{display:flex;flex-direction:row;overflow-y:hidden;overflow-x:scroll;height:100%;align-items:center;padding:var(--ic-space-xs);scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;margin:calc(-1 * var(--ic-space-xs)) 0}/*!@.tabs-container::-webkit-scrollbar*/.tabs-container.sc-ic-tab-group::-webkit-scrollbar{display:none}/*!@.ic-tab-group-container*/.ic-tab-group-container.sc-ic-tab-group{display:flex;align-items:center}/*!@:host(.light.ic-tab-group-not-inline)*/.light.ic-tab-group-not-inline.sc-ic-tab-group-h{--border-bottom-color:var(--ic-architectural-white)}/*!@.scroll-container*/.scroll-container.sc-ic-tab-group{display:flex}/*!@.scroll-container.hidden*/.scroll-container.hidden.sc-ic-tab-group{display:none}/*!@.scroll-container:first-child*/.scroll-container.sc-ic-tab-group:first-child{margin-left:var(--ic-space-xs)}/*!@.scroll-arrow*/.scroll-arrow.sc-ic-tab-group{display:flex;width:2.25rem;height:2.25rem;margin:var(--ic-space-xxs) var(--ic-space-xxxs);align-items:center;justify-content:center;fill:var(--tab-scroll-fill);cursor:pointer}/*!@.scroll-arrow:focus*/.scroll-arrow.sc-ic-tab-group:focus{outline:var(--ic-hc-focus-outline)}/*!@.scroll-arrow:hover*/.scroll-arrow.sc-ic-tab-group:hover{background-color:var(--tab-scroll-hover)}/*!@.scroll-arrow:active*/.scroll-arrow.sc-ic-tab-group:active{background-color:var(--tab-scroll-active)}/*!@.scroll-container.disabled .scroll-arrow*/.scroll-container.disabled.sc-ic-tab-group .scroll-arrow.sc-ic-tab-group{fill:var(--tab-scroll-disabled-fill);cursor:default}/*!@.scroll-container.disabled .scroll-arrow:hover,\n.scroll-container.disabled .scroll-arrow:active,\n.scroll-container.disabled .scroll-arrow:focus*/.scroll-container.disabled.sc-ic-tab-group .scroll-arrow.sc-ic-tab-group:hover,.scroll-container.disabled.sc-ic-tab-group .scroll-arrow.sc-ic-tab-group:active,.scroll-container.disabled.sc-ic-tab-group .scroll-arrow.sc-ic-tab-group:focus{background-color:unset;box-shadow:none}/*!@.scroll-container.disabled .ic-tooltip-container*/.scroll-container.disabled.sc-ic-tab-group .ic-tooltip-container.sc-ic-tab-group{display:none !important}/*!@.scroll-splitter-left,\n.scroll-splitter-right*/.scroll-splitter-left.sc-ic-tab-group,.scroll-splitter-right.sc-ic-tab-group{display:flex;height:var(--ic-space-lg);width:0.063rem;margin-top:0.625rem;background-color:var(--splitter-color)}/*!@.scroll-splitter-left*/.scroll-splitter-left.sc-ic-tab-group{margin-left:var(--ic-space-xxxs)}/*!@.scroll-splitter-right*/.scroll-splitter-right.sc-ic-tab-group{margin-right:var(--ic-space-xxxs)}/*!@.scroll-container.disabled .scroll-splitter-left,\n.scroll-container.disabled .scroll-splitter-right*/.scroll-container.disabled.sc-ic-tab-group .scroll-splitter-left.sc-ic-tab-group,.scroll-container.disabled.sc-ic-tab-group .scroll-splitter-right.sc-ic-tab-group{display:none}/*!@.ic-tab-splitter*/.ic-tab-splitter.sc-ic-tab-group{display:block;background-color:var(--border-bottom-color);height:0.063rem;right:0;left:0;margin-left:var(--ic-space-xs)}/*!@.ic-tab-splitter.hidden*/.ic-tab-splitter.hidden.sc-ic-tab-group{height:0}";
|
14023
|
-
|
14024
|
-
const SCROLL_DELAY_MS = 200;
|
14025
14241
|
class TabGroup {
|
14026
14242
|
constructor(hostRef) {
|
14027
14243
|
registerInstance(this, hostRef);
|
14028
|
-
this.buttonStateSet = false;
|
14029
|
-
this.resizeObserverCallback = () => {
|
14030
|
-
if (this.tabGroupEl === null || this.tabGroupEl === undefined) {
|
14031
|
-
this.tabGroupEl = this.host.shadowRoot.querySelector(".tabs-container");
|
14032
|
-
}
|
14033
|
-
this.tabOverflow = elementOverflowsX(this.tabGroupEl);
|
14034
|
-
if (this.tabOverflow) {
|
14035
|
-
this.lastTabVisible =
|
14036
|
-
this.tabGroupEl.offsetWidth + this.tabGroupEl.scrollLeft >=
|
14037
|
-
this.tabGroupEl.scrollWidth;
|
14038
|
-
}
|
14039
|
-
};
|
14040
|
-
this.runResizeObserver = () => {
|
14041
|
-
this.resizeObserver = new ResizeObserver(() => {
|
14042
|
-
this.resizeObserverCallback();
|
14043
|
-
});
|
14044
|
-
this.resizeObserver.observe(this.splitterEl);
|
14045
|
-
};
|
14046
|
-
this.scrollLeft = () => {
|
14047
|
-
this.scrollTabIntoView(this.getCurrentLeftTab() - 1);
|
14048
|
-
};
|
14049
|
-
this.scrollRight = () => {
|
14050
|
-
this.scrollTabIntoView(this.getCurrentLeftTab() + 1);
|
14051
|
-
};
|
14052
|
-
this.longScrollRight = () => {
|
14053
|
-
this.scrollRight();
|
14054
|
-
this.scrollDelay = window.setTimeout(this.longScrollRight, SCROLL_DELAY_MS);
|
14055
|
-
};
|
14056
|
-
this.longScrollLeft = () => {
|
14057
|
-
this.scrollLeft();
|
14058
|
-
this.scrollDelay = window.setTimeout(this.longScrollLeft, SCROLL_DELAY_MS);
|
14059
|
-
};
|
14060
|
-
this.leftArrowMouseDownHandler = () => {
|
14061
|
-
this.scrollDelay = window.setTimeout(this.longScrollLeft, SCROLL_DELAY_MS);
|
14062
|
-
};
|
14063
|
-
this.rightArrowMouseDownHandler = () => {
|
14064
|
-
this.scrollDelay = window.setTimeout(this.longScrollRight, SCROLL_DELAY_MS);
|
14065
|
-
};
|
14066
|
-
this.arrowMouseUpHandler = () => {
|
14067
|
-
window.clearTimeout(this.scrollDelay);
|
14068
|
-
};
|
14069
|
-
this.getCurrentLeftTab = () => {
|
14070
|
-
const index = this.tabOffsets.findIndex((el) => el > this.tabGroupEl.scrollLeft);
|
14071
|
-
return index < 0 ? 0 : index;
|
14072
|
-
};
|
14073
|
-
this.scrollHandler = () => {
|
14074
|
-
window.clearTimeout(this.isScrolling);
|
14075
|
-
// Set a timeout to run after scrolling ends
|
14076
|
-
this.isScrolling = window.setTimeout(this.scrollStopped, 50);
|
14077
|
-
};
|
14078
|
-
this.scrollStopped = () => {
|
14079
|
-
// if scrollTabIntoView has been called, the button states will already be set
|
14080
|
-
// can't just handle it here as it causes strange jumping behaviour in positioning
|
14081
|
-
if (this.buttonStateSet === false) {
|
14082
|
-
this.firstTabVisible = this.tabGroupEl.scrollLeft === 0;
|
14083
|
-
this.lastTabVisible =
|
14084
|
-
this.tabGroupEl.offsetWidth + this.tabGroupEl.scrollLeft >=
|
14085
|
-
this.tabGroupEl.scrollWidth;
|
14086
|
-
}
|
14087
|
-
this.buttonStateSet = false;
|
14088
|
-
};
|
14089
14244
|
this.contextId = "default";
|
14090
14245
|
this.inline = false;
|
14091
14246
|
this.label = undefined;
|
14092
14247
|
this.appearance = "dark";
|
14093
|
-
this.firstTabVisible = true;
|
14094
|
-
this.lastTabVisible = false;
|
14095
|
-
this.tabOverflow = false;
|
14096
|
-
}
|
14097
|
-
/**
|
14098
|
-
* @internal if tab side scrolling enabled, scrolls the specified tab into view.
|
14099
|
-
*/
|
14100
|
-
async scrollTabIntoView(tabNumber) {
|
14101
|
-
this.firstTabVisible = tabNumber <= 0;
|
14102
|
-
const newScrollPos = tabNumber <= 0 ? 0 : this.tabOffsets[tabNumber - 1];
|
14103
|
-
this.lastTabVisible =
|
14104
|
-
this.tabGroupEl.offsetWidth + newScrollPos >= this.tabGroupEl.scrollWidth;
|
14105
|
-
this.buttonStateSet = true;
|
14106
|
-
this.tabGroupEl.scrollLeft = newScrollPos;
|
14107
|
-
}
|
14108
|
-
tabFocusHandler(event) {
|
14109
|
-
if (this.tabOverflow) {
|
14110
|
-
this.scrollTabIntoView(event.detail.position);
|
14111
|
-
}
|
14112
14248
|
}
|
14113
14249
|
componentDidLoad() {
|
14114
|
-
this.tabs = Array.from(this.host.querySelectorAll("ic-tab"));
|
14115
|
-
let runningTotal = 0;
|
14116
|
-
this.tabOffsets = this.tabs.map((tab) => {
|
14117
|
-
runningTotal += tab.offsetWidth;
|
14118
|
-
return runningTotal;
|
14119
|
-
});
|
14120
|
-
checkResizeObserver(this.runResizeObserver);
|
14121
14250
|
onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Tab Group");
|
14122
14251
|
}
|
14123
|
-
disconnectedCallback() {
|
14124
|
-
this.resizeObserver.disconnect();
|
14125
|
-
}
|
14126
14252
|
render() {
|
14127
|
-
const {
|
14253
|
+
const { appearance, label } = this;
|
14128
14254
|
return (hAsync(Host, { role: "tablist", "aria-label": label, class: {
|
14129
14255
|
["light"]: appearance === IcThemeForegroundEnum.Light,
|
14130
|
-
|
14131
|
-
|
14132
|
-
|
14133
|
-
["hidden"]: !tabOverflow,
|
14134
|
-
["disabled"]: firstTabVisible,
|
14135
|
-
} }, hAsync("ic-tooltip", { placement: "bottom-start", label: "Scroll left", target: "left-arrow" }, hAsync("span", { id: "left-arrow", class: "scroll-arrow", innerHTML: LeftArrow, onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler, onMouseUp: this.arrowMouseUpHandler })), hAsync("span", { class: "scroll-splitter-left" }))), hAsync("div", { class: "tabs-container", ref: (el) => (this.tabGroupEl = el), onScroll: this.scrollHandler }, hAsync("slot", null)), this.tabOverflow && (hAsync("div", { "aria-hidden": "true", id: "scroll-container-right", class: {
|
14136
|
-
["scroll-container"]: true,
|
14137
|
-
["hidden"]: !tabOverflow,
|
14138
|
-
["disabled"]: lastTabVisible,
|
14139
|
-
} }, hAsync("span", { class: "scroll-splitter-right" }), hAsync("ic-tooltip", { placement: "bottom-start", label: "Scroll right", target: "right-arrow" }, hAsync("span", { id: "right-arrow", class: "scroll-arrow", innerHTML: RightArrow, onClick: this.scrollRight, onMouseDown: this.rightArrowMouseDownHandler, onMouseUp: this.arrowMouseUpHandler }))))), hAsync("div", { "aria-hidden": "true", class: {
|
14140
|
-
["ic-tab-splitter"]: true,
|
14141
|
-
["hidden"]: inline,
|
14142
|
-
}, ref: (el) => (this.splitterEl = el) })));
|
14256
|
+
} }, hAsync("ic-horizontal-scroll", { appearance: appearance === IcThemeForegroundEnum.Dark
|
14257
|
+
? IcThemeForegroundEnum.Default
|
14258
|
+
: appearance }, hAsync("div", { class: "tabs-container" }, hAsync("slot", null)))));
|
14143
14259
|
}
|
14260
|
+
static get delegatesFocus() { return true; }
|
14144
14261
|
get host() { return getElement(this); }
|
14145
14262
|
static get style() { return icTabGroupCss; }
|
14146
14263
|
static get cmpMeta() { return {
|
14147
|
-
"$flags$":
|
14264
|
+
"$flags$": 25,
|
14148
14265
|
"$tagName$": "ic-tab-group",
|
14149
14266
|
"$members$": {
|
14150
14267
|
"contextId": [513, "context-id"],
|
14151
14268
|
"inline": [516],
|
14152
14269
|
"label": [1],
|
14153
|
-
"appearance": [1]
|
14154
|
-
"firstTabVisible": [32],
|
14155
|
-
"lastTabVisible": [32],
|
14156
|
-
"tabOverflow": [32],
|
14157
|
-
"scrollTabIntoView": [64]
|
14270
|
+
"appearance": [1]
|
14158
14271
|
},
|
14159
|
-
"$listeners$":
|
14272
|
+
"$listeners$": undefined,
|
14160
14273
|
"$lazyBundleId$": "-",
|
14161
14274
|
"$attrsToReflect$": [["contextId", "context-id"], ["inline", "inline"]]
|
14162
14275
|
}; }
|
@@ -14509,7 +14622,232 @@ class Theme {
|
|
14509
14622
|
}; }
|
14510
14623
|
}
|
14511
14624
|
|
14512
|
-
const icTooltipCss = "/*!@html*/html.sc-ic-tooltip{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-tooltip{margin:0}/*!@main*/main.sc-ic-tooltip{display:block}/*!@h1*/h1.sc-ic-tooltip{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-tooltip{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-tooltip{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-tooltip{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-tooltip{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-tooltip,strong.sc-ic-tooltip{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-tooltip,kbd.sc-ic-tooltip,samp.sc-ic-tooltip{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-tooltip{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-tooltip,sup.sc-ic-tooltip{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-tooltip{bottom:-0.25em}/*!@sup*/sup.sc-ic-tooltip{top:-0.5em}/*!@img*/img.sc-ic-tooltip{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-tooltip,input.sc-ic-tooltip,optgroup.sc-ic-tooltip,select.sc-ic-tooltip,textarea.sc-ic-tooltip{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-tooltip,input.sc-ic-tooltip{overflow:visible}/*!@button,\nselect*/button.sc-ic-tooltip,select.sc-ic-tooltip{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-tooltip,[type=\"button\"].sc-ic-tooltip,[type=\"reset\"].sc-ic-tooltip,[type=\"submit\"].sc-ic-tooltip{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-tooltip::-moz-focus-inner,[type=\"button\"].sc-ic-tooltip::-moz-focus-inner,[type=\"reset\"].sc-ic-tooltip::-moz-focus-inner,[type=\"submit\"].sc-ic-tooltip::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-tooltip:-moz-focusring,[type=\"button\"].sc-ic-tooltip:-moz-focusring,[type=\"reset\"].sc-ic-tooltip:-moz-focusring,[type=\"submit\"].sc-ic-tooltip:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-tooltip{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-tooltip{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-tooltip{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-tooltip{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-tooltip,[type=\"radio\"].sc-ic-tooltip{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-tooltip::-webkit-inner-spin-button,[type=\"number\"].sc-ic-tooltip::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-tooltip{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-tooltip::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-tooltip::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-tooltip{display:block}/*!@summary*/summary.sc-ic-tooltip{display:list-item}/*!@template*/template.sc-ic-tooltip{display:none}/*!@[hidden]*/[hidden].sc-ic-tooltip{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-tooltip,body.sc-ic-tooltip,div.sc-ic-tooltip,span.sc-ic-tooltip,applet.sc-ic-tooltip,object.sc-ic-tooltip,iframe.sc-ic-tooltip,h1.sc-ic-tooltip,h2.sc-ic-tooltip,h3.sc-ic-tooltip,h4.sc-ic-tooltip,h5.sc-ic-tooltip,h6.sc-ic-tooltip,p.sc-ic-tooltip,blockquote.sc-ic-tooltip,pre.sc-ic-tooltip,a.sc-ic-tooltip,abbr.sc-ic-tooltip,acronym.sc-ic-tooltip,address.sc-ic-tooltip,big.sc-ic-tooltip,cite.sc-ic-tooltip,code.sc-ic-tooltip,del.sc-ic-tooltip,dfn.sc-ic-tooltip,em.sc-ic-tooltip,img.sc-ic-tooltip,ins.sc-ic-tooltip,kbd.sc-ic-tooltip,q.sc-ic-tooltip,s.sc-ic-tooltip,samp.sc-ic-tooltip,small.sc-ic-tooltip,strike.sc-ic-tooltip,strong.sc-ic-tooltip,sub.sc-ic-tooltip,sup.sc-ic-tooltip,tt.sc-ic-tooltip,var.sc-ic-tooltip,b.sc-ic-tooltip,u.sc-ic-tooltip,i.sc-ic-tooltip,center.sc-ic-tooltip,dl.sc-ic-tooltip,dt.sc-ic-tooltip,dd.sc-ic-tooltip,ol.sc-ic-tooltip,ul.sc-ic-tooltip,li.sc-ic-tooltip,fieldset.sc-ic-tooltip,form.sc-ic-tooltip,label.sc-ic-tooltip,legend.sc-ic-tooltip,table.sc-ic-tooltip,caption.sc-ic-tooltip,tbody.sc-ic-tooltip,tfoot.sc-ic-tooltip,thead.sc-ic-tooltip,tr.sc-ic-tooltip,th.sc-ic-tooltip,td.sc-ic-tooltip,article.sc-ic-tooltip,aside.sc-ic-tooltip,canvas.sc-ic-tooltip,details.sc-ic-tooltip,embed.sc-ic-tooltip,figure.sc-ic-tooltip,figcaption.sc-ic-tooltip,footer.sc-ic-tooltip,header.sc-ic-tooltip,hgroup.sc-ic-tooltip,menu.sc-ic-tooltip,nav.sc-ic-tooltip,output.sc-ic-tooltip,ruby.sc-ic-tooltip,section.sc-ic-tooltip,summary.sc-ic-tooltip,time.sc-ic-tooltip,mark.sc-ic-tooltip,audio.sc-ic-tooltip,video.sc-ic-tooltip{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.ic-tooltip) .ic-tooltip-container*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{background-color:var(--ic-architectural-800);color:#ffff;text-align:center;padding:var(--ic-space-xxxs) 0.625rem;border-radius:var(--ic-border-radius);position:absolute;max-width:20rem;display:none;z-index:calc(var(--ic-z-index-overlay) / 2);box-shadow:var(--ic-elevation-overlay)}/*!@:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed))\n .ic-tooltip-container,\n:host(.tooltip-disabled) .ic-tooltip-container*/.tooltip-navigation-item.sc-ic-tooltip-h:not(.tooltip-navigation-item-side-nav-collapsed) .ic-tooltip-container.sc-ic-tooltip,.tooltip-disabled.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{display:none !important}/*!@:host(.tooltip-long-label-navigation-item-side-nav-expanded)\n .ic-tooltip-container[data-show]*/.tooltip-long-label-navigation-item-side-nav-expanded.sc-ic-tooltip-h .ic-tooltip-container[data-show].sc-ic-tooltip{display:block !important}/*!@:host(.ic-tooltip) .ic-tooltip-arrow,\n:host(.ic-tooltip) .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip,.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip::before{position:absolute;background:inherit;width:var(--ic-space-md);height:var(--ic-space-md)}/*!@:host(.ic-tooltip) .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip{visibility:hidden}/*!@:host(.ic-tooltip) .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip::before{visibility:visible;content:\"\"}/*!@:host(.ic-tooltip) .ic-tooltip-container[data-show]*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-show].sc-ic-tooltip{display:block}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"top\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{bottom:calc(-1 * var(--ic-space-md))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"top\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;height:var(--ic-space-xxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"bottom\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{top:calc(-1 * var(--ic-space-xxs))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"bottom\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;height:var(--ic-space-xxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"left\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{right:var(--ic-space-xxxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"left\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"right\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{left:-0.875rem}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"right\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius)}/*!@:host([target=\"ic-button-with-tooltip-search-submit-button\"])\n .ic-tooltip-container,\n:host([target=\"ic-button-with-tooltip-clear-button\"]) .ic-tooltip-container*/[target=\"ic-button-with-tooltip-search-submit-button\"].sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip,[target=\"ic-button-with-tooltip-clear-button\"].sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{z-index:calc(var(--ic-z-index-popup-menu) + 1)}@media (forced-colors: active){/*!@:host(.ic-tooltip) .ic-tooltip-container*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{border:var(--ic-hc-border)}}";
|
14625
|
+
const icToastCss = "/*!@html*/html.sc-ic-toast{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-toast{margin:0}/*!@main*/main.sc-ic-toast{display:block}/*!@h1*/h1.sc-ic-toast{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-toast{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-toast{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-toast{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-toast{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-toast,strong.sc-ic-toast{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-toast,kbd.sc-ic-toast,samp.sc-ic-toast{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-toast{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-toast,sup.sc-ic-toast{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-toast{bottom:-0.25em}/*!@sup*/sup.sc-ic-toast{top:-0.5em}/*!@img*/img.sc-ic-toast{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-toast,input.sc-ic-toast,optgroup.sc-ic-toast,select.sc-ic-toast,textarea.sc-ic-toast{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-toast,input.sc-ic-toast{overflow:visible}/*!@button,\nselect*/button.sc-ic-toast,select.sc-ic-toast{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-toast,[type=\"button\"].sc-ic-toast,[type=\"reset\"].sc-ic-toast,[type=\"submit\"].sc-ic-toast{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-toast::-moz-focus-inner,[type=\"button\"].sc-ic-toast::-moz-focus-inner,[type=\"reset\"].sc-ic-toast::-moz-focus-inner,[type=\"submit\"].sc-ic-toast::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-toast:-moz-focusring,[type=\"button\"].sc-ic-toast:-moz-focusring,[type=\"reset\"].sc-ic-toast:-moz-focusring,[type=\"submit\"].sc-ic-toast:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-toast{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-toast{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-toast{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-toast{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-toast,[type=\"radio\"].sc-ic-toast{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-toast::-webkit-inner-spin-button,[type=\"number\"].sc-ic-toast::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-toast{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-toast::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-toast::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-toast{display:block}/*!@summary*/summary.sc-ic-toast{display:list-item}/*!@template*/template.sc-ic-toast{display:none}/*!@[hidden]*/[hidden].sc-ic-toast{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-toast,body.sc-ic-toast,div.sc-ic-toast,span.sc-ic-toast,applet.sc-ic-toast,object.sc-ic-toast,iframe.sc-ic-toast,h1.sc-ic-toast,h2.sc-ic-toast,h3.sc-ic-toast,h4.sc-ic-toast,h5.sc-ic-toast,h6.sc-ic-toast,p.sc-ic-toast,blockquote.sc-ic-toast,pre.sc-ic-toast,a.sc-ic-toast,abbr.sc-ic-toast,acronym.sc-ic-toast,address.sc-ic-toast,big.sc-ic-toast,cite.sc-ic-toast,code.sc-ic-toast,del.sc-ic-toast,dfn.sc-ic-toast,em.sc-ic-toast,img.sc-ic-toast,ins.sc-ic-toast,kbd.sc-ic-toast,q.sc-ic-toast,s.sc-ic-toast,samp.sc-ic-toast,small.sc-ic-toast,strike.sc-ic-toast,strong.sc-ic-toast,sub.sc-ic-toast,sup.sc-ic-toast,tt.sc-ic-toast,var.sc-ic-toast,b.sc-ic-toast,u.sc-ic-toast,i.sc-ic-toast,center.sc-ic-toast,dl.sc-ic-toast,dt.sc-ic-toast,dd.sc-ic-toast,ol.sc-ic-toast,ul.sc-ic-toast,li.sc-ic-toast,fieldset.sc-ic-toast,form.sc-ic-toast,label.sc-ic-toast,legend.sc-ic-toast,table.sc-ic-toast,caption.sc-ic-toast,tbody.sc-ic-toast,tfoot.sc-ic-toast,thead.sc-ic-toast,tr.sc-ic-toast,th.sc-ic-toast,td.sc-ic-toast,article.sc-ic-toast,aside.sc-ic-toast,canvas.sc-ic-toast,details.sc-ic-toast,embed.sc-ic-toast,figure.sc-ic-toast,figcaption.sc-ic-toast,footer.sc-ic-toast,header.sc-ic-toast,hgroup.sc-ic-toast,menu.sc-ic-toast,nav.sc-ic-toast,output.sc-ic-toast,ruby.sc-ic-toast,section.sc-ic-toast,summary.sc-ic-toast,time.sc-ic-toast,mark.sc-ic-toast,audio.sc-ic-toast,video.sc-ic-toast{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-toast-h{--bottom-position:var(--ic-space-xl);position:fixed;bottom:var(--bottom-position);left:50%;transform:translate(-50%);animation:fadein var(--ic-transition-duration-slow) ease-in-out}/*!@:host(.hidden)*/.hidden.sc-ic-toast-h{display:none;animation:fadeout var(--ic-transition-duration-slow) ease-in-out}/*!@.container*/.container.sc-ic-toast{max-width:32.5rem;min-width:18rem;box-shadow:var(--ic-elevation-overlay);min-height:3.5rem;background-color:var(--ic-architectural-800);color:var(--ic-color-white-text);display:flex;align-items:center;position:relative;border-radius:var(--ic-border-radius)}/*!@.toast-icon-container*/.toast-icon-container.sc-ic-toast{height:100%;display:flex;align-items:center}/*!@.divider*/.divider.sc-ic-toast{height:100%;width:var(--ic-space-xs);position:absolute;border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs)}/*!@.divider-neutral*/.divider-neutral.sc-ic-toast{background-color:var(--ic-architectural-500)}/*!@.divider-info*/.divider-info.sc-ic-toast{background-color:var(--ic-status-info-contrast)}/*!@.divider-warning*/.divider-warning.sc-ic-toast{background-color:var(--ic-status-warning-contrast)}/*!@.divider-error*/.divider-error.sc-ic-toast{background-color:var(--ic-status-error-contrast)}/*!@.divider-success*/.divider-success.sc-ic-toast{background-color:var(--ic-status-success-contrast)}/*!@.toast-icon,\n::slotted(svg)*/.toast-icon.sc-ic-toast,.sc-ic-toast-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@:host([variant=\"neutral\"]) .toast-icon svg,\n::slotted(svg)*/[variant=\"neutral\"].sc-ic-toast-h .toast-icon.sc-ic-toast svg.sc-ic-toast,.sc-ic-toast-s>svg{fill:var(--ic-architectural-500)}/*!@:host([variant=\"info\"]) .toast-icon svg*/[variant=\"info\"].sc-ic-toast-h .toast-icon.sc-ic-toast svg.sc-ic-toast{fill:var(--ic-status-info-contrast)}/*!@:host([variant=\"warning\"]) .toast-icon svg*/[variant=\"warning\"].sc-ic-toast-h .toast-icon.sc-ic-toast svg.sc-ic-toast{fill:var(--ic-status-warning-contrast)}/*!@:host([variant=\"error\"]) .toast-icon svg*/[variant=\"error\"].sc-ic-toast-h .toast-icon.sc-ic-toast svg.sc-ic-toast{fill:var(--ic-status-error-contrast)}/*!@:host([variant=\"success\"]) .toast-icon svg*/[variant=\"success\"].sc-ic-toast-h .toast-icon.sc-ic-toast svg.sc-ic-toast{fill:var(--ic-status-success-contrast)}/*!@.toast-content*/.toast-content.sc-ic-toast{margin-left:var(--ic-space-xs);width:100%}/*!@.no-icon*/.no-icon.sc-ic-toast{margin-left:var(--ic-space-md)}/*!@.toast-message*/.toast-message.sc-ic-toast{padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}/*!@.toast-action-container*/.toast-action-container.sc-ic-toast{padding-bottom:var(--ic-space-md)}/*!@ic-button,\n.toast-dismiss-timer*/ic-button.sc-ic-toast,.toast-dismiss-timer.sc-ic-toast{padding:var(--ic-space-xs)}@media (max-width: 576px){/*!@:host*/.sc-ic-toast-h{--bottom-position:var(--ic-space-lg);width:calc(100% - 2 * var(--ic-space-md))}}@media (min-width: 993px){/*!@:host*/.sc-ic-toast-h{--bottom-position:calc(var(--ic-space-xl) + var(--ic-space-xs))}}@media (forced-colors: active){/*!@.container*/.container.sc-ic-toast{border:var(--ic-hc-border)}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:var(--bottom-position);opacity:1}}@keyframes fadeout{from{bottom:var(--bottom-position);opacity:1}to{bottom:0;opacity:0}}";
|
14626
|
+
|
14627
|
+
const AUTO_DISMISS_TIMER_REFRESH_RATE_MS = 1000;
|
14628
|
+
const TOAST_HEADING_CHAR_LIMIT = 70;
|
14629
|
+
const TOAST_MESSAGE_CHAR_LIMIT = 140;
|
14630
|
+
/**
|
14631
|
+
* @slot action - IcButton or IcLink is placed below header and message. If used will default toast to manual `dismiss` type.
|
14632
|
+
* @slot neutral-icon - A custom neutral icon is placed on the left side of the component. If used will default toast to `neutral` variant.
|
14633
|
+
*/
|
14634
|
+
class Toast {
|
14635
|
+
constructor(hostRef) {
|
14636
|
+
registerInstance(this, hostRef);
|
14637
|
+
this.icDismiss = createEvent(this, "icDismiss", 7);
|
14638
|
+
this.interactiveElements = [];
|
14639
|
+
this.dismissAction = () => {
|
14640
|
+
this.icDismiss.emit();
|
14641
|
+
};
|
14642
|
+
this.handleProgressChange = () => {
|
14643
|
+
this.timerProgress -=
|
14644
|
+
(AUTO_DISMISS_TIMER_REFRESH_RATE_MS / this.autoDismissTimeout) * 100;
|
14645
|
+
};
|
14646
|
+
this.heading = undefined;
|
14647
|
+
this.variant = undefined;
|
14648
|
+
this.message = undefined;
|
14649
|
+
this.dismissMode = "manual";
|
14650
|
+
this.autoDismissTimeout = 5000;
|
14651
|
+
this.neutralIconAriaLabel = undefined;
|
14652
|
+
this.dismissButtonAriaLabel = "dismiss";
|
14653
|
+
this.visible = false;
|
14654
|
+
this.timerProgress = 100;
|
14655
|
+
}
|
14656
|
+
/**
|
14657
|
+
* Used to display the individual toast
|
14658
|
+
* @returns The element that previously had focus before the toast appeared
|
14659
|
+
*/
|
14660
|
+
async setVisible() {
|
14661
|
+
if (!this.visible)
|
14662
|
+
this.visible = true;
|
14663
|
+
if (!this.isManual) {
|
14664
|
+
this.dismissTimeout = window.setTimeout(this.dismissAction, this.autoDismissTimeout);
|
14665
|
+
this.timerRefreshInterval = window.setInterval(this.handleProgressChange, AUTO_DISMISS_TIMER_REFRESH_RATE_MS);
|
14666
|
+
return null;
|
14667
|
+
}
|
14668
|
+
else {
|
14669
|
+
window.setTimeout(() => this.interactiveElements[0].setFocus(), 200);
|
14670
|
+
return document.activeElement;
|
14671
|
+
}
|
14672
|
+
}
|
14673
|
+
handleDismiss() {
|
14674
|
+
this.visible = false;
|
14675
|
+
clearInterval(this.timerRefreshInterval);
|
14676
|
+
this.timerProgress = 100;
|
14677
|
+
}
|
14678
|
+
handleKeyboard(ev) {
|
14679
|
+
if (this.isManual && this.visible) {
|
14680
|
+
switch (ev.key) {
|
14681
|
+
case "Tab":
|
14682
|
+
ev.preventDefault();
|
14683
|
+
this.findNextInteractiveElement(ev.shiftKey).setFocus();
|
14684
|
+
break;
|
14685
|
+
case "Escape":
|
14686
|
+
!ev.repeat && this.dismissAction();
|
14687
|
+
ev.stopImmediatePropagation();
|
14688
|
+
break;
|
14689
|
+
}
|
14690
|
+
}
|
14691
|
+
}
|
14692
|
+
handleTimer(ev) {
|
14693
|
+
if (!this.isManual) {
|
14694
|
+
switch (ev.type) {
|
14695
|
+
case "mouseenter":
|
14696
|
+
window.clearTimeout(this.dismissTimeout);
|
14697
|
+
window.clearInterval(this.timerRefreshInterval);
|
14698
|
+
this.timerProgress = 100;
|
14699
|
+
break;
|
14700
|
+
case "mouseleave":
|
14701
|
+
this.dismissTimeout = window.setTimeout(this.dismissAction, this.autoDismissTimeout);
|
14702
|
+
this.timerRefreshInterval = window.setInterval(this.handleProgressChange, AUTO_DISMISS_TIMER_REFRESH_RATE_MS);
|
14703
|
+
break;
|
14704
|
+
}
|
14705
|
+
}
|
14706
|
+
}
|
14707
|
+
handleLongText(headingTooLong, messageTooLong) {
|
14708
|
+
if (messageTooLong || headingTooLong) {
|
14709
|
+
console.error(`Too many characters in toast ${headingTooLong ? "heading" : ""}${headingTooLong && messageTooLong ? " and " : ""}${messageTooLong ? "message" : ""}. Refer to character limits specified in the prop description`);
|
14710
|
+
}
|
14711
|
+
}
|
14712
|
+
findNextInteractiveElement(isBackwards) {
|
14713
|
+
const first = this.interactiveElements[0];
|
14714
|
+
const last = this.interactiveElements[this.interactiveElements.length - 1];
|
14715
|
+
const source = isBackwards ? first : last;
|
14716
|
+
const target = isBackwards ? last : first;
|
14717
|
+
if (this.isActive(source))
|
14718
|
+
return target;
|
14719
|
+
let currentIndex;
|
14720
|
+
const found = this.interactiveElements.some((el, index) => {
|
14721
|
+
if (!this.isActive(el))
|
14722
|
+
return false;
|
14723
|
+
currentIndex = index;
|
14724
|
+
return true;
|
14725
|
+
});
|
14726
|
+
if (!found)
|
14727
|
+
return first;
|
14728
|
+
return this.interactiveElements[currentIndex + (isBackwards ? -1 : 1)];
|
14729
|
+
}
|
14730
|
+
isActive(targetEl) {
|
14731
|
+
if (targetEl === this.el)
|
14732
|
+
return !!this.el.shadowRoot.activeElement;
|
14733
|
+
return document.activeElement === targetEl;
|
14734
|
+
}
|
14735
|
+
componentWillLoad() {
|
14736
|
+
var _a, _b;
|
14737
|
+
this.handleLongText(this.heading.length > TOAST_HEADING_CHAR_LIMIT, ((_a = this.message) === null || _a === void 0 ? void 0 : _a.length) > TOAST_MESSAGE_CHAR_LIMIT);
|
14738
|
+
if (this.autoDismissTimeout < 5000)
|
14739
|
+
this.autoDismissTimeout = 5000;
|
14740
|
+
if (isSlotUsed(this.el, "action"))
|
14741
|
+
this.dismissMode = "manual";
|
14742
|
+
this.isManual = this.dismissMode === "manual";
|
14743
|
+
if (isSlotUsed(this.el, "neutral-icon"))
|
14744
|
+
this.variant = "neutral";
|
14745
|
+
if (this.variant === "neutral") {
|
14746
|
+
this.neutralVariantLabel =
|
14747
|
+
(_b = this.neutralIconAriaLabel) !== null && _b !== void 0 ? _b : VARIANT_ICONS[this.variant].ariaLabel;
|
14748
|
+
}
|
14749
|
+
if (this.isManual) {
|
14750
|
+
this.el.setAttribute("aria-label", this.variant
|
14751
|
+
? this.neutralVariantLabel || VARIANT_ICONS[this.variant].ariaLabel
|
14752
|
+
: this.heading);
|
14753
|
+
(this.variant || this.message) &&
|
14754
|
+
this.el.setAttribute("aria-description", this.variant
|
14755
|
+
? `${this.heading}${this.message !== undefined ? `. ${this.message}` : ""}`
|
14756
|
+
: this.message);
|
14757
|
+
}
|
14758
|
+
}
|
14759
|
+
componentDidLoad() {
|
14760
|
+
onComponentRequiredPropUndefined([{ prop: this.heading, propName: "heading" }], "Toast");
|
14761
|
+
const actionContent = getSlot(this.el, "action");
|
14762
|
+
const dismissButton = this.el.shadowRoot.querySelector("ic-button");
|
14763
|
+
if (actionContent)
|
14764
|
+
this.interactiveElements.push(actionContent);
|
14765
|
+
if (dismissButton)
|
14766
|
+
this.interactiveElements.push(dismissButton);
|
14767
|
+
}
|
14768
|
+
render() {
|
14769
|
+
const { variant, heading, message, visible, isManual, dismissButtonAriaLabel, } = this;
|
14770
|
+
return (hAsync(Host, { class: { ["hidden"]: !visible }, role: isManual ? "dialog" : "status" }, hAsync("div", { class: "container" }, variant && visible && (hAsync("div", { class: "toast-icon-container" }, hAsync("div", { class: {
|
14771
|
+
["divider"]: true,
|
14772
|
+
[`divider-${variant}`]: true,
|
14773
|
+
} }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { class: {
|
14774
|
+
["toast-content"]: true,
|
14775
|
+
["no-icon"]: variant === "neutral" && !isSlotUsed(this.el, "neutral-icon"),
|
14776
|
+
} }, hAsync("div", { class: "toast-message" }, hAsync("ic-typography", { variant: "subtitle-large" }, visible && hAsync("h5", null, heading)), message && (hAsync("ic-typography", { variant: "body" }, visible && hAsync("p", null, message)))), isSlotUsed(this.el, "action") && (hAsync("div", { class: "toast-action-container" }, hAsync("slot", { name: "action" })))), !isManual ? (hAsync("ic-loading-indicator", { class: "toast-dismiss-timer", appearance: "light", size: "icon", progress: this.timerProgress })) : (hAsync("ic-button", { id: "dismiss-button", innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon", appearance: IcThemeForegroundEnum.Light, "aria-label": dismissButtonAriaLabel })))));
|
14777
|
+
}
|
14778
|
+
get el() { return getElement(this); }
|
14779
|
+
static get style() { return icToastCss; }
|
14780
|
+
static get cmpMeta() { return {
|
14781
|
+
"$flags$": 9,
|
14782
|
+
"$tagName$": "ic-toast",
|
14783
|
+
"$members$": {
|
14784
|
+
"heading": [1],
|
14785
|
+
"variant": [1],
|
14786
|
+
"message": [1],
|
14787
|
+
"dismissMode": [1, "dismiss-mode"],
|
14788
|
+
"autoDismissTimeout": [2, "auto-dismiss-timeout"],
|
14789
|
+
"neutralIconAriaLabel": [1, "neutral-icon-aria-label"],
|
14790
|
+
"dismissButtonAriaLabel": [1, "dismiss-button-aria-label"],
|
14791
|
+
"visible": [32],
|
14792
|
+
"timerProgress": [32],
|
14793
|
+
"setVisible": [64]
|
14794
|
+
},
|
14795
|
+
"$listeners$": [[2, "icDismiss", "handleDismiss"], [4, "keydown", "handleKeyboard"], [1, "mouseenter", "handleTimer"], [1, "mouseleave", "handleTimer"]],
|
14796
|
+
"$lazyBundleId$": "-",
|
14797
|
+
"$attrsToReflect$": []
|
14798
|
+
}; }
|
14799
|
+
}
|
14800
|
+
|
14801
|
+
class ToastRegion {
|
14802
|
+
constructor(hostRef) {
|
14803
|
+
registerInstance(this, hostRef);
|
14804
|
+
this.pendingVisibility = [];
|
14805
|
+
}
|
14806
|
+
/**
|
14807
|
+
* Handles setting the visibility of various toasts based on what is already visible
|
14808
|
+
* @param toast The toast element being requested to display
|
14809
|
+
*/
|
14810
|
+
async setVisible(toast) {
|
14811
|
+
const visibleToasts = Array.from(document.querySelectorAll("ic-toast")).filter((el) => window.getComputedStyle(el).display !== "none");
|
14812
|
+
if (visibleToasts.indexOf(toast) === -1 && visibleToasts.length <= 0) {
|
14813
|
+
toast.setVisible().then((res) => (this.previouslyFocused = res));
|
14814
|
+
}
|
14815
|
+
if (visibleToasts.length > 0)
|
14816
|
+
this.pendingVisibility.push(toast);
|
14817
|
+
}
|
14818
|
+
handleDismissedToast() {
|
14819
|
+
var _a;
|
14820
|
+
if (this.pendingVisibility.length > 0) {
|
14821
|
+
this.pendingVisibility[0]
|
14822
|
+
.setVisible()
|
14823
|
+
.then((res) => (this.previouslyFocused = res));
|
14824
|
+
this.pendingVisibility.shift();
|
14825
|
+
}
|
14826
|
+
else {
|
14827
|
+
if (this.previouslyFocused && "setFocus" in this.previouslyFocused) {
|
14828
|
+
this.previouslyFocused.setFocus();
|
14829
|
+
}
|
14830
|
+
else
|
14831
|
+
(_a = this.previouslyFocused) === null || _a === void 0 ? void 0 : _a.focus();
|
14832
|
+
}
|
14833
|
+
}
|
14834
|
+
render() {
|
14835
|
+
return hAsync("slot", null);
|
14836
|
+
}
|
14837
|
+
get el() { return getElement(this); }
|
14838
|
+
static get cmpMeta() { return {
|
14839
|
+
"$flags$": 4,
|
14840
|
+
"$tagName$": "ic-toast-region",
|
14841
|
+
"$members$": {
|
14842
|
+
"setVisible": [64]
|
14843
|
+
},
|
14844
|
+
"$listeners$": [[2, "icDismiss", "handleDismissedToast"]],
|
14845
|
+
"$lazyBundleId$": "-",
|
14846
|
+
"$attrsToReflect$": []
|
14847
|
+
}; }
|
14848
|
+
}
|
14849
|
+
|
14850
|
+
const icTooltipCss = "/*!@html*/html.sc-ic-tooltip{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-tooltip{margin:0}/*!@main*/main.sc-ic-tooltip{display:block}/*!@h1*/h1.sc-ic-tooltip{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-tooltip{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-tooltip{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-tooltip{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-tooltip{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-tooltip,strong.sc-ic-tooltip{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-tooltip,kbd.sc-ic-tooltip,samp.sc-ic-tooltip{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-tooltip{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-tooltip,sup.sc-ic-tooltip{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-tooltip{bottom:-0.25em}/*!@sup*/sup.sc-ic-tooltip{top:-0.5em}/*!@img*/img.sc-ic-tooltip{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-tooltip,input.sc-ic-tooltip,optgroup.sc-ic-tooltip,select.sc-ic-tooltip,textarea.sc-ic-tooltip{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-tooltip,input.sc-ic-tooltip{overflow:visible}/*!@button,\nselect*/button.sc-ic-tooltip,select.sc-ic-tooltip{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-tooltip,[type=\"button\"].sc-ic-tooltip,[type=\"reset\"].sc-ic-tooltip,[type=\"submit\"].sc-ic-tooltip{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-tooltip::-moz-focus-inner,[type=\"button\"].sc-ic-tooltip::-moz-focus-inner,[type=\"reset\"].sc-ic-tooltip::-moz-focus-inner,[type=\"submit\"].sc-ic-tooltip::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-tooltip:-moz-focusring,[type=\"button\"].sc-ic-tooltip:-moz-focusring,[type=\"reset\"].sc-ic-tooltip:-moz-focusring,[type=\"submit\"].sc-ic-tooltip:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-tooltip{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-tooltip{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-tooltip{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-tooltip{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-tooltip,[type=\"radio\"].sc-ic-tooltip{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-tooltip::-webkit-inner-spin-button,[type=\"number\"].sc-ic-tooltip::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-tooltip{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-tooltip::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-tooltip::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-tooltip{display:block}/*!@summary*/summary.sc-ic-tooltip{display:list-item}/*!@template*/template.sc-ic-tooltip{display:none}/*!@[hidden]*/[hidden].sc-ic-tooltip{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-tooltip,body.sc-ic-tooltip,div.sc-ic-tooltip,span.sc-ic-tooltip,applet.sc-ic-tooltip,object.sc-ic-tooltip,iframe.sc-ic-tooltip,h1.sc-ic-tooltip,h2.sc-ic-tooltip,h3.sc-ic-tooltip,h4.sc-ic-tooltip,h5.sc-ic-tooltip,h6.sc-ic-tooltip,p.sc-ic-tooltip,blockquote.sc-ic-tooltip,pre.sc-ic-tooltip,a.sc-ic-tooltip,abbr.sc-ic-tooltip,acronym.sc-ic-tooltip,address.sc-ic-tooltip,big.sc-ic-tooltip,cite.sc-ic-tooltip,code.sc-ic-tooltip,del.sc-ic-tooltip,dfn.sc-ic-tooltip,em.sc-ic-tooltip,img.sc-ic-tooltip,ins.sc-ic-tooltip,kbd.sc-ic-tooltip,q.sc-ic-tooltip,s.sc-ic-tooltip,samp.sc-ic-tooltip,small.sc-ic-tooltip,strike.sc-ic-tooltip,strong.sc-ic-tooltip,sub.sc-ic-tooltip,sup.sc-ic-tooltip,tt.sc-ic-tooltip,var.sc-ic-tooltip,b.sc-ic-tooltip,u.sc-ic-tooltip,i.sc-ic-tooltip,center.sc-ic-tooltip,dl.sc-ic-tooltip,dt.sc-ic-tooltip,dd.sc-ic-tooltip,ol.sc-ic-tooltip,ul.sc-ic-tooltip,li.sc-ic-tooltip,fieldset.sc-ic-tooltip,form.sc-ic-tooltip,label.sc-ic-tooltip,legend.sc-ic-tooltip,table.sc-ic-tooltip,caption.sc-ic-tooltip,tbody.sc-ic-tooltip,tfoot.sc-ic-tooltip,thead.sc-ic-tooltip,tr.sc-ic-tooltip,th.sc-ic-tooltip,td.sc-ic-tooltip,article.sc-ic-tooltip,aside.sc-ic-tooltip,canvas.sc-ic-tooltip,details.sc-ic-tooltip,embed.sc-ic-tooltip,figure.sc-ic-tooltip,figcaption.sc-ic-tooltip,footer.sc-ic-tooltip,header.sc-ic-tooltip,hgroup.sc-ic-tooltip,menu.sc-ic-tooltip,nav.sc-ic-tooltip,output.sc-ic-tooltip,ruby.sc-ic-tooltip,section.sc-ic-tooltip,summary.sc-ic-tooltip,time.sc-ic-tooltip,mark.sc-ic-tooltip,audio.sc-ic-tooltip,video.sc-ic-tooltip{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.ic-tooltip) .ic-tooltip-container*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{background-color:var(--ic-architectural-800);color:#ffff;text-align:center;padding:var(--ic-space-xxxs) 0.625rem;border-radius:var(--ic-border-radius);position:absolute;max-width:20rem;display:none;z-index:var(--ic-z-index-tooltip);box-shadow:var(--ic-elevation-overlay)}/*!@:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed))\n .ic-tooltip-container,\n:host(.tooltip-disabled) .ic-tooltip-container*/.tooltip-navigation-item.sc-ic-tooltip-h:not(.tooltip-navigation-item-side-nav-collapsed) .ic-tooltip-container.sc-ic-tooltip,.tooltip-disabled.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{display:none !important}/*!@:host(.tooltip-long-label-navigation-item-side-nav-expanded)\n .ic-tooltip-container[data-show]*/.tooltip-long-label-navigation-item-side-nav-expanded.sc-ic-tooltip-h .ic-tooltip-container[data-show].sc-ic-tooltip{display:block !important}/*!@:host(.ic-tooltip) .ic-tooltip-arrow,\n:host(.ic-tooltip) .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip,.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip::before{position:absolute;background:inherit;width:var(--ic-space-md);height:var(--ic-space-md)}/*!@:host(.ic-tooltip) .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip{visibility:hidden}/*!@:host(.ic-tooltip) .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip::before{visibility:visible;content:\"\"}/*!@:host(.ic-tooltip) .ic-tooltip-container[data-show]*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-show].sc-ic-tooltip{display:block}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"top\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{bottom:calc(-1 * var(--ic-space-md))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"top\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;height:var(--ic-space-xxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"bottom\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{top:calc(-1 * var(--ic-space-xxs))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"bottom\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;height:var(--ic-space-xxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"left\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{right:var(--ic-space-xxxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"left\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"right\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{left:-0.875rem}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"right\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius)}@media (forced-colors: active){/*!@:host(.ic-tooltip) .ic-tooltip-container*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{border:var(--ic-hc-border)}}";
|
14513
14851
|
|
14514
14852
|
class Tooltip {
|
14515
14853
|
constructor(hostRef) {
|
@@ -14644,7 +14982,7 @@ class Tooltip {
|
|
14644
14982
|
}; }
|
14645
14983
|
}
|
14646
14984
|
|
14647
|
-
const icTopNavigationCss = "/*!@html*/html.sc-ic-top-navigation{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-top-navigation{margin:0}/*!@main*/main.sc-ic-top-navigation{display:block}/*!@h1*/h1.sc-ic-top-navigation{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-top-navigation{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-top-navigation{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-top-navigation{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-top-navigation,strong.sc-ic-top-navigation{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-top-navigation,kbd.sc-ic-top-navigation,samp.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-top-navigation{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-top-navigation,sup.sc-ic-top-navigation{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-top-navigation{bottom:-0.25em}/*!@sup*/sup.sc-ic-top-navigation{top:-0.5em}/*!@img*/img.sc-ic-top-navigation{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-top-navigation,input.sc-ic-top-navigation,optgroup.sc-ic-top-navigation,select.sc-ic-top-navigation,textarea.sc-ic-top-navigation{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-top-navigation,input.sc-ic-top-navigation{overflow:visible}/*!@button,\nselect*/button.sc-ic-top-navigation,select.sc-ic-top-navigation{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-top-navigation,[type=\"button\"].sc-ic-top-navigation,[type=\"reset\"].sc-ic-top-navigation,[type=\"submit\"].sc-ic-top-navigation{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-top-navigation::-moz-focus-inner,[type=\"button\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"reset\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"submit\"].sc-ic-top-navigation::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-top-navigation:-moz-focusring,[type=\"button\"].sc-ic-top-navigation:-moz-focusring,[type=\"reset\"].sc-ic-top-navigation:-moz-focusring,[type=\"submit\"].sc-ic-top-navigation:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-top-navigation{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-top-navigation{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-top-navigation{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-top-navigation{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-top-navigation,[type=\"radio\"].sc-ic-top-navigation{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-top-navigation::-webkit-inner-spin-button,[type=\"number\"].sc-ic-top-navigation::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-top-navigation{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-top-navigation::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-top-navigation::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-top-navigation{display:block}/*!@summary*/summary.sc-ic-top-navigation{display:list-item}/*!@template*/template.sc-ic-top-navigation{display:none}/*!@[hidden]*/[hidden].sc-ic-top-navigation{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-top-navigation,body.sc-ic-top-navigation,div.sc-ic-top-navigation,span.sc-ic-top-navigation,applet.sc-ic-top-navigation,object.sc-ic-top-navigation,iframe.sc-ic-top-navigation,h1.sc-ic-top-navigation,h2.sc-ic-top-navigation,h3.sc-ic-top-navigation,h4.sc-ic-top-navigation,h5.sc-ic-top-navigation,h6.sc-ic-top-navigation,p.sc-ic-top-navigation,blockquote.sc-ic-top-navigation,pre.sc-ic-top-navigation,a.sc-ic-top-navigation,abbr.sc-ic-top-navigation,acronym.sc-ic-top-navigation,address.sc-ic-top-navigation,big.sc-ic-top-navigation,cite.sc-ic-top-navigation,code.sc-ic-top-navigation,del.sc-ic-top-navigation,dfn.sc-ic-top-navigation,em.sc-ic-top-navigation,img.sc-ic-top-navigation,ins.sc-ic-top-navigation,kbd.sc-ic-top-navigation,q.sc-ic-top-navigation,s.sc-ic-top-navigation,samp.sc-ic-top-navigation,small.sc-ic-top-navigation,strike.sc-ic-top-navigation,strong.sc-ic-top-navigation,sub.sc-ic-top-navigation,sup.sc-ic-top-navigation,tt.sc-ic-top-navigation,var.sc-ic-top-navigation,b.sc-ic-top-navigation,u.sc-ic-top-navigation,i.sc-ic-top-navigation,center.sc-ic-top-navigation,dl.sc-ic-top-navigation,dt.sc-ic-top-navigation,dd.sc-ic-top-navigation,ol.sc-ic-top-navigation,ul.sc-ic-top-navigation,li.sc-ic-top-navigation,fieldset.sc-ic-top-navigation,form.sc-ic-top-navigation,label.sc-ic-top-navigation,legend.sc-ic-top-navigation,table.sc-ic-top-navigation,caption.sc-ic-top-navigation,tbody.sc-ic-top-navigation,tfoot.sc-ic-top-navigation,thead.sc-ic-top-navigation,tr.sc-ic-top-navigation,th.sc-ic-top-navigation,td.sc-ic-top-navigation,article.sc-ic-top-navigation,aside.sc-ic-top-navigation,canvas.sc-ic-top-navigation,details.sc-ic-top-navigation,embed.sc-ic-top-navigation,figure.sc-ic-top-navigation,figcaption.sc-ic-top-navigation,footer.sc-ic-top-navigation,header.sc-ic-top-navigation,hgroup.sc-ic-top-navigation,menu.sc-ic-top-navigation,nav.sc-ic-top-navigation,output.sc-ic-top-navigation,ruby.sc-ic-top-navigation,section.sc-ic-top-navigation,summary.sc-ic-top-navigation,time.sc-ic-top-navigation,mark.sc-ic-top-navigation,audio.sc-ic-top-navigation,video.sc-ic-top-navigation{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-top-navigation-h{display:block;color:var(--ic-theme-text);width:100%;position:relative}/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{background-color:var(--ic-theme-primary);height:-moz-max-content;height:max-content}/*!@:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form)*/.sc-ic-top-navigation-h.fullwidth-searchbar slot[name=\"search\"].sc-ic-top-navigation-s>form{width:100%}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);margin-left:calc(-1 * var(--ic-space-xxs));transition:var(--ic-easing-transition-fast)}/*!@:host .title-link,\n:host .title-link:visited,\n:host .title-link:active,\n:host .title-link ::slotted(a),\n:host .title-link:visited ::slotted(a),\n:host .title-link:active ::slotted(a)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:visited,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active,.sc-ic-top-navigation-h .title-link .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:visited .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:active .sc-ic-top-navigation-s>a{color:var(--ic-theme-text);text-decoration:none;outline:none}/*!@:host .title-link:hover:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover:not(:focus){background-color:var(--ic-theme-hover)}/*!@:host .title-link:active:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active:not(:focus){background-color:var(--ic-theme-active)}/*!@:host .title-link:hover*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover{border-radius:var(--ic-border-radius)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}/*!@:host .title-link ic-typography*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation ic-typography.sc-ic-top-navigation{font-weight:600}/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-keyline-lighten);padding-left:var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}/*!@:host(.dark) .nav-panel-container*/.dark.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-keyline-darken)}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.navigation-tabs*/.navigation-tabs.sc-ic-top-navigation{margin-top:-0.063rem}/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}/*!@.app-icon-container*/.app-icon-container.sc-ic-top-navigation{display:flex;padding-right:var(--ic-space-xs)}/*!@.icon-buttons-container*/.icon-buttons-container.sc-ic-top-navigation{display:flex;margin-left:var(--ic-space-md)}/*!@.icon-buttons-container ::slotted(nav)*/.icon-buttons-container .sc-ic-top-navigation-s>nav{display:flex}/*!@.title-wrap*/.title-wrap.sc-ic-top-navigation{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@:host .app-status*/.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{border-radius:5rem;background-color:var(--ic-architectural-white);color:var(--ic-color-primary-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@:host(.dark) .app-status*/.dark.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{background-color:var(--ic-theme-text);color:var(--ic-color-white-text)}/*!@:host .app-version*/.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{border-radius:1rem;background-color:var(--ic-theme-active);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs)}/*!@.app-status-text,\n.app-version-text*/.app-status-text.sc-ic-top-navigation,.app-version-text.sc-ic-top-navigation{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:6rem}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>svg{fill:var(--ic-theme-text);width:2em;height:2em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{fill:var(--ic-theme-text)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{justify-content:right;display:flex;align-items:center;flex:1 auto}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-md)}/*!@.search-actions-container*/.search-actions-container.sc-ic-top-navigation{display:flex}/*!@.menu-buttons-slot*/.menu-buttons-slot.sc-ic-top-navigation{display:flex;flex-direction:column}/*!@.navigation-landmark-text*/.navigation-landmark-text.sc-ic-top-navigation{position:absolute;width:0.063rem;height:0.063rem;padding:0;margin:-0.063rem;overflow:hidden}/*!@.navigation-item-list*/.navigation-item-list.sc-ic-top-navigation{display:flex;list-style:none;height:2.75rem}/*!@:host([content-aligned=\"left\"]) .app-details-container*/[content-aligned=\"left\"].sc-ic-top-navigation-h .app-details-container.sc-ic-top-navigation{flex-basis:1}/*!@:host([content-aligned=\"left\"]) .app-details-container,\n:host([content-aligned=\"left\"]) .nav-panel-container,\n:host([content-aligned=\"center\"]) .nav-panel-container,\n:host([content-aligned=\"left\"]) .search-menu-container,\n:host([content-aligned=\"center\"]) .search-menu-container*/[content-aligned=\"left\"].sc-ic-top-navigation-h .app-details-container.sc-ic-top-navigation,[content-aligned=\"left\"].sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation,[content-aligned=\"center\"].sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation,[content-aligned=\"left\"].sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation,[content-aligned=\"center\"].sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation{justify-content:flex-start}/*!@:host([content-aligned=\"center\"]) .app-details-container*/[content-aligned=\"center\"].sc-ic-top-navigation-h .app-details-container.sc-ic-top-navigation{justify-content:flex-end}/*!@:host ic-section-container*/.sc-ic-top-navigation-h ic-section-container.sc-ic-top-navigation{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{margin-right:var(--ic-space-lg)}/*!@:host([content-aligned=\"center\"]) .top-navigation*/[content-aligned=\"center\"].sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{display:flex;justify-content:center}/*!@:host([content-aligned=\"left\"]) .top-navigation*/[content-aligned=\"left\"].sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{display:flex}}@media screen and (max-width: 1200px){/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{padding-left:var(--ic-space-md)}}@media screen and (max-width: 992px){/*!@:host .nav-panel-container,\n :host .app-status,\n :host .app-version*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation,.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation,.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{display:none}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xs)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{max-width:10rem}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{display:flex;justify-content:center;align-items:center;border-top:var(--ic-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}/*!@:host([content-aligned=\"left\"]) .app-details-container,\n :host([content-aligned=\"left\"]) .search-menu-container,\n :host([content-aligned=\"center\"]) .search-menu-container,\n :host([content-aligned=\"center\"]) .app-details-container*/[content-aligned=\"left\"].sc-ic-top-navigation-h .app-details-container.sc-ic-top-navigation,[content-aligned=\"left\"].sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation,[content-aligned=\"center\"].sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation,[content-aligned=\"center\"].sc-ic-top-navigation-h .app-details-container.sc-ic-top-navigation{justify-content:flex-start}}@media screen and (max-width: 576px){/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{min-height:2.5rem}/*!@.searchbox-inline*/.searchbox-inline.sc-ic-top-navigation{display:none}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-sm)}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>svg{width:1.5em;height:1.5em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{width:1.5em;height:1.5em}}@media (forced-colors: active){/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{border-bottom:var(--ic-hc-border)}/*!@.app-status,\n .app-version*/.app-status.sc-ic-top-navigation,.app-version.sc-ic-top-navigation{border:var(--ic-hc-border)}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>svg{fill:currentcolor}}";
|
14985
|
+
const icTopNavigationCss = "/*!@html*/html.sc-ic-top-navigation{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-top-navigation{margin:0}/*!@main*/main.sc-ic-top-navigation{display:block}/*!@h1*/h1.sc-ic-top-navigation{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-top-navigation{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-top-navigation{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-top-navigation{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-top-navigation,strong.sc-ic-top-navigation{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-top-navigation,kbd.sc-ic-top-navigation,samp.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-top-navigation{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-top-navigation,sup.sc-ic-top-navigation{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-top-navigation{bottom:-0.25em}/*!@sup*/sup.sc-ic-top-navigation{top:-0.5em}/*!@img*/img.sc-ic-top-navigation{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-top-navigation,input.sc-ic-top-navigation,optgroup.sc-ic-top-navigation,select.sc-ic-top-navigation,textarea.sc-ic-top-navigation{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-top-navigation,input.sc-ic-top-navigation{overflow:visible}/*!@button,\nselect*/button.sc-ic-top-navigation,select.sc-ic-top-navigation{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-top-navigation,[type=\"button\"].sc-ic-top-navigation,[type=\"reset\"].sc-ic-top-navigation,[type=\"submit\"].sc-ic-top-navigation{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-top-navigation::-moz-focus-inner,[type=\"button\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"reset\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"submit\"].sc-ic-top-navigation::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-top-navigation:-moz-focusring,[type=\"button\"].sc-ic-top-navigation:-moz-focusring,[type=\"reset\"].sc-ic-top-navigation:-moz-focusring,[type=\"submit\"].sc-ic-top-navigation:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-top-navigation{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-top-navigation{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-top-navigation{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-top-navigation{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-top-navigation,[type=\"radio\"].sc-ic-top-navigation{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-top-navigation::-webkit-inner-spin-button,[type=\"number\"].sc-ic-top-navigation::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-top-navigation{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-top-navigation::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-top-navigation::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-top-navigation{display:block}/*!@summary*/summary.sc-ic-top-navigation{display:list-item}/*!@template*/template.sc-ic-top-navigation{display:none}/*!@[hidden]*/[hidden].sc-ic-top-navigation{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-top-navigation,body.sc-ic-top-navigation,div.sc-ic-top-navigation,span.sc-ic-top-navigation,applet.sc-ic-top-navigation,object.sc-ic-top-navigation,iframe.sc-ic-top-navigation,h1.sc-ic-top-navigation,h2.sc-ic-top-navigation,h3.sc-ic-top-navigation,h4.sc-ic-top-navigation,h5.sc-ic-top-navigation,h6.sc-ic-top-navigation,p.sc-ic-top-navigation,blockquote.sc-ic-top-navigation,pre.sc-ic-top-navigation,a.sc-ic-top-navigation,abbr.sc-ic-top-navigation,acronym.sc-ic-top-navigation,address.sc-ic-top-navigation,big.sc-ic-top-navigation,cite.sc-ic-top-navigation,code.sc-ic-top-navigation,del.sc-ic-top-navigation,dfn.sc-ic-top-navigation,em.sc-ic-top-navigation,img.sc-ic-top-navigation,ins.sc-ic-top-navigation,kbd.sc-ic-top-navigation,q.sc-ic-top-navigation,s.sc-ic-top-navigation,samp.sc-ic-top-navigation,small.sc-ic-top-navigation,strike.sc-ic-top-navigation,strong.sc-ic-top-navigation,sub.sc-ic-top-navigation,sup.sc-ic-top-navigation,tt.sc-ic-top-navigation,var.sc-ic-top-navigation,b.sc-ic-top-navigation,u.sc-ic-top-navigation,i.sc-ic-top-navigation,center.sc-ic-top-navigation,dl.sc-ic-top-navigation,dt.sc-ic-top-navigation,dd.sc-ic-top-navigation,ol.sc-ic-top-navigation,ul.sc-ic-top-navigation,li.sc-ic-top-navigation,fieldset.sc-ic-top-navigation,form.sc-ic-top-navigation,label.sc-ic-top-navigation,legend.sc-ic-top-navigation,table.sc-ic-top-navigation,caption.sc-ic-top-navigation,tbody.sc-ic-top-navigation,tfoot.sc-ic-top-navigation,thead.sc-ic-top-navigation,tr.sc-ic-top-navigation,th.sc-ic-top-navigation,td.sc-ic-top-navigation,article.sc-ic-top-navigation,aside.sc-ic-top-navigation,canvas.sc-ic-top-navigation,details.sc-ic-top-navigation,embed.sc-ic-top-navigation,figure.sc-ic-top-navigation,figcaption.sc-ic-top-navigation,footer.sc-ic-top-navigation,header.sc-ic-top-navigation,hgroup.sc-ic-top-navigation,menu.sc-ic-top-navigation,nav.sc-ic-top-navigation,output.sc-ic-top-navigation,ruby.sc-ic-top-navigation,section.sc-ic-top-navigation,summary.sc-ic-top-navigation,time.sc-ic-top-navigation,mark.sc-ic-top-navigation,audio.sc-ic-top-navigation,video.sc-ic-top-navigation{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-top-navigation-h{display:block;color:var(--ic-theme-text);width:100%;position:relative}/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{background-color:var(--ic-theme-primary);height:-moz-max-content;height:max-content}/*!@:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form)*/.sc-ic-top-navigation-h.fullwidth-searchbar slot[name=\"search\"].sc-ic-top-navigation-s>form{width:100%}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);margin-left:calc(-1 * var(--ic-space-xxs));transition:var(--ic-easing-transition-fast)}/*!@:host .title-link,\n:host .title-link:visited,\n:host .title-link:active,\n:host .title-link ::slotted(a),\n:host .title-link:visited ::slotted(a),\n:host .title-link:active ::slotted(a)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:visited,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active,.sc-ic-top-navigation-h .title-link .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:visited .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:active .sc-ic-top-navigation-s>a{color:var(--ic-theme-text);text-decoration:none;outline:none}/*!@:host .title-link:hover:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover:not(:focus){background-color:var(--ic-theme-hover)}/*!@:host .title-link:active:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active:not(:focus){background-color:var(--ic-theme-active)}/*!@:host .title-link:hover*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover{border-radius:var(--ic-border-radius)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}/*!@:host .title-link ic-typography*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation ic-typography.sc-ic-top-navigation{font-weight:600}/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-keyline-lighten);padding:0 var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}/*!@:host(.dark) .nav-panel-container*/.dark.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-keyline-darken)}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.navigation-tabs*/.navigation-tabs.sc-ic-top-navigation{margin-top:-0.063rem}/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}/*!@.app-icon-container*/.app-icon-container.sc-ic-top-navigation{display:flex;padding-right:var(--ic-space-xs)}/*!@.icon-buttons-container*/.icon-buttons-container.sc-ic-top-navigation{display:flex;margin-left:var(--ic-space-md)}/*!@.icon-buttons-container ::slotted(nav)*/.icon-buttons-container .sc-ic-top-navigation-s>nav{display:flex}/*!@.title-wrap*/.title-wrap.sc-ic-top-navigation{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@:host .app-status*/.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{border-radius:5rem;background-color:var(--ic-architectural-white);color:var(--ic-color-primary-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@:host(.dark) .app-status*/.dark.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{background-color:var(--ic-theme-text);color:var(--ic-color-white-text)}/*!@:host .app-version*/.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{border-radius:1rem;background-color:var(--ic-theme-active);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs)}/*!@.app-status-text,\n.app-version-text*/.app-status-text.sc-ic-top-navigation,.app-version-text.sc-ic-top-navigation{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:6rem}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>svg{fill:var(--ic-theme-text);width:2em;height:2em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{fill:var(--ic-theme-text)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{justify-content:right;display:flex;align-items:center}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-md)}/*!@.search-actions-container*/.search-actions-container.sc-ic-top-navigation{display:flex}/*!@.menu-buttons-slot*/.menu-buttons-slot.sc-ic-top-navigation{display:flex;flex-direction:column}/*!@.navigation-landmark-text*/.navigation-landmark-text.sc-ic-top-navigation{position:absolute;width:0.063rem;height:0.063rem;padding:0;margin:-0.063rem;overflow:hidden}/*!@.navigation-item-list*/.navigation-item-list.sc-ic-top-navigation{display:flex;list-style:none;height:2.75rem}/*!@.navigation-item-list::-webkit-scrollbar*/.navigation-item-list.sc-ic-top-navigation::-webkit-scrollbar{display:none}/*!@:host ic-section-container*/.sc-ic-top-navigation-h ic-section-container.sc-ic-top-navigation{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{margin-right:var(--ic-space-lg)}}@media screen and (max-width: 1200px){/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{padding:0 var(--ic-space-md)}}@media screen and (max-width: 992px){/*!@:host .nav-panel-container,\n :host .app-status,\n :host .app-version*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation,.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation,.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{display:none}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xs)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{max-width:10rem}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{display:flex;justify-content:center;align-items:center;border-top:var(--ic-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}}@media screen and (max-width: 576px){/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{min-height:2.5rem}/*!@.searchbox-inline*/.searchbox-inline.sc-ic-top-navigation{display:none}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-sm)}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>svg{width:1.5em;height:1.5em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{width:1.5em;height:1.5em}}@media (forced-colors: active){/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{border-bottom:var(--ic-hc-border)}/*!@.app-status,\n .app-version*/.app-status.sc-ic-top-navigation,.app-version.sc-ic-top-navigation{border:var(--ic-hc-border)}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>svg{fill:currentcolor}}";
|
14648
14986
|
|
14649
14987
|
/**
|
14650
14988
|
* @slot app-icon - Content will be rendered to left of app title.
|
@@ -14710,7 +15048,7 @@ class TopNavigation {
|
|
14710
15048
|
//remove attribute again as this trigger a redraw & applies css
|
14711
15049
|
this.searchBar.removeAttribute("hidden");
|
14712
15050
|
setTimeout(() => {
|
14713
|
-
this.searchBar.
|
15051
|
+
this.searchBar.focus();
|
14714
15052
|
}, 100);
|
14715
15053
|
}
|
14716
15054
|
}
|
@@ -14746,7 +15084,7 @@ class TopNavigation {
|
|
14746
15084
|
navBarMenuCloseHandler() {
|
14747
15085
|
this.showNavMenu(false);
|
14748
15086
|
const menuBtn = this.el.shadowRoot.querySelector("#menu-button");
|
14749
|
-
menuBtn.
|
15087
|
+
menuBtn.focus();
|
14750
15088
|
}
|
14751
15089
|
searchInputBlurHandler(ev) {
|
14752
15090
|
if (ev.detail !== null) {
|
@@ -14772,7 +15110,7 @@ class TopNavigation {
|
|
14772
15110
|
this.hasFullWidthSearchBar = true;
|
14773
15111
|
this.searchBar.fullWidth = true;
|
14774
15112
|
setTimeout(() => {
|
14775
|
-
this.searchBar.
|
15113
|
+
this.searchBar.focus();
|
14776
15114
|
}, 100);
|
14777
15115
|
}
|
14778
15116
|
else {
|
@@ -14840,10 +15178,10 @@ class TopNavigation {
|
|
14840
15178
|
return (hAsync(Host, { class: {
|
14841
15179
|
["fullwidth-searchbar"]: this.hasFullWidthSearchBar,
|
14842
15180
|
[IcThemeForegroundEnum.Dark]: this.foregroundColor === IcThemeForegroundEnum.Dark,
|
14843
|
-
} }, hAsync("div", { class: "top-navigation" }, hAsync("ic-section-container", { aligned:
|
15181
|
+
} }, hAsync("div", { class: "top-navigation" }, hAsync("ic-section-container", { aligned: this.contentAligned, "full-height": true }, hAsync("header", { role: "banner" }, hAsync("div", { class: "top-panel-container" }, hAsync("div", { class: "app-details-container" }, (hasTitle || isSlotUsed(this.el, "app-title")) && (hAsync(Component, Object.assign({ class: "title-link" }, attrs), this.hasAppIcon && (hAsync("div", { class: "app-icon-container", "aria-hidden": "true" }, hAsync("slot", { name: "app-icon" }))), hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, isSlotUsed(this.el, "app-title") ? (hAsync("slot", { name: "app-title" })) : (this.appTitle))))), this.status !== "" && (hAsync("div", { class: "app-status" }, hAsync("ic-typography", { "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, this.status))), this.version !== "" && (hAsync("div", { class: "app-version" }, hAsync("ic-typography", { variant: "label", class: "app-version-text", "aria-label": "app version" }, this.version)))), (this.hasSearchSlotContent || hasMenuContent) && (hAsync("div", { class: "search-menu-container" }, hAsync("div", { class: "search-actions-container" }, this.deviceSize > DEVICE_SIZES.L && (hAsync("slot", { name: "search" })), this.hasSearchSlotContent &&
|
14844
15182
|
this.deviceSize <= DEVICE_SIZES.L && (hAsync("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: this.searchButtonMouseDownHandler, variant: "icon", size: searchButtonSize, "aria-label": mobileSearchButtonTitle, appearance: this.foregroundColor, onClick: this.searchButtonClickHandler }, hAsync("slot", { name: "toggle-icon", slot: "icon" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), this.hasIconButtons && this.deviceSize > DEVICE_SIZES.L && (hAsync("div", { class: "icon-buttons-container" }, hAsync("slot", { name: "buttons" }))), hasMenuContent && this.deviceSize <= DEVICE_SIZES.L && (hAsync("div", { class: "menu-button-container" }, hAsync("nav", { "aria-labelledby": "navigation-landmark-text", "aria-hidden": !this.hasNavigation || this.navMenuVisible
|
14845
15183
|
? "true"
|
14846
|
-
: "false" }, hAsync("ic-button", { id: "menu-button", appearance: this.foregroundColor, variant: "secondary", "aria-expanded": this.menuOpen ? "true" : "false", "aria-haspopup": "true", "aria-label": `Open ${this.hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: this.menuButtonClick }, "Menu", hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "icon" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), this.mobileSearchBarVisible && (hAsync("div", { class: "search-bar-container" }, hAsync("slot", { name: "search" }))), this.hasNavigation && this.deviceSize > DEVICE_SIZES.L && (hAsync("div", { class: "navigation-tabs" }, hAsync("span", { id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main navigation"), hAsync("nav", { "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ul", { class: "navigation-item-list" }, hAsync("slot", { name: "navigation" })))))))), this.navMenuVisible && (hAsync("ic-navigation-menu", { version: this.version, status: this.status, class: {
|
15184
|
+
: "false" }, hAsync("ic-button", { id: "menu-button", appearance: this.foregroundColor, variant: "secondary", "aria-expanded": this.menuOpen ? "true" : "false", "aria-haspopup": "true", "aria-label": `Open ${this.hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: this.menuButtonClick }, "Menu", hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "icon" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), this.mobileSearchBarVisible && (hAsync("div", { class: "search-bar-container" }, hAsync("slot", { name: "search" }))), this.hasNavigation && this.deviceSize > DEVICE_SIZES.L && (hAsync("div", { class: "navigation-tabs" }, hAsync("span", { id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main navigation"), hAsync("nav", { "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { appearance: this.foregroundColor }, hAsync("ul", { class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { name: "navigation" }))))))))), this.navMenuVisible && (hAsync("ic-navigation-menu", { version: this.version, status: this.status, class: {
|
14847
15185
|
["inline"]: this.inline,
|
14848
15186
|
} }, hAsync("div", { class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { name: "buttons" })), hAsync("ul", { slot: "navigation" }, hAsync("slot", { name: "navigation" }))))));
|
14849
15187
|
}
|
@@ -14926,6 +15264,7 @@ registerComponents([
|
|
14926
15264
|
FooterLink,
|
14927
15265
|
FooterLinkGroup,
|
14928
15266
|
Hero,
|
15267
|
+
HorizontalScroll,
|
14929
15268
|
InputComponentContainer,
|
14930
15269
|
InputContainer,
|
14931
15270
|
InputLabel,
|
@@ -14955,6 +15294,8 @@ registerComponents([
|
|
14955
15294
|
TabPanel,
|
14956
15295
|
TextField,
|
14957
15296
|
Theme,
|
15297
|
+
Toast,
|
15298
|
+
ToastRegion,
|
14958
15299
|
Tooltip,
|
14959
15300
|
TopNavigation,
|
14960
15301
|
Typography,
|