@ukic/canary-web-components 3.0.0-canary.28 → 3.0.0-canary.29
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-046745ee.js → helpers-2cc5f6db.js} +5 -1
- package/dist/cjs/helpers-2cc5f6db.js.map +1 -0
- package/dist/cjs/helpers-da852478.js.map +1 -1
- package/dist/cjs/ic-accordion-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +1 -1
- package/dist/cjs/ic-action-chip.cjs.entry.js +1 -1
- package/dist/cjs/ic-alert.cjs.entry.js +4 -2
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +6 -5
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +3 -3
- package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +3 -3
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +5 -4
- package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +43 -19
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-horizontal.cjs.entry.js +32 -6
- package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-vertical.cjs.entry.js +5 -5
- package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +3 -3
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox_3.cjs.entry.js +12 -12
- package/dist/cjs/ic-checkbox_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-chip.cjs.entry.js +4 -4
- package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-list.cjs.entry.js +2 -2
- package/dist/cjs/ic-data-list.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +3 -3
- package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +3 -3
- package/dist/cjs/ic-data-table.cjs.entry.js +35 -15
- package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-date-input.cjs.entry.js +3 -3
- package/dist/cjs/ic-date-picker.cjs.entry.js +10 -10
- package/dist/cjs/ic-dialog.cjs.entry.js +5 -4
- package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js +3 -2
- package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +1 -1
- 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-footer.cjs.entry.js +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +8 -7
- package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
- 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_4.cjs.entry.js +11 -11
- package/dist/cjs/ic-input-component-container_4.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-layout-grid-item.cjs.entry.js +2 -2
- package/dist/cjs/ic-layout-grid-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-layout-grid.cjs.entry.js +2 -2
- package/dist/cjs/ic-layout-grid.cjs.entry.js.map +1 -1
- 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 +2 -2
- package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js +3 -2
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu.cjs.entry.js +4 -4
- package/dist/cjs/ic-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +3 -3
- package/dist/cjs/ic-navigation-button.cjs.entry.js.map +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 +3 -3
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +5 -5
- package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
- 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_4.cjs.entry.js +36 -23
- package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-popover-menu.cjs.entry.js +5 -5
- package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +5 -5
- package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
- 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-section-container.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +6 -6
- 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-skeleton.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skip-link.cjs.entry.js +2 -2
- package/dist/cjs/ic-skip-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-status-tag.cjs.entry.js +3 -3
- package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-step.cjs.entry.js +14 -14
- package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-stepper.cjs.entry.js +3 -3
- package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
- 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-context.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +3 -3
- package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js +3 -3
- package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-table-of-contents.cjs.entry.js +3 -3
- package/dist/cjs/ic-theme.cjs.entry.js +2 -2
- package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-time-input.cjs.entry.js +4 -4
- package/dist/cjs/ic-toast-region.cjs.entry.js +1 -1
- package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +8 -5
- package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js +8 -4
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button.cjs.entry.js +58 -45
- package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-top-navigation.cjs.entry.js +5 -5
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tree-item.cjs.entry.js +2 -2
- package/dist/cjs/ic-tree-view.cjs.entry.js +3 -3
- package/dist/cjs/ic-typography.cjs.entry.js +3 -3
- package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.css +65 -12
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js +88 -13
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map +1 -1
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.stories.js +355 -36
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.stories.js.map +1 -1
- package/dist/collection/components/ic-data-table/ic-data-table.css +17 -17
- package/dist/collection/components/ic-data-table/ic-data-table.js +37 -16
- package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
- package/dist/collection/components/ic-data-table/ic-data-table.stories.js +11 -1
- package/dist/collection/components/ic-data-table/ic-data-table.stories.js.map +1 -1
- package/dist/collection/components/ic-data-table/story-data.js +80 -0
- package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
- package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js +3 -3
- package/dist/collection/components/ic-date-input/ic-date-input.js +3 -3
- package/dist/collection/components/ic-date-picker/ic-date-picker.js +10 -10
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +5 -5
- package/dist/collection/components/ic-table-of-contents/ic-table-of-contents.js +3 -3
- package/dist/collection/components/ic-time-input/ic-time-input.js +4 -4
- package/dist/collection/components/ic-tree-item/ic-tree-item.js +2 -2
- package/dist/collection/components/ic-tree-view/ic-tree-view.js +3 -3
- package/dist/collection/utils/types.js.map +1 -1
- package/dist/components/helpers.js +4 -1
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/helpers2.js.map +1 -1
- package/dist/components/ic-action-chip.js +1 -1
- package/dist/components/ic-alert.js +4 -2
- package/dist/components/ic-alert.js.map +1 -1
- package/dist/components/ic-back-to-top.js +6 -5
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-badge.js +3 -3
- package/dist/components/ic-badge.js.map +1 -1
- package/dist/components/ic-breadcrumb-group.js +3 -3
- package/dist/components/ic-breadcrumb-group.js.map +1 -1
- package/dist/components/ic-breadcrumb2.js +5 -4
- package/dist/components/ic-breadcrumb2.js.map +1 -1
- package/dist/components/ic-button2.js +35 -11
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-card-horizontal.js +34 -6
- package/dist/components/ic-card-horizontal.js.map +1 -1
- package/dist/components/ic-card-vertical.js +5 -5
- package/dist/components/ic-card-vertical.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +3 -3
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox2.js +5 -5
- package/dist/components/ic-checkbox2.js.map +1 -1
- package/dist/components/ic-chip.js +4 -4
- package/dist/components/ic-chip.js.map +1 -1
- package/dist/components/ic-data-list.js +2 -2
- package/dist/components/ic-data-list.js.map +1 -1
- package/dist/components/ic-data-row.js +3 -3
- package/dist/components/ic-data-row.js.map +1 -1
- package/dist/components/ic-data-table-title-bar.js +3 -3
- package/dist/components/ic-data-table.js +36 -15
- package/dist/components/ic-data-table.js.map +1 -1
- package/dist/components/ic-date-input2.js +3 -3
- package/dist/components/ic-date-picker.js +10 -10
- package/dist/components/ic-dialog.js +5 -4
- package/dist/components/ic-dialog.js.map +1 -1
- package/dist/components/ic-divider2.js +3 -2
- package/dist/components/ic-divider2.js.map +1 -1
- package/dist/components/ic-empty-state2.js +3 -3
- package/dist/components/ic-empty-state2.js.map +1 -1
- package/dist/components/ic-footer-link-group.js +1 -1
- package/dist/components/ic-footer-link.js +3 -3
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-footer.js +1 -1
- package/dist/components/ic-hero.js +8 -7
- package/dist/components/ic-hero.js.map +1 -1
- 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-container2.js.map +1 -1
- package/dist/components/ic-input-label2.js +3 -3
- package/dist/components/ic-input-label2.js.map +1 -1
- package/dist/components/ic-input-validation2.js +4 -4
- package/dist/components/ic-input-validation2.js.map +1 -1
- package/dist/components/ic-layout-grid-item.js +2 -2
- package/dist/components/ic-layout-grid-item.js.map +1 -1
- package/dist/components/ic-layout-grid.js +2 -2
- package/dist/components/ic-layout-grid.js.map +1 -1
- package/dist/components/ic-link2.js +1 -1
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-loading-indicator2.js +7 -6
- package/dist/components/ic-loading-indicator2.js.map +1 -1
- package/dist/components/ic-menu-group.js +2 -2
- package/dist/components/ic-menu-group.js.map +1 -1
- package/dist/components/ic-menu-item2.js +3 -2
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-menu2.js +4 -4
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-button.js +3 -3
- package/dist/components/ic-navigation-button.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 +3 -3
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-navigation-menu2.js +5 -5
- package/dist/components/ic-navigation-menu2.js.map +1 -1
- package/dist/components/ic-page-header.js +7 -7
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-pagination-bar2.js +5 -5
- package/dist/components/ic-pagination-item2.js +2 -2
- package/dist/components/ic-pagination-item2.js.map +1 -1
- package/dist/components/ic-pagination2.js +4 -4
- package/dist/components/ic-pagination2.js.map +1 -1
- package/dist/components/ic-popover-menu.js +5 -5
- package/dist/components/ic-popover-menu.js.map +1 -1
- package/dist/components/ic-radio-group.js +5 -5
- 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-section-container2.js.map +1 -1
- package/dist/components/ic-select2.js +20 -12
- package/dist/components/ic-select2.js.map +1 -1
- package/dist/components/ic-side-navigation.js +6 -6
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-skeleton.js +2 -2
- package/dist/components/ic-skeleton.js.map +1 -1
- package/dist/components/ic-skip-link.js +2 -2
- package/dist/components/ic-skip-link.js.map +1 -1
- package/dist/components/ic-status-tag.js +2 -2
- package/dist/components/ic-status-tag.js.map +1 -1
- package/dist/components/ic-step.js +14 -14
- package/dist/components/ic-step.js.map +1 -1
- package/dist/components/ic-stepper.js +2 -2
- package/dist/components/ic-stepper.js.map +1 -1
- 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-context.js.map +1 -1
- package/dist/components/ic-tab-group.js +2 -2
- package/dist/components/ic-tab-group.js.map +1 -1
- package/dist/components/ic-tab-panel.js +2 -2
- package/dist/components/ic-tab-panel.js.map +1 -1
- package/dist/components/ic-tab.js +2 -2
- package/dist/components/ic-tab.js.map +1 -1
- package/dist/components/ic-table-of-contents.js +3 -3
- package/dist/components/ic-text-field2.js +12 -7
- package/dist/components/ic-text-field2.js.map +1 -1
- package/dist/components/ic-theme.js +2 -2
- package/dist/components/ic-theme.js.map +1 -1
- package/dist/components/ic-time-input.js +4 -4
- package/dist/components/ic-toast-region.js +1 -1
- package/dist/components/ic-toast-region.js.map +1 -1
- package/dist/components/ic-toast.js +8 -5
- package/dist/components/ic-toast.js.map +1 -1
- package/dist/components/ic-toggle-button-group.js +7 -3
- package/dist/components/ic-toggle-button-group.js.map +1 -1
- package/dist/components/ic-toggle-button.js +58 -45
- package/dist/components/ic-toggle-button.js.map +1 -1
- package/dist/components/ic-tooltip2.js +3 -3
- package/dist/components/ic-tooltip2.js.map +1 -1
- package/dist/components/ic-top-navigation.js +5 -5
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/components/ic-tree-item.js +2 -2
- package/dist/components/ic-tree-view.js +3 -3
- package/dist/components/ic-typography2.js +2 -2
- package/dist/components/ic-typography2.js.map +1 -1
- package/dist/core/core.css +5 -2
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-74439163.entry.js → p-035dbee0.entry.js} +2 -2
- package/dist/core/{p-74439163.entry.js.map → p-035dbee0.entry.js.map} +1 -1
- package/dist/core/{p-d4a1e90d.entry.js → p-03ae0bc3.entry.js} +2 -2
- package/dist/core/{p-d4a1e90d.entry.js.map → p-03ae0bc3.entry.js.map} +1 -1
- package/dist/core/p-04a9f82f.entry.js +2 -0
- package/dist/core/p-04a9f82f.entry.js.map +1 -0
- package/dist/core/{p-e4f1d72b.entry.js → p-069e758b.entry.js} +2 -2
- package/dist/core/{p-4747c39f.entry.js → p-09c31ac6.entry.js} +2 -2
- package/dist/core/{p-4747c39f.entry.js.map → p-09c31ac6.entry.js.map} +1 -1
- package/dist/core/p-0f22f41e.js.map +1 -1
- package/dist/core/{p-0b0cc10d.entry.js → p-10950727.entry.js} +2 -2
- package/dist/core/p-10950727.entry.js.map +1 -0
- package/dist/core/{p-760a57e7.entry.js → p-12e8dcdd.entry.js} +2 -2
- package/dist/core/{p-760a57e7.entry.js.map → p-12e8dcdd.entry.js.map} +1 -1
- package/dist/core/{p-154bb0fb.entry.js → p-13c8859b.entry.js} +2 -2
- package/dist/core/{p-154bb0fb.entry.js.map → p-13c8859b.entry.js.map} +1 -1
- package/dist/core/p-15a81f32.entry.js +2 -0
- package/dist/core/p-15a81f32.entry.js.map +1 -0
- package/dist/core/p-1900c7c7.entry.js +2 -0
- package/dist/core/p-1900c7c7.entry.js.map +1 -0
- package/dist/core/{p-94e5ed81.entry.js → p-193afb53.entry.js} +2 -2
- package/dist/core/{p-94e5ed81.entry.js.map → p-193afb53.entry.js.map} +1 -1
- package/dist/core/{p-796b9ac5.entry.js → p-1be092cc.entry.js} +2 -2
- package/dist/core/{p-796b9ac5.entry.js.map → p-1be092cc.entry.js.map} +1 -1
- package/dist/core/{p-8908b8e6.entry.js → p-1ca62941.entry.js} +2 -2
- package/dist/core/{p-4c5af5f7.entry.js → p-2528ecec.entry.js} +2 -2
- package/dist/core/{p-6d4418e4.entry.js → p-3594922d.entry.js} +2 -2
- package/dist/core/{p-6d4418e4.entry.js.map → p-3594922d.entry.js.map} +1 -1
- package/dist/core/{p-54da2d5f.entry.js → p-3f0bce15.entry.js} +2 -2
- package/dist/core/{p-54da2d5f.entry.js.map → p-3f0bce15.entry.js.map} +1 -1
- package/dist/core/p-402870f7.entry.js +2 -0
- package/dist/core/p-402870f7.entry.js.map +1 -0
- package/dist/core/{p-07365d6f.entry.js → p-444cd8d3.entry.js} +2 -2
- package/dist/core/{p-07365d6f.entry.js.map → p-444cd8d3.entry.js.map} +1 -1
- package/dist/core/{p-18b793e0.entry.js → p-5a1cfb3c.entry.js} +2 -2
- package/dist/core/{p-9cf6ccfd.entry.js → p-5cf704e3.entry.js} +2 -2
- package/dist/core/{p-9cf6ccfd.entry.js.map → p-5cf704e3.entry.js.map} +1 -1
- package/dist/core/{p-66f45822.entry.js → p-5ef453b6.entry.js} +2 -2
- package/dist/core/{p-66f45822.entry.js.map → p-5ef453b6.entry.js.map} +1 -1
- package/dist/core/{p-9b68bee6.entry.js → p-615d474e.entry.js} +2 -2
- package/dist/core/p-63203e59.entry.js +2 -0
- package/dist/core/p-63203e59.entry.js.map +1 -0
- package/dist/core/p-6c238418.entry.js +2 -0
- package/dist/core/p-6c238418.entry.js.map +1 -0
- package/dist/core/{p-f591abc2.entry.js → p-7026afad.entry.js} +2 -2
- package/dist/core/{p-f591abc2.entry.js.map → p-7026afad.entry.js.map} +1 -1
- package/dist/core/p-72171192.entry.js +2 -0
- package/dist/core/p-72171192.entry.js.map +1 -0
- package/dist/core/p-72b7051a.entry.js +2 -0
- package/dist/core/p-72b7051a.entry.js.map +1 -0
- package/dist/core/{p-2bba11f8.entry.js → p-7bf9bbde.entry.js} +2 -2
- package/dist/core/{p-2bba11f8.entry.js.map → p-7bf9bbde.entry.js.map} +1 -1
- package/dist/core/{p-77c4d1d2.entry.js → p-7cf6b428.entry.js} +2 -2
- package/dist/core/{p-77c4d1d2.entry.js.map → p-7cf6b428.entry.js.map} +1 -1
- package/dist/core/{p-e8cea1d5.entry.js → p-7f304d85.entry.js} +2 -2
- package/dist/core/{p-e8cea1d5.entry.js.map → p-7f304d85.entry.js.map} +1 -1
- package/dist/core/{p-37d217b5.entry.js → p-889bb8db.entry.js} +2 -2
- package/dist/core/{p-37d217b5.entry.js.map → p-889bb8db.entry.js.map} +1 -1
- package/dist/core/{p-8c841dc8.entry.js → p-8c580d88.entry.js} +2 -2
- package/dist/core/{p-c5d03c65.entry.js → p-8c94541e.entry.js} +2 -2
- package/dist/core/{p-c5d03c65.entry.js.map → p-8c94541e.entry.js.map} +1 -1
- package/dist/core/{p-6d2fa004.entry.js → p-92936b49.entry.js} +2 -2
- package/dist/core/{p-57721431.entry.js → p-93e1ba0a.entry.js} +2 -2
- package/dist/core/{p-57721431.entry.js.map → p-93e1ba0a.entry.js.map} +1 -1
- package/dist/core/{p-70447473.entry.js → p-982a173d.entry.js} +2 -2
- package/dist/core/{p-70447473.entry.js.map → p-982a173d.entry.js.map} +1 -1
- package/dist/core/{p-8b0abe0f.entry.js → p-9a9605c3.entry.js} +2 -2
- package/dist/core/{p-8b0abe0f.entry.js.map → p-9a9605c3.entry.js.map} +1 -1
- package/dist/core/{p-37daa8fe.entry.js → p-9c2e9189.entry.js} +2 -2
- package/dist/core/{p-37daa8fe.entry.js.map → p-9c2e9189.entry.js.map} +1 -1
- package/dist/core/p-9ce9d39a.entry.js +2 -0
- package/dist/core/p-9ce9d39a.entry.js.map +1 -0
- package/dist/core/p-9e200827.entry.js +2 -0
- package/dist/core/{p-9af5008c.entry.js.map → p-9e200827.entry.js.map} +1 -1
- package/dist/core/{p-a4184f39.entry.js → p-9fade6ad.entry.js} +2 -2
- package/dist/core/{p-a4184f39.entry.js.map → p-9fade6ad.entry.js.map} +1 -1
- package/dist/core/{p-fba9f5b6.entry.js → p-a27e1cee.entry.js} +2 -2
- package/dist/core/{p-fba9f5b6.entry.js.map → p-a27e1cee.entry.js.map} +1 -1
- package/dist/core/p-a8cc28a6.entry.js +2 -0
- package/dist/core/p-a8cc28a6.entry.js.map +1 -0
- package/dist/core/{p-f6209622.entry.js → p-a99ad459.entry.js} +2 -2
- package/dist/core/{p-f6209622.entry.js.map → p-a99ad459.entry.js.map} +1 -1
- package/dist/core/{p-9a8bcb78.entry.js → p-b00efb15.entry.js} +2 -2
- package/dist/core/{p-9a8bcb78.entry.js.map → p-b00efb15.entry.js.map} +1 -1
- package/dist/core/{p-656b92d7.entry.js → p-b6d6b26e.entry.js} +2 -2
- package/dist/core/{p-ff4a873e.entry.js → p-b88db5e3.entry.js} +2 -2
- package/dist/core/{p-ff4a873e.entry.js.map → p-b88db5e3.entry.js.map} +1 -1
- package/dist/core/{p-1131db25.entry.js → p-c0d4db72.entry.js} +2 -2
- package/dist/core/{p-d77981a5.entry.js → p-c87cc0d1.entry.js} +2 -2
- package/dist/core/{p-d77981a5.entry.js.map → p-c87cc0d1.entry.js.map} +1 -1
- package/dist/core/{p-553531bf.entry.js → p-c8ce7d60.entry.js} +2 -2
- package/dist/core/{p-553531bf.entry.js.map → p-c8ce7d60.entry.js.map} +1 -1
- package/dist/core/{p-5bc54721.entry.js → p-d144ca59.entry.js} +2 -2
- package/dist/core/{p-5bc54721.entry.js.map → p-d144ca59.entry.js.map} +1 -1
- package/dist/core/{p-492fcb51.entry.js → p-d8200098.entry.js} +2 -2
- package/dist/core/{p-492fcb51.entry.js.map → p-d8200098.entry.js.map} +1 -1
- package/dist/core/{p-479e5fa2.entry.js → p-df220b91.entry.js} +2 -2
- package/dist/core/p-e380a54e.entry.js +2 -0
- package/dist/core/p-e380a54e.entry.js.map +1 -0
- package/dist/core/{p-b7a726fb.entry.js → p-e4b82731.entry.js} +2 -2
- package/dist/core/{p-b7a726fb.entry.js.map → p-e4b82731.entry.js.map} +1 -1
- package/dist/core/{p-542ac498.js → p-e4ef4263.js} +2 -2
- package/dist/core/p-e4ef4263.js.map +1 -0
- package/dist/core/p-ea1de762.entry.js +2 -0
- package/dist/core/p-ea1de762.entry.js.map +1 -0
- package/dist/core/{p-a86756fa.entry.js → p-eb958cc8.entry.js} +2 -2
- package/dist/core/{p-a86756fa.entry.js.map → p-eb958cc8.entry.js.map} +1 -1
- package/dist/core/{p-b4a2f6fa.entry.js → p-f098e531.entry.js} +2 -2
- package/dist/core/{p-b4a2f6fa.entry.js.map → p-f098e531.entry.js.map} +1 -1
- package/dist/core/p-f16c4210.entry.js +2 -0
- package/dist/core/p-f16c4210.entry.js.map +1 -0
- package/dist/core/{p-c1ae14ad.entry.js → p-f3ccaa0b.entry.js} +2 -2
- package/dist/core/{p-c1ae14ad.entry.js.map → p-f3ccaa0b.entry.js.map} +1 -1
- package/dist/core/{p-76ab72ef.entry.js → p-f457d508.entry.js} +2 -2
- package/dist/core/{p-266d5e13.entry.js → p-f4e7cae6.entry.js} +2 -2
- package/dist/core/{p-266d5e13.entry.js.map → p-f4e7cae6.entry.js.map} +1 -1
- package/dist/core/{p-bf5558ac.entry.js → p-fad44bc8.entry.js} +2 -2
- package/dist/core/{p-bf5558ac.entry.js.map → p-fad44bc8.entry.js.map} +1 -1
- package/dist/core/{p-5fcfcfb6.entry.js → p-fb43abd6.entry.js} +2 -2
- package/dist/core/{p-5fcfcfb6.entry.js.map → p-fb43abd6.entry.js.map} +1 -1
- package/dist/core/{p-8b8df1da.entry.js → p-fd64c0e5.entry.js} +2 -2
- package/dist/core/{p-8b8df1da.entry.js.map → p-fd64c0e5.entry.js.map} +1 -1
- package/dist/core/{p-ba26a1f0.entry.js → p-ffbf493f.entry.js} +2 -2
- package/dist/core/p-ffc1cea6.entry.js +2 -0
- package/dist/core/p-ffc1cea6.entry.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/{helpers-1dbd527e.js → helpers-5419eb6c.js} +5 -2
- package/dist/esm/helpers-5419eb6c.js.map +1 -0
- package/dist/esm/helpers-89cb996d.js.map +1 -1
- package/dist/esm/ic-accordion-group.entry.js +1 -1
- package/dist/esm/ic-accordion.entry.js +1 -1
- package/dist/esm/ic-action-chip.entry.js +1 -1
- package/dist/esm/ic-alert.entry.js +4 -2
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +6 -5
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/ic-badge.entry.js +3 -3
- package/dist/esm/ic-badge.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +3 -3
- package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb.entry.js +5 -4
- package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
- package/dist/esm/ic-button_3.entry.js +43 -19
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card-horizontal.entry.js +32 -6
- package/dist/esm/ic-card-horizontal.entry.js.map +1 -1
- package/dist/esm/ic-card-vertical.entry.js +5 -5
- package/dist/esm/ic-card-vertical.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +3 -3
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox_3.entry.js +12 -12
- package/dist/esm/ic-checkbox_3.entry.js.map +1 -1
- package/dist/esm/ic-chip.entry.js +4 -4
- package/dist/esm/ic-chip.entry.js.map +1 -1
- package/dist/esm/ic-data-list.entry.js +2 -2
- package/dist/esm/ic-data-list.entry.js.map +1 -1
- package/dist/esm/ic-data-row.entry.js +3 -3
- package/dist/esm/ic-data-row.entry.js.map +1 -1
- package/dist/esm/ic-data-table-title-bar.entry.js +3 -3
- package/dist/esm/ic-data-table.entry.js +35 -15
- package/dist/esm/ic-data-table.entry.js.map +1 -1
- package/dist/esm/ic-date-input.entry.js +3 -3
- package/dist/esm/ic-date-picker.entry.js +10 -10
- package/dist/esm/ic-dialog.entry.js +5 -4
- package/dist/esm/ic-dialog.entry.js.map +1 -1
- package/dist/esm/ic-divider.entry.js +3 -2
- package/dist/esm/ic-divider.entry.js.map +1 -1
- package/dist/esm/ic-footer-link-group.entry.js +1 -1
- 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-footer.entry.js +1 -1
- package/dist/esm/ic-hero.entry.js +8 -7
- package/dist/esm/ic-hero.entry.js.map +1 -1
- 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_4.entry.js +11 -11
- package/dist/esm/ic-input-component-container_4.entry.js.map +1 -1
- package/dist/esm/ic-layout-grid-item.entry.js +2 -2
- package/dist/esm/ic-layout-grid-item.entry.js.map +1 -1
- package/dist/esm/ic-layout-grid.entry.js +2 -2
- package/dist/esm/ic-layout-grid.entry.js.map +1 -1
- 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 +2 -2
- package/dist/esm/ic-menu-group.entry.js.map +1 -1
- package/dist/esm/ic-menu-item.entry.js +3 -2
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-menu.entry.js +4 -4
- package/dist/esm/ic-menu.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +3 -3
- package/dist/esm/ic-navigation-button.entry.js.map +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 +3 -3
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +5 -5
- package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
- 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_4.entry.js +36 -23
- package/dist/esm/ic-pagination_4.entry.js.map +1 -1
- package/dist/esm/ic-popover-menu.entry.js +5 -5
- package/dist/esm/ic-popover-menu.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +5 -5
- package/dist/esm/ic-radio-group.entry.js.map +1 -1
- 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-section-container.entry.js.map +1 -1
- package/dist/esm/ic-side-navigation.entry.js +6 -6
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-skeleton.entry.js +2 -2
- package/dist/esm/ic-skeleton.entry.js.map +1 -1
- package/dist/esm/ic-skip-link.entry.js +2 -2
- package/dist/esm/ic-skip-link.entry.js.map +1 -1
- package/dist/esm/ic-status-tag.entry.js +3 -3
- package/dist/esm/ic-status-tag.entry.js.map +1 -1
- package/dist/esm/ic-step.entry.js +14 -14
- package/dist/esm/ic-step.entry.js.map +1 -1
- package/dist/esm/ic-stepper.entry.js +3 -3
- package/dist/esm/ic-stepper.entry.js.map +1 -1
- 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-context.entry.js.map +1 -1
- package/dist/esm/ic-tab-group.entry.js +3 -3
- package/dist/esm/ic-tab-group.entry.js.map +1 -1
- package/dist/esm/ic-tab-panel.entry.js +2 -2
- package/dist/esm/ic-tab-panel.entry.js.map +1 -1
- package/dist/esm/ic-tab.entry.js +3 -3
- package/dist/esm/ic-tab.entry.js.map +1 -1
- package/dist/esm/ic-table-of-contents.entry.js +3 -3
- package/dist/esm/ic-theme.entry.js +2 -2
- package/dist/esm/ic-theme.entry.js.map +1 -1
- package/dist/esm/ic-time-input.entry.js +4 -4
- package/dist/esm/ic-toast-region.entry.js +1 -1
- package/dist/esm/ic-toast-region.entry.js.map +1 -1
- package/dist/esm/ic-toast.entry.js +8 -5
- package/dist/esm/ic-toast.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button-group.entry.js +8 -4
- package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button.entry.js +58 -45
- package/dist/esm/ic-toggle-button.entry.js.map +1 -1
- package/dist/esm/ic-top-navigation.entry.js +5 -5
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-tree-item.entry.js +2 -2
- package/dist/esm/ic-tree-view.entry.js +3 -3
- package/dist/esm/ic-typography.entry.js +3 -3
- package/dist/esm/ic-typography.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/ic-card-horizontal/ic-card-horizontal.d.ts +19 -4
- package/dist/types/components/ic-card-horizontal/ic-card-horizontal.stories.d.ts +51 -9
- package/dist/types/components/ic-data-table/ic-data-table.d.ts +5 -0
- package/dist/types/components/ic-data-table/ic-data-table.stories.d.ts +6 -0
- package/dist/types/components/ic-data-table/story-data.d.ts +1 -0
- package/dist/types/components.d.ts +42 -24
- package/dist/types/utils/types.d.ts +1 -0
- package/hydrate/index.js +419 -298
- package/hydrate/index.mjs +419 -298
- package/package.json +3 -3
- package/dist/cjs/helpers-046745ee.js.map +0 -1
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.types.js +0 -2
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.types.js.map +0 -1
- package/dist/core/p-05e0cadf.entry.js +0 -2
- package/dist/core/p-05e0cadf.entry.js.map +0 -1
- package/dist/core/p-0b0cc10d.entry.js.map +0 -1
- package/dist/core/p-1d89fcda.entry.js +0 -2
- package/dist/core/p-1d89fcda.entry.js.map +0 -1
- package/dist/core/p-2f0ab1d0.entry.js +0 -2
- package/dist/core/p-2f0ab1d0.entry.js.map +0 -1
- package/dist/core/p-542ac498.js.map +0 -1
- package/dist/core/p-62ad6ce5.entry.js +0 -2
- package/dist/core/p-62ad6ce5.entry.js.map +0 -1
- package/dist/core/p-6addd986.entry.js +0 -2
- package/dist/core/p-6addd986.entry.js.map +0 -1
- package/dist/core/p-6e5fc63c.entry.js +0 -2
- package/dist/core/p-6e5fc63c.entry.js.map +0 -1
- package/dist/core/p-7986db4a.entry.js +0 -2
- package/dist/core/p-7986db4a.entry.js.map +0 -1
- package/dist/core/p-8b4a7a78.entry.js +0 -2
- package/dist/core/p-8b4a7a78.entry.js.map +0 -1
- package/dist/core/p-9af5008c.entry.js +0 -2
- package/dist/core/p-9fa329f2.entry.js +0 -2
- package/dist/core/p-9fa329f2.entry.js.map +0 -1
- package/dist/core/p-a7a572d9.entry.js +0 -2
- package/dist/core/p-a7a572d9.entry.js.map +0 -1
- package/dist/core/p-bad17ba7.entry.js +0 -2
- package/dist/core/p-bad17ba7.entry.js.map +0 -1
- package/dist/core/p-bc58e37e.entry.js +0 -2
- package/dist/core/p-bc58e37e.entry.js.map +0 -1
- package/dist/core/p-bf08d34c.entry.js +0 -2
- package/dist/core/p-bf08d34c.entry.js.map +0 -1
- package/dist/core/p-c4bf8742.entry.js +0 -2
- package/dist/core/p-c4bf8742.entry.js.map +0 -1
- package/dist/esm/helpers-1dbd527e.js.map +0 -1
- package/dist/types/components/ic-card-horizontal/ic-card-horizontal.types.d.ts +0 -1
- /package/dist/core/{p-e4f1d72b.entry.js.map → p-069e758b.entry.js.map} +0 -0
- /package/dist/core/{p-8908b8e6.entry.js.map → p-1ca62941.entry.js.map} +0 -0
- /package/dist/core/{p-4c5af5f7.entry.js.map → p-2528ecec.entry.js.map} +0 -0
- /package/dist/core/{p-18b793e0.entry.js.map → p-5a1cfb3c.entry.js.map} +0 -0
- /package/dist/core/{p-9b68bee6.entry.js.map → p-615d474e.entry.js.map} +0 -0
- /package/dist/core/{p-8c841dc8.entry.js.map → p-8c580d88.entry.js.map} +0 -0
- /package/dist/core/{p-6d2fa004.entry.js.map → p-92936b49.entry.js.map} +0 -0
- /package/dist/core/{p-656b92d7.entry.js.map → p-b6d6b26e.entry.js.map} +0 -0
- /package/dist/core/{p-1131db25.entry.js.map → p-c0d4db72.entry.js.map} +0 -0
- /package/dist/core/{p-479e5fa2.entry.js.map → p-df220b91.entry.js.map} +0 -0
- /package/dist/core/{p-76ab72ef.entry.js.map → p-f457d508.entry.js.map} +0 -0
- /package/dist/core/{p-ba26a1f0.entry.js.map → p-ffbf493f.entry.js.map} +0 -0
package/hydrate/index.mjs
CHANGED
|
@@ -3717,6 +3717,9 @@ const getElementInheritedTheme = (el) => {
|
|
|
3717
3717
|
? "dark"
|
|
3718
3718
|
: "light";
|
|
3719
3719
|
};
|
|
3720
|
+
const isSafari = /safari/i.test(window.navigator.userAgent) &&
|
|
3721
|
+
!/Edge/i.test(window.navigator.userAgent) &&
|
|
3722
|
+
!/chrome/i.test(window.navigator.userAgent);
|
|
3720
3723
|
|
|
3721
3724
|
var chevronIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3722
3725
|
<path d="M9.70687 6L8.29688 7.41L12.8769 12L8.29688 16.59L9.70687 18L15.7069 12L9.70687 6Z" fill="currentColor"/>
|
|
@@ -4178,7 +4181,7 @@ var closeIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fil
|
|
|
4178
4181
|
</svg>
|
|
4179
4182
|
`;
|
|
4180
4183
|
|
|
4181
|
-
const icAlertCss = "/*! 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}:host ::slotted(ic-typography){--ic-typography-color:var(--ic-alert-description)}.container{min-height:var(--ic-alert-min-height);border-radius:var(--ic-space-xxs) var(--ic-space-xxxs) var(--ic-space-xxxs)\n var(--ic-space-xxs);position:relative;display:flex;align-items:center}.container-neutral{background-color:var(--ic-alert-background-neutral);border:var(--ic-space-xxxs) solid var(--ic-alert-border-neutral)}.container-info{background-color:var(--ic-alert-background-info);border:var(--ic-space-xxxs) solid var(--ic-alert-border-info)}.container-warning{background-color:var(--ic-alert-background-warning);border:var(--ic-space-xxxs) solid var(--ic-alert-border-warning)}.container-error{background-color:var(--ic-alert-background-error);border:var(--ic-space-xxxs) solid var(--ic-alert-border-error)}.container-success{background-color:var(--ic-alert-background-success);border:var(--ic-space-xxxs) solid var(--ic-alert-border-success)}.container-ai{background-color:var(--ic-alert-background-ai);border:var(--ic-space-xxxs) solid var(--ic-alert-border-ai)}.divider{height:100%;width:var(--ic-space-xs);border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);position:absolute}.divider-neutral{background-color:var(--ic-alert-status-type-neutral)}.divider-info{background-color:var(--ic-alert-status-type-info)}.divider-warning{background-color:var(--ic-alert-status-type-warning)}.divider-error{background-color:var(--ic-alert-status-type-error)}.divider-success{background-color:var(--ic-alert-status-type-success)}.divider-ai{background-color:var(--ic-alert-status-type-ai)}.alert-icon{align-self:flex-start;margin-top:var(--ic-space-xs);margin-right:var(--ic-space-xs)}.alert-icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}:host(
|
|
4184
|
+
const icAlertCss = "/*! 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}:host ::slotted(ic-typography){--ic-typography-color:var(--ic-alert-description)}.container{min-height:var(--ic-alert-min-height);border-radius:var(--ic-space-xxs) var(--ic-space-xxxs) var(--ic-space-xxxs)\n var(--ic-space-xxs);position:relative;display:flex;align-items:center}.container-neutral{background-color:var(--ic-alert-background-neutral);border:var(--ic-space-xxxs) solid var(--ic-alert-border-neutral)}.container-info{background-color:var(--ic-alert-background-info);border:var(--ic-space-xxxs) solid var(--ic-alert-border-info)}.container-warning{background-color:var(--ic-alert-background-warning);border:var(--ic-space-xxxs) solid var(--ic-alert-border-warning)}.container-error{background-color:var(--ic-alert-background-error);border:var(--ic-space-xxxs) solid var(--ic-alert-border-error)}.container-success{background-color:var(--ic-alert-background-success);border:var(--ic-space-xxxs) solid var(--ic-alert-border-success)}.container-ai{background-color:var(--ic-alert-background-ai);border:var(--ic-space-xxxs) solid var(--ic-alert-border-ai)}.divider{height:100%;width:var(--ic-space-xs);border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);position:absolute}.divider-neutral{background-color:var(--ic-alert-status-type-neutral)}.divider-info{background-color:var(--ic-alert-status-type-info)}.divider-warning{background-color:var(--ic-alert-status-type-warning)}.divider-error{background-color:var(--ic-alert-status-type-error)}.divider-success{background-color:var(--ic-alert-status-type-success)}.divider-ai{background-color:var(--ic-alert-status-type-ai)}.alert-icon{align-self:flex-start;margin-top:var(--ic-space-xs);margin-right:var(--ic-space-xs)}.alert-icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}:host(.ic-alert-no-default-icon) .icon-neutral{visibility:hidden;width:0;margin-left:0.625rem}.icon-neutral>svg,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block;fill:var(--ic-alert-icon-neutral)}:host(.ic-alert-variant-info) .alert-icon svg{fill:var(--ic-alert-icon-info)}:host(.ic-alert-variant-warning) .alert-icon svg{fill:var(--ic-alert-icon-warning)}:host(.ic-alert-variant-error) .alert-icon svg{fill:var(--ic-alert-icon-error)}:host(.ic-alert-variant-success) .alert-icon svg{fill:var(--ic-alert-icon-success)}:host(.ic-alert-variant-ai) .alert-icon svg{fill:var(--ic-alert-icon-ai)}.alert-content{display:flex;align-items:center;margin-left:1.125rem;width:100%;flex-wrap:wrap}.alert-message{display:flex;align-items:center;padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;flex:1;--ic-typography-color:var(--ic-alert-description)}.alert-message-title-above{display:inline}.alert-title{margin-right:var(--ic-space-xs);margin-top:0;margin-bottom:auto;--ic-typography-color:var(--ic-alert-title)}.alert-title-above{white-space:normal}.alert-action-container{margin-right:var(--ic-space-xs);display:flex;align-items:center}.dismiss-icon{margin-right:var(--ic-space-xxxs);margin-left:-0.375rem;padding:0.375rem;border:none;border-radius:50%;background-color:inherit;display:flex;align-items:center;justify-content:center}.dismiss-icon>svg{color:var(--ic-alert-icon-dismissible)}.dismiss-icon:hover{cursor:pointer}@media (max-width: 628px){.alert-message{display:inline}.alert-title{white-space:normal}.alert-action-container{margin-bottom:var(--ic-space-xs);flex-basis:100%}.alert-icon~.alert-action-container{margin-left:2rem}}@media (forced-colors: active){.container{border:var(--ic-border-hc)}.dismiss-icon>svg{color:var(--ic-architectural-white)}}";
|
|
4182
4185
|
var IcAlertStyle0 = icAlertCss;
|
|
4183
4186
|
|
|
4184
4187
|
/**
|
|
@@ -4291,6 +4294,8 @@ class Alert {
|
|
|
4291
4294
|
};
|
|
4292
4295
|
return (visible && (hAsync(Host, { role: announced ? "alert" : null, class: {
|
|
4293
4296
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
4297
|
+
[`ic-alert-variant-${variant}`]: true,
|
|
4298
|
+
[`ic-alert-no-default-icon`]: !showDefaultIcon,
|
|
4294
4299
|
} }, hAsync("div", { class: { container: true, [`container-${variant}`]: true } }, hAsync("div", { class: { divider: true, [`divider-${variant}`]: true } }), hAsync("div", { class: "alert-content" }, hAsync(Icon, null), hAsync("div", { class: {
|
|
4295
4300
|
"alert-message": true,
|
|
4296
4301
|
"alert-message-title-above": titleAbove || alertTitleWrap,
|
|
@@ -4330,7 +4335,7 @@ var ArrowUpward = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" a
|
|
|
4330
4335
|
</svg>
|
|
4331
4336
|
`;
|
|
4332
4337
|
|
|
4333
|
-
const icBackToTopCss = "/*! 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:flex;flex:row;height:0.1px}:host(.ic-back-to-top-right){justify-content:flex-end}:host(.ic-back-to-top-right) ic-button{margin-right:var(--margin-right, 1rem)}:host(.ic-back-to-top-right) .ic-back-to-top-icon{padding-top:var(--ic-space-xxs);padding-right:var(--ic-space-xs)}:host(.ic-back-to-top-left){justify-content:flex-start}:host(.ic-back-to-top-left) ic-button{margin-left:var(--margin-left, 1rem)}:host(.ic-back-to-top-left) .ic-back-to-top-icon{padding-top:var(--ic-space-xxs);padding-right:var(--ic-space-xs)}:host(.ic-back-to-top-center){justify-content:center}:host(.ic-back-to-top-center) .ic-back-to-top-icon{padding-top:var(--ic-space-xxs);padding-right:var(--ic-space-xs)}ic-button{height:2.5rem;align-items:center;background-color:var(--ic-color-background-primary);border-radius:5rem;box-shadow:var(--ic-elevation-overlay);visibility:hidden;position:fixed;bottom:var(--ic-space-md);opacity:0;transition:visibility 0s linear var(--ic-transition-duration-slow),\n opacity var(--ic-transition-duration-slow);z-index:var(--ic-z-index-back-to-top)}:host(
|
|
4338
|
+
const icBackToTopCss = "/*! 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:flex;flex:row;height:0.1px}:host(.ic-back-to-top-right){justify-content:flex-end}:host(.ic-back-to-top-right) ic-button{margin-right:var(--margin-right, 1rem)}:host(.ic-back-to-top-right) .ic-back-to-top-icon{padding-top:var(--ic-space-xxs);padding-right:var(--ic-space-xs)}:host(.ic-back-to-top-left){justify-content:flex-start}:host(.ic-back-to-top-left) ic-button{margin-left:var(--margin-left, 1rem)}:host(.ic-back-to-top-left) .ic-back-to-top-icon{padding-top:var(--ic-space-xxs);padding-right:var(--ic-space-xs)}:host(.ic-back-to-top-center){justify-content:center}:host(.ic-back-to-top-center) .ic-back-to-top-icon{padding-top:var(--ic-space-xxs);padding-right:var(--ic-space-xs)}ic-button{height:2.5rem;align-items:center;background-color:var(--ic-color-background-primary);border-radius:5rem;box-shadow:var(--ic-elevation-overlay);visibility:hidden;position:fixed;bottom:var(--ic-space-md);opacity:0;transition:visibility 0s linear var(--ic-transition-duration-slow),\n opacity var(--ic-transition-duration-slow);z-index:var(--ic-z-index-back-to-top)}:host(.ic-back-to-top-variant-icon) ic-button::part(button){margin:0}ic-button::part(button){border-radius:5rem}ic-button.show{visibility:visible;opacity:1;transition:visibility 0s linear 0s,\n opacity var(--ic-transition-duration-slow),\n box-shadow var(--ic-easing-transition-fast)}ic-button.offset-banner:not(.by-footer){margin-bottom:var(--footer-offset, var(--ic-space-lg))}.ic-back-to-top-icon>svg{height:var(--ic-space-md);width:var(--ic-space-md)}.icon-only{width:2.5rem}.icon-only .ic-back-to-top-icon>svg{padding-left:calc(var(--ic-space-xs) - var(--ic-space-1px))}ic-button.by-footer{position:relative;bottom:var(--footer-offset, 3.5rem)}@media (forced-colors: active){.icon-only .ic-back-to-top-icon>svg{padding-left:calc(var(--ic-space-xs) - var(--ic-space-xxxs))}}";
|
|
4334
4339
|
var IcBackToTopStyle0 = icBackToTopCss;
|
|
4335
4340
|
|
|
4336
4341
|
const backToTopLabel = "Back to top";
|
|
@@ -4464,15 +4469,16 @@ class BackToTop {
|
|
|
4464
4469
|
const btnVariant = variant === "icon" ? "icon-secondary" : "secondary";
|
|
4465
4470
|
const size = variant === "icon" ? "large" : "medium";
|
|
4466
4471
|
const label = variant === "icon" ? "" : backToTopLabel;
|
|
4467
|
-
return (hAsync(Host, { key: '
|
|
4472
|
+
return (hAsync(Host, { key: '2c281b238cd14437e120084c35ae86089cd49fe9', class: {
|
|
4468
4473
|
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
|
4469
4474
|
[`ic-back-to-top-${this.position}`]: true,
|
|
4470
|
-
|
|
4475
|
+
[`ic-back-to-top-variant-icon`]: variant === "icon",
|
|
4476
|
+
} }, hAsync("ic-button", { key: '15bcf38bcc837a9723e5af644551b24845d4cbbb', "aria-label": backToTopLabel, variant: btnVariant, size: size, onClick: this.handleClick, class: {
|
|
4471
4477
|
["offset-banner"]: bannerOffset,
|
|
4472
4478
|
["show"]: !targetElVisible,
|
|
4473
4479
|
["by-footer"]: footerVisible,
|
|
4474
4480
|
["icon-only"]: variant === "icon",
|
|
4475
|
-
}, theme: this.theme }, hAsync("span", { key: '
|
|
4481
|
+
}, theme: this.theme }, hAsync("span", { key: '4d6d2e0390eda5cd6db7f26bd597db7fef9c81c0', class: "ic-back-to-top-icon", innerHTML: ArrowUpward }), label)));
|
|
4476
4482
|
}
|
|
4477
4483
|
static get delegatesFocus() { return true; }
|
|
4478
4484
|
get el() { return getElement(this); }
|
|
@@ -4656,7 +4662,7 @@ class Badge {
|
|
|
4656
4662
|
}
|
|
4657
4663
|
render() {
|
|
4658
4664
|
const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, theme, } = this;
|
|
4659
|
-
return (hAsync(Host, { key: '
|
|
4665
|
+
return (hAsync(Host, { key: '0a7aab65643b79886f4134e59c195e33d8340e43', class: {
|
|
4660
4666
|
[`ic-badge-${position}`]: true,
|
|
4661
4667
|
[`ic-badge-${size}`]: true,
|
|
4662
4668
|
[`ic-badge-${variant}`]: true,
|
|
@@ -4664,7 +4670,7 @@ class Badge {
|
|
|
4664
4670
|
[`ic-badge-foreground-${foregroundColour}`]: foregroundColour !== null && variant === "custom",
|
|
4665
4671
|
[`${visible ? "ic-badge-show" : "ic-badge-hide"}`]: true,
|
|
4666
4672
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
4667
|
-
}, id: el.id || null, "aria-label": ariaLabel, role: "status" }, type === "icon" && hAsync("slot", { key: '
|
|
4673
|
+
}, id: el.id || null, "aria-label": ariaLabel, role: "status" }, type === "icon" && hAsync("slot", { key: 'e9684e9e92784e628f984a4980b512268565de0f', name: "badge-icon" }), type === "text" && label && (hAsync("ic-typography", { key: 'f02681caadcec768afe078a9fe94aa1fe8314895', variant: size === "small" ? "badge-small" : "badge" }, getLabel())), type === "dot" && hAsync("span", { key: '5065cf6a359ef976dac4c914bca25e8999f54ae1', class: "sr-only" }, "badge")));
|
|
4668
4674
|
}
|
|
4669
4675
|
static get delegatesFocus() { return true; }
|
|
4670
4676
|
get el() { return getElement(this); }
|
|
@@ -4701,7 +4707,7 @@ var backIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/20
|
|
|
4701
4707
|
</svg>
|
|
4702
4708
|
`;
|
|
4703
4709
|
|
|
4704
|
-
const icBreadcrumbCss = ":host{display:block;margin:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}:host .breadcrumb{display:flex;align-items:center;white-space:nowrap;gap:var(--ic-space-xs);min-height:var(--ic-space-lg)}:host .chevron{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host .chevron svg,:host(.ic-breadcrumb-monochrome) .chevron svg{color:var(--ic-breadcrumb-icon-chevron)}:host(:first-child) .chevron{display:none}.back-icon svg{color:var(--ic-breadcrumb-icon)}:host(.ic-breadcrumb-monochrome) .back-icon svg{color:var(--ic-breadcrumb-icon-monochrome)}:host(.ic-breadcrumb-back){display:flex;align-items:center}:host(.ic-breadcrumb-back) .chevron{display:none}ic-link{--breadcrumb-link-display:inline-flex;--breadcrumb-link-align-items:center;--breadcrumb-link-gap:var(--ic-space-xs)}:host(
|
|
4710
|
+
const icBreadcrumbCss = ":host{display:block;margin:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}:host .breadcrumb{display:flex;align-items:center;white-space:nowrap;gap:var(--ic-space-xs);min-height:var(--ic-space-lg)}:host .chevron{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host .chevron svg,:host(.ic-breadcrumb-monochrome) .chevron svg{color:var(--ic-breadcrumb-icon-chevron)}:host(:first-child) .chevron{display:none}.back-icon svg{color:var(--ic-breadcrumb-icon)}:host(.ic-breadcrumb-monochrome) .back-icon svg{color:var(--ic-breadcrumb-icon-monochrome)}:host(.ic-breadcrumb-back){display:flex;align-items:center}:host(.ic-breadcrumb-back) .chevron{display:none}ic-link{--breadcrumb-link-display:inline-flex;--breadcrumb-link-align-items:center;--breadcrumb-link-gap:var(--ic-space-xs)}:host(.ic-breadcrumb-aria-current-page){cursor:text}:host(.ic-breadcrumb-aria-current-page) .current-page-container{display:flex;align-items:center;gap:var(--ic-space-xs);color:var(--ic-breadcrumb-text)}:host(.ic-breadcrumb-aria-current-page).ic-breadcrumb-monochrome .current-page-container{color:var(--ic-breadcrumb-text-monochrome)}:host(.ic-breadcrumb-aria-current-page) slot{pointer-events:none}:host(.collapsed-breadcrumb-wrapper){margin-right:var(--ic-space-xs) !important;display:flex;align-items:center;gap:var(--ic-space-xs)}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb){border:none;background-color:transparent;color:var(--ic-color-hyperlink-default);text-decoration:underline;font-weight:var(--ic-font-weight-bold);cursor:pointer}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus){outline:var(--ic-hc-focus-outline);border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}.hide,:host(.collapsed-breadcrumb-wrapper) ::slotted(.hide){display:none}.slotted-link-container{gap:var(--ic-space-xs);display:flex}.slotted-link-container .back-icon{width:1.5rem;height:1.5rem}.slotted-link-container .link-wrapper{line-height:1.5rem}@media (forced-colors: active){.back-icon svg{color:currentcolor}}@supports (text-underline-offset: 25%){ic-link{--breadcrumb-link-display:flex}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}";
|
|
4705
4711
|
var IcBreadcrumbStyle0 = icBreadcrumbCss;
|
|
4706
4712
|
|
|
4707
4713
|
/**
|
|
@@ -4791,11 +4797,12 @@ class Breadcrumb {
|
|
|
4791
4797
|
render() {
|
|
4792
4798
|
const { current, href, monochrome, pageTitle, showBackIcon, theme } = this;
|
|
4793
4799
|
const describedById = `${pageTitle === null || pageTitle === void 0 ? void 0 : pageTitle.toLowerCase().replace(" ", "-")}-describedby`;
|
|
4794
|
-
return (hAsync(Host, { key: '
|
|
4800
|
+
return (hAsync(Host, { key: '35d95efd65cb713a1b9b614aa7162a328f1fd5bd', class: {
|
|
4795
4801
|
"ic-breadcrumb-back": showBackIcon,
|
|
4796
4802
|
"ic-breadcrumb-monochrome": monochrome,
|
|
4797
4803
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
4798
|
-
|
|
4804
|
+
[`ic-breadcrumb-aria-current-page`]: current,
|
|
4805
|
+
}, "aria-current": current && "page", role: "listitem" }, hAsync("div", { key: '126bfcb069004244fc0beb4b3f5e3dab652a4057', class: "breadcrumb" }, hAsync("span", { key: '24c4bd1741b5a65b8d348280bd3c680db15edcfc', innerHTML: chevronIcon, class: "chevron", "aria-hidden": "true" }), showBackIcon && (hAsync("span", { key: '501ae0ebd6ce1b77026ab8c447f59abf00db7c73', id: describedById, class: "hide" }, `Back to ${pageTitle}`)), !href ? (hAsync("div", { class: "slotted-link-container" }, showBackIcon && this.renderBackIcon(), hAsync("span", { class: "link-wrapper" }, hAsync("slot", null)))) : current ? (hAsync("span", { class: "current-page-container" }, isSlotUsed$1(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle)) : (hAsync("ic-link", { theme: theme, monochrome: monochrome, href: href, class: "breadcrumb-link", "aria-describedby": showBackIcon && describedById }, showBackIcon && this.renderBackIcon(), isSlotUsed$1(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle)))));
|
|
4799
4806
|
}
|
|
4800
4807
|
static get delegatesFocus() { return true; }
|
|
4801
4808
|
get el() { return getElement(this); }
|
|
@@ -5037,11 +5044,11 @@ class BreadcrumbGroup {
|
|
|
5037
5044
|
}
|
|
5038
5045
|
render() {
|
|
5039
5046
|
const { backBreadcrumbOnly, collapsed, theme } = this;
|
|
5040
|
-
return (hAsync(Host, { key: '
|
|
5047
|
+
return (hAsync(Host, { key: 'c2828a2c275ac4341d26054b2de81bd93591a783', class: {
|
|
5041
5048
|
"ic-breadcrumb-group-back": backBreadcrumbOnly,
|
|
5042
5049
|
"ic-breadcrumb-group-collapsed": collapsed,
|
|
5043
5050
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
5044
|
-
} }, hAsync("nav", { key: '
|
|
5051
|
+
} }, hAsync("nav", { key: '44c0b96801da788bbfa96b138348d05214270b60', "aria-label": "breadcrumbs" }, hAsync("ol", { key: '1f0549af4262e1f3181168dce91b7af6c6820dc3' }, hAsync("slot", { key: '8603a718735d00643bedf8b3b3fed554234d710e' })))));
|
|
5045
5052
|
}
|
|
5046
5053
|
get el() { return getElement(this); }
|
|
5047
5054
|
static get watchers() { return {
|
|
@@ -5107,7 +5114,6 @@ class Button {
|
|
|
5107
5114
|
this.mutationObserver = null;
|
|
5108
5115
|
this.hostMutationObserver = null;
|
|
5109
5116
|
this.ariaLabel = "";
|
|
5110
|
-
this.describedByContent = "";
|
|
5111
5117
|
this.title = "";
|
|
5112
5118
|
/**
|
|
5113
5119
|
* If `fileUpload` is set to `true`, this is the accepted list of file types.
|
|
@@ -5208,11 +5214,31 @@ class Button {
|
|
|
5208
5214
|
this.icBlur.emit();
|
|
5209
5215
|
};
|
|
5210
5216
|
/**
|
|
5211
|
-
*
|
|
5217
|
+
* Creates/updates clone of aria-describedby element node tree in shadow dom
|
|
5218
|
+
* Required due to ids being scoped to the shadow dom
|
|
5219
|
+
*/
|
|
5220
|
+
this.updateAriaDescribedbyClone = () => {
|
|
5221
|
+
var _a, _b;
|
|
5222
|
+
if (this.describedbyNode) {
|
|
5223
|
+
const wrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("#describedby-wrapper");
|
|
5224
|
+
if (!wrapper) {
|
|
5225
|
+
(_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.appendChild(Object.assign(document.createElement("div"), {
|
|
5226
|
+
id: "describedby-wrapper",
|
|
5227
|
+
className: "ic-button-describedby",
|
|
5228
|
+
}));
|
|
5229
|
+
}
|
|
5230
|
+
while (wrapper === null || wrapper === void 0 ? void 0 : wrapper.firstChild)
|
|
5231
|
+
wrapper.firstChild.remove();
|
|
5232
|
+
wrapper === null || wrapper === void 0 ? void 0 : wrapper.appendChild(this.describedbyNode);
|
|
5233
|
+
}
|
|
5234
|
+
};
|
|
5235
|
+
/**
|
|
5236
|
+
* Triggered when light dom aria-describedby element updates
|
|
5212
5237
|
*/
|
|
5213
5238
|
this.mutationCallback = () => {
|
|
5214
5239
|
var _a;
|
|
5215
|
-
|
|
5240
|
+
if (this.describedbyEl)
|
|
5241
|
+
this.describedbyNode = (_a = this.describedbyEl) === null || _a === void 0 ? void 0 : _a.cloneNode(true);
|
|
5216
5242
|
};
|
|
5217
5243
|
/**
|
|
5218
5244
|
* Triggered when attributes of host element change
|
|
@@ -5296,6 +5322,9 @@ class Button {
|
|
|
5296
5322
|
}
|
|
5297
5323
|
};
|
|
5298
5324
|
}
|
|
5325
|
+
watchDescribedbyNodeHandler() {
|
|
5326
|
+
this.updateAriaDescribedbyClone();
|
|
5327
|
+
}
|
|
5299
5328
|
watchDisabledHandler() {
|
|
5300
5329
|
removeDisabledFalse$1(this.disabled, this.el);
|
|
5301
5330
|
}
|
|
@@ -5315,8 +5344,7 @@ class Button {
|
|
|
5315
5344
|
this.setHasTooltip();
|
|
5316
5345
|
}
|
|
5317
5346
|
componentWillLoad() {
|
|
5318
|
-
|
|
5319
|
-
const _b = inheritAttributes(this.el, [...IC_INHERITED_ARIA, "title"]), { title, "aria-label": ariaLabel } = _b, restInheritedAttributes = __rest$1(_b, ["title", "aria-label"]);
|
|
5347
|
+
const _a = inheritAttributes(this.el, [...IC_INHERITED_ARIA, "title"]), { title, "aria-label": ariaLabel } = _a, restInheritedAttributes = __rest$1(_a, ["title", "aria-label"]);
|
|
5320
5348
|
this.title = title;
|
|
5321
5349
|
this.ariaLabel = ariaLabel;
|
|
5322
5350
|
this.inheritedAttributes = restInheritedAttributes;
|
|
@@ -5328,10 +5356,10 @@ class Button {
|
|
|
5328
5356
|
const describedById = this.inheritedAttributes["aria-describedby"];
|
|
5329
5357
|
if (describedById) {
|
|
5330
5358
|
this.describedById = describedById;
|
|
5331
|
-
const el =
|
|
5359
|
+
const el = document.querySelector(`#${describedById}`);
|
|
5332
5360
|
if (el) {
|
|
5333
|
-
this.describedByContent = el.innerText;
|
|
5334
5361
|
this.describedbyEl = el;
|
|
5362
|
+
this.describedbyNode = el.cloneNode(true);
|
|
5335
5363
|
}
|
|
5336
5364
|
}
|
|
5337
5365
|
}
|
|
@@ -5357,6 +5385,7 @@ class Button {
|
|
|
5357
5385
|
if (this.hasRouterSlot())
|
|
5358
5386
|
this.arrangeRouterItem();
|
|
5359
5387
|
}
|
|
5388
|
+
this.updateAriaDescribedbyClone();
|
|
5360
5389
|
}
|
|
5361
5390
|
componentWillRender() {
|
|
5362
5391
|
const iconEl = this.getSlottedIcon("left") || this.getSlottedIcon("right");
|
|
@@ -5412,7 +5441,7 @@ class Button {
|
|
|
5412
5441
|
}
|
|
5413
5442
|
}
|
|
5414
5443
|
render() {
|
|
5415
|
-
const { ariaControlsId, ariaLabel, ariaOwnsId, buttonIdNum,
|
|
5444
|
+
const { ariaControlsId, ariaLabel, ariaOwnsId, buttonIdNum, describedById, disabled, download, dropdown, dropdownExpanded, form, formaction, formenctype, formmethod, formnovalidate, formtarget, fullWidth, handleClick, handleKeyDown, hasTooltip, href, hreflang, id, inheritedAttributes, isIconVariant, loading, monochrome, onBlur, onFocus, referrerpolicy, rel, size, target, theme, title, tooltipFixedPositioning, tooltipPlacement, transparentBackground, type, variant, } = this;
|
|
5416
5445
|
const TagType = href ? "a" : "button";
|
|
5417
5446
|
const buttonAttrs = TagType === "button"
|
|
5418
5447
|
? {
|
|
@@ -5446,7 +5475,7 @@ class Button {
|
|
|
5446
5475
|
variant !== "destructive" && (hAsync("span", { class: dropdownExpanded
|
|
5447
5476
|
? "dropdown-expanded"
|
|
5448
5477
|
: "arrow-dropdown", innerHTML: arrowDropdown$1 }))))));
|
|
5449
|
-
return (hAsync(Host, { key: '
|
|
5478
|
+
return (hAsync(Host, { key: '4e15c7ddb5f7d220f52848c36fc9b26932daeb8e', class: {
|
|
5450
5479
|
"ic-button-disabled": disabled && !loading,
|
|
5451
5480
|
"ic-button-full-width": fullWidth,
|
|
5452
5481
|
"ic-button-loading": loading,
|
|
@@ -5462,11 +5491,12 @@ class Button {
|
|
|
5462
5491
|
monochrome,
|
|
5463
5492
|
"top-icon": isSlotUsed$1(this.el, "top-icon"),
|
|
5464
5493
|
"with-badge": isSlotUsed$1(this.el, "badge"),
|
|
5465
|
-
}, onClick: handleClick, onKeyDown: handleKeyDown, "aria-owns": ariaOwnsId, "aria-controls": ariaControlsId, "aria-expanded": dropdown && `${dropdownExpanded}` }, hasTooltip && (hAsync("ic-tooltip", { key: '
|
|
5494
|
+
}, onClick: handleClick, onKeyDown: handleKeyDown, "aria-owns": ariaOwnsId, "aria-controls": ariaControlsId, "aria-expanded": dropdown && `${dropdownExpanded}` }, hasTooltip && (hAsync("ic-tooltip", { key: 'a6b3305c993a950f41b2cc44812a35239b4ef717', id: describedby, label: title || ariaLabel, target: buttonId, placement: tooltipPlacement, fixedPositioning: tooltipFixedPositioning, silent: isIconVariant() && !!ariaLabel }, hAsync(ButtonContent, { key: '146f8c894991641b88313d8947c5ac4e1d204049' }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: '4aede0d2f30748690130dfba00612b3adc859c10', name: "badge" }), !hasTooltip && hAsync(ButtonContent, { key: 'bf1fd18f9c47ea1199babace3584855499a2776c' })));
|
|
5466
5495
|
}
|
|
5467
5496
|
static get delegatesFocus() { return true; }
|
|
5468
5497
|
get el() { return getElement(this); }
|
|
5469
5498
|
static get watchers() { return {
|
|
5499
|
+
"describedbyNode": ["watchDescribedbyNodeHandler"],
|
|
5470
5500
|
"disabled": ["watchDisabledHandler"],
|
|
5471
5501
|
"variant": ["watchVariantHandler"]
|
|
5472
5502
|
}; }
|
|
@@ -5509,7 +5539,7 @@ class Button {
|
|
|
5509
5539
|
"type": [1],
|
|
5510
5540
|
"variant": [1025],
|
|
5511
5541
|
"ariaLabel": [32],
|
|
5512
|
-
"
|
|
5542
|
+
"describedbyNode": [32],
|
|
5513
5543
|
"title": [32],
|
|
5514
5544
|
"setFocus": [64]
|
|
5515
5545
|
},
|
|
@@ -5803,20 +5833,27 @@ const renderDynamicChildSlots = (mutationList, slotNames, ref) => {
|
|
|
5803
5833
|
if (hasDynamicChildSlots(mutationList, slotNames)) ;
|
|
5804
5834
|
};
|
|
5805
5835
|
|
|
5806
|
-
const icCardHorizontalCss = "/*! 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:flex;--card-max-width:
|
|
5836
|
+
const icCardHorizontalCss = "/*! 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:flex;--card-max-width:550px;--image-size:132px;--message-max-lines:2}.card.small{--card-max-width:360px;--image-size:calc(var(--ic-space-sm) * 10)}.card.small.spacious{--image-size:100px}.card.large{--card-max-width:1130px;--image-size:164px;--message-max-lines:3}.card.large .card-message{margin-top:var(--ic-space-md)}a{text-decoration:none !important;color:var(--ic-card-text-primary) !important}button{border:none;background-color:transparent;outline:var(--ic-hc-focus-outline);padding:0}.card,.card.clickable{display:flex;flex-direction:row;border:var(--ic-space-1px) solid var(--ic-card-border-primary);border-radius:var(--ic-border-radius);box-sizing:border-box;text-align:left;color:var(--ic-card-text-primary);transition:var(--ic-easing-transition-fast);position:relative;max-width:var(--card-max-width);height:-moz-fit-content;height:fit-content;width:var(--card-horizontal-width, -moz-fit-content);width:var(--card-horizontal-width, fit-content)}.dark.card,.dark.card.clickable{border:var(--ic-border-width) solid\n var(--ic-color-border-neutral-pressed-dark)}.card.clickable:hover{background-color:var(--ic-card-background-hover);border:var(--ic-space-1px) solid var(--ic-card-hover-border-color);cursor:pointer}.card.clickable:focus,.card.clickable.focussed{background-color:var(--ic-card-background-hover);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border:var(--ic-space-1px) solid var(--ic-card-pressed-border-color)}.card.clickable:active{background-color:var(--ic-card-background-pressed);box-shadow:var(--ic-border-focus)}.card.disabled{border:var(--ic-space-1px) dashed var(--ic-card-disabled-border-color)}.card-header{display:flex;align-items:center}.icon{display:flex;align-items:center;padding-right:var(--ic-space-xs)}.card ::slotted(svg){fill:var(--ic-card-icon)}.card.disabled ::slotted(svg){fill:var(--ic-card-icon-disabled)}.card.clickable .card-title{--ic-typography-color:var(--ic-card-clickable-text);color:var(--ic-card-clickable-text);text-decoration:underline;text-decoration-thickness:var(--ic-space-1px)}.card.clickable:hover .card-title,.card.clickable:focus .card-title,.card.clickable.focussed .card-title{display:inline-block;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}.card.clickable:active .card-title{text-decoration:none}.card.disabled .card-title{text-decoration:underline;text-decoration-thickness:var(--ic-space-1px);text-decoration-color:var(--ic-card-disabled-text);color:var(--ic-card-disabled-text);--ic-typography-color:var(--ic-card-disabled-text)}.card-message{margin-top:var(--ic-space-xs);align-items:left}.card.disabled .card-message,.card.disabled .subheading{--ic-typography-color:var(--ic-card-disabled-text)}.image{display:flex;border-radius:var(--ic-border-radius)}.image ::slotted([slot=\"image-left\"]),.image ::slotted([slot=\"image-right\"]){height:var(--image-size);width:var(--image-size)}.card-content{display:flex;flex-direction:column;padding:var(--ic-space-md)}.card .card-title ::slotted([slot=\"heading\"]),.card .card-title ic-typography p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(var(--card-max-width) - var(--ic-space-xl))}.card.with-icon .card-title ::slotted([slot=\"heading\"]),.card.with-icon .card-title ic-typography p{max-width:calc(var(--card-max-width) - (2 * var(--ic-space-xl)))}.card.with-image .card-title ::slotted([slot=\"heading\"]),.card.with-image .card-title ic-typography p{max-width:calc(\n var(--card-max-width) - var(--image-size) - var(--ic-space-xl)\n )}.card.with-image.with-icon .card-title ::slotted([slot=\"heading\"]),.card.with-image.with-icon .card-title ic-typography p{max-width:calc(\n var(--card-max-width) - var(--image-size) - (2 * var(--ic-space-xl))\n )}.card .card-message ::slotted([slot=\"message\"]),.card .card-message ic-typography{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--message-max-lines, initial);-webkit-line-clamp:var(--message-max-lines, initial);overflow:hidden}.card.spacious{padding:var(--ic-space-md)}.card.spacious .card-content{padding:0}.card.spacious .card-content.left-image{padding:0 0 0 var(--ic-space-md)}.card.spacious .card-content.right-image{padding:0 var(--ic-space-md) 0 0}.card.spacious .image ::slotted([slot=\"image-left\"]),.card.spacious .image ::slotted([slot=\"image-right\"]){border-radius:var(--ic-border-radius)}.interaction-button{margin-left:auto}.adornment{margin-top:var(--ic-space-xxs)}.subheading{margin-top:var(--ic-space-xxs)}.card-title.with-interaction-button{margin-right:var(--ic-space-md)}::slotted(p),::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){line-height:normal}@media (forced-colors: active){.card ::slotted(svg){fill:currentcolor}.card.disabled ::slotted(svg){fill:GrayText !important}.card.disabled{border-color:GrayText !important}.card.disabled .card-message,.card.disabled .card-title,.card.disabled .subheading{color:GrayText;--ic-typography-color:GrayText}}";
|
|
5807
5837
|
var IcCardHorizontalStyle0 = icCardHorizontalCss;
|
|
5808
5838
|
|
|
5809
5839
|
/**
|
|
5810
5840
|
* @slot heading - Content will be placed at the top of the horizontal card to the right of the icon.
|
|
5811
5841
|
* @slot message - Content will be placed in the main body of the horizontal card.
|
|
5812
|
-
* @slot
|
|
5842
|
+
* @slot subheading - Content will be placed below the card heading. Only for `density="spacious"`.
|
|
5843
|
+
* @slot adornment - Content will be placed below the card subheading. Only for `density="spacious"`.
|
|
5844
|
+
* @slot image-left - Content will be placed to the left of all other content.
|
|
5845
|
+
* @slot image-right - Content will be placed to the right of all other content.
|
|
5813
5846
|
* @slot icon - Content will be placed to the left of the horizontal card heading.
|
|
5847
|
+
* @slot interaction-button - Content will be placed in the top right corner of the heading section.
|
|
5814
5848
|
* @slot badge - Badge component overlaying the top right of the horizontal card.
|
|
5815
5849
|
*/
|
|
5816
5850
|
class Card {
|
|
5817
5851
|
constructor(hostRef) {
|
|
5818
5852
|
registerInstance(this, hostRef);
|
|
5819
5853
|
this.hostMutationObserver = null;
|
|
5854
|
+
this.IMAGE_LEFT = "image-left";
|
|
5855
|
+
this.IMAGE_RIGHT = "image-right";
|
|
5856
|
+
this.INTERACTION_BUTTON = "interaction-button";
|
|
5820
5857
|
this.appearance = "default";
|
|
5821
5858
|
this.isFocussed = false;
|
|
5822
5859
|
this.parentEl = null;
|
|
@@ -5825,6 +5862,10 @@ class Card {
|
|
|
5825
5862
|
* If `true`, the horizontal card will be a clickable variant, instead of static.
|
|
5826
5863
|
*/
|
|
5827
5864
|
this.clickable = false;
|
|
5865
|
+
/**
|
|
5866
|
+
* The padding of the horizontal card.
|
|
5867
|
+
*/
|
|
5868
|
+
this.density = "default";
|
|
5828
5869
|
/**
|
|
5829
5870
|
* If `true`, the horizontal card will be disabled if it is clickable.
|
|
5830
5871
|
*/
|
|
@@ -5879,7 +5920,15 @@ class Card {
|
|
|
5879
5920
|
!isSlotUsed(this.el, "heading") &&
|
|
5880
5921
|
onComponentRequiredPropUndefined([{ prop: this.heading, propName: "heading" }], "Card");
|
|
5881
5922
|
this.updateTheme();
|
|
5882
|
-
this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList,
|
|
5923
|
+
this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, [
|
|
5924
|
+
"message",
|
|
5925
|
+
"adornment",
|
|
5926
|
+
this.IMAGE_LEFT,
|
|
5927
|
+
this.IMAGE_RIGHT,
|
|
5928
|
+
"icon",
|
|
5929
|
+
this.INTERACTION_BUTTON,
|
|
5930
|
+
"badge",
|
|
5931
|
+
]));
|
|
5883
5932
|
this.hostMutationObserver.observe(this.el, {
|
|
5884
5933
|
childList: true,
|
|
5885
5934
|
});
|
|
@@ -5916,7 +5965,7 @@ class Card {
|
|
|
5916
5965
|
}
|
|
5917
5966
|
}
|
|
5918
5967
|
render() {
|
|
5919
|
-
const { appearance, clickable, disabled, heading, message, href, hreflang, referrerpolicy, rel, target, parentIsAnchorTag, isFocussed, size, theme, } = this;
|
|
5968
|
+
const { appearance, clickable, density, disabled, heading, message, href, hreflang, referrerpolicy, rel, target, parentIsAnchorTag, isFocussed, size, subheading, theme, } = this;
|
|
5920
5969
|
const Component = parentIsAnchorTag || !clickable
|
|
5921
5970
|
? "div"
|
|
5922
5971
|
: href === undefined
|
|
@@ -5929,7 +5978,9 @@ class Card {
|
|
|
5929
5978
|
rel: rel,
|
|
5930
5979
|
target: target,
|
|
5931
5980
|
};
|
|
5932
|
-
|
|
5981
|
+
const hasLeftImage = isSlotUsed(this.el, this.IMAGE_LEFT);
|
|
5982
|
+
const hasRightImage = isSlotUsed(this.el, this.IMAGE_RIGHT);
|
|
5983
|
+
return (hAsync(Host, { key: '71149e1767ee411bc3bb68176aa76d465a9e7277', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync(Component, Object.assign({ key: '10b36cfc0dad51aa4ac98cb37c18824ac98372a6', class: {
|
|
5933
5984
|
card: true,
|
|
5934
5985
|
clickable: clickable && !disabled,
|
|
5935
5986
|
disabled,
|
|
@@ -5937,8 +5988,17 @@ class Card {
|
|
|
5937
5988
|
dark: appearance === IcBrandForegroundEnum.Dark,
|
|
5938
5989
|
[`${size}`]: true,
|
|
5939
5990
|
"with-icon": isSlotUsed(this.el, "icon"),
|
|
5940
|
-
"with-image":
|
|
5941
|
-
|
|
5991
|
+
"with-image": hasLeftImage || hasRightImage,
|
|
5992
|
+
spacious: density === "spacious",
|
|
5993
|
+
}, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : undefined, disabled: disabled ? true : undefined }, attrs), hasLeftImage && (hAsync("div", { key: '0df46b54576173ca424a61b6fee99f94011e07ca', class: "image" }, hAsync("slot", { key: '7f9fc4613ee4ab8ae3790a01884c2f8a0b07e4b2', name: "image-left" }))), hAsync("div", { key: '54f3d5a785156094e9162312e6967fd610612e55', class: {
|
|
5994
|
+
"card-content": true,
|
|
5995
|
+
"left-image": hasLeftImage,
|
|
5996
|
+
"right-image": hasRightImage,
|
|
5997
|
+
} }, hAsync("div", { key: 'ca54104523a6f294092cea4c9361b1ef45235325', class: "card-header" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: 'bd65772f58d6f3ac1722e98da6a3cee1586fadeb', class: "icon" }, hAsync("slot", { key: '9c2ed5baffadadf7f4e019844268134861385b9e', name: "icon" }))), hAsync("div", { key: '41c9724ba29c9f576277bad2f4163ea89dd9ec8d', class: {
|
|
5998
|
+
"card-title": true,
|
|
5999
|
+
"with-interaction-button": isSlotUsed(this.el, this.INTERACTION_BUTTON),
|
|
6000
|
+
} }, hAsync("slot", { key: '586bcc0fb595ddae41768ff2117c6bf429cdcc90', name: "heading" }, hAsync("ic-typography", { key: '7e86d81964708451d868a615a387b13f6b84db2a', variant: "h4" }, hAsync("p", { key: '5c584cd409792a753cb7abe28e012e6ba8f23ad0' }, heading)))), isSlotUsed(this.el, this.INTERACTION_BUTTON) && (hAsync("div", { key: '6a88f1edfbf40d5c14e66edc2a8d82575c650584', class: "interaction-button" }, hAsync("slot", { key: '0f01efcb2fa17af8e7c649dd870bc25dcbd622c7', name: "interaction-button" })))), density === "spacious" &&
|
|
6001
|
+
(subheading || isSlotUsed(this.el, "subheading")) && (hAsync("div", { key: 'b6643753651caab3d9392199fdad2aa31e7a2573', class: "subheading" }, hAsync("slot", { key: 'fca9e50b4b3625b03782ed69e3f13909b32c9a40', name: "subheading" }, hAsync("ic-typography", { key: '4c4a225688575fed9d63ca6aa4270d086c6a4571', variant: "subtitle-small" }, subheading)))), density === "spacious" && isSlotUsed(this.el, "adornment") && (hAsync("div", { key: '950d24f7eb8bd16469cd880a73814c886cc7eba6', class: "adornment" }, hAsync("slot", { key: '6082019fb7f20d4fd9352d1bdd6d36cf8fcf569d', name: "adornment" }))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { key: 'f88a674c20fc8296ced85465bc4a38f294393bd8', class: "card-message" }, message && (hAsync("ic-typography", { key: 'b67b8b1abb1af132f64ef31c49ef236b23a769d7', variant: "body" }, message)), isSlotUsed(this.el, "message") && hAsync("slot", { key: 'a4bc98e9018fdd089431467ea022ccee8c1af707', name: "message" })))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '50dfe5ca32b19cc14da9634987d6e12d2f7ec204', name: "badge" }), hasRightImage && (hAsync("div", { key: '2bbdcfa7022f36d99193b5cff064583c7dde7d42', class: "image" }, hAsync("slot", { key: '9a523136628d2401506c73b9e6257cd0843773fb', name: "image-right" }))))));
|
|
5942
6002
|
}
|
|
5943
6003
|
get el() { return getElement(this); }
|
|
5944
6004
|
static get watchers() { return {
|
|
@@ -5950,6 +6010,7 @@ class Card {
|
|
|
5950
6010
|
"$tagName$": "ic-card-horizontal",
|
|
5951
6011
|
"$members$": {
|
|
5952
6012
|
"clickable": [1028],
|
|
6013
|
+
"density": [1],
|
|
5953
6014
|
"disabled": [4],
|
|
5954
6015
|
"heading": [1],
|
|
5955
6016
|
"href": [1],
|
|
@@ -5958,6 +6019,7 @@ class Card {
|
|
|
5958
6019
|
"referrerpolicy": [1],
|
|
5959
6020
|
"rel": [1],
|
|
5960
6021
|
"size": [1],
|
|
6022
|
+
"subheading": [1],
|
|
5961
6023
|
"target": [1],
|
|
5962
6024
|
"theme": [1],
|
|
5963
6025
|
"appearance": [32],
|
|
@@ -6124,19 +6186,19 @@ class CardVertical {
|
|
|
6124
6186
|
rel: rel,
|
|
6125
6187
|
target: target,
|
|
6126
6188
|
};
|
|
6127
|
-
return (hAsync(Host, { key: '
|
|
6189
|
+
return (hAsync(Host, { key: 'aeff3ef22b085acbf30dacb5d3ae0167451044b9', class: {
|
|
6128
6190
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
6129
|
-
} }, hAsync(Component, Object.assign({ key: '
|
|
6191
|
+
} }, hAsync(Component, Object.assign({ key: 'a451e5f53149283ee77878ccc3e699beae669f24', class: {
|
|
6130
6192
|
card: true,
|
|
6131
6193
|
clickable: !!clickable && !disabled,
|
|
6132
6194
|
disabled: !!disabled,
|
|
6133
6195
|
fullwidth: !!fullWidth,
|
|
6134
6196
|
focussed: isFocussed,
|
|
6135
6197
|
monochrome: monochrome,
|
|
6136
|
-
}, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : null, disabled: disabled }, attrs), isSlotUsed$1(this.el, "image-top") && (hAsync("div", { key: '
|
|
6198
|
+
}, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : null, disabled: disabled }, attrs), isSlotUsed$1(this.el, "image-top") && (hAsync("div", { key: '2ec35ab8d6e1224c0a393c92a72e403e4c5fc8fc', class: "image-top" }, hAsync("slot", { key: 'c859ae1e242284b586df2ce7627c316021b8ef54', name: "image-top" }))), hAsync("div", { key: '55f21501b3d95e1f5bf3a69542dab57d00379e63', class: "card-header" }, isSlotUsed$1(this.el, "icon") && (hAsync("div", { key: 'f95e7224d6e8548f33a8861025a1651a3bc953a4', class: "icon" }, hAsync("slot", { key: '1102f6f88e830613365cb0bfe3e5c4481b3a207e', name: "icon" }))), hAsync("div", { key: '3122872ef284640debbf7182d36f9cd4c6032ae4', class: "card-title" }, hAsync("slot", { key: 'f51213257b0ff6e195852ca006e9cba35103f210', name: "heading" }, hAsync("ic-typography", { key: '7d82fce416b7579ac23e2154ef512bd8f3181bc3', variant: "h4" }, hAsync("p", { key: 'ad083279b8f012f16d67c182c37bcc6383710ba5' }, heading)))), isSlotUsed$1(this.el, "interaction-button") && (hAsync("div", { key: 'bb47af0b373f295cb1bcd1b72df6c325e257c2ed', class: "interaction-button" }, hAsync("slot", { key: 'fd0fc056e51febf6d9abe76d7ffb0773836e52d3', name: "interaction-button" })))), (subheading || isSlotUsed$1(this.el, "subheading")) && (hAsync("div", { key: '32851c6c59b9ee76aa490210f5888fe410067ca3', class: "subheading" }, hAsync("slot", { key: '5757fd2fd2618f03fee208b855384c29861cadc6', name: "subheading" }, hAsync("ic-typography", { key: '1f206ca1eaf0bcd5693abf3fc3f97303582a5deb', variant: "subtitle-small" }, subheading)))), isSlotUsed$1(this.el, "adornment") && (hAsync("div", { key: 'ceef939617ce12be984f15673e9ef4e71110234c', class: "adornment" }, hAsync("slot", { key: '127e2dfa77b74a19070e90361d26fe1358539ca2', name: "adornment" }))), isSlotUsed$1(this.el, "image-mid") && (hAsync("div", { key: '0cbc0b6a9638969db6fabcde40ad46044afc4b88', class: "image-mid" }, hAsync("slot", { key: '3e8ae6e25570ed03e7fea0ae4fdd7a779d3022b1', name: "image-mid" }))), (message || isSlotUsed$1(this.el, "message")) && (hAsync("div", { key: '9da59f1aeaa1fcf4bc2a0aa1bd50d3f86faa2af7', class: "card-message" }, message && (hAsync("ic-typography", { key: '4620229c479b782ad5ee0c8e3a7acdf6a8a70d7b', variant: "body" }, message)), isSlotUsed$1(this.el, "message") && hAsync("slot", { key: '959e101cc933319cf297d0f0ebbd46299a24cbd5', name: "message" }))), (isSlotUsed$1(this.el, "interaction-controls") || expandable) && (hAsync("div", { key: 'c4263a3d5f8e22f31cf0e55a868dbf0f52b00692', class: "interaction-area" }, hAsync("div", { key: 'bd5e1d3ff137004ff5c696f611dae1bfefd26e1a', class: "interaction-controls" }, hAsync("slot", { key: '5985495f8f12c825aafcab517d3add5f9741d460', name: "interaction-controls" })), expandable && (hAsync("ic-tooltip", { key: 'e3b12f780303019b7f95ce5a98d7b7194c242c9a', id: "ic-tooltip-expand-button", label: "Toggle expandable area", silent: true }, hAsync("button", { key: '9857a37a37571bd21f500527149ed8bc3806c4f4', class: {
|
|
6137
6199
|
"toggle-button": true,
|
|
6138
6200
|
[`toggle-button-${this.areaExpanded ? "expanded" : "closed"}`]: true,
|
|
6139
|
-
}, "aria-label": "Toggle expandable area", "aria-expanded": `${this.areaExpanded}`, "aria-controls": this.areaExpanded ? "expanded-content-area" : null, onClick: this.toggleExpanded, innerHTML: chevronIcon }))))), isSlotUsed$1(this.el, "expanded-content") && this.areaExpanded && (hAsync("div", { key: '
|
|
6201
|
+
}, "aria-label": "Toggle expandable area", "aria-expanded": `${this.areaExpanded}`, "aria-controls": this.areaExpanded ? "expanded-content-area" : null, onClick: this.toggleExpanded, innerHTML: chevronIcon }))))), isSlotUsed$1(this.el, "expanded-content") && this.areaExpanded && (hAsync("div", { key: '080d0198d37d939cfc506abc5933caac7eaa383d', class: "expanded-content", id: "expanded-content-area" }, hAsync("slot", { key: '6c9b5dd6bfa46d466034255231047b2682e19f96', name: "expanded-content" }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: '1f68304dd15e605320258bf8d14d2df3b0caf344', name: "badge" }))));
|
|
6140
6202
|
}
|
|
6141
6203
|
get el() { return getElement(this); }
|
|
6142
6204
|
static get watchers() { return {
|
|
@@ -6284,17 +6346,17 @@ class Checkbox {
|
|
|
6284
6346
|
checked
|
|
6285
6347
|
? renderHiddenInput$1(el, value, name, disabled)
|
|
6286
6348
|
: removeHiddenInput(el);
|
|
6287
|
-
return (hAsync(Host, { key: '
|
|
6349
|
+
return (hAsync(Host, { key: '085faed0fb3d46c8903cc09959a1a04f36ac2eeb', class: {
|
|
6288
6350
|
"ic-checkbox-disabled": disabled,
|
|
6289
6351
|
[`ic-checkbox-${size}`]: !!size,
|
|
6290
6352
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
6291
|
-
} }, hAsync("div", { key: '
|
|
6353
|
+
} }, hAsync("div", { key: '20c07a9059a4fd3b1b59587771190dfd7ebf70fe', class: "container" }, displayIndeterminate ? (hAsync("div", { class: "indeterminate-symbol" })) : (checked && (hAsync("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, hAsync("title", null, "checkmark icon"), hAsync("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" })))), hAsync("input", { key: '94f8a343a8d80a8ceb68f2cddc300c7c500deae7', role: "checkbox", class: {
|
|
6292
6354
|
checkbox: true,
|
|
6293
6355
|
checked,
|
|
6294
6356
|
indeterminate: displayIndeterminate,
|
|
6295
|
-
}, ref: (el) => (this.checkboxEl = el), type: "checkbox", name: name, id: id, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: handleClick, form: form, "aria-label": hideLabel ? label : undefined }), !hideLabel && (hAsync("ic-typography", { key: '
|
|
6357
|
+
}, ref: (el) => (this.checkboxEl = el), type: "checkbox", name: name, id: id, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: handleClick, form: form, "aria-label": hideLabel ? label : undefined }), !hideLabel && (hAsync("ic-typography", { key: 'b8b137c6cd0b1ee18ca44f8aa55c976b735b7af8', class: "checkbox-label", variant: "body" }, hAsync("label", { key: '44976b751599275d613ff52a816133a896791912', htmlFor: id }, label)))), hAsync("span", { key: 'e1e39b78d26a6d057c722794784b69b422197ff3', id: `${id}-additional-field-description`, role: "alert", class: "sr-only" }, isDynamicAdditionalField && checked ? dynamicText : ""), isSlotUsed$1(el, "additional-field") && (hAsync("div", { key: '62457da0c99d40b8bbfb97d3b41f400ef1a22dd0', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && hAsync("div", { key: '65a6a9deddeb2c2b11fe56273c2d3bc5391f696e', class: "branch-corner" }), hAsync("div", { key: '3e920fd15f6cf506e793bc6386db140332ed390a', class: "dynamic-field-container" }, isDynamicAdditionalField && (hAsync("ic-typography", { key: '0257c5f48fe33b49742d0a5bd50dac4c000a1f04', variant: "caption" }, hAsync("p", { key: '24d8ebe43598283a5e5af287379f3b0f54e17d85', class: "dynamic-text" }, isDynamicAdditionalField && checked ? dynamicText : ""))), hAsync("div", { key: '38bcc265ce747daad6577a244d2db6c7fbd6d22b', class: {
|
|
6296
6358
|
"additional-field-wrapper": !isDynamicAdditionalField,
|
|
6297
|
-
} }, hAsync("slot", { key: '
|
|
6359
|
+
} }, hAsync("slot", { key: '117707c0f26bb70c0c7d13e3d1a01c2120f0f948', name: "additional-field" })))))));
|
|
6298
6360
|
}
|
|
6299
6361
|
static get delegatesFocus() { return true; }
|
|
6300
6362
|
get el() { return getElement(this); }
|
|
@@ -6434,11 +6496,11 @@ class CheckboxGroup {
|
|
|
6434
6496
|
const describedBy = getInputDescribedByText$1(this.el, name, helperText !== "", validationStatus !== "");
|
|
6435
6497
|
const renderSRText = validationStatus === "error" || required || hideLabel;
|
|
6436
6498
|
const showValidation = hasValidationStatus(validationStatus, disabled);
|
|
6437
|
-
return (hAsync(Host, { key: '
|
|
6499
|
+
return (hAsync(Host, { key: '70cd72bffb83cca193e88bc0998023b71af960ca', class: {
|
|
6438
6500
|
"ic-checkbox-group-disabled": !!disabled,
|
|
6439
6501
|
[`ic-checkbox-group-${size}`]: true,
|
|
6440
6502
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
6441
|
-
} }, renderSRText && (hAsync("span", { key: '
|
|
6503
|
+
} }, renderSRText && (hAsync("span", { key: 'ac8a04312dcaa0dbcbd9b648710cc135625adb02', id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { key: '93117da2e287c333ffce1aefb6ab32bf073166fd', id: name, "aria-labelledby": `${renderSRText ? "screenReaderOnlyText" : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", { key: '813906a6e7d3f1c2552a70a6c5c5748a07a6a2e2' }, hAsync("ic-input-label", { key: 'f8cdf69d1eb1976395411cf0ed77727b4bd0718f', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }, hAsync("slot", { key: 'b525218ca3d7833b0aa877a97d70f82b36fa4aa7', name: "helper-text", slot: "helper-text" })))), hAsync("div", { key: '6737cf436e1d061265864ff8c53e4b9f82913985', class: "checkboxes-container" }, hAsync("slot", { key: 'fd176ba39c8dc894695467906e1971c01b770ad9' }))), hAsync("ic-input-validation", { key: '5f7128afd7e50821dfa77973e08ab29d1edbb2fc', class: {
|
|
6442
6504
|
"show-validation": showValidation,
|
|
6443
6505
|
}, for: name, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "" })));
|
|
6444
6506
|
}
|
|
@@ -6571,11 +6633,11 @@ class Chip {
|
|
|
6571
6633
|
render() {
|
|
6572
6634
|
const { label, variant, size, dismissible, visible, disabled, hovered, theme, foregroundColor, dismissLabel, transparentBackground, } = this;
|
|
6573
6635
|
const ariaLabel = `${label} chip`;
|
|
6574
|
-
return (hAsync(Host, { key: '
|
|
6636
|
+
return (hAsync(Host, { key: '91df6058439a8c6dbd74de3d46153e4d0c54d623', class: {
|
|
6575
6637
|
"ic-chip-dismissed": !visible,
|
|
6576
6638
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
6577
6639
|
[`ic-chip-${foregroundColor}-text`]: variant === "filled" && !!foregroundColor,
|
|
6578
|
-
} }, visible && (hAsync("div", { key: '
|
|
6640
|
+
} }, visible && (hAsync("div", { key: 'e7fe4dfe8ebedf808512a29aceef28a6700cd233', class: {
|
|
6579
6641
|
chip: true,
|
|
6580
6642
|
[`${variant}`]: true,
|
|
6581
6643
|
[`${size}`]: true,
|
|
@@ -6583,7 +6645,7 @@ class Chip {
|
|
|
6583
6645
|
dismissible,
|
|
6584
6646
|
hovered,
|
|
6585
6647
|
"non-transparent": variant === "outlined" && !transparentBackground,
|
|
6586
|
-
} }, isSlotUsed$1(this.el, "icon") && (hAsync("div", { key: '
|
|
6648
|
+
} }, isSlotUsed$1(this.el, "icon") && (hAsync("div", { key: '81b38c990e638413596f6e5e8041f68eef20e064', class: "icon" }, hAsync("slot", { key: '3a1fda2665ac0aea65df3bfaa94552f5e6fa2e1e', name: "icon" }))), hAsync("ic-typography", { key: 'a496fa5e7be6ec073cb1b2225b7a1e1f79f94f3f', variant: "label", "apply-vertical-margins": false, class: { label: true, "in-ag-grid": isElInAGGrid(this.el) } }, hAsync("span", { key: '942471f0fd86b350166c14433c40d6d912a52b17' }, label)), dismissible && (hAsync("ic-tooltip", { key: 'c9ea0b5045a625a7b42ae71b22bc9737b05501ee', label: dismissLabel, target: "dismiss-icon", class: { "tooltip-disabled": disabled } }, hAsync("button", { key: '7fb04f03ac698a002fea17de94980623b33502dd', id: "dismiss-icon", class: "dismiss-icon", ref: (el) => (this.buttonEl = el), "aria-label": `${dismissLabel} ${ariaLabel}`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: '99b017ad25c78367d25411312b47aa1f73d8f682', name: "badge" }))), dismissible && (hAsync("div", { key: 'b847f0255a3aaca7f1f24e2de1e939e0a6518c2f', class: "sr-only", "aria-live": "polite" }, !visible ? `Dismissed ${ariaLabel}` : ""))));
|
|
6587
6649
|
}
|
|
6588
6650
|
static get delegatesFocus() { return true; }
|
|
6589
6651
|
get el() { return getElement(this); }
|
|
@@ -6711,10 +6773,10 @@ class DataList {
|
|
|
6711
6773
|
if (size === "small") {
|
|
6712
6774
|
Array.from(el.children).forEach((child) => child.setAttribute("size", "small"));
|
|
6713
6775
|
}
|
|
6714
|
-
return (hAsync(Host, { key: '
|
|
6776
|
+
return (hAsync(Host, { key: 'c66609f65612dca067e70b5762d7eeb797dd2121', class: {
|
|
6715
6777
|
"ic-data-list-small": size === "small",
|
|
6716
6778
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
6717
|
-
} }, hAsync("div", { key: '
|
|
6779
|
+
} }, hAsync("div", { key: '685663251c565cb665c03e9bd39e1d5b2f7ef73b', class: "heading", id: "data-list-heading" }, hAsync("slot", { key: 'e81970054a2053f05f6c0ef378e2509bb602da65', name: "heading" }, hAsync("ic-typography", { key: '860b07bd25a11f7f6a938aab5cbae0c5802bea3e', variant: "h3" }, heading))), hAsync("div", { key: 'c004429938c7c71ac70ee106486f75193cffc2ca', class: "divider" }), hAsync("ul", { key: 'b9e010a5703ecaf75ce3b1cf396901b26618a34a', "aria-labelledby": "data-list-heading", class: "rows" }, hAsync("slot", { key: '684b99425193c3a5e306b67e235b7d85e1802fce' }))));
|
|
6718
6780
|
}
|
|
6719
6781
|
get el() { return getElement(this); }
|
|
6720
6782
|
static get style() { return IcDataListStyle0; }
|
|
@@ -6804,12 +6866,12 @@ class DataRow {
|
|
|
6804
6866
|
}
|
|
6805
6867
|
render() {
|
|
6806
6868
|
const { el, listSize, hasEndComponent, label, renderCellContent, size, theme, value, } = this;
|
|
6807
|
-
return (hAsync(Host, { key: '
|
|
6869
|
+
return (hAsync(Host, { key: '3cfe27bfa3e8e0a563450e3842c31e50a78fcb28', class: {
|
|
6808
6870
|
["ic-data-row-small"]: size === "small",
|
|
6809
6871
|
["breakpoint-medium"]: listSize === "m",
|
|
6810
6872
|
["breakpoint-xs"]: listSize === "xs",
|
|
6811
6873
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
6812
|
-
}, role: "listitem" }, hAsync("div", { key: '
|
|
6874
|
+
}, role: "listitem" }, hAsync("div", { key: '348b7ebe1cec0baab24213e9cc468a7e2274ae31', class: "data" }, hAsync("div", { key: 'a2d9d409a312f20b259a40a85ce37b8928e8da06', class: "text-cells" }, (isSlotUsed$1(el, "label") || label) && renderCellContent("label"), (isSlotUsed$1(el, "value") || value) && renderCellContent("value")), hasEndComponent && (hAsync("div", { key: 'c7f9583403acf4041eebe4b26ff417b453fe07db', class: "end-component" }, hAsync("slot", { key: '837641d249f27635ece7e1eb6505d3e4dbf5492b', name: "end-component" })))), hAsync("div", { key: '9f39724a36e05428a979a589bbed4a09fa2043e0', class: "divider" })));
|
|
6813
6875
|
}
|
|
6814
6876
|
get el() { return getElement(this); }
|
|
6815
6877
|
static get style() { return IcDataRowStyle0; }
|
|
@@ -8216,7 +8278,7 @@ const sanitizeHTMLIconString$1 = (html) => {
|
|
|
8216
8278
|
return purifier.sanitize(html, getCustomElementHandling$1(false));
|
|
8217
8279
|
};
|
|
8218
8280
|
|
|
8219
|
-
const icDataTableCss = ":host{position:relative;display:inline-flex;max-height:100%;width:var(--table-width, 100%);height:100%;min-width:var(--table-min-width);max-width:var(--table-max-width)}tbody{vertical-align:top}.table-container{position:relative;height:calc(100% - var(--ic-space-xxxs));display:flex;flex-direction:column;width:100%}.cell-container{display:flex;min-height:1.5rem;overflow-y:hidden;height:var(--row-height);--ic-typography-color:var(--ic-data-table-text-default-emphasis)}.truncation-show-hide{display:block}.cell-icon.truncation-show-hide{display:flex}.cell-container:not(.data-type-element,.truncation-show-hide){overflow-x:hidden}ic-loading-indicator{position:sticky;top:20px}.table-row-container{position:relative;height:100%;overflow:auto;transition:var(--ic-easing-transition-fast);overflow-anchor:none}:host(
|
|
8281
|
+
const icDataTableCss = ":host{position:relative;display:inline-flex;max-height:100%;width:var(--table-width, 100%);height:100%;min-width:var(--table-min-width);max-width:var(--table-max-width)}tbody{vertical-align:top}.table-container{position:relative;height:calc(100% - var(--ic-space-xxxs));display:flex;flex-direction:column;width:100%}.cell-container{display:flex;min-height:1.5rem;overflow-y:hidden;height:var(--row-height);--ic-typography-color:var(--ic-data-table-text-default-emphasis)}.truncation-show-hide{display:block}.cell-icon.truncation-show-hide{display:flex}.cell-container:not(.data-type-element,.truncation-show-hide){overflow-x:hidden}ic-loading-indicator{position:sticky;top:20px}.table-row-container{position:relative;height:100%;overflow:auto;transition:var(--ic-easing-transition-fast);overflow-anchor:none}:host(.ic-data-table-show-pagination) .table-row-container{height:calc(100% - 3.5625rem)}table{table-layout:var(--table-layout, \"fixed\");border-spacing:0;width:100%;height:var(--table-height, auto)}.table-row-container:focus{outline:none;box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast);z-index:1}:host(.ic-data-table-embedded) .table-row-container{border:var(--ic-table-embedded-border)}.column-header-inner-container{padding:var(--ic-table-cell-padding);box-sizing:border-box}.column-header-inner-container ic-tooltip{pointer-events:none}.column-header-inner-container ic-tooltip.show-trunc-tooltip{pointer-events:auto}.column-header-inner-container ic-tooltip .column-header-text{--ic-line-clamp:1}.column-header-sticky{position:sticky;top:0;z-index:1}.column-header-overlay{position:sticky;top:0;z-index:1;box-shadow:0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n rgb(0 0 0 / 20%)}.row-header-sticky{position:sticky;left:0}.column-header,.table-row{box-sizing:border-box}.table-row-selected{background-image:linear-gradient(\n var(--ic-data-table-cell-background-selected) 0 0\n );background-color:var(--ic-data-table-cell-background) !important}.table-row:hover{background-image:linear-gradient(\n var(--ic-data-table-cell-background-hover) 0 0\n );background-color:var(--ic-data-table-cell-background) !important}.table-row-selected:hover{background-image:linear-gradient(\n var(--ic-data-table-cell-background-selected-hover) 0 0\n )}.sort-button{margin-left:auto}.sort-button:hover{background-color:var(--ic-data-table-icon-button-background-hover)}.sort-button:active{background-color:var(--ic-data-table-icon-button-background-pressed)}.sort-button svg{color:var(--ic-data-table-sort-toggle-icon)}.sort-button-unsorted svg{color:var(--ic-data-table-sort-toggle-icon-default)}.table-density-dense .column-header-inner-container,td.table-density-dense{padding:var(--ic-table-cell-padding-dense) !important}.text-dense{font-size:var(--ic-table-font-size-dense)}.table-density-spacious .column-header-inner-container,td.table-density-spacious{padding:var(--ic-table-cell-padding-spacious) !important}.text-spacious{font-size:var(--ic-table-font-size-spacious)}.column-header-text{font-weight:var(--ic-font-weight-bold)}.dummy-column-header-text{white-space:nowrap;overflow:hidden;height:0;width:-moz-fit-content;width:fit-content}.row-header,.column-header{text-align:left;padding:var(--ic-table-cell-padding);background-color:var(--ic-data-table-header-background);border-right:var(--ic-table-heading-border);border-bottom:var(--ic-table-heading-border);color:var(--ic-data-table-header-text)}.column-header{padding:0;width:var(--column-width);min-width:var(--column-min-width, 4rem);max-width:var(--column-max-width)}.column-header:last-child{border-right:none}.scrollable .column-header:last-child{border-right:var(--ic-table-heading-border) !important}:host(.ic-data-table-embedded) tr:last-child .table-cell,:host(.ic-data-table-embedded) tr:last-child .row-header{border-bottom:none}.column-header-alignment-left,.row-header-alignment-left,.cell-alignment-left{text-align:left !important;justify-content:start !important}.column-header-alignment-right,.row-header-alignment-right,.cell-alignment-right{text-align:right !important;justify-content:end !important}.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography{padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.cell-alignment-right.truncation-show-hide ic-typography{--ellipsis-padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.column-header-alignment-center,.row-header-alignment-center,.cell-alignment-center{text-align:center !important;justify-content:center !important}.table-row{background-color:var(--ic-data-table-cell-background)}.table-row:nth-child(even){background-color:var(--ic-data-table-cell-background-stripe)}.table-cell{padding:var(--ic-table-cell-padding);border-bottom:var(--ic-table-cell-border);overflow:hidden;box-sizing:border-box;max-width:var(--column-max-width);min-width:var(--column-min-width)}.table-cell.with-overflow{overflow:visible}.data-type-string,.data-type-address{text-align:left}.data-type-number,.data-type-date{text-align:right;justify-content:end}.cell-vertical-align-top{vertical-align:top;align-items:flex-start}.cell-vertical-align-middle{vertical-align:middle;align-items:center}.cell-vertical-align-bottom{vertical-align:bottom;align-items:flex-end}.cell-emphasis-low ic-typography{--ic-typography-color:var(--ic-data-table-text-low-emphasis)}.cell-emphasis-high ic-typography{--ic-typography-color:var(--ic-data-table-text-high-emphasis);font-weight:var(--ic-font-weight-bold)}.pagination-container{background-color:var(--ic-data-table-pagination-bar-background-color);border-top:var(--ic-space-1px) solid\n var(--ic-data-table-pagination-bar-keyline)}.screen-reader-sort-text,.table-caption{position:absolute;left:-100rem}.table-cell,.column-header,.row-header{word-wrap:break-word;white-space:pre-wrap}.loading-empty{padding:var(--ic-space-xl) var(--ic-space-xxl);margin-top:var(--ic-space-xl)}.updating-state{padding:0;border-bottom:var(--ic-table-heading-border)}.updating-state-headers{border-bottom:none}.loading{position:absolute;left:calc(50% - 5.9741rem);opacity:0;transition:opacity var(--ic-transition-duration-slow);z-index:calc(var(--ic-z-index-popover) - 1);background-color:var(--ic-data-table-overlay-background);border:var(--ic-space-1px) solid var(--ic-data-table-overlay-border)}.loading.show{opacity:1}.icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-right:var(--ic-space-xxs)}.column-header .icon>svg,.column-header ::slotted(svg){fill:var(--ic-data-table-icon)}.table-cell .icon>svg,.table-cell ::slotted(svg),.cell-description-icon>svg{fill:var(--ic-data-table-icon-default-emphasis)}.cell-emphasis-high .icon>svg,.cell-emphasis-high ::slotted(svg){fill:var(--ic-data-table-icon-high-emphasis)}.cell-emphasis-low .icon>svg,.cell-emphasis-low ::slotted(svg){fill:var(--ic-data-table-icon-low-emphasis)}.column-header-alignment-right>.icon,.row-header-alignment-right>.icon,.cell-alignment-right>.icon,.column-header-alignment-right>::slotted(svg),.row-header-alignment-right>::slotted(svg),.cell-alignment-right>::slotted(svg){margin-right:auto}.column-header-alignment-center>ic-typography,.column-header-alignment-center>.cell-text-wrapper,.row-header-alignment-right>ic-typography,.row-header-alignment-right>.cell-text-wrapper,.cell-alignment-center>ic-typography,.cell-alignment-center>.cell-text-wrapper{flex:1}.checkbox-cell{--column-width:var(--ic-space-xxl);align-content:center;border-right:none}.table-density-dense.checkbox-cell{--column-width:2.5rem}.checkbox-wrapper{display:flex;justify-content:center}.icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}.truncation-tooltip ic-typography{display:-webkit-box;line-clamp:var(--ic-line-clamp, 0);-webkit-line-clamp:var(--ic-line-clamp, 0);-webkit-box-orient:vertical;overflow:hidden}.truncation-tooltip ic-typography,.truncation-show-hide ic-typography{white-space:normal}.ic-tooltip-overflow{overflow:hidden;width:100%}.action-element{display:flex;justify-content:right}.cell-grid-wrapper{display:grid;grid-template-columns:auto auto}.loading-overlay{visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--ic-data-table-loading-indicator-overlay-background);z-index:calc(var(--ic-z-index-popover) - 2);opacity:0;transition:opacity var(--ic-transition-duration-slow)}.loading-overlay.show{visibility:visible;opacity:0.6}.sr-only{position:absolute;left:-9999px}@media (prefers-reduced-motion: reduce){.loading-overlay{transition:none}}.cell-text-wrapper{overflow:hidden}.cell-text-wrapper>ic-typography{margin-left:2px}.cell-text-no-wrap{word-wrap:initial}.cell-container-with-description{display:flex;flex-direction:row}.cell-description{display:flex;flex-direction:row;margin-top:var(--ic-space-xxs);word-break:break-all}.cell-description-text{color:var(--ic-data-table-cell-data-description)}.cell-description-icon{padding-right:var(--ic-space-xs)}.cell-description-icon>svg{height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs));display:flex}@media (min-width: 577px){.column-header-inner-container{display:flex;align-items:center}}@media (max-width: 577px){.cell-icon{flex-wrap:wrap}.cell-description-icon{padding-right:0}}@media (forced-colors: active){.icon,::slotted(svg),.cell-description-icon>svg{fill:currentcolor}.sort-button svg{color:currentcolor}.table-row-selected{background-color:Highlight !important}}";
|
|
8220
8282
|
var IcDataTableStyle0 = icDataTableCss;
|
|
8221
8283
|
|
|
8222
8284
|
/**
|
|
@@ -8278,10 +8340,15 @@ class DataTable {
|
|
|
8278
8340
|
this.CELL_CONTAINER_WITH_DESCRIPTION_STRING = "cell-container-with-description";
|
|
8279
8341
|
this.CELL_TEXT_WRAPPER_STRING = ".cell-text-wrapper";
|
|
8280
8342
|
this.IC_TYPOGRAPHY_STRING = "ic-typography";
|
|
8343
|
+
this.rowIdCounter = 0;
|
|
8344
|
+
this.createRowId = () => {
|
|
8345
|
+
return `row-${this.rowIdCounter++}`;
|
|
8346
|
+
};
|
|
8281
8347
|
this.fromRow = 0;
|
|
8282
8348
|
this.scrollable = false;
|
|
8283
8349
|
this.scrollOffset = 0;
|
|
8284
8350
|
this.selectedRows = [];
|
|
8351
|
+
this.selectedIcRowIds = [];
|
|
8285
8352
|
this.debounceDelay = 0;
|
|
8286
8353
|
/**
|
|
8287
8354
|
* Determines whether the column header should be truncated and display a tooltip. Default is `false`.
|
|
@@ -8894,29 +8961,40 @@ class DataTable {
|
|
|
8894
8961
|
[`text-${this.density}`]: this.notDefaultDensity(),
|
|
8895
8962
|
} }, title)))));
|
|
8896
8963
|
this.onRowClick = (row) => {
|
|
8897
|
-
const notCurrentlySelected = !this.
|
|
8964
|
+
const notCurrentlySelected = !this.selectedIcRowIds.includes(row.icRowId);
|
|
8965
|
+
this.selectedIcRowIds = notCurrentlySelected
|
|
8966
|
+
? [...this.selectedIcRowIds, row.icRowId]
|
|
8967
|
+
: this.selectedIcRowIds.filter((selectedRowId) => selectedRowId !== row.icRowId);
|
|
8898
8968
|
this.selectedRows = notCurrentlySelected
|
|
8899
8969
|
? [...this.selectedRows, row]
|
|
8900
|
-
: this.selectedRows.filter((selectedRow) => selectedRow !== row);
|
|
8970
|
+
: this.selectedRows.filter((selectedRow) => selectedRow.icRowId !== row.icRowId);
|
|
8901
8971
|
this.icSelectedRowChange.emit({
|
|
8902
8972
|
row: notCurrentlySelected ? row : null,
|
|
8903
8973
|
selectedRows: this.selectedRows,
|
|
8974
|
+
icRowId: notCurrentlySelected ? row.icRowId : null,
|
|
8975
|
+
selectedIcRowIds: this.selectedIcRowIds,
|
|
8904
8976
|
});
|
|
8905
8977
|
};
|
|
8906
8978
|
this.selectAllRows = () => {
|
|
8907
8979
|
this.selectedRows =
|
|
8908
8980
|
this.organisedData &&
|
|
8909
|
-
this.
|
|
8981
|
+
this.selectedIcRowIds.length !== this.organisedData.length
|
|
8910
8982
|
? [...this.organisedData]
|
|
8911
8983
|
: [];
|
|
8984
|
+
this.selectedIcRowIds = this.selectedRows.map((row) => row.icRowId);
|
|
8912
8985
|
this.icSelectAllRows.emit(this.selectedRows);
|
|
8913
8986
|
};
|
|
8914
8987
|
this.createRows = () => {
|
|
8915
|
-
var _a, _b, _c, _d;
|
|
8988
|
+
var _a, _b, _c, _d, _e;
|
|
8916
8989
|
const data = this.showPagination
|
|
8917
8990
|
? (_a = this.data) === null || _a === void 0 ? void 0 : _a.slice(this.fromRow, this.toRow)
|
|
8918
8991
|
: (_b = this.data) === null || _b === void 0 ? void 0 : _b.slice();
|
|
8919
8992
|
const paginationOffset = this.showPagination ? this.fromRow : 0;
|
|
8993
|
+
(_c = this.data) === null || _c === void 0 ? void 0 : _c.forEach((row) => {
|
|
8994
|
+
if (!("icRowId" in row)) {
|
|
8995
|
+
row.icRowId = this.createRowId();
|
|
8996
|
+
}
|
|
8997
|
+
});
|
|
8920
8998
|
/**
|
|
8921
8999
|
* Ensures that createCells has a value in data to map over to actually render the slot.
|
|
8922
9000
|
* Removes the need for the user to add it multiple times.
|
|
@@ -8936,13 +9014,13 @@ class DataTable {
|
|
|
8936
9014
|
? addDataToPosition(row, slottedColumns, "")
|
|
8937
9015
|
: row;
|
|
8938
9016
|
});
|
|
8939
|
-
return (
|
|
9017
|
+
return (_d = this.organisedData) === null || _d === void 0 ? void 0 : _d.sort(this.sortable &&
|
|
8940
9018
|
!this.disableAutoSort &&
|
|
8941
9019
|
this.sortedColumn &&
|
|
8942
|
-
!((
|
|
9020
|
+
!((_e = this.columns.find((col) => col.key === this.sortedColumn)) === null || _e === void 0 ? void 0 : _e.disableAutoSort)
|
|
8943
9021
|
? this.getSortFunction()
|
|
8944
9022
|
: undefined).map((row, index) => {
|
|
8945
|
-
const isRowSelected = this.rowSelection && this.
|
|
9023
|
+
const isRowSelected = this.rowSelection && this.selectedIcRowIds.includes(row.icRowId);
|
|
8946
9024
|
const cellIndex = index + paginationOffset;
|
|
8947
9025
|
return (hAsync("tr", { class: {
|
|
8948
9026
|
"table-row": true,
|
|
@@ -9545,7 +9623,7 @@ class DataTable {
|
|
|
9545
9623
|
}
|
|
9546
9624
|
render() {
|
|
9547
9625
|
var _a, _b;
|
|
9548
|
-
const { caption, columns, createColumnHeaders, createUpdatingIndicator, data, density, hideColumnHeaders, rowSelection, loading, loadingOptions, paginationBarOptions, rowsPerPage, scrollable, scrollOffset, selectAllRows, selectedRows, showPagination, sortable, sortedColumn, sortedColumnOrder, stickyColumnHeaders, updateScrollOffset, updating, tableLayout, theme, } = this;
|
|
9626
|
+
const { caption, columns, createColumnHeaders, createUpdatingIndicator, data, density, embedded, hideColumnHeaders, rowSelection, loading, loadingOptions, paginationBarOptions, rowsPerPage, scrollable, scrollOffset, selectAllRows, selectedRows, showPagination, sortable, sortedColumn, sortedColumnOrder, stickyColumnHeaders, updateScrollOffset, updating, tableLayout, theme, } = this;
|
|
9549
9627
|
const rowsSelected = selectedRows.length > 0;
|
|
9550
9628
|
const allRowsSelected = selectedRows.length === (showPagination ? rowsPerPage : data === null || data === void 0 ? void 0 : data.length);
|
|
9551
9629
|
const headerCheckboxLabelState = rowsSelected
|
|
@@ -9553,22 +9631,26 @@ class DataTable {
|
|
|
9553
9631
|
? "deselect all"
|
|
9554
9632
|
: "select all remaining"
|
|
9555
9633
|
: "select all";
|
|
9556
|
-
return (hAsync(Host, { key: '
|
|
9634
|
+
return (hAsync(Host, { key: '2cb5ec3e006563c9f004c34c20ec8a07c2869b72', style: Object.assign({}, this.setTableDimensions()), class: {
|
|
9635
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
9636
|
+
[`ic-data-table-show-pagination`]: !!showPagination,
|
|
9637
|
+
[`ic-data-table-embedded`]: !!embedded,
|
|
9638
|
+
} }, hAsync("div", { key: '5318a1c4d87fd8794de4fcdb5562e3f928a2de29', class: "table-container" }, isSlotUsed(this.el, "title-bar") && hAsync("slot", { key: '4d0db56085a87c58698b7a5562ba5c801376c1cb', name: "title-bar" }), hAsync("div", { key: '1dfefc725dd335261b2f9ec6c91d41dda59224a9', class: {
|
|
9557
9639
|
["table-row-container"]: true,
|
|
9558
9640
|
scrollable,
|
|
9559
|
-
}, tabIndex: scrollable ? 0 : undefined, onScroll: updateScrollOffset }, hAsync("table", { key: '
|
|
9641
|
+
}, tabIndex: scrollable ? 0 : undefined, onScroll: updateScrollOffset }, hAsync("table", { key: 'dcbe3ba57d29d0f152305f8c0f72cd405be2f4af', style: {
|
|
9560
9642
|
"--table-layout": tableLayout,
|
|
9561
|
-
} }, hAsync("caption", { key: '
|
|
9643
|
+
} }, hAsync("caption", { key: '0beabaa339bff693f17adac6db3192d25ff4a33c', class: "table-caption" }, caption), !hideColumnHeaders && (hAsync("thead", { key: 'b170ffc30468121b456a85afc855f6327d1e135f', class: {
|
|
9562
9644
|
["column-header-sticky"]: stickyColumnHeaders,
|
|
9563
9645
|
["column-header-overlay"]: stickyColumnHeaders && scrollOffset !== 0,
|
|
9564
|
-
} }, hAsync("tr", { key: '
|
|
9646
|
+
} }, hAsync("tr", { key: 'ca05651983eb87c6258a1ec6040d9f6ce9881128' }, rowSelection && data && (hAsync("th", { key: 'ba010d39dd2f080cde99a92b3f66b8d600681b6b', class: {
|
|
9565
9647
|
"column-header": true,
|
|
9566
9648
|
"checkbox-cell": true,
|
|
9567
9649
|
"updating-state-headers": updating && !loading,
|
|
9568
9650
|
[`table-density-${density}`]: this.notDefaultDensity(),
|
|
9569
|
-
} }, hAsync("div", { key: '
|
|
9651
|
+
} }, hAsync("div", { key: '7dccd2d21c76265186cff95bbd53a4aab380e946', class: "checkbox-wrapper" }, hAsync("ic-checkbox", { key: 'b26fa8b7b59152226b6f58bb0fb46d071ddf484c', class: "ic-data-table-checkbox", checked: rowsSelected && allRowsSelected, disabled: updating || loading, hideLabel: true, indeterminate: rowsSelected && !allRowsSelected, label: `${caption} ${headerCheckboxLabelState} rows`, nativeIndeterminateBehaviour: true, onIcCheck: () => selectAllRows(), size: density === "dense" ? "small" : "medium", value: caption })))), createColumnHeaders()))), updating &&
|
|
9570
9652
|
!loading &&
|
|
9571
|
-
(hideColumnHeaders ? (hAsync("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), this.renderTableBody(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), this.renderEmptyState(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), hAsync("div", { key: '
|
|
9653
|
+
(hideColumnHeaders ? (hAsync("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), this.renderTableBody(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), this.renderEmptyState(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), hAsync("div", { key: 'af7e79173d942f15a9c2fe4d644ab33e28bbe17e', "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || isSlotUsed(this.el, "pagination-bar")) && (hAsync("div", { key: 'ba71922427b73925df1750591b12b50d708bc417', class: "pagination-container" }, isSlotUsed(this.el, "pagination-bar") ? (hAsync("slot", { name: "pagination-bar" })) : (hAsync("ic-pagination-bar", { alignment: paginationBarOptions.alignment, hideAllFromItemsPerPage: paginationBarOptions.hideAllFromItemsPerPage, hideRangeLabel: paginationBarOptions.hideRangeLabel, itemLabel: paginationBarOptions.itemLabel, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, monochrome: paginationBarOptions.monochrome, pageLabel: paginationBarOptions.pageLabel, rangeLabelType: paginationBarOptions.rangeLabelType, selectedItemsPerPage: paginationBarOptions.selectedItemsPerPage, selectItemsPerPageOnEnter: paginationBarOptions.selectItemsPerPageOnEnter, setToFirstPageOnPaginationChange: paginationBarOptions.setToFirstPageOnPaginationChange, showGoToPageControl: paginationBarOptions.showGoToPageControl, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, theme: theme, totalItems: (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0, type: paginationBarOptions.type })))), sortable && (hAsync("div", { key: 'e3c536b4e5e74caf6e0fae1c180729da79639781', class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
|
|
9572
9654
|
? `${((_b = columns.find((col) => col.key === sortedColumn)) === null || _b === void 0 ? void 0 : _b.title) ||
|
|
9573
9655
|
sortedColumn} sorted ${sortedColumnOrder}`
|
|
9574
9656
|
: "table unsorted")))));
|
|
@@ -9624,6 +9706,7 @@ class DataTable {
|
|
|
9624
9706
|
"scrollable": [32],
|
|
9625
9707
|
"scrollOffset": [32],
|
|
9626
9708
|
"selectedRows": [32],
|
|
9709
|
+
"selectedIcRowIds": [32],
|
|
9627
9710
|
"sortedColumn": [32],
|
|
9628
9711
|
"sortedColumnOrder": [32],
|
|
9629
9712
|
"toRow": [32],
|
|
@@ -9682,14 +9765,14 @@ class DataTableTitleBar {
|
|
|
9682
9765
|
isSlotUsed(el, "custom-actions") ||
|
|
9683
9766
|
!hideDensitySelect;
|
|
9684
9767
|
const hasDescription = isSlotUsed(el, "description") || description;
|
|
9685
|
-
return (hAsync("div", { key: '
|
|
9768
|
+
return (hAsync("div", { key: '5fed36eefe053b99552ab1b5f414563ccc0bd600', class: {
|
|
9686
9769
|
"title-bar-wrapper": true,
|
|
9687
9770
|
"full-width": isEmbedded,
|
|
9688
|
-
} }, hAsync("div", { key: '
|
|
9771
|
+
} }, hAsync("div", { key: '41187b445efea1b952f2c368a3b84d6b2c32c41d', class: "header-container" }, hAsync("slot", { key: '247c5cb0c86c364243af56b39c7783d7fb315662', name: "heading" }, hAsync("ic-typography", { key: '783cc7bc17832f97dc0ff7754522954a616536a8', variant: "h3", class: "heading" }, hAsync("h3", { key: '7d91bbbca709d681ddedf06b9991917f4d270c70' }, heading))), metadata && (hAsync("ic-typography", { key: '75876fc62e9355081102738472d7a78c76a4d01b', variant: "subtitle-small" }, metadata))), (showActionArea || hasDescription) && (hAsync("div", { key: 'd854eda15df61532f4ec00e452b50c1d533459b4', class: "description-actions" }, hAsync("slot", { key: '465dee9d3e4c0998884c94240a4c3d2d7569bebf', name: "description" }, description && (hAsync("ic-typography", { key: 'c01974890d94eea17ba96f9dbde53d2640c8d96a', variant: "body" }, description))), showActionArea && (hAsync("div", { key: '23a28180c5b1dbdc83ec411a1af66f9254e1d8e0', class: "action-area" }, isSlotUsed(el, "custom-actions") && (hAsync("div", { key: '6129e25beae17cd9ca4a86085c78591828baf019', class: "custom-actions-wrapper" }, hAsync("slot", { key: '18261c5784310b9fbb7f163e0046fd22e7a3bab4', name: "custom-actions" }))), !hideDensitySelect && (hAsync("ic-select", { key: '991067453a887c7c93c68f6498fae1ee3b90c050', size: "small", label: "Change density", class: "density-input", hideLabel: true, options: [
|
|
9689
9772
|
{ label: "Default", value: "default" },
|
|
9690
9773
|
{ label: "Dense", value: "dense" },
|
|
9691
9774
|
{ label: "Spacious", value: "spacious" },
|
|
9692
|
-
], value: initialDensitySelectOption, onIcChange: changeDensity })), isSlotUsed(el, "primary-action") && (hAsync("slot", { key: '
|
|
9775
|
+
], value: initialDensitySelectOption, onIcChange: changeDensity })), isSlotUsed(el, "primary-action") && (hAsync("slot", { key: '58029483710125c347e4eab0cb0eba7e5a9b6f7b', name: "primary-action" }))))))));
|
|
9693
9776
|
}
|
|
9694
9777
|
get el() { return getElement(this); }
|
|
9695
9778
|
static get style() { return IcDataTableTitleBarStyle0; }
|
|
@@ -10975,15 +11058,15 @@ class DateInput {
|
|
|
10975
11058
|
: "";
|
|
10976
11059
|
const assistiveHint = `Type or use the up and down arrow keys to change the values for the ${this.getDescOfInputsOrder()}.`;
|
|
10977
11060
|
renderHiddenInput(true, this.el, this.name, this.convertToDate(this.year, this.month, this.day), this.disabled);
|
|
10978
|
-
return (hAsync(Host, { key: '
|
|
11061
|
+
return (hAsync(Host, { key: 'c076a1712793e36c9fd904692d64f44297a41d58', class: {
|
|
10979
11062
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
10980
11063
|
[`ic-date-input-disabled`]: disabled,
|
|
10981
|
-
}, onBlur: this.handleHostBlur, onFocus: this.handleHostFocus }, hAsync("ic-input-container", { key: '
|
|
11064
|
+
}, onBlur: this.handleHostBlur, onFocus: this.handleHostFocus }, hAsync("ic-input-container", { key: 'a706d073ade2f587fe661e8eedd533fcac2eb8d2', disabled: disabled }, !(hideLabel && hideHelperText) && (hAsync("ic-input-label", { key: '2df45206bb1dec22719805dd75419d99ce0321dd', for: inputId, label: label, hideLabel: hideLabel, helperText: !hideHelperText ? helperText : "", disabled: disabled }, hAsync("slot", { key: '8f5458681b9ea085c67ff7c1022f5512181dd37a', name: "helper-text", slot: "helper-text" }))), hAsync("span", { key: 'cc1ced7c0cf7e46b0792ad06995b15273126c040', id: this.screenReaderInfoId, class: "sr-only", "aria-hidden": "true" }, this.getScreenReaderInfo(validationStatus), hideLabel && `${label}\n`, hideHelperText && `${helperText}\n`, `${this.defaultHelperText}.`), hAsync("span", { key: '53cc25e4eccf56a7a64a7b28d207c98e78abeec7', id: this.assistiveHintId, class: "sr-only", "aria-hidden": "true" }, assistiveHint), hAsync("span", { key: '652f13800a903a2f92451abe2abfbbf63f72fd73', id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("ic-input-component-container", { key: 'e2ec60bbf7e7f39e79de567ef30642f0e175b1c6', id: inputId, ref: (el) => (this.inputCompContainerEl = el), disabled: disabled, validationStatus: validationStatus, size: size, role: "group", class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: '891bb0f4b524a7dae73ea3eacbaacd460ceab542', class: "input-container" }, hAsync("div", { key: '476965e1b07bc962741ffe0f74661d6e4631d576', class: "date-inputs" }, this.getInputsInOrder()[0], "/", this.getInputsInOrder()[1], "/", this.getInputsInOrder()[2]), hAsync("div", { key: '752c0fd5df110547b8161b1cde61edb690c6c7fa', class: "action-buttons" }, showClearButton && (hAsync("ic-button", { key: 'cf5c9fe8b8348071a764c57df98ed7d217674735', id: "clear-button", "aria-label": "Clear input", class: {
|
|
10982
11065
|
["clear-button"]: true,
|
|
10983
11066
|
["hidden"]: isEmptyString(this.day) &&
|
|
10984
11067
|
isEmptyString(this.month) &&
|
|
10985
11068
|
isEmptyString(this.year),
|
|
10986
|
-
}, disabled: this.disabled, innerHTML: Clear$1, onClick: this.handleClear, onFocus: this.handleClearFocus, onBlur: this.handleClearBlur, variant: "icon-tertiary", theme: this.clearButtonFocused ? "light" : "dark", size: size })), showCalendarButton && (hAsync("div", { key: '
|
|
11069
|
+
}, disabled: this.disabled, innerHTML: Clear$1, onClick: this.handleClear, onFocus: this.handleClearFocus, onBlur: this.handleClearBlur, variant: "icon-tertiary", theme: this.clearButtonFocused ? "light" : "dark", size: size })), showCalendarButton && (hAsync("div", { key: '6e018c3cfb028691aa57c88df2f7d29e0adb1f78', class: "show-calendar-button-wrapper" }, hAsync("div", { key: 'dcd83751b62337a77a4471489c7ba38d43cd45a6', class: { divider: true, [size]: true } }), hAsync("ic-button", { key: '5b917499227bc7e7c1d3dd5b01f0040f10c7adc1', id: "calendar-button", ref: (el) => (this.calendarButtonEl = el), "aria-label": "Display calendar", "aria-haspopup": "dialog", class: "calendar-button", disabled: this.disabled, innerHTML: Calendar, onClick: this.handleCalendarOpen, variant: "icon-tertiary", size: size, onFocus: this.handleCalendarFocus, onBlur: this.handleCalendarBlur, theme: this.calendarFocused ? "light" : "dark" })))))), hAsync("span", { key: 'a1d4b4da8df73e766ba1096f193142a95af941d8', id: this.selectedDateInfoId, class: "sr-only", "aria-live": "polite" }, hAsync("span", { key: '92e0f6e22dca3f9c5f0f05dcf1a6e5fa43e2e05a', ref: (el) => (this.selectedDateInfoEl = el), role: "status" })), hAsync("ic-input-validation", { key: '3d38e48eb14e60ad40639bb7ee44a1307585c4e3', status: validationStatus, message: hasCustomValidation ? this.validationText : this.invalidDateText, for: inputId, ariaLiveMode: validationAriaLive }))));
|
|
10987
11070
|
}
|
|
10988
11071
|
static get delegatesFocus() { return true; }
|
|
10989
11072
|
get el() { return getElement(this); }
|
|
@@ -12172,33 +12255,33 @@ class DatePicker {
|
|
|
12172
12255
|
yesterday.setDate(minDate.getDate() - 1);
|
|
12173
12256
|
minDay = yesterday;
|
|
12174
12257
|
}
|
|
12175
|
-
return (hAsync(Host, { key: '
|
|
12258
|
+
return (hAsync(Host, { key: 'e570b8174d8e85ebe88381088d155dfc79eb66a4', onKeyDown: this.keyDownHandler, class: {
|
|
12176
12259
|
[`ic-date-picker-${size}`]: true,
|
|
12177
12260
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
12178
|
-
} }, hAsync("div", { key: '
|
|
12261
|
+
} }, hAsync("div", { key: '746911155d83526a80676f2a6bb76f48d0c5e9f1', class: "date-input-container" }, hAsync("ic-date-input", Object.assign({ key: 'd5c01484b4db9760040ec20d96c73dedc2f3562f', ref: (el) => (this.inputEl = el) }, dateInputProps), hAsync("slot", { key: '4af2a51669b6b9b8e05683e3b91fca8a807eee48', name: "helper-text", slot: "helper-text" }))), calendarOpen && (hAsync("div", { key: 'd1fa8a019c53499d5de2726a062638016d6dd750' }, hAsync("span", { key: '034465a0f1a144899243c8642f3b6f8bb2d3be7f', id: "dialog-description", class: "sr-only" }, dialogDescription), hAsync("div", { key: '0d8ae853e60cbf42fce8394b2944722958516c31', role: "dialog", "aria-modal": "true", "aria-label": dialogLabel, "aria-describedBy": "dialog-description", class: {
|
|
12179
12262
|
"calendar-container": true,
|
|
12180
12263
|
above: this.showPickerAbove,
|
|
12181
|
-
}, onMouseDown: this.handleCalendarMouseDown, onClick: this.handleCalendarClick }, hAsync("span", { key: '
|
|
12264
|
+
}, onMouseDown: this.handleCalendarMouseDown, onClick: this.handleCalendarClick }, hAsync("span", { key: '67b58c1c2a95cd0602e6e78b4b7c92665d9fa450', ref: (el) => (this.liveRegionEl = el), id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("div", { key: '90d97f9401bb8871dc53d6141240bf5cdd7a6e37', class: {
|
|
12182
12265
|
"month-year-nav-container": true,
|
|
12183
|
-
} }, hAsync("div", { key: '
|
|
12266
|
+
} }, hAsync("div", { key: '1844f84afbad819901ff52c9467df271d3dfa1e7', class: "month-year-nav" }, this.previousMonthButton(), hAsync("span", { key: '6773a9e063b3f2b743ed61e84439a512536764dd', id: "select-month-hint", "aria-hidden": "true" }, monthButtonText), hAsync("ic-button", { key: '7a7aff0e3d54d572556d8cd971defc2c9f79d92e', ref: (el) => (this.monthButtonEl = el), size: size, class: "month-picker-button", "aria-haspopup": "menu", "aria-expanded": monthPickerVisible ? "true" : "false", "full-width": "true", variant: "tertiary", "aria-label": monthLabel, "aria-describedby": "select-month-hint", onKeyDown: this.monthButtonKeyDownHandler, onClick: this.monthButtonClickHandler }, monthNames[monthInView]), this.nextMonthButton()), hAsync("div", { key: '50133dc47a4e8e2c3e4e1d5373a92b2d7112d5ba', class: "month-year-nav" }, this.previousYearButton(), hAsync("span", { key: 'ed7777002bb64ea4fbd3e0e16783061ccfcceb93', id: "select-year-hint", "aria-hidden": "true" }, yearButtonText), hAsync("ic-button", { key: '9a81be66d4a62f506838f68020c6dd0192ff4ba3', ref: (el) => (this.yearButtonEl = el), size: size, class: "year-picker-button", "aria-haspopup": "menu", "aria-expanded": yearPickerVisible ? "true" : "false", "full-width": "true", variant: "tertiary", "aria-label": yearLabel, "aria-describedby": "select-year-hint", onKeyDown: this.yearButtonKeyDownHandler, onClick: this.yearButtonClickHandler }, this.yearInView), this.nextYearButton())), !(monthPickerVisible || yearPickerVisible) && (hAsync("div", { key: '2e6a4395860e1d44aee979b0a7e0a5aa9a09ac39', class: {
|
|
12184
12267
|
calendar: true,
|
|
12185
12268
|
hidden: monthPickerVisible || yearPickerVisible,
|
|
12186
|
-
}, onKeyDown: this.handleCalendarKeyDown }, hAsync("div", { key: '
|
|
12269
|
+
}, onKeyDown: this.handleCalendarKeyDown }, hAsync("div", { key: '743dffc1a5fbb1a40456e47be2dce866d991f19d', class: "weekdays", "aria-hidden": "true" }, orderedDaysOfWeek.map((dayName) => {
|
|
12187
12270
|
const header = size === "small" ? dayName.charAt(0) : dayName;
|
|
12188
12271
|
return (hAsync("div", { class: "calendar-day-header" }, hAsync("ic-typography", { variant: "caption" }, header)));
|
|
12189
|
-
})), hAsync("div", { key: '
|
|
12272
|
+
})), hAsync("div", { key: '30a8310c3ee80c9c0a85fff417c13fb7961a958c', class: "calendar-days-container" }, this.currMonthView.map((day) => {
|
|
12190
12273
|
var _a;
|
|
12191
12274
|
return (hAsync(DayButton, { day: day, disableDay: (_a = this.disableDays) === null || _a === void 0 ? void 0 : _a.includes(Number(day.getDay())), today: dateMatches(day, this.today), selected: dateMatches(day, this.selectedDate), focussed: dateMatches(day, this.focussedDate), inRange: dateInRange(day, minDay, maxDate), monthInView: monthInView, onSelectDay: this.handleSelectDay, focussedDayRef: this.setFocussedDayEl, onFocusDay: this.onDayButtonFocusHandler, onBlurDay: this.onDayButtonBlurHandler, showDaysOutsideMonth: this.showDaysOutsideMonth }));
|
|
12192
|
-
})))), hAsync("div", { key: '
|
|
12275
|
+
})))), hAsync("div", { key: '202e8edaafb640264c52f2c2254de4124d0f03f7', class: {
|
|
12193
12276
|
"month-picker-container": true,
|
|
12194
12277
|
hidden: !monthPickerVisible,
|
|
12195
|
-
} }, monthPickerVisible && (hAsync(MonthPicker, { key: '
|
|
12278
|
+
} }, monthPickerVisible && (hAsync(MonthPicker, { key: '3680653a0f840b509cfab1079e12590f037c5b1f', size: size, onSelectMonth: this.handleSelectMonth, monthInView: monthInView, focussedMonth: focussedMonth, onKeyDown: this.monthPickerKeyDownHandler, focussedMonthRef: this.setFocussedMonthEl, minDate: minDate, maxDate: maxDate, yearInView: yearInView }))), hAsync("div", { key: '2e52f56752747794514a81b4bbe13e6bd7810680', class: {
|
|
12196
12279
|
"year-picker-container": true,
|
|
12197
12280
|
hidden: !yearPickerVisible,
|
|
12198
|
-
} }, yearPickerVisible && (hAsync(YearPicker, { key: '
|
|
12281
|
+
} }, yearPickerVisible && (hAsync(YearPicker, { key: 'dbcf70511028f9be36dd859db8e0e7549f183ad9', decadeView: decadeView, size: size, focussedYear: focussedYear, onSelectYear: this.handleSelectYear, onKeyDown: this.yearPickerKeyDownHandler, onFocusYear: this.onYearButtonFocusHandler, onBlurYear: this.onYearButtonBlurHandler, yearInView: yearInView, minDate: minDate, maxDate: maxDate, focussedYearRef: this.setFocussedYearEl }))), hAsync("div", { key: '7d658ffc586f119f8ca3e6d2fc3cf244a5c72dee', class: {
|
|
12199
12282
|
"bottom-buttons": true,
|
|
12200
12283
|
"no-today": !showPickerTodayButton,
|
|
12201
|
-
} }, showPickerTodayButton && (hAsync("ic-button", { key: '
|
|
12284
|
+
} }, showPickerTodayButton && (hAsync("ic-button", { key: '0e97ccab194a021105ddec5b9e6bdd20681e2390', id: "today-button", variant: "tertiary", ref: (el) => (this.todayButtonEl = el), size: size, "aria-label": "Navigate to current date", onClick: this.todayButtonClickHandler, onKeyDown: this.todayButtonKeyDownHandler, disabled: this.isCurrentMonth() }, "Go to today")), showPickerClearButton && (hAsync("ic-button", { key: 'c3d24232ba991e18247ed07f14e519a8d17a8f19', id: "clear-button", "aria-label": "clear selected date", ref: (el) => (this.clearButtonEl = el), variant: "tertiary", size: size, onClick: this.clearButtonClickHandler, onKeyDown: this.clearButtonKeyDownHandler, disabled: this.value === "" ||
|
|
12202
12285
|
this.value === null ||
|
|
12203
12286
|
this.value === undefined }, "Clear"))))))));
|
|
12204
12287
|
}
|
|
@@ -12280,7 +12363,7 @@ class DatePicker {
|
|
|
12280
12363
|
}; }
|
|
12281
12364
|
}
|
|
12282
12365
|
|
|
12283
|
-
const icDialogCss = "/*! 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{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);opacity:0}:host(.ic-dialog-fade-in){opacity:1}:host(.disable-height-constraint){background:none;justify-content:unset;align-items:unset}.dialog.disable-height-constraint{max-height:none;position:relative}.dialog.disable-height-constraint .content-area{overflow-y:visible}@media (prefers-reduced-motion: no-preference){:host{transition:opacity var(--ic-easing-transition-slow)}.dialog{transform:translateY(-3rem);transition:transform 1000s}:host(.ic-dialog-fade-in) .dialog{transform:translateY(0);transition:transform var(--ic-easing-transition-slow)}}:host(.ic-dialog-hidden){display:none}.dialog{background-color:var(--ic-dialog-background);color:var(--ic-dialog-text-primary);--ic-typography-color:var(--ic-dialog-text-primary);border:var(--ic-space-1px) solid var(--ic-dialog-border);border-radius:var(--ic-border-radius);padding:var(--ic-space-xs) 0 var(--ic-space-md);display:flex;flex-direction:column;box-sizing:border-box;overflow-x:visible}.small{width:50%;max-width:25rem;min-height:11rem;max-height:70vh}.medium{width:70vw;max-width:44rem;min-height:12.5rem;max-height:70vh}.large{width:90vw;max-width:62.5rem;min-height:12.5rem;max-height:90vh}.heading-area{display:flex;margin-bottom:var(--ic-space-xs);padding:0 var(--ic-space-md)}.heading{overflow-wrap:break-word}.close-icon{margin-left:auto}.close-icon>svg{color:var(--ic-dialog-clear-button)}.content-area{padding:0 var(--ic-space-md);margin:0;overflow-y:auto}#dialog-content{margin-bottom:var(--ic-space-sm)}#dialog-content ::slotted(ic-typography){overflow-wrap:break-word}#dialog-content ::slotted(*){position:relative}.dialog-controls{margin-top:auto;padding:var(--ic-space-xs) var(--ic-space-md) 0;display:flex;justify-content:flex-end;gap:var(--ic-space-md)}.dialog-control-button{width:-moz-fit-content;width:fit-content}.backdrop{overflow-y:auto;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);padding-top:16px;padding-bottom:16px}.heading ic-typography{--ic-typography-color:var(--ic-dialog-text-primary)}.label ic-typography{--ic-typography-color:var(--ic-dialog-label)}@media (min-width: 800px){
|
|
12366
|
+
const icDialogCss = "/*! 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{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);opacity:0}:host(.ic-dialog-fade-in){opacity:1}:host(.disable-height-constraint){background:none;justify-content:unset;align-items:unset}.dialog.disable-height-constraint{max-height:none;position:relative}.dialog.disable-height-constraint .content-area{overflow-y:visible}@media (prefers-reduced-motion: no-preference){:host{transition:opacity var(--ic-easing-transition-slow)}.dialog{transform:translateY(-3rem);transition:transform 1000s}:host(.ic-dialog-fade-in) .dialog{transform:translateY(0);transition:transform var(--ic-easing-transition-slow)}}:host(.ic-dialog-hidden){display:none}.dialog{background-color:var(--ic-dialog-background);color:var(--ic-dialog-text-primary);--ic-typography-color:var(--ic-dialog-text-primary);border:var(--ic-space-1px) solid var(--ic-dialog-border);border-radius:var(--ic-border-radius);padding:var(--ic-space-xs) 0 var(--ic-space-md);display:flex;flex-direction:column;box-sizing:border-box;overflow-x:visible}.small{width:50%;max-width:25rem;min-height:11rem;max-height:70vh}.medium{width:70vw;max-width:44rem;min-height:12.5rem;max-height:70vh}.large{width:90vw;max-width:62.5rem;min-height:12.5rem;max-height:90vh}.heading-area{display:flex;margin-bottom:var(--ic-space-xs);padding:0 var(--ic-space-md)}.heading{overflow-wrap:break-word}.close-icon{margin-left:auto}.close-icon>svg{color:var(--ic-dialog-clear-button)}.content-area{padding:0 var(--ic-space-md);margin:0;overflow-y:auto}#dialog-content{margin-bottom:var(--ic-space-sm)}#dialog-content ::slotted(ic-typography){overflow-wrap:break-word}#dialog-content ::slotted(*){position:relative}.dialog-controls{margin-top:auto;padding:var(--ic-space-xs) var(--ic-space-md) 0;display:flex;justify-content:flex-end;gap:var(--ic-space-md)}.dialog-control-button{width:-moz-fit-content;width:fit-content}.backdrop{overflow-y:auto;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);padding-top:16px;padding-bottom:16px}.heading ic-typography{--ic-typography-color:var(--ic-dialog-text-primary)}.label ic-typography{--ic-typography-color:var(--ic-dialog-label)}@media (min-width: 800px){.large:not(.disable-width-constraint)>.content-area{width:75%}}@media (max-width: 576px){.dialog{width:100vw;height:100vh;max-width:none;max-height:none;box-sizing:border-box}.backdrop{padding:0}.dialog.disable-height-constraint{height:auto;min-height:100vh}}@media (max-width: 364px){.dialog-control-button{width:unset}}";
|
|
12284
12367
|
var IcDialogStyle0 = icDialogCss;
|
|
12285
12368
|
|
|
12286
12369
|
/**
|
|
@@ -12647,12 +12730,13 @@ class Dialog {
|
|
|
12647
12730
|
}
|
|
12648
12731
|
}
|
|
12649
12732
|
render() {
|
|
12650
|
-
const { dialogRendered, disableHeightConstraint, fadeIn, theme } = this;
|
|
12651
|
-
return (hAsync(Host, { key: '
|
|
12733
|
+
const { dialogRendered, disableHeightConstraint, fadeIn, theme, size } = this;
|
|
12734
|
+
return (hAsync(Host, { key: 'fca8d5ed62295efef6630d45e8174331c4d99e48', class: {
|
|
12652
12735
|
"ic-dialog-hidden": !dialogRendered,
|
|
12653
12736
|
"ic-dialog-fade-in": fadeIn,
|
|
12654
12737
|
"disable-height-constraint": !!disableHeightConstraint,
|
|
12655
12738
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
12739
|
+
[`ic-dialog-size-${size}`]: size != undefined,
|
|
12656
12740
|
} }, disableHeightConstraint ? (hAsync("div", { class: "backdrop", ref: (el) => (this.backdropEl = el) }, this.renderDialog())) : (this.renderDialog())));
|
|
12657
12741
|
}
|
|
12658
12742
|
get el() { return getElement(this); }
|
|
@@ -12687,7 +12771,7 @@ class Dialog {
|
|
|
12687
12771
|
}; }
|
|
12688
12772
|
}
|
|
12689
12773
|
|
|
12690
|
-
const icDividerCss = ".ic-divider-horizontal.sc-ic-divider-h{display:flex;width:var(--ic-divider-horizontal-width, 100%);align-items:center;-moz-column-gap:var(--ic-space-xxs);column-gap:var(--ic-space-xxs)}hr.sc-ic-divider{padding:0;margin:0;border:none;border-bottom:solid var(--ic-space-1px) var(--ic-divider-background);width:inherit}.ic-divider-horizontal.sc-ic-divider-h::before,.ic-divider-horizontal.sc-ic-divider-h::after{border-left:none !important}.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{content:\"\";border:none;width:100%}.ic-divider-vertical.sc-ic-divider-h{display:flex;flex-direction:column;height:var(--ic-divider-vertical-height, inherit);width:-moz-max-content;width:max-content;align-items:center;-moz-column-gap:var(--ic-space-xxs);column-gap:var(--ic-space-xxs);border:none}.ic-divider-vertical.sc-ic-divider-h div.vertical-divider.sc-ic-divider{display:flex;height:inherit}.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{content:\"\";height:100%}hr.sc-ic-divider,.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom:solid var(--ic-space-1px) var(--ic-divider-background)}.ic-divider-monochrome.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-color:var(--ic-divider-background-monochrome)}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left:solid var(--ic-space-1px) var(--ic-divider-background)}.ic-divider-monochrome.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-monochrome.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-color:var(--ic-divider-background-monochrome)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h{--ic-side-navigation-keyline:var(--ic-state-layer-lighten-20)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h{--ic-side-navigation-keyline:var(--ic-state-layer-darken-20)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h hr.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h hr.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-color:var(--ic-divider-background-monochrome)}.ic-divider-very-thick.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-very-thick[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-very-thick[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xs)}.ic-divider-very-thick.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-very-thick[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-very-thick[label-placement=\"center\"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xs)}.ic-divider-thick.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-thick[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-thick[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-thick[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-thick[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xxs)}.ic-divider-thick.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-thick[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-thick[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-thick[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-thick[label-placement=\"center\"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xxs)}.ic-divider-medium.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-medium[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-medium[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-medium[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-medium[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xxxs)}.ic-divider-medium.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-medium[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-medium[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-medium[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-medium[label-placement=\"center\"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xxxs)}.ic-divider-thin.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-thin[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-thin[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-thin[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-thin[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-1px)}.ic-divider-thin.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-thin[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-thin.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-thin[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-thin.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-width:var(--ic-space-1px)}.ic-divider-dashed.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-dashed[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-dashed[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-style:dashed}.ic-divider-dashed.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-dashed[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-dashed[label-placement=\"center\"].sc-ic-divider-h::after{border-left-style:dashed}.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-wrap:wrap;text-align:left;width:-moz-max-content;width:max-content;max-width:var(--ic-divider-label-width, max(20rem, 60%))}.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-align:center}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-align:center;max-width:var(--ic-divider-label-width, 20rem)}.sc-ic-divider-h .ic-divider-label-container.sc-ic-divider{width:-moz-max-content;width:max-content;max-width:var(--ic-divider-label-width, max(20rem, 60%))}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label-container.sc-ic-divider{max-width:var(--ic-divider-label-width, 20rem)}.sc-ic-divider-h .ic-divider-label.sc-ic-divider p.sc-ic-divider{width:-moz-max-content;width:max-content;max-width:100%}.sc-ic-divider-h .ic-divider-label.sc-ic-divider,.sc-ic-divider-h.sc-ic-divider-s>*,.sc-ic-divider-h .sc-ic-divider-s>*{color:var(--ic-divider-label)}.ic-divider-monochrome.sc-ic-divider-h .ic-divider-label.sc-ic-divider,.sc-ic-divider-h.ic-divider-monochrome.sc-ic-divider-s>*,.sc-ic-divider-h.ic-divider-monochrome .sc-ic-divider-s>*{color:var(--ic-divider-label-monochrome)}@media (forced-colors: active){hr.sc-ic-divider,.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-color:transparent}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-color:transparent}}";
|
|
12774
|
+
const icDividerCss = ".ic-divider-horizontal.sc-ic-divider-h{display:flex;width:var(--ic-divider-horizontal-width, 100%);align-items:center;-moz-column-gap:var(--ic-space-xxs);column-gap:var(--ic-space-xxs)}hr.sc-ic-divider{padding:0;margin:0;border:none;border-bottom:solid var(--ic-space-1px) var(--ic-divider-background);width:inherit}.ic-divider-horizontal.sc-ic-divider-h::before,.ic-divider-horizontal.sc-ic-divider-h::after{border-left:none !important}.ic-divider-horizontal.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-horizontal.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::after{content:\"\";border:none;width:100%}.ic-divider-vertical.sc-ic-divider-h{display:flex;flex-direction:column;height:var(--ic-divider-vertical-height, inherit);width:-moz-max-content;width:max-content;align-items:center;-moz-column-gap:var(--ic-space-xxs);column-gap:var(--ic-space-xxs);border:none}.ic-divider-vertical.sc-ic-divider-h div.vertical-divider.sc-ic-divider{display:flex;height:inherit}.ic-divider-vertical.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-vertical.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::after{content:\"\";height:100%}hr.sc-ic-divider,.ic-divider-horizontal.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-horizontal.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::after{border-bottom:solid var(--ic-space-1px) var(--ic-divider-background)}.ic-divider-monochrome.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-monochrome.ic-divider-horizontal.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-color:var(--ic-divider-background-monochrome)}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-vertical.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::after{border-left:solid var(--ic-space-1px) var(--ic-divider-background)}.ic-divider-monochrome.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-monochrome.ic-divider-vertical.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::after{border-left-color:var(--ic-divider-background-monochrome)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h{--ic-side-navigation-keyline:var(--ic-state-layer-lighten-20)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h{--ic-side-navigation-keyline:var(--ic-state-layer-darken-20)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h hr.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal.ic-divider-label-right.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal.ic-divider-label-left.sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical.ic-divider-label-top.sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::after{border-left-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h hr.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal.ic-divider-label-right.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal.ic-divider-label-left.sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical.ic-divider-label-top.sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::after{border-left-color:var(--ic-divider-background-monochrome)}.ic-divider-very-thick.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-very-thick.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-very-thick.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-very-thick.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-very-thick.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xs)}.ic-divider-very-thick.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-very-thick.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-very-thick.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-very-thick.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-very-thick.ic-divider-label-center.sc-ic-divider-h::after{border-left-width:var(--ic-space-xs)}.ic-divider-thick.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-thick.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-thick.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-thick.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-thick.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xxs)}.ic-divider-thick.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-thick.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-thick.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-thick.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-thick.ic-divider-label-center.sc-ic-divider-h::after{border-left-width:var(--ic-space-xxs)}.ic-divider-medium.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-medium.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-medium.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-medium.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-medium.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xxxs)}.ic-divider-medium.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-medium.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-medium.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-medium.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-medium.ic-divider-label-center.sc-ic-divider-h::after{border-left-width:var(--ic-space-xxxs)}.ic-divider-thin.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-thin.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-thin.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-thin.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-thin.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-width:var(--ic-space-1px)}.ic-divider-thin.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-thin.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-thin.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-thin.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-thin.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::after{border-left-width:var(--ic-space-1px)}.ic-divider-dashed.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-dashed.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-dashed.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-dashed.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-dashed.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-style:dashed}.ic-divider-dashed.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-dashed.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-dashed.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-dashed.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-dashed.ic-divider-label-center.sc-ic-divider-h::after{border-left-style:dashed}.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-wrap:wrap;text-align:left;width:-moz-max-content;width:max-content;max-width:var(--ic-divider-label-width, max(20rem, 60%))}.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-align:center}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-align:center;max-width:var(--ic-divider-label-width, 20rem)}.sc-ic-divider-h .ic-divider-label-container.sc-ic-divider{width:-moz-max-content;width:max-content;max-width:var(--ic-divider-label-width, max(20rem, 60%))}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label-container.sc-ic-divider{max-width:var(--ic-divider-label-width, 20rem)}.sc-ic-divider-h .ic-divider-label.sc-ic-divider p.sc-ic-divider{width:-moz-max-content;width:max-content;max-width:100%}.sc-ic-divider-h .ic-divider-label.sc-ic-divider,.sc-ic-divider-h.sc-ic-divider-s>*,.sc-ic-divider-h .sc-ic-divider-s>*{color:var(--ic-divider-label)}.ic-divider-monochrome.sc-ic-divider-h .ic-divider-label.sc-ic-divider,.sc-ic-divider-h.ic-divider-monochrome.sc-ic-divider-s>*,.sc-ic-divider-h.ic-divider-monochrome .sc-ic-divider-s>*{color:var(--ic-divider-label-monochrome)}@media (forced-colors: active){hr.sc-ic-divider,.ic-divider-horizontal.ic-divider-label-right.sc-ic-divider-h::before,.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-horizontal.ic-divider-label-left.sc-ic-divider-h::after,.ic-divider-horizontal.ic-divider-label-center.sc-ic-divider-h::after{border-bottom-color:transparent}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical.ic-divider-label-bottom.sc-ic-divider-h::before,.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::before,.ic-divider-vertical.ic-divider-label-top.sc-ic-divider-h::after,.ic-divider-vertical.ic-divider-label-center.sc-ic-divider-h::after{border-left-color:transparent}}";
|
|
12691
12775
|
var IcDividerStyle0 = icDividerCss;
|
|
12692
12776
|
|
|
12693
12777
|
class Divider {
|
|
@@ -12778,6 +12862,7 @@ class Divider {
|
|
|
12778
12862
|
[`ic-divider-${orientation}`]: true,
|
|
12779
12863
|
[`ic-divider-${weight}`]: true,
|
|
12780
12864
|
[`ic-divider-${borderStyle}`]: true,
|
|
12865
|
+
[`ic-divider-label-${labelPlacement}`]: slotHasContent(this.el, "label") || !isEmptyString$1(label),
|
|
12781
12866
|
} }, ((orientation === "vertical" ||
|
|
12782
12867
|
(!!renderLabel() && !!isPropDefined$1(labelPlacement))) && {
|
|
12783
12868
|
"aria-orientation": orientation,
|
|
@@ -12848,11 +12933,11 @@ class EmptyState {
|
|
|
12848
12933
|
}
|
|
12849
12934
|
render() {
|
|
12850
12935
|
const { aligned, body, maxLines, heading, imageSize, subheading, theme } = this;
|
|
12851
|
-
return (hAsync(Host, { key: '
|
|
12936
|
+
return (hAsync(Host, { key: 'a0dcd0b2fe385b4c2f1f4ffc346ac54b3e19565c', class: {
|
|
12852
12937
|
[`ic-empty-state-${aligned}`]: true,
|
|
12853
12938
|
[`image-${imageSize}`]: isSlotUsed$1(this.el, "image"),
|
|
12854
12939
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
12855
|
-
} }, isSlotUsed$1(this.el, "image") && hAsync("slot", { key: '
|
|
12940
|
+
} }, isSlotUsed$1(this.el, "image") && hAsync("slot", { key: 'e652b784ccd7b2af7ed0f9755547a9ddbbb4c5e7', name: "image" }), hAsync("div", { key: '1dfc5567a55de1301caec6d779ad60f851826a41' }, hAsync("slot", { key: '70b5a550c9650fcab692acbc53d035e114eaf09e', name: "heading" }, hAsync("ic-typography", { key: '043fc0ae7d4364442d75bb78bdbe3004fa1274f4', variant: "h4", class: "empty-state-heading" }, heading)), hAsync("slot", { key: '84dbde519a4b6cb0cd7ab03e8dbcb85931796a24', name: "subheading" }, hAsync("ic-typography", { key: 'a2d94ae6cba46c73212f2c688858ee56ceaa5a90', variant: "subtitle-small", class: "empty-state-subheading" }, subheading)), hAsync("slot", { key: 'aa1fc8130e5d4fb6a472f908a30fd319463b443f', name: "body" }, hAsync("ic-typography", { key: 'f73a7eb783dd049cb4de2510b977500d0fa47d52', maxLines: maxLines, class: "empty-state-body" }, body))), isSlotUsed$1(this.el, "actions") && (hAsync("div", { key: '3cb1e55fb552cf4177498d87e874d16a3f16d429', class: "action-area" }, hAsync("slot", { key: 'e25cb0c875f095825a512cea93c5ffe700072e71', name: "actions" })))));
|
|
12856
12941
|
}
|
|
12857
12942
|
get el() { return getElement(this); }
|
|
12858
12943
|
static get style() { return IcEmptyStateStyle0; }
|
|
@@ -13045,12 +13130,12 @@ class FooterLink {
|
|
|
13045
13130
|
const { footerConfig, href, hreflang, referrerpolicy, rel, target, download, } = this;
|
|
13046
13131
|
const { small, grouped } = footerConfig;
|
|
13047
13132
|
const isLogoLink = !!this.el.closest("div[slot='logo']");
|
|
13048
|
-
return (hAsync(Host, { key: '
|
|
13133
|
+
return (hAsync(Host, { key: '445c93b158bc2ac7958a7b9712ab29462acdce9e', class: {
|
|
13049
13134
|
"footer-link": true,
|
|
13050
13135
|
[`footer-link-${grouped ? "grouped" : "ungrouped"}-${small ? "small" : "sparse"}`]: true,
|
|
13051
13136
|
[`footer-link-${this.foregroundColor}`]: true,
|
|
13052
13137
|
"footer-logo-link": isLogoLink,
|
|
13053
|
-
}, role: "listitem" }, hAsync("ic-link", { key: '
|
|
13138
|
+
}, role: "listitem" }, hAsync("ic-link", { key: 'f6ae4e7d52fdebdd574efd3ff21c6d5e0dbc827b', class: "footer-link", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, hAsync("slot", { key: '8d8cf6f52b51cd26b6faa02fb91889d674286b38' }))));
|
|
13054
13139
|
}
|
|
13055
13140
|
static get delegatesFocus() { return true; }
|
|
13056
13141
|
get el() { return getElement(this); }
|
|
@@ -13148,7 +13233,7 @@ class FooterLinkGroup {
|
|
|
13148
13233
|
}; }
|
|
13149
13234
|
}
|
|
13150
13235
|
|
|
13151
|
-
const icHeroCss = "/*! 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;background-color:var(--ic-hero-background);--hero-heading-bottom-margin:var(--ic-space-md);--hero-keyline:var(--ic-hero-keyline)}:host(.ic-hero-dark){background-color:var(--ic-brand-color-secondary);--ic-hero-heading:var(--ic-color-text-primary-light);--ic-hero-body:var(--ic-color-text-primary-light);--ic-hero-secondary-heading:var(--ic-color-text-primary-light);--hero-keyline:var(--ic-brand-text-color)}.heading{--ic-typography-color:var(--ic-hero-heading)}.subheading{--ic-typography-color:var(--ic-hero-body)}.secondary-container{--ic-typography-color:var(--ic-hero-secondary-heading);display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--hero-keyline)}:host(.has-background-image){background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){:host(.has-background-image){background-position:right -6.25rem !important}}ic-typography.heading-bottom-spacing{margin-bottom:var(--hero-heading-bottom-margin)}.section-container{display:flex;align-items:center;height:100%}.left-container{padding:var(--ic-space-xl) 0}.left-container:not(.left-container-full-width){flex-basis:50%}.left-container-full-width{width:100%}.right-container{flex-basis:50%}.interaction-container{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap}.secondary-subheading{margin-top:var(--ic-space-xxs)}:host(
|
|
13236
|
+
const icHeroCss = "/*! 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;background-color:var(--ic-hero-background);--hero-heading-bottom-margin:var(--ic-space-md);--hero-keyline:var(--ic-hero-keyline)}:host(.ic-hero-dark){background-color:var(--ic-brand-color-secondary);--ic-hero-heading:var(--ic-color-text-primary-light);--ic-hero-body:var(--ic-color-text-primary-light);--ic-hero-secondary-heading:var(--ic-color-text-primary-light);--hero-keyline:var(--ic-brand-text-color)}.heading{--ic-typography-color:var(--ic-hero-heading)}.subheading{--ic-typography-color:var(--ic-hero-body)}.secondary-container{--ic-typography-color:var(--ic-hero-secondary-heading);display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--hero-keyline)}:host(.has-background-image){background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){:host(.has-background-image){background-position:right -6.25rem !important}}ic-typography.heading-bottom-spacing{margin-bottom:var(--hero-heading-bottom-margin)}.section-container{display:flex;align-items:center;height:100%}.left-container{padding:var(--ic-space-xl) 0}.left-container:not(.left-container-full-width){flex-basis:50%}.left-container-full-width{width:100%}.right-container{flex-basis:50%}.interaction-container{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap}.secondary-subheading{margin-top:var(--ic-space-xxs)}:host(.ic-hero-content-aligned-left) .left-container,:host(.ic-hero-content-aligned-left) .interaction-container{justify-content:flex-start;text-align:left}:host(.ic-hero-content-aligned-center) .left-container,:host(.ic-hero-content-aligned-center) .interaction-container{justify-content:center;text-align:center}@media (min-width: 992px){.left-container-full-width{width:66.6%}}@media (min-width: 1044px){:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}.left-container:not(.left-container-full-width){flex-basis:66.6%}.left-container{min-height:9rem}.right-container{flex-basis:33.3%;margin-left:3.125rem}.secondary-container{min-height:9rem}.secondary-heading,.secondary-subheading{margin-left:3.938rem}}@media (min-width: 801px) and (max-width: 1043px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:5.922rem}.right-container{margin-left:3.125rem}}@media (min-width: 641px) and (max-width: 800px){:host(.has-background-image){background-image:none !important}:host(.has-right-content) .section-container{flex-wrap:wrap}:host(.has-right-content) .left-container{flex-basis:100%}:host(.has-right-content) .right-container{flex-basis:100%;margin-bottom:2.5rem}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:2.125rem}}@media (min-width: 481px) and (max-width: 640px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:17.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}.right-container{margin-bottom:2.5rem}}@media (max-width: 480px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:12rem}:host,.right-container{margin-bottom:var(--ic-space-md)}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:16.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}}";
|
|
13152
13237
|
var IcHeroStyle0 = icHeroCss;
|
|
13153
13238
|
|
|
13154
13239
|
/**
|
|
@@ -13217,7 +13302,7 @@ class Hero {
|
|
|
13217
13302
|
}
|
|
13218
13303
|
}
|
|
13219
13304
|
render() {
|
|
13220
|
-
const { aligned, size, heading, subheading, secondaryHeading, secondarySubheading, foregroundColor, backgroundImage, scrollFactor, } = this;
|
|
13305
|
+
const { aligned, size, heading, subheading, secondaryHeading, secondarySubheading, foregroundColor, backgroundImage, scrollFactor, contentAligned, } = this;
|
|
13221
13306
|
let style = {};
|
|
13222
13307
|
if (isPropDefined$1(backgroundImage)) {
|
|
13223
13308
|
style = {
|
|
@@ -13225,18 +13310,19 @@ class Hero {
|
|
|
13225
13310
|
"background-position": scrollFactor,
|
|
13226
13311
|
};
|
|
13227
13312
|
}
|
|
13228
|
-
return (hAsync(Host, { key: '
|
|
13313
|
+
return (hAsync(Host, { key: 'ae89dfc9697492e640cef1740da5b1552a6b31ca', class: {
|
|
13229
13314
|
[`ic-hero-${IcBrandForegroundEnum$1.Dark}`]: foregroundColor === IcBrandForegroundEnum$1.Dark,
|
|
13230
13315
|
["has-background-image"]: backgroundImage !== undefined,
|
|
13231
13316
|
["has-right-content"]: this.rightContent,
|
|
13232
13317
|
["ic-hero-small"]: size === "small",
|
|
13233
13318
|
["secondary-heading"]: !!secondaryHeading,
|
|
13234
|
-
|
|
13319
|
+
[`ic-hero-content-aligned-${contentAligned}`]: contentAligned !== undefined,
|
|
13320
|
+
}, style: style }, hAsync("ic-section-container", { key: 'e70e1a6e85eddbdbc68b9a7754d760e898e27981', aligned: aligned, fullHeight: true, class: "section-container" }, hAsync("div", { key: 'f1b85e347aa5f1b6f961aa2c7943a1e651dc22c3', class: {
|
|
13235
13321
|
["left-container"]: true,
|
|
13236
13322
|
["left-container-full-width"]: this.leftContentFullWidth,
|
|
13237
|
-
} }, hAsync("div", { key: '
|
|
13323
|
+
} }, hAsync("div", { key: '2100740ba4e22f0f229c145327b572ffa78521c6', class: "heading" }, hAsync("slot", { key: '30cd98888662c64e944660a68410cf51d0146460', name: "heading" }, hAsync("ic-typography", { key: 'dc2a602974c66325be5082c517f28eae72f5780b', variant: size === "small" ? "h2" : "h1", class: {
|
|
13238
13324
|
["heading-bottom-spacing"]: size !== "small",
|
|
13239
|
-
} }, hAsync("h2", { key: '
|
|
13325
|
+
} }, hAsync("h2", { key: '5f26d23f4bcf35ee1273741ef767c93ea3a8f90d' }, heading)))), hAsync("div", { key: '4187d2e39e8adb1174e9408ab269f343c876e711', class: "subheading" }, hAsync("slot", { key: '90835b42345fbebb0f98501cf46e9185f746868d', name: "subheading" }, hAsync("ic-typography", { key: '85b6f8619599bd518fa1b4351ec5dcb0d0059684', variant: "body" }, subheading))), hAsync("div", { key: '2f79214e6fb235164825f6c77d31d16cf3e1bda8', class: "interaction-container" }, hAsync("slot", { key: '008f3ad58fdc0d12a1fa3dfe8e400a5cbe05b13f', name: "interaction" }))), (isPropDefined$1(secondaryHeading) || this.rightContent) && (hAsync("div", { key: '6ae2e569b0a50c021f9b7aa0399c48c79a6a2151', class: "right-container" }, hAsync("slot", { key: '03ebade13d8f03e4d0fe310d2a3038c3c2bdcada', name: "secondary" }, secondaryHeading && (hAsync("div", { key: '87be1f434f9f7d37783a79de3d38a9ffd3ae6633', class: "secondary-container" }, hAsync("div", { key: '87f64a2443ccfa0e6fa790b13302f28269a7aeb2', class: "secondary-heading" }, hAsync("ic-typography", { key: 'c8fefec7ecd3a3757b565933238bddbcb2206389', variant: "h4" }, hAsync("h3", { key: '0afe6e4b3b4594ce85599155f65c89b27a8ffc97' }, secondaryHeading))), hAsync("div", { key: '84412145d7f3785e60d67ceaa879066e9623784f', class: "secondary-subheading" }, hAsync("ic-typography", { key: '0e89a8ef45a387d6f09a25ce88e1947bdf24c47a', variant: "subtitle-small" }, secondarySubheading))))))))));
|
|
13240
13326
|
}
|
|
13241
13327
|
get el() { return getElement(this); }
|
|
13242
13328
|
static get style() { return IcHeroStyle0; }
|
|
@@ -13427,22 +13513,22 @@ class HorizontalScroll {
|
|
|
13427
13513
|
}
|
|
13428
13514
|
render() {
|
|
13429
13515
|
const { firstItemVisible, lastItemVisible, itemOverflow } = this;
|
|
13430
|
-
return (hAsync(Host, { key: '
|
|
13516
|
+
return (hAsync(Host, { key: '5f340f9d11d2ca42a17eacea2b9ce38b35614151', class: {
|
|
13431
13517
|
["ic-horizontal-scroll-visible"]: itemOverflow,
|
|
13432
13518
|
["ic-horizontal-scroll-dark"]: this.appearance === IcBrandForegroundEnum$1.Dark,
|
|
13433
13519
|
["ic-horizontal-scroll-light"]: this.appearance === IcBrandForegroundEnum$1.Light,
|
|
13434
13520
|
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
|
13435
|
-
} }, hAsync("div", { key: '
|
|
13521
|
+
} }, hAsync("div", { key: '555d223168b83a595030b18c4d21874c1cf679bd', "aria-hidden": "true", class: {
|
|
13436
13522
|
["scroll-container-left"]: true,
|
|
13437
13523
|
["hidden"]: !itemOverflow,
|
|
13438
13524
|
["disabled"]: firstItemVisible,
|
|
13439
|
-
}, role: "tab" }, hAsync("ic-button", { key: '
|
|
13525
|
+
}, role: "tab" }, hAsync("ic-button", { key: '9196738f3d7d2c48b9173af7b152828a00c56edd', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll left", theme: this.theme === "light" || this.theme === "inherit"
|
|
13440
13526
|
? "dark"
|
|
13441
|
-
: "light", monochrome: this.monochrome, innerHTML: LeftArrow, disabled: firstItemVisible, tabindex: "-1", onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler }), hAsync("span", { key: '
|
|
13527
|
+
: "light", monochrome: this.monochrome, innerHTML: LeftArrow, disabled: firstItemVisible, tabindex: "-1", onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler }), hAsync("span", { key: '89c1dc4017ec5a5ccd691c16c47957d35067d0b5', class: "scroll-splitter-left" })), hAsync("slot", { key: 'bc45bafea5bad600701b74f097aae39c2e6b1e4d' }), hAsync("div", { key: 'b961e7d153dccb0187f0aa8c02f73494f4233649', "aria-hidden": "true", class: {
|
|
13442
13528
|
["scroll-container-right"]: true,
|
|
13443
13529
|
["hidden"]: !itemOverflow,
|
|
13444
13530
|
["disabled"]: lastItemVisible,
|
|
13445
|
-
}, role: "tab" }, hAsync("span", { key: '
|
|
13531
|
+
}, role: "tab" }, hAsync("span", { key: 'd0960807543d4513129f192ce975c7a0139a91a0', class: "scroll-splitter-right" }), hAsync("ic-button", { key: '4844fbcec6360b939a67c3878e36f4b812685c22', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll right", theme: this.theme === "light" || this.theme === "inherit"
|
|
13446
13532
|
? "dark"
|
|
13447
13533
|
: "light", monochrome: this.monochrome, innerHTML: RightArrow, disabled: lastItemVisible, tabindex: "-1", onClick: this.scrollRight, onMouseDown: this.rightArrowMouseDownHandler }))));
|
|
13448
13534
|
}
|
|
@@ -13517,15 +13603,15 @@ class InputComponentContainer {
|
|
|
13517
13603
|
}
|
|
13518
13604
|
render() {
|
|
13519
13605
|
const { size, validationStatus, disabled, readonly, multiLine, fullWidth, validationInline, } = this;
|
|
13520
|
-
return (hAsync(Host, { key: '
|
|
13606
|
+
return (hAsync(Host, { key: '20c111945d3fea6c2ec9ddcb70a0e5c74489fcd0', class: {
|
|
13521
13607
|
[`ic-input-component-container-${size}`]: true,
|
|
13522
13608
|
[`ic-input-component-container-${validationStatus}`]: validationStatus !== "" && !disabled && !readonly,
|
|
13523
13609
|
"ic-input-component-container-disabled": !!disabled,
|
|
13524
13610
|
"ic-input-component-container-readonly": !!readonly,
|
|
13525
13611
|
"ic-input-component-container-multiline": !!multiLine,
|
|
13526
13612
|
"ic-input-component-container-full-width": !!fullWidth,
|
|
13527
|
-
}, "aria-disabled": disabled ? "true" : null }, hAsync("div", { key: '
|
|
13528
|
-
validationStatus === IcInformationStatus$1.Success && (hAsync("span", { key: '
|
|
13613
|
+
}, "aria-disabled": disabled ? "true" : null }, hAsync("div", { key: '10974ddaa6b7e895645b50a73501ef8004036e8d', class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (hAsync("div", { key: '29b14de6450c67f924e6820cc4ef74f20abad132', class: "icon-container" }, hAsync("slot", { key: '9c35122ee4308cd2782cf405a80b4b986a4b3fe8', name: "left-icon" }))), hAsync("slot", { key: '71782b3c047c6bc14d63bb2218fc825ee644ed12' }), validationInline &&
|
|
13614
|
+
validationStatus === IcInformationStatus$1.Success && (hAsync("span", { key: 'e3ad09a64f224428e5a38127390751d86b5db914', class: "inline-success", innerHTML: successIcon })))));
|
|
13529
13615
|
}
|
|
13530
13616
|
get el() { return getElement(this); }
|
|
13531
13617
|
static get watchers() { return {
|
|
@@ -13566,11 +13652,11 @@ class InputContainer {
|
|
|
13566
13652
|
this.readonly = false;
|
|
13567
13653
|
}
|
|
13568
13654
|
render() {
|
|
13569
|
-
return (hAsync(Host, { key: '
|
|
13655
|
+
return (hAsync(Host, { key: '25d076eaba3bd1c7e469a5a3c44b26990dfcb43c' }, hAsync("div", { key: '77559c5ab0557c9d42eb30d4a6487962dc8d2462', class: {
|
|
13570
13656
|
["component-container"]: true,
|
|
13571
13657
|
["disabled"]: !!this.disabled,
|
|
13572
13658
|
["readonly"]: !!this.readonly,
|
|
13573
|
-
} }, hAsync("slot", { key: '
|
|
13659
|
+
} }, hAsync("slot", { key: '0b579f90ba6c9b7b5c515632b9e3f78a3a47c9a2' }))));
|
|
13574
13660
|
}
|
|
13575
13661
|
static get style() { return IcInputContainerStyle0; }
|
|
13576
13662
|
static get cmpMeta() { return {
|
|
@@ -13653,11 +13739,11 @@ class InputLabel {
|
|
|
13653
13739
|
"helpertext-readonly": readonly,
|
|
13654
13740
|
};
|
|
13655
13741
|
const helperTextSlot = this.el.querySelector("slot[name='helper-text']");
|
|
13656
|
-
return (hAsync(Host, { key: '
|
|
13742
|
+
return (hAsync(Host, { key: '632235f5528b1ee7cbdc981b1fd8f83f81317ac5', class: {
|
|
13657
13743
|
"ic-input-label-disabled": !!disabled,
|
|
13658
13744
|
"ic-input-label-readonly": readonly,
|
|
13659
13745
|
"with-helper": this.isHelperTextSlotUsed(helperTextSlot) || helperText !== "",
|
|
13660
|
-
} }, !hideLabel && (hAsync("ic-typography", { key: '
|
|
13746
|
+
} }, !hideLabel && (hAsync("ic-typography", { key: '4d5ffe88dcfd61697ac5c10bbfe72da69d6cd09e', variant: "label", class: {
|
|
13661
13747
|
"readonly-label": readonly,
|
|
13662
13748
|
"error-label": status === "error" && !(readonly || disabled),
|
|
13663
13749
|
} }, readonly || !useLabelTag ? (`${labelText}`) : (hAsync("label", { htmlFor: this.for }, labelText)))), this.isHelperTextSlotUsed(helperTextSlot) ? (hAsync("span", { id: helperTextId, class: helperTextClass }, hAsync("slot", { name: "helper-text" }))) : (helperText !== "" && (hAsync("ic-typography", { variant: "caption", class: helperTextClass }, hAsync("span", { id: helperTextId }, helperText))))));
|
|
@@ -13727,14 +13813,14 @@ class InputValidation {
|
|
|
13727
13813
|
render() {
|
|
13728
13814
|
const { ariaLiveMode, fullWidth, status, message } = this;
|
|
13729
13815
|
const displayIcon = status !== "" ? ICON[status] : "";
|
|
13730
|
-
return (hAsync(Host, { key: '
|
|
13816
|
+
return (hAsync(Host, { key: '71585fc1ea14fdb61bb1557d2da4df16b26cfc0d', class: {
|
|
13731
13817
|
[`ic-input-validation-${status}`]: status !== "",
|
|
13732
13818
|
"ic-input-validation-full-width": !!fullWidth,
|
|
13733
13819
|
"ic-input-validation-with-status": status !== "",
|
|
13734
|
-
} }, displayIcon !== "" && (hAsync("span", { key: '
|
|
13820
|
+
} }, displayIcon !== "" && (hAsync("span", { key: '4cbb1c03f511ea994a7ef9af769bd1040d9a4b26', class: {
|
|
13735
13821
|
"status-icon": true,
|
|
13736
13822
|
[`icon-${status}`]: true,
|
|
13737
|
-
}, innerHTML: displayIcon })), hAsync("ic-typography", { key: '
|
|
13823
|
+
}, innerHTML: displayIcon })), hAsync("ic-typography", { key: '89de4e97c599c21ab5d28fb5d2cad72af25d0142', variant: "caption", class: "statustext" }, hAsync("span", { key: 'ea899c6c80ca2036ab6388f7814ea5022b9681b3', id: this.for && getInputValidationTextID$1(this.for) }, message), hAsync("span", { key: 'f77fea85dda248f4e1b0d1cb4ee390926fe67116', ref: (el) => (this.messageEl = el), class: "sr-only", "aria-live": ariaLiveMode })), hAsync("slot", { key: '39452a262baec0db33f97951762ddc6b1e33b26b', name: "validation-message-adornment" })));
|
|
13738
13824
|
}
|
|
13739
13825
|
get el() { return getElement(this); }
|
|
13740
13826
|
static get watchers() { return {
|
|
@@ -13886,10 +13972,10 @@ class LayoutGrid {
|
|
|
13886
13972
|
}
|
|
13887
13973
|
render() {
|
|
13888
13974
|
const { aligned, fullHeight } = this;
|
|
13889
|
-
return (hAsync(Host, { key: '
|
|
13975
|
+
return (hAsync(Host, { key: '47ece5b026e7e3c97ed38bfe3bab840c1f19ab7c', class: {
|
|
13890
13976
|
[`ic-layout-grid-aligned-${aligned}`]: true,
|
|
13891
13977
|
["ic-layout-grid-no-vertical-padding"]: !!fullHeight,
|
|
13892
|
-
} }, hAsync("slot", { key: '
|
|
13978
|
+
} }, hAsync("slot", { key: 'f60fbe3bcc6218cf7340513a1699c13b0db377a0' })));
|
|
13893
13979
|
}
|
|
13894
13980
|
get el() { return getElement(this); }
|
|
13895
13981
|
static get watchers() { return {
|
|
@@ -13969,9 +14055,9 @@ class LayoutGridItem {
|
|
|
13969
14055
|
}
|
|
13970
14056
|
render() {
|
|
13971
14057
|
const { hideInMobileMode } = this;
|
|
13972
|
-
return (hAsync(Host, { key: '
|
|
14058
|
+
return (hAsync(Host, { key: 'bf040e1b3ddbd7f275a026008bf6f011fa440b1d', class: {
|
|
13973
14059
|
"ic-layout-grid-hide-in-mobile": !!hideInMobileMode,
|
|
13974
|
-
} }, hAsync("slot", { key: '
|
|
14060
|
+
} }, hAsync("slot", { key: '0833ce81285ee10fdfb943fe7d54d0e7db210313' })));
|
|
13975
14061
|
}
|
|
13976
14062
|
get el() { return getElement(this); }
|
|
13977
14063
|
static get watchers() { return {
|
|
@@ -14084,7 +14170,7 @@ class Link {
|
|
|
14084
14170
|
}
|
|
14085
14171
|
render() {
|
|
14086
14172
|
const { download, href, hreflang, referrerpolicy, rel, target, monochrome, theme, } = this;
|
|
14087
|
-
return (hAsync(Host, { key: '
|
|
14173
|
+
return (hAsync(Host, { key: 'ca6343037bc5985cf5062b7797e71e0dd0184fb3', class: {
|
|
14088
14174
|
["ic-link"]: true,
|
|
14089
14175
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
14090
14176
|
["ic-link-monochrome"]: !!monochrome,
|
|
@@ -14115,7 +14201,7 @@ class Link {
|
|
|
14115
14201
|
}; }
|
|
14116
14202
|
}
|
|
14117
14203
|
|
|
14118
|
-
const icLoadingIndicatorCss = "/*! 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;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}:host(.ic-loading-indicator-monochrome){--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}.ic-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center}:host(
|
|
14204
|
+
const icLoadingIndicatorCss = "/*! 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;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}:host(.ic-loading-indicator-monochrome){--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}.ic-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center}:host(.ic-loading-indicator-size-small){--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}:host(.ic-loading-indicator-size-medium){--circular-diameter:5rem}:host(.ic-loading-indicator-size-large){--circular-diameter:7.5rem}:host(.ic-loading-indicator-size-icon){display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}:host(.ic-loading-indicator-label){--margin:0 0 var(--ic-space-xs) 0}.ic-loading-label{--ic-typography-color:var(--label-color);margin-left:var(--label-margin-left)}.ic-loading-circular-outer{height:var(--circular-diameter);width:var(--circular-diameter)}.ic-loading-circular-outer.indeterminate{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}.ic-loading-circular-outer,.ic-loading-linear-outer{margin:var(--margin)}.ic-loading-linear-outer{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}.ic-loading-circular-outer[aria-valuenow=\"0\"] .ic-loading-circular-inner,.ic-loading-linear-outer[aria-valuenow=\"0\"] .ic-loading-linear-inner{--inner-color:var(--outer-color)}.ic-loading-linear-inner{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}.indeterminate>.ic-loading-linear-inner{animation:linear-animation 2s infinite}.determinate>.ic-loading-linear-inner{transition:width 0.5s;width:var(--linear-width)}:host(.ic-loading-indicator-full-width){--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}.ic-loading-circular-svg{position:relative;width:100%;height:100%;transform:rotate(-90deg)}.ic-loading-circular-svg circle{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}.ic-loading-circular-svg circle:nth-child(2){--circular-indeterminate:calc(\n (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}.inner-label{height:100%;display:grid}.inner-label .ic-loading-circular-svg,.inner-text{grid-column:1;grid-row:1}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:var(--ic-architectural-300)}.inner-text{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;--ic-typography-color:var(\n --ic-step-indicator-text-current,\n var(--ic-status-info-default)\n )}:host(.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-step-indicator-text-disabled)}:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-architectural-400)}@media (forced-colors: active){.indeterminate>.ic-loading-circular-inner{forced-color-adjust:none}.ic-loading-linear-outer{border:var(--ic-border-hc)}.ic-loading-linear-inner{background-color:canvastext}.ic-loading-circular-svg circle{stroke:Background}.ic-loading-circular-svg circle:nth-child(2){stroke:canvastext}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:GrayText}}";
|
|
14119
14205
|
var IcLoadingIndicatorStyle0 = icLoadingIndicatorCss;
|
|
14120
14206
|
|
|
14121
14207
|
const LOADING_INDICATOR_WIDTHS = {
|
|
@@ -14299,23 +14385,24 @@ class LoadingIndicator {
|
|
|
14299
14385
|
}
|
|
14300
14386
|
render() {
|
|
14301
14387
|
const { circularDiameter, circularDimensions: { x, y, r, dashArray, dashOffset }, description, fullWidth, indicatorLabel, innerLabel, label, max, min, monochrome, progress, size, theme, type, } = this;
|
|
14302
|
-
return (hAsync(Host, { key: '
|
|
14388
|
+
return (hAsync(Host, { key: 'ed657c9728ede234f20352d0476dc84b751e3e32', class: {
|
|
14303
14389
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
14304
14390
|
"ic-loading-indicator-full-width": fullWidth,
|
|
14305
14391
|
"ic-loading-indicator-label": !!label,
|
|
14306
14392
|
"ic-loading-indicator-monochrome": monochrome,
|
|
14307
|
-
|
|
14393
|
+
[`ic-loading-indicator-size-${size}`]: true,
|
|
14394
|
+
} }, hAsync("div", { key: '76182b425cf884804743cdcce8b57b04567f2bf0', class: "ic-loading-container", part: "ic-loading-container" }, hAsync("div", { key: '50b89f6f39333960992a2e617f3be1081d4af9a0', ref: (el) => (this.outerElement = el), class: {
|
|
14308
14395
|
[`ic-loading-${type}-outer`]: true,
|
|
14309
14396
|
[progress === undefined ? "indeterminate" : "determinate"]: true,
|
|
14310
|
-
}, role: "progressbar", "aria-labelledby": label && size !== "icon" && "ic-loading-label", "aria-label": description, "aria-valuenow": progress, "aria-valuemin": min, "aria-valuemax": max }, hAsync("div", { key: '
|
|
14397
|
+
}, role: "progressbar", "aria-labelledby": label && size !== "icon" && "ic-loading-label", "aria-label": description, "aria-valuenow": progress, "aria-valuemin": min, "aria-valuemax": max }, hAsync("div", { key: '8e674f38f70ddd761f0e5bfbb7c0fd5700d84b6b', ref: (el) => (this.innerElement = el), class: {
|
|
14311
14398
|
[`ic-loading-${type}-inner`]: true,
|
|
14312
14399
|
"inner-label": !!innerLabel,
|
|
14313
|
-
} }, innerLabel && size === "small" && (hAsync("ic-typography", { key: '
|
|
14400
|
+
} }, innerLabel && size === "small" && (hAsync("ic-typography", { key: '0d8108e18bf305dd1c64bf2723d0baf56bf29b6f', variant: "subtitle-small", class: "inner-text" }, innerLabel)), type === "circular" && (hAsync("svg", { key: '3d6b240272997f3566a8e20960ac4e8cf5e738cb', class: "ic-loading-circular-svg", viewBox: `0 0 ${circularDiameter} ${circularDiameter}` }, hAsync("circle", { key: '29d01b710d0b3de7fb492abde1dca5329fd6b4cb', cx: x, cy: y, r: r }), hAsync("circle", { key: '65634f6777109c6105e56e548d930059146661ae', style: {
|
|
14314
14401
|
"--circular-steps-max": progress ? `${max}` : undefined,
|
|
14315
14402
|
"--progress-value": progress !== undefined ? `${progress}` : undefined,
|
|
14316
14403
|
"--stroke-dasharray": dashArray,
|
|
14317
14404
|
"--stroke-dashoffset": dashOffset,
|
|
14318
|
-
}, cx: x, cy: y, r: r }))))), label && size !== "icon" && (hAsync("ic-typography", { key: '
|
|
14405
|
+
}, cx: x, cy: y, r: r }))))), label && size !== "icon" && (hAsync("ic-typography", { key: 'dd7785fb84269e7f13e224f2e4d5cbcfd83f19ef', id: "ic-loading-label", class: "ic-loading-label", role: "alert", variant: this.getLabelVariant() }, hAsync("p", { key: '2d82c7064ac921e025fe424bce3e7e024ccfbea0' }, indicatorLabel))))));
|
|
14319
14406
|
}
|
|
14320
14407
|
get el() { return getElement(this); }
|
|
14321
14408
|
static get watchers() { return {
|
|
@@ -17091,7 +17178,7 @@ class Menu {
|
|
|
17091
17178
|
const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, parentEl, SEARCH_BAR_TAG, multiSelect, } = this;
|
|
17092
17179
|
const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? "Clear" : "Select"} all`;
|
|
17093
17180
|
const hasNoResults = this.host.classList.contains("no-results");
|
|
17094
|
-
return (hAsync(Host, { key: '
|
|
17181
|
+
return (hAsync(Host, { key: '1e4da9c2108dc9df947dcf92f558fcbc14c3f686', class: {
|
|
17095
17182
|
"ic-menu-full-width": !!fullWidth,
|
|
17096
17183
|
"ic-menu-no-focus": ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === "INPUT" &&
|
|
17097
17184
|
(parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) !== SEARCH_BAR_TAG) ||
|
|
@@ -17100,7 +17187,7 @@ class Menu {
|
|
|
17100
17187
|
[`ic-menu-${size}`]: true,
|
|
17101
17188
|
"ic-menu-open": open && options.length !== 0,
|
|
17102
17189
|
"ic-menu-multiple": multiSelect,
|
|
17103
|
-
} }, options.length !== 0 && (hAsync("ul", { key: '
|
|
17190
|
+
} }, options.length !== 0 && (hAsync("ul", { key: '0861edb24bdb21aecd3b70ec4d7f11112d4ad3eb', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": multiSelect ? "true" : "false", tabindex: open &&
|
|
17104
17191
|
!keyboardNav &&
|
|
17105
17192
|
((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== "INPUT" ||
|
|
17106
17193
|
(parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === SEARCH_BAR_TAG)
|
|
@@ -17128,7 +17215,7 @@ class Menu {
|
|
|
17128
17215
|
multiSelect &&
|
|
17129
17216
|
!isLoading &&
|
|
17130
17217
|
!hasTimedOut &&
|
|
17131
|
-
!hasNoResults && (hAsync("div", { key: '
|
|
17218
|
+
!hasNoResults && (hAsync("div", { key: 'aa5a9084985ac02f145acbc5d45ff726ae5d575e', class: "option-bar" }, hAsync("ic-typography", { key: 'c9854cfb8d9ddf6b54a4b66445020f1e437dece7' }, hAsync("p", { key: '47b9491c4332bc7d547df9a6edbd97290cdb9535' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), hAsync("ic-button", { key: 'a07f28d90a7fd4efa5d3a0574f161a111a46c048', class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
|
|
17132
17219
|
}
|
|
17133
17220
|
get host() { return getElement(this); }
|
|
17134
17221
|
static get watchers() { return {
|
|
@@ -17188,7 +17275,7 @@ class MenuGroup {
|
|
|
17188
17275
|
}
|
|
17189
17276
|
render() {
|
|
17190
17277
|
const parentMenu = this.el.closest("ic-popover-menu");
|
|
17191
|
-
return (hAsync(Host, { key: '
|
|
17278
|
+
return (hAsync(Host, { key: '979b8fb6d5820b0bedb7b5fd0695ae1d45f28ce7', role: "group", "aria-label": this.label !== null ? this.label : "" }, isPropDefined$1(this.label) && (hAsync("ic-typography", { key: '9ec6ec6fa6bb1eeeea72f74505bab6310e6d2e1f', variant: "subtitle-small" }, this.label)), hAsync("span", { key: '720be07138e658bbaa4ed5131c5ec0ebea15c110', class: "menu-items-wrapper" }, hAsync("slot", { key: 'd9740690e6caf5aaa3c54f96e6be45f38b6f1eea' })), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector("ic-menu-group:last-child")) && (hAsync("hr", { key: '44bb82e43b7de2acf8f955d77666455de0ef67fa' }))));
|
|
17192
17279
|
}
|
|
17193
17280
|
get el() { return getElement(this); }
|
|
17194
17281
|
static get style() { return IcMenuGroupStyle0; }
|
|
@@ -17204,7 +17291,7 @@ class MenuGroup {
|
|
|
17204
17291
|
}; }
|
|
17205
17292
|
}
|
|
17206
17293
|
|
|
17207
|
-
const icMenuItemCss = "/*! 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 ::part(button){color:var(--ic-popover-menu-item-check);--ic-typography-color:var(--ic-popover-menu-item-check);padding:calc(var(--ic-space-xxxs) / 2);display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:0;min-height:2.5rem;height:auto}.focus-border{display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:var(--ic-border-radius);margin:calc(var(--ic-space-xxxs) / 2);padding:var(--ic-space-xxs);border:var(--ic-space-xxxs) dashed transparent;--icon-height:auto}:host(.ic-menu-item-disabled) ::part(button){color:var(--ic-popover-menu-item-check-disabled) !important;--ic-typography-color:var(--ic-popover-menu-item-check-disabled) !important;pointer-events:none}:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host(
|
|
17294
|
+
const icMenuItemCss = "/*! 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 ::part(button){color:var(--ic-popover-menu-item-check);--ic-typography-color:var(--ic-popover-menu-item-check);padding:calc(var(--ic-space-xxxs) / 2);display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:0;min-height:2.5rem;height:auto}.focus-border{display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:var(--ic-border-radius);margin:calc(var(--ic-space-xxxs) / 2);padding:var(--ic-space-xxs);border:var(--ic-space-xxxs) dashed transparent;--icon-height:auto}:host(.ic-menu-item-disabled) ::part(button){color:var(--ic-popover-menu-item-check-disabled) !important;--ic-typography-color:var(--ic-popover-menu-item-check-disabled) !important;pointer-events:none}:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host(.ic-menu-item-variant-destructive) ::part(button){color:var(--ic-popover-menu-destructive-item-icon);--ic-typography-color:var(--ic-popover-menu-destructive-item-label)}:host ::part(button):hover{background-color:var(--ic-popover-background-hover)}:host ::part(button):focus-visible,:host ::part(button):focus{color:var(--ic-popover-menu-item-icon-focused);--ic-typography-color:purple;background-color:var(--ic-popover-background-focus);box-shadow:none}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{color:var(--ic-popover-menu-item-icon-disabled) !important;--ic-typography-color:orange !important}:host(.ic-menu-item-variant-destructive) ::part(button):focus-visible,:host(.ic-menu-item-variant-destructive) ::part(button):focus{background-color:var(--ic-popover-destructive-background-focus)}ic-button:focus-within .menu-item-label,ic-button:focus-within .shortcut,ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-focused)}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:var(--ic-popover-menu-border)}:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-item-label) !important;--ic-typography-color:var(--ic-popover-menu-item-label) !important}:host(.ic-menu-item-variant-destructive) ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-destructive-item-label) !important;--ic-typography-color:var(\n --ic-popover-menu-destructive-item-label\n ) !important}.menu-item-info{display:flex;flex-direction:column;flex:1;align-items:baseline;white-space:pre-line;text-align:left}.menu-labels{display:flex;align-items:baseline;gap:var(--ic-space-xs)}.menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}.shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut);display:flex;flex:min-content}:host(.ic-menu-item-variant-destructive) .menu-item-label{text-transform:uppercase;font-weight:600;letter-spacing:0.025em}ic-button:active .menu-item-label{--ic-typography-color:var(--ic-popover-menu-item-label)}ic-button:active .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}ic-button:active .shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut)}:host(.ic-menu-item-variant-destructive) ic-button:active .menu-item-label{--ic-typography-color:var(\n --ic-popover-menu-destructive-item-label\n ) !important}.icon,.check-icon,.submenu-icon,.icon ::slotted(svg),.check-icon svg,.submenu-icon svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.check-icon.hide{visibility:hidden}@media (forced-colors: active){:host ::part(button){border:canvas}:host ::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}.focus-border{border-color:canvas}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:GrayText}:host(.ic-menu-item-disabled) .menu-item-info,:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:GrayText !important}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{outline-color:GrayText !important}}";
|
|
17208
17295
|
var IcMenuItemStyle0 = icMenuItemCss;
|
|
17209
17296
|
|
|
17210
17297
|
/**
|
|
@@ -17295,6 +17382,7 @@ class MenuItem {
|
|
|
17295
17382
|
};
|
|
17296
17383
|
return (hAsync(Host, { class: {
|
|
17297
17384
|
["ic-menu-item-disabled"]: !!this.disabled,
|
|
17385
|
+
[`ic-menu-item-variant-${this.variant}`]: this.variant !== undefined,
|
|
17298
17386
|
} }, hAsync("ic-button", { fullWidth: true, variant: "tertiary", onClick: this.handleClick, href: isPropDefined$1(this.href), hreflang: isPropDefined$1(this.hreflang), target: isPropDefined$1(this.target), rel: isPropDefined$1(this.rel), referrerpolicy: this.referrerpolicy, role: this.variant === "toggle" ? "menuitemcheckbox" : "menuitem", "aria-disabled": `${this.disabled}`, "aria-checked": this.variant === "toggle"
|
|
17299
17387
|
? this.checked
|
|
17300
17388
|
? "true"
|
|
@@ -17438,11 +17526,11 @@ class NavigationButton {
|
|
|
17438
17526
|
target,
|
|
17439
17527
|
theme,
|
|
17440
17528
|
};
|
|
17441
|
-
return (hAsync(Host, { key: '
|
|
17529
|
+
return (hAsync(Host, { key: 'a277e7f5b36c9a2c7e7a02c488130727a7894a95', class: {
|
|
17442
17530
|
"in-side-menu": isMenuMode,
|
|
17443
17531
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
17444
17532
|
dark: parentThemeDark,
|
|
17445
|
-
} }, hAsync("ic-button", Object.assign({ key: '
|
|
17533
|
+
} }, hAsync("ic-button", Object.assign({ key: '50ebf0528b85ac029bd83547d12d850136c382d6', ref: (el) => (this.buttonEl = el), class: { "popout-menu-button": isMenuMode }, "aria-label": !isMenuMode ? label : null, disableTooltip: isMenuMode, fullWidth: isMenuMode, monochrome: !isMenuMode, size: isMenuMode ? "medium" : "large", variant: isMenuMode ? "tertiary" : "icon-tertiary" }, buttonProps, inheritedAttributes), isMenuMode ? label : "", hAsync("slot", { key: '10f847ba11eec3c7e398b15807865783ede32493', slot: "left-icon", name: "icon" }), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: '37a37bf5dfbcb7ef4e90b86dde4d9efec521911d', name: "badge" }))));
|
|
17446
17534
|
}
|
|
17447
17535
|
static get delegatesFocus() { return true; }
|
|
17448
17536
|
get el() { return getElement(this); }
|
|
@@ -17735,7 +17823,7 @@ class NavigationGroup {
|
|
|
17735
17823
|
const isTopNav = this.navigationType === "top";
|
|
17736
17824
|
const isTopNavDesktop = !inTopNavSideMenu && isTopNav;
|
|
17737
17825
|
const ariaExpanded = (isSideNav && expanded) || (isTopNav && dropdownOpen);
|
|
17738
|
-
return (hAsync(Host, { key: '
|
|
17826
|
+
return (hAsync(Host, { key: '15cdbd2b2ce19129b1ff6a845922036813e7ae99', class: {
|
|
17739
17827
|
"in-side-menu": inTopNavSideMenu,
|
|
17740
17828
|
"ic-navigation-group-expandable": expandable,
|
|
17741
17829
|
"ic-navigation-group-side-nav": isSideNav,
|
|
@@ -17968,7 +18056,7 @@ class NavigationItem {
|
|
|
17968
18056
|
render() {
|
|
17969
18057
|
const { inTopNavSideMenu, isTopNavChild, selected, navigationType, focusStyle, isInitialRender, sideNavExpanded, displayNavigationTooltip, collapsedIconLabel, isSideNavMobile, expandable, isInSideNav, theme, } = this;
|
|
17970
18058
|
const isTopNavChildDesktop = isTopNavChild && !inTopNavSideMenu;
|
|
17971
|
-
return (hAsync(Host, { key: '
|
|
18059
|
+
return (hAsync(Host, { key: '8c8d6840c525322be195b26b40b81de5b76a3bb9', class: {
|
|
17972
18060
|
"navigation-item": true,
|
|
17973
18061
|
"navigation-item-selected": !isTopNavChild && selected,
|
|
17974
18062
|
"navigation-item-top-nav": !inTopNavSideMenu && navigationType === "top",
|
|
@@ -17987,7 +18075,7 @@ class NavigationItem {
|
|
|
17987
18075
|
expandable,
|
|
17988
18076
|
[focusStyle]: isTopNavChild ? isInSideNav : !inTopNavSideMenu,
|
|
17989
18077
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
17990
|
-
}, onBlur: isTopNavChildDesktop ? this.handleBlur : null, onClick: this.handleClick, "aria-current": selected ? "page" : null, role: "listitem" }, hAsync("ic-tooltip", { key: '
|
|
18078
|
+
}, onBlur: isTopNavChildDesktop ? this.handleBlur : null, onClick: this.handleClick, "aria-current": selected ? "page" : null, role: "listitem" }, hAsync("ic-tooltip", { key: '20f1518fa353f8ab041ce7a71d8cbe0277ee9e6a', label: this.generateTooltipLabel(), target: "navigation-item", placement: "right", class: {
|
|
17991
18079
|
"tooltip-navigation-item": true,
|
|
17992
18080
|
"tooltip-navigation-item-side-nav-collapsed": displayNavigationTooltip && isInSideNav,
|
|
17993
18081
|
"tooltip-long-label-navigation-item-side-nav-expanded": this.el.hasAttribute("[display-navigation-tooltip = 'true']"),
|
|
@@ -18160,16 +18248,16 @@ class NavigationMenu {
|
|
|
18160
18248
|
}
|
|
18161
18249
|
}
|
|
18162
18250
|
render() {
|
|
18163
|
-
return (hAsync(Host, { key: '
|
|
18251
|
+
return (hAsync(Host, { key: '5040ecf445a2131ca777cf9795f4fc25f9ee9d3f', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, hAsync("div", { key: '85b31d01281c8ea08c7fa09d37063fa6274ade9d', class: "popout-modal", onClick: this.closeMenu }), hAsync("div", { key: '336cf9892c7698a887a6a8fa6f287c40b441c2ab', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, hAsync("span", { key: 'd2367e40e87f65ef92225fb0240f049723de8eea', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), hAsync("nav", { key: '665c9f21f3c81961edff4e959fa77a2c7479f475', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, hAsync("div", { key: '3e9debb08e2efe3bc8b4a5266d1df14ee7ee3b8a', class: {
|
|
18164
18252
|
["menu-close-button-container"]: true,
|
|
18165
18253
|
["nav-group-first"]: this.navGroupFirst,
|
|
18166
|
-
} }, hAsync("ic-button", { key: '
|
|
18254
|
+
} }, hAsync("ic-button", { key: '8fa44a70222a765adbe21298f81d2a8d9507b5ec', ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon-tertiary", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, hAsync("svg", { key: '9b5dc10d973f156783708c56f30e618db47a6de1', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '9fa87211d3c594f36b6a7b0bd1d5298f8d04d4f4', d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" })))), this.hasNavigation && hAsync("slot", { key: 'f4ba3ba39a6c152d32fcfe4d67492effed09eae7', name: "navigation" })), this.hasButtons && (hAsync("div", { key: 'ac05566d1578abbf6377417130e3eb17b177e67d', class: {
|
|
18167
18255
|
["menu-buttons-container"]: true,
|
|
18168
18256
|
["menu-buttons-container-nav-item-above"]: this.navItemAboveButtons,
|
|
18169
|
-
} }, hAsync("slot", { key: '
|
|
18257
|
+
} }, hAsync("slot", { key: 'b41b238a5b9539d20fee6d1ef5d48e8318282e7b', name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { key: 'f7e7f7ac77288dde96a92160e25cbe04e4762fc2', class: {
|
|
18170
18258
|
["menu-status-version-container"]: true,
|
|
18171
18259
|
["status-version-no-buttons"]: !this.hasButtons,
|
|
18172
|
-
} }, this.status !== "" && (hAsync("div", { key: '
|
|
18260
|
+
} }, this.status !== "" && (hAsync("div", { key: '7cff7f64f8040feb7605890db0131df0d854688a', class: "menu-status" }, hAsync("ic-typography", { key: 'cc5124ab4a9c02e5f412755012c60e42c9e8bc55', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (hAsync("div", { key: '3a72f8253064a565c543a504aef7bd6efe7cb2cb', class: "menu-version" }, hAsync("ic-typography", { key: 'e2060017d43524668f0da2e7b3385bb19ab3438e', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
|
|
18173
18261
|
}
|
|
18174
18262
|
get el() { return getElement(this); }
|
|
18175
18263
|
static get style() { return IcNavigationMenuStyle0; }
|
|
@@ -18302,19 +18390,19 @@ class PageHeader {
|
|
|
18302
18390
|
const navAriaLabel = `${isSlotUsed$1(this.el, "heading")
|
|
18303
18391
|
? (_b = (_a = this.el.querySelector('[slot="heading"]')) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : ""
|
|
18304
18392
|
: heading !== null && heading !== void 0 ? heading : ""} page sections`;
|
|
18305
|
-
return (hAsync(Host, { key: '
|
|
18393
|
+
return (hAsync(Host, { key: '6839f2d164672f2aa33e05134c3426e5374d1f06', class: {
|
|
18306
18394
|
["ic-page-header-sticky"]: !!sticky,
|
|
18307
18395
|
["ic-page-header-sticky-desktop"]: !sticky && !!stickyDesktopOnly,
|
|
18308
18396
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
18309
|
-
}, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { key: '
|
|
18397
|
+
}, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { key: '7d5137cb542941699de9cc5721ae28a17861dbf0', class: {
|
|
18310
18398
|
["border-bottom"]: !!border,
|
|
18311
18399
|
["tabs"]: isSlotUsed$1(this.el, "tabs"),
|
|
18312
|
-
}, role: "presentation" }, hAsync("ic-section-container", { key: '
|
|
18400
|
+
}, role: "presentation" }, hAsync("ic-section-container", { key: '454a9621964544cff3503b6553e7a17c60da3832', aligned: aligned, fullHeight: isSlotUsed$1(this.el, "tabs") }, isSlotUsed$1(this.el, "breadcrumbs") && (hAsync("div", { key: '58cd2a99c294c0e74d7236dfadaed9df5a2e468a', class: "breadcrumb-area" }, hAsync("slot", { key: '02a27ba25893819a676272f7b5c99ba111cec39a', name: "breadcrumbs" }))), hAsync("div", { key: '252904de3b7c608bca4e42325880560ee7bdc431', class: "main-content" }, hAsync("div", { key: 'f9256d53398c537fe19e6b27ed777542650de68b', class: "title-area" }, hAsync("div", { key: 'a1d40860aa4a7191974e44f400b3b8d486e09bf4', class: "header-content" }, hAsync("slot", { key: '81f3ac92b61b9943166ae930c7ada3662e494a60', name: "heading" }, hAsync("ic-typography", { key: '78f00c7412b22c74b25db7ce1136edaa173c557b', variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", { key: '6e9608ec80c3f05482ac3a8e60ee27d2e6f683ad' }, heading))), hAsync("slot", { key: '59600cab7fe6df1e7fbb9786060c1338c1d24109', name: "heading-adornment" })), hAsync("div", { key: '8008f53d6ee65c3ac3bb849e136e417a85fb185a', class: {
|
|
18313
18401
|
["subheading-content"]: !!subheading || isSlotUsed$1(this.el, "subheading"),
|
|
18314
18402
|
["small"]: size === "small",
|
|
18315
|
-
} }, hAsync("slot", { key: '
|
|
18316
|
-
isSlotUsed$1(this.el, "tabs")) && (hAsync("div", { key: '
|
|
18317
|
-
!isSlotUsed$1(this.el, "tabs") && hAsync("slot", { key: '
|
|
18403
|
+
} }, hAsync("slot", { key: '2f7f52d845ac9ae2d4a7122c17dda2cd9439301d', name: "subheading" }, hAsync("ic-typography", { key: 'c0aea12079ad430c8fc80de47dbc36998c7dafde', variant: "body" }, subheading)))), isSlotUsed$1(this.el, "actions") && (hAsync("div", { key: '522be093d57e17bd669e6a00de00b5d762371464', class: "action-area" }, hAsync("slot", { key: '5044800dd45ad23bded19fb947103fc33fb224f9', name: "actions" }))), isSlotUsed$1(this.el, "input") && (hAsync("div", { key: 'c2ed3ac5f6683e17dff5e30bb4b0836c6882a62a', class: "input-area" }, hAsync("slot", { key: '7fa5429dde9cafd6cf7a91e6c018c137c4596cb8', name: "input" })))), (isSlotUsed$1(this.el, "stepper") ||
|
|
18404
|
+
isSlotUsed$1(this.el, "tabs")) && (hAsync("div", { key: '7adb7f57bb469ddb2f88303784c5bb4f47af3e7a', class: "navigation-area" }, isSlotUsed$1(this.el, "stepper") &&
|
|
18405
|
+
!isSlotUsed$1(this.el, "tabs") && hAsync("slot", { key: '523c906aff9a5dcf0911b99e58a49bae70f6dc1a', name: "stepper" }), isSlotUsed$1(this.el, "tabs") && (hAsync("nav", { key: '3d387ad3a2ca763d7837ad7604d7efbe46b3b2c9', "aria-label": navAriaLabel }, hAsync("ic-horizontal-scroll", { key: 'dee59ffc315702860977ca50ca8bdf90459a6a63' }, hAsync("ul", { key: 'ce68af19740fd60be9a08fa955643854eb5ac0c7', class: "tabs-slot" }, hAsync("slot", { key: 'd2297a18b03a95711ae20beaef363b39462c3866', name: "tabs" })))))))))));
|
|
18318
18406
|
}
|
|
18319
18407
|
get el() { return getElement(this); }
|
|
18320
18408
|
static get style() { return IcPageHeaderStyle0; }
|
|
@@ -18592,14 +18680,14 @@ class Pagination {
|
|
|
18592
18680
|
}
|
|
18593
18681
|
render() {
|
|
18594
18682
|
const { type, currentPage, hideCurrentPage, disabled, hideFirstAndLastPageButton, label, theme, monochrome, } = this;
|
|
18595
|
-
return (hAsync(Host, { key: '
|
|
18683
|
+
return (hAsync(Host, { key: '2d22f7a183f6da54aece8dfc1f48137388304493', class: {
|
|
18596
18684
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
18597
18685
|
["ic-pagination-monochrome"]: !!monochrome,
|
|
18598
|
-
} }, type === "simple" && (hAsync("nav", { key: '
|
|
18686
|
+
} }, type === "simple" && (hAsync("nav", { key: '50a0774ec8e4bf5b1799ae9eee4b4ee3735cfcb6', class: {
|
|
18599
18687
|
["disabled"]: !!disabled,
|
|
18600
|
-
}, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { key: '
|
|
18688
|
+
}, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { key: 'da44ff2e87bc0fcad46c497ab55b014f069b13b3', theme: this.theme, monochrome: this.monochrome, type: "simple-current", page: currentPage, label: label, class: { ["hide-current-page"]: !!hideCurrentPage }, disabled: disabled }), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("nav", { key: 'c6fe6b828ff3d31462ffe46f7ec366853faee845', class: {
|
|
18601
18689
|
["disabled"]: !!disabled,
|
|
18602
|
-
}, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), this.renderStartItems(), this.startEllipsis && this.renderStartEllipsis(), this.renderMiddleItems(), this.endEllipsis && this.renderEndEllipsis(), this.renderEndItems(), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("span", { key: '
|
|
18690
|
+
}, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), this.renderStartItems(), this.startEllipsis && this.renderStartEllipsis(), this.renderMiddleItems(), this.endEllipsis && this.renderEndEllipsis(), this.renderEndItems(), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("span", { key: '38e987b2739f3be57c96c7b596478079a441f4da', class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
|
|
18603
18691
|
}
|
|
18604
18692
|
get el() { return getElement(this); }
|
|
18605
18693
|
static get watchers() { return {
|
|
@@ -18977,21 +19065,21 @@ class PaginationBar {
|
|
|
18977
19065
|
}
|
|
18978
19066
|
render() {
|
|
18979
19067
|
const { alignment, displayedItemsPerPageOptions, PAGE_INPUT_FIELD_ID, type, rangeLabelType, hideRangeLabel, showItemsPerPageControl, showGoToPageControl, pageLabel, capitalizedPageLabel, lowerCasePageLabel, capitalizedItemLabel, lowerCaseItemLabel, totalPages, activePage, itemsPerPageString, theme, monochrome, selectItemsPerPageOnEnter, } = this;
|
|
18980
|
-
return (hAsync(Host, { key: '
|
|
19068
|
+
return (hAsync(Host, { key: '1bdb283b4cee9f3b82bebdda9ee2a87a14f029f2', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: '6e9f804d4cf83872dd4db5945544e87980bcfcd0', class: {
|
|
18981
19069
|
["pagination-bar"]: true,
|
|
18982
19070
|
[`pagination-bar-${alignment}`]: true,
|
|
18983
|
-
}, ref: (el) => (this.paginationBarEl = el) }, (!hideRangeLabel || showItemsPerPageControl) && (hAsync("div", { key: '
|
|
19071
|
+
}, ref: (el) => (this.paginationBarEl = el) }, (!hideRangeLabel || showItemsPerPageControl) && (hAsync("div", { key: '55b793e9373472c650df949a6df6bd56a908c2d8', class: "item-controls" }, showItemsPerPageControl && (hAsync("div", { key: 'e0dcc5cd7283b8efd7e336dc666d1a02f7521559', class: "items-per-page-holder" }, hAsync("ic-typography", { key: 'fd22b1152361b3d34229f5216c46a26ccb7c83a1', class: {
|
|
18984
19072
|
["items-per-page-control-label"]: true,
|
|
18985
|
-
}, variant: "label", onClick: this.itemsPerPageLabelClickHandler }, capitalizedItemLabel, "s per ", lowerCasePageLabel), hAsync("ic-select", { key: '
|
|
19073
|
+
}, variant: "label", onClick: this.itemsPerPageLabelClickHandler }, capitalizedItemLabel, "s per ", lowerCasePageLabel), hAsync("ic-select", { key: '9f9d68b2754533139e6296d4e82929a32f057a62', theme: theme, size: "small", label: "items-per-page-input", class: "items-per-page-input", hideLabel: true, options: displayedItemsPerPageOptions, selectOnEnter: selectItemsPerPageOnEnter, value: itemsPerPageString, onIcChange: this.changeItemsPerPage, ref: (el) => (this.pageDropdownEl = el) }))), !hideRangeLabel &&
|
|
18986
19074
|
(rangeLabelType === "data" ? (hAsync("ic-typography", { class: {
|
|
18987
19075
|
["item-pagination-label"]: true,
|
|
18988
19076
|
}, variant: "label", "aria-live": "polite" }, this.upperBound === 0 && `0 ${lowerCaseItemLabel}s`, this.upperBound > 0 &&
|
|
18989
19077
|
`${this.lowerBound} - ${this.upperBound} of ${this.totalItems} ${lowerCaseItemLabel}${this.totalItems > 1 ? "s" : ""}`)) : (hAsync("ic-typography", { class: {
|
|
18990
19078
|
["page-pagination-label"]: true,
|
|
18991
|
-
}, variant: "label", "aria-live": "polite" }, capitalizedPageLabel, " ", activePage, " of ", totalPages))))), hAsync("div", { key: '
|
|
19079
|
+
}, variant: "label", "aria-live": "polite" }, capitalizedPageLabel, " ", activePage, " of ", totalPages))))), hAsync("div", { key: '672ad8420d478f014739114a908bb04925e6aeb9', class: {
|
|
18992
19080
|
["pagination-controls"]: true,
|
|
18993
19081
|
["pagination-controls-wrap"]: this.paginationWrapped,
|
|
18994
|
-
} }, hAsync("div", { key: '
|
|
19082
|
+
} }, hAsync("div", { key: 'cb935dfcb4c533fd6393ef3936d1c5e525c54a48', class: "pagination-holder" }, hAsync("ic-pagination", { key: '13c998f882c64ceb7378d3946331e51615ac91bb', type: type, pages: totalPages, label: pageLabel, ref: (el) => (this.paginationEl = el), currentPage: activePage, theme: theme, monochrome: monochrome })), showGoToPageControl && (hAsync("div", { key: '284fb3adcb71840ad3f5cd94e169c723e29e3c42', class: "go-to-page-holder" }, hAsync("ic-typography", { key: '3573ec4a04fd9d4255cbdc9baa5af094d4fa4cf6', variant: "label", onClick: this.goToPageLabelClickHandler }, "Go to ", lowerCasePageLabel), hAsync("ic-tooltip", { key: '6ec3806df8407e0a67cf88193b11bf91dae15d8f', label: this.inputError, target: `#${PAGE_INPUT_FIELD_ID}`, disableHover: true, disableClick: true, ref: (el) => (this.pageInputTooltipEl = el) }, hAsync("ic-text-field", { key: '2401a8ab487c1aea29e0faa17ad4b3aa04ee8d64', theme: theme, type: "number", size: "small", label: PAGE_INPUT_FIELD_ID, class: PAGE_INPUT_FIELD_ID, id: PAGE_INPUT_FIELD_ID, hideLabel: true, onKeyDown: this.handleKeydown, onKeyUp: this.handleKeyUp, onInput: this.handleInputChange, max: totalPages, min: "1", validationInlineInternal: true, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: (el) => (this.pageInputEl = el) })), hAsync("ic-button", { key: 'ed1b6758582ba5ee2187048037989cf2e8441526', variant: "secondary", onClick: this.goToPage, size: "small", class: "go-to-page-button" }, "Go")))))));
|
|
18995
19083
|
}
|
|
18996
19084
|
get el() { return getElement(this); }
|
|
18997
19085
|
static get watchers() { return {
|
|
@@ -19089,7 +19177,7 @@ class PaginationItem {
|
|
|
19089
19177
|
}
|
|
19090
19178
|
render() {
|
|
19091
19179
|
const { page, selected, type, disabled, label, capitalizedLabel, monochrome, } = this;
|
|
19092
|
-
return (hAsync("a", { key: '
|
|
19180
|
+
return (hAsync("a", { key: '89475a5ee9cb95171d34ae94ec68107c70e67248', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (hAsync("div", { class: {
|
|
19093
19181
|
["item-container"]: true,
|
|
19094
19182
|
["ellipsis"]: true,
|
|
19095
19183
|
["disabled"]: !!disabled,
|
|
@@ -19408,17 +19496,17 @@ class PopoverMenu {
|
|
|
19408
19496
|
this.popperProps = props;
|
|
19409
19497
|
}
|
|
19410
19498
|
render() {
|
|
19411
|
-
return (hAsync(Host, { key: '
|
|
19499
|
+
return (hAsync(Host, { key: 'bbe8b532b3e08c777c35e0af55486b59b5b8e44c', class: {
|
|
19412
19500
|
["ic-popover-menu-open"]: !!this.open,
|
|
19413
19501
|
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
|
19414
|
-
} }, hAsync("div", { key: '
|
|
19502
|
+
} }, hAsync("div", { key: 'a72a96633961efb668c7c8aae3fcb3b142c7b128', id: this.parentPopover === undefined
|
|
19415
19503
|
? `ic-popover-submenu-${this.submenuId}`
|
|
19416
19504
|
: "", class: {
|
|
19417
19505
|
menu: true,
|
|
19418
|
-
} }, hAsync("span", { key: '
|
|
19506
|
+
} }, hAsync("span", { key: '06b147e629909bbb74f4f1e01e825d39dcbab395', class: {
|
|
19419
19507
|
"opening-from-parent": this.openingFromParent,
|
|
19420
19508
|
"opening-from-child": this.openingFromChild,
|
|
19421
|
-
} }, isPropDefined$1(this.submenuId) && (hAsync("span", { key: '
|
|
19509
|
+
} }, isPropDefined$1(this.submenuId) && (hAsync("span", { key: '088ce8abcf89df38016507d521381e081ade4759' }, hAsync("span", { key: '1bebbc5854c2edd5207633c01bee4a6e887c03a0', role: "menu" }, hAsync("ic-menu-item", { key: '317fe27583c8bc0d41319ac634a4bff22b1c5e2d', class: "ic-popover-submenu-back-button", ref: (el) => (this.backButton = el), label: "Back", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, hAsync("svg", { key: '02d9719c84180f8832a26d75cd652c55070b6289', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { key: '906a7a797d99a3e8f0a7a3b30d3e33a52ca2582c', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), hAsync("ic-typography", { key: 'ee0152debc2b109787490b4a78e1de3f8186ae5e', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("div", { key: 'f91d5f08c8142136b4bb2c1fbd513ee13fbbd263', class: "menu-body", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", { key: '55417e47588809089b7ba71e510336d79ba69ac3' }))))));
|
|
19422
19510
|
}
|
|
19423
19511
|
static get delegatesFocus() { return true; }
|
|
19424
19512
|
get el() { return getElement(this); }
|
|
@@ -19687,16 +19775,16 @@ class RadioGroup {
|
|
|
19687
19775
|
render() {
|
|
19688
19776
|
const { currentOrientation, disabled, handleKeyDown, helperText, hideLabel, label, required, size, validationAriaLive, validationStatus, validationText, theme, } = this;
|
|
19689
19777
|
const showValidation = hasValidationStatus(validationStatus, disabled);
|
|
19690
|
-
return (hAsync(Host, { key: '
|
|
19778
|
+
return (hAsync(Host, { key: 'aa0ff707b50765535bf74bb77f349b1fdf8ec5c2', onKeyDown: handleKeyDown, class: {
|
|
19691
19779
|
"ic-radio-group-small": size === "small",
|
|
19692
19780
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
19693
|
-
} }, hAsync("fieldset", { key: '
|
|
19781
|
+
} }, hAsync("fieldset", { key: '0c4dab92df1c01348afbe3ccdd6e66d32aaefef9', role: "radiogroup", id: this.name, "aria-required": `${required}` }, !hideLabel && (hAsync("legend", { key: '37ebeeb2b43fcb8628327deefb00ce2742c6a026' }, hAsync("ic-input-label", { key: '2a587dc242e293992e41bdbb523ac8414b8c4fac', class: {
|
|
19694
19782
|
[`${validationStatus}`]: true,
|
|
19695
19783
|
["disabled"]: !!disabled,
|
|
19696
|
-
}, label: label, helperText: helperText, required: required, disabled: disabled }, hAsync("slot", { key: '
|
|
19784
|
+
}, label: label, helperText: helperText, required: required, disabled: disabled }, hAsync("slot", { key: '28611e725b177c6b7f8456668c33d3162830eb29', name: "helper-text", slot: "helper-text" })))), hAsync("div", { key: 'd53f2e859088f0c208c2aab94442322d8a1bad0e', class: {
|
|
19697
19785
|
"radio-buttons-container": true,
|
|
19698
19786
|
horizontal: currentOrientation === this.RADIO_HORIZONTAL,
|
|
19699
|
-
}, ref: (el) => (this.radioContainer = el) }, hAsync("slot", { key: '
|
|
19787
|
+
}, ref: (el) => (this.radioContainer = el) }, hAsync("slot", { key: 'bbffd83c1b277c2ca55a7e97254ba0a322008c34' }))), hAsync("ic-input-validation", { key: '67ca41fbf8ce4265a5a979cdca100edb2f4e4c41', class: {
|
|
19700
19788
|
"show-validation": showValidation,
|
|
19701
19789
|
}, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "" })));
|
|
19702
19790
|
}
|
|
@@ -19879,15 +19967,15 @@ class RadioOption {
|
|
|
19879
19967
|
render() {
|
|
19880
19968
|
const { additionalFieldDisplay, disabled, dynamicText, form, groupLabel, handleClick, handleKeyDown, hasAdditionalField, label, name, selected, value, theme, } = this;
|
|
19881
19969
|
const id = `ic-radio-option-${isPropDefined$1(label) || value}-${groupLabel}`;
|
|
19882
|
-
return (hAsync(Host, { key: '
|
|
19970
|
+
return (hAsync(Host, { key: 'd4254c0a08bd7fe373f7beeb849d732d437c6f5b', onClick: handleClick, onKeyDown: handleKeyDown, class: {
|
|
19883
19971
|
["ic-radio-option-disabled"]: !!disabled,
|
|
19884
19972
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
19885
|
-
} }, hAsync("div", { key: '
|
|
19973
|
+
} }, hAsync("div", { key: '1b3c7c383278c1d8714f5a7a3a00c8fb780a2931', class: { container: true, disabled: !!disabled } }, hAsync("div", { key: 'ba90a2ce5912981a50d43ebd33086eb227947e5f' }, hAsync("input", { key: '8eb145667ce5b7777ced51480ceebab3f43a7910', tabindex: selected ? "0" : "-1", type: "radio", name: name, id: id, value: value, disabled: disabled, checked: selected, ref: (el) => (this.radioElement = el), form: form }), hAsync("span", { key: '3683fd5eda19dd39f4647a5763705eef4becacb3', class: "checkmark" })), hAsync("ic-typography", { key: 'd662a4e7a5b0ac173a7ea2881d2dac84e94eedc7', class: "radio-label", variant: "body" }, hAsync("label", { key: 'a76e5907c98f2ff18d734167ff69bbe0a1c7ddc4', htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { key: '36b6226b2cc21d25037eb9a39c2f1d7f4f2dbcbf', class: {
|
|
19886
19974
|
"dynamic-container": true,
|
|
19887
19975
|
hidden: additionalFieldDisplay === "dynamic" && !selected,
|
|
19888
|
-
} }, additionalFieldDisplay === "dynamic" && (hAsync("div", { key: '
|
|
19976
|
+
} }, additionalFieldDisplay === "dynamic" && (hAsync("div", { key: 'c7182dd5dfa6e378cb009e98d0408e40f06ae2e5', class: "branch-corner" })), hAsync("div", { key: '59286b0ca3110c6ba745a8149b0a9c4707e9a7a8' }, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { key: '16491146b394af8f08ebde6a8452ca159c9ad665', variant: "caption", role: "alert" }, hAsync("p", { key: 'bcc87f891dc1598a7f2756d740fa2271730d1429', class: "dynamic-text" }, dynamicText))), hAsync("div", { key: 'ceda461f6d7dd511f7e72245fb331e551126e823', class: {
|
|
19889
19977
|
"additional-field-wrapper": additionalFieldDisplay === "static",
|
|
19890
|
-
} }, hAsync("slot", { key: '
|
|
19978
|
+
} }, hAsync("slot", { key: '3458dd8cf7904abb86e65cff449774459e389f09', name: ADDITIONAL_FIELD })))))));
|
|
19891
19979
|
}
|
|
19892
19980
|
get el() { return getElement(this); }
|
|
19893
19981
|
static get watchers() { return {
|
|
@@ -20470,39 +20558,39 @@ class SearchBar {
|
|
|
20470
20558
|
const menuRendered = menuOpen && value.length >= charactersUntilSuggestion;
|
|
20471
20559
|
const labelValue = getLabelFromValue(value, options, valueField, labelField);
|
|
20472
20560
|
renderHiddenInput$1(this.el, value, name, disabledMode);
|
|
20473
|
-
return (hAsync(Host, { key: '
|
|
20561
|
+
return (hAsync(Host, { key: '29effef90a1b301f50dd5e16cb00ed70eccab512', class: {
|
|
20474
20562
|
"ic-search-bar-search": true,
|
|
20475
20563
|
"ic-search-bar-full-width": fullWidth,
|
|
20476
20564
|
"ic-search-bar-disabled": disabled,
|
|
20477
20565
|
"ic-search-bar-small": size === "small",
|
|
20478
20566
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
20479
|
-
}, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-input-container", { key: '
|
|
20567
|
+
}, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-input-container", { key: 'e896aa115879948ea3f8c2431e93791ff1d833db', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: 'fd412bd32638354ff10f6653800921f2c15e8561', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly }, hAsync("slot", { key: 'cb13c54cb67e19ca0a275d3af1b0a5199e4ce89c', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '75b330a02def1ea7e43d353ffb1041bfe2d61b53', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, hAsync("input", { key: '1b4dc1a0b79fdaad28b52238557e930c9ec02c30', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
|
|
20480
20568
|
"no-left-pad": readonly,
|
|
20481
20569
|
readonly,
|
|
20482
20570
|
"truncate-value": truncateValue,
|
|
20483
|
-
}, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : undefined, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), hAsync("div", { key: '
|
|
20571
|
+
}, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : undefined, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), hAsync("div", { key: 'ac9075acbae4855280df3a7927a325ee20ac5d82', class: {
|
|
20484
20572
|
"clear-button-container": true,
|
|
20485
20573
|
"clear-button-visible": !!value && !disabledMode && showClearButton,
|
|
20486
|
-
} }, hAsync("ic-button", { key: '
|
|
20574
|
+
} }, hAsync("ic-button", { key: 'd3b1a71ede9651edce18ef3c2e31d044518ea79a', id: "clear-button", class: {
|
|
20487
20575
|
"clear-button": true,
|
|
20488
20576
|
"clear-button-unfocused": !clearButtonFocused,
|
|
20489
|
-
}, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "button", variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }), hAsync("div", { key: '
|
|
20577
|
+
}, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "button", variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }), hAsync("div", { key: '4514b92f5f6ff11d6c4d296109eb768591490fce', class: "divider" })), hAsync("div", { key: 'c1507f41ba857730f14a74f4fb0c24480fed6ba2', class: {
|
|
20490
20578
|
"search-submit-button-container": true,
|
|
20491
20579
|
"search-submit-button-disabled": this.isSubmitDisabled(),
|
|
20492
|
-
} }, hAsync("ic-button", { key: '
|
|
20580
|
+
} }, hAsync("ic-button", { key: 'f48d2f2c3cec19bb4fb66be6024ec1d8b8f21e8d', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
|
|
20493
20581
|
"search-submit-button": true,
|
|
20494
20582
|
"search-submit-button-small": size === "small",
|
|
20495
20583
|
"search-submit-button-unfocused": !searchSubmitFocused,
|
|
20496
20584
|
"search-submit-button-disabled": this.isSubmitDisabled(),
|
|
20497
|
-
}, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: searchButtonType, variant: "icon-tertiary", theme: searchSubmitFocused ? "light" : "dark" }))), hAsync("div", { key: '
|
|
20585
|
+
}, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: searchButtonType, variant: "icon-tertiary", theme: searchSubmitFocused ? "light" : "dark" }))), hAsync("div", { key: '408c068afb680a643752be6c04df27bf4ec010f0', class: {
|
|
20498
20586
|
"menu-container": true,
|
|
20499
20587
|
fullwidth: fullWidth,
|
|
20500
|
-
} }, menuRendered && this.anchorEl && this.inputEl && (hAsync("ic-menu", { key: '
|
|
20588
|
+
} }, menuRendered && this.anchorEl && this.inputEl && (hAsync("ic-menu", { key: 'e9a150bc0ead1db84cc63723acc7bf21bb5ba5fc', class: {
|
|
20501
20589
|
"no-results": this.hadNoOptions() ||
|
|
20502
20590
|
(filteredOptions.length === 1 &&
|
|
20503
20591
|
(filteredOptions[0][labelField] === loadingLabel ||
|
|
20504
20592
|
filteredOptions[0][labelField] === loadingErrorLabel)),
|
|
20505
|
-
}, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: labelField, valueField: valueField, searchBar: true })))), hAsync("div", { key: '
|
|
20593
|
+
}, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: labelField, valueField: valueField, searchBar: true })))), hAsync("div", { key: '41368646242aceb6f0e7bd8ba9ba6ff029cf8d7a', "aria-live": "polite", role: "status", class: "search-results-status" })));
|
|
20506
20594
|
}
|
|
20507
20595
|
static get delegatesFocus() { return true; }
|
|
20508
20596
|
get el() { return getElement(this); }
|
|
@@ -20586,12 +20674,12 @@ class SectionContainer {
|
|
|
20586
20674
|
}
|
|
20587
20675
|
render() {
|
|
20588
20676
|
const { aligned, fullHeight } = this;
|
|
20589
|
-
return (hAsync(Host, { key: '
|
|
20677
|
+
return (hAsync(Host, { key: '343b4d46f49af4458ad961d31de6118927b5e3ec', class: {
|
|
20590
20678
|
["aligned-left"]: aligned === "left" || aligned === null,
|
|
20591
20679
|
["aligned-center"]: aligned === "center",
|
|
20592
20680
|
["aligned-full-width"]: aligned === "full-width",
|
|
20593
20681
|
["no-vertical-padding"]: !!fullHeight,
|
|
20594
|
-
} }, hAsync("slot", { key: '
|
|
20682
|
+
} }, hAsync("slot", { key: '96932a21be0e230d9d15e05f09b8da67f772dd2b' })));
|
|
20595
20683
|
}
|
|
20596
20684
|
static get style() { return IcSectionContainerStyle0; }
|
|
20597
20685
|
static get cmpMeta() { return {
|
|
@@ -21112,8 +21200,13 @@ class Select {
|
|
|
21112
21200
|
else {
|
|
21113
21201
|
if (!isArrowKey || this.noOptions === null) {
|
|
21114
21202
|
if (event.key !== " " || this.pressedCharacters.length <= 0) {
|
|
21115
|
-
// Keyboard events get passed onto ic-menu
|
|
21116
|
-
|
|
21203
|
+
// Keyboard events get passed onto ic-menu except in the case of ctrl-a on a searchable select
|
|
21204
|
+
const isCtrlA = event.key === "a" &&
|
|
21205
|
+
((isMacDevice() && event.metaKey) ||
|
|
21206
|
+
(!isMacDevice() && event.ctrlKey));
|
|
21207
|
+
if (!(this.searchable && isCtrlA)) {
|
|
21208
|
+
(_a = this.menu) === null || _a === void 0 ? void 0 : _a.handleKeyboardOpen(event);
|
|
21209
|
+
}
|
|
21117
21210
|
}
|
|
21118
21211
|
if (!this.multiple) {
|
|
21119
21212
|
this.handleCharacterKeyDown(event.key);
|
|
@@ -21396,8 +21489,8 @@ class Select {
|
|
|
21396
21489
|
}
|
|
21397
21490
|
}
|
|
21398
21491
|
render() {
|
|
21399
|
-
var _a;
|
|
21400
|
-
const { size, disabled, fullWidth, helperText, hideLabel, label, menuId, multiple, name, options, placeholder, readonly, required, searchable, showClearButton, validationAriaLive, validationStatus, validationText, currValue, theme, hiddenInputValue, open, inputId, searchableSelectInputValue, loading, value, emptyOptionListText, uniqueOptions, selectOnEnter, form, inheritedAttributes, ariaActiveDescendant, hasTimedOut,
|
|
21492
|
+
var _a, _b, _c, _d;
|
|
21493
|
+
const { size, disabled, fullWidth, helperText, hideLabel, label, menuId, multiple, name, options, placeholder, readonly, required, searchable, showClearButton, validationAriaLive, validationStatus, validationText, currValue, theme, hiddenInputValue, open, inputId, searchableSelectInputValue, loading, value, emptyOptionListText, uniqueOptions, selectOnEnter, form, inheritedAttributes, ariaActiveDescendant, hasTimedOut, filteredOptions, clearButtonFocused, } = this;
|
|
21401
21494
|
// HTML inputs only accept 'string' for their value
|
|
21402
21495
|
// Does not cause errors when it is a multi-select - sets value correctly, to a comma-separated string
|
|
21403
21496
|
renderHiddenInput$1(this.el, searchable ? hiddenInputValue : currValue, name || inputId, disabled);
|
|
@@ -21411,18 +21504,18 @@ class Select {
|
|
|
21411
21504
|
(searchable
|
|
21412
21505
|
? !!searchableSelectInputValue
|
|
21413
21506
|
: !!currValue && !loading && showClearButton);
|
|
21414
|
-
return (hAsync(Host, { key: '
|
|
21507
|
+
return (hAsync(Host, { key: 'f4a2c999048b3813c72f19cb9d12b179a1aa2829', class: {
|
|
21415
21508
|
"ic-select-disabled": disabled,
|
|
21416
21509
|
"ic-select-searchable": searchable,
|
|
21417
21510
|
[`ic-select-${size}`]: size !== "medium",
|
|
21418
21511
|
"ic-select-full-width": fullWidth,
|
|
21419
21512
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
21420
|
-
}, onBlur: this.onBlur }, hAsync("ic-input-container", { key: '
|
|
21513
|
+
}, onBlur: this.onBlur }, hAsync("ic-input-container", { key: '26ca71ed868b6154ae6d85b12176cbd2c245a2a1', readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { key: 'fbc267c35b7408673080578c7223713bbbc63487', for: inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly }, hAsync("slot", { key: '6614423a784d3c8afb82685721ac76044a541b2c', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '22f3497287a6dffa909d12ab7cf56dcc350580ff', ref: (el) => (this.anchorEl = el), class: { "menu-open": open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, isSlotUsed$1(this.el, "icon") &&
|
|
21421
21514
|
!disabled &&
|
|
21422
|
-
(!readonly || !!value) && (hAsync("span", { key: '
|
|
21515
|
+
(!readonly || !!value) && (hAsync("span", { key: '2103e465e79ce43a400ab208cd3fa41f8d9a4897', slot: "left-icon", class: {
|
|
21423
21516
|
readonly,
|
|
21424
21517
|
"has-value": !!value,
|
|
21425
|
-
} }, hAsync("slot", { key: '
|
|
21518
|
+
} }, hAsync("slot", { key: '626f074a90189f115c112e179ffd5c1e28ac17c6', name: "icon" }))), readonly ? (hAsync("ic-typography", null, hAsync("p", null, valueLabelString))) : isMobileOrTablet() && !multiple ? (hAsync("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: form }, inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => option.children ? (hAsync("optgroup", { label: option.label }, option.children.map((child) => this.renderNativeOption(child)))) : (this.renderNativeOption(option))))) : searchable ? (hAsync("div", { class: "searchable-select-container" }, hAsync("input", { class: {
|
|
21426
21519
|
"value-text": true,
|
|
21427
21520
|
"select-input": true,
|
|
21428
21521
|
"with-clear-button": !!searchableSelectInputValue,
|
|
@@ -21443,13 +21536,16 @@ class Select {
|
|
|
21443
21536
|
} }, valueLabelString || placeholder), hAsync("div", { class: "select-input-end" }, isClearable && hAsync("div", { class: "divider" }), hAsync("span", { class: {
|
|
21444
21537
|
"expand-icon": true,
|
|
21445
21538
|
"expand-icon-open": open,
|
|
21446
|
-
}, innerHTML: Expand, "aria-hidden": "true" }))), isClearable && (hAsync("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { key: '
|
|
21539
|
+
}, innerHTML: Expand, "aria-hidden": "true" }))), isClearable && (hAsync("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { key: 'e309813f2a75cf0eb862f6c1b06cf34a81ded8f1', class: {
|
|
21447
21540
|
"no-results": loading ||
|
|
21448
21541
|
hasTimedOut ||
|
|
21449
|
-
(
|
|
21542
|
+
(searchable &&
|
|
21543
|
+
((_b = (_a = this.filteredOptions) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.label) === emptyOptionListText) ||
|
|
21544
|
+
(!searchable &&
|
|
21545
|
+
((_d = (_c = this.uniqueOptions) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.label) === emptyOptionListText),
|
|
21450
21546
|
}, ref: (el) => (this.menu = el), inputEl: searchable
|
|
21451
21547
|
? this.searchableSelectElement
|
|
21452
|
-
: this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: open, options: searchable ? filteredOptions : uniqueOptions, value: multiple ? currValue : currValue, fullWidth: fullWidth, selectOnEnter: selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange, onMenuOptionSelectAll: this.handleSelectAllChange, onMenuKeyPress: this.handleMenuKeyPress, onUngroupedOptionsSet: this.setUngroupedOptions, onRetryButtonClicked: this.handleRetry, parentEl: this.el, onTimeoutBlur: this.onTimeoutBlur, activationType: searchable || multiple || selectOnEnter ? "manual" : "automatic", closeOnSelect: !multiple, multiSelect: multiple ? true : false, searchableSelect: searchable ? true : false })), multiple && (hAsync("div", { key: '
|
|
21548
|
+
: this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: open, options: searchable ? filteredOptions : uniqueOptions, value: multiple ? currValue : currValue, fullWidth: fullWidth, selectOnEnter: selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange, onMenuOptionSelectAll: this.handleSelectAllChange, onMenuKeyPress: this.handleMenuKeyPress, onUngroupedOptionsSet: this.setUngroupedOptions, onRetryButtonClicked: this.handleRetry, parentEl: this.el, onTimeoutBlur: this.onTimeoutBlur, activationType: searchable || multiple || selectOnEnter ? "manual" : "automatic", closeOnSelect: !multiple, multiSelect: multiple ? true : false, searchableSelect: searchable ? true : false })), multiple && (hAsync("div", { key: '4d029c5c9543fe25438a856df7a6dcde941ed648', "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hAsync("ic-input-validation", { key: 'f709f7940485a6fa673a1fe7cb14a636e53fa151', class: {
|
|
21453
21549
|
"menu-open": open,
|
|
21454
21550
|
}, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "", for: inputId }))));
|
|
21455
21551
|
}
|
|
@@ -21528,7 +21624,7 @@ var menuIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill
|
|
|
21528
21624
|
</svg>
|
|
21529
21625
|
`;
|
|
21530
21626
|
|
|
21531
|
-
const icSideNavigationCss = ":host{display:block;--ic-typography-color:currentcolor;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n --ic-transition-duration-slow\n );--side-navigation-width:20rem;--sm-side-navigation-bottom-bar-height:3.5rem;--keyline-lighten:var(--ic-space-1px) solid var(--ic-side-navigation-keyline);--keyline-darken:var(--ic-space-1px) solid var(--ic-state-layer-darken-20);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);z-index:var(--ic-z-index-side-navigation)}:host>*{box-sizing:border-box}.side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-side-navigation-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-side-navigation-background);z-index:var(--ic-z-index-side-navigation)}:host(.ic-side-navigation-inline) .side-navigation{position:absolute;height:100%}:host(.anchor-right) .side-navigation{right:calc(var(--side-navigation-width) * -1)}.classification-spacing{margin-bottom:var(--ic-space-lg)}.navigation-list{padding:0;margin:0;list-style:none}.side-navigation-inner{background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column;flex:1 1 4rem;overflow:auto}:host(.ic-side-navigation-inline) .side-navigation-inner{flex:1}:host(.xs-menu-open) .side-navigation{transition:left var(--ic-easing-transition-slow);left:0}:host(:has(.xs-menu-open,.xs-menu-close)) ::slotted(ic-navigation-item){--navigation-item-side-nav-right:var(--ic-space-xl)}:host(.xs-menu-close) .side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}:host(.xs-menu-close) .side-navigation>*{visibility:hidden}:host(.anchor-right.xs-menu-open) .side-navigation{right:0;left:auto}:host(.anchor-right.xs-menu-close) .side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}.bottom-wrapper{border-top:var(--keyline-lighten);bottom:0;left:0;z-index:2;background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column}:host(.ic-side-navigation-inline) .bottom-wrapper{position:sticky}:host(.ic-side-navigation-dark) .bottom-wrapper{border-top:var(--keyline-darken)}.top-bar{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-side-navigation-background);position:fixed;top:0;left:0;right:0;border-bottom:var(--keyline-lighten);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}:host(.ic-side-navigation-inline) .top-bar{position:absolute}:host(.ic-side-navigation-dark) .top-bar{border-bottom:var(--keyline-darken)}.top-bar.dark a:focus{box-shadow:var(--ic-border-focus)}.app-title-wrapper{display:flex;margin-left:var(--ic-space-xs);border-left:var(--keyline-lighten);padding-left:var(--ic-space-xxs);color:var(--ic-side-navigation-text);align-items:center}:host(.ic-side-navigation-dark) .app-title-wrapper{border-left:var(--keyline-darken)}.app-title-wrapper ic-typography h1{margin:0}@media screen and (min-width: 340px){.app-title-wrapper ic-typography{margin-left:var(--ic-space-xs)}}:host .title-link{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-side-navigation-text)}:host .title-link:visited,:host .title-link:active{color:var(--ic-side-navigation-text)}slot[name=\"app-title\"]::slotted(a),slot[name=\"app-icon\"]::slotted(a){color:var(--ic-side-navigation-text);outline:none;text-decoration:none;display:flex}slot[name=\"app-title\"]::slotted(ic-typography),slot[name=\"app-title\"]::slotted(a){margin-left:var(--ic-space-xs) !important}slot[name=\"app-title\"]::slotted(a){font:var(--ic-font-subtitle-small)}@media screen and (min-width: 577px){:host(.sm-collapsed) slot[name=\"app-title\"]::slotted(ic-typography),:host(.sm-collapsed) slot[name=\"app-title\"]::slotted(a){position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-collapsed) slot[name=\"app-title\"]:dir(rtl)::slotted(ic-typography),:host(.sm-collapsed) slot[name=\"app-title\"]:dir(rtl)::slotted(a){right:-9999px}:host(.sm-expanded) slot[name=\"app-title\"]::slotted(a){font:var(--ic-font-h3) !important;font-weight:var(--ic-font-weight-semibold) !important;margin-left:var(--ic-space-xs) !important}}:host .title-link:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-side-navigation-hover)}:host .title-link:active{background-color:var(--ic-side-navigation-pressed)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}:host .title-link ic-typography{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-title-wrapper ::slotted(svg){fill:var(--ic-side-navigation-text)}.app-icon-container{display:none}.button-label{display:flex;align-items:center}.mobile-top-bar-menu-icon{display:flex}.menu-button{width:6.5rem}.app-status-wrapper{inset:0 var(--ic-space-sm) 0 3.5rem;width:auto;display:flex;gap:var(--ic-space-xs);padding:var(--ic-space-sm) 0;justify-content:flex-end;align-items:flex-end;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:0 var(--ic-space-xs)}.app-status-wrapper .app-version{display:flex;overflow-wrap:break-word;padding-bottom:var(--ic-space-xxs)}.app-status-wrapper .app-status{display:flex;border-radius:1rem;background-color:var(--ic-side-navigation-text);color:var(--ic-side-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}.app-status-wrapper .app-status-text{overflow-wrap:break-word}:host(.ic-side-navigation-dark) .app-status-wrapper .app-status{--ic-typography-color:var(--ic-architectural-white)}.navigation-landmark-title{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}::slotted(ic-navigation-group){--navigation-group-height:2.75rem;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-side-navigation-hover);--navigation-group-text-hover:var(--ic-side-navigation-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-side-navigation-text);--navigation-group-expand-toggle-padding:0.25rem}::slotted(ic-navigation-item),::slotted(ic-navigation-group){--navigation-item-justify-content:flex-start;--navigation-item-min-height:56px;--navigation-item-height:auto}.bottom-side-nav{position:relative;align-content:flex-end;min-height:var(--sm-side-navigation-top-bar-height)}.bottom-side-nav ic-divider{position:absolute;top:0}.primary-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.primary-navigation::-webkit-scrollbar{display:none}.primary-navigation,.secondary-navigation{overflow-x:hidden}.bottom-side-nav .menu-expand-button{position:absolute;display:none}.menu-visibility-visible{visibility:visible;width:100%}.app-title-show{min-width:15.5rem}:host(.side-display){display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}:host(.side-display) .app-icon-container{height:40px;display:flex;align-items:center}:host(.side-display) .top-bar{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:none}:host(.ic-side-navigation-inline.side-display) .top-bar{position:sticky}:host(.anchor-right.side-display) .top-bar{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.anchor-right.side-display) .bottom-wrapper{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.side-display) .side-navigation,:host(.side-display) .top-bar{width:var(--sm-side-navigation-top-bar-height)}:host(.sm-collapsed.side-display){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.collapsed-labels.side-display){width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-expanded.side-display){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}:host(.side-display) .side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}:host(.ic-side-navigation-inline.side-display) .side-navigation{position:relative}:host(.anchor-right.side-display) .side-navigation{left:auto;right:0}:host(.side-display) .app-title-wrapper{margin-left:0;border-left:none;padding:var(--ic-space-xs) var(--ic-space-sm)}:host(.side-display) .app-title-wrapper ::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.side-display) .app-title-wrapper ic-typography{font-weight:var(--ic-font-weight-semibold)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography:dir(rtl){right:-9999px}:host(.sm-expanded.side-display) ic-typography{position:relative;left:0}:host(.sm-expanded.side-display) :is(.side-navigation,.top-bar){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) :is(.side-navigation,.top-bar){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.anchor-right.sm-expanded.side-display) :is(.side-navigation,.top-bar){left:auto;right:0}:host(.side-display) .app-status-wrapper,:host(.sm-collapsed.side-display) .app-status-wrapper{display:none;margin-left:0}:host(.sm-expanded.side-display) .app-status-wrapper{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}:host(.side-display) .bottom-side-nav{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex;outline:none}:host(.side-display) .bottom-side-nav .menu-expand-button{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-side-navigation-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button{height:100%}:host(.side-display) .bottom-side-nav .menu-expand-button svg{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.side-display) .bottom-side-nav .menu-expand-button:hover{background-color:var(--ic-side-navigation-hover)}:host(.side-display) .bottom-side-nav .menu-expand-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow);align-self:flex-end;margin-bottom:0.875rem}:host(.anchor-right.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1)}:host(.anchor-right.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1)}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item){--navigation-item-label-opacity:1}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:0;--navigation-item-min-height:3.5rem;--navigation-item-height:3.5rem}:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:1;--navigation-item-height:auto;--navigation-item-min-height:3.5rem;--navigation-item-width:20rem;--navigation-item-side-nav-right:var(--ic-space-xl);--navigation-group-width:20rem}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,:host(.sm-collapsed.collapsed-labels.side-display) .top-bar{width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button{padding:0}:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper{width:100%;justify-content:center}:host(.sm-collapsed.collapsed-labels.side-display) ::slotted(ic-navigation-group){--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button{justify-content:center}:host(.side-display) .collapsed-icon-labels-start{visibility:hidden;opacity:0}:host(.side-display) .collapsed-icon-labels-end{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (max-width: 419px){.top-bar{height:var(--side-navigation-height)}.side-navigation{width:100%}}@media screen and (min-width: 340px){.app-icon-container{display:flex}}@media screen and (min-width: 993px){:host(.side-display){position:sticky;left:auto;top:0;bottom:0}:host(.sm-expanded.side-display){box-shadow:none}}@media (forced-colors: active){.side-navigation,.top-bar{border-right:var(--ic-border-hc)}.menu-expand-button{color:Highlight !important}slot[name=\"app-icon\"]::slotted(svg){fill:currentcolor}}";
|
|
21627
|
+
const icSideNavigationCss = ":host{display:block;--ic-typography-color:currentcolor;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n --ic-transition-duration-slow\n );--side-navigation-width:20rem;--sm-side-navigation-bottom-bar-height:3.5rem;--keyline-lighten:var(--ic-space-1px) solid var(--ic-side-navigation-keyline);--keyline-darken:var(--ic-space-1px) solid var(--ic-state-layer-darken-20);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);z-index:var(--ic-z-index-side-navigation)}:host>*{box-sizing:border-box}.side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-side-navigation-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-side-navigation-background);z-index:var(--ic-z-index-side-navigation)}:host(.ic-side-navigation-inline) .side-navigation{position:absolute;height:100%}:host(.anchor-right) .side-navigation{right:calc(var(--side-navigation-width) * -1)}.classification-spacing{margin-bottom:var(--ic-space-lg)}.navigation-list{padding:0;margin:0;list-style:none}.side-navigation-inner{background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column;flex:1 1 4rem;overflow:auto}:host(.ic-side-navigation-inline) .side-navigation-inner{flex:1}:host(.xs-menu-open) .side-navigation{transition:left var(--ic-easing-transition-slow);left:0}:host(:has(.xs-menu-open,.xs-menu-close)) ::slotted(ic-navigation-item){--navigation-item-side-nav-right:var(--ic-space-xl)}:host(.xs-menu-close) .side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}:host(.xs-menu-close) .side-navigation>*{visibility:hidden}:host(.anchor-right.xs-menu-open) .side-navigation{right:0;left:auto}:host(.anchor-right.xs-menu-close) .side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}.bottom-wrapper{border-top:var(--keyline-lighten);bottom:0;left:0;z-index:2;background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column}:host(.ic-side-navigation-inline) .bottom-wrapper{position:sticky}:host(.ic-side-navigation-dark) .bottom-wrapper{border-top:var(--keyline-darken)}.top-bar{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-side-navigation-background);position:fixed;top:0;left:0;right:0;border-bottom:var(--keyline-lighten);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}:host(.ic-side-navigation-inline) .top-bar{position:absolute}:host(.ic-side-navigation-dark) .top-bar{border-bottom:var(--keyline-darken)}.top-bar.dark a:focus{box-shadow:var(--ic-border-focus)}.app-title-wrapper{display:flex;margin-left:var(--ic-space-xs);border-left:var(--keyline-lighten);padding-left:var(--ic-space-xxs);color:var(--ic-side-navigation-text);align-items:center}:host(.ic-side-navigation-dark) .app-title-wrapper{border-left:var(--keyline-darken)}.app-title-wrapper ic-typography h1{margin:0}@media screen and (min-width: 340px){.app-title-wrapper ic-typography{margin-left:var(--ic-space-xs)}}:host .title-link{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-side-navigation-text)}:host .title-link:visited,:host .title-link:active{color:var(--ic-side-navigation-text)}slot[name=\"app-title\"]::slotted(a),slot[name=\"app-icon\"]::slotted(a){color:var(--ic-side-navigation-text);outline:none;text-decoration:none;display:flex}slot[name=\"app-title\"]::slotted(ic-typography),slot[name=\"app-title\"]::slotted(a){margin-left:var(--ic-space-xs) !important}slot[name=\"app-title\"]::slotted(a){font:var(--ic-font-subtitle-small)}@media screen and (min-width: 577px){:host(.sm-collapsed) slot[name=\"app-title\"]::slotted(ic-typography),:host(.sm-collapsed) slot[name=\"app-title\"]::slotted(a){position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-collapsed) slot[name=\"app-title\"]:dir(rtl)::slotted(ic-typography),:host(.sm-collapsed) slot[name=\"app-title\"]:dir(rtl)::slotted(a){right:-9999px}:host(.sm-expanded) slot[name=\"app-title\"]::slotted(a){font:var(--ic-font-h3) !important;font-weight:var(--ic-font-weight-semibold) !important;margin-left:var(--ic-space-xs) !important}}:host .title-link:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-side-navigation-hover)}:host .title-link:active{background-color:var(--ic-side-navigation-pressed)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}:host .title-link ic-typography{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-title-wrapper ::slotted(svg){fill:var(--ic-side-navigation-text)}.app-icon-container{display:none}.button-label{display:flex;align-items:center}.mobile-top-bar-menu-icon{display:flex}.menu-button{width:6.5rem}.app-status-wrapper{inset:0 var(--ic-space-sm) 0 3.5rem;width:auto;display:flex;gap:var(--ic-space-xs);padding:var(--ic-space-sm) 0;justify-content:flex-end;align-items:flex-end;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:0 var(--ic-space-xs)}.app-status-wrapper .app-version{display:flex;overflow-wrap:break-word;padding-bottom:var(--ic-space-xxs)}.app-status-wrapper .app-status{display:flex;border-radius:1rem;background-color:var(--ic-side-navigation-text);color:var(--ic-side-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}.app-status-wrapper .app-status-text{overflow-wrap:break-word}:host(.ic-side-navigation-dark) .app-status-wrapper .app-status{--ic-typography-color:var(--ic-architectural-white)}.navigation-landmark-title{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}::slotted(ic-navigation-group){--navigation-group-height:2.75rem;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-side-navigation-hover);--navigation-group-text-hover:var(--ic-side-navigation-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-side-navigation-text);--navigation-group-expand-toggle-padding:0.25rem}::slotted(ic-navigation-item),::slotted(ic-navigation-group){--navigation-item-justify-content:flex-start;--navigation-item-min-height:56px;--navigation-item-height:auto}.bottom-side-nav{position:relative;align-content:flex-end;min-height:var(--sm-side-navigation-top-bar-height)}.bottom-side-nav ic-divider{position:absolute;top:0}.primary-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.primary-navigation::-webkit-scrollbar{display:none}.primary-navigation,.secondary-navigation{overflow-x:hidden}.bottom-side-nav .menu-expand-button{position:absolute;display:none}.menu-visibility-visible{visibility:visible;width:100%}.app-title-show{min-width:15.5rem}:host(.side-display){display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}:host(.side-display) .app-icon-container{height:40px;display:flex;align-items:center}:host(.side-display) .top-bar{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:none}:host(.ic-side-navigation-inline.side-display) .top-bar{position:sticky}:host(.anchor-right.side-display) .top-bar{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.anchor-right.side-display) .bottom-wrapper{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.side-display) .side-navigation,:host(.side-display) .top-bar{width:var(--sm-side-navigation-top-bar-height)}:host(.sm-collapsed.side-display){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.collapsed-labels.side-display){width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-expanded.side-display){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}:host(.side-display) .side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}:host(.ic-side-navigation-inline.side-display) .side-navigation{position:relative}:host(.anchor-right.side-display) .side-navigation{left:auto;right:0}:host(.side-display) .app-title-wrapper{margin-left:0;border-left:none;padding:var(--ic-space-xs) var(--ic-space-sm)}:host(.side-display) .app-title-wrapper ::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.side-display) .app-title-wrapper ic-typography{font-weight:var(--ic-font-weight-semibold)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography:dir(rtl){right:-9999px}:host(.sm-expanded.side-display) ic-typography{position:relative;left:0}:host(.sm-expanded.side-display) :is(.side-navigation,.top-bar){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) :is(.side-navigation,.top-bar){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.anchor-right.sm-expanded.side-display) :is(.side-navigation,.top-bar){left:auto;right:0}:host(.side-display) .app-status-wrapper,:host(.sm-collapsed.side-display) .app-status-wrapper{display:none;margin-left:0}:host(.sm-expanded.side-display) .app-status-wrapper{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}:host(.side-display) .bottom-side-nav{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex;outline:none}:host(.side-display) .bottom-side-nav .menu-expand-button{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-side-navigation-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button{height:100%}:host(.side-display) .bottom-side-nav .menu-expand-button svg{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.side-display) .bottom-side-nav .menu-expand-button:hover{background-color:var(--ic-side-navigation-hover)}:host(.side-display) .bottom-side-nav .menu-expand-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow);align-self:flex-end;margin-bottom:0.875rem}:host(.anchor-right.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1)}:host(.anchor-right.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1)}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item){--navigation-item-label-opacity:1}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:0;--navigation-item-min-height:3.5rem;--navigation-item-height:3.5rem}:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:1;--navigation-item-height:auto;--navigation-item-min-height:3.5rem;--navigation-item-width:20rem;--navigation-item-side-nav-right:var(--ic-space-xl);--navigation-group-width:20rem}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,:host(.sm-collapsed.collapsed-labels.side-display) .top-bar{width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button{padding:0}:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper{width:100%;justify-content:center}:host(.sm-collapsed.collapsed-labels.side-display) ::slotted(ic-navigation-group){--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button{justify-content:center}:host(.side-display) .collapsed-icon-labels-start{visibility:hidden;opacity:0}:host(.side-display) .collapsed-icon-labels-end{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (max-width: 419px){.top-bar{height:var(--side-navigation-height)}}@media screen and (max-width: 319px){.side-navigation{width:100%}}@media screen and (min-width: 340px){.app-icon-container{display:flex}}@media screen and (min-width: 993px){:host(.side-display){position:sticky;left:auto;top:0;bottom:0}:host(.sm-expanded.side-display){box-shadow:none}}@media (forced-colors: active){.side-navigation,.top-bar{border-right:var(--ic-border-hc)}.menu-expand-button{color:Highlight !important}slot[name=\"app-icon\"]::slotted(svg){fill:currentcolor}}";
|
|
21532
21628
|
var IcSideNavigationStyle0 = icSideNavigationCss;
|
|
21533
21629
|
|
|
21534
21630
|
/**
|
|
@@ -21980,7 +22076,7 @@ class SideNavigation {
|
|
|
21980
22076
|
isAppNameSubtitleVariant,
|
|
21981
22077
|
appTitle: appTitle || "",
|
|
21982
22078
|
};
|
|
21983
|
-
return (hAsync(Host, { key: '
|
|
22079
|
+
return (hAsync(Host, { key: 'dee98e8859e6935f7ce2775e95d32be82041ca0c', class: {
|
|
21984
22080
|
"xs-menu-open": menuOpen && isSDevice,
|
|
21985
22081
|
"xs-menu-close": !menuOpen && isSDevice,
|
|
21986
22082
|
"sm-collapsed": !isSDevice && !menuExpanded,
|
|
@@ -21989,12 +22085,12 @@ class SideNavigation {
|
|
|
21989
22085
|
[`ic-side-navigation-${IcBrandForegroundEnum$1.Dark}`]: foregroundColor === IcBrandForegroundEnum$1.Dark,
|
|
21990
22086
|
["collapsed-labels"]: !isSDevice && !menuExpanded && !!collapsedIconLabels,
|
|
21991
22087
|
["ic-side-navigation-inline"]: !!inline,
|
|
21992
|
-
} }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: '
|
|
22088
|
+
} }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: '7de065dd79a3633a0e2a0f2a5935c579e7d8cbd7', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: 'a950c396e16fc7ccd6a47ce355f3c518beb4772d', class: "side-navigation-inner" }, isSlotUsed$1(this.el, "primary-navigation") && (hAsync("nav", { key: '2fe8cffb5411676a3a2aae321fc6f50c6f0db1a0', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { key: '497dc28ccd564c1e98ca06ab0799ee5672356473', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { key: '3f264d80dbbf56c1e7be38b7b3759b6b71daa246', class: "navigation-list" }, hAsync("slot", { key: 'a9d3c59225617b1505b8f176fe2013cb612ea8d1', name: "primary-navigation" }))))), hAsync("div", { key: 'd86b2683593cb26ba2f5486c467dca05d92f32ec', class: {
|
|
21993
22089
|
["bottom-wrapper"]: true,
|
|
21994
22090
|
["classification-spacing"]: hasClassificationBanner(),
|
|
21995
|
-
} }, isSlotUsed$1(this.el, "secondary-navigation") && (hAsync("nav", { key: '
|
|
22091
|
+
} }, isSlotUsed$1(this.el, "secondary-navigation") && (hAsync("nav", { key: '58e5fb4f988382c818d213d096bbdaca62d8401b', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { key: '6458a76842e7c228cf73f0ca6bfaf6e50970417a', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { key: '76e6c8ac16f803de44efb7dfe6f628dd665bce85', class: "navigation-list" }, hAsync("slot", { key: '1f54dbc9d285e8b1fd40933551bf37af146ecf97', name: "secondary-navigation" })))), hAsync("div", { key: 'd4eef9cdbe35d022243461147a9d5b3b80802a0a', class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", { key: '423f2e4f54c49d6daa45fd85c0d55f9467d08c74' }), displayExpandBtn && (hAsync("button", { key: '1460adecbbcf46743f3e3ef1ac984a5968f6f0f9', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { key: 'b221957ba1badf6560239643624cbbc64a48c6c9', class: "app-status-wrapper" }, status && (hAsync("div", { key: '5be443d54b038e32832b8cbb95ad23046e4c3d04', class: {
|
|
21996
22092
|
["app-status"]: true,
|
|
21997
|
-
} }, hAsync("ic-typography", { key: '
|
|
22093
|
+
} }, hAsync("ic-typography", { key: '281b500e7b660a3cd8108748cbeaa9bcf0b856c7', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version && (hAsync("ic-typography", { key: '506f7e34b3027bd1ea340b725a1857b42f797d03', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
|
|
21998
22094
|
}
|
|
21999
22095
|
get el() { return getElement(this); }
|
|
22000
22096
|
static get watchers() { return {
|
|
@@ -22058,11 +22154,11 @@ class Skeleton {
|
|
|
22058
22154
|
width: el.style.width || (variant === "circle" ? "25px" : "260px"),
|
|
22059
22155
|
}
|
|
22060
22156
|
: undefined;
|
|
22061
|
-
return (hAsync(Host, { key: '
|
|
22157
|
+
return (hAsync(Host, { key: '336b5b88f72d7f44e7c3c748bfe5866e4259ca23', class: {
|
|
22062
22158
|
skeleton: true,
|
|
22063
22159
|
"ic-skeleton-circle": variant === "circle",
|
|
22064
22160
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
22065
|
-
}, style: style, "aria-disabled": "true" }, hAsync("slot", { key: '
|
|
22161
|
+
}, style: style, "aria-disabled": "true" }, hAsync("slot", { key: 'd5a6030564b28381be77e38ca7d9d4d5d63822df' })));
|
|
22066
22162
|
}
|
|
22067
22163
|
get el() { return getElement(this); }
|
|
22068
22164
|
static get style() { return IcSkeletonStyle0; }
|
|
@@ -22119,9 +22215,9 @@ class SkipLink {
|
|
|
22119
22215
|
}
|
|
22120
22216
|
render() {
|
|
22121
22217
|
const { fullWidth, inline, label, monochrome, target, theme, transparentBackground, } = this;
|
|
22122
|
-
return (hAsync(Host, { key: '
|
|
22218
|
+
return (hAsync(Host, { key: '4924f9affadd29e8a5f58791d59fdee0a4b1a110', class: {
|
|
22123
22219
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
22124
|
-
} }, hAsync("ic-link", { key: '
|
|
22220
|
+
} }, hAsync("ic-link", { key: '9619dc1c10b2fbdeac0088f85eba6de095abceb4', class: {
|
|
22125
22221
|
"display-top": !inline,
|
|
22126
22222
|
"full-width": !!fullWidth,
|
|
22127
22223
|
"show-background": !transparentBackground,
|
|
@@ -22186,12 +22282,12 @@ class StatusTag {
|
|
|
22186
22282
|
}
|
|
22187
22283
|
render() {
|
|
22188
22284
|
const { label, status, variant, size, announced, theme, uppercase } = this;
|
|
22189
|
-
return (hAsync(Host, { key: '
|
|
22285
|
+
return (hAsync(Host, { key: '323e76e08750e7459a431c762e74c5490276d5fe', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: 'e71a302621590a1e5f5eb94a4e823f614e72d604', class: {
|
|
22190
22286
|
["tag"]: true,
|
|
22191
22287
|
[`${variant}-${status}`]: true,
|
|
22192
22288
|
["outlined"]: variant === "outlined",
|
|
22193
22289
|
[`${size}`]: true,
|
|
22194
|
-
} }, hAsync("ic-typography", { key: '
|
|
22290
|
+
} }, hAsync("ic-typography", { key: '842f8be2e88546b594f8af03d4cbab5bbeaaae03', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: 'ae96c68b504376e9366cd7f712b3136b68677d07' }, label)))));
|
|
22195
22291
|
}
|
|
22196
22292
|
static get style() { return IcStatusTagStyle0; }
|
|
22197
22293
|
static get cmpMeta() { return {
|
|
@@ -22290,27 +22386,27 @@ class Step {
|
|
|
22290
22386
|
// STATUS ICON FOR COMPACT STEP
|
|
22291
22387
|
let statusIcon;
|
|
22292
22388
|
if (type === "completed" || compactStepStyling === "completed") {
|
|
22293
|
-
statusIcon = (hAsync("span", { key: '
|
|
22389
|
+
statusIcon = (hAsync("span", { key: '222eacfd55f96f1b0b16489053d1d30c708e8a3a', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
|
|
22294
22390
|
}
|
|
22295
22391
|
else if (type === "disabled" || compactStepStyling === "disabled") {
|
|
22296
|
-
statusIcon = (hAsync("span", { key: '
|
|
22392
|
+
statusIcon = (hAsync("span", { key: 'd7ba36dc7010d59e685be24e23060c4cb1e08296', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
|
|
22297
22393
|
}
|
|
22298
22394
|
// COMPACT STEP COMPONENT
|
|
22299
|
-
const compactStep = (hAsync("div", { key: '
|
|
22395
|
+
const compactStep = (hAsync("div", { key: '728b44adcf0270a12986d41c9c2b5a5a6e358f82', class: {
|
|
22300
22396
|
["step"]: true,
|
|
22301
22397
|
["current"]: !!current,
|
|
22302
22398
|
[`compact-step-${compactStepStyling}`]: !!compactStepStyling,
|
|
22303
22399
|
["disabled"]: type === "disabled" || compactStepStyling === "disabled",
|
|
22304
|
-
} }, hAsync("ic-loading-indicator", { key: '
|
|
22400
|
+
} }, hAsync("ic-loading-indicator", { key: '5f50ae72c26112de4cc25125c943ae9c2239dbe6', class: {
|
|
22305
22401
|
"compact-step-progress-indicator": true,
|
|
22306
22402
|
"not-required": type === "disabled" || compactStepStyling === "disabled",
|
|
22307
|
-
}, "aria-hidden": "true", size: "small", "inner-label": stepNum, progress: progress }), hAsync("div", { key: '
|
|
22403
|
+
}, "aria-hidden": "true", size: "small", "inner-label": stepNum, progress: progress }), hAsync("div", { key: '5dc83af93afd975e296bbad9cf8580712e9778cd', class: "heading-area" }, hAsync("ic-typography", { key: 'f71e06760d066b05c22fc59e70eb93af9f9ecf34', variant: "h4", class: "heading" }, heading), hAsync("div", { key: '5bef8bf6f22cca7e187f2368a98d16d9ddbf9e2b', class: "info-line" }, hAsync("ic-typography", { key: '371f9a99e5c4eea4fb59f0be6ba2f2e652a4098b', variant: "caption", class: "step-num" }, `${stepNum} ${icI18n.of} ${lastStepNum}`, hAsync("span", { key: 'e75d6c59d67dab64c2f5df149bf11d8ae11c2c7d', class: "visually-hidden" }, ` ${icI18n.steps}`)), (this.subheading ||
|
|
22308
22404
|
type === "completed" ||
|
|
22309
22405
|
type === "disabled" ||
|
|
22310
22406
|
(this.variant === "compact" &&
|
|
22311
22407
|
!!compactStepStyling &&
|
|
22312
22408
|
compactStepStyling !== "active") ||
|
|
22313
|
-
!!status) && (hAsync("div", { key: '
|
|
22409
|
+
!!status) && (hAsync("div", { key: 'fff0111fbf58f20621fe55e7846a78d7349f0de1', class: "step-status" }, statusIcon !== undefined && statusIcon, (subheading || stepType) && (hAsync("ic-typography", { key: '5f0c220996adc59b0924bc605c326627a727cd2f', variant: "caption" }, subheading !== null && isPropDefined$1(subheading)
|
|
22314
22410
|
? subheading
|
|
22315
22411
|
: type === "disabled" ||
|
|
22316
22412
|
(variant === "compact" &&
|
|
@@ -22323,26 +22419,26 @@ class Step {
|
|
|
22323
22419
|
// ICON FOR DEFAULT STEP
|
|
22324
22420
|
let icon;
|
|
22325
22421
|
if (type !== "completed") {
|
|
22326
|
-
icon = (hAsync("ic-typography", { key: '
|
|
22422
|
+
icon = (hAsync("ic-typography", { key: '99b0a46abc777b387ee3e18a5e8cf8a4fb8e4c1d', variant: "subtitle-small" }, hAsync("span", { key: '0e5931807004fffc12634403bad44b9eb59a25b9', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
|
|
22327
22423
|
}
|
|
22328
22424
|
else {
|
|
22329
|
-
icon = (hAsync("div", { key: '
|
|
22425
|
+
icon = (hAsync("div", { key: '137a63e7242ac35d7505b238702aaa519e6454e8', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: '271195e86a09aef98a461a692539fc1bbd039ec9', class: "check-icon", innerHTML: checkIcon })));
|
|
22330
22426
|
}
|
|
22331
22427
|
// STEP CONNECT FOR DEFAULT STEP
|
|
22332
|
-
const partialBar = type === "current" && (hAsync("div", { key: '
|
|
22333
|
-
const finalStep = !lastStep && (hAsync("div", { key: '
|
|
22428
|
+
const partialBar = type === "current" && (hAsync("div", { key: 'ed33bd98cfa6dbcf2cf37c7c671611bbd650ddb9', class: "step-connect-inner" }));
|
|
22429
|
+
const finalStep = !lastStep && (hAsync("div", { key: '6a195b2af0aac0626606abb31fa131d4dd3d197c', class: {
|
|
22334
22430
|
["step-connect"]: true,
|
|
22335
22431
|
["aligned-full-width"]: !!(((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains("ic-stepper-default")) &&
|
|
22336
22432
|
!this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
|
|
22337
22433
|
} }, partialBar));
|
|
22338
22434
|
// DEFAULT STEP COMPONENT
|
|
22339
|
-
const defaultStep = (hAsync("div", { key: '
|
|
22435
|
+
const defaultStep = (hAsync("div", { key: 'f8c0e227d534e9e3c9e2d8a4cd1f2953b0a081b4', class: {
|
|
22340
22436
|
["step"]: true,
|
|
22341
22437
|
[`${type}`]: true,
|
|
22342
|
-
} }, hAsync("div", { key: '
|
|
22438
|
+
} }, hAsync("div", { key: 'f0e15350f238ac183327eaf9fa7736fe67f02198', class: "step-top" }, hAsync("div", { key: '64f647b3b3b6b1b424b2c86ce2fe0d2c353b1c39', class: "step-icon" }, icon), finalStep), (heading || subheading || status) && (hAsync("div", { key: '1c05738a5278aa5b859fda2b0e2256f1ba0aec47', class: "heading-area" }, heading && (hAsync("ic-typography", { key: '015483372b8052465cc9175150b246d148420e24', variant: "subtitle-large", class: "heading" }, heading)), heading && (subheading || status) && (hAsync("ic-typography", { key: '29f9f702a07a3cbb8669974f00a0886636e2f3b4', variant: "caption", class: "subheading" }, subheading !== null && isPropDefined$1(subheading)
|
|
22343
22439
|
? subheading
|
|
22344
22440
|
: stepStatus))))));
|
|
22345
|
-
return (hAsync(Host, { key: '
|
|
22441
|
+
return (hAsync(Host, { key: 'd5d73bdea5409e8d53c9b56a036aafc796f293b1', role: "listitem", "aria-label": `${icI18n.step} ${stepNum}${ariaLabel}`, "aria-current": (current || type === "current") && "step", class: {
|
|
22346
22442
|
["aligned-full-width"]: !!(((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains("ic-stepper-default")) &&
|
|
22347
22443
|
!this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
|
|
22348
22444
|
[`ic-step-${variant}`]: true,
|
|
@@ -22642,11 +22738,11 @@ class Stepper {
|
|
|
22642
22738
|
checkResizeObserver$1(this.runResizeObserver);
|
|
22643
22739
|
}
|
|
22644
22740
|
render() {
|
|
22645
|
-
return (hAsync(Host, { key: '
|
|
22741
|
+
return (hAsync(Host, { key: '5fe97c7bd124831c6fb863a2122780bb7a0e67f5', class: {
|
|
22646
22742
|
[`ic-stepper-${this.variant}`]: true,
|
|
22647
22743
|
["ic-stepper-aligned-left"]: this.variant === "default" && this.aligned === "left",
|
|
22648
22744
|
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
|
22649
|
-
} }, hAsync("ul", { key: '
|
|
22745
|
+
} }, hAsync("ul", { key: 'cb8920a38ceb04f807e71ebf680517764b707be3', class: "step-item-list" }, hAsync("slot", { key: '0d56c6a5b26c0cc30705be1f13187956b7025e26' }))));
|
|
22650
22746
|
}
|
|
22651
22747
|
get el() { return getElement(this); }
|
|
22652
22748
|
static get watchers() { return {
|
|
@@ -22777,16 +22873,16 @@ class Switch {
|
|
|
22777
22873
|
const { label, checkedState, size, disabled, name, value, hideLabel, helperText, inputId, theme, } = this;
|
|
22778
22874
|
const isSmall = size === "small";
|
|
22779
22875
|
renderHiddenInput$1(this.el, checkedState ? value : "", name, disabled);
|
|
22780
|
-
return (hAsync(Host, { key: '
|
|
22876
|
+
return (hAsync(Host, { key: '1e956030826e52752e8c7653b8da25af46f52426', class: {
|
|
22781
22877
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
22782
|
-
} }, hAsync("label", { key: '
|
|
22878
|
+
} }, hAsync("label", { key: '91501b821fe6124254ee768b372e064cd081fb16', class: {
|
|
22783
22879
|
"ic-switch-container": true,
|
|
22784
22880
|
"ic-switch-disabled": !!disabled,
|
|
22785
22881
|
"ic-switch-small": isSmall,
|
|
22786
|
-
}, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: '
|
|
22882
|
+
}, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: 'f9f89f3e0a580fd136efb7b7f896c74020a22b08', for: inputId, label: label, helperText: helperText, readonly: false, disabled: disabled, class: {
|
|
22787
22883
|
"ic-switch-label": true,
|
|
22788
22884
|
"ic-switch-label-small": isSmall,
|
|
22789
|
-
} }, hAsync("slot", { key: '
|
|
22885
|
+
} }, hAsync("slot", { key: 'ba6d621b604fb414e32b3610730faece841d30e6', name: "helper-text", slot: "helper-text" }))), !hideLabel && hAsync("span", { key: 'd2a675ea63e51c6f3a2c9e22494a4d04ea7d6376', class: "ic-switch-line-break" }), hAsync("input", { key: 'd0ebcc9c3119699b54ed088a511e050229e57b05', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText$1(this.el, inputId, helperText !== "", false), role: "switch", class: "ic-switch-input", type: "checkbox", name: "toggle", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), hAsync("span", { key: '7f5c08f419bda58267c3664dc6d63ed5218310b6', class: "ic-switch-toggle" }, hAsync("svg", { key: '72c0c627015a5d4928b5b1301498b3b35bc07a9e', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { key: '82aa70d102ff0444cf751b2d180a9407cfa6f3fb', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), hAsync("svg", { key: '2234f9200dd364dcb995e6f12d380ae141e6320a', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { key: '60c2fbd7fc71a7e310d42b8b20c5c4483aa743a7', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), hAsync("slot", { key: 'eb81e7b8b1c6037e23074d407174060811af077e', name: "right-adornment" }))));
|
|
22790
22886
|
}
|
|
22791
22887
|
static get delegatesFocus() { return true; }
|
|
22792
22888
|
get el() { return getElement(this); }
|
|
@@ -22909,13 +23005,13 @@ class Tab {
|
|
|
22909
23005
|
}
|
|
22910
23006
|
render() {
|
|
22911
23007
|
const { disabled, selected, theme, monochrome, handleClick, handleFocus, handleMouseDown, } = this;
|
|
22912
|
-
return (hAsync(Host, { key: '
|
|
23008
|
+
return (hAsync(Host, { key: '954c5dd86688230d4ebb36c8a98b9c30c1524fc9', class: {
|
|
22913
23009
|
["with-transition"]: !this.isInitialRender,
|
|
22914
23010
|
["ic-tab-selected"]: !!selected,
|
|
22915
23011
|
["ic-tab-disabled"]: !!disabled,
|
|
22916
23012
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
22917
23013
|
["ic-tab-monochrome"]: !!monochrome,
|
|
22918
|
-
}, role: "tab", "aria-selected": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, "aria-disabled": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed$1(this.el, "icon") && hAsync("slot", { key: '
|
|
23014
|
+
}, role: "tab", "aria-selected": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, "aria-disabled": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed$1(this.el, "icon") && hAsync("slot", { key: '11506c4354b5dc44310df86479b02ed0638bbe32', name: "icon" }), hAsync("ic-typography", { key: 'd466ad914e607cabb9ff47dc31b6428a081b08a7', class: "ic-tab-label", variant: "label" }, hAsync("span", { key: '8cc33760084b7735ed7db8b222a2b0374c936f3f' }, hAsync("slot", { key: '04bdfe11cd1eef76fad7f6e0afa7e059251ba3cc' }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: 'a29692b7826b09874aba3ec5579dbca979cd791a', name: "badge" })));
|
|
22919
23015
|
}
|
|
22920
23016
|
get el() { return getElement(this); }
|
|
22921
23017
|
static get watchers() { return {
|
|
@@ -23172,7 +23268,7 @@ class TabContext {
|
|
|
23172
23268
|
}
|
|
23173
23269
|
}
|
|
23174
23270
|
render() {
|
|
23175
|
-
return hAsync("slot", { key: '
|
|
23271
|
+
return hAsync("slot", { key: 'ddf3e45c3bd98315d6d49e35e3b309acfefc0782' });
|
|
23176
23272
|
}
|
|
23177
23273
|
get el() { return getElement(this); }
|
|
23178
23274
|
static get watchers() { return {
|
|
@@ -23219,11 +23315,11 @@ class TabGroup {
|
|
|
23219
23315
|
}
|
|
23220
23316
|
render() {
|
|
23221
23317
|
const { inline, theme, label, monochrome } = this;
|
|
23222
|
-
return (hAsync(Host, { key: '
|
|
23318
|
+
return (hAsync(Host, { key: 'e6eda4f0fddf03fa0e666070e9fe4a01ed6c244c', role: "tablist", "aria-label": label, class: {
|
|
23223
23319
|
["ic-tab-group-inline"]: !!inline,
|
|
23224
23320
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
23225
23321
|
["ic-tab-group-monochrome"]: !!monochrome,
|
|
23226
|
-
} }, hAsync("ic-horizontal-scroll", { key: '
|
|
23322
|
+
} }, hAsync("ic-horizontal-scroll", { key: 'b2387259eee6357ea9d90560aef246a035158e01', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: 'a8351a7ab0e0a9ac824f5a4be46af8a97c6cb8dd', class: "tabs-container" }, hAsync("slot", { key: '5008e5e509035d59bbf397a986af8d390ecacf1e' })))));
|
|
23227
23323
|
}
|
|
23228
23324
|
static get delegatesFocus() { return true; }
|
|
23229
23325
|
static get style() { return IcTabGroupStyle0; }
|
|
@@ -23266,10 +23362,10 @@ class TabPanel {
|
|
|
23266
23362
|
}
|
|
23267
23363
|
render() {
|
|
23268
23364
|
const { active, theme } = this;
|
|
23269
|
-
return (hAsync(Host, { key: '
|
|
23365
|
+
return (hAsync(Host, { key: '33c2600681317fb27e801153496452582e5862a8', class: {
|
|
23270
23366
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
23271
23367
|
"ic-tab-panel-hidden": !active,
|
|
23272
|
-
}, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: '
|
|
23368
|
+
}, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: '722ead8cc9ed26d0815781211bb5e657aa65f8ba' }, hAsync("slot", { key: '78dad6e7c3d0ba3c684d586c0a16d2d1e7de32f7' }))));
|
|
23273
23369
|
}
|
|
23274
23370
|
get el() { return getElement(this); }
|
|
23275
23371
|
static get style() { return IcTabPanelStyle0; }
|
|
@@ -23631,10 +23727,10 @@ class TableOfContents {
|
|
|
23631
23727
|
// Component is a wrapper for page contents, and will build list from heading items
|
|
23632
23728
|
render() {
|
|
23633
23729
|
const { heading, monochrome, position, size, theme } = this;
|
|
23634
|
-
return (hAsync(Host, { key: '
|
|
23635
|
-
${position === "right" && "table-of-contents-position-side"}` }, hAsync("ic-typography", { key: '
|
|
23730
|
+
return (hAsync(Host, { key: 'c5c977f781772f014ec4b2df248fdc91c31f2087', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("ic-section-container", { key: 'aa5f4869224bcf56e4137b83e6143b7c93b8ccd3', class: TOC_CONTAINER_CLASS, aligned: "full-width" }, hAsync("div", { key: '1f925229198cc923a0b02165b0000cf235435546', role: "navigation", class: `${TOC_CONTENT_CLASS} ${position === "top" && "table-of-contents-position-top"}
|
|
23731
|
+
${position === "right" && "table-of-contents-position-side"}` }, hAsync("ic-typography", { key: 'c7468f8c744f3838629f745d511049b01c97dc25', class: `table-of-contents-heading ${size}`, variant: "subtitle-large" }, heading), hAsync("div", { key: 'c83b03e6eb43c042c6ca0d00e80be7666899a9d9', class: "table-of-contents-list" }, hAsync("div", { key: '6febd41a740d97f38097f549606d05d726256dcc', class: `table-of-contents-sidebar ${monochrome && `table-of-contents-sidebar-monochrome`}
|
|
23636
23732
|
${size}
|
|
23637
|
-
` }), hAsync("ol", { key: '
|
|
23733
|
+
` }), hAsync("ol", { key: '6e2c7ac1c7e3509bb738d98e8770c38c290934dc', class: TOC_LIST_ITEMS_CLASS }, this.generateHeadingTree().map((item) => this.renderTocTree(item))))), hAsync("slot", { key: '3c9722771d63819dc9039d872127e2a660bce17a' }))));
|
|
23638
23734
|
}
|
|
23639
23735
|
get el() { return getElement(this); }
|
|
23640
23736
|
static get watchers() { return {
|
|
@@ -23990,7 +24086,12 @@ class TextField {
|
|
|
23990
24086
|
}
|
|
23991
24087
|
}
|
|
23992
24088
|
handleKeyDown(ev) {
|
|
23993
|
-
|
|
24089
|
+
var _a, _b;
|
|
24090
|
+
this.icKeydown.emit({
|
|
24091
|
+
event: ev,
|
|
24092
|
+
cursorPosition: (_a = this.inputEl.selectionStart) !== null && _a !== void 0 ? _a : 0,
|
|
24093
|
+
selectionEnd: (_b = this.inputEl.selectionEnd) !== null && _b !== void 0 ? _b : 0,
|
|
24094
|
+
});
|
|
23994
24095
|
if (!ev.ctrlKey && !IGNORED_KEYBOARD_CHARACTERS.includes(ev.key)) {
|
|
23995
24096
|
this.maxCharactersWarning = this.maxCharactersReached;
|
|
23996
24097
|
}
|
|
@@ -24047,14 +24148,14 @@ class TextField {
|
|
|
24047
24148
|
hiddenInput
|
|
24048
24149
|
? renderHiddenInput$1(this.el, value, name, disabledMode)
|
|
24049
24150
|
: removeHiddenInput(this.el);
|
|
24050
|
-
return (hAsync(Host, { key: '
|
|
24151
|
+
return (hAsync(Host, { key: '1b376250d6e147cac7b9dbb15ae5eb7a2ba6aefe', class: {
|
|
24051
24152
|
"ic-text-field-full-width": fullWidth,
|
|
24052
24153
|
"ic-text-field-disabled": disabledMode,
|
|
24053
24154
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
24054
|
-
} }, hAsync("ic-input-container", { key: '
|
|
24155
|
+
} }, hAsync("ic-input-container", { key: 'ef66c6d29dd16f57af7d10d177210c63979ad106', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '2c4e3c9f6580a1d68983758214be4be7d5c9c762', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly }, hAsync("slot", { key: 'c0a2199348d4157e67deca641480e2c2d3d16550', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '5bcfba3d42c94cf7abc8f7ad2ba29b5b80ffe511', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { key: 'd98d07fb64f7cdfed8d66860b4df4a1b64174a24', class: {
|
|
24055
24156
|
readonly,
|
|
24056
24157
|
"has-value": this.getNumberOfCharacters(value) > 0,
|
|
24057
|
-
}, slot: "left-icon" }, hAsync("slot", { key: '
|
|
24158
|
+
}, slot: "left-icon" }, hAsync("slot", { key: '8508568fb8dada7941c0ac9f938f6a71892e06ff', name: "icon" }))), !multiline ? (hAsync("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: type, min: min, max: max, value: value, class: {
|
|
24058
24159
|
"no-left-pad": !showLeftIcon && readonly,
|
|
24059
24160
|
readonly,
|
|
24060
24161
|
"truncate-value": truncateValue,
|
|
@@ -24062,12 +24163,12 @@ class TextField {
|
|
|
24062
24163
|
"no-resize": resize === false || !!readonly,
|
|
24063
24164
|
"no-left-pad": !showLeftIcon && !!readonly,
|
|
24064
24165
|
readonly: !!readonly,
|
|
24065
|
-
}, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onScroll: this.onTextAreaScroll, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocomplete: autocomplete, autocapitalize: autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, inheritedAttributes))), isSlotUsed$1(el, "clear-button") && (hAsync("slot", { key: '
|
|
24166
|
+
}, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onScroll: this.onTextAreaScroll, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocomplete: autocomplete, autocapitalize: autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, inheritedAttributes))), isSlotUsed$1(el, "clear-button") && (hAsync("slot", { key: '91761fa97b0bb02a095968b7e204ebb93c3cdebf', name: "clear-button" })), isSlotUsed$1(el, "search-submit-button") && (hAsync("slot", { key: '656d028a1add45972896a170347b0733f1794eec', name: "search-submit-button" }))), isSlotUsed$1(el, "menu") && hAsync("slot", { key: 'f305e73e1035983c26fd6f738a46446c43a81245', name: "menu" }), hAsync("ic-input-validation", { key: '85a6ff5809be1edcc921c46a6a415e5739c14baa', class: { "show-validation": this.showValidationMargin() }, status: this.hasStatus(currentStatus) === false ||
|
|
24066
24167
|
(currentStatus === IcInformationStatus$1.Success &&
|
|
24067
24168
|
validationInline) ||
|
|
24068
24169
|
validationInlineInternal
|
|
24069
24170
|
? ""
|
|
24070
|
-
: currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (hAsync("div", { key: '
|
|
24171
|
+
: currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (hAsync("div", { key: '13e0c01a4525d51b9515cbc04667c21fa918736d', slot: "validation-message-adornment" }, !hideCharCount && (hAsync("ic-typography", { key: '9038017ea03a0c6b8ea32fd102b012a28af8503f', variant: "caption", class: "char-count-text" }, hAsync("span", { key: '5b13ff51491f886e705726616c439ecb8d8d00bc', class: "char-count" }, numChars, "/", maxNumChars))), hAsync("span", { key: '8c4e2f4f749838d382fc06d5cec08dec0ba88d43', class: "remaining-char-count-desc", "aria-live": "polite", hidden: !isFocussed, id: remainingCharCountDescId }, remainingCharCountDesc), hAsync("span", { key: 'd66957769eb0962af90f9933339aeecf961fc690', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters.")))))));
|
|
24071
24172
|
}
|
|
24072
24173
|
get el() { return getElement(this); }
|
|
24073
24174
|
static get watchers() { return {
|
|
@@ -24206,7 +24307,7 @@ class Theme {
|
|
|
24206
24307
|
}
|
|
24207
24308
|
render() {
|
|
24208
24309
|
const { themeClass } = this;
|
|
24209
|
-
return (hAsync(Host, { key: '
|
|
24310
|
+
return (hAsync(Host, { key: '53aa5cb32bce3ebd1b66c22df8c64f615fad4d00', class: themeClass }, hAsync("slot", { key: '6f2d5fa4d0d7a42995dd9d4b31081b421e6fe5a9' })));
|
|
24210
24311
|
}
|
|
24211
24312
|
static get watchers() { return {
|
|
24212
24313
|
"brandColor": ["watchBrandColorPropHandler"],
|
|
@@ -25133,23 +25234,23 @@ class TimeInput {
|
|
|
25133
25234
|
!(isEmptyString(this.hour) &&
|
|
25134
25235
|
isEmptyString(this.minute) &&
|
|
25135
25236
|
isEmptyString(this.second)));
|
|
25136
|
-
return (hAsync(Host, { key: '
|
|
25237
|
+
return (hAsync(Host, { key: '94fc70e75c5096c2ebfedd5a9e6e55c4361a1c17', class: {
|
|
25137
25238
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
25138
25239
|
[`ic-time-input-disabled`]: disabled,
|
|
25139
25240
|
[`ic-time-input-${size}`]: true,
|
|
25140
|
-
}, onBlur: this.handleHostBlur, onFocus: this.handleHostFocus }, hAsync("ic-input-container", { key: '
|
|
25241
|
+
}, onBlur: this.handleHostBlur, onFocus: this.handleHostFocus }, hAsync("ic-input-container", { key: 'a9f2eb4da658ef987174fc711608a1972aef70ce', disabled: disabled }, !(hideLabel && hideHelperText) && (hAsync("ic-input-label", { key: 'd98aa9514c1fd9f64e68fb100a3c8c2aab0acc85', for: inputId, label: label, hideLabel: hideLabel, helperText: !hideHelperText ? helperText : "", disabled: disabled }, hAsync("slot", { key: '982677961a1338de6717896032d740a3636739aa', name: "helper-text", slot: "helper-text" }))), hAsync("span", { key: '5c5db81bb5838f755650c4a56b16f61e4703a5db', id: this.screenReaderInfoId, class: "sr-only", "aria-hidden": "true" }, this.getScreenReaderInfo(validationStatus), hideLabel && `${label}\n`, hideHelperText && `${helperText}\n`, `${this.defaultHelperText}.`), hAsync("span", { key: '010b924db60b43ec5d5f7376a341aa7fa84a72bd', id: this.assistiveHintId, class: "sr-only", "aria-hidden": "true" }, assistiveHint), hAsync("span", { key: '162a36140a61835c6e78d3eb0f19ec254c772ba5', id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("ic-input-component-container", { key: '170b853eb6942943815b67261588bad8a9b9e35e', id: inputId, ref: (el) => (this.inputCompContainerEl = el), disabled: disabled, validationStatus: validationStatus, size: size, role: "group", class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: '34f4fd002b9197cf2dcf848a51b45a6bcfa330d7', class: "input-container" }, hAsync("div", { key: 'be4d809edd743cae4beedc61a4c8a720151af2be', class: "time-inputs" }, [
|
|
25141
25242
|
this.getInputsInOrder()[0],
|
|
25142
25243
|
":",
|
|
25143
25244
|
this.getInputsInOrder()[1],
|
|
25144
25245
|
!this.isHHMMFormat()
|
|
25145
25246
|
? [":", this.getInputsInOrder()[2]]
|
|
25146
25247
|
: null,
|
|
25147
|
-
]), hAsync("div", { key: '
|
|
25248
|
+
]), hAsync("div", { key: '72f7f63ad060902df8262ddb3d17bb657dabc1fe', class: "action-buttons" }, showClearButton && (hAsync("ic-button", { key: '374aa46e2ee4d0692a896c60597bfea0fcb27b67', id: "clear-button", "aria-label": "Clear input", class: {
|
|
25148
25249
|
["clear-button"]: true,
|
|
25149
25250
|
["hidden"]: isEmptyString(this.hour) &&
|
|
25150
25251
|
isEmptyString(this.minute) &&
|
|
25151
25252
|
isEmptyString(this.second),
|
|
25152
|
-
}, disabled: this.disabled, innerHTML: Clear$1, onClick: this.handleClear, onFocus: this.handleClearFocus, onBlur: this.handleClearBlur, variant: "icon-tertiary", theme: this.clearButtonFocused ? "light" : "dark", size: size })), showClockButton && (hAsync("div", { key: '
|
|
25253
|
+
}, disabled: this.disabled, innerHTML: Clear$1, onClick: this.handleClear, onFocus: this.handleClearFocus, onBlur: this.handleClearBlur, variant: "icon-tertiary", theme: this.clearButtonFocused ? "light" : "dark", size: size })), showClockButton && (hAsync("div", { key: 'b58eabfe7be0739fa00aa1d8e2df1d99d1b15962', class: "show-clock-button-wrapper" }, hAsync("div", { key: 'd163b8f93b2e7e202366e42039a937f90be76046', class: { divider: showDivider, [size]: true } }), hAsync("ic-button", { key: '23da72a34150c2bcfc65d87187d8d3a0c149280a', id: "clock-button", "aria-label": "Display clock", "aria-haspopup": "dialog", class: "clock-button", disabled: this.disabled, innerHTML: Clock, variant: "icon-tertiary", size: size, onFocus: this.handleClockFocus, onBlur: this.handleClockBlur, theme: this.clockFocused ? "light" : "dark" })))))), hAsync("span", { key: '99ee1fb61cfe81d8bebb683d58fa5a3d23e1291f', id: this.selectedTimeInfoId, class: "sr-only", "aria-live": "polite" }, hAsync("span", { key: '27462b7298ec4a8f7de200f479f779f65d0694e5', ref: (el) => (this.selectedTimeInfoEl = el), role: "status" })), hAsync("ic-input-validation", { key: 'f9e6ea4a8d8d09716036229db7e11e6c1c833d14', status: validationStatus, message: hasCustomValidation ? this.validationText : this.invalidTimeText, for: inputId, ariaLiveMode: validationAriaLive }))));
|
|
25153
25254
|
}
|
|
25154
25255
|
static get delegatesFocus() { return true; }
|
|
25155
25256
|
get el() { return getElement(this); }
|
|
@@ -25206,7 +25307,7 @@ class TimeInput {
|
|
|
25206
25307
|
}; }
|
|
25207
25308
|
}
|
|
25208
25309
|
|
|
25209
|
-
const icToastCss = "/*! 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}@media (prefers-reduced-motion: no-preference){:host{animation:fadein var(--ic-transition-duration-slow) ease-in-out}:host(.hidden){animation:fadeout var(--ic-transition-duration-slow) ease-in-out}}:host{--bottom-position:var(--ic-space-xl);position:fixed;bottom:var(--bottom-position);left:50%;transform:translate(-50%);z-index:var(--ic-z-index-toast)}:host(.ic-toast-hidden){display:none}:host(:focus){outline:none}.container{max-width:32.5rem;min-width:18rem;box-shadow:var(--ic-elevation-overlay);min-height:3.5rem;background-color:var(--ic-toast-background);display:flex;align-items:center;position:relative;border-radius:var(--ic-border-radius)}.toast-icon-container{height:100%;display:flex;align-items:center}.divider{height:100%;width:var(--ic-space-xs);position:absolute;border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs)}.divider-neutral{background-color:var(--ic-toast-status-neutral)}.divider-info{background-color:var(--ic-toast-status-info)}.divider-warning{background-color:var(--ic-toast-status-warning)}.divider-error{background-color:var(--ic-toast-status-error)}.divider-success{background-color:var(--ic-toast-status-success)}.divider-ai{background-color:var(--ic-toast-status-ai)}.toast-icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}:host(
|
|
25310
|
+
const icToastCss = "/*! 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}@media (prefers-reduced-motion: no-preference){:host{animation:fadein var(--ic-transition-duration-slow) ease-in-out}:host(.hidden){animation:fadeout var(--ic-transition-duration-slow) ease-in-out}}:host{--bottom-position:var(--ic-space-xl);position:fixed;bottom:var(--bottom-position);left:50%;transform:translate(-50%);z-index:var(--ic-z-index-toast)}:host(.ic-toast-hidden){display:none}:host(:focus){outline:none}.container{max-width:32.5rem;min-width:18rem;box-shadow:var(--ic-elevation-overlay);min-height:3.5rem;background-color:var(--ic-toast-background);display:flex;align-items:center;position:relative;border-radius:var(--ic-border-radius)}.toast-icon-container{height:100%;display:flex;align-items:center}.divider{height:100%;width:var(--ic-space-xs);position:absolute;border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs)}.divider-neutral{background-color:var(--ic-toast-status-neutral)}.divider-info{background-color:var(--ic-toast-status-info)}.divider-warning{background-color:var(--ic-toast-status-warning)}.divider-error{background-color:var(--ic-toast-status-error)}.divider-success{background-color:var(--ic-toast-status-success)}.divider-ai{background-color:var(--ic-toast-status-ai)}.toast-icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}:host(.ic-toast-variant-neutral) .toast-icon svg,::slotted(svg){fill:var(--ic-toast-icon-neutral)}:host(.ic-toast-variant-info) .toast-icon svg{fill:var(--ic-toast-icon-info)}:host(.ic-toast-variant-warning) .toast-icon svg{fill:var(--ic-toast-icon-warning)}:host(.ic-toast-variant-error) .toast-icon svg{fill:var(--ic-toast-icon-error)}:host(.ic-toast-variant-success) .toast-icon svg{fill:var(--ic-toast-icon-success)}:host(.ic-toast-variant-ai) .toast-icon svg{fill:var(--ic-toast-icon-ai)}.toast-content{margin-left:var(--ic-space-xs);width:100%}.no-icon{margin-left:var(--ic-space-md)}.toast-text{padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}.toast-heading{--ic-typography-color:var(--ic-toast-title)}.toast-message{--ic-typography-color:var(--ic-toast-description)}.toast-action-container{padding-bottom:var(--ic-space-md)}#dismiss-button{padding:var(--ic-space-xs)}#dismiss-button>svg{color:var(--ic-toast-dismiss-button)}ic-loading-indicator{--outer-color:transparent;--inner-color:var(--ic-action-monochrome)}.toast-dismiss-timer{padding:var(--ic-space-sm)}@media (max-width: 576px){:host{--bottom-position:var(--ic-space-lg);width:calc(100% - 2 * var(--ic-space-md))}}@media (min-width: 993px){:host{--bottom-position:calc(var(--ic-space-xl) + var(--ic-space-xs))}}@media (forced-colors: active){.container{border:var(--ic-border-hc)}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:var(--bottom-position);opacity:1}}@keyframes fadeout{from{bottom:var(--bottom-position);opacity:1}to{bottom:0;opacity:0}}";
|
|
25210
25311
|
var IcToastStyle0 = icToastCss;
|
|
25211
25312
|
|
|
25212
25313
|
const AUTO_DISMISS_TIMER_REFRESH_RATE_MS = 1000;
|
|
@@ -25411,13 +25512,16 @@ class Toast {
|
|
|
25411
25512
|
}
|
|
25412
25513
|
render() {
|
|
25413
25514
|
const { variant, heading, message, visible, isManual, dismissButtonAriaLabel, } = this;
|
|
25414
|
-
return (hAsync(Host, { key: '
|
|
25515
|
+
return (hAsync(Host, { key: 'a51a1fe38c35d1efaca12289056be07a2d1e7c40', class: {
|
|
25516
|
+
["ic-toast-hidden"]: !visible,
|
|
25517
|
+
[`ic-toast-variant-${variant}`]: variant !== undefined,
|
|
25518
|
+
}, tabindex: "0", onFocus: this.onFocus, onBlur: this.onBlur, role: isManual ? "dialog" : "alert", "aria-live": isManual ? null : "polite" }, hAsync("div", { key: '093ae6a039e15465dfe4cee082e5aaaccd3267a4', class: "container" }, variant && visible && (hAsync("div", { key: 'efdcb6cd889c29df5e232fbb864b03185e57909b', class: "toast-icon-container" }, hAsync("div", { key: '01f195c61c7744d2aec5550efe2510b25f0f1617', class: {
|
|
25415
25519
|
["divider"]: true,
|
|
25416
25520
|
[`divider-${variant}`]: true,
|
|
25417
|
-
} }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { key: '
|
|
25521
|
+
} }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { key: '37b6615f1be94c52612cd89440c8d3421aee069d', class: {
|
|
25418
25522
|
["toast-content"]: true,
|
|
25419
25523
|
["no-icon"]: variant === "neutral" && !isSlotUsed$1(this.el, "neutral-icon"),
|
|
25420
|
-
} }, hAsync("div", { key: '
|
|
25524
|
+
} }, hAsync("div", { key: '6f29a977edc1c6b54d1353612dad9479c04522d7', class: "toast-text" }, hAsync("ic-typography", { key: '4fc96f88f2252000e6e96c01ba196dd78f76fca0', variant: "subtitle-large", class: "toast-heading" }, visible && (isManual ? hAsync("h5", null, heading) : hAsync("p", null, heading))), message && (hAsync("ic-typography", { key: 'f8ac42f9700589313920b13b52ecb381a8b35fb7', variant: "body", class: "toast-message" }, visible && hAsync("p", { key: '262ece25eb68c773454cdbfcf8696f16d6edc82d' }, message)))), isSlotUsed$1(this.el, "action") && (hAsync("div", { key: '273984b9f960cd33b4437271b9fc19b12137b972', class: "toast-action-container" }, hAsync("slot", { key: '128157fb5a7ff7b8fb979648bba140aa712d4409', name: "action" })))), !isManual ? (hAsync("ic-loading-indicator", { class: "toast-dismiss-timer", theme: "dark", monochrome: true, size: "icon", progress: this.timerProgress, description: "Dismiss timer" })) : (hAsync("ic-button", { id: "dismiss-button", innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon-tertiary", "aria-label": dismissButtonAriaLabel })))));
|
|
25421
25525
|
}
|
|
25422
25526
|
get el() { return getElement(this); }
|
|
25423
25527
|
static get watchers() { return {
|
|
@@ -25489,7 +25593,7 @@ class ToastRegion {
|
|
|
25489
25593
|
}
|
|
25490
25594
|
}
|
|
25491
25595
|
render() {
|
|
25492
|
-
return hAsync("slot", { key: '
|
|
25596
|
+
return hAsync("slot", { key: '7c0c88d4aeb9e5141603885ce134e43674e341a9' });
|
|
25493
25597
|
}
|
|
25494
25598
|
get el() { return getElement(this); }
|
|
25495
25599
|
static get watchers() { return {
|
|
@@ -25585,50 +25689,10 @@ class ToggleButton {
|
|
|
25585
25689
|
};
|
|
25586
25690
|
}
|
|
25587
25691
|
watchDisabledHandler() {
|
|
25588
|
-
|
|
25692
|
+
this.syncPropsFromToggleButtonGroup();
|
|
25589
25693
|
}
|
|
25590
25694
|
componentWillLoad() {
|
|
25591
|
-
|
|
25592
|
-
removeDisabledFalse$1(this.disabled, this.el);
|
|
25593
|
-
if (!isSlottedInGroup(this.el))
|
|
25594
|
-
return;
|
|
25595
|
-
const parentAttributes = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.attributes;
|
|
25596
|
-
if (!parentAttributes)
|
|
25597
|
-
return;
|
|
25598
|
-
for (let i = 0; i < TRACKED_ATTRIBUTES.length; i++) {
|
|
25599
|
-
const attribute = parentAttributes.getNamedItem(TRACKED_ATTRIBUTES[i]);
|
|
25600
|
-
if (!attribute)
|
|
25601
|
-
continue;
|
|
25602
|
-
switch (attribute.name) {
|
|
25603
|
-
case TRACKED_ATTRIBUTES[0]:
|
|
25604
|
-
this.loading = attribute.value !== "false";
|
|
25605
|
-
break;
|
|
25606
|
-
case TRACKED_ATTRIBUTES[1]:
|
|
25607
|
-
this.disabled = attribute.value !== "false";
|
|
25608
|
-
break;
|
|
25609
|
-
case TRACKED_ATTRIBUTES[2]:
|
|
25610
|
-
this.fullWidth = attribute.value !== "false";
|
|
25611
|
-
break;
|
|
25612
|
-
case TRACKED_ATTRIBUTES[3]:
|
|
25613
|
-
this.iconPlacement = attribute.value;
|
|
25614
|
-
break;
|
|
25615
|
-
case TRACKED_ATTRIBUTES[4]:
|
|
25616
|
-
this.variant = attribute.value;
|
|
25617
|
-
break;
|
|
25618
|
-
case TRACKED_ATTRIBUTES[5]:
|
|
25619
|
-
this.size = attribute.value;
|
|
25620
|
-
break;
|
|
25621
|
-
case TRACKED_ATTRIBUTES[6]:
|
|
25622
|
-
this.theme = attribute.value;
|
|
25623
|
-
break;
|
|
25624
|
-
case TRACKED_ATTRIBUTES[7]:
|
|
25625
|
-
this.monochrome = attribute.value !== "false";
|
|
25626
|
-
break;
|
|
25627
|
-
case TRACKED_ATTRIBUTES[8]:
|
|
25628
|
-
this.outline = attribute.value !== "false";
|
|
25629
|
-
break;
|
|
25630
|
-
}
|
|
25631
|
-
}
|
|
25695
|
+
this.syncPropsFromToggleButtonGroup();
|
|
25632
25696
|
}
|
|
25633
25697
|
componentDidLoad() {
|
|
25634
25698
|
onComponentRequiredPropUndefined$1([
|
|
@@ -25646,10 +25710,63 @@ class ToggleButton {
|
|
|
25646
25710
|
this.checked = !this.checked;
|
|
25647
25711
|
}
|
|
25648
25712
|
}
|
|
25713
|
+
syncPropsFromToggleButtonGroup() {
|
|
25714
|
+
var _a;
|
|
25715
|
+
let groupDisabled = false;
|
|
25716
|
+
if (isSlottedInGroup(this.el)) {
|
|
25717
|
+
const parentAttributes = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.attributes;
|
|
25718
|
+
if (parentAttributes) {
|
|
25719
|
+
const groupDisabledAttr = parentAttributes.getNamedItem("disabled");
|
|
25720
|
+
if (groupDisabledAttr && groupDisabledAttr.value !== "false") {
|
|
25721
|
+
groupDisabled = true;
|
|
25722
|
+
}
|
|
25723
|
+
for (let i = 0; i < TRACKED_ATTRIBUTES.length; i++) {
|
|
25724
|
+
const attribute = parentAttributes.getNamedItem(TRACKED_ATTRIBUTES[i]);
|
|
25725
|
+
if (!attribute)
|
|
25726
|
+
continue;
|
|
25727
|
+
switch (attribute.name) {
|
|
25728
|
+
case TRACKED_ATTRIBUTES[0]:
|
|
25729
|
+
this.loading = attribute.value !== "false";
|
|
25730
|
+
break;
|
|
25731
|
+
case TRACKED_ATTRIBUTES[1]:
|
|
25732
|
+
this.disabled = groupDisabled
|
|
25733
|
+
? true
|
|
25734
|
+
: attribute.value !== "false";
|
|
25735
|
+
break;
|
|
25736
|
+
case TRACKED_ATTRIBUTES[2]:
|
|
25737
|
+
this.fullWidth = attribute.value !== "false";
|
|
25738
|
+
break;
|
|
25739
|
+
case TRACKED_ATTRIBUTES[3]:
|
|
25740
|
+
this.iconPlacement = attribute.value;
|
|
25741
|
+
break;
|
|
25742
|
+
case TRACKED_ATTRIBUTES[4]:
|
|
25743
|
+
this.variant = attribute.value;
|
|
25744
|
+
break;
|
|
25745
|
+
case TRACKED_ATTRIBUTES[5]:
|
|
25746
|
+
this.size = attribute.value;
|
|
25747
|
+
break;
|
|
25748
|
+
case TRACKED_ATTRIBUTES[6]:
|
|
25749
|
+
this.theme = attribute.value;
|
|
25750
|
+
break;
|
|
25751
|
+
case TRACKED_ATTRIBUTES[7]:
|
|
25752
|
+
this.monochrome = attribute.value !== "false";
|
|
25753
|
+
break;
|
|
25754
|
+
case TRACKED_ATTRIBUTES[8]:
|
|
25755
|
+
this.outline = attribute.value !== "false";
|
|
25756
|
+
break;
|
|
25757
|
+
}
|
|
25758
|
+
}
|
|
25759
|
+
if (groupDisabled) {
|
|
25760
|
+
this.disabled = true;
|
|
25761
|
+
}
|
|
25762
|
+
}
|
|
25763
|
+
}
|
|
25764
|
+
removeDisabledFalse$1(this.disabled, this.el);
|
|
25765
|
+
}
|
|
25649
25766
|
render() {
|
|
25650
25767
|
const { accessibleLabel, checked, disabled, fullWidth, iconPlacement, monochrome, label, loading, outline, size, theme, tooltipPlacement, variant, } = this;
|
|
25651
25768
|
const iconVariant = variant === "icon";
|
|
25652
|
-
return (hAsync(Host, { key: '
|
|
25769
|
+
return (hAsync(Host, { key: 'd61a2411c44e043dbc0d3adfdd4ef4c041c752b4', class: {
|
|
25653
25770
|
"ic-toggle-button-checked": checked,
|
|
25654
25771
|
"ic-toggle-button-disabled": disabled,
|
|
25655
25772
|
"ic-toggle-button-icon": iconVariant,
|
|
@@ -25659,7 +25776,7 @@ class ToggleButton {
|
|
|
25659
25776
|
"ic-toggle-button-hide-outline": !outline,
|
|
25660
25777
|
[`ic-toggle-button-${size}`]: true,
|
|
25661
25778
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
25662
|
-
}, onFocus: this.handleFocus }, hAsync("ic-button", { key: '
|
|
25779
|
+
}, onFocus: this.handleFocus }, hAsync("ic-button", { key: 'a19e19a0cfbf6abe36aed52470e753c4410360dd', "aria-pressed": `${checked}`, variant: iconVariant ? "icon-tertiary" : "secondary", onClick: this.handleClick, title: accessibleLabel, "aria-label": `${accessibleLabel ? accessibleLabel : label}, ${checked ? "ticked" : "unticked"}`, disabled: disabled, size: size, fullWidth: fullWidth, loading: loading, tooltipPlacement: tooltipPlacement }, !iconVariant && label, hAsync("slot", { key: 'be68b5556f38f43be5b8e5dee4533550be5271e9' }), isSlotUsed$1(this.el, "icon") && (hAsync("slot", { key: '1adacf752187c44bb6b16ee3464e57b626893048', name: "icon", slot: `${iconPlacement}-icon` })), isSlotUsed$1(this.el, "badge") && (hAsync("slot", { key: '2507afeda1b98c00a3801c8deddfb3f8c8c01a65', name: "badge", slot: "badge" })))));
|
|
25663
25780
|
}
|
|
25664
25781
|
static get delegatesFocus() { return true; }
|
|
25665
25782
|
get el() { return getElement(this); }
|
|
@@ -25759,7 +25876,11 @@ class ToggleButtonGroup {
|
|
|
25759
25876
|
};
|
|
25760
25877
|
this.handleHostFocus = ({ target, relatedTarget }) => {
|
|
25761
25878
|
var _a;
|
|
25762
|
-
if (this.
|
|
25879
|
+
if (this.disabled) {
|
|
25880
|
+
target === null || target === void 0 ? void 0 : target.blur();
|
|
25881
|
+
return;
|
|
25882
|
+
}
|
|
25883
|
+
if (this.loading)
|
|
25763
25884
|
return;
|
|
25764
25885
|
const el = target;
|
|
25765
25886
|
const relEl = relatedTarget;
|
|
@@ -25920,14 +26041,14 @@ class ToggleButtonGroup {
|
|
|
25920
26041
|
}
|
|
25921
26042
|
render() {
|
|
25922
26043
|
const { accessibleLabel, disabled, fullWidth, loading, monochrome, outline, theme, } = this;
|
|
25923
|
-
return (hAsync(Host, { key: '
|
|
26044
|
+
return (hAsync(Host, { key: 'e30331ed317fd44676069463cd4e6a9734d32e06', role: "group", "aria-label": accessibleLabel, tabindex: disabled ? -1 : 0, class: {
|
|
25924
26045
|
"ic-toggle-button-group-disabled": disabled,
|
|
25925
26046
|
"ic-toggle-button-group-full-width": fullWidth,
|
|
25926
26047
|
"ic-toggle-button-group-loading": loading,
|
|
25927
26048
|
"ic-toggle-button-group-monochrome": monochrome,
|
|
25928
26049
|
"ic-toggle-button-group-hide-outline": !outline,
|
|
25929
26050
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
25930
|
-
}, onFocus: this.handleHostFocus }, hAsync("slot", { key: '
|
|
26051
|
+
}, onFocus: this.handleHostFocus }, hAsync("slot", { key: '426072ed90d15741d2fcdb7f12bde3bd810e827b' })));
|
|
25931
26052
|
}
|
|
25932
26053
|
get el() { return getElement(this); }
|
|
25933
26054
|
static get watchers() { return {
|
|
@@ -26183,10 +26304,10 @@ class Tooltip {
|
|
|
26183
26304
|
}
|
|
26184
26305
|
render() {
|
|
26185
26306
|
const { label, maxLines, silent, theme } = this;
|
|
26186
|
-
return (hAsync(Host, { key: '
|
|
26307
|
+
return (hAsync(Host, { key: 'c016954601c1f2ee45f8b64f396c405676fffadd', class: {
|
|
26187
26308
|
"ic-tooltip": true,
|
|
26188
26309
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
26189
|
-
} }, hAsync("div", { key: '
|
|
26310
|
+
}, "aria-label": isSafari && label }, hAsync("div", { key: 'e18915501176e9a36ab957a20968cc82f9c95403', ref: (el) => (this.toolTip = el), role: "tooltip", class: "ic-tooltip-container", "aria-hidden": `${silent}` }, hAsync("ic-typography", { key: '50f11ad42d55d9c7598176d6169a3c82b5939b71', maxLines: maxLines, variant: "caption" }, label), hAsync("div", { key: '47a01a05045f34a62e2c1724b60ce7f26ab7a086', ref: (el) => (this.arrow = el), class: "ic-tooltip-arrow" })), hAsync("slot", { key: '0b850d553a3b7fd97776c419d76517a33e442d97' })));
|
|
26190
26311
|
}
|
|
26191
26312
|
get el() { return getElement(this); }
|
|
26192
26313
|
static get watchers() { return {
|
|
@@ -26436,16 +26557,16 @@ class TopNavigation {
|
|
|
26436
26557
|
const attrs = Component == "a" && {
|
|
26437
26558
|
href: href,
|
|
26438
26559
|
};
|
|
26439
|
-
return (hAsync(Host, { key: '
|
|
26560
|
+
return (hAsync(Host, { key: 'ade1da5d58211501cd1d6747c46d105c49ef8e98', class: {
|
|
26440
26561
|
"fullwidth-searchbar": hasFullWidthSearchBar,
|
|
26441
26562
|
"mobile-mode": overMobileBreakpoint,
|
|
26442
26563
|
[IcBrandForegroundEnum$1.Dark]: foregroundColor === IcBrandForegroundEnum$1.Dark,
|
|
26443
26564
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
26444
|
-
} }, hAsync("div", { key: '
|
|
26565
|
+
} }, hAsync("div", { key: 'c0a641f02b5c568bcf2e75dd743f42bcacfa3df6', class: "top-navigation" }, hAsync("ic-section-container", { key: 'f31505caa30741b6ae5a7091d01735c6b0b2eb07', aligned: contentAligned, "full-height": true }, hAsync("header", { key: '6ab710016c32c632fefc7827114bba07cff300b1', role: "banner" }, hAsync("div", { key: 'a5b18754252754ecf8f577a113a5e7ffe6214efd', class: "top-panel-container" }, hAsync("div", { key: '473ebdef80637e47a30bf1f2570d9698ef819766', class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (hAsync(Component, Object.assign({ key: '8082824e0d859123195ed0cc076858e861ed6f83', class: "title-link" }, attrs), hasAppIcon && (hAsync("div", { key: '4e6846d703b47491d7867d993fc91c680bb7f965', class: "app-icon-container" }, hAsync("slot", { key: '5755567877527b6c4dea32d246295f13344a1116', name: "app-icon" }))), isSmallDeviceSize &&
|
|
26445
26566
|
(!isEmptyString$1(shortAppTitle) || shortAppTitleSlot) ? (hAsync("ic-typography", { variant: "subtitle-small", "aria-label": (!hasAppTitleSlot || !shortAppTitleSlot) &&
|
|
26446
|
-
`${appTitle} (${shortAppTitle})` }, hAsync("h1", null, shortAppTitleSlot ? (hAsync("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, hasAppTitleSlot ? (hAsync("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (hAsync("div", { key: '
|
|
26567
|
+
`${appTitle} (${shortAppTitle})` }, hAsync("h1", null, shortAppTitleSlot ? (hAsync("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, hasAppTitleSlot ? (hAsync("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (hAsync("div", { key: '0d1119c72ec12921b9d8ac4c753549b5266a0a77', class: "app-status" }, hAsync("ic-typography", { key: '0159177ab7abdf8ffacbc54fe2a00db8b51f4034', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { key: 'f83651366bf13750e9c637643290d01d9158cbb3', class: "app-version" }, hAsync("ic-typography", { key: '61d5ddb22f858319246f352ea9db8cf2a380dbb7', variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { key: '38c8b6032287ae554d95affd0343d8e1a06e9672', class: "search-menu-container" }, hAsync("div", { key: '177f304cb5d52052c1595d90a313187f5faf7fb8', class: "search-actions-container" }, !overMobileBreakpoint ? (hAsync(Fragment, null, hAsync("slot", { name: "search" }), hasIconButtons && (hAsync("div", { class: "icon-buttons-container" }, hAsync("slot", { name: "buttons" }))))) : (hAsync(Fragment, null, hasSearchSlotContent && (hAsync("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon-tertiary", monochrome: true, size: searchButtonSize, "aria-label": mobileSearchButtonTitle, theme: foregroundColor, onClick: searchButtonClickHandler }, hAsync("slot", { name: "toggle-icon" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), hasMenuContent && (hAsync("div", { class: "menu-button-container" }, hAsync("span", { id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), hAsync("nav", { "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, hAsync("ic-button", { id: "menu-button", ref: (el) => (this.menuButtonEl = el), theme: foregroundColor, variant: "secondary", monochrome: true, "aria-expanded": "false", "aria-haspopup": "true", "aria-label": `Open ${hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: menuButtonClick }, "Menu", hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))))), mobileSearchBarVisible && (hAsync("div", { key: '2573f4f3d0c07b9a8189739e71b1280ee10db8b7', class: "search-bar-container" }, hAsync("slot", { key: '4ec2d201033b3f084a372a781d11a9171b7357db', name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { key: '2ed8494ed944a24944535339faaf87ff50bc2666', class: "navigation-tabs" }, hAsync("span", { key: '8d4749293defd91560f3ed064a40b37ef7bef3f2', id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { key: '2f026275dcebbb493ab8dd2d337dc07e85fddd47', "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { key: '5299073b2ce1df34d3ab70e0ede5eaf4d122e1ae', monochrome: true, appearance: foregroundColor }, hAsync("ul", { key: '1bf9392b6e25f033f9c4d3ba6efb0d15af07db16', class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { key: 'a8ef11edfbf5535d706b5d6f33af40474303f312', name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { key: '8e11a83a983df46afb2805b0ed89451ad85ab247', version: version, status: status, class: {
|
|
26447
26568
|
inline,
|
|
26448
|
-
} }, hasIconButtons && (hAsync("div", { key: '
|
|
26569
|
+
} }, hasIconButtons && (hAsync("div", { key: '80fc236836f94cfb1ff6c7e7063e223a6c0bec43', class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { key: '32a3522be214d86952657179b94d88efc7bcccf2', name: "buttons" }))), hAsync("ul", { key: 'e8ba927b4a442016016deec34bd13501fac2e4f1', slot: "navigation" }, hAsync("slot", { key: '8373dc199994f19287897c6a3b3c7309c07a7388', name: "navigation" }))))));
|
|
26449
26570
|
}
|
|
26450
26571
|
get el() { return getElement(this); }
|
|
26451
26572
|
static get watchers() { return {
|
|
@@ -26773,7 +26894,7 @@ class TreeItem {
|
|
|
26773
26894
|
rel: this.rel,
|
|
26774
26895
|
target: this.target,
|
|
26775
26896
|
};
|
|
26776
|
-
return (hAsync(Host, { key: '
|
|
26897
|
+
return (hAsync(Host, { key: 'd48d3b150408d5029609fc4c394fa2e16ce668d0', class: {
|
|
26777
26898
|
"ic-tree-item-disabled": disabled,
|
|
26778
26899
|
"ic-tree-item-selected": !disabled && selected,
|
|
26779
26900
|
[`ic-tree-item-${size}`]: size !== "medium",
|
|
@@ -26784,7 +26905,7 @@ class TreeItem {
|
|
|
26784
26905
|
}, tabIndex: disabled ? -1 : 0, onClick: this.handleTreeItemClicked, ref: (el) => (this.treeItemElement = el), "aria-disabled": disabled ? "true" : "false", "aria-live": "polite" }, attrs, { onFocus: () => this.handleDisplayTooltip(true), onBlur: () => this.handleDisplayTooltip(false) }), this.isParent && (hAsync("span", { class: {
|
|
26785
26906
|
["arrow-dropdown"]: true,
|
|
26786
26907
|
["tree-item-expanded"]: expanded,
|
|
26787
|
-
}, "aria-hidden": "true", innerHTML: arrowDropdown })), isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "icon" }))), hAsync("ic-typography", { class: "tree-item-label" }, isSlotUsed(this.el, "label") ? hAsync("slot", { name: "label" }) : label))), expanded && (hAsync("div", { key: '
|
|
26908
|
+
}, "aria-hidden": "true", innerHTML: arrowDropdown })), isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "icon" }))), hAsync("ic-typography", { class: "tree-item-label" }, isSlotUsed(this.el, "label") ? hAsync("slot", { name: "label" }) : label))), expanded && (hAsync("div", { key: 'a1c8e6db2c7e0efc5b1fc99cedfdc42c7dbecb84', "aria-hidden": `${!expanded}` }, hAsync("slot", { key: '174ca023b49f55e9b32d20de5fc468c911e4ec8f' })))));
|
|
26788
26909
|
}
|
|
26789
26910
|
get el() { return getElement(this); }
|
|
26790
26911
|
static get watchers() { return {
|
|
@@ -27141,14 +27262,14 @@ class TreeView {
|
|
|
27141
27262
|
}
|
|
27142
27263
|
render() {
|
|
27143
27264
|
const { heading, isLoaded, size, theme, truncateHeading } = this;
|
|
27144
|
-
return (hAsync(Host, { key: '
|
|
27265
|
+
return (hAsync(Host, { key: 'd2fa56452bc904aedb2b8d484a9508af277223ea', "context-id": this.treeViewId, class: {
|
|
27145
27266
|
[`ic-tree-view-${size}`]: size !== "medium",
|
|
27146
27267
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
27147
27268
|
"ic-tree-view-truncate": truncateHeading,
|
|
27148
|
-
}, onKeyDown: this.handleKeyDown, "aria-label": this.isHeadingDefined() ? heading : null }, this.hasHeadingAreaContent() && (hAsync("div", { key: '
|
|
27269
|
+
}, onKeyDown: this.handleKeyDown, "aria-label": this.isHeadingDefined() ? heading : null }, this.hasHeadingAreaContent() && (hAsync("div", { key: 'd9ea7aeb8c1b4dc42b16167f76aab8c982f9efdf', class: "heading-area-container" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: 'a581b3caf7b103a126573c43e3d3cdadc16cbbd8', class: "icon-container" }, hAsync("slot", { key: 'ac2a55f26ae52f1a068060da5a62a002d53f9086', name: "icon" }))), hAsync("ic-typography", { key: 'f1e7b37d15fcd7a0f41b9525e42860eac73618ff', variant: "subtitle-large", class: {
|
|
27149
27270
|
"tree-view-header": true,
|
|
27150
27271
|
"with-padding": this.truncateHeading && !isLoaded,
|
|
27151
|
-
} }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (heading)))), hAsync("slot", { key: '
|
|
27272
|
+
} }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (heading)))), hAsync("slot", { key: '0a4465186b1e22192380d74640a6e1e070d9679e' })));
|
|
27152
27273
|
}
|
|
27153
27274
|
get el() { return getElement(this); }
|
|
27154
27275
|
static get watchers() { return {
|
|
@@ -27346,7 +27467,7 @@ class Typography {
|
|
|
27346
27467
|
render() {
|
|
27347
27468
|
var _a, _b;
|
|
27348
27469
|
const { variant, applyVerticalMargins, maxLines, truncated, expanded, strikethrough, underline, italic, bold, theme, } = this;
|
|
27349
|
-
return (hAsync(Host, { key: '
|
|
27470
|
+
return (hAsync(Host, { key: 'af405939b9fe0b1d4410d862343471b849e4fdd7', class: {
|
|
27350
27471
|
[`ic-typography-${variant}`]: true,
|
|
27351
27472
|
[`ic-typography-vertical-margins-${variant}`]: !!applyVerticalMargins,
|
|
27352
27473
|
["ic-typography-bold"]: !!bold,
|
|
@@ -27359,7 +27480,7 @@ class Typography {
|
|
|
27359
27480
|
((_b = (_a = this.el.getRootNode()) === null || _a === void 0 ? void 0 : _a.host) === null || _b === void 0 ? void 0 : _b.tagName) ===
|
|
27360
27481
|
"IC-TOOLTIP") &&
|
|
27361
27482
|
maxLines &&
|
|
27362
|
-
maxLines > 0 ? (hAsync("div", { class: "trunc-wrapper", ref: (el) => (this.truncWrapperEl = el) }, hAsync("slot", null))) : (hAsync("slot", null)), variant === "body" && maxLines && maxLines > 0 && truncated && (hAsync("button", { key: '
|
|
27483
|
+
maxLines > 0 ? (hAsync("div", { class: "trunc-wrapper", ref: (el) => (this.truncWrapperEl = el) }, hAsync("slot", null))) : (hAsync("slot", null)), variant === "body" && maxLines && maxLines > 0 && truncated && (hAsync("button", { key: 'ca78a64f9853cbf2d26df99f3c13970ce94de37d', class: { "trunc-btn": true, focus: this.truncButtonFocussed }, onFocus: this.truncButtonFocus, onBlur: this.truncButtonBlur, onMouseDown: this.truncButtonFocusFromMouse, onClick: this.toggleExpanded }, expanded ? "See less" : "See more"))));
|
|
27363
27484
|
}
|
|
27364
27485
|
get el() { return getElement(this); }
|
|
27365
27486
|
static get watchers() { return {
|