@ukic/web-components 3.20.0 → 3.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/helpers-3a796e7a.js.map +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +16 -9
- package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +6 -6
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-horizontal.cjs.entry.js +174 -0
- package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-card-vertical.cjs.entry.js +1 -1
- package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +2 -2
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js +5 -5
- package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-list.cjs.entry.js +2 -2
- package/dist/cjs/ic-data-row.cjs.entry.js +2 -2
- package/dist/cjs/ic-dialog.cjs.entry.js +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js +16 -7
- package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-empty-state.cjs.entry.js +2 -2
- package/dist/cjs/ic-footer-link.cjs.entry.js +3 -3
- package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +4 -4
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +6 -6
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +10 -10
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +16 -11
- package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-layout-grid-item.cjs.entry.js +2 -2
- package/dist/cjs/ic-layout-grid.cjs.entry.js +2 -2
- package/dist/cjs/ic-link.cjs.entry.js +2 -2
- package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +2 -2
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +6 -4
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +4 -4
- package/dist/cjs/ic-page-header.cjs.entry.js +7 -7
- package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination-item.cjs.entry.js +2 -2
- package/dist/cjs/ic-pagination-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination.cjs.entry.js +4 -4
- package/dist/cjs/ic-popover-menu.cjs.entry.js +4 -4
- package/dist/cjs/ic-radio-group.cjs.entry.js +4 -4
- package/dist/cjs/ic-radio-option.cjs.entry.js +5 -5
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +10 -10
- 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-select.cjs.entry.js +7 -7
- package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +16 -10
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skeleton.cjs.entry.js +2 -2
- package/dist/cjs/ic-skip-link.cjs.entry.js +2 -2
- package/dist/cjs/ic-status-tag.cjs.entry.js +2 -2
- package/dist/cjs/ic-step.cjs.entry.js +13 -13
- package/dist/cjs/ic-stepper.cjs.entry.js +2 -2
- package/dist/cjs/ic-switch.cjs.entry.js +5 -5
- 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 +2 -2
- package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/ic-tab.cjs.entry.js +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-text-field.cjs.entry.js +5 -5
- package/dist/cjs/ic-theme.cjs.entry.js +1 -1
- package/dist/cjs/ic-toast-region.cjs.entry.js +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +5 -5
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js +3 -3
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button.cjs.entry.js +2 -2
- package/dist/cjs/ic-top-navigation.cjs.entry.js +1 -1
- 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/ic-typography.cjs.entry.js.map +1 -1
- package/dist/cjs/index-d337cd8a.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/ic-accordion/ic-accordion.css +6 -0
- package/dist/collection/components/ic-accordion/ic-accordion.js +15 -8
- package/dist/collection/components/ic-accordion/ic-accordion.js.map +1 -1
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.css +7 -0
- package/dist/collection/components/ic-badge/ic-badge.css +6 -0
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.css +8 -0
- package/dist/collection/components/ic-button/ic-button.css +7 -0
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.css +728 -0
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js +512 -0
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map +1 -0
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.stories.js +876 -0
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.css +7 -0
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.stories.js +1 -1
- package/dist/collection/components/ic-checkbox/ic-checkbox.css +7 -5
- package/dist/collection/components/ic-checkbox/ic-checkbox.js +4 -4
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +3 -3
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.stories.js +35 -0
- package/dist/collection/components/ic-data-list/ic-data-list.js +2 -2
- package/dist/collection/components/ic-data-row/ic-data-row.js +2 -2
- package/dist/collection/components/ic-dialog/ic-dialog.js +1 -1
- package/dist/collection/components/ic-divider/ic-divider.js +16 -7
- package/dist/collection/components/ic-divider/ic-divider.js.map +1 -1
- package/dist/collection/components/ic-empty-state/ic-empty-state.js +2 -2
- package/dist/collection/components/ic-footer-link/ic-footer-link.css +6 -0
- package/dist/collection/components/ic-footer-link/ic-footer-link.js +2 -2
- package/dist/collection/components/ic-hero/ic-hero.js +4 -4
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.css +6 -0
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +5 -5
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.css +7 -0
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +3 -3
- package/dist/collection/components/ic-input-container/ic-input-container.js +2 -2
- package/dist/collection/components/ic-input-label/ic-input-label.js +16 -8
- package/dist/collection/components/ic-input-label/ic-input-label.js.map +1 -1
- package/dist/collection/components/ic-input-validation/ic-input-validation.js +3 -3
- package/dist/collection/components/ic-layout-grid/ic-layout-grid.js +2 -2
- package/dist/collection/components/ic-layout-grid-item/ic-layout-grid-item.js +2 -2
- package/dist/collection/components/ic-link/ic-link.css +7 -0
- package/dist/collection/components/ic-link/ic-link.js +1 -1
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +5 -5
- package/dist/collection/components/ic-menu/ic-menu.css +6 -0
- package/dist/collection/components/ic-menu/ic-menu.js +3 -3
- package/dist/collection/components/ic-menu-group/ic-menu-group.js +1 -1
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.css +9 -0
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +1 -1
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.css +41 -0
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +5 -3
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +4 -4
- package/dist/collection/components/ic-page-header/ic-page-header.css +1 -2
- package/dist/collection/components/ic-page-header/ic-page-header.js +6 -6
- package/dist/collection/components/ic-pagination/ic-pagination.js +4 -4
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.css +6 -0
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +1 -1
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +4 -4
- package/dist/collection/components/ic-radio-group/ic-radio-group.js +4 -4
- package/dist/collection/components/ic-radio-option/ic-radio-option.css +6 -0
- package/dist/collection/components/ic-radio-option/ic-radio-option.js +4 -4
- package/dist/collection/components/ic-search-bar/ic-search-bar.css +6 -0
- package/dist/collection/components/ic-search-bar/ic-search-bar.js +9 -9
- package/dist/collection/components/ic-section-container/ic-section-container.js +2 -2
- package/dist/collection/components/ic-select/ic-select.css +8 -0
- package/dist/collection/components/ic-select/ic-select.js +6 -6
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.css +46 -21
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +15 -9
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
- package/dist/collection/components/ic-skeleton/ic-skeleton.js +2 -2
- package/dist/collection/components/ic-skip-link/ic-skip-link.js +2 -2
- package/dist/collection/components/ic-status-tag/ic-status-tag.js +2 -2
- package/dist/collection/components/ic-step/ic-step.js +13 -13
- package/dist/collection/components/ic-stepper/ic-stepper.js +2 -2
- package/dist/collection/components/ic-switch/ic-switch.css +7 -0
- package/dist/collection/components/ic-switch/ic-switch.js +4 -4
- package/dist/collection/components/ic-tab/ic-tab.css +6 -0
- package/dist/collection/components/ic-tab-context/ic-tab-context.js +1 -1
- package/dist/collection/components/ic-tab-group/ic-tab-group.js +2 -2
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.js +2 -2
- package/dist/collection/components/ic-text-field/ic-text-field.js +5 -5
- package/dist/collection/components/ic-theme/ic-theme.js +1 -1
- package/dist/collection/components/ic-toast/ic-toast.js +5 -5
- package/dist/collection/components/ic-toast-region/ic-toast-region.js +1 -1
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.js +2 -2
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.css +6 -0
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js +2 -2
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.css +8 -4
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.stories.js +100 -0
- package/dist/collection/components/ic-typography/ic-typography.css +6 -0
- package/dist/collection/utils/types.js.map +1 -1
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/ic-accordion.js +16 -9
- package/dist/components/ic-accordion.js.map +1 -1
- package/dist/components/ic-back-to-top.js +1 -1
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-badge.js +1 -1
- package/dist/components/ic-badge.js.map +1 -1
- package/dist/components/ic-breadcrumb-group.js +1 -1
- package/dist/components/ic-breadcrumb-group.js.map +1 -1
- package/dist/components/ic-button2.js +1 -1
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-card-horizontal.d.ts +11 -0
- package/dist/components/ic-card-horizontal.js +214 -0
- package/dist/components/ic-card-horizontal.js.map +1 -0
- package/dist/components/ic-card-vertical.js +1 -1
- package/dist/components/ic-card-vertical.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +2 -2
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox.js +5 -5
- package/dist/components/ic-checkbox.js.map +1 -1
- package/dist/components/ic-classification-banner.js.map +1 -1
- package/dist/components/ic-data-list.js +2 -2
- package/dist/components/ic-data-row.js +2 -2
- package/dist/components/ic-dialog.js +1 -1
- package/dist/components/ic-divider2.js +17 -8
- package/dist/components/ic-divider2.js.map +1 -1
- package/dist/components/ic-empty-state.js +2 -2
- package/dist/components/ic-footer-link.js +3 -3
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-hero.js +4 -4
- package/dist/components/ic-horizontal-scroll2.js +6 -6
- package/dist/components/ic-horizontal-scroll2.js.map +1 -1
- package/dist/components/ic-input-component-container2.js +4 -4
- package/dist/components/ic-input-component-container2.js.map +1 -1
- package/dist/components/ic-input-container2.js +2 -2
- package/dist/components/ic-input-label2.js +13 -8
- package/dist/components/ic-input-label2.js.map +1 -1
- package/dist/components/ic-input-validation2.js +3 -3
- package/dist/components/ic-layout-grid-item.js +2 -2
- package/dist/components/ic-layout-grid.js +2 -2
- package/dist/components/ic-link2.js +2 -2
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-loading-indicator2.js +5 -5
- package/dist/components/ic-menu-group.js +1 -1
- package/dist/components/ic-menu2.js +4 -4
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-group.js +2 -2
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-navigation-item.js +6 -4
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-navigation-menu2.js +4 -4
- package/dist/components/ic-page-header.js +7 -7
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-pagination-item2.js +2 -2
- package/dist/components/ic-pagination-item2.js.map +1 -1
- package/dist/components/ic-pagination.js +4 -4
- package/dist/components/ic-pagination.js.map +1 -1
- package/dist/components/ic-popover-menu.js +4 -4
- package/dist/components/ic-radio-group.js +4 -4
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-radio-option.js +5 -5
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-search-bar.js +10 -10
- package/dist/components/ic-search-bar.js.map +1 -1
- package/dist/components/ic-section-container2.js +2 -2
- package/dist/components/ic-select.js +7 -7
- package/dist/components/ic-select.js.map +1 -1
- package/dist/components/ic-side-navigation.js +16 -10
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-skeleton.js +2 -2
- package/dist/components/ic-skip-link.js +2 -2
- package/dist/components/ic-status-tag.js +2 -2
- package/dist/components/ic-step.js +13 -13
- package/dist/components/ic-stepper.js +2 -2
- package/dist/components/ic-switch.js +5 -5
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/components/ic-tab-context.js +1 -1
- package/dist/components/ic-tab-group.js +2 -2
- package/dist/components/ic-tab-panel.js +2 -2
- package/dist/components/ic-tab.js +1 -1
- package/dist/components/ic-tab.js.map +1 -1
- package/dist/components/ic-text-field.js +5 -5
- package/dist/components/ic-theme.js +1 -1
- package/dist/components/ic-toast-region.js +1 -1
- package/dist/components/ic-toast.js +5 -5
- package/dist/components/ic-toggle-button-group.js +3 -3
- package/dist/components/ic-toggle-button-group.js.map +1 -1
- package/dist/components/ic-toggle-button.js +2 -2
- package/dist/components/ic-top-navigation.js +1 -1
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/components/ic-typography2.js +1 -1
- package/dist/components/ic-typography2.js.map +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-f5fd4a76.entry.js → p-04c77b2d.entry.js} +2 -2
- package/dist/core/p-04c77b2d.entry.js.map +1 -0
- package/dist/core/{p-0301d1c8.entry.js → p-07075461.entry.js} +2 -2
- package/dist/core/p-0a24c536.entry.js +2 -0
- package/dist/core/p-0a24c536.entry.js.map +1 -0
- package/dist/core/{p-c16e982c.entry.js → p-0aba9e31.entry.js} +2 -2
- package/dist/core/{p-45076d7e.entry.js → p-0d7fd892.entry.js} +2 -2
- package/dist/core/{p-ebc47282.entry.js → p-0da2caa2.entry.js} +2 -2
- package/dist/core/{p-5ac3adb9.entry.js → p-1590fd69.entry.js} +2 -2
- package/dist/core/p-1590fd69.entry.js.map +1 -0
- package/dist/core/{p-45c553db.entry.js → p-208f470f.entry.js} +2 -2
- package/dist/core/p-29b61bb5.entry.js +3 -0
- package/dist/core/p-29b61bb5.entry.js.map +1 -0
- package/dist/core/{p-cf056074.entry.js → p-2af89564.entry.js} +2 -2
- package/dist/core/{p-6740c915.entry.js → p-2ca7f050.entry.js} +2 -2
- package/dist/core/{p-86989873.entry.js → p-3021290f.entry.js} +2 -2
- package/dist/core/p-3021290f.entry.js.map +1 -0
- package/dist/core/{p-90814d32.entry.js → p-387b7bca.entry.js} +2 -2
- package/dist/core/p-41a5da12.entry.js +2 -0
- package/dist/core/p-41a5da12.entry.js.map +1 -0
- package/dist/core/p-43cc0f1d.entry.js +2 -0
- package/dist/core/{p-23dc27a8.entry.js.map → p-43cc0f1d.entry.js.map} +1 -1
- package/dist/core/{p-c7f8547d.entry.js → p-4aa56990.entry.js} +2 -2
- package/dist/core/p-4aa56990.entry.js.map +1 -0
- package/dist/core/p-4aadabc8.entry.js +2 -0
- package/dist/core/p-4aadabc8.entry.js.map +1 -0
- package/dist/core/{p-8c00614c.entry.js → p-707ae6e9.entry.js} +2 -2
- package/dist/core/{p-0722d7b6.entry.js → p-716e7eaf.entry.js} +2 -2
- package/dist/core/p-716e7eaf.entry.js.map +1 -0
- package/dist/core/p-780babc0.entry.js +2 -0
- package/dist/core/p-780babc0.entry.js.map +1 -0
- package/dist/core/{p-608b4912.entry.js → p-78a54069.entry.js} +2 -2
- package/dist/core/{p-0d711c6a.entry.js → p-79949920.entry.js} +2 -2
- package/dist/core/{p-09c31ac6.entry.js → p-7f279c8a.entry.js} +2 -2
- package/dist/core/{p-656a9127.entry.js → p-808e1ef5.entry.js} +2 -2
- package/dist/core/{p-d478d13e.entry.js → p-812c5e61.entry.js} +2 -2
- package/dist/core/p-812c5e61.entry.js.map +1 -0
- package/dist/core/{p-ba4abeac.entry.js → p-85e15d01.entry.js} +2 -2
- package/dist/core/{p-276a6c8f.entry.js → p-8da90b72.entry.js} +2 -2
- package/dist/core/p-8fe4e0ad.entry.js +2 -0
- package/dist/core/p-8fe4e0ad.entry.js.map +1 -0
- package/dist/core/{p-8b1567c9.entry.js → p-9057a186.entry.js} +2 -2
- package/dist/core/p-9057a186.entry.js.map +1 -0
- package/dist/core/{p-fe0153ec.entry.js → p-94916588.entry.js} +2 -2
- package/dist/core/{p-8f45f956.entry.js → p-96bc7d24.entry.js} +2 -2
- package/dist/core/p-96bc7d24.entry.js.map +1 -0
- package/dist/core/{p-e176881a.entry.js → p-99687bce.entry.js} +2 -2
- package/dist/core/{p-3582c7df.entry.js → p-99951365.entry.js} +2 -2
- package/dist/core/p-99951365.entry.js.map +1 -0
- package/dist/core/p-9a4e067f.entry.js +2 -0
- package/dist/core/p-9a4e067f.entry.js.map +1 -0
- package/dist/core/{p-4e43b272.entry.js → p-a03bb31c.entry.js} +2 -2
- package/dist/core/p-a1b2f483.entry.js +2 -0
- package/dist/core/p-a1b2f483.entry.js.map +1 -0
- package/dist/core/{p-b5e39585.entry.js → p-a3dea729.entry.js} +2 -2
- package/dist/core/p-a674b13b.entry.js +2 -0
- package/dist/core/p-a674b13b.entry.js.map +1 -0
- package/dist/core/{p-93e1ba0a.entry.js → p-a851eb65.entry.js} +2 -2
- package/dist/core/p-b4e322fe.entry.js +2 -0
- package/dist/core/p-b4e322fe.entry.js.map +1 -0
- package/dist/core/{p-1d8559f0.entry.js → p-c156e6e9.entry.js} +2 -2
- package/dist/core/p-c5b9519d.entry.js +2 -0
- package/dist/core/p-c5b9519d.entry.js.map +1 -0
- package/dist/core/{p-e1814e7e.entry.js → p-cad23b7d.entry.js} +2 -2
- package/dist/core/{p-cdbbcef4.entry.js → p-cfd43558.entry.js} +2 -2
- package/dist/core/p-cfd43558.entry.js.map +1 -0
- package/dist/core/{p-107281c4.entry.js → p-d1730d4d.entry.js} +2 -2
- package/dist/core/{p-1fc4b88f.entry.js → p-d25d0aad.entry.js} +2 -2
- package/dist/core/p-d25d0aad.entry.js.map +1 -0
- package/dist/core/{p-0f998905.entry.js → p-db17a793.entry.js} +2 -2
- package/dist/core/p-db17a793.entry.js.map +1 -0
- package/dist/core/p-dbc8bf0c.js.map +1 -1
- package/dist/core/{p-81f60443.entry.js → p-dce11b9d.entry.js} +2 -2
- package/dist/core/p-dce11b9d.entry.js.map +1 -0
- package/dist/core/{p-6aa8d3ce.entry.js → p-ded4cd76.entry.js} +2 -2
- package/dist/core/p-ded4cd76.entry.js.map +1 -0
- package/dist/core/{p-ad5aca6f.entry.js → p-ea890d3d.entry.js} +2 -2
- package/dist/core/{p-d2d17d6d.entry.js → p-f0ecb80b.entry.js} +2 -2
- package/dist/core/p-f0ecb80b.entry.js.map +1 -0
- package/dist/core/{p-df029b1b.entry.js → p-f3406b42.entry.js} +2 -2
- package/dist/core/p-f3406b42.entry.js.map +1 -0
- package/dist/core/{p-76e8df31.entry.js → p-f6de08fb.entry.js} +2 -2
- package/dist/core/{p-889bb8db.entry.js → p-feef7c2c.entry.js} +2 -2
- package/dist/esm/core.js +1 -1
- package/dist/esm/helpers-0f85537f.js.map +1 -1
- package/dist/esm/ic-accordion.entry.js +16 -9
- package/dist/esm/ic-accordion.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +1 -1
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/ic-badge.entry.js +1 -1
- package/dist/esm/ic-badge.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
- package/dist/esm/ic-button_3.entry.js +6 -6
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card-horizontal.entry.js +170 -0
- package/dist/esm/ic-card-horizontal.entry.js.map +1 -0
- package/dist/esm/ic-card-vertical.entry.js +1 -1
- package/dist/esm/ic-card-vertical.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +2 -2
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox.entry.js +5 -5
- package/dist/esm/ic-checkbox.entry.js.map +1 -1
- package/dist/esm/ic-data-list.entry.js +2 -2
- package/dist/esm/ic-data-row.entry.js +2 -2
- package/dist/esm/ic-dialog.entry.js +1 -1
- package/dist/esm/ic-divider.entry.js +16 -7
- package/dist/esm/ic-divider.entry.js.map +1 -1
- package/dist/esm/ic-empty-state.entry.js +2 -2
- package/dist/esm/ic-footer-link.entry.js +3 -3
- package/dist/esm/ic-footer-link.entry.js.map +1 -1
- package/dist/esm/ic-hero.entry.js +4 -4
- package/dist/esm/ic-horizontal-scroll.entry.js +6 -6
- package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
- package/dist/esm/ic-input-component-container_3.entry.js +10 -10
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-input-label_2.entry.js +16 -11
- package/dist/esm/ic-input-label_2.entry.js.map +1 -1
- package/dist/esm/ic-layout-grid-item.entry.js +2 -2
- package/dist/esm/ic-layout-grid.entry.js +2 -2
- package/dist/esm/ic-link.entry.js +2 -2
- package/dist/esm/ic-link.entry.js.map +1 -1
- package/dist/esm/ic-menu-group.entry.js +1 -1
- package/dist/esm/ic-navigation-group.entry.js +2 -2
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +6 -4
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +4 -4
- package/dist/esm/ic-page-header.entry.js +7 -7
- package/dist/esm/ic-page-header.entry.js.map +1 -1
- package/dist/esm/ic-pagination-item.entry.js +2 -2
- package/dist/esm/ic-pagination-item.entry.js.map +1 -1
- package/dist/esm/ic-pagination.entry.js +4 -4
- package/dist/esm/ic-popover-menu.entry.js +4 -4
- package/dist/esm/ic-radio-group.entry.js +4 -4
- package/dist/esm/ic-radio-option.entry.js +5 -5
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-search-bar.entry.js +10 -10
- 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-select.entry.js +7 -7
- package/dist/esm/ic-select.entry.js.map +1 -1
- package/dist/esm/ic-side-navigation.entry.js +16 -10
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-skeleton.entry.js +2 -2
- package/dist/esm/ic-skip-link.entry.js +2 -2
- package/dist/esm/ic-status-tag.entry.js +2 -2
- package/dist/esm/ic-step.entry.js +13 -13
- package/dist/esm/ic-stepper.entry.js +2 -2
- package/dist/esm/ic-switch.entry.js +5 -5
- 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 +2 -2
- package/dist/esm/ic-tab-panel.entry.js +2 -2
- package/dist/esm/ic-tab.entry.js +1 -1
- package/dist/esm/ic-tab.entry.js.map +1 -1
- package/dist/esm/ic-text-field.entry.js +5 -5
- package/dist/esm/ic-theme.entry.js +1 -1
- package/dist/esm/ic-toast-region.entry.js +1 -1
- package/dist/esm/ic-toast.entry.js +5 -5
- package/dist/esm/ic-toggle-button-group.entry.js +3 -3
- package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button.entry.js +2 -2
- package/dist/esm/ic-top-navigation.entry.js +1 -1
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-typography.entry.js +1 -1
- package/dist/esm/ic-typography.entry.js.map +1 -1
- package/dist/esm/index-a7a720e7.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/ic-card-horizontal/ic-card-horizontal.d.ts +89 -0
- package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +1 -0
- package/dist/types/components/ic-divider/ic-divider.d.ts +2 -0
- package/dist/types/components/ic-input-label/ic-input-label.d.ts +4 -1
- package/dist/types/components.d.ts +123 -2
- package/dist/types/utils/types.d.ts +1 -0
- package/hydrate/index.js +432 -198
- package/hydrate/index.mjs +432 -198
- package/package.json +2 -2
- package/vscode-data.json +117 -0
- package/dist/core/p-0722d7b6.entry.js.map +0 -1
- package/dist/core/p-0f6fd5d3.entry.js +0 -2
- package/dist/core/p-0f6fd5d3.entry.js.map +0 -1
- package/dist/core/p-0f998905.entry.js.map +0 -1
- package/dist/core/p-1fc4b88f.entry.js.map +0 -1
- package/dist/core/p-23dc27a8.entry.js +0 -2
- package/dist/core/p-3582c7df.entry.js.map +0 -1
- package/dist/core/p-3c7e90a7.entry.js +0 -2
- package/dist/core/p-3c7e90a7.entry.js.map +0 -1
- package/dist/core/p-57ce68e5.entry.js +0 -2
- package/dist/core/p-57ce68e5.entry.js.map +0 -1
- package/dist/core/p-5ac3adb9.entry.js.map +0 -1
- package/dist/core/p-6aa8d3ce.entry.js.map +0 -1
- package/dist/core/p-72344764.entry.js +0 -2
- package/dist/core/p-72344764.entry.js.map +0 -1
- package/dist/core/p-7c38dd1f.entry.js +0 -2
- package/dist/core/p-7c38dd1f.entry.js.map +0 -1
- package/dist/core/p-81f60443.entry.js.map +0 -1
- package/dist/core/p-840c647f.entry.js +0 -2
- package/dist/core/p-840c647f.entry.js.map +0 -1
- package/dist/core/p-86989873.entry.js.map +0 -1
- package/dist/core/p-8b1567c9.entry.js.map +0 -1
- package/dist/core/p-8f45f956.entry.js.map +0 -1
- package/dist/core/p-9b60ca02.entry.js +0 -2
- package/dist/core/p-9b60ca02.entry.js.map +0 -1
- package/dist/core/p-a16415e4.entry.js +0 -3
- package/dist/core/p-a16415e4.entry.js.map +0 -1
- package/dist/core/p-b22fc28d.entry.js +0 -2
- package/dist/core/p-b22fc28d.entry.js.map +0 -1
- package/dist/core/p-c3f5907e.entry.js +0 -2
- package/dist/core/p-c3f5907e.entry.js.map +0 -1
- package/dist/core/p-c7f8547d.entry.js.map +0 -1
- package/dist/core/p-cdbbcef4.entry.js.map +0 -1
- package/dist/core/p-d2d17d6d.entry.js.map +0 -1
- package/dist/core/p-d478d13e.entry.js.map +0 -1
- package/dist/core/p-df029b1b.entry.js.map +0 -1
- package/dist/core/p-f5fd4a76.entry.js.map +0 -1
- /package/dist/core/{p-0301d1c8.entry.js.map → p-07075461.entry.js.map} +0 -0
- /package/dist/core/{p-c16e982c.entry.js.map → p-0aba9e31.entry.js.map} +0 -0
- /package/dist/core/{p-45076d7e.entry.js.map → p-0d7fd892.entry.js.map} +0 -0
- /package/dist/core/{p-ebc47282.entry.js.map → p-0da2caa2.entry.js.map} +0 -0
- /package/dist/core/{p-45c553db.entry.js.map → p-208f470f.entry.js.map} +0 -0
- /package/dist/core/{p-cf056074.entry.js.map → p-2af89564.entry.js.map} +0 -0
- /package/dist/core/{p-6740c915.entry.js.map → p-2ca7f050.entry.js.map} +0 -0
- /package/dist/core/{p-90814d32.entry.js.map → p-387b7bca.entry.js.map} +0 -0
- /package/dist/core/{p-8c00614c.entry.js.map → p-707ae6e9.entry.js.map} +0 -0
- /package/dist/core/{p-608b4912.entry.js.map → p-78a54069.entry.js.map} +0 -0
- /package/dist/core/{p-0d711c6a.entry.js.map → p-79949920.entry.js.map} +0 -0
- /package/dist/core/{p-09c31ac6.entry.js.map → p-7f279c8a.entry.js.map} +0 -0
- /package/dist/core/{p-656a9127.entry.js.map → p-808e1ef5.entry.js.map} +0 -0
- /package/dist/core/{p-ba4abeac.entry.js.map → p-85e15d01.entry.js.map} +0 -0
- /package/dist/core/{p-276a6c8f.entry.js.map → p-8da90b72.entry.js.map} +0 -0
- /package/dist/core/{p-fe0153ec.entry.js.map → p-94916588.entry.js.map} +0 -0
- /package/dist/core/{p-e176881a.entry.js.map → p-99687bce.entry.js.map} +0 -0
- /package/dist/core/{p-4e43b272.entry.js.map → p-a03bb31c.entry.js.map} +0 -0
- /package/dist/core/{p-b5e39585.entry.js.map → p-a3dea729.entry.js.map} +0 -0
- /package/dist/core/{p-93e1ba0a.entry.js.map → p-a851eb65.entry.js.map} +0 -0
- /package/dist/core/{p-1d8559f0.entry.js.map → p-c156e6e9.entry.js.map} +0 -0
- /package/dist/core/{p-e1814e7e.entry.js.map → p-cad23b7d.entry.js.map} +0 -0
- /package/dist/core/{p-107281c4.entry.js.map → p-d1730d4d.entry.js.map} +0 -0
- /package/dist/core/{p-ad5aca6f.entry.js.map → p-ea890d3d.entry.js.map} +0 -0
- /package/dist/core/{p-76e8df31.entry.js.map → p-f6de08fb.entry.js.map} +0 -0
- /package/dist/core/{p-889bb8db.entry.js.map → p-feef7c2c.entry.js.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"ic-top-navigation.js","mappings":"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","names":[],"sources":["src/components/ic-top-navigation/ic-top-navigation.css?tag=ic-top-navigation&encapsulation=shadow","src/components/ic-top-navigation/ic-top-navigation.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n display: block;\n color: var(--ic-top-navigation-text);\n width: 100%;\n position: relative;\n\n --ic-typography-color: var(--ic-top-navigation-text);\n --ic-button-secondary-text-monochrome: var(--ic-brand-text-color);\n --ic-button-secondary-border-monochrome: var(--ic-brand-text-color);\n --navigation-link-colour: var(--ic-top-navigation-text);\n --ic-top-navigation-status-tag-text: var(--ic-color-text-primary-light);\n --ic-top-navigation-status-tag-secondary: var(--ic-state-layer-lighten-20);\n}\n\n:host(.dark) {\n --ic-top-navigation-status-tag-text: var(--ic-color-text-primary-dark);\n --ic-top-navigation-status-tag-secondary: var(--ic-state-layer-darken-10);\n --ic-top-navigation-title-hover: var(--ic-action-dark-bg-hover);\n --ic-top-navigation-title-pressed: var(--ic-action-dark-bg-pressed);\n}\n\n:host(.dark) ::slotted(ic-navigation-button) {\n --ic-button-icon-monochrome: var(--ic-color-text-primary-light);\n}\n\n::slotted(ic-navigation-button) {\n --ic-button-icon-monochrome: white;\n}\n\n:host .top-navigation {\n background-color: var(--ic-top-navigation-background);\n height: max-content;\n}\n\n:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form) {\n width: 100%;\n}\n\n:host .title-link {\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n padding: var(--ic-space-xxs);\n transition: var(--ic-easing-transition-fast);\n}\n\n: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) {\n color: var(--ic-top-navigation-icon-and-label);\n text-decoration: none;\n outline: none;\n\n --ic-typography-color: var(--ic-top-navigation-icon-and-label);\n}\n\n:host .title-link:hover:not(:focus) {\n background-color: var(--ic-top-navigation-title-hover);\n}\n\n:host .title-link:active:not(:focus) {\n background-color: var(--ic-top-navigation-title-pressed);\n}\n\n:host .title-link:hover {\n border-radius: var(--ic-border-radius);\n}\n\n:host .menu-button-container {\n --ic-button-secondary-text-monochrome: var(--ic-brand-text-color);\n --ic-button-secondary-border-monochrome: var(--ic-brand-text-color);\n}\n\n:host .title-link:focus,\n:host .title-link:focus-within {\n border-radius: var(--ic-border-radius);\n box-shadow: var(--ic-border-focus);\n outline: var(--ic-hc-focus-outline);\n}\n\n:host .title-link ic-typography {\n font-weight: 600;\n}\n\n:host .nav-panel-container {\n border-top: var(--ic-space-1px) solid var(--ic-top-navigation-keyline);\n padding: 0 var(--ic-space-lg);\n margin-left: calc(-1 * var(--section-container-margin));\n margin-right: calc(-1 * var(--section-container-margin));\n display: flex;\n}\n\n:host(.dark) .nav-panel-container {\n border-top: var(--ic-border-keyline-darken);\n}\n\n.top-panel-container {\n display: flex;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.navigation-tabs {\n margin-top: calc(-1 * var(--ic-space-1px));\n}\n\n.app-details-container {\n display: flex;\n align-items: center;\n flex: 1 1 auto;\n margin-right: var(--ic-space-md);\n}\n\n.app-icon-container {\n display: flex;\n padding-right: var(--ic-space-xs);\n}\n\n.icon-buttons-container {\n display: flex;\n margin-left: var(--ic-space-md);\n}\n\n.icon-buttons-container ::slotted(nav) {\n display: flex;\n}\n\n.title-wrap {\n overflow-wrap: break-word;\n word-wrap: break-word;\n -ms-word-break: break-all;\n word-break: break-word;\n hyphens: auto;\n}\n\n:host .app-status {\n border-radius: var(--ic-space-md);\n background-color: var(--ic-top-navigation-status-tag);\n color: var(--ic-top-navigation-status-tag-text);\n\n --ic-typography-color: var(--ic-top-navigation-status-tag-text);\n\n padding: var(--ic-space-xxs) var(--ic-space-lg);\n margin-left: var(--ic-space-md);\n flex: 1 1 0;\n max-width: fit-content;\n}\n\n:host .app-version {\n border-radius: var(--ic-space-md);\n background-color: var(--ic-top-navigation-status-tag-secondary);\n color: var(--ic-top-navigation-status-tag);\n padding: var(--ic-space-xxs) var(--ic-space-sm);\n margin-left: var(--ic-space-xs);\n flex: 1 1 0;\n max-width: fit-content;\n\n --ic-typography-color: var(--ic-top-navigation-status-tag);\n}\n\nslot[name=\"app-icon\"]::slotted(*) {\n fill: var(--ic-top-navigation-logo);\n width: 2em;\n height: 2em;\n cursor: pointer;\n}\n\nslot[name=\"toggle-icon\"] svg {\n fill: var(--ic-top-navigation-icon);\n}\n\n.search-menu-container {\n justify-content: right;\n display: flex;\n align-items: center;\n}\n\n.menu-button-container {\n margin-left: var(--ic-space-md);\n}\n\n.menu-button-container .navigation-landmark-button-text {\n position: absolute;\n left: -9999px;\n top: auto;\n width: 1px;\n height: 1px;\n overflow: hidden;\n color: var(--ic-brand-text-color);\n}\n\n.menu-button-container .navigation-landmark-button-text:dir(rtl) {\n right: -9999px;\n}\n\n.search-actions-container {\n display: flex;\n}\n\n.menu-buttons-slot {\n display: flex;\n flex-direction: column;\n}\n\n.navigation-landmark-text {\n position: absolute;\n width: var(--ic-space-1px);\n height: var(--ic-space-1px);\n padding: 0;\n margin: calc(-1 * var(--ic-space-1px));\n overflow: hidden;\n}\n\n.navigation-item-list {\n display: flex;\n list-style: none;\n height: 2.75rem;\n}\n\n.navigation-item-list::-webkit-scrollbar {\n display: none;\n}\n\n:host ic-section-container {\n padding-bottom: 0 !important;\n padding-top: 0 !important;\n}\n\n@media screen and (min-width: 993px) {\n .app-details-container {\n margin-right: var(--ic-space-lg);\n }\n}\n\n/* large */\n@media screen and (max-width: 1200px) {\n :host .nav-panel-container {\n padding: 0 var(--ic-space-md);\n }\n}\n\n/** Mobile styling **/\n:host(.mobile-mode) .app-status,\n:host(.mobile-mode) .app-version {\n display: none;\n}\n\n:host(.mobile-mode) .title-link {\n margin-right: var(--ic-space-xs);\n}\n\n:host(.mobile-mode) .search-menu-container {\n max-width: 10rem;\n}\n\n:host(.mobile-mode) .search-bar-container {\n display: flex;\n justify-content: center;\n align-items: center;\n border-top: var(--ic-border-keyline-darken);\n height: 4rem;\n padding-left: var(--ic-space-md);\n padding-right: var(--ic-space-md);\n margin-left: calc(-1 * var(--section-container-margin));\n margin-right: calc(-1 * var(--section-container-margin));\n}\n\n/* x small */\n@media screen and (max-width: 576px) {\n :host .title-link {\n margin-right: var(--ic-space-xxxs);\n word-break: break-word;\n hyphens: none;\n }\n\n .top-panel-container {\n min-height: 2.5rem;\n }\n\n .search-bar-container {\n margin-top: 0;\n height: 3.5rem;\n padding-left: var(--ic-space-xs);\n padding-right: var(--ic-space-xs);\n }\n\n .menu-button-container {\n margin-left: var(--ic-space-sm);\n }\n\n slot[name=\"app-icon\"]::slotted(*) {\n width: 1.5em;\n height: 1.5em;\n }\n\n slot[name=\"toggle-icon\"] svg {\n width: 1.5em;\n height: 1.5em;\n }\n}\n\n@media (forced-colors: active) {\n :host .top-navigation {\n border-bottom: var(--ic-border-hc);\n }\n\n .app-status,\n .app-version {\n border: var(--ic-border-hc);\n }\n\n slot[name=\"app-icon\"]::slotted(*) {\n fill: currentcolor;\n }\n\n slot[name=\"toggle-icon\"] svg {\n fill: currentcolor;\n }\n}\n","import {\n Component,\n Element,\n Host,\n Prop,\n h,\n State,\n Listen,\n Event,\n EventEmitter,\n Watch,\n Fragment,\n} from \"@stencil/core\";\n\nimport {\n IcTypographyVariants,\n IcAlignment,\n IcBrandForeground,\n IcBrandForegroundEnum,\n IcBrand,\n IcDeviceSizes,\n IcValueEventDetail,\n IcThemeMode,\n} from \"../../utils/types\";\nimport {\n checkResizeObserver,\n DEVICE_SIZES,\n getCurrentDeviceSize,\n getBrandForegroundAppearance,\n getSlot,\n onComponentPropUndefinedChange,\n onComponentRequiredPropUndefined,\n isSlotUsed,\n isEmptyString,\n isPropDefined,\n} from \"../../utils/helpers\";\nimport { IcSearchBarBlurEventDetail } from \"../ic-search-bar/ic-search-bar.types\";\n\n/**\n * @slot app-icon - Content will be rendered to left of app title. Anything that is slotted here will be hidden from screen readers.\n * @slot app-title - Handle routing by nesting a route in the app title.\n * @slot short-app-title - Handle routing by nesting a route in the short app title (to be displayed in place of app title on small screen sizes).\n * @slot search - Content will be rendered in search area to left of buttons.\n * @slot toggle-icon - Icon to be displayed on the button to toggle search slot content on smaller devices\n * @slot navigation - Content will be rendered in navigation panel.\n * @slot buttons - Content will be rendered to right of search bar.\n */\n@Component({\n tag: \"ic-top-navigation\",\n styleUrl: \"ic-top-navigation.css\",\n shadow: true,\n})\nexport class TopNavigation {\n private hasAppIcon = false;\n private hasAppTitleSlot = false;\n private hasIconButtons = false;\n private hasNavigation = false;\n private hasSearchSlotContent = false;\n private mobileSearchButtonEl?: HTMLIcButtonElement;\n private resizeObserver: ResizeObserver | null = null;\n private searchBar: HTMLIcSearchBarElement | null = null;\n private menuButtonEl?: HTMLIcButtonElement;\n\n @Element() el: HTMLIcTopNavigationElement;\n\n @State() deviceSize: number = DEVICE_SIZES.XL;\n @State() foregroundColor: IcBrandForeground = getBrandForegroundAppearance();\n @State() hasFullWidthSearchBar = false;\n @State() mobileSearchBarVisible = false;\n @State() mobileSearchHiddenOnBlur = false;\n @State() navMenuVisible = false;\n @State() searchButtonClick = false;\n @State() searchValue = \"\";\n\n /**\n * The alignment of the top navigation content.\n */\n @Prop() contentAligned: IcAlignment = \"full-width\";\n /**\n * Can set a custom breakpoint for the top navigation to switch to mobile mode.\n * Must be one of our specified breakpoints in px: `0`, `576`, `768`, `992`, `1200`.\n */\n @Prop() customMobileBreakpoint: IcDeviceSizes = DEVICE_SIZES.L;\n /**\n * The URL to navigate to when the app title is clicked.\n */\n @Prop() href = \"/\";\n\n /**\n * If `true`, the flyout navigation menu on small devices will be contained by the parent element.\n */\n @Prop() inline = false;\n\n /**\n * The short title of the app to be displayed at small screen sizes in place of the app title.\n */\n @Prop() shortAppTitle = \"\";\n\n /**\n * The status info to be displayed.\n */\n @Prop() status = \"\";\n\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme: IcThemeMode = \"inherit\";\n\n /**\n * The version info to be displayed.\n */\n @Prop() version = \"\";\n\n /**\n * The app title to be displayed. This is required, unless a slotted app title link is used.\n */\n @Prop() appTitle?: string;\n @Watch(\"appTitle\")\n watchPropHandler(newValue: string, oldValue: string): void {\n //added for Gatsby rehydration issue where prop is initially undefined but then changes to actual value\n //this watch can be removed once Gatsby hydration issue is resolved\n onComponentPropUndefinedChange(\n oldValue,\n newValue,\n this.initialiseSearchBar\n );\n }\n\n /**\n * @internal - Emitted when the menu is closed.\n */\n @Event() icNavigationMenuClosed: EventEmitter<void>;\n\n /**\n * @internal - Emitted when the menu is opened.\n */\n @Event() icNavigationMenuOpened: EventEmitter<void>;\n\n /**\n * Emitted when the top navigation is resized.\n */\n @Event() icTopNavResized: EventEmitter<{ size: number }>;\n\n disconnectedCallback(): void {\n this.resizeObserver?.disconnect();\n }\n\n componentWillLoad(): void {\n this.checkSlots();\n this.deviceSize = getCurrentDeviceSize();\n this.initialiseSearchBar();\n }\n\n componentDidLoad(): void {\n checkResizeObserver(this.runResizeObserver);\n if (!this.hasAppTitleSlot) {\n onComponentRequiredPropUndefined(\n [{ prop: this.appTitle, propName: \"app-title\" }],\n \"Top Navigation\"\n );\n }\n }\n\n componentWillRender(): void {\n this.checkSlots();\n }\n\n @Listen(\"icNavigationMenuClose\", {})\n navBarMenuCloseHandler(): void {\n this.showNavMenu(false);\n this.menuButtonEl?.setFocus();\n }\n\n @Listen(\"icSearchBarBlur\", {})\n searchInputBlurHandler({\n detail,\n }: CustomEvent<IcSearchBarBlurEventDetail>): void {\n if (detail !== null) {\n if (this.mobileSearchBarVisible && !this.searchButtonClick) {\n //don't hide if blur was triggered by click on search button - let the click handler toggle the state\n this.toggleSearchBar();\n }\n this.searchValue = detail.value as string;\n }\n }\n\n @Listen(\"icChange\", {})\n searchValueChangeHandler({ detail }: CustomEvent<IcValueEventDetail>): void {\n this.searchValue = detail.value;\n }\n\n @Listen(\"brandChange\", { target: \"document\" })\n brandChangeHandler({ detail }: CustomEvent<IcBrand>): void {\n this.foregroundColor = detail.mode;\n }\n\n private checkSlots = () => {\n this.hasAppIcon = isSlotUsed(this.el, \"app-icon\");\n this.hasAppTitleSlot = isSlotUsed(this.el, \"app-title\");\n this.hasNavigation = isSlotUsed(this.el, \"navigation\");\n this.hasIconButtons = isSlotUsed(this.el, \"buttons\");\n this.hasSearchSlotContent = isSlotUsed(this.el, \"search\");\n\n if (this.hasAppIcon) {\n const slottedAppIcon =\n this.el.querySelector<HTMLElement>('[slot=\"app-icon\"]');\n if (slottedAppIcon && slottedAppIcon.tagName === \"A\")\n slottedAppIcon.tabIndex = -1;\n }\n };\n\n private initialiseSearchBar = () => {\n if (!this.hasSearchSlotContent) return;\n\n const slot = getSlot(this.el, \"search\");\n if (slot?.tagName === \"IC-SEARCH-BAR\") {\n this.searchBar = slot as HTMLIcSearchBarElement;\n } else if (slot?.tagName === \"FORM\") {\n this.searchBar = slot.querySelector(\"ic-search-bar\");\n }\n\n if (this.searchBar !== null) {\n this.searchBar.hideLabel = true;\n }\n };\n\n private toggleSearchBar = () => {\n this.mobileSearchBarVisible = !this.mobileSearchBarVisible;\n\n if (!this.searchBar) return;\n\n this.mobileSearchButtonEl?.setAttribute(\n \"aria-label\",\n `${this.mobileSearchBarVisible ? \"Hide\" : \"Show\"} search`\n );\n this.hasFullWidthSearchBar = this.mobileSearchBarVisible;\n this.searchBar.fullWidth = this.mobileSearchBarVisible;\n if (this.mobileSearchBarVisible) {\n setTimeout(() => {\n this.searchBar?.focus();\n }, 100);\n }\n };\n\n private menuButtonClick = () => {\n this.showNavMenu(true);\n };\n\n private showNavMenu = (show: boolean) => {\n this.navMenuVisible = show;\n (show ? this.icNavigationMenuOpened : this.icNavigationMenuClosed).emit();\n document.body.style.height = show ? \"100%\" : \"auto\";\n document.body.style.overflow = show ? \"hidden\" : \"auto\";\n };\n\n private searchButtonMouseDownHandler = () => {\n this.searchButtonClick = true;\n };\n\n private searchButtonClickHandler = () => {\n this.toggleSearchBar();\n this.searchButtonClick = false;\n };\n\n private resizeObserverCallback = (currSize: number) => {\n if (currSize === this.deviceSize) return;\n\n this.deviceSize = currSize;\n if (currSize > this.customMobileBreakpoint) {\n this.showNavMenu(false);\n if (this.mobileSearchBarVisible) {\n this.toggleSearchBar();\n }\n }\n this.icTopNavResized.emit({\n size: currSize,\n });\n if (this.searchBar && document.activeElement === this.searchBar) {\n this.searchBar.setAttribute(\"hidden\", \"true\");\n //remove attribute again as this trigger a redraw & applies css\n this.searchBar.removeAttribute(\"hidden\");\n setTimeout(() => {\n this.searchBar?.focus();\n }, 100);\n }\n };\n\n private runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n this.resizeObserverCallback(getCurrentDeviceSize());\n });\n\n this.resizeObserver.observe(this.el);\n };\n\n render() {\n const {\n appTitle,\n contentAligned,\n customMobileBreakpoint,\n deviceSize,\n el,\n foregroundColor,\n hasAppIcon,\n hasAppTitleSlot,\n hasFullWidthSearchBar,\n hasIconButtons,\n hasNavigation,\n hasSearchSlotContent,\n href,\n inline,\n menuButtonClick,\n mobileSearchBarVisible,\n navMenuVisible,\n searchButtonClickHandler,\n searchButtonMouseDownHandler,\n shortAppTitle,\n status,\n version,\n theme,\n } = this;\n\n const hasStatus = status !== \"\";\n const hasVersion = version !== \"\";\n const hasMenuContent =\n hasNavigation || hasIconButtons || hasStatus || hasVersion;\n\n const isSmallDeviceSize = deviceSize <= DEVICE_SIZES.S;\n\n const searchButtonSize = isSmallDeviceSize ? \"medium\" : \"large\";\n const hasTitle = appTitle !== \"\" && isPropDefined(appTitle);\n const overMobileBreakpoint = deviceSize <= customMobileBreakpoint;\n\n const appTitleVariant: IcTypographyVariants = overMobileBreakpoint\n ? isSmallDeviceSize\n ? \"subtitle-small\"\n : \"h4\"\n : \"h3\";\n\n const mobileSearchButtonTitle = `${\n mobileSearchBarVisible ? \"Hide\" : \"Show\"\n } search`;\n const menuSize = isSmallDeviceSize ? \"small\" : \"medium\";\n\n const shortAppTitleSlot = isSlotUsed(el, \"short-app-title\");\n const Component = hasAppTitleSlot ? \"div\" : \"a\";\n const attrs = Component == \"a\" && {\n href: href,\n };\n\n return (\n <Host\n class={{\n \"fullwidth-searchbar\": hasFullWidthSearchBar,\n \"mobile-mode\": overMobileBreakpoint,\n [IcBrandForegroundEnum.Dark]:\n foregroundColor === IcBrandForegroundEnum.Dark,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }}\n >\n <div class=\"top-navigation\">\n <ic-section-container aligned={contentAligned} full-height>\n <header role=\"banner\">\n <div class=\"top-panel-container\">\n <div class=\"app-details-container\">\n {(hasTitle || hasAppTitleSlot) && (\n <Component class=\"title-link\" {...attrs}>\n {hasAppIcon && (\n <div class=\"app-icon-container\">\n <slot name=\"app-icon\" />\n </div>\n )}\n {isSmallDeviceSize &&\n (!isEmptyString(shortAppTitle) || shortAppTitleSlot) ? (\n <ic-typography\n variant=\"subtitle-small\"\n aria-label={\n (!hasAppTitleSlot || !shortAppTitleSlot) &&\n `${appTitle} (${shortAppTitle})`\n }\n >\n <h1>\n {shortAppTitleSlot ? (\n <slot name=\"short-app-title\"></slot>\n ) : (\n shortAppTitle\n )}\n </h1>\n </ic-typography>\n ) : (\n <ic-typography variant={appTitleVariant}>\n <h1 class=\"title-wrap\">\n {hasAppTitleSlot ? (\n <slot name=\"app-title\"></slot>\n ) : (\n appTitle\n )}\n </h1>\n </ic-typography>\n )}\n </Component>\n )}\n {hasStatus && (\n <div class=\"app-status\">\n <ic-typography\n aria-label=\"app tag\"\n variant=\"label-uppercase\"\n class=\"app-status-text\"\n >\n {status}\n </ic-typography>\n </div>\n )}\n {hasVersion && (\n <div class=\"app-version\">\n <ic-typography\n variant=\"label\"\n class=\"app-version-text\"\n aria-label=\"app version\"\n >\n {version}\n </ic-typography>\n </div>\n )}\n </div>\n\n {(hasSearchSlotContent || hasMenuContent) && (\n <div class=\"search-menu-container\">\n <div class=\"search-actions-container\">\n {!overMobileBreakpoint ? (\n <Fragment>\n <slot name=\"search\"></slot>\n {hasIconButtons && (\n <div class=\"icon-buttons-container\">\n <slot name=\"buttons\"></slot>\n </div>\n )}\n </Fragment>\n ) : (\n <Fragment>\n {hasSearchSlotContent && (\n <ic-button\n id=\"search-toggle-button\"\n ref={(el) => (this.mobileSearchButtonEl = el)}\n onMouseDown={searchButtonMouseDownHandler}\n variant=\"icon-tertiary\"\n monochrome\n size={searchButtonSize}\n aria-label={mobileSearchButtonTitle}\n theme={foregroundColor as IcThemeMode}\n onClick={searchButtonClickHandler}\n >\n <slot name=\"toggle-icon\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"#ffffff\"\n >\n <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n <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\" />\n </svg>\n </slot>\n </ic-button>\n )}\n {hasMenuContent && (\n <div class=\"menu-button-container\">\n <span\n id=\"navigation-landmark-button-text\"\n class=\"navigation-landmark-button-text\"\n aria-hidden=\"true\"\n >\n Main navigation button\n </span>\n <nav\n aria-labelledby=\"navigation-landmark-button-text\"\n aria-hidden={`${navMenuVisible}`}\n >\n <ic-button\n id=\"menu-button\"\n ref={(el) => (this.menuButtonEl = el)}\n theme={foregroundColor as IcThemeMode}\n variant=\"secondary\"\n monochrome\n aria-expanded=\"false\"\n aria-haspopup=\"true\"\n aria-label={`Open ${\n hasNavigation ? \"navigation\" : \"app\"\n } menu`}\n size={menuSize}\n onClick={menuButtonClick}\n >\n Menu\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"24px\"\n viewBox=\"0 0 24 24\"\n width=\"24px\"\n fill=\"#ffffff\"\n slot=\"left-icon\"\n >\n <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n <path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\" />\n </svg>\n </ic-button>\n </nav>\n </div>\n )}\n </Fragment>\n )}\n </div>\n </div>\n )}\n </div>\n\n {mobileSearchBarVisible && (\n <div class=\"search-bar-container\">\n <slot name=\"search\"></slot>\n </div>\n )}\n\n {hasNavigation && !overMobileBreakpoint && (\n <div class=\"navigation-tabs\">\n <span\n id=\"navigation-landmark-text\"\n class=\"navigation-landmark-text\"\n aria-hidden=\"true\"\n >\n Main pages\n </span>\n <nav\n aria-labelledby=\"navigation-landmark-text\"\n class=\"nav-panel-container\"\n >\n <ic-horizontal-scroll\n // eslint-disable-next-line\n // @ts-ignore\n monochrome\n appearance={foregroundColor}\n >\n <ul class=\"navigation-item-list\" tabindex=\"-1\">\n <slot name=\"navigation\"></slot>\n </ul>\n </ic-horizontal-scroll>\n </nav>\n </div>\n )}\n </header>\n </ic-section-container>\n </div>\n {navMenuVisible && (\n <ic-navigation-menu\n version={version}\n status={status}\n class={{\n inline,\n }}\n >\n {hasIconButtons && (\n <div class=\"menu-buttons-slot\" slot=\"buttons\">\n <slot name=\"buttons\"></slot>\n </div>\n )}\n <ul slot=\"navigation\">\n <slot name=\"navigation\"></slot>\n </ul>\n </ic-navigation-menu>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"ic-top-navigation.js","mappings":"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","names":[],"sources":["src/components/ic-top-navigation/ic-top-navigation.css?tag=ic-top-navigation&encapsulation=shadow","src/components/ic-top-navigation/ic-top-navigation.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n display: block;\n color: var(--ic-top-navigation-text);\n width: 100%;\n position: relative;\n\n --ic-typography-color: var(--ic-top-navigation-text);\n --ic-button-secondary-text-monochrome: var(--ic-brand-text-color);\n --ic-button-secondary-border-monochrome: var(--ic-brand-text-color);\n --navigation-link-colour: var(--ic-top-navigation-text);\n --ic-top-navigation-status-tag-text: var(--ic-color-text-primary-light);\n --ic-top-navigation-status-tag-secondary: var(--ic-state-layer-lighten-20);\n}\n\n:host(.dark) {\n --ic-top-navigation-status-tag-text: var(--ic-color-text-primary-dark);\n --ic-top-navigation-status-tag-secondary: var(--ic-state-layer-darken-10);\n --ic-top-navigation-title-hover: var(--ic-action-dark-bg-hover);\n --ic-top-navigation-title-pressed: var(--ic-action-dark-bg-pressed);\n}\n\n:host(.dark) ::slotted(ic-navigation-button) {\n --ic-button-icon-monochrome: var(--ic-color-text-primary-light);\n}\n\n::slotted(ic-navigation-button) {\n --ic-button-icon-monochrome: white;\n}\n\n:host .top-navigation {\n background-color: var(--ic-top-navigation-background);\n height: max-content;\n}\n\n:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form) {\n width: 100%;\n}\n\n:host .title-link {\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n padding: var(--ic-space-xxs);\n transition: var(--ic-easing-transition-fast);\n}\n\n: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) {\n color: var(--ic-top-navigation-icon-and-label);\n text-decoration: none;\n outline: none;\n\n --ic-typography-color: var(--ic-top-navigation-icon-and-label);\n}\n\n:host .title-link:hover:not(:focus) {\n background-color: var(--ic-top-navigation-title-hover);\n}\n\n:host .title-link:active:not(:focus) {\n background-color: var(--ic-top-navigation-title-pressed);\n}\n\n:host .title-link:hover {\n border-radius: var(--ic-border-radius);\n}\n\n:host .menu-button-container {\n --ic-button-secondary-text-monochrome: var(--ic-brand-text-color);\n --ic-button-secondary-border-monochrome: var(--ic-brand-text-color);\n}\n\n:host .title-link:focus,\n:host .title-link:focus-within {\n border-radius: var(--ic-border-radius);\n box-shadow: var(--ic-border-focus);\n outline: var(--ic-hc-focus-outline);\n}\n\n:host .title-link ic-typography {\n font-weight: 600;\n}\n\n:host .nav-panel-container {\n border-top: var(--ic-space-1px) solid var(--ic-top-navigation-keyline);\n padding: 0 var(--ic-space-lg);\n margin-left: calc(-1 * var(--section-container-margin));\n margin-right: calc(-1 * var(--section-container-margin));\n display: flex;\n}\n\n:host(.dark) .nav-panel-container {\n border-top: var(--ic-border-keyline-darken);\n}\n\n.top-panel-container {\n display: flex;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.navigation-tabs {\n margin-top: calc(-1 * var(--ic-space-1px));\n}\n\n.app-details-container {\n display: flex;\n align-items: center;\n flex: 1 1 auto;\n margin-right: var(--ic-space-md);\n}\n\n.app-icon-container {\n display: flex;\n padding-right: var(--ic-space-xs);\n}\n\n.icon-buttons-container {\n display: flex;\n margin-left: var(--ic-space-md);\n}\n\n.icon-buttons-container ::slotted(nav) {\n display: flex;\n}\n\n.title-wrap {\n overflow-wrap: break-word;\n word-wrap: break-word;\n -ms-word-break: break-all;\n word-break: break-word;\n hyphens: auto;\n}\n\n:host .app-status {\n border-radius: var(--ic-space-md);\n background-color: var(--ic-top-navigation-status-tag);\n color: var(--ic-top-navigation-status-tag-text);\n\n --ic-typography-color: var(--ic-top-navigation-status-tag-text);\n\n padding: var(--ic-space-xxs) var(--ic-space-lg);\n margin-left: var(--ic-space-md);\n flex: 1 1 0;\n max-width: fit-content;\n}\n\n:host .app-version {\n border-radius: var(--ic-space-md);\n background-color: var(--ic-top-navigation-status-tag-secondary);\n color: var(--ic-top-navigation-status-tag);\n padding: var(--ic-space-xxs) var(--ic-space-sm);\n margin-left: var(--ic-space-xs);\n flex: 1 1 0;\n max-width: fit-content;\n\n --ic-typography-color: var(--ic-top-navigation-status-tag);\n}\n\nslot[name=\"app-icon\"]::slotted(*) {\n fill: var(--ic-top-navigation-logo);\n width: 2em;\n height: 2em;\n cursor: pointer;\n}\n\nslot[name=\"toggle-icon\"] svg {\n fill: var(--ic-top-navigation-icon);\n}\n\n.search-menu-container {\n justify-content: right;\n display: flex;\n align-items: center;\n}\n\n.menu-button-container {\n margin-left: var(--ic-space-md);\n}\n\n.menu-button-container .navigation-landmark-button-text {\n position: absolute;\n left: -9999px;\n top: auto;\n width: 1px;\n height: 1px;\n overflow: hidden;\n color: var(--ic-brand-text-color);\n}\n\n.menu-button-container .navigation-landmark-button-text:dir(rtl) {\n right: -9999px;\n}\n\n.search-actions-container {\n display: flex;\n}\n\n.menu-buttons-slot {\n display: flex;\n flex-direction: column;\n}\n\n.navigation-landmark-text {\n position: absolute;\n width: var(--ic-space-1px);\n height: var(--ic-space-1px);\n padding: 0;\n margin: calc(-1 * var(--ic-space-1px));\n overflow: hidden;\n}\n\n.navigation-item-list {\n display: flex;\n list-style: none;\n height: 2.75rem;\n}\n\n.navigation-item-list::-webkit-scrollbar {\n display: none;\n}\n\n:host ic-section-container {\n padding-bottom: 0 !important;\n padding-top: 0 !important;\n}\n\n@media screen and (min-width: 993px) {\n .app-details-container {\n margin-right: var(--ic-space-lg);\n }\n}\n\n/* large */\n@media screen and (max-width: 1200px) {\n :host .nav-panel-container {\n padding: 0 var(--ic-space-md);\n }\n}\n\n/** Mobile styling **/\n:host(.mobile-mode) .app-status,\n:host(.mobile-mode) .app-version {\n display: none;\n}\n\n:host(.mobile-mode) .title-link {\n margin-right: var(--ic-space-xs);\n}\n\n:host(.mobile-mode) .search-menu-container {\n max-width: 10rem;\n}\n\n:host(.mobile-mode) .search-bar-container {\n display: flex;\n justify-content: center;\n align-items: center;\n border-top: var(--ic-border-keyline-darken);\n height: 4rem;\n padding-left: var(--ic-space-md);\n padding-right: var(--ic-space-md);\n margin-left: calc(-1 * var(--section-container-margin));\n margin-right: calc(-1 * var(--section-container-margin));\n}\n\n/* x small */\n@media screen and (max-width: 576px) {\n :host .title-link {\n margin-right: var(--ic-space-xxxs);\n word-break: break-word;\n hyphens: none;\n }\n\n .top-panel-container {\n min-height: 2.5rem;\n }\n\n .search-bar-container {\n margin-top: 0;\n height: 3.5rem;\n padding-left: var(--ic-space-xs);\n padding-right: var(--ic-space-xs);\n }\n\n .menu-button-container {\n margin-left: var(--ic-space-sm);\n }\n\n slot[name=\"app-icon\"]::slotted(*) {\n width: 1.5em;\n height: 1.5em;\n }\n\n slot[name=\"toggle-icon\"] svg {\n width: 1.5em;\n height: 1.5em;\n }\n}\n\n@media (forced-colors: active) {\n :host .top-navigation {\n border-bottom: var(--ic-border-hc);\n }\n\n .app-status,\n .app-version {\n border: var(--ic-border-hc);\n }\n\n slot[name=\"app-icon\"]::slotted(*) {\n fill: currentcolor;\n }\n\n slot[name=\"toggle-icon\"] svg {\n fill: currentcolor;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n :host .title-link {\n transition: none;\n }\n}\n","import {\n Component,\n Element,\n Host,\n Prop,\n h,\n State,\n Listen,\n Event,\n EventEmitter,\n Watch,\n Fragment,\n} from \"@stencil/core\";\n\nimport {\n IcTypographyVariants,\n IcAlignment,\n IcBrandForeground,\n IcBrandForegroundEnum,\n IcBrand,\n IcDeviceSizes,\n IcValueEventDetail,\n IcThemeMode,\n} from \"../../utils/types\";\nimport {\n checkResizeObserver,\n DEVICE_SIZES,\n getCurrentDeviceSize,\n getBrandForegroundAppearance,\n getSlot,\n onComponentPropUndefinedChange,\n onComponentRequiredPropUndefined,\n isSlotUsed,\n isEmptyString,\n isPropDefined,\n} from \"../../utils/helpers\";\nimport { IcSearchBarBlurEventDetail } from \"../ic-search-bar/ic-search-bar.types\";\n\n/**\n * @slot app-icon - Content will be rendered to left of app title. Anything that is slotted here will be hidden from screen readers.\n * @slot app-title - Handle routing by nesting a route in the app title.\n * @slot short-app-title - Handle routing by nesting a route in the short app title (to be displayed in place of app title on small screen sizes).\n * @slot search - Content will be rendered in search area to left of buttons.\n * @slot toggle-icon - Icon to be displayed on the button to toggle search slot content on smaller devices\n * @slot navigation - Content will be rendered in navigation panel.\n * @slot buttons - Content will be rendered to right of search bar.\n */\n@Component({\n tag: \"ic-top-navigation\",\n styleUrl: \"ic-top-navigation.css\",\n shadow: true,\n})\nexport class TopNavigation {\n private hasAppIcon = false;\n private hasAppTitleSlot = false;\n private hasIconButtons = false;\n private hasNavigation = false;\n private hasSearchSlotContent = false;\n private mobileSearchButtonEl?: HTMLIcButtonElement;\n private resizeObserver: ResizeObserver | null = null;\n private searchBar: HTMLIcSearchBarElement | null = null;\n private menuButtonEl?: HTMLIcButtonElement;\n\n @Element() el: HTMLIcTopNavigationElement;\n\n @State() deviceSize: number = DEVICE_SIZES.XL;\n @State() foregroundColor: IcBrandForeground = getBrandForegroundAppearance();\n @State() hasFullWidthSearchBar = false;\n @State() mobileSearchBarVisible = false;\n @State() mobileSearchHiddenOnBlur = false;\n @State() navMenuVisible = false;\n @State() searchButtonClick = false;\n @State() searchValue = \"\";\n\n /**\n * The alignment of the top navigation content.\n */\n @Prop() contentAligned: IcAlignment = \"full-width\";\n /**\n * Can set a custom breakpoint for the top navigation to switch to mobile mode.\n * Must be one of our specified breakpoints in px: `0`, `576`, `768`, `992`, `1200`.\n */\n @Prop() customMobileBreakpoint: IcDeviceSizes = DEVICE_SIZES.L;\n /**\n * The URL to navigate to when the app title is clicked.\n */\n @Prop() href = \"/\";\n\n /**\n * If `true`, the flyout navigation menu on small devices will be contained by the parent element.\n */\n @Prop() inline = false;\n\n /**\n * The short title of the app to be displayed at small screen sizes in place of the app title.\n */\n @Prop() shortAppTitle = \"\";\n\n /**\n * The status info to be displayed.\n */\n @Prop() status = \"\";\n\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme: IcThemeMode = \"inherit\";\n\n /**\n * The version info to be displayed.\n */\n @Prop() version = \"\";\n\n /**\n * The app title to be displayed. This is required, unless a slotted app title link is used.\n */\n @Prop() appTitle?: string;\n @Watch(\"appTitle\")\n watchPropHandler(newValue: string, oldValue: string): void {\n //added for Gatsby rehydration issue where prop is initially undefined but then changes to actual value\n //this watch can be removed once Gatsby hydration issue is resolved\n onComponentPropUndefinedChange(\n oldValue,\n newValue,\n this.initialiseSearchBar\n );\n }\n\n /**\n * @internal - Emitted when the menu is closed.\n */\n @Event() icNavigationMenuClosed: EventEmitter<void>;\n\n /**\n * @internal - Emitted when the menu is opened.\n */\n @Event() icNavigationMenuOpened: EventEmitter<void>;\n\n /**\n * Emitted when the top navigation is resized.\n */\n @Event() icTopNavResized: EventEmitter<{ size: number }>;\n\n disconnectedCallback(): void {\n this.resizeObserver?.disconnect();\n }\n\n componentWillLoad(): void {\n this.checkSlots();\n this.deviceSize = getCurrentDeviceSize();\n this.initialiseSearchBar();\n }\n\n componentDidLoad(): void {\n checkResizeObserver(this.runResizeObserver);\n if (!this.hasAppTitleSlot) {\n onComponentRequiredPropUndefined(\n [{ prop: this.appTitle, propName: \"app-title\" }],\n \"Top Navigation\"\n );\n }\n }\n\n componentWillRender(): void {\n this.checkSlots();\n }\n\n @Listen(\"icNavigationMenuClose\", {})\n navBarMenuCloseHandler(): void {\n this.showNavMenu(false);\n this.menuButtonEl?.setFocus();\n }\n\n @Listen(\"icSearchBarBlur\", {})\n searchInputBlurHandler({\n detail,\n }: CustomEvent<IcSearchBarBlurEventDetail>): void {\n if (detail !== null) {\n if (this.mobileSearchBarVisible && !this.searchButtonClick) {\n //don't hide if blur was triggered by click on search button - let the click handler toggle the state\n this.toggleSearchBar();\n }\n this.searchValue = detail.value as string;\n }\n }\n\n @Listen(\"icChange\", {})\n searchValueChangeHandler({ detail }: CustomEvent<IcValueEventDetail>): void {\n this.searchValue = detail.value;\n }\n\n @Listen(\"brandChange\", { target: \"document\" })\n brandChangeHandler({ detail }: CustomEvent<IcBrand>): void {\n this.foregroundColor = detail.mode;\n }\n\n private checkSlots = () => {\n this.hasAppIcon = isSlotUsed(this.el, \"app-icon\");\n this.hasAppTitleSlot = isSlotUsed(this.el, \"app-title\");\n this.hasNavigation = isSlotUsed(this.el, \"navigation\");\n this.hasIconButtons = isSlotUsed(this.el, \"buttons\");\n this.hasSearchSlotContent = isSlotUsed(this.el, \"search\");\n\n if (this.hasAppIcon) {\n const slottedAppIcon =\n this.el.querySelector<HTMLElement>('[slot=\"app-icon\"]');\n if (slottedAppIcon && slottedAppIcon.tagName === \"A\")\n slottedAppIcon.tabIndex = -1;\n }\n };\n\n private initialiseSearchBar = () => {\n if (!this.hasSearchSlotContent) return;\n\n const slot = getSlot(this.el, \"search\");\n if (slot?.tagName === \"IC-SEARCH-BAR\") {\n this.searchBar = slot as HTMLIcSearchBarElement;\n } else if (slot?.tagName === \"FORM\") {\n this.searchBar = slot.querySelector(\"ic-search-bar\");\n }\n\n if (this.searchBar !== null) {\n this.searchBar.hideLabel = true;\n }\n };\n\n private toggleSearchBar = () => {\n this.mobileSearchBarVisible = !this.mobileSearchBarVisible;\n\n if (!this.searchBar) return;\n\n this.mobileSearchButtonEl?.setAttribute(\n \"aria-label\",\n `${this.mobileSearchBarVisible ? \"Hide\" : \"Show\"} search`\n );\n this.hasFullWidthSearchBar = this.mobileSearchBarVisible;\n this.searchBar.fullWidth = this.mobileSearchBarVisible;\n if (this.mobileSearchBarVisible) {\n setTimeout(() => {\n this.searchBar?.focus();\n }, 100);\n }\n };\n\n private menuButtonClick = () => {\n this.showNavMenu(true);\n };\n\n private showNavMenu = (show: boolean) => {\n this.navMenuVisible = show;\n (show ? this.icNavigationMenuOpened : this.icNavigationMenuClosed).emit();\n document.body.style.height = show ? \"100%\" : \"auto\";\n document.body.style.overflow = show ? \"hidden\" : \"auto\";\n };\n\n private searchButtonMouseDownHandler = () => {\n this.searchButtonClick = true;\n };\n\n private searchButtonClickHandler = () => {\n this.toggleSearchBar();\n this.searchButtonClick = false;\n };\n\n private resizeObserverCallback = (currSize: number) => {\n if (currSize === this.deviceSize) return;\n\n this.deviceSize = currSize;\n if (currSize > this.customMobileBreakpoint) {\n this.showNavMenu(false);\n if (this.mobileSearchBarVisible) {\n this.toggleSearchBar();\n }\n }\n this.icTopNavResized.emit({\n size: currSize,\n });\n if (this.searchBar && document.activeElement === this.searchBar) {\n this.searchBar.setAttribute(\"hidden\", \"true\");\n //remove attribute again as this trigger a redraw & applies css\n this.searchBar.removeAttribute(\"hidden\");\n setTimeout(() => {\n this.searchBar?.focus();\n }, 100);\n }\n };\n\n private runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n this.resizeObserverCallback(getCurrentDeviceSize());\n });\n\n this.resizeObserver.observe(this.el);\n };\n\n render() {\n const {\n appTitle,\n contentAligned,\n customMobileBreakpoint,\n deviceSize,\n el,\n foregroundColor,\n hasAppIcon,\n hasAppTitleSlot,\n hasFullWidthSearchBar,\n hasIconButtons,\n hasNavigation,\n hasSearchSlotContent,\n href,\n inline,\n menuButtonClick,\n mobileSearchBarVisible,\n navMenuVisible,\n searchButtonClickHandler,\n searchButtonMouseDownHandler,\n shortAppTitle,\n status,\n version,\n theme,\n } = this;\n\n const hasStatus = status !== \"\";\n const hasVersion = version !== \"\";\n const hasMenuContent =\n hasNavigation || hasIconButtons || hasStatus || hasVersion;\n\n const isSmallDeviceSize = deviceSize <= DEVICE_SIZES.S;\n\n const searchButtonSize = isSmallDeviceSize ? \"medium\" : \"large\";\n const hasTitle = appTitle !== \"\" && isPropDefined(appTitle);\n const overMobileBreakpoint = deviceSize <= customMobileBreakpoint;\n\n const appTitleVariant: IcTypographyVariants = overMobileBreakpoint\n ? isSmallDeviceSize\n ? \"subtitle-small\"\n : \"h4\"\n : \"h3\";\n\n const mobileSearchButtonTitle = `${\n mobileSearchBarVisible ? \"Hide\" : \"Show\"\n } search`;\n const menuSize = isSmallDeviceSize ? \"small\" : \"medium\";\n\n const shortAppTitleSlot = isSlotUsed(el, \"short-app-title\");\n const Component = hasAppTitleSlot ? \"div\" : \"a\";\n const attrs = Component == \"a\" && {\n href: href,\n };\n\n return (\n <Host\n class={{\n \"fullwidth-searchbar\": hasFullWidthSearchBar,\n \"mobile-mode\": overMobileBreakpoint,\n [IcBrandForegroundEnum.Dark]:\n foregroundColor === IcBrandForegroundEnum.Dark,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }}\n >\n <div class=\"top-navigation\">\n <ic-section-container aligned={contentAligned} full-height>\n <header role=\"banner\">\n <div class=\"top-panel-container\">\n <div class=\"app-details-container\">\n {(hasTitle || hasAppTitleSlot) && (\n <Component class=\"title-link\" {...attrs}>\n {hasAppIcon && (\n <div class=\"app-icon-container\">\n <slot name=\"app-icon\" />\n </div>\n )}\n {isSmallDeviceSize &&\n (!isEmptyString(shortAppTitle) || shortAppTitleSlot) ? (\n <ic-typography\n variant=\"subtitle-small\"\n aria-label={\n (!hasAppTitleSlot || !shortAppTitleSlot) &&\n `${appTitle} (${shortAppTitle})`\n }\n >\n <h1>\n {shortAppTitleSlot ? (\n <slot name=\"short-app-title\"></slot>\n ) : (\n shortAppTitle\n )}\n </h1>\n </ic-typography>\n ) : (\n <ic-typography variant={appTitleVariant}>\n <h1 class=\"title-wrap\">\n {hasAppTitleSlot ? (\n <slot name=\"app-title\"></slot>\n ) : (\n appTitle\n )}\n </h1>\n </ic-typography>\n )}\n </Component>\n )}\n {hasStatus && (\n <div class=\"app-status\">\n <ic-typography\n aria-label=\"app tag\"\n variant=\"label-uppercase\"\n class=\"app-status-text\"\n >\n {status}\n </ic-typography>\n </div>\n )}\n {hasVersion && (\n <div class=\"app-version\">\n <ic-typography\n variant=\"label\"\n class=\"app-version-text\"\n aria-label=\"app version\"\n >\n {version}\n </ic-typography>\n </div>\n )}\n </div>\n\n {(hasSearchSlotContent || hasMenuContent) && (\n <div class=\"search-menu-container\">\n <div class=\"search-actions-container\">\n {!overMobileBreakpoint ? (\n <Fragment>\n <slot name=\"search\"></slot>\n {hasIconButtons && (\n <div class=\"icon-buttons-container\">\n <slot name=\"buttons\"></slot>\n </div>\n )}\n </Fragment>\n ) : (\n <Fragment>\n {hasSearchSlotContent && (\n <ic-button\n id=\"search-toggle-button\"\n ref={(el) => (this.mobileSearchButtonEl = el)}\n onMouseDown={searchButtonMouseDownHandler}\n variant=\"icon-tertiary\"\n monochrome\n size={searchButtonSize}\n aria-label={mobileSearchButtonTitle}\n theme={foregroundColor as IcThemeMode}\n onClick={searchButtonClickHandler}\n >\n <slot name=\"toggle-icon\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"#ffffff\"\n >\n <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n <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\" />\n </svg>\n </slot>\n </ic-button>\n )}\n {hasMenuContent && (\n <div class=\"menu-button-container\">\n <span\n id=\"navigation-landmark-button-text\"\n class=\"navigation-landmark-button-text\"\n aria-hidden=\"true\"\n >\n Main navigation button\n </span>\n <nav\n aria-labelledby=\"navigation-landmark-button-text\"\n aria-hidden={`${navMenuVisible}`}\n >\n <ic-button\n id=\"menu-button\"\n ref={(el) => (this.menuButtonEl = el)}\n theme={foregroundColor as IcThemeMode}\n variant=\"secondary\"\n monochrome\n aria-expanded=\"false\"\n aria-haspopup=\"true\"\n aria-label={`Open ${\n hasNavigation ? \"navigation\" : \"app\"\n } menu`}\n size={menuSize}\n onClick={menuButtonClick}\n >\n Menu\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"24px\"\n viewBox=\"0 0 24 24\"\n width=\"24px\"\n fill=\"#ffffff\"\n slot=\"left-icon\"\n >\n <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n <path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\" />\n </svg>\n </ic-button>\n </nav>\n </div>\n )}\n </Fragment>\n )}\n </div>\n </div>\n )}\n </div>\n\n {mobileSearchBarVisible && (\n <div class=\"search-bar-container\">\n <slot name=\"search\"></slot>\n </div>\n )}\n\n {hasNavigation && !overMobileBreakpoint && (\n <div class=\"navigation-tabs\">\n <span\n id=\"navigation-landmark-text\"\n class=\"navigation-landmark-text\"\n aria-hidden=\"true\"\n >\n Main pages\n </span>\n <nav\n aria-labelledby=\"navigation-landmark-text\"\n class=\"nav-panel-container\"\n >\n <ic-horizontal-scroll\n // eslint-disable-next-line\n // @ts-ignore\n monochrome\n appearance={foregroundColor}\n >\n <ul class=\"navigation-item-list\" tabindex=\"-1\">\n <slot name=\"navigation\"></slot>\n </ul>\n </ic-horizontal-scroll>\n </nav>\n </div>\n )}\n </header>\n </ic-section-container>\n </div>\n {navMenuVisible && (\n <ic-navigation-menu\n version={version}\n status={status}\n class={{\n inline,\n }}\n >\n {hasIconButtons && (\n <div class=\"menu-buttons-slot\" slot=\"buttons\">\n <slot name=\"buttons\"></slot>\n </div>\n )}\n <ul slot=\"navigation\">\n <slot name=\"navigation\"></slot>\n </ul>\n </ic-navigation-menu>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { c as checkResizeObserver, a as isElInAGGrid } from './helpers.js';
|
|
3
3
|
|
|
4
|
-
const icTypographyCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:relative;color:var(--ic-typography-color, var(--ic-color-text-primary))}:host(.ic-typography-vertical-margins-h1){margin:0 0 var(--ic-space-xl)}:host(.ic-typography-vertical-margins-h2){margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}:host(.ic-typography-vertical-margins-h3){margin:var(--ic-space-xl) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-h4){margin:var(--ic-space-lg) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-subtitle-large),:host(.ic-typography-vertical-margins-subtitle-small),:host(.ic-typography-vertical-margins-body),:host(.ic-typography-vertical-margins-code-large),:host(.ic-typography-vertical-margins-code-small),:host(.ic-typography-vertical-margins-code-extra-small){margin:0 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-caption),:host(.ic-typography-vertical-margins-caption-uppercase){margin:0 0 var(--ic-space-xs)}:host(.ic-typography-vertical-margins-h2:first-child),:host(.ic-typography-vertical-margins-h3:first-child),:host(.ic-typography-vertical-margins-h4:first-child){margin-top:0}:host(.ic-typography-h1){font:var(--ic-font-h1) !important}:host(.ic-typography-h2){font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-h3){font:var(--ic-font-h3)}:host(.ic-typography-h4){font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-large){font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-small){font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-body){font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-caption){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-caption-uppercase){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}:host(.ic-typography-label){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-label-uppercase){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}:host(.ic-typography-code-large){font:var(--ic-font-code-large);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-code-small){font:var(--ic-font-code-small);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-code-extra-small){font:var(--ic-font-code-extra-small);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-badge){font:var(--ic-font-badge);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-badge-small){font:var(--ic-font-badge-small);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-no-wrap){white-space:nowrap}:host ::slotted(h1),:host ::slotted(h2),:host ::slotted(h3),:host ::slotted(h4),:host ::slotted(h5),:host ::slotted(h6),:host ::slotted(p),:host ::slotted(label){font:inherit;letter-spacing:inherit}.trunc-wrapper{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--truncation-max-lines, initial);-webkit-line-clamp:var(--truncation-max-lines, initial);overflow:hidden;padding-right:var(--ellipsis-padding-right, 0)}.trunc-btn{border:none;background:none;padding:0;color:var(--ic-color-text-primary);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}.trunc-btn:hover,.trunc-btn.focus{outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none;cursor:pointer}:host(.ic-typography-strikethrough){text-decoration:line-through}:host(.ic-typography-underline){text-decoration:underline}:host(.ic-typography-underline.ic-typography-strikethrough){text-decoration:line-through underline}:host(.ic-typography-italic){font-style:italic !important}:host(.ic-typography-bold){font-weight:var(--ic-font-weight-bold)}:host(.ic-theme-dark),:host(.ic-theme-light){--ic-typography-color:var(--ic-color-text-primary)}:host(.in-ag-grid),:host(.in-ag-grid) ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (text-underline-offset: 25%){.trunc-btn:hover,.trunc-btn.focus{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}@media (prefers-color-scheme: dark) and (forced-colors: none){:host,.trunc-btn:not(ic-tooltip){color:var(--ic-typography-color)}}";
|
|
4
|
+
const icTypographyCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:relative;color:var(--ic-typography-color, var(--ic-color-text-primary))}:host(.ic-typography-vertical-margins-h1){margin:0 0 var(--ic-space-xl)}:host(.ic-typography-vertical-margins-h2){margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}:host(.ic-typography-vertical-margins-h3){margin:var(--ic-space-xl) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-h4){margin:var(--ic-space-lg) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-subtitle-large),:host(.ic-typography-vertical-margins-subtitle-small),:host(.ic-typography-vertical-margins-body),:host(.ic-typography-vertical-margins-code-large),:host(.ic-typography-vertical-margins-code-small),:host(.ic-typography-vertical-margins-code-extra-small){margin:0 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-caption),:host(.ic-typography-vertical-margins-caption-uppercase){margin:0 0 var(--ic-space-xs)}:host(.ic-typography-vertical-margins-h2:first-child),:host(.ic-typography-vertical-margins-h3:first-child),:host(.ic-typography-vertical-margins-h4:first-child){margin-top:0}:host(.ic-typography-h1){font:var(--ic-font-h1) !important}:host(.ic-typography-h2){font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-h3){font:var(--ic-font-h3)}:host(.ic-typography-h4){font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-large){font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-small){font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-body){font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-caption){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-caption-uppercase){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}:host(.ic-typography-label){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-label-uppercase){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}:host(.ic-typography-code-large){font:var(--ic-font-code-large);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-code-small){font:var(--ic-font-code-small);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-code-extra-small){font:var(--ic-font-code-extra-small);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-badge){font:var(--ic-font-badge);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-badge-small){font:var(--ic-font-badge-small);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-no-wrap){white-space:nowrap}:host ::slotted(h1),:host ::slotted(h2),:host ::slotted(h3),:host ::slotted(h4),:host ::slotted(h5),:host ::slotted(h6),:host ::slotted(p),:host ::slotted(label){font:inherit;letter-spacing:inherit}.trunc-wrapper{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--truncation-max-lines, initial);-webkit-line-clamp:var(--truncation-max-lines, initial);overflow:hidden;padding-right:var(--ellipsis-padding-right, 0)}.trunc-btn{border:none;background:none;padding:0;color:var(--ic-color-text-primary);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}.trunc-btn:hover,.trunc-btn.focus{outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none;cursor:pointer}:host(.ic-typography-strikethrough){text-decoration:line-through}:host(.ic-typography-underline){text-decoration:underline}:host(.ic-typography-underline.ic-typography-strikethrough){text-decoration:line-through underline}:host(.ic-typography-italic){font-style:italic !important}:host(.ic-typography-bold){font-weight:var(--ic-font-weight-bold)}:host(.ic-theme-dark),:host(.ic-theme-light){--ic-typography-color:var(--ic-color-text-primary)}:host(.in-ag-grid),:host(.in-ag-grid) ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (text-underline-offset: 25%){.trunc-btn:hover,.trunc-btn.focus{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}@media (prefers-color-scheme: dark) and (forced-colors: none){:host,.trunc-btn:not(ic-tooltip){color:var(--ic-typography-color)}}@media (prefers-reduced-motion: reduce){.trunc-btn{transition:none}}";
|
|
5
5
|
const IcTypographyStyle0 = icTypographyCss;
|
|
6
6
|
|
|
7
7
|
const Typography = /*@__PURE__*/ proxyCustomElement(class Typography extends HTMLElement {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"ic-typography2.js","mappings":"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","names":[],"sources":["src/components/ic-typography/ic-typography.css?tag=ic-typography&encapsulation=shadow","src/components/ic-typography/ic-typography.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n display: block;\n position: relative;\n color: var(--ic-typography-color, var(--ic-color-text-primary));\n}\n\n:host(.ic-typography-vertical-margins-h1) {\n margin: 0 0 var(--ic-space-xl);\n}\n\n:host(.ic-typography-vertical-margins-h2) {\n margin: var(--ic-space-xxl) 0 var(--ic-space-lg);\n}\n\n:host(.ic-typography-vertical-margins-h3) {\n margin: var(--ic-space-xl) 0 var(--ic-space-md);\n}\n\n:host(.ic-typography-vertical-margins-h4) {\n margin: var(--ic-space-lg) 0 var(--ic-space-md);\n}\n\n:host(.ic-typography-vertical-margins-subtitle-large),\n:host(.ic-typography-vertical-margins-subtitle-small),\n:host(.ic-typography-vertical-margins-body),\n:host(.ic-typography-vertical-margins-code-large),\n:host(.ic-typography-vertical-margins-code-small),\n:host(.ic-typography-vertical-margins-code-extra-small) {\n margin: 0 0 var(--ic-space-md);\n}\n\n:host(.ic-typography-vertical-margins-caption),\n:host(.ic-typography-vertical-margins-caption-uppercase) {\n margin: 0 0 var(--ic-space-xs);\n}\n\n:host(.ic-typography-vertical-margins-h2:first-child),\n:host(.ic-typography-vertical-margins-h3:first-child),\n:host(.ic-typography-vertical-margins-h4:first-child) {\n margin-top: 0;\n}\n\n:host(.ic-typography-h1) {\n font: var(--ic-font-h1) !important;\n}\n\n:host(.ic-typography-h2) {\n font: var(--ic-font-h2);\n letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-h3) {\n font: var(--ic-font-h3);\n}\n\n:host(.ic-typography-h4) {\n font: var(--ic-font-h4);\n letter-spacing: var(--ic-font-letter-spacing-0pt0015);\n}\n\n:host(.ic-typography-subtitle-large) {\n font: var(--ic-font-subtitle-large);\n letter-spacing: var(--ic-font-letter-spacing-0pt0015);\n}\n\n:host(.ic-typography-subtitle-small) {\n font: var(--ic-font-subtitle-small);\n letter-spacing: var(--ic-font-letter-spacing-0pt0015);\n}\n\n:host(.ic-typography-body) {\n font: var(--ic-font-body);\n letter-spacing: var(--ic-font-letter-spacing-0pt005);\n}\n\n:host(.ic-typography-caption) {\n font: var(--ic-font-caption);\n letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-caption-uppercase) {\n font: var(--ic-font-caption);\n letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n text-transform: uppercase;\n}\n\n:host(.ic-typography-label) {\n font: var(--ic-font-label);\n letter-spacing: var(--ic-font-letter-spacing-0pt025);\n}\n\n:host(.ic-typography-label-uppercase) {\n font: var(--ic-font-label);\n letter-spacing: var(--ic-font-letter-spacing-0pt025);\n text-transform: uppercase;\n}\n\n:host(.ic-typography-code-large) {\n font: var(--ic-font-code-large);\n letter-spacing: var(--ic-font-letter-spacing-0pt025);\n}\n\n:host(.ic-typography-code-small) {\n font: var(--ic-font-code-small);\n letter-spacing: var(--ic-font-letter-spacing-0pt005);\n}\n\n:host(.ic-typography-code-extra-small) {\n font: var(--ic-font-code-extra-small);\n letter-spacing: var(--ic-font-letter-spacing-0pt025);\n}\n\n:host(.ic-typography-badge) {\n font: var(--ic-font-badge);\n letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-badge-small) {\n font: var(--ic-font-badge-small);\n letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-no-wrap) {\n white-space: nowrap;\n}\n\n:host ::slotted(h1),\n:host ::slotted(h2),\n:host ::slotted(h3),\n:host ::slotted(h4),\n:host ::slotted(h5),\n:host ::slotted(h6),\n:host ::slotted(p),\n:host ::slotted(label) {\n font: inherit;\n letter-spacing: inherit;\n}\n\n.trunc-wrapper {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n line-clamp: var(--truncation-max-lines, initial);\n -webkit-line-clamp: var(--truncation-max-lines, initial);\n overflow: hidden;\n padding-right: var(--ellipsis-padding-right, 0);\n}\n\n.trunc-btn {\n border: none;\n background: none;\n padding: 0;\n color: var(--ic-color-text-primary);\n text-decoration: underline;\n font-weight: var(--ic-font-weight-bold);\n transition: var(--ic-easing-transition-fast);\n}\n\n.trunc-btn:hover,\n.trunc-btn.focus {\n outline: none;\n border-bottom: 0.25rem solid !important;\n margin-bottom: -0.25rem !important;\n text-decoration: none;\n cursor: pointer;\n}\n\n:host(.ic-typography-strikethrough) {\n text-decoration: line-through;\n}\n\n:host(.ic-typography-underline) {\n text-decoration: underline;\n}\n\n:host(.ic-typography-underline.ic-typography-strikethrough) {\n text-decoration: line-through underline;\n}\n\n:host(.ic-typography-italic) {\n font-style: italic !important;\n}\n\n:host(.ic-typography-bold) {\n font-weight: var(--ic-font-weight-bold);\n}\n\n:host(.ic-theme-dark),\n:host(.ic-theme-light) {\n --ic-typography-color: var(--ic-color-text-primary);\n}\n\n:host(.in-ag-grid),\n:host(.in-ag-grid) ::slotted(*) {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n@supports (text-underline-offset: 25%) {\n .trunc-btn:hover,\n .trunc-btn.focus {\n text-decoration-line: underline;\n text-decoration-thickness: 25%;\n text-underline-offset: 25%;\n border-bottom: 0 !important;\n margin-bottom: 0 !important;\n }\n}\n\n@media (prefers-color-scheme: dark) and (forced-colors: none) {\n :host,\n .trunc-btn:not(ic-tooltip) {\n color: var(--ic-typography-color);\n }\n}\n","import {\n Component,\n Prop,\n h,\n Element,\n Host,\n State,\n Watch,\n Method,\n Event,\n EventEmitter,\n} from \"@stencil/core\";\n\nimport { IcTypographyVariants, IcThemeMode } from \"../../utils/types\";\nimport { checkResizeObserver, isElInAGGrid } from \"../../utils/helpers\";\n\n@Component({\n styleUrl: \"ic-typography.css\",\n tag: \"ic-typography\",\n shadow: true,\n})\nexport class Typography {\n private focusBtnFromKeyboard: boolean = true;\n private inAGGrid: boolean = false;\n private lastMarkerTop: number = 0;\n private lastWidth: number = 0;\n private marker: HTMLElement;\n private resizeInterval: number;\n private resizeObserver: ResizeObserver | null = null;\n private truncatedHeight: number = 0;\n private truncWrapperEl?: Element;\n\n @Element() el: HTMLIcTypographyElement;\n\n @State() truncated: boolean = false;\n @State() truncButtonFocussed: boolean = false;\n\n /**\n * If `true`, appropriate top and bottom margins will be applied to the typography.\n */\n @Prop() applyVerticalMargins?: boolean = false;\n\n /**\n * If `true`, the typography will have a bold font weight.\n * Note: This will have no impact on variants that already use an equivalent or higher font weight (h1, h2, and subtitle-large).\n */\n @Prop() bold?: boolean = false;\n\n /**\n * If `true`, the typography will have an italic font style.\n */\n @Prop() italic?: boolean = false;\n\n /**\n * The number of lines to display before truncating the text, only used for the 'body' variant.\n */\n @Prop({ mutable: true }) maxLines?: number;\n\n /**\n * If `true`, the typography will have a line through it.\n */\n @Prop() strikethrough?: boolean = false;\n\n /**\n * Sets the text color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n /**\n * If `true`, the typography will have a line under it.\n */\n @Prop() underline?: boolean = false;\n\n /**\n * The ICDS typography style to use.\n */\n @Prop() variant?: IcTypographyVariants = \"body\";\n\n /**\n * @internal Emits and event when the typography truncation button has been clicked.\n */\n @Event() typographyTruncationExpandToggle: EventEmitter<{\n expanded: boolean;\n typographyEl: HTMLIcTypographyElement;\n }>;\n\n @State() expanded: boolean = false;\n\n @Watch(\"expanded\")\n watchExpandedHandler(): void {\n this.el.setAttribute(\n \"style\",\n `--truncation-max-lines: ${this.expanded ? \"initial\" : this.maxLines}`\n );\n }\n\n disconnectedCallback(): void {\n if (this.resizeObserver !== null) {\n this.resizeObserver.disconnect();\n }\n }\n /**\n * @internal This is used by data table to remove all truncation in certain events\n */\n @Method()\n async resetTruncation() {\n if (this.truncated) {\n this.truncated = false;\n this.maxLines = 0;\n this.el.removeAttribute(\"max-lines\");\n this.expanded = false;\n this.el.removeAttribute(\"style\");\n }\n }\n\n componentDidLoad(): void {\n if (\n (this.variant === \"body\" ||\n (this.el.getRootNode() as ShadowRoot)?.host?.tagName ===\n \"IC-TOOLTIP\") &&\n this.maxLines &&\n this.maxLines > 0\n ) {\n const marker = document.createElement(\"span\");\n marker.style.visibility = \"hidden\";\n this.el.appendChild(marker);\n this.marker = marker;\n this.lastWidth = this.el.clientWidth;\n this.checkMaxLines(this.el.clientHeight);\n checkResizeObserver(this.runResizeObserver);\n }\n }\n\n componentWillRender(): void {\n if (isElInAGGrid(this.el)) {\n this.inAGGrid = true;\n }\n }\n\n private toggleExpanded = (ev: Event) => {\n ev.stopPropagation();\n\n this.expanded = !this.expanded;\n this.typographyTruncationExpandToggle.emit({\n expanded: this.expanded,\n typographyEl: this.el,\n });\n };\n\n /**\n * @internal This checks if the number of lines of text exceeds the maxLines prop. If so, set the line clamp CSS to the max lines\n * @param height - text container height\n */\n\n @Method()\n async checkMaxLines(height: number) {\n //24 is the height of a single line\n const numLines = Math.floor(height / 24);\n if (this.maxLines && numLines > this.maxLines) {\n this.el.setAttribute(\"style\", `--truncation-max-lines: ${this.maxLines}`);\n this.truncatedHeight = this.el.clientHeight;\n this.truncated = true;\n }\n }\n\n /**\n * @internal This method makes it possible to set the expanded status of truncated text outside of ic-typography component\n */\n @Method()\n async setShowHideExpanded(expanded: boolean) {\n this.expanded = expanded;\n }\n\n private checkMarkerPosition = (elTop: number, markerTop: number) => {\n if (markerTop - elTop < this.truncatedHeight) {\n this.truncated = false;\n this.expanded = false;\n } else {\n this.truncated = true;\n }\n };\n\n private getElementTop = (el: HTMLElement) => {\n return el.getClientRects && el.getClientRects()[0]\n ? el.getClientRects()[0].top\n : 0;\n };\n\n private runResizeObserver = () => {\n if (this.truncWrapperEl) {\n this.resizeObserver = new ResizeObserver(() => {\n clearTimeout(this.resizeInterval);\n this.resizeInterval = window.setTimeout(\n this.resizeObserverCallback,\n 50\n );\n });\n this.resizeObserver.observe(this.truncWrapperEl);\n }\n };\n\n private resizeObserverCallback = () => {\n if (this.lastWidth === this.el.clientWidth) {\n return;\n }\n\n if (this.truncatedHeight === 0) {\n this.checkMaxLines(this.el.clientHeight);\n return;\n }\n\n const markerTop = this.getElementTop(this.marker);\n if (markerTop === this.lastMarkerTop) {\n return;\n }\n\n this.checkMarkerPosition(this.getElementTop(this.el), markerTop);\n this.lastMarkerTop = markerTop;\n this.lastWidth = this.el.clientWidth;\n };\n\n private truncButtonFocus = (): void => {\n if (this.focusBtnFromKeyboard) {\n this.truncButtonFocussed = true;\n }\n };\n\n private truncButtonBlur = (): void => {\n this.focusBtnFromKeyboard = true;\n this.truncButtonFocussed = false;\n };\n\n private truncButtonFocusFromMouse = (): void => {\n this.focusBtnFromKeyboard = false;\n };\n\n render() {\n const {\n variant,\n applyVerticalMargins,\n maxLines,\n truncated,\n expanded,\n strikethrough,\n underline,\n italic,\n bold,\n theme,\n } = this;\n\n return (\n <Host\n class={{\n [`ic-typography-${variant}`]: true,\n [`ic-typography-vertical-margins-${variant}`]: !!applyVerticalMargins,\n [\"ic-typography-bold\"]: !!bold,\n [\"ic-typography-italic\"]: !!italic,\n [\"ic-typography-strikethrough\"]: !!strikethrough,\n [\"ic-typography-underline\"]: !!underline,\n [\"in-ag-grid\"]: this.inAGGrid,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }}\n >\n {(variant === \"body\" ||\n (this.el.getRootNode() as ShadowRoot)?.host?.tagName ===\n \"IC-TOOLTIP\") &&\n maxLines &&\n maxLines > 0 ? (\n <div class=\"trunc-wrapper\" ref={(el) => (this.truncWrapperEl = el)}>\n <slot />\n </div>\n ) : (\n <slot />\n )}\n {variant === \"body\" && maxLines && maxLines > 0 && truncated && (\n <button\n class={{ \"trunc-btn\": true, focus: this.truncButtonFocussed }}\n onFocus={this.truncButtonFocus}\n onBlur={this.truncButtonBlur}\n onMouseDown={this.truncButtonFocusFromMouse}\n onClick={this.toggleExpanded}\n >\n {expanded ? \"See less\" : \"See more\"}\n </button>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"ic-typography2.js","mappings":"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","names":[],"sources":["src/components/ic-typography/ic-typography.css?tag=ic-typography&encapsulation=shadow","src/components/ic-typography/ic-typography.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n display: block;\n position: relative;\n color: var(--ic-typography-color, var(--ic-color-text-primary));\n}\n\n:host(.ic-typography-vertical-margins-h1) {\n margin: 0 0 var(--ic-space-xl);\n}\n\n:host(.ic-typography-vertical-margins-h2) {\n margin: var(--ic-space-xxl) 0 var(--ic-space-lg);\n}\n\n:host(.ic-typography-vertical-margins-h3) {\n margin: var(--ic-space-xl) 0 var(--ic-space-md);\n}\n\n:host(.ic-typography-vertical-margins-h4) {\n margin: var(--ic-space-lg) 0 var(--ic-space-md);\n}\n\n:host(.ic-typography-vertical-margins-subtitle-large),\n:host(.ic-typography-vertical-margins-subtitle-small),\n:host(.ic-typography-vertical-margins-body),\n:host(.ic-typography-vertical-margins-code-large),\n:host(.ic-typography-vertical-margins-code-small),\n:host(.ic-typography-vertical-margins-code-extra-small) {\n margin: 0 0 var(--ic-space-md);\n}\n\n:host(.ic-typography-vertical-margins-caption),\n:host(.ic-typography-vertical-margins-caption-uppercase) {\n margin: 0 0 var(--ic-space-xs);\n}\n\n:host(.ic-typography-vertical-margins-h2:first-child),\n:host(.ic-typography-vertical-margins-h3:first-child),\n:host(.ic-typography-vertical-margins-h4:first-child) {\n margin-top: 0;\n}\n\n:host(.ic-typography-h1) {\n font: var(--ic-font-h1) !important;\n}\n\n:host(.ic-typography-h2) {\n font: var(--ic-font-h2);\n letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-h3) {\n font: var(--ic-font-h3);\n}\n\n:host(.ic-typography-h4) {\n font: var(--ic-font-h4);\n letter-spacing: var(--ic-font-letter-spacing-0pt0015);\n}\n\n:host(.ic-typography-subtitle-large) {\n font: var(--ic-font-subtitle-large);\n letter-spacing: var(--ic-font-letter-spacing-0pt0015);\n}\n\n:host(.ic-typography-subtitle-small) {\n font: var(--ic-font-subtitle-small);\n letter-spacing: var(--ic-font-letter-spacing-0pt0015);\n}\n\n:host(.ic-typography-body) {\n font: var(--ic-font-body);\n letter-spacing: var(--ic-font-letter-spacing-0pt005);\n}\n\n:host(.ic-typography-caption) {\n font: var(--ic-font-caption);\n letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-caption-uppercase) {\n font: var(--ic-font-caption);\n letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n text-transform: uppercase;\n}\n\n:host(.ic-typography-label) {\n font: var(--ic-font-label);\n letter-spacing: var(--ic-font-letter-spacing-0pt025);\n}\n\n:host(.ic-typography-label-uppercase) {\n font: var(--ic-font-label);\n letter-spacing: var(--ic-font-letter-spacing-0pt025);\n text-transform: uppercase;\n}\n\n:host(.ic-typography-code-large) {\n font: var(--ic-font-code-large);\n letter-spacing: var(--ic-font-letter-spacing-0pt025);\n}\n\n:host(.ic-typography-code-small) {\n font: var(--ic-font-code-small);\n letter-spacing: var(--ic-font-letter-spacing-0pt005);\n}\n\n:host(.ic-typography-code-extra-small) {\n font: var(--ic-font-code-extra-small);\n letter-spacing: var(--ic-font-letter-spacing-0pt025);\n}\n\n:host(.ic-typography-badge) {\n font: var(--ic-font-badge);\n letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-badge-small) {\n font: var(--ic-font-badge-small);\n letter-spacing: var(--ic-font-letter-spacing-0pt0025);\n}\n\n:host(.ic-typography-no-wrap) {\n white-space: nowrap;\n}\n\n:host ::slotted(h1),\n:host ::slotted(h2),\n:host ::slotted(h3),\n:host ::slotted(h4),\n:host ::slotted(h5),\n:host ::slotted(h6),\n:host ::slotted(p),\n:host ::slotted(label) {\n font: inherit;\n letter-spacing: inherit;\n}\n\n.trunc-wrapper {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n line-clamp: var(--truncation-max-lines, initial);\n -webkit-line-clamp: var(--truncation-max-lines, initial);\n overflow: hidden;\n padding-right: var(--ellipsis-padding-right, 0);\n}\n\n.trunc-btn {\n border: none;\n background: none;\n padding: 0;\n color: var(--ic-color-text-primary);\n text-decoration: underline;\n font-weight: var(--ic-font-weight-bold);\n transition: var(--ic-easing-transition-fast);\n}\n\n.trunc-btn:hover,\n.trunc-btn.focus {\n outline: none;\n border-bottom: 0.25rem solid !important;\n margin-bottom: -0.25rem !important;\n text-decoration: none;\n cursor: pointer;\n}\n\n:host(.ic-typography-strikethrough) {\n text-decoration: line-through;\n}\n\n:host(.ic-typography-underline) {\n text-decoration: underline;\n}\n\n:host(.ic-typography-underline.ic-typography-strikethrough) {\n text-decoration: line-through underline;\n}\n\n:host(.ic-typography-italic) {\n font-style: italic !important;\n}\n\n:host(.ic-typography-bold) {\n font-weight: var(--ic-font-weight-bold);\n}\n\n:host(.ic-theme-dark),\n:host(.ic-theme-light) {\n --ic-typography-color: var(--ic-color-text-primary);\n}\n\n:host(.in-ag-grid),\n:host(.in-ag-grid) ::slotted(*) {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n@supports (text-underline-offset: 25%) {\n .trunc-btn:hover,\n .trunc-btn.focus {\n text-decoration-line: underline;\n text-decoration-thickness: 25%;\n text-underline-offset: 25%;\n border-bottom: 0 !important;\n margin-bottom: 0 !important;\n }\n}\n\n@media (prefers-color-scheme: dark) and (forced-colors: none) {\n :host,\n .trunc-btn:not(ic-tooltip) {\n color: var(--ic-typography-color);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .trunc-btn {\n transition: none;\n }\n}\n","import {\n Component,\n Prop,\n h,\n Element,\n Host,\n State,\n Watch,\n Method,\n Event,\n EventEmitter,\n} from \"@stencil/core\";\n\nimport { IcTypographyVariants, IcThemeMode } from \"../../utils/types\";\nimport { checkResizeObserver, isElInAGGrid } from \"../../utils/helpers\";\n\n@Component({\n styleUrl: \"ic-typography.css\",\n tag: \"ic-typography\",\n shadow: true,\n})\nexport class Typography {\n private focusBtnFromKeyboard: boolean = true;\n private inAGGrid: boolean = false;\n private lastMarkerTop: number = 0;\n private lastWidth: number = 0;\n private marker: HTMLElement;\n private resizeInterval: number;\n private resizeObserver: ResizeObserver | null = null;\n private truncatedHeight: number = 0;\n private truncWrapperEl?: Element;\n\n @Element() el: HTMLIcTypographyElement;\n\n @State() truncated: boolean = false;\n @State() truncButtonFocussed: boolean = false;\n\n /**\n * If `true`, appropriate top and bottom margins will be applied to the typography.\n */\n @Prop() applyVerticalMargins?: boolean = false;\n\n /**\n * If `true`, the typography will have a bold font weight.\n * Note: This will have no impact on variants that already use an equivalent or higher font weight (h1, h2, and subtitle-large).\n */\n @Prop() bold?: boolean = false;\n\n /**\n * If `true`, the typography will have an italic font style.\n */\n @Prop() italic?: boolean = false;\n\n /**\n * The number of lines to display before truncating the text, only used for the 'body' variant.\n */\n @Prop({ mutable: true }) maxLines?: number;\n\n /**\n * If `true`, the typography will have a line through it.\n */\n @Prop() strikethrough?: boolean = false;\n\n /**\n * Sets the text color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n /**\n * If `true`, the typography will have a line under it.\n */\n @Prop() underline?: boolean = false;\n\n /**\n * The ICDS typography style to use.\n */\n @Prop() variant?: IcTypographyVariants = \"body\";\n\n /**\n * @internal Emits and event when the typography truncation button has been clicked.\n */\n @Event() typographyTruncationExpandToggle: EventEmitter<{\n expanded: boolean;\n typographyEl: HTMLIcTypographyElement;\n }>;\n\n @State() expanded: boolean = false;\n\n @Watch(\"expanded\")\n watchExpandedHandler(): void {\n this.el.setAttribute(\n \"style\",\n `--truncation-max-lines: ${this.expanded ? \"initial\" : this.maxLines}`\n );\n }\n\n disconnectedCallback(): void {\n if (this.resizeObserver !== null) {\n this.resizeObserver.disconnect();\n }\n }\n /**\n * @internal This is used by data table to remove all truncation in certain events\n */\n @Method()\n async resetTruncation() {\n if (this.truncated) {\n this.truncated = false;\n this.maxLines = 0;\n this.el.removeAttribute(\"max-lines\");\n this.expanded = false;\n this.el.removeAttribute(\"style\");\n }\n }\n\n componentDidLoad(): void {\n if (\n (this.variant === \"body\" ||\n (this.el.getRootNode() as ShadowRoot)?.host?.tagName ===\n \"IC-TOOLTIP\") &&\n this.maxLines &&\n this.maxLines > 0\n ) {\n const marker = document.createElement(\"span\");\n marker.style.visibility = \"hidden\";\n this.el.appendChild(marker);\n this.marker = marker;\n this.lastWidth = this.el.clientWidth;\n this.checkMaxLines(this.el.clientHeight);\n checkResizeObserver(this.runResizeObserver);\n }\n }\n\n componentWillRender(): void {\n if (isElInAGGrid(this.el)) {\n this.inAGGrid = true;\n }\n }\n\n private toggleExpanded = (ev: Event) => {\n ev.stopPropagation();\n\n this.expanded = !this.expanded;\n this.typographyTruncationExpandToggle.emit({\n expanded: this.expanded,\n typographyEl: this.el,\n });\n };\n\n /**\n * @internal This checks if the number of lines of text exceeds the maxLines prop. If so, set the line clamp CSS to the max lines\n * @param height - text container height\n */\n\n @Method()\n async checkMaxLines(height: number) {\n //24 is the height of a single line\n const numLines = Math.floor(height / 24);\n if (this.maxLines && numLines > this.maxLines) {\n this.el.setAttribute(\"style\", `--truncation-max-lines: ${this.maxLines}`);\n this.truncatedHeight = this.el.clientHeight;\n this.truncated = true;\n }\n }\n\n /**\n * @internal This method makes it possible to set the expanded status of truncated text outside of ic-typography component\n */\n @Method()\n async setShowHideExpanded(expanded: boolean) {\n this.expanded = expanded;\n }\n\n private checkMarkerPosition = (elTop: number, markerTop: number) => {\n if (markerTop - elTop < this.truncatedHeight) {\n this.truncated = false;\n this.expanded = false;\n } else {\n this.truncated = true;\n }\n };\n\n private getElementTop = (el: HTMLElement) => {\n return el.getClientRects && el.getClientRects()[0]\n ? el.getClientRects()[0].top\n : 0;\n };\n\n private runResizeObserver = () => {\n if (this.truncWrapperEl) {\n this.resizeObserver = new ResizeObserver(() => {\n clearTimeout(this.resizeInterval);\n this.resizeInterval = window.setTimeout(\n this.resizeObserverCallback,\n 50\n );\n });\n this.resizeObserver.observe(this.truncWrapperEl);\n }\n };\n\n private resizeObserverCallback = () => {\n if (this.lastWidth === this.el.clientWidth) {\n return;\n }\n\n if (this.truncatedHeight === 0) {\n this.checkMaxLines(this.el.clientHeight);\n return;\n }\n\n const markerTop = this.getElementTop(this.marker);\n if (markerTop === this.lastMarkerTop) {\n return;\n }\n\n this.checkMarkerPosition(this.getElementTop(this.el), markerTop);\n this.lastMarkerTop = markerTop;\n this.lastWidth = this.el.clientWidth;\n };\n\n private truncButtonFocus = (): void => {\n if (this.focusBtnFromKeyboard) {\n this.truncButtonFocussed = true;\n }\n };\n\n private truncButtonBlur = (): void => {\n this.focusBtnFromKeyboard = true;\n this.truncButtonFocussed = false;\n };\n\n private truncButtonFocusFromMouse = (): void => {\n this.focusBtnFromKeyboard = false;\n };\n\n render() {\n const {\n variant,\n applyVerticalMargins,\n maxLines,\n truncated,\n expanded,\n strikethrough,\n underline,\n italic,\n bold,\n theme,\n } = this;\n\n return (\n <Host\n class={{\n [`ic-typography-${variant}`]: true,\n [`ic-typography-vertical-margins-${variant}`]: !!applyVerticalMargins,\n [\"ic-typography-bold\"]: !!bold,\n [\"ic-typography-italic\"]: !!italic,\n [\"ic-typography-strikethrough\"]: !!strikethrough,\n [\"ic-typography-underline\"]: !!underline,\n [\"in-ag-grid\"]: this.inAGGrid,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }}\n >\n {(variant === \"body\" ||\n (this.el.getRootNode() as ShadowRoot)?.host?.tagName ===\n \"IC-TOOLTIP\") &&\n maxLines &&\n maxLines > 0 ? (\n <div class=\"trunc-wrapper\" ref={(el) => (this.truncWrapperEl = el)}>\n <slot />\n </div>\n ) : (\n <slot />\n )}\n {variant === \"body\" && maxLines && maxLines > 0 && truncated && (\n <button\n class={{ \"trunc-btn\": true, focus: this.truncButtonFocussed }}\n onFocus={this.truncButtonFocus}\n onBlur={this.truncButtonBlur}\n onMouseDown={this.truncButtonFocusFromMouse}\n onClick={this.toggleExpanded}\n >\n {expanded ? \"See less\" : \"See more\"}\n </button>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
|
package/dist/core/core.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-8e4e97b4.js";export{s as setNonce}from"./p-8e4e97b4.js";import{g as i}from"./p-e1255160.js";var t=()=>{const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};t().then((async e=>{await i();return a(JSON.parse('[["p-5ac3adb9",[[1,"ic-typography",{"applyVerticalMargins":[4,"apply-vertical-margins"],"bold":[4],"italic":[4],"maxLines":[1026,"max-lines"],"strikethrough":[4],"theme":[1],"underline":[4],"variant":[1],"truncated":[32],"truncButtonFocussed":[32],"expanded":[32],"resetTruncation":[64],"checkMaxLines":[64],"setShowHideExpanded":[64]},null,{"expanded":["watchExpandedHandler"]}]]],["p-840c647f",[[17,"ic-select",{"disabled":[516],"disableAutoFiltering":[4,"disable-auto-filtering"],"emptyOptionListText":[1,"empty-option-list-text"],"form":[1],"fullWidth":[4,"full-width"],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"includeDescriptionsInSearch":[4,"include-descriptions-in-search"],"includeGroupTitlesInSearch":[4,"include-group-titles-in-search"],"label":[1],"loadingErrorLabel":[1,"loading-error-label"],"loadingLabel":[1,"loading-label"],"multiple":[4],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"searchable":[4],"searchMatchPosition":[1,"search-match-position"],"selectOnEnter":[4,"select-on-enter"],"showClearButton":[4,"show-clear-button"],"size":[1],"timeout":[2],"theme":[1],"validationAriaLive":[1,"validation-aria-live"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"],"loading":[1028],"options":[16],"debounce":[2],"value":[1025],"ariaActiveDescendant":[32],"clearButtonFocused":[32],"debounceIcInput":[32],"hiddenInputValue":[32],"noOptions":[32],"open":[32],"pressedCharacters":[32],"searchableSelectInputValue":[32],"filteredOptions":[32],"uniqueOptions":[32],"currDebounce":[32],"initialValue":[32],"inputValueToFilter":[32],"currValue":[32],"setFocus":[64]},null,{"disabled":["watchDisabledHandler"],"loading":["loadingHandler"],"options":["watchOptionsHandler"],"debounce":["debounceChangedHandler"],"value":["valueChangedHandler"],"open":["openChangedHandler"]}]]],["p-72344764",[[17,"ic-search-bar",{"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"charactersUntilSuggestion":[2,"characters-until-suggestion"],"disabled":[4],"disableAutoFiltering":[4,"disable-auto-filtering"],"debounce":[2],"emptyOptionListText":[1,"empty-option-list-text"],"focusOnLoad":[4,"focus-on-load"],"fullWidth":[4,"full-width"],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"assistiveHintText":[1,"assistive-hint-text"],"label":[1],"labelField":[1,"label-field"],"loading":[1028],"loadingErrorLabel":[1,"loading-error-label"],"loadingLabel":[1,"loading-label"],"name":[1],"placeholder":[1],"preventFormSubmitOnSearch":[4,"prevent-form-submit-on-search"],"readonly":[4],"required":[4],"searchMode":[1,"search-mode"],"size":[1],"spellcheck":[4],"theme":[1],"timeout":[2],"valueField":[1,"value-field"],"options":[16],"value":[1537],"ariaActiveDescendant":[32],"clearButtonFocused":[32],"highlightedValue":[32],"open":[32],"searchSubmitFocused":[32],"showClearButton":[32],"searchButtonType":[32],"filteredOptions":[32],"setFocus":[64]},[[0,"keydown","handleKeyDown"],[0,"keyup","handleKeyUp"]],{"charactersUntilSuggestion":["watchCharactersUntilSuggestionHandler"],"disabled":["watchDisabledHandler"],"debounce":["debounceChanged"],"loading":["loadingHandler"],"preventFormSubmitOnSearch":["preventFormSubmitOnSearchHandler"],"filteredOptions":["filteredOptionsHandler"],"options":["watchOptionsHandler"],"value":["watchValueHandler"]}]]],["p-57ce68e5",[[1,"ic-top-navigation",{"contentAligned":[1,"content-aligned"],"customMobileBreakpoint":[2,"custom-mobile-breakpoint"],"href":[1],"inline":[4],"shortAppTitle":[1,"short-app-title"],"status":[1],"theme":[1],"version":[1],"appTitle":[1,"app-title"],"deviceSize":[32],"foregroundColor":[32],"hasFullWidthSearchBar":[32],"mobileSearchBarVisible":[32],"mobileSearchHiddenOnBlur":[32],"navMenuVisible":[32],"searchButtonClick":[32],"searchValue":[32]},[[0,"icNavigationMenuClose","navBarMenuCloseHandler"],[0,"icSearchBarBlur","searchInputBlurHandler"],[0,"icChange","searchValueChangeHandler"],[4,"brandChange","brandChangeHandler"]],{"appTitle":["watchPropHandler"]}]]],["p-23dc27a8",[[1,"ic-page-header",{"aligned":[1],"border":[4],"heading":[1],"reverseOrder":[4,"reverse-order"],"size":[1],"sticky":[4],"stickyDesktopOnly":[4,"sticky-desktop-only"],"subheading":[1],"theme":[1],"actionContent":[32],"areButtonsReversed":[32],"deviceSize":[32]}]]],["p-656a9127",[[1,"ic-pagination",{"accessibleLabel":[1,"accessible-label"],"adjacentPageCount":[1026,"adjacent-page-count"],"boundaryPageCount":[1026,"boundary-page-count"],"defaultPage":[2,"default-page"],"disabled":[4],"hideCurrentPage":[4,"hide-current-page"],"hideFirstAndLastPageButton":[4,"hide-first-and-last-page-button"],"label":[1],"monochrome":[4],"pages":[2],"theme":[1],"type":[1],"currentPage":[1026,"current-page"],"endEllipsis":[32],"endItems":[32],"midItems":[32],"startEllipsis":[32],"startItems":[32],"setCurrentPage":[64]},[[0,"icPageChange","icPageChangeHandler"],[0,"paginationItemClick","paginationItemClickHandler"]],{"adjacentPageCount":["watchAdjacentPageCountHandler"],"boundaryPageCount":["watchBoundaryPageCountHandler"],"disabled":["watchDisabledHandler"],"pages":["watchNumberPagesHandler"],"type":["watchTypeHandler"],"currentPage":["watchPageChangeHandler"]}]]],["p-b5e39585",[[17,"ic-popover-menu",{"anchor":[1],"fixedPositioning":[4,"fixed-positioning"],"parentLabel":[1,"parent-label"],"parentPopover":[16],"submenuId":[1,"submenu-id"],"submenuLevel":[2,"submenu-level"],"theme":[1],"open":[1540],"openingFromChild":[32],"openingFromParent":[32],"popperProps":[32],"openFromChild":[64],"openFromParent":[64],"closeMenu":[64],"setExternalPopperProps":[64]},[[0,"handleMenuItemClick","handleMenuItemClick"],[2,"triggerPopoverMenuInstance","handleSubmenuChange"],[4,"click","handleClick"],[0,"keydown","handleKeyDown"]],{"open":["watchOpenHandler"]}]]],["p-9b60ca02",[[1,"ic-side-navigation",{"appTitle":[1,"app-title"],"closeOnNavItemClick":[4,"close-on-nav-item-click"],"collapsedIconLabels":[4,"collapsed-icon-labels"],"disableAutoParentStyling":[4,"disable-auto-parent-styling"],"disableTopBarBehaviour":[4,"disable-top-bar-behaviour"],"expanded":[4],"href":[1],"inline":[4],"shortAppTitle":[1,"short-app-title"],"static":[4],"status":[1],"version":[1],"deviceSize":[32],"deviceSizeAppTitle":[32],"foregroundColor":[32],"hasSecondaryNavigation":[32],"menuExpanded":[32],"menuOpen":[32]},[[4,"brandChange","brandChangeHandler"]],{"expanded":["watchExpandedHandler"]}]]],["p-45076d7e",[[17,"ic-tab-group",{"inline":[516],"label":[1],"monochrome":[4],"theme":[1]}]]],["p-107281c4",[[1,"ic-text-field",{"ariaActiveDescendant":[1,"aria-active-descendant"],"ariaAutocomplete":[1,"aria-autocomplete"],"ariaExpanded":[1,"aria-expanded"],"ariaOwns":[1,"aria-owns"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"fullWidth":[4,"full-width"],"helperText":[1,"helper-text"],"hideCharCount":[4,"hide-char-count"],"hideLabel":[4,"hide-label"],"hiddenInput":[4,"hidden-input"],"inputId":[1,"input-id"],"inputmode":[1],"label":[1],"max":[8],"maxCharacters":[2,"max-characters"],"maxCharactersMessage":[1,"max-characters-message"],"maxMessage":[1,"max-message"],"min":[8],"minCharacters":[2,"min-characters"],"minCharactersMessage":[1,"min-characters-message"],"minMessage":[1,"min-message"],"name":[1],"placeholder":[1],"readonly":[516],"required":[4],"resize":[4],"role":[1],"rows":[2],"size":[1],"spellcheck":[4],"theme":[1],"truncateValue":[4,"truncate-value"],"type":[1],"validationAriaLive":[1,"validation-aria-live"],"validationInline":[4,"validation-inline"],"validationInlineInternal":[4,"validation-inline-internal"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"],"debounce":[2],"value":[1537],"numChars":[32],"maxCharactersReached":[32],"maxCharactersWarning":[32],"minCharactersUnattained":[32],"maxValueExceeded":[32],"minValueUnattained":[32],"isFocussed":[32],"initialValue":[32],"setFocus":[64]},[[0,"keydown","handleKeyDown"]],{"disabled":["watchDisabledHandler"],"debounce":["debounceChanged"],"value":["watchValueHandler"]}]]],["p-7b8e5926",[[1,"ic-accordion-group",{"accessibleButtonLabel":[1,"accessible-button-label"],"theme":[1],"expanded":[1028],"label":[1],"singleExpansion":[4,"single-expansion"],"size":[1],"accordions":[32],"areAllAccordionsOpen":[32],"setFocus":[64]},[[0,"accordionClicked","handleAccordionClicked"]],{"theme":["watchThemeHandler"],"expanded":["watchExpandedHandler"]}]]],["p-a0af1b0a",[[1,"ic-alert",{"announced":[4],"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"heading":[1],"message":[1],"showDefaultIcon":[4,"show-default-icon"],"theme":[1],"titleAbove":[4,"title-above"],"variant":[1],"alertTitleWrap":[32],"visible":[32]},[[2,"icDismiss","handleClick"],[6,"icThemeChange","darkModeChangeHandler"]],{"theme":["themeChangeHandler"]}]]],["p-df029b1b",[[17,"ic-back-to-top",{"position":[1],"target":[1],"theme":[1],"variant":[1],"bannerOffset":[32],"footerVisible":[32],"targetElVisible":[32]},null,{"target":["watchPropHandler"]}]]],["p-4e43b272",[[1,"ic-dialog",{"closeOnBackdropClick":[4,"close-on-backdrop-click"],"destructive":[4],"dismissLabel":[1,"dismiss-label"],"disableHeightConstraint":[4,"disable-height-constraint"],"disableWidthConstraint":[4,"disable-width-constraint"],"hideCloseButton":[4,"hide-close-button"],"hideDefaultControls":[4,"hide-default-controls"],"heading":[1],"label":[1],"open":[1540],"size":[1],"theme":[1],"dialogRendered":[32],"fadeIn":[32],"cancelDialog":[64],"confirmDialog":[64]},[[4,"keydown","handleKeyboard"],[0,"click","handleClick"]],{"open":["watchOpenHandler"]}]]],["p-f700b759",[[17,"ic-navigation-button",{"download":[8],"href":[1],"hreflang":[1],"label":[1],"referrerpolicy":[1],"rel":[1],"target":[1],"theme":[1025],"mode":[32],"parentThemeDark":[32],"setFocus":[64]},[[4,"icNavigationMenuOpened","navBarMenuOpenHandler"],[4,"icNavigationMenuClosed","navBarMenuCloseHandler"],[4,"brandChange","brandChangeHandler"],[4,"icThemeChange","parentThemeChangeHandler"]]]]],["p-cf056074",[[1,"ic-toast",{"theme":[1],"autoDismissTimeout":[1026,"auto-dismiss-timeout"],"dismissButtonAriaLabel":[1,"dismiss-button-aria-label"],"dismissMode":[1025,"dismiss-mode"],"heading":[1],"message":[1],"neutralIconAriaLabel":[1,"neutral-icon-aria-label"],"variant":[1025],"isManual":[32],"timerProgress":[32],"visible":[32],"setVisible":[64]},[[2,"icDismiss","handleDismiss"],[4,"keydown","handleKeyboard"],[1,"mouseenter","handleTimer"],[1,"mouseleave","handleTimer"]],{"dismissMode":["dismissModeChangeHandler"],"visible":["watchVisibleHandler"]}]]],["p-c16e982c",[[17,"ic-toggle-button",{"accessibleLabel":[1,"accessible-label"],"checked":[1540],"disabled":[1028],"fullWidth":[1028,"full-width"],"iconPlacement":[1,"icon-placement"],"label":[1],"loading":[1028],"monochrome":[1028],"outline":[1028],"size":[1025],"theme":[1025],"tooltipPlacement":[1,"tooltip-placement"],"variant":[1537]},[[2,"click","handleHostClick"]],{"disabled":["watchDisabledHandler"]}]]],["p-3582c7df",[[1,"ic-checkbox-group",{"disabled":[4],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"label":[1],"name":[1],"required":[4],"size":[1],"theme":[1],"validationAriaLive":[1,"validation-aria-live"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"]},[[0,"icChange","handleChange"],[0,"icCheck","selectHandler"]],{"disabled":["watchDisabledHandler"],"label":["labelNameHandler"],"name":["labelNameHandler"],"size":["watchSizeHandler"],"theme":["watchThemeHandler"]}]]],["p-e176881a",[[1,"ic-radio-group",{"disabled":[4],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"label":[1],"name":[1],"orientation":[1],"required":[4],"size":[1],"validationAriaLive":[1,"validation-aria-live"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"],"theme":[1],"checkedValue":[32],"currentOrientation":[32],"initialOrientation":[32],"selectedChild":[32]},[[0,"icCheck","selectHandler"],[0,"icSelectedChange","changeHandler"]],{"disabled":["watchDisabledHandler"],"orientation":["orientationChangeHandler"],"theme":["watchThemeHandler"]}]]],["p-7c38dd1f",[[1,"ic-breadcrumb-group",{"backBreadcrumbOnly":[4,"back-breadcrumb-only"],"collapsed":[1028],"monochrome":[4],"theme":[1],"deviceSize":[32]},null,{"backBreadcrumbOnly":["watchBackBreadcrumbHandler"],"collapsed":["watchCollapsedHandler"],"monochrome":["watchMonochromeHandler"],"theme":["watchThemeHandler"]}]]],["p-cdbbcef4",[[1,"ic-card-vertical",{"clickable":[1028],"disabled":[4],"expandable":[4],"fullWidth":[4,"full-width"],"heading":[1],"href":[1],"hreflang":[1],"message":[1],"referrerpolicy":[1],"rel":[1],"subheading":[1],"target":[1],"theme":[1025],"areaExpanded":[32],"isFocussed":[32],"monochrome":[32],"parentEl":[32],"parentIsAnchorTag":[32],"setFocus":[64]},[[2,"click","handleHostClick"],[4,"brandChange","brandChangeHandler"]],{"disabled":["watchDisabledHandler"]}]]],["p-fdb587ab",[[17,"ic-chip",{"customColor":[1,"custom-color"],"disabled":[4],"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"fullWidth":[4,"full-width"],"label":[1],"size":[1],"theme":[1],"transparentBackground":[4,"transparent-background"],"variant":[1],"foregroundColor":[32],"hovered":[32],"visible":[32],"setFocus":[64]},[[2,"icDismiss","handleClick"]],{"customColor":["customColorHandler"],"disabled":["watchDisabledHandler"]}]]],["p-aed1c7e7",[[1,"ic-footer",{"aligned":[1],"breakpoint":[1],"caption":[1],"copyright":[4],"copyrightText":[1,"copyright-text"],"description":[1],"groupLinks":[4,"group-links"],"deviceSize":[32],"foregroundColor":[32]},[[4,"brandChange","brandChangeHandler"]]]]],["p-949d08d3",[[17,"ic-footer-link-group",{"label":[1],"expanded":[32],"deviceSize":[32],"dropdownIconStyle":[32],"small":[32]},[[4,"footerResized","footerResizeHandler"],[4,"brandChange","footerBrandChangeHandler"]]]]],["p-0301d1c8",[[1,"ic-hero",{"aligned":[1],"backgroundImage":[1,"background-image"],"contentAligned":[1,"content-aligned"],"disableBackgroundParallax":[4,"disable-background-parallax"],"heading":[1],"secondaryHeading":[1,"secondary-heading"],"secondarySubheading":[1,"secondary-subheading"],"size":[1],"subheading":[1],"theme":[1],"foregroundColor":[32],"rightContent":[32],"leftContentFullWidth":[32],"scrollFactor":[32]},[[4,"brandChange","brandChangeHandler"],[5,"scroll","doScroll"]]]]],["p-d478d13e",[[17,"ic-navigation-item",{"collapsedIconLabel":[4,"collapsed-icon-label"],"displayNavigationTooltip":[4,"display-navigation-tooltip"],"download":[8],"expandable":[4],"href":[1],"hreflang":[1],"label":[1],"rel":[1],"referrerpolicy":[1],"selected":[4],"target":[1],"theme":[1],"deviceSize":[32],"focusStyle":[32],"inTopNavSideMenu":[32],"isSideNavMobile":[32],"isTopNavChild":[32],"navigationType":[32],"parentEl":[32],"sideNavExpanded":[32],"ariaLabel":[32],"setFocus":[64]},[[4,"brandChange","brandChangeHandler"]],{"navigationType":["navigationTypeChangeHandler"]}]]],["p-0d711c6a",[[1,"ic-step",{"compactStepStyling":[1,"compact-step-styling"],"current":[1028],"icI18n":[16],"lastStep":[4,"last-step"],"lastStepNum":[2,"last-step-num"],"nextStepHeading":[1,"next-step-heading"],"progress":[2],"stepNum":[2,"step-num"],"status":[1],"subheading":[1],"heading":[1],"theme":[1],"variant":[1],"type":[1]},null,{"type":["typeChangeHandler"]}]]],["p-6aa8d3ce",[[17,"ic-switch",{"checked":[4],"disabled":[4],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"label":[1],"name":[1],"size":[1],"theme":[1],"value":[1],"checkedState":[32],"initiallyChecked":[32],"setFocus":[64]},null,{"checked":["checkedChangeHandler"],"disabled":["watchDisabledHandler"]}]]],["p-c7f8547d",[[1,"ic-accordion",{"disabled":[4],"expanded":[1028],"heading":[1],"message":[1],"size":[1],"theme":[1],"setFocus":[64]},null,{"disabled":["watchDisabledHandler"],"expanded":["handleExpandedWatch"]}]]],["p-b8c0c142",[[17,"ic-action-chip",{"disabled":[4],"download":[8],"form":[1],"formaction":[1],"formenctype":[1],"formmethod":[1],"formnovalidate":[4],"formtarget":[1],"href":[1],"hreflang":[1],"label":[1],"monochrome":[4],"referrerpolicy":[1],"rel":[1],"size":[1],"target":[1],"theme":[1],"transparentBackground":[4,"transparent-background"],"type":[1],"variant":[1],"setFocus":[64]},null,{"disabled":["watchDisabledHandler"]}]]],["p-c3f5907e",[[17,"ic-badge",{"accessibleLabel":[1,"accessible-label"],"customColor":[1,"custom-color"],"maxNumber":[2,"max-number"],"position":[1025],"size":[1],"label":[1],"theme":[1],"type":[1],"variant":[1],"visible":[4]},[[4,"icNavigationMenuOpened","navBarMenuOpenHandler"],[4,"icNavigationMenuClosed","navBarMenuCloseHandler"]],{"accessibleLabel":["accessibleLabelHandler"],"customColor":["customColorHandler"],"variant":["variantHandler"],"visible":["visibleHandler"]}]]],["p-8f45f956",[[17,"ic-checkbox",{"additionalFieldDisplay":[513,"additional-field-display"],"checked":[1540],"disabled":[4],"dynamicText":[1,"dynamic-text"],"form":[1],"groupLabel":[1025,"group-label"],"hideLabel":[4,"hide-label"],"indeterminate":[4],"label":[1],"name":[1025],"nativeIndeterminateBehaviour":[4,"native-indeterminate-behaviour"],"size":[1025],"theme":[1],"value":[1],"initiallyChecked":[32],"displayIndeterminate":[32],"setFocus":[64]},null,{"disabled":["watchDisabledHandler"],"indeterminate":["watchIndeterminateHandler"]}]]],["p-880afd4b",[[1,"ic-classification-banner",{"additionalSelectors":[1,"additional-selectors"],"classification":[1],"country":[1],"inline":[4],"upTo":[4,"up-to"]}]]],["p-ad5aca6f",[[1,"ic-data-list",{"heading":[1],"size":[1],"theme":[1]}]]],["p-45c553db",[[1,"ic-data-row",{"label":[1],"size":[1],"theme":[1],"value":[1],"deviceSize":[32],"listSize":[32]}]]],["p-ba4abeac",[[1,"ic-empty-state",{"aligned":[1],"body":[1],"maxLines":[2,"max-lines"],"heading":[1],"imageSize":[1,"image-size"],"subheading":[1],"theme":[1]}]]],["p-1fc4b88f",[[17,"ic-footer-link",{"download":[8],"href":[1],"hreflang":[1],"referrerpolicy":[1],"rel":[1],"target":[1],"deviceSize":[32],"footerConfig":[32],"foregroundColor":[32]},[[4,"footerResized","footerResizeHandler"],[4,"brandChange","footerBrandChangeHandler"]]]]],["p-ebc47282",[[1,"ic-menu-group",{"label":[1]}]]],["p-0722d7b6",[[17,"ic-navigation-group",{"expandable":[4],"expanded":[1028],"label":[1],"theme":[1],"deviceSize":[32],"dropdownOpen":[32],"focusStyle":[32],"inTopNavSideMenu":[32],"navigationType":[32],"parentEl":[32],"isSideNavExpanded":[32],"setFocus":[64]},[[0,"childBlur","childBlurHandler"],[4,"navigationGroupOpened","handleNavigationGroupOpened"],[0,"navItemClicked","navItemClickHandler"],[4,"brandChange","brandChangeHandler"]]]]],["p-d2d17d6d",[[6,"ic-radio-option",{"additionalFieldDisplay":[513,"additional-field-display"],"disabled":[4],"dynamicText":[1,"dynamic-text"],"form":[1],"groupLabel":[1,"group-label"],"label":[1],"name":[1],"theme":[1],"value":[1025],"selected":[1540],"initiallySelected":[32],"setFocus":[64],"setTabIndex":[64]},[[0,"icCheck","handleCheck"],[0,"icChange","additionalFieldValueHandler"]],{"disabled":["watchDisabledHandler"],"selected":["watchSelectedHandler"]}]]],["p-90814d32",[[1,"ic-skip-link",{"fullWidth":[4,"full-width"],"inline":[4],"label":[1],"monochrome":[4],"target":[1],"theme":[1],"transparentBackground":[4,"transparent-background"],"setFocus":[64]}]]],["p-76e8df31",[[1,"ic-status-tag",{"announced":[4],"label":[1],"size":[1],"status":[1],"theme":[1],"uppercase":[4],"variant":[1]}]]],["p-86989873",[[1,"ic-tab",{"contextId":[513,"context-id"],"disabled":[4],"monochrome":[4],"selected":[516],"tabId":[513,"tab-id"],"tabPosition":[2,"tab-position"],"theme":[1],"setFocus":[64]},null,{"disabled":["watchDisabledHandler","disabledWatchHandler"]}]]],["p-1d8559f0",[[1,"ic-layout-grid",{"aligned":[1],"columns":[2],"defaultColSpan":[2,"default-col-span"],"defaultColWidth":[1,"default-col-width"],"defaultRowSpan":[2,"default-row-span"],"fullHeight":[4,"full-height"],"gridSpacing":[2,"grid-spacing"],"rows":[2],"type":[1]},null,{"columns":["watchColumns"],"defaultColSpan":["watchDefaultColSpan"],"defaultColWidth":["watchDefaultColWidth"],"defaultRowSpan":["watchDefaultRowSpan"],"gridSpacing":["watchGridSpacing"],"rows":["watchRows"],"type":["watchType"]}]]],["p-e1814e7e",[[1,"ic-layout-grid-item",{"colSpan":[2,"col-span"],"colStart":[2,"col-start"],"hideInMobileMode":[4,"hide-in-mobile-mode"],"rowSpan":[2,"row-span"],"rowStart":[2,"row-start"]},null,{"colSpan":["watchColSpan"],"colStart":["watchColStart"],"rowSpan":["watchRowSpan"],"rowStart":["watchRowStart"]}]]],["p-8c00614c",[[1,"ic-skeleton",{"theme":[1],"variant":[1],"height":[1],"width":[1]}]]],["p-6740c915",[[1,"ic-stepper",{"aligned":[1],"connectorWidth":[2,"connector-width"],"hideStepInfo":[4,"hide-step-info"],"icI18n":[16],"theme":[1],"variant":[1025],"alignedFullWidth":[32],"autoSetStepTitles":[32],"lastStepWidth":[32],"noOfResizes":[32],"stepperWidth":[32],"stepTypes":[32],"variantOverride":[32]},null,{"theme":["handleThemeChange"],"hideStepInfo":["handlePropChange"],"variant":["handlePropChange"]}]]],["p-09c31ac6",[[4,"ic-tab-context",{"activationType":[1,"activation-type"],"contextId":[513,"context-id"],"selectedTabIndex":[2,"selected-tab-index"],"monochrome":[4],"theme":[1],"selectedTab":[32],"setFocus":[64],"tabRemovedHandler":[64]},[[0,"tabClick","tabClickHandler"],[0,"tabCreated","tabCreatedHandler"],[0,"tabPanelCreated","tabCreatedHandler"],[0,"tabEnabled","tabEnabledHandler"]],{"selectedTabIndex":["updateSelectedTab"],"monochrome":["watchMonochromeHandler"],"theme":["watchThemeHandler"]}]]],["p-889bb8db",[[1,"ic-tab-panel",{"active":[4],"monochrome":[4],"panelId":[513,"panel-id"],"selectedTab":[1,"selected-tab"],"tabPosition":[514,"tab-position"],"theme":[1]}]]],["p-276a6c8f",[[4,"ic-theme",{"brandColor":[1,"brand-color"],"theme":[1],"themeClass":[32]},null,{"brandColor":["watchBrandColorPropHandler"],"theme":["watchThemePropHandler"]}]]],["p-93e1ba0a",[[4,"ic-toast-region",{"openToast":[1040]},[[2,"icDismiss","handleDismissedToast"]],{"openToast":["watchOpenToastHandler"]}]]],["p-3c7e90a7",[[1,"ic-toggle-button-group",{"accessibleLabel":[1,"accessible-label"],"disabled":[4],"fullWidth":[4,"full-width"],"iconPlacement":[1,"icon-placement"],"loading":[4],"monochrome":[4],"outline":[4],"selectMethod":[1025,"select-method"],"selectType":[1,"select-type"],"size":[1],"theme":[1],"tooltipPlacement":[1,"tooltip-placement"],"variant":[513],"lastKeyPressed":[32],"externallySetActiveToggle":[32],"setActiveToggle":[64]},[[0,"icToggleChecked","selectHandler"]],{"disabled":["watchDisabledHandler"],"fullWidth":["watchFullWidthHandler"],"loading":["watchLoadingHandler"],"monochrome":["watchMonochromeHandler"],"outline":["watchOutlineHandler"],"size":["watchSizeHandler"],"theme":["watchThemeHandler"],"tooltipPlacement":["watchTooltipPlacementHandler"],"variant":["watchVariantHandler"]}]]],["p-1edf2689",[[17,"ic-menu-item",{"checked":[1540],"description":[1],"disabled":[4],"href":[1],"hreflang":[1],"keyboardShortcutLabel":[1,"keyboard-shortcut-label"],"label":[1],"referrerpolicy":[1],"rel":[1],"submenuTriggerFor":[1,"submenu-trigger-for"],"target":[1],"variant":[1537]},[[2,"click","handleHostClick"]],{"disabled":["watchDisabledHandler"]}]]],["p-fe0153ec",[[1,"ic-navigation-menu",{"status":[1],"theme":[1],"version":[1]},[[0,"navItemClicked","navItemClickHandler"],[4,"keydown","handleKeyDown"]]]]],["p-ec14c783",[[17,"ic-breadcrumb",{"current":[4],"href":[1],"monochrome":[4],"pageTitle":[1,"page-title"],"showBackIcon":[516,"show-back-icon"],"theme":[1],"setFocus":[64]},null,{"current":["watchCurrentHandler"]}]]],["p-81f60443",[[6,"ic-divider",{"borderStyle":[1,"border-style"],"label":[1],"labelPlacement":[1,"label-placement"],"monochrome":[4],"orientation":[1],"theme":[1025],"weight":[1],"foregroundColor":[32]},[[4,"brandChange","brandChangeHandler"]]]]],["p-0f998905",[[1,"ic-pagination-item",{"disabled":[4],"label":[1],"monochrome":[4],"page":[2],"selected":[4],"theme":[1],"type":[1],"capitalizedLabel":[32]},null,{"disabled":["watchDisabledHandler"],"label":["watchLabelHandler"]}]]],["p-0f6fd5d3",[[1,"ic-horizontal-scroll",{"appearance":[1],"monochrome":[4],"theme":[1],"focusTrigger":[1,"focus-trigger"],"firstItemVisible":[32],"itemOverflow":[32],"lastItemVisible":[32],"scrollItemIntoView":[64]}]]],["p-f5fd4a76",[[17,"ic-link",{"download":[8],"href":[1],"hreflang":[1],"monochrome":[1028],"referrerpolicy":[1],"rel":[1],"target":[1],"theme":[1025],"setFocus":[64]},[[4,"brandChange","brandChangeHandler"]]]]],["p-608b4912",[[1,"ic-section-container",{"aligned":[1],"fullHeight":[4,"full-height"]}]]],["p-a16415e4",[[2,"ic-menu",{"activationType":[1,"activation-type"],"anchorEl":[16],"autofocusOnSelected":[4,"autofocus-on-selected"],"closeOnSelect":[4,"close-on-select"],"fullWidth":[4,"full-width"],"inputEl":[16],"inputLabel":[1,"input-label"],"labelField":[1,"label-field"],"menuId":[1,"menu-id"],"multiSelect":[4,"multi-select"],"open":[516],"parentEl":[16],"searchableSelect":[4,"searchable-select"],"searchBar":[4,"search-bar"],"searchMode":[1,"search-mode"],"selectOnEnter":[4,"select-on-enter"],"size":[1],"options":[16],"value":[1],"valueField":[1,"value-field"],"focusFromSearchKeypress":[32],"initialOptionsListRender":[32],"keyboardNav":[32],"optionHighlighted":[32],"preventIncorrectTabOrder":[32],"menuOptions":[32],"popperProps":[32],"handleClickOpen":[64],"handleKeyboardOpen":[64],"handleSetFirstOption":[64],"initPopperJs":[64],"setExternalPopperProps":[64]},null,{"open":["watchOpenHandler"],"options":["watchOptionsHandler"]}],[4,"ic-input-component-container",{"disabled":[4],"fullWidth":[4,"full-width"],"multiLine":[4,"multi-line"],"readonly":[4],"size":[1],"validationInline":[4,"validation-inline"],"validationStatus":[1,"validation-status"]},null,{"disabled":["watchDisabledHandler"]}],[4,"ic-input-container",{"disabled":[4],"readonly":[4]}]]],["p-b22fc28d",[[4,"ic-input-validation",{"ariaLiveMode":[1,"aria-live-mode"],"for":[1],"fullWidth":[4,"full-width"],"message":[1],"status":[1]},null,{"message":["watchMessageHandler"]}],[4,"ic-input-label",{"disabled":[4],"for":[1],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"label":[1],"readonly":[4],"required":[4],"status":[1],"useLabelTag":[4,"use-label-tag"]}]]],["p-8b1567c9",[[17,"ic-button",{"accept":[1],"ariaControlsId":[8,"aria-controls-id"],"ariaOwnsId":[8,"aria-owns-id"],"disabled":[4],"disableTooltip":[4,"disable-tooltip"],"download":[8],"dropdown":[4],"dropdownExpanded":[1540,"dropdown-expanded"],"fileUpload":[4,"file-upload"],"fileInputName":[1,"file-input-name"],"form":[1],"formaction":[1],"formenctype":[1],"formmethod":[1],"formnovalidate":[4],"formtarget":[1],"fullWidth":[4,"full-width"],"href":[1],"hreflang":[1],"loading":[4],"monochrome":[1028],"multiple":[4],"referrerpolicy":[1],"rel":[1],"selectedFiles":[16],"size":[1],"target":[1],"theme":[1025],"tooltipFixedPositioning":[4,"tooltip-fixed-positioning"],"tooltipPlacement":[1,"tooltip-placement"],"transparentBackground":[4,"transparent-background"],"type":[1],"variant":[1025],"ariaLabel":[32],"describedbyNode":[32],"title":[32],"setFocus":[64]},[[2,"click","handleHostClick"],[4,"brandChange","brandChangeHandler"]],{"describedbyNode":["watchDescribedbyNodeHandler"],"disabled":["watchDisabledHandler"],"variant":["watchVariantHandler"]}],[1,"ic-loading-indicator",{"description":[1],"fullWidth":[516,"full-width"],"innerLabel":[2,"inner-label"],"label":[1],"labelDuration":[2,"label-duration"],"max":[2],"min":[2],"monochrome":[4],"progress":[2],"size":[513],"theme":[1],"type":[513],"circularDiameter":[32],"circularLineWidth":[32],"circularDimensions":[32],"indicatorLabel":[32],"clipInnerElement":[32],"internalType":[32]},null,{"label":["watchPropHandler"],"max":["handleProgressChange"],"min":["handleProgressChange"],"progress":["handleProgressChange"],"size":["handleIconSize"],"type":["setIndicatorDimensions"]}],[1,"ic-tooltip",{"disableClick":[4,"disable-click"],"disableHover":[4,"disable-hover"],"fixedPositioning":[4,"fixed-positioning"],"maxLines":[2,"max-lines"],"placement":[1],"silent":[4],"target":[513],"theme":[1],"label":[1],"popperProps":[32],"setExternalPopperProps":[64],"displayTooltip":[64],"isTooltipVisible":[64]},null,{"disableClick":["watchDisableClickHandler"],"disableHover":["watchDisableHoverHandler"],"label":["watchLabelHandler"]}]]]]'),e)}));
|
|
1
|
+
import{p as e,b as a}from"./p-8e4e97b4.js";export{s as setNonce}from"./p-8e4e97b4.js";import{g as i}from"./p-e1255160.js";var l=()=>{const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};l().then((async e=>{await i();return a(JSON.parse('[["p-8fe4e0ad",[[17,"ic-select",{"disabled":[516],"disableAutoFiltering":[4,"disable-auto-filtering"],"emptyOptionListText":[1,"empty-option-list-text"],"form":[1],"fullWidth":[4,"full-width"],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"includeDescriptionsInSearch":[4,"include-descriptions-in-search"],"includeGroupTitlesInSearch":[4,"include-group-titles-in-search"],"label":[1],"loadingErrorLabel":[1,"loading-error-label"],"loadingLabel":[1,"loading-label"],"multiple":[4],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"searchable":[4],"searchMatchPosition":[1,"search-match-position"],"selectOnEnter":[4,"select-on-enter"],"showClearButton":[4,"show-clear-button"],"size":[1],"timeout":[2],"theme":[1],"validationAriaLive":[1,"validation-aria-live"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"],"loading":[1028],"options":[16],"debounce":[2],"value":[1025],"ariaActiveDescendant":[32],"clearButtonFocused":[32],"debounceIcInput":[32],"hiddenInputValue":[32],"noOptions":[32],"open":[32],"pressedCharacters":[32],"searchableSelectInputValue":[32],"filteredOptions":[32],"uniqueOptions":[32],"currDebounce":[32],"initialValue":[32],"inputValueToFilter":[32],"currValue":[32],"setFocus":[64]},null,{"disabled":["watchDisabledHandler"],"loading":["loadingHandler"],"options":["watchOptionsHandler"],"debounce":["debounceChangedHandler"],"value":["valueChangedHandler"],"open":["openChangedHandler"]}]]],["p-4aadabc8",[[17,"ic-search-bar",{"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"charactersUntilSuggestion":[2,"characters-until-suggestion"],"disabled":[4],"disableAutoFiltering":[4,"disable-auto-filtering"],"debounce":[2],"emptyOptionListText":[1,"empty-option-list-text"],"focusOnLoad":[4,"focus-on-load"],"fullWidth":[4,"full-width"],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"assistiveHintText":[1,"assistive-hint-text"],"label":[1],"labelField":[1,"label-field"],"loading":[1028],"loadingErrorLabel":[1,"loading-error-label"],"loadingLabel":[1,"loading-label"],"name":[1],"placeholder":[1],"preventFormSubmitOnSearch":[4,"prevent-form-submit-on-search"],"readonly":[4],"required":[4],"searchMode":[1,"search-mode"],"size":[1],"spellcheck":[4],"theme":[1],"timeout":[2],"valueField":[1,"value-field"],"options":[16],"value":[1537],"ariaActiveDescendant":[32],"clearButtonFocused":[32],"highlightedValue":[32],"open":[32],"searchSubmitFocused":[32],"showClearButton":[32],"searchButtonType":[32],"filteredOptions":[32],"setFocus":[64]},[[0,"keydown","handleKeyDown"],[0,"keyup","handleKeyUp"]],{"charactersUntilSuggestion":["watchCharactersUntilSuggestionHandler"],"disabled":["watchDisabledHandler"],"debounce":["debounceChanged"],"loading":["loadingHandler"],"preventFormSubmitOnSearch":["preventFormSubmitOnSearchHandler"],"filteredOptions":["filteredOptionsHandler"],"options":["watchOptionsHandler"],"value":["watchValueHandler"]}]]],["p-9a4e067f",[[1,"ic-top-navigation",{"contentAligned":[1,"content-aligned"],"customMobileBreakpoint":[2,"custom-mobile-breakpoint"],"href":[1],"inline":[4],"shortAppTitle":[1,"short-app-title"],"status":[1],"theme":[1],"version":[1],"appTitle":[1,"app-title"],"deviceSize":[32],"foregroundColor":[32],"hasFullWidthSearchBar":[32],"mobileSearchBarVisible":[32],"mobileSearchHiddenOnBlur":[32],"navMenuVisible":[32],"searchButtonClick":[32],"searchValue":[32]},[[0,"icNavigationMenuClose","navBarMenuCloseHandler"],[0,"icSearchBarBlur","searchInputBlurHandler"],[0,"icChange","searchValueChangeHandler"],[4,"brandChange","brandChangeHandler"]],{"appTitle":["watchPropHandler"]}]]],["p-43cc0f1d",[[1,"ic-page-header",{"aligned":[1],"border":[4],"heading":[1],"reverseOrder":[4,"reverse-order"],"size":[1],"sticky":[4],"stickyDesktopOnly":[4,"sticky-desktop-only"],"subheading":[1],"theme":[1],"actionContent":[32],"areButtonsReversed":[32],"deviceSize":[32]}]]],["p-808e1ef5",[[1,"ic-pagination",{"accessibleLabel":[1,"accessible-label"],"adjacentPageCount":[1026,"adjacent-page-count"],"boundaryPageCount":[1026,"boundary-page-count"],"defaultPage":[2,"default-page"],"disabled":[4],"hideCurrentPage":[4,"hide-current-page"],"hideFirstAndLastPageButton":[4,"hide-first-and-last-page-button"],"label":[1],"monochrome":[4],"pages":[2],"theme":[1],"type":[1],"currentPage":[1026,"current-page"],"endEllipsis":[32],"endItems":[32],"midItems":[32],"startEllipsis":[32],"startItems":[32],"setCurrentPage":[64]},[[0,"icPageChange","icPageChangeHandler"],[0,"paginationItemClick","paginationItemClickHandler"]],{"adjacentPageCount":["watchAdjacentPageCountHandler"],"boundaryPageCount":["watchBoundaryPageCountHandler"],"disabled":["watchDisabledHandler"],"pages":["watchNumberPagesHandler"],"type":["watchTypeHandler"],"currentPage":["watchPageChangeHandler"]}]]],["p-a3dea729",[[17,"ic-popover-menu",{"anchor":[1],"fixedPositioning":[4,"fixed-positioning"],"parentLabel":[1,"parent-label"],"parentPopover":[16],"submenuId":[1,"submenu-id"],"submenuLevel":[2,"submenu-level"],"theme":[1],"open":[1540],"openingFromChild":[32],"openingFromParent":[32],"popperProps":[32],"openFromChild":[64],"openFromParent":[64],"closeMenu":[64],"setExternalPopperProps":[64]},[[0,"handleMenuItemClick","handleMenuItemClick"],[2,"triggerPopoverMenuInstance","handleSubmenuChange"],[4,"click","handleClick"],[0,"keydown","handleKeyDown"]],{"open":["watchOpenHandler"]}]]],["p-c5b9519d",[[1,"ic-side-navigation",{"appTitle":[1,"app-title"],"closeOnNavItemClick":[4,"close-on-nav-item-click"],"collapsedIconLabels":[4,"collapsed-icon-labels"],"disableAutoParentStyling":[4,"disable-auto-parent-styling"],"disableTopBarBehaviour":[4,"disable-top-bar-behaviour"],"expanded":[4],"href":[1],"inline":[4],"shortAppTitle":[1,"short-app-title"],"static":[4],"status":[1],"version":[1],"deviceSize":[32],"deviceSizeAppTitle":[32],"foregroundColor":[32],"hasSecondaryNavigation":[32],"menuExpanded":[32],"menuOpen":[32]},[[4,"brandChange","brandChangeHandler"]],{"expanded":["watchExpandedHandler"]}]]],["p-0d7fd892",[[17,"ic-tab-group",{"inline":[516],"label":[1],"monochrome":[4],"theme":[1]}]]],["p-d1730d4d",[[1,"ic-text-field",{"ariaActiveDescendant":[1,"aria-active-descendant"],"ariaAutocomplete":[1,"aria-autocomplete"],"ariaExpanded":[1,"aria-expanded"],"ariaOwns":[1,"aria-owns"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"fullWidth":[4,"full-width"],"helperText":[1,"helper-text"],"hideCharCount":[4,"hide-char-count"],"hideLabel":[4,"hide-label"],"hiddenInput":[4,"hidden-input"],"inputId":[1,"input-id"],"inputmode":[1],"label":[1],"max":[8],"maxCharacters":[2,"max-characters"],"maxCharactersMessage":[1,"max-characters-message"],"maxMessage":[1,"max-message"],"min":[8],"minCharacters":[2,"min-characters"],"minCharactersMessage":[1,"min-characters-message"],"minMessage":[1,"min-message"],"name":[1],"placeholder":[1],"readonly":[516],"required":[4],"resize":[4],"role":[1],"rows":[2],"size":[1],"spellcheck":[4],"theme":[1],"truncateValue":[4,"truncate-value"],"type":[1],"validationAriaLive":[1,"validation-aria-live"],"validationInline":[4,"validation-inline"],"validationInlineInternal":[4,"validation-inline-internal"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"],"debounce":[2],"value":[1537],"numChars":[32],"maxCharactersReached":[32],"maxCharactersWarning":[32],"minCharactersUnattained":[32],"maxValueExceeded":[32],"minValueUnattained":[32],"isFocussed":[32],"initialValue":[32],"setFocus":[64]},[[0,"keydown","handleKeyDown"]],{"disabled":["watchDisabledHandler"],"debounce":["debounceChanged"],"value":["watchValueHandler"]}]]],["p-7b8e5926",[[1,"ic-accordion-group",{"accessibleButtonLabel":[1,"accessible-button-label"],"theme":[1],"expanded":[1028],"label":[1],"singleExpansion":[4,"single-expansion"],"size":[1],"accordions":[32],"areAllAccordionsOpen":[32],"setFocus":[64]},[[0,"accordionClicked","handleAccordionClicked"]],{"theme":["watchThemeHandler"],"expanded":["watchExpandedHandler"]}]]],["p-a0af1b0a",[[1,"ic-alert",{"announced":[4],"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"heading":[1],"message":[1],"showDefaultIcon":[4,"show-default-icon"],"theme":[1],"titleAbove":[4,"title-above"],"variant":[1],"alertTitleWrap":[32],"visible":[32]},[[2,"icDismiss","handleClick"],[6,"icThemeChange","darkModeChangeHandler"]],{"theme":["themeChangeHandler"]}]]],["p-f3406b42",[[17,"ic-back-to-top",{"position":[1],"target":[1],"theme":[1],"variant":[1],"bannerOffset":[32],"footerVisible":[32],"targetElVisible":[32]},null,{"target":["watchPropHandler"]}]]],["p-a03bb31c",[[1,"ic-dialog",{"closeOnBackdropClick":[4,"close-on-backdrop-click"],"destructive":[4],"dismissLabel":[1,"dismiss-label"],"disableHeightConstraint":[4,"disable-height-constraint"],"disableWidthConstraint":[4,"disable-width-constraint"],"hideCloseButton":[4,"hide-close-button"],"hideDefaultControls":[4,"hide-default-controls"],"heading":[1],"label":[1],"open":[1540],"size":[1],"theme":[1],"dialogRendered":[32],"fadeIn":[32],"cancelDialog":[64],"confirmDialog":[64]},[[4,"keydown","handleKeyboard"],[0,"click","handleClick"]],{"open":["watchOpenHandler"]}]]],["p-f700b759",[[17,"ic-navigation-button",{"download":[8],"href":[1],"hreflang":[1],"label":[1],"referrerpolicy":[1],"rel":[1],"target":[1],"theme":[1025],"mode":[32],"parentThemeDark":[32],"setFocus":[64]},[[4,"icNavigationMenuOpened","navBarMenuOpenHandler"],[4,"icNavigationMenuClosed","navBarMenuCloseHandler"],[4,"brandChange","brandChangeHandler"],[4,"icThemeChange","parentThemeChangeHandler"]]]]],["p-2af89564",[[1,"ic-toast",{"theme":[1],"autoDismissTimeout":[1026,"auto-dismiss-timeout"],"dismissButtonAriaLabel":[1,"dismiss-button-aria-label"],"dismissMode":[1025,"dismiss-mode"],"heading":[1],"message":[1],"neutralIconAriaLabel":[1,"neutral-icon-aria-label"],"variant":[1025],"isManual":[32],"timerProgress":[32],"visible":[32],"setVisible":[64]},[[2,"icDismiss","handleDismiss"],[4,"keydown","handleKeyboard"],[1,"mouseenter","handleTimer"],[1,"mouseleave","handleTimer"]],{"dismissMode":["dismissModeChangeHandler"],"visible":["watchVisibleHandler"]}]]],["p-0aba9e31",[[17,"ic-toggle-button",{"accessibleLabel":[1,"accessible-label"],"checked":[1540],"disabled":[1028],"fullWidth":[1028,"full-width"],"iconPlacement":[1,"icon-placement"],"label":[1],"loading":[1028],"monochrome":[1028],"outline":[1028],"size":[1025],"theme":[1025],"tooltipPlacement":[1,"tooltip-placement"],"variant":[1537]},[[2,"click","handleHostClick"]],{"disabled":["watchDisabledHandler"]}]]],["p-99951365",[[1,"ic-checkbox-group",{"disabled":[4],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"label":[1],"name":[1],"required":[4],"size":[1],"theme":[1],"validationAriaLive":[1,"validation-aria-live"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"]},[[0,"icChange","handleChange"],[0,"icCheck","selectHandler"]],{"disabled":["watchDisabledHandler"],"label":["labelNameHandler"],"name":["labelNameHandler"],"size":["watchSizeHandler"],"theme":["watchThemeHandler"]}]]],["p-99687bce",[[1,"ic-radio-group",{"disabled":[4],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"label":[1],"name":[1],"orientation":[1],"required":[4],"size":[1],"validationAriaLive":[1,"validation-aria-live"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"],"theme":[1],"checkedValue":[32],"currentOrientation":[32],"initialOrientation":[32],"selectedChild":[32]},[[0,"icCheck","selectHandler"],[0,"icSelectedChange","changeHandler"]],{"disabled":["watchDisabledHandler"],"orientation":["orientationChangeHandler"],"theme":["watchThemeHandler"]}]]],["p-a1b2f483",[[1,"ic-breadcrumb-group",{"backBreadcrumbOnly":[4,"back-breadcrumb-only"],"collapsed":[1028],"monochrome":[4],"theme":[1],"deviceSize":[32]},null,{"backBreadcrumbOnly":["watchBackBreadcrumbHandler"],"collapsed":["watchCollapsedHandler"],"monochrome":["watchMonochromeHandler"],"theme":["watchThemeHandler"]}]]],["p-cfd43558",[[1,"ic-card-vertical",{"clickable":[1028],"disabled":[4],"expandable":[4],"fullWidth":[4,"full-width"],"heading":[1],"href":[1],"hreflang":[1],"message":[1],"referrerpolicy":[1],"rel":[1],"subheading":[1],"target":[1],"theme":[1025],"areaExpanded":[32],"isFocussed":[32],"monochrome":[32],"parentEl":[32],"parentIsAnchorTag":[32],"setFocus":[64]},[[2,"click","handleHostClick"],[4,"brandChange","brandChangeHandler"]],{"disabled":["watchDisabledHandler"]}]]],["p-fdb587ab",[[17,"ic-chip",{"customColor":[1,"custom-color"],"disabled":[4],"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"fullWidth":[4,"full-width"],"label":[1],"size":[1],"theme":[1],"transparentBackground":[4,"transparent-background"],"variant":[1],"foregroundColor":[32],"hovered":[32],"visible":[32],"setFocus":[64]},[[2,"icDismiss","handleClick"]],{"customColor":["customColorHandler"],"disabled":["watchDisabledHandler"]}]]],["p-aed1c7e7",[[1,"ic-footer",{"aligned":[1],"breakpoint":[1],"caption":[1],"copyright":[4],"copyrightText":[1,"copyright-text"],"description":[1],"groupLinks":[4,"group-links"],"deviceSize":[32],"foregroundColor":[32]},[[4,"brandChange","brandChangeHandler"]]]]],["p-949d08d3",[[17,"ic-footer-link-group",{"label":[1],"expanded":[32],"deviceSize":[32],"dropdownIconStyle":[32],"small":[32]},[[4,"footerResized","footerResizeHandler"],[4,"brandChange","footerBrandChangeHandler"]]]]],["p-07075461",[[1,"ic-hero",{"aligned":[1],"backgroundImage":[1,"background-image"],"contentAligned":[1,"content-aligned"],"disableBackgroundParallax":[4,"disable-background-parallax"],"heading":[1],"secondaryHeading":[1,"secondary-heading"],"secondarySubheading":[1,"secondary-subheading"],"size":[1],"subheading":[1],"theme":[1],"foregroundColor":[32],"rightContent":[32],"leftContentFullWidth":[32],"scrollFactor":[32]},[[4,"brandChange","brandChangeHandler"],[5,"scroll","doScroll"]]]]],["p-812c5e61",[[17,"ic-navigation-item",{"collapsedIconLabel":[4,"collapsed-icon-label"],"displayNavigationTooltip":[4,"display-navigation-tooltip"],"download":[8],"expandable":[4],"href":[1],"hreflang":[1],"label":[1],"rel":[1],"referrerpolicy":[1],"selected":[4],"target":[1],"theme":[1],"deviceSize":[32],"focusStyle":[32],"inTopNavSideMenu":[32],"isSideNavMobile":[32],"isTopNavChild":[32],"navigationType":[32],"parentEl":[32],"sideNavExpanded":[32],"ariaLabel":[32],"setFocus":[64]},[[4,"brandChange","brandChangeHandler"]],{"navigationType":["navigationTypeChangeHandler"]}]]],["p-79949920",[[1,"ic-step",{"compactStepStyling":[1,"compact-step-styling"],"current":[1028],"icI18n":[16],"lastStep":[4,"last-step"],"lastStepNum":[2,"last-step-num"],"nextStepHeading":[1,"next-step-heading"],"progress":[2],"stepNum":[2,"step-num"],"status":[1],"subheading":[1],"heading":[1],"theme":[1],"variant":[1],"type":[1]},null,{"type":["typeChangeHandler"]}]]],["p-ded4cd76",[[17,"ic-switch",{"checked":[4],"disabled":[4],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"label":[1],"name":[1],"size":[1],"theme":[1],"value":[1],"checkedState":[32],"initiallyChecked":[32],"setFocus":[64]},null,{"checked":["checkedChangeHandler"],"disabled":["watchDisabledHandler"]}]]],["p-4aa56990",[[1,"ic-accordion",{"disabled":[4],"expanded":[1028],"heading":[1],"message":[1],"size":[1],"theme":[1],"setFocus":[64]},null,{"disabled":["watchDisabledHandler"],"expanded":["handleExpandedWatch"]}]]],["p-b8c0c142",[[17,"ic-action-chip",{"disabled":[4],"download":[8],"form":[1],"formaction":[1],"formenctype":[1],"formmethod":[1],"formnovalidate":[4],"formtarget":[1],"href":[1],"hreflang":[1],"label":[1],"monochrome":[4],"referrerpolicy":[1],"rel":[1],"size":[1],"target":[1],"theme":[1],"transparentBackground":[4,"transparent-background"],"type":[1],"variant":[1],"setFocus":[64]},null,{"disabled":["watchDisabledHandler"]}]]],["p-a674b13b",[[17,"ic-badge",{"accessibleLabel":[1,"accessible-label"],"customColor":[1,"custom-color"],"maxNumber":[2,"max-number"],"position":[1025],"size":[1],"label":[1],"theme":[1],"type":[1],"variant":[1],"visible":[4]},[[4,"icNavigationMenuOpened","navBarMenuOpenHandler"],[4,"icNavigationMenuClosed","navBarMenuCloseHandler"]],{"accessibleLabel":["accessibleLabelHandler"],"customColor":["customColorHandler"],"variant":["variantHandler"],"visible":["visibleHandler"]}]]],["p-b4e322fe",[[1,"ic-card-horizontal",{"clickable":[1028],"density":[1],"disabled":[4],"heading":[1],"href":[1],"hreflang":[1],"message":[1],"referrerpolicy":[1],"rel":[1],"size":[1],"subheading":[1],"target":[1],"theme":[1],"appearance":[32],"isFocussed":[32],"parentEl":[32],"parentIsAnchorTag":[32],"setFocus":[64]},[[2,"click","handleHostClick"],[4,"brandChange","brandChangeHandler"]],{"disabled":["watchDisabledHandler"]}]]],["p-96bc7d24",[[17,"ic-checkbox",{"additionalFieldDisplay":[513,"additional-field-display"],"checked":[1540],"disabled":[4],"dynamicText":[1,"dynamic-text"],"form":[1],"groupLabel":[1025,"group-label"],"hideLabel":[4,"hide-label"],"indeterminate":[4],"label":[1],"name":[1025],"nativeIndeterminateBehaviour":[4,"native-indeterminate-behaviour"],"size":[1025],"theme":[1],"value":[1],"initiallyChecked":[32],"displayIndeterminate":[32],"setFocus":[64]},null,{"disabled":["watchDisabledHandler"],"indeterminate":["watchIndeterminateHandler"]}]]],["p-880afd4b",[[1,"ic-classification-banner",{"additionalSelectors":[1,"additional-selectors"],"classification":[1],"country":[1],"inline":[4],"upTo":[4,"up-to"]}]]],["p-ea890d3d",[[1,"ic-data-list",{"heading":[1],"size":[1],"theme":[1]}]]],["p-208f470f",[[1,"ic-data-row",{"label":[1],"size":[1],"theme":[1],"value":[1],"deviceSize":[32],"listSize":[32]}]]],["p-85e15d01",[[1,"ic-empty-state",{"aligned":[1],"body":[1],"maxLines":[2,"max-lines"],"heading":[1],"imageSize":[1,"image-size"],"subheading":[1],"theme":[1]}]]],["p-d25d0aad",[[17,"ic-footer-link",{"download":[8],"href":[1],"hreflang":[1],"referrerpolicy":[1],"rel":[1],"target":[1],"deviceSize":[32],"footerConfig":[32],"foregroundColor":[32]},[[4,"footerResized","footerResizeHandler"],[4,"brandChange","footerBrandChangeHandler"]]]]],["p-0da2caa2",[[1,"ic-menu-group",{"label":[1]}]]],["p-716e7eaf",[[17,"ic-navigation-group",{"expandable":[4],"expanded":[1028],"label":[1],"theme":[1],"deviceSize":[32],"dropdownOpen":[32],"focusStyle":[32],"inTopNavSideMenu":[32],"navigationType":[32],"parentEl":[32],"isSideNavExpanded":[32],"setFocus":[64]},[[0,"childBlur","childBlurHandler"],[4,"navigationGroupOpened","handleNavigationGroupOpened"],[0,"navItemClicked","navItemClickHandler"],[4,"brandChange","brandChangeHandler"]]]]],["p-f0ecb80b",[[6,"ic-radio-option",{"additionalFieldDisplay":[513,"additional-field-display"],"disabled":[4],"dynamicText":[1,"dynamic-text"],"form":[1],"groupLabel":[1,"group-label"],"label":[1],"name":[1],"theme":[1],"value":[1025],"selected":[1540],"initiallySelected":[32],"setFocus":[64],"setTabIndex":[64]},[[0,"icCheck","handleCheck"],[0,"icChange","additionalFieldValueHandler"]],{"disabled":["watchDisabledHandler"],"selected":["watchSelectedHandler"]}]]],["p-387b7bca",[[1,"ic-skip-link",{"fullWidth":[4,"full-width"],"inline":[4],"label":[1],"monochrome":[4],"target":[1],"theme":[1],"transparentBackground":[4,"transparent-background"],"setFocus":[64]}]]],["p-f6de08fb",[[1,"ic-status-tag",{"announced":[4],"label":[1],"size":[1],"status":[1],"theme":[1],"uppercase":[4],"variant":[1]}]]],["p-3021290f",[[1,"ic-tab",{"contextId":[513,"context-id"],"disabled":[4],"monochrome":[4],"selected":[516],"tabId":[513,"tab-id"],"tabPosition":[2,"tab-position"],"theme":[1],"setFocus":[64]},null,{"disabled":["watchDisabledHandler","disabledWatchHandler"]}]]],["p-c156e6e9",[[1,"ic-layout-grid",{"aligned":[1],"columns":[2],"defaultColSpan":[2,"default-col-span"],"defaultColWidth":[1,"default-col-width"],"defaultRowSpan":[2,"default-row-span"],"fullHeight":[4,"full-height"],"gridSpacing":[2,"grid-spacing"],"rows":[2],"type":[1]},null,{"columns":["watchColumns"],"defaultColSpan":["watchDefaultColSpan"],"defaultColWidth":["watchDefaultColWidth"],"defaultRowSpan":["watchDefaultRowSpan"],"gridSpacing":["watchGridSpacing"],"rows":["watchRows"],"type":["watchType"]}]]],["p-cad23b7d",[[1,"ic-layout-grid-item",{"colSpan":[2,"col-span"],"colStart":[2,"col-start"],"hideInMobileMode":[4,"hide-in-mobile-mode"],"rowSpan":[2,"row-span"],"rowStart":[2,"row-start"]},null,{"colSpan":["watchColSpan"],"colStart":["watchColStart"],"rowSpan":["watchRowSpan"],"rowStart":["watchRowStart"]}]]],["p-707ae6e9",[[1,"ic-skeleton",{"theme":[1],"variant":[1],"height":[1],"width":[1]}]]],["p-2ca7f050",[[1,"ic-stepper",{"aligned":[1],"connectorWidth":[2,"connector-width"],"hideStepInfo":[4,"hide-step-info"],"icI18n":[16],"theme":[1],"variant":[1025],"alignedFullWidth":[32],"autoSetStepTitles":[32],"lastStepWidth":[32],"noOfResizes":[32],"stepperWidth":[32],"stepTypes":[32],"variantOverride":[32]},null,{"theme":["handleThemeChange"],"hideStepInfo":["handlePropChange"],"variant":["handlePropChange"]}]]],["p-7f279c8a",[[4,"ic-tab-context",{"activationType":[1,"activation-type"],"contextId":[513,"context-id"],"selectedTabIndex":[2,"selected-tab-index"],"monochrome":[4],"theme":[1],"selectedTab":[32],"setFocus":[64],"tabRemovedHandler":[64]},[[0,"tabClick","tabClickHandler"],[0,"tabCreated","tabCreatedHandler"],[0,"tabPanelCreated","tabCreatedHandler"],[0,"tabEnabled","tabEnabledHandler"]],{"selectedTabIndex":["updateSelectedTab"],"monochrome":["watchMonochromeHandler"],"theme":["watchThemeHandler"]}]]],["p-feef7c2c",[[1,"ic-tab-panel",{"active":[4],"monochrome":[4],"panelId":[513,"panel-id"],"selectedTab":[1,"selected-tab"],"tabPosition":[514,"tab-position"],"theme":[1]}]]],["p-8da90b72",[[4,"ic-theme",{"brandColor":[1,"brand-color"],"theme":[1],"themeClass":[32]},null,{"brandColor":["watchBrandColorPropHandler"],"theme":["watchThemePropHandler"]}]]],["p-a851eb65",[[4,"ic-toast-region",{"openToast":[1040]},[[2,"icDismiss","handleDismissedToast"]],{"openToast":["watchOpenToastHandler"]}]]],["p-780babc0",[[1,"ic-toggle-button-group",{"accessibleLabel":[1,"accessible-label"],"disabled":[4],"fullWidth":[4,"full-width"],"iconPlacement":[1,"icon-placement"],"loading":[4],"monochrome":[4],"outline":[4],"selectMethod":[1025,"select-method"],"selectType":[1,"select-type"],"size":[1],"theme":[1],"tooltipPlacement":[1,"tooltip-placement"],"variant":[513],"lastKeyPressed":[32],"externallySetActiveToggle":[32],"setActiveToggle":[64]},[[0,"icToggleChecked","selectHandler"]],{"disabled":["watchDisabledHandler"],"fullWidth":["watchFullWidthHandler"],"loading":["watchLoadingHandler"],"monochrome":["watchMonochromeHandler"],"outline":["watchOutlineHandler"],"size":["watchSizeHandler"],"theme":["watchThemeHandler"],"tooltipPlacement":["watchTooltipPlacementHandler"],"variant":["watchVariantHandler"]}]]],["p-1590fd69",[[1,"ic-typography",{"applyVerticalMargins":[4,"apply-vertical-margins"],"bold":[4],"italic":[4],"maxLines":[1026,"max-lines"],"strikethrough":[4],"theme":[1],"underline":[4],"variant":[1],"truncated":[32],"truncButtonFocussed":[32],"expanded":[32],"resetTruncation":[64],"checkMaxLines":[64],"setShowHideExpanded":[64]},null,{"expanded":["watchExpandedHandler"]}]]],["p-1edf2689",[[17,"ic-menu-item",{"checked":[1540],"description":[1],"disabled":[4],"href":[1],"hreflang":[1],"keyboardShortcutLabel":[1,"keyboard-shortcut-label"],"label":[1],"referrerpolicy":[1],"rel":[1],"submenuTriggerFor":[1,"submenu-trigger-for"],"target":[1],"variant":[1537]},[[2,"click","handleHostClick"]],{"disabled":["watchDisabledHandler"]}]]],["p-94916588",[[1,"ic-navigation-menu",{"status":[1],"theme":[1],"version":[1]},[[0,"navItemClicked","navItemClickHandler"],[4,"keydown","handleKeyDown"]]]]],["p-ec14c783",[[17,"ic-breadcrumb",{"current":[4],"href":[1],"monochrome":[4],"pageTitle":[1,"page-title"],"showBackIcon":[516,"show-back-icon"],"theme":[1],"setFocus":[64]},null,{"current":["watchCurrentHandler"]}]]],["p-dce11b9d",[[6,"ic-divider",{"borderStyle":[1,"border-style"],"label":[1],"labelPlacement":[1,"label-placement"],"monochrome":[4],"orientation":[1],"theme":[1025],"weight":[1],"foregroundColor":[32]},[[4,"brandChange","brandChangeHandler"]]]]],["p-db17a793",[[1,"ic-pagination-item",{"disabled":[4],"label":[1],"monochrome":[4],"page":[2],"selected":[4],"theme":[1],"type":[1],"capitalizedLabel":[32]},null,{"disabled":["watchDisabledHandler"],"label":["watchLabelHandler"]}]]],["p-41a5da12",[[1,"ic-horizontal-scroll",{"appearance":[1],"monochrome":[4],"theme":[1],"focusTrigger":[1,"focus-trigger"],"firstItemVisible":[32],"itemOverflow":[32],"lastItemVisible":[32],"scrollItemIntoView":[64]}]]],["p-04c77b2d",[[17,"ic-link",{"download":[8],"href":[1],"hreflang":[1],"monochrome":[1028],"referrerpolicy":[1],"rel":[1],"target":[1],"theme":[1025],"setFocus":[64]},[[4,"brandChange","brandChangeHandler"]]]]],["p-78a54069",[[1,"ic-section-container",{"aligned":[1],"fullHeight":[4,"full-height"]}]]],["p-29b61bb5",[[2,"ic-menu",{"activationType":[1,"activation-type"],"anchorEl":[16],"autofocusOnSelected":[4,"autofocus-on-selected"],"closeOnSelect":[4,"close-on-select"],"fullWidth":[4,"full-width"],"inputEl":[16],"inputLabel":[1,"input-label"],"labelField":[1,"label-field"],"menuId":[1,"menu-id"],"multiSelect":[4,"multi-select"],"open":[516],"parentEl":[16],"searchableSelect":[4,"searchable-select"],"searchBar":[4,"search-bar"],"searchMode":[1,"search-mode"],"selectOnEnter":[4,"select-on-enter"],"size":[1],"options":[16],"value":[1],"valueField":[1,"value-field"],"focusFromSearchKeypress":[32],"initialOptionsListRender":[32],"keyboardNav":[32],"optionHighlighted":[32],"preventIncorrectTabOrder":[32],"menuOptions":[32],"popperProps":[32],"handleClickOpen":[64],"handleKeyboardOpen":[64],"handleSetFirstOption":[64],"initPopperJs":[64],"setExternalPopperProps":[64]},null,{"open":["watchOpenHandler"],"options":["watchOptionsHandler"]}],[4,"ic-input-component-container",{"disabled":[4],"fullWidth":[4,"full-width"],"multiLine":[4,"multi-line"],"readonly":[4],"size":[1],"validationInline":[4,"validation-inline"],"validationStatus":[1,"validation-status"]},null,{"disabled":["watchDisabledHandler"]}],[4,"ic-input-container",{"disabled":[4],"readonly":[4]}]]],["p-0a24c536",[[4,"ic-input-validation",{"ariaLiveMode":[1,"aria-live-mode"],"for":[1],"fullWidth":[4,"full-width"],"message":[1],"status":[1]},null,{"message":["watchMessageHandler"]}],[4,"ic-input-label",{"disabled":[4],"for":[1],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"label":[1],"readonly":[4],"required":[4],"status":[1],"useLabelTag":[4,"use-label-tag"]}]]],["p-9057a186",[[17,"ic-button",{"accept":[1],"ariaControlsId":[8,"aria-controls-id"],"ariaOwnsId":[8,"aria-owns-id"],"disabled":[4],"disableTooltip":[4,"disable-tooltip"],"download":[8],"dropdown":[4],"dropdownExpanded":[1540,"dropdown-expanded"],"fileUpload":[4,"file-upload"],"fileInputName":[1,"file-input-name"],"form":[1],"formaction":[1],"formenctype":[1],"formmethod":[1],"formnovalidate":[4],"formtarget":[1],"fullWidth":[4,"full-width"],"href":[1],"hreflang":[1],"loading":[4],"monochrome":[1028],"multiple":[4],"referrerpolicy":[1],"rel":[1],"selectedFiles":[16],"size":[1],"target":[1],"theme":[1025],"tooltipFixedPositioning":[4,"tooltip-fixed-positioning"],"tooltipPlacement":[1,"tooltip-placement"],"transparentBackground":[4,"transparent-background"],"type":[1],"variant":[1025],"ariaLabel":[32],"describedbyNode":[32],"title":[32],"setFocus":[64]},[[2,"click","handleHostClick"],[4,"brandChange","brandChangeHandler"]],{"describedbyNode":["watchDescribedbyNodeHandler"],"disabled":["watchDisabledHandler"],"variant":["watchVariantHandler"]}],[1,"ic-loading-indicator",{"description":[1],"fullWidth":[516,"full-width"],"innerLabel":[2,"inner-label"],"label":[1],"labelDuration":[2,"label-duration"],"max":[2],"min":[2],"monochrome":[4],"progress":[2],"size":[513],"theme":[1],"type":[513],"circularDiameter":[32],"circularLineWidth":[32],"circularDimensions":[32],"indicatorLabel":[32],"clipInnerElement":[32],"internalType":[32]},null,{"label":["watchPropHandler"],"max":["handleProgressChange"],"min":["handleProgressChange"],"progress":["handleProgressChange"],"size":["handleIconSize"],"type":["setIndicatorDimensions"]}],[1,"ic-tooltip",{"disableClick":[4,"disable-click"],"disableHover":[4,"disable-hover"],"fixedPositioning":[4,"fixed-positioning"],"maxLines":[2,"max-lines"],"placement":[1],"silent":[4],"target":[513],"theme":[1],"label":[1],"popperProps":[32],"setExternalPopperProps":[64],"displayTooltip":[64],"isTooltipVisible":[64]},null,{"disableClick":["watchDisableClickHandler"],"disableHover":["watchDisableHoverHandler"],"label":["watchLabelHandler"]}]]]]'),e)}));
|
|
2
2
|
//# sourceMappingURL=core.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,
|
|
1
|
+
{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,w/3BAAuCJ,EAAA","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,f as t,h as e,H as o,g as n}from"./p-8e4e97b4.js";import{O as s}from"./p-426ec638.js";import{z as r,j as l,I as c}from"./p-dbc8bf0c.js";import{I as a}from"./p-6215e2ae.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-link) .link,:host(.ic-link) ::slotted(a){color:var(--ic-link-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}:host(.ic-link) .link:visited,:host(.ic-link) ::slotted(a:visited),:host(.ic-link) .link:visited:hover,:host(.ic-link) ::slotted(a:visited:hover),:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:visited:active),:host(.ic-link) .link:visited:focus,:host(.ic-link) ::slotted(a:visited:focus){color:var(--ic-link-text-visited)}:host(.ic-link) .link:hover{color:var(--ic-link-text-hover)}:host(.ic-link) .link:active{color:var(--ic-link-text-pressed)}:host(.ic-link) .link:focus{color:var(--ic-link-text-focused)}:host(.ic-link-monochrome) .link:hover{color:var(--ic-link-text-hover-monochrome)}:host(.ic-link-monochrome) .link:active{color:var(--ic-link-text-pressed-monochrome)}:host(.ic-link-monochrome) .link:focus{color:var(--ic-link-text-focused-monochrome)}:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-underline-offset: 10%){:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:10%;border-bottom:0 !important;margin-bottom:0 !important}}:host(.ic-link) .link:active,:host(.ic-link) .link:focus:active,:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:active),:host(.ic-link) ::slotted(a:focus:active),:host(.ic-link) ::slotted(a:visited:active){text-decoration:none}.ic-link-open-in-new-icon{vertical-align:middle;margin-left:var(--ic-space-xxs)}.ic-link-open-in-new-icon>svg{width:var(--ic-space-md);height:var(--ic-space-md);fill:var(--ic-link-icon-launch)}.link:visited>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-visited)}:host(.ic-link-monochrome) .link,:host(.ic-link-monochrome) ::slotted(a){color:var(--ic-link-text-monochrome)}:host(.ic-link-monochrome) .link:visited,:host(.ic-link-monochrome) ::slotted(a:visited),:host(.ic-link-monochrome) .link:visited:hover,:host(.ic-link-monochrome) ::slotted(a:visited:hover),:host(.ic-link-monochrome) .link:visited:active,:host(.ic-link-monochrome) ::slotted(a:visited:active),:host(.ic-link-monochrome) .link:visited:focus,:host(.ic-link-monochrome) ::slotted(a:visited:focus){color:var(--ic-link-text-visited-monochrome)}:host(.ic-link-monochrome) .link>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-monochrome)}:host(.ic-link-monochrome) .link:visited>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-visited-monochrome)}:host(.breadcrumb-link) .link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}:host(.breadcrumb-link) .link ::slotted(.back-icon){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.breadcrumb-link.current-page) a,:host(.breadcrumb-link.current-page) ::slotted(a){font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}:host(.breadcrumb-link.current-page) .link,:host(.breadcrumb-link.current-page) ::slotted(a:focus){outline:var(--ic-hc-focus-outline);text-decoration:none}:host(.breadcrumb-link.current-page) .link:visited{color:var(--ic-color-text-primary)}:host(.footer-link) ::slotted(a){color:var(--ic-footer-link) !important}:host(.footer-link) .ic-link-open-in-new-icon>svg{fill:var(--ic-footer-icon) !important}@media (forced-colors: active){:host(.ic-link) .ic-link-open-in-new-icon>svg{fill:currentcolor !important}}';const h=d;const m=class{constructor(e){i(this,e);this.inheritedAttributes={};this.hostMutationObserver=null;this.download=false;this.monochrome=false;this.theme="inherit";this.hostMutationCallback=i=>{let e=false;i.forEach((({attributeName:i})=>{if(i){const t=this.el.getAttribute(i);if(t&&a.includes(i)){this.inheritedAttributes[i]=t;e=true}}}));if(e){t(this)}};this.setDownloadAttribute=i=>{if(typeof i==="boolean"){return i?"":undefined}else{return i==="true"?"":i==="false"?undefined:i}}}componentWillLoad(){this.inheritedAttributes=r(this.el,a);this.updateTheme();this.el.setAttribute("exportparts","link")}componentDidLoad(){this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}disconnectedCallback(){var i;(i=this.hostMutationObserver)===null||i===void 0?void 0:i.disconnect()}brandChangeHandler({detail:i}){this.updateTheme(i.mode)}async setFocus(){var i,t;(t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("a"))===null||t===void 0?void 0:t.focus()}updateTheme(i=null){const t=l(this.el,i);if(t!==c.Default){this.monochrome=true;this.theme=t===c.Light?c.Dark:c.Light}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}render(){const{download:i,href:t,hreflang:n,referrerpolicy:r,rel:l,target:c,monochrome:a,theme:d}=this;return e(o,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,f as t,h as e,H as o,g as n}from"./p-8e4e97b4.js";import{O as s}from"./p-426ec638.js";import{z as r,j as l,I as c}from"./p-dbc8bf0c.js";import{I as a}from"./p-6215e2ae.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-link) .link,:host(.ic-link) ::slotted(a){color:var(--ic-link-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}:host(.ic-link) .link:visited,:host(.ic-link) ::slotted(a:visited),:host(.ic-link) .link:visited:hover,:host(.ic-link) ::slotted(a:visited:hover),:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:visited:active),:host(.ic-link) .link:visited:focus,:host(.ic-link) ::slotted(a:visited:focus){color:var(--ic-link-text-visited)}:host(.ic-link) .link:hover{color:var(--ic-link-text-hover)}:host(.ic-link) .link:active{color:var(--ic-link-text-pressed)}:host(.ic-link) .link:focus{color:var(--ic-link-text-focused)}:host(.ic-link-monochrome) .link:hover{color:var(--ic-link-text-hover-monochrome)}:host(.ic-link-monochrome) .link:active{color:var(--ic-link-text-pressed-monochrome)}:host(.ic-link-monochrome) .link:focus{color:var(--ic-link-text-focused-monochrome)}:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-underline-offset: 10%){:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:10%;border-bottom:0 !important;margin-bottom:0 !important}}:host(.ic-link) .link:active,:host(.ic-link) .link:focus:active,:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:active),:host(.ic-link) ::slotted(a:focus:active),:host(.ic-link) ::slotted(a:visited:active){text-decoration:none}.ic-link-open-in-new-icon{vertical-align:middle;margin-left:var(--ic-space-xxs)}.ic-link-open-in-new-icon>svg{width:var(--ic-space-md);height:var(--ic-space-md);fill:var(--ic-link-icon-launch)}.link:visited>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-visited)}:host(.ic-link-monochrome) .link,:host(.ic-link-monochrome) ::slotted(a){color:var(--ic-link-text-monochrome)}:host(.ic-link-monochrome) .link:visited,:host(.ic-link-monochrome) ::slotted(a:visited),:host(.ic-link-monochrome) .link:visited:hover,:host(.ic-link-monochrome) ::slotted(a:visited:hover),:host(.ic-link-monochrome) .link:visited:active,:host(.ic-link-monochrome) ::slotted(a:visited:active),:host(.ic-link-monochrome) .link:visited:focus,:host(.ic-link-monochrome) ::slotted(a:visited:focus){color:var(--ic-link-text-visited-monochrome)}:host(.ic-link-monochrome) .link>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-monochrome)}:host(.ic-link-monochrome) .link:visited>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-visited-monochrome)}:host(.breadcrumb-link) .link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}:host(.breadcrumb-link) .link ::slotted(.back-icon){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.breadcrumb-link.current-page) a,:host(.breadcrumb-link.current-page) ::slotted(a){font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}:host(.breadcrumb-link.current-page) .link,:host(.breadcrumb-link.current-page) ::slotted(a:focus){outline:var(--ic-hc-focus-outline);text-decoration:none}:host(.breadcrumb-link.current-page) .link:visited{color:var(--ic-color-text-primary)}:host(.footer-link) ::slotted(a){color:var(--ic-footer-link) !important}:host(.footer-link) .ic-link-open-in-new-icon>svg{fill:var(--ic-footer-icon) !important}@media (forced-colors: active){:host(.ic-link) .ic-link-open-in-new-icon>svg{fill:currentcolor !important}}@media (prefers-reduced-motion: reduce){:host(.ic-link) .link,:host(.ic-link) ::slotted(a){transition:none}}';const h=d;const m=class{constructor(e){i(this,e);this.inheritedAttributes={};this.hostMutationObserver=null;this.download=false;this.monochrome=false;this.theme="inherit";this.hostMutationCallback=i=>{let e=false;i.forEach((({attributeName:i})=>{if(i){const t=this.el.getAttribute(i);if(t&&a.includes(i)){this.inheritedAttributes[i]=t;e=true}}}));if(e){t(this)}};this.setDownloadAttribute=i=>{if(typeof i==="boolean"){return i?"":undefined}else{return i==="true"?"":i==="false"?undefined:i}}}componentWillLoad(){this.inheritedAttributes=r(this.el,a);this.updateTheme();this.el.setAttribute("exportparts","link")}componentDidLoad(){this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}disconnectedCallback(){var i;(i=this.hostMutationObserver)===null||i===void 0?void 0:i.disconnect()}brandChangeHandler({detail:i}){this.updateTheme(i.mode)}async setFocus(){var i,t;(t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("a"))===null||t===void 0?void 0:t.focus()}updateTheme(i=null){const t=l(this.el,i);if(t!==c.Default){this.monochrome=true;this.theme=t===c.Light?c.Dark:c.Light}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}render(){const{download:i,href:t,hreflang:n,referrerpolicy:r,rel:l,target:c,monochrome:a,theme:d}=this;return e(o,{key:"b965ed6758a2d2d4f618a965bb27b6b0e7e2fbe6",class:{["ic-link"]:true,[`ic-theme-${d}`]:d!=="inherit",["ic-link-monochrome"]:!!a}},this.hasRouterSlot()?e("slot",{name:"router-item"}):e("a",Object.assign({class:{["link"]:!!t},download:this.setDownloadAttribute(i),href:t,hrefLang:n,referrerPolicy:r,rel:l,target:c,tabindex:t?"0":"-1"},this.inheritedAttributes,{part:"link"}),e("slot",null),c==="_blank"&&e("span",{class:"ic-link-open-in-new-icon",innerHTML:s})))}static get delegatesFocus(){return true}get el(){return n(this)}};m.style=h;export{m as ic_link};
|
|
2
|
+
//# sourceMappingURL=p-04c77b2d.entry.js.map
|