@ukic/canary-web-components 3.0.0-canary.15 → 3.0.0-canary.17
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/README.md +20 -1
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/{helpers-d01564f7.js → helpers-6f33d131.js} +31 -33
- package/dist/cjs/helpers-6f33d131.js.map +1 -0
- package/dist/cjs/{helpers-bec0dbd4.js → helpers-e2bbcec9.js} +56 -37
- package/dist/cjs/helpers-e2bbcec9.js.map +1 -0
- package/dist/cjs/ic-accordion-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-alert.cjs.entry.js +63 -36
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +4 -4
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +40 -16
- 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 +3 -3
- package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +32 -7
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-horizontal.cjs.entry.js +1 -1
- package/dist/cjs/ic-card-vertical.cjs.entry.js +6 -6
- package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +4 -4
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox_3.cjs.entry.js +9 -9
- 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-classification-banner.cjs.entry.js +2 -2
- package/dist/cjs/ic-classification-banner.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 +1 -1
- package/dist/cjs/ic-data-table.cjs.entry.js +14 -18
- package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-date-input.cjs.entry.js +1 -1
- package/dist/cjs/ic-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/ic-dialog.cjs.entry.js +3 -3
- package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js +2 -2
- package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +2 -2
- package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +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 +4 -4
- package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +5 -5
- 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_3.cjs.entry.js +9 -9
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +8 -8
- package/dist/cjs/ic-input-label_2.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 +1 -1
- package/dist/cjs/ic-menu-item.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 +13 -13
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +12 -7
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +6 -6
- 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 +63 -61
- 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 +6 -6
- 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 +5 -5
- 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 +10 -3
- 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 +15 -15
- 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-theme.cjs.entry.js +4 -2
- package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
- 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 +4 -4
- package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js +3 -3
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button.cjs.entry.js +4 -4
- 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 +1 -1
- package/dist/cjs/ic-tree-view.cjs.entry.js +7 -6
- package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-typography.cjs.entry.js +4 -4
- package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ic-data-table/ic-data-table.js +13 -17
- package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
- package/dist/collection/components/ic-data-table/story-data.js +8 -7
- package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
- package/dist/collection/components/ic-tree-view/ic-tree-view.js +6 -5
- package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -1
- package/dist/collection/utils/constants.js +40 -1
- package/dist/collection/utils/constants.js.map +1 -1
- package/dist/collection/utils/helpers.js +177 -135
- package/dist/collection/utils/helpers.js.map +1 -1
- package/dist/collection/utils/types.js.map +1 -1
- package/dist/components/helpers.js +55 -37
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/helpers2.js +30 -32
- package/dist/components/helpers2.js.map +1 -1
- package/dist/components/ic-accordion-group.js.map +1 -1
- package/dist/components/ic-accordion.js.map +1 -1
- package/dist/components/ic-alert.js +66 -37
- package/dist/components/ic-alert.js.map +1 -1
- package/dist/components/ic-back-to-top.js +3 -3
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-badge.js +39 -15
- package/dist/components/ic-badge.js.map +1 -1
- package/dist/components/ic-breadcrumb-group.js +2 -2
- package/dist/components/ic-breadcrumb-group.js.map +1 -1
- package/dist/components/ic-breadcrumb2.js +2 -2
- package/dist/components/ic-breadcrumb2.js.map +1 -1
- package/dist/components/ic-button2.js +1 -1
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-card-vertical.js +5 -5
- package/dist/components/ic-card-vertical.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +4 -4
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox2.js +6 -6
- package/dist/components/ic-checkbox2.js.map +1 -1
- package/dist/components/ic-chip.js +3 -3
- package/dist/components/ic-chip.js.map +1 -1
- package/dist/components/ic-classification-banner.js +2 -2
- package/dist/components/ic-classification-banner.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.js +13 -17
- package/dist/components/ic-data-table.js.map +1 -1
- package/dist/components/ic-dialog.js +2 -2
- package/dist/components/ic-dialog.js.map +1 -1
- package/dist/components/ic-divider2.js +2 -2
- package/dist/components/ic-divider2.js.map +1 -1
- package/dist/components/ic-empty-state2.js +2 -2
- 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-group.js.map +1 -1
- package/dist/components/ic-footer-link.js +2 -2
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-footer.js +4 -4
- package/dist/components/ic-footer.js.map +1 -1
- package/dist/components/ic-hero.js +5 -5
- 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 +5 -5
- 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-link2.js +1 -1
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-loading-indicator2.js +3 -3
- package/dist/components/ic-loading-indicator2.js.map +1 -1
- package/dist/components/ic-menu-group.js +1 -1
- package/dist/components/ic-menu-group.js.map +1 -1
- 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 +2 -2
- package/dist/components/ic-navigation-button.js.map +1 -1
- package/dist/components/ic-navigation-group.js +13 -13
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-navigation-item.js +12 -7
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-navigation-menu2.js +6 -6
- package/dist/components/ic-navigation-menu2.js.map +1 -1
- package/dist/components/ic-page-header.js +6 -6
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-pagination-item2.js +2 -2
- package/dist/components/ic-pagination-item2.js.map +1 -1
- package/dist/components/ic-pagination2.js +4 -4
- package/dist/components/ic-pagination2.js.map +1 -1
- package/dist/components/ic-popover-menu.js +4 -4
- 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 +6 -6
- 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 +46 -49
- package/dist/components/ic-select2.js.map +1 -1
- package/dist/components/ic-side-navigation.js +5 -5
- 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 +12 -4
- 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 +3 -3
- 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-text-field2.js +13 -8
- package/dist/components/ic-text-field2.js.map +1 -1
- package/dist/components/ic-theme.js +4 -2
- package/dist/components/ic-theme.js.map +1 -1
- 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 +4 -4
- package/dist/components/ic-toast.js.map +1 -1
- package/dist/components/ic-toggle-button-group.js +2 -2
- package/dist/components/ic-toggle-button-group.js.map +1 -1
- package/dist/components/ic-toggle-button.js +4 -4
- package/dist/components/ic-toggle-button.js.map +1 -1
- package/dist/components/ic-tooltip2.js +30 -2
- 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-view.js +6 -5
- package/dist/components/ic-tree-view.js.map +1 -1
- package/dist/components/ic-typography2.js +3 -3
- package/dist/components/ic-typography2.js.map +1 -1
- package/dist/core/core.css +14 -8
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-00df60bd.entry.js +2 -0
- package/dist/core/p-00df60bd.entry.js.map +1 -0
- package/dist/core/{p-d0768256.entry.js → p-02cee2a0.entry.js} +2 -2
- package/dist/core/{p-d0768256.entry.js.map → p-02cee2a0.entry.js.map} +1 -1
- package/dist/core/{p-5796b6cd.entry.js → p-0725255c.entry.js} +2 -2
- package/dist/core/{p-5796b6cd.entry.js.map → p-0725255c.entry.js.map} +1 -1
- package/dist/core/{p-57c80527.entry.js → p-09472c5e.entry.js} +2 -2
- package/dist/core/{p-57c80527.entry.js.map → p-09472c5e.entry.js.map} +1 -1
- package/dist/core/{p-f5e9c8c8.entry.js → p-0a0b25c5.entry.js} +2 -2
- package/dist/core/{p-a2fcea60.entry.js → p-0e3a62cc.entry.js} +2 -2
- package/dist/core/p-1024726b.entry.js +2 -0
- package/dist/core/p-1024726b.entry.js.map +1 -0
- package/dist/core/{p-60d15d35.entry.js → p-112d96ce.entry.js} +2 -2
- package/dist/core/{p-60d15d35.entry.js.map → p-112d96ce.entry.js.map} +1 -1
- package/dist/core/p-1a76b6b4.entry.js +2 -0
- package/dist/core/p-1a76b6b4.entry.js.map +1 -0
- package/dist/core/{p-9cf7494c.entry.js → p-23665b88.entry.js} +2 -2
- package/dist/core/p-23665b88.entry.js.map +1 -0
- package/dist/core/{p-071f4748.entry.js → p-23ed8b99.entry.js} +2 -2
- package/dist/core/{p-071f4748.entry.js.map → p-23ed8b99.entry.js.map} +1 -1
- package/dist/core/{p-50324682.entry.js → p-27780b85.entry.js} +2 -2
- package/dist/core/{p-50324682.entry.js.map → p-27780b85.entry.js.map} +1 -1
- package/dist/core/p-29f472ab.entry.js +2 -0
- package/dist/core/p-29f472ab.entry.js.map +1 -0
- package/dist/core/p-30bcc30c.entry.js +2 -0
- package/dist/core/{p-cea17764.entry.js.map → p-30bcc30c.entry.js.map} +1 -1
- package/dist/core/{p-d4628704.entry.js → p-315ac907.entry.js} +2 -2
- package/dist/core/{p-d4628704.entry.js.map → p-315ac907.entry.js.map} +1 -1
- package/dist/core/{p-3955fa94.entry.js → p-3a9d2c5c.entry.js} +2 -2
- package/dist/core/{p-3955fa94.entry.js.map → p-3a9d2c5c.entry.js.map} +1 -1
- package/dist/core/{p-d2d6f1eb.entry.js → p-3ddf2dc7.entry.js} +2 -2
- package/dist/core/{p-d2d6f1eb.entry.js.map → p-3ddf2dc7.entry.js.map} +1 -1
- package/dist/core/{p-a88369e1.entry.js → p-3ec9c8c2.entry.js} +2 -2
- package/dist/core/{p-a88369e1.entry.js.map → p-3ec9c8c2.entry.js.map} +1 -1
- package/dist/core/{p-110486f0.entry.js → p-40f2f58e.entry.js} +2 -2
- package/dist/core/{p-110486f0.entry.js.map → p-40f2f58e.entry.js.map} +1 -1
- package/dist/core/p-423c721c.entry.js +2 -0
- package/dist/core/p-423c721c.entry.js.map +1 -0
- package/dist/core/{p-20bd48cf.entry.js → p-45dbbdcb.entry.js} +2 -2
- package/dist/core/p-45dbbdcb.entry.js.map +1 -0
- package/dist/core/{p-19ecd2a6.entry.js → p-4933549f.entry.js} +2 -2
- package/dist/core/p-4b601e06.entry.js +2 -0
- package/dist/core/p-4b601e06.entry.js.map +1 -0
- package/dist/core/{p-fa02a267.entry.js → p-4b6818d9.entry.js} +2 -2
- package/dist/core/{p-fa02a267.entry.js.map → p-4b6818d9.entry.js.map} +1 -1
- package/dist/core/{p-4d39cab8.entry.js → p-4c77e828.entry.js} +2 -2
- package/dist/core/{p-4d39cab8.entry.js.map → p-4c77e828.entry.js.map} +1 -1
- package/dist/core/{p-0616dfbe.entry.js → p-4f2391ec.entry.js} +2 -2
- package/dist/core/{p-0616dfbe.entry.js.map → p-4f2391ec.entry.js.map} +1 -1
- package/dist/core/{p-44ac8f8a.entry.js → p-513619d5.entry.js} +2 -2
- package/dist/core/{p-44ac8f8a.entry.js.map → p-513619d5.entry.js.map} +1 -1
- package/dist/core/p-5aab7bb1.entry.js +2 -0
- package/dist/core/p-5aab7bb1.entry.js.map +1 -0
- package/dist/core/{p-858dd362.entry.js → p-5c363e21.entry.js} +2 -2
- package/dist/core/p-657321ee.entry.js +2 -0
- package/dist/core/p-657321ee.entry.js.map +1 -0
- package/dist/core/{p-6e0f93c5.entry.js → p-661f22bd.entry.js} +2 -2
- package/dist/core/p-661f22bd.entry.js.map +1 -0
- package/dist/core/p-6634052e.entry.js +2 -0
- package/dist/core/p-6634052e.entry.js.map +1 -0
- package/dist/core/{p-73e41eac.entry.js → p-71166167.entry.js} +2 -2
- package/dist/core/{p-73e41eac.entry.js.map → p-71166167.entry.js.map} +1 -1
- package/dist/core/{p-1bbae4b3.entry.js → p-74e0aa60.entry.js} +2 -2
- package/dist/core/{p-1bbae4b3.entry.js.map → p-74e0aa60.entry.js.map} +1 -1
- package/dist/core/{p-af405fc0.entry.js → p-75061bd0.entry.js} +2 -2
- package/dist/core/{p-af405fc0.entry.js.map → p-75061bd0.entry.js.map} +1 -1
- package/dist/core/{p-ce83c802.entry.js → p-7656c88f.entry.js} +2 -2
- package/dist/core/p-7656c88f.entry.js.map +1 -0
- package/dist/core/p-78709ece.entry.js +2 -0
- package/dist/core/p-78709ece.entry.js.map +1 -0
- package/dist/core/p-789f423c.entry.js +2 -0
- package/dist/core/p-789f423c.entry.js.map +1 -0
- package/dist/core/{p-30a5b319.entry.js → p-7c819f45.entry.js} +2 -2
- package/dist/core/{p-30a5b319.entry.js.map → p-7c819f45.entry.js.map} +1 -1
- package/dist/core/p-7d9ab461.entry.js +2 -0
- package/dist/core/p-7d9ab461.entry.js.map +1 -0
- package/dist/core/{p-21193099.entry.js → p-9689784b.entry.js} +2 -2
- package/dist/core/p-9689784b.entry.js.map +1 -0
- package/dist/core/{p-8c5a23b4.entry.js → p-9e4a0c01.entry.js} +2 -2
- package/dist/core/p-9e4a0c01.entry.js.map +1 -0
- package/dist/core/p-aa83f828.entry.js +2 -0
- package/dist/core/p-aa83f828.entry.js.map +1 -0
- package/dist/core/{p-bb9142fe.entry.js → p-af1d6e41.entry.js} +2 -2
- package/dist/core/{p-37df68fe.entry.js → p-b3ac38c5.entry.js} +2 -2
- package/dist/core/{p-37df68fe.entry.js.map → p-b3ac38c5.entry.js.map} +1 -1
- package/dist/core/{p-e4fa4ee5.entry.js → p-b4168d61.entry.js} +2 -2
- package/dist/core/{p-e4fa4ee5.entry.js.map → p-b4168d61.entry.js.map} +1 -1
- package/dist/core/{p-a2671eb0.entry.js → p-ba444517.entry.js} +2 -2
- package/dist/core/{p-a2671eb0.entry.js.map → p-ba444517.entry.js.map} +1 -1
- package/dist/core/{p-e8bb1522.entry.js → p-bcf8c3d9.entry.js} +2 -2
- package/dist/core/{p-e8bb1522.entry.js.map → p-bcf8c3d9.entry.js.map} +1 -1
- package/dist/core/p-bdbd185c.js +2 -0
- package/dist/core/p-bdbd185c.js.map +1 -0
- package/dist/core/{p-401f0043.entry.js → p-bf903faa.entry.js} +2 -2
- package/dist/core/{p-401f0043.entry.js.map → p-bf903faa.entry.js.map} +1 -1
- package/dist/core/{p-857c46c0.entry.js → p-c3ba79d7.entry.js} +2 -2
- package/dist/core/{p-857c46c0.entry.js.map → p-c3ba79d7.entry.js.map} +1 -1
- package/dist/core/p-c7080f8d.entry.js +2 -0
- package/dist/core/p-c7080f8d.entry.js.map +1 -0
- package/dist/core/{p-701696aa.entry.js → p-de43d375.entry.js} +2 -2
- package/dist/core/{p-701696aa.entry.js.map → p-de43d375.entry.js.map} +1 -1
- package/dist/core/p-e01ffbb8.entry.js +2 -0
- package/dist/core/p-e01ffbb8.entry.js.map +1 -0
- package/dist/core/{p-06bf2cea.entry.js → p-e185bfa7.entry.js} +2 -2
- package/dist/core/{p-06bf2cea.entry.js.map → p-e185bfa7.entry.js.map} +1 -1
- package/dist/core/{p-f42ca69f.entry.js → p-e6d3cd31.entry.js} +2 -2
- package/dist/core/{p-f42ca69f.entry.js.map → p-e6d3cd31.entry.js.map} +1 -1
- package/dist/core/{p-39269b62.entry.js → p-eb4add0d.entry.js} +2 -2
- package/dist/core/{p-39269b62.entry.js.map → p-eb4add0d.entry.js.map} +1 -1
- package/dist/core/p-ed542433.js +2 -0
- package/dist/core/p-ed542433.js.map +1 -0
- package/dist/core/{p-50f4d151.entry.js → p-f34eee68.entry.js} +2 -2
- package/dist/core/{p-50f4d151.entry.js.map → p-f34eee68.entry.js.map} +1 -1
- package/dist/core/p-f35d81cb.entry.js +2 -0
- package/dist/core/p-f35d81cb.entry.js.map +1 -0
- package/dist/core/{p-e6779171.entry.js → p-f39cf9b1.entry.js} +2 -2
- package/dist/core/p-f39cf9b1.entry.js.map +1 -0
- package/dist/core/{p-8856dff4.entry.js → p-f815f8c9.entry.js} +2 -2
- package/dist/core/{p-8856dff4.entry.js.map → p-f815f8c9.entry.js.map} +1 -1
- package/dist/core/p-fa08e75c.entry.js +2 -0
- package/dist/core/{p-4e187a11.entry.js.map → p-fa08e75c.entry.js.map} +1 -1
- package/dist/core/{p-91dc6ad3.entry.js → p-fc852e9b.entry.js} +2 -2
- package/dist/core/p-fc852e9b.entry.js.map +1 -0
- package/dist/core/{p-264335c5.entry.js → p-fe85b5b2.entry.js} +2 -2
- package/dist/core/{p-264335c5.entry.js.map → p-fe85b5b2.entry.js.map} +1 -1
- package/dist/esm/core.js +1 -1
- package/dist/esm/{helpers-ddc2008a.js → helpers-0bb68835.js} +31 -33
- package/dist/esm/helpers-0bb68835.js.map +1 -0
- package/dist/esm/{helpers-bf471ace.js → helpers-fb59efa8.js} +56 -38
- package/dist/esm/helpers-fb59efa8.js.map +1 -0
- package/dist/esm/ic-accordion-group.entry.js +1 -1
- package/dist/esm/ic-accordion-group.entry.js.map +1 -1
- package/dist/esm/ic-accordion.entry.js +1 -1
- package/dist/esm/ic-accordion.entry.js.map +1 -1
- package/dist/esm/ic-alert.entry.js +63 -36
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +4 -4
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/ic-badge.entry.js +40 -16
- 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 +3 -3
- package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
- package/dist/esm/ic-button_3.entry.js +32 -7
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card-horizontal.entry.js +1 -1
- package/dist/esm/ic-card-vertical.entry.js +6 -6
- package/dist/esm/ic-card-vertical.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +4 -4
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox_3.entry.js +9 -9
- 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-classification-banner.entry.js +2 -2
- package/dist/esm/ic-classification-banner.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 +1 -1
- package/dist/esm/ic-data-table.entry.js +14 -18
- package/dist/esm/ic-data-table.entry.js.map +1 -1
- package/dist/esm/ic-date-input.entry.js +1 -1
- package/dist/esm/ic-date-picker.entry.js +1 -1
- package/dist/esm/ic-dialog.entry.js +3 -3
- package/dist/esm/ic-dialog.entry.js.map +1 -1
- package/dist/esm/ic-divider.entry.js +2 -2
- package/dist/esm/ic-divider.entry.js.map +1 -1
- package/dist/esm/ic-footer-link-group.entry.js +2 -2
- package/dist/esm/ic-footer-link-group.entry.js.map +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 +4 -4
- package/dist/esm/ic-footer.entry.js.map +1 -1
- package/dist/esm/ic-hero.entry.js +5 -5
- 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_3.entry.js +9 -9
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-input-label_2.entry.js +8 -8
- package/dist/esm/ic-input-label_2.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 +1 -1
- package/dist/esm/ic-menu-item.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 +13 -13
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +12 -7
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +6 -6
- 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 +63 -61
- 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 +6 -6
- 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 +5 -5
- 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 +10 -3
- 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 +15 -15
- 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-theme.entry.js +4 -2
- package/dist/esm/ic-theme.entry.js.map +1 -1
- 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 +4 -4
- package/dist/esm/ic-toast.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button-group.entry.js +3 -3
- package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button.entry.js +4 -4
- 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 +1 -1
- package/dist/esm/ic-tree-view.entry.js +7 -6
- package/dist/esm/ic-tree-view.entry.js.map +1 -1
- package/dist/esm/ic-typography.entry.js +4 -4
- package/dist/esm/ic-typography.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/ic-data-table/ic-data-table.d.ts +0 -1
- package/dist/types/components/ic-data-table/story-data.d.ts +4 -4
- package/dist/types/utils/constants.d.ts +1 -0
- package/dist/types/utils/helpers.d.ts +72 -46
- package/dist/types/utils/types.d.ts +32 -7
- package/hydrate/index.js +496 -390
- package/hydrate/index.mjs +496 -390
- package/package.json +4 -4
- package/dist/cjs/helpers-bec0dbd4.js.map +0 -1
- package/dist/cjs/helpers-d01564f7.js.map +0 -1
- package/dist/core/p-09e8b002.entry.js +0 -2
- package/dist/core/p-09e8b002.entry.js.map +0 -1
- package/dist/core/p-1a2b4803.entry.js +0 -2
- package/dist/core/p-1a2b4803.entry.js.map +0 -1
- package/dist/core/p-1f415138.entry.js +0 -2
- package/dist/core/p-1f415138.entry.js.map +0 -1
- package/dist/core/p-20bd48cf.entry.js.map +0 -1
- package/dist/core/p-21193099.entry.js.map +0 -1
- package/dist/core/p-3244a174.entry.js +0 -2
- package/dist/core/p-3244a174.entry.js.map +0 -1
- package/dist/core/p-3f185257.entry.js +0 -2
- package/dist/core/p-3f185257.entry.js.map +0 -1
- package/dist/core/p-4e187a11.entry.js +0 -2
- package/dist/core/p-59aed40c.entry.js +0 -2
- package/dist/core/p-59aed40c.entry.js.map +0 -1
- package/dist/core/p-65d3a515.entry.js +0 -2
- package/dist/core/p-65d3a515.entry.js.map +0 -1
- package/dist/core/p-6aa1e928.entry.js +0 -2
- package/dist/core/p-6aa1e928.entry.js.map +0 -1
- package/dist/core/p-6e0f93c5.entry.js.map +0 -1
- package/dist/core/p-6f6d793f.entry.js +0 -2
- package/dist/core/p-6f6d793f.entry.js.map +0 -1
- package/dist/core/p-7bbd9fcb.entry.js +0 -2
- package/dist/core/p-7bbd9fcb.entry.js.map +0 -1
- package/dist/core/p-7d054704.js +0 -2
- package/dist/core/p-7d054704.js.map +0 -1
- package/dist/core/p-8c5a23b4.entry.js.map +0 -1
- package/dist/core/p-91dc6ad3.entry.js.map +0 -1
- package/dist/core/p-94427b50.entry.js +0 -2
- package/dist/core/p-94427b50.entry.js.map +0 -1
- package/dist/core/p-9cf7494c.entry.js.map +0 -1
- package/dist/core/p-a5ee9c8d.entry.js +0 -2
- package/dist/core/p-a5ee9c8d.entry.js.map +0 -1
- package/dist/core/p-b953b22f.entry.js +0 -2
- package/dist/core/p-b953b22f.entry.js.map +0 -1
- package/dist/core/p-bfdefe7a.entry.js +0 -2
- package/dist/core/p-bfdefe7a.entry.js.map +0 -1
- package/dist/core/p-c4baa405.entry.js +0 -2
- package/dist/core/p-c4baa405.entry.js.map +0 -1
- package/dist/core/p-cda2a461.entry.js +0 -2
- package/dist/core/p-cda2a461.entry.js.map +0 -1
- package/dist/core/p-ce83c802.entry.js.map +0 -1
- package/dist/core/p-cea17764.entry.js +0 -2
- package/dist/core/p-e246d84b.js +0 -2
- package/dist/core/p-e246d84b.js.map +0 -1
- package/dist/core/p-e6779171.entry.js.map +0 -1
- package/dist/esm/helpers-bf471ace.js.map +0 -1
- package/dist/esm/helpers-ddc2008a.js.map +0 -1
- /package/dist/core/{p-f5e9c8c8.entry.js.map → p-0a0b25c5.entry.js.map} +0 -0
- /package/dist/core/{p-a2fcea60.entry.js.map → p-0e3a62cc.entry.js.map} +0 -0
- /package/dist/core/{p-19ecd2a6.entry.js.map → p-4933549f.entry.js.map} +0 -0
- /package/dist/core/{p-858dd362.entry.js.map → p-5c363e21.entry.js.map} +0 -0
- /package/dist/core/{p-bb9142fe.entry.js.map → p-af1d6e41.entry.js.map} +0 -0
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":["icBadgeCss","IcBadgeStyle0","NAVIGATION_BUTTON","TOP_NAVIGATION","Badge","constructor","hostRef","this","ariaLabel","position","size","theme","type","variant","visible","setBadgeColour","colorRGBA","customColor","convertToRGBA","r","g","b","a","el","style","backgroundColor","foregroundColour","getBrandForegroundAppearance","getLabel","maxNumber","Number","label","setAccessibleLabel","parentEl","parentElement","defaultAriaLabel","isAccessibleLabelDefined","accessibleLabel","tagName","parentAriaLabel","ariaLabelPrefix","setPositionInTopNavigation","_a","parentTopNavEl","classList","contains","isInTopNav","grandparentEl","isPropDefined","accessibleLabelHandler","customColorHandler","variantHandler","visibleHandler","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentWillRender","navBarMenuOpenHandler","navBarMenuCloseHandler","render","h","Host","key","class","id","role","name","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-badge/ic-badge.css?tag=ic-badge&encapsulation=shadow","../web-components/dist/collection/components/ic-badge/ic-badge.js"],"sourcesContent":["@media (prefers-reduced-motion: no-preference) {\n :host(.ic-badge-show) {\n animation: expand var(--ic-transition-duration-slow);\n }\n\n :host(.ic-badge-hide) {\n animation: shrink var(--ic-transition-duration-slow);\n }\n}\n\n:host {\n display: flex;\n height: var(--ic-space-md);\n min-width: var(--ic-space-md);\n width: -moz-fit-content;\n width: fit-content;\n border-radius: calc(2 * var(--ic-space-xxl));\n position: absolute;\n}\n\n:host ic-typography {\n --ic-typography-color: var(--ic-badge-text);\n}\n\n:host(.ic-badge-neutral) {\n background-color: var(--ic-badge-dark) !important;\n}\n\n:host(.ic-badge-light) ic-typography {\n --ic-typography-color: var(--ic-badge-text-monochrome);\n}\n\n:host(.ic-badge-light) ::slotted(*) {\n fill: var(--ic-badge-icon-monochrome);\n}\n\n:host(.ic-badge-info) {\n background-color: var(--ic-badge-info) !important;\n}\n\n:host(.ic-badge-light) {\n background-color: var(--ic-badge-light) !important;\n}\n\n:host(.ic-badge-warning) {\n background-color: var(--ic-badge-warning) !important;\n}\n\n:host(.ic-badge-warning) ic-typography {\n --ic-typography-color: var(--ic-badge-warning-text);\n}\n\n:host(.ic-badge-warning) ::slotted(*) {\n fill: var(--ic-badge-warning-icon);\n}\n\n:host(.ic-badge-error) {\n background-color: var(--ic-badge-error) !important;\n}\n\n:host(.ic-badge-success) {\n background-color: var(--ic-badge-success) !important;\n}\n\n:host(.ic-badge-small) {\n height: var(--ic-space-sm);\n min-width: var(--ic-space-sm);\n}\n\n:host(.ic-badge-large) {\n height: calc(var(--ic-space-md) + var(--ic-space-xxs));\n min-width: calc(var(--ic-space-md) + var(--ic-space-xxs));\n}\n\n:host(.ic-badge-dot.ic-badge-medium) {\n height: var(--ic-space-xs);\n width: var(--ic-space-xs);\n min-width: var(--ic-space-xs);\n}\n\n:host(.ic-badge-dot.ic-badge-small) {\n height: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n width: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n min-width: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n}\n\n:host(.ic-badge-dot.ic-badge-large) {\n height: var(--ic-space-sm);\n width: var(--ic-space-sm);\n min-width: var(--ic-space-sm);\n}\n\n:host ::slotted(*) {\n fill: var(--ic-badge-icon);\n}\n\n:host(.ic-badge-foreground-dark) ::slotted(*) {\n fill: var(--ic-color-text-primary-light);\n}\n\n:host(.ic-badge-foreground-light) ::slotted(*) {\n fill: white;\n}\n\n:host(.ic-badge-foreground-dark) ic-typography {\n --ic-typography-color: var(--ic-color-text-primary-light);\n}\n\n:host(.ic-badge-foreground-light) ic-typography {\n --ic-typography-color: var(--ic-color-primary-text-dark);\n}\n\n:host(.ic-badge-text) ic-typography {\n align-self: center;\n padding: 0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px);\n}\n\n:host(.ic-badge-text.ic-badge-small) ic-typography {\n padding: 0 0.2132rem;\n}\n\n:host(.ic-badge-text.ic-badge-large) ic-typography {\n padding: 0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px);\n}\n\n:host(.ic-badge-icon) ::slotted(svg) {\n width: var(--ic-space-sm);\n height: var(--ic-space-sm);\n padding: var(--ic-space-xxxs);\n}\n\n:host(.ic-badge-icon.ic-badge-small) ::slotted(svg) {\n width: var(--ic-space-xs);\n height: var(--ic-space-xs);\n}\n\n:host(.ic-badge-icon.ic-badge-large) ::slotted(svg) {\n width: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n height: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n padding: calc(var(--ic-space-xxxs) + var(--ic-space-1px));\n}\n\n:host(.ic-badge-far) {\n top: calc(-1 * var(--ic-space-xs));\n right: calc(-1 * var(--ic-space-xs));\n}\n\n:host(.ic-badge-far.ic-badge-small),\n:host(.ic-badge-dot.ic-badge-far.ic-badge-large) {\n top: calc(-1 * var(--ic-space-xxs));\n right: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.ic-badge-dot.ic-badge-far),\n:host(.ic-badge-dot.ic-badge-far.ic-badge-small) {\n top: calc(-1 * var(--ic-space-xxxs));\n right: calc(-1 * var(--ic-space-xxxs));\n}\n\n:host(.ic-badge-near) {\n top: calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));\n right: calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));\n}\n\n:host(.ic-badge-dot.ic-badge-near) {\n top: calc(-1 * var(--ic-space-1px));\n right: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.ic-badge-inline) {\n position: static;\n}\n\n:host(.ic-badge-hide) {\n visibility: hidden !important;\n transition: visibility var(--ic-transition-duration-slow);\n}\n\n.sr-only {\n position: absolute;\n left: -9999px;\n}\n\n.sr-only:dir(rtl) {\n right: -9999px;\n}\n\n@keyframes expand {\n from {\n opacity: 0;\n transform: scale(0);\n }\n\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes shrink {\n from {\n opacity: 1;\n transform: scale(1);\n }\n\n to {\n opacity: 0;\n transform: scale(0);\n }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { convertToRGBA, getBrandForegroundAppearance, isPropDefined, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nconst NAVIGATION_BUTTON = \"IC-NAVIGATION-BUTTON\";\nconst TOP_NAVIGATION = \"IC-TOP-NAVIGATION\";\n/**\n * @slot badge-icon - Icon will be rendered inside the badge if type is set to icon.\n */\nexport class Badge {\n constructor() {\n this.ariaLabel = null;\n /**\n * The positioning of the badge in reference to the parent element.\n */\n this.position = \"far\";\n /**\n * The size of the badge to be displayed.\n */\n this.size = \"medium\";\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n this.theme = \"inherit\";\n /**\n * The type of badge to be displayed.\n */\n this.type = \"text\";\n /**\n * The variant of the badge to be displayed.\n */\n this.variant = \"neutral\";\n /**\n * If `true`, the badge will be displayed.\n */\n this.visible = true;\n this.setBadgeColour = () => {\n const colorRGBA = this.customColor ? convertToRGBA(this.customColor) : null;\n if (colorRGBA) {\n const { r, g, b, a } = colorRGBA;\n this.el.style.backgroundColor = `rgba(${r}, ${g}, ${b}, ${a})`;\n this.foregroundColour = getBrandForegroundAppearance((r * 299 + g * 587 + b * 114) / 1000);\n }\n };\n this.getLabel = () => this.maxNumber && Number(this.label) > this.maxNumber\n ? `${this.maxNumber}+`\n : this.label;\n // Set aria-label on badge and / or parent element\n // Aria-describedby seems to not work, probably due to shadow DOM\n this.setAccessibleLabel = () => {\n const parentEl = this.el.parentElement;\n const defaultAriaLabel = this.isAccessibleLabelDefined()\n ? this.accessibleLabel\n : this.label || \"with badge being displayed\";\n if (parentEl) {\n const { tagName } = parentEl;\n if (tagName !== \"IC-CARD\" &&\n (tagName !== \"IC-TAB\" || (tagName === \"IC-TAB\" && this.parentAriaLabel))) {\n const ariaLabelPrefix = this.parentAriaLabel\n ? `${this.parentAriaLabel} ,`\n : \"\";\n parentEl.ariaLabel = this.visible\n ? `${ariaLabelPrefix} ${defaultAriaLabel}`\n : null;\n }\n else {\n this.ariaLabel = `, ${defaultAriaLabel}`;\n }\n }\n };\n this.setPositionInTopNavigation = () => {\n var _a;\n const parentTopNavEl = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;\n (parentTopNavEl === null || parentTopNavEl === void 0 ? void 0 : parentTopNavEl.classList.contains(\"mobile-mode\"))\n ? (this.position = \"inline\")\n : (this.position = \"near\");\n };\n this.isInTopNav = () => {\n const parentEl = this.el.parentElement;\n if (parentEl) {\n const grandparentEl = parentEl === null || parentEl === void 0 ? void 0 : parentEl.parentElement;\n return ((parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === NAVIGATION_BUTTON &&\n (grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === TOP_NAVIGATION);\n }\n return false;\n };\n this.isAccessibleLabelDefined = () => isPropDefined(this.accessibleLabel) && this.accessibleLabel !== null;\n }\n accessibleLabelHandler() {\n this.setAccessibleLabel();\n }\n customColorHandler() {\n this.variant === \"custom\" && this.setBadgeColour();\n }\n variantHandler() {\n if (this.variant === \"custom\") {\n this.setBadgeColour();\n }\n }\n visibleHandler() {\n this.setAccessibleLabel();\n }\n componentWillLoad() {\n var _a;\n this.variant === \"custom\" && this.setBadgeColour();\n const ariaLabel = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.ariaLabel;\n if (ariaLabel)\n this.parentAriaLabel = ariaLabel;\n this.setAccessibleLabel();\n }\n componentDidLoad() {\n this.type === \"text\" &&\n onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Badge\");\n }\n componentWillRender() {\n this.isInTopNav() && this.setPositionInTopNavigation();\n }\n navBarMenuOpenHandler() {\n this.isInTopNav() && (this.position = \"inline\");\n }\n navBarMenuCloseHandler() {\n this.isInTopNav() && (this.position = \"near\");\n }\n render() {\n const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, theme, } = this;\n return (h(Host, { key: '26e06624cc8ed1a263175e7c037413ce8b69827c', class: {\n [`ic-badge-${position}`]: true,\n [`ic-badge-${size}`]: true,\n [`ic-badge-${variant}`]: true,\n [`ic-badge-${type}`]: true,\n [`ic-badge-foreground-${foregroundColour}`]: foregroundColour !== null && variant === \"custom\",\n [`${visible ? \"ic-badge-show\" : \"ic-badge-hide\"}`]: true,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }, id: el.id || null, \"aria-label\": ariaLabel, role: \"status\" }, type === \"icon\" && h(\"slot\", { key: 'f646ef81ef5a7e7955d59f5497ed268a6a44ed87', name: \"badge-icon\" }), type === \"text\" && label && (h(\"ic-typography\", { key: 'd8b61345c30c6efcf7111684996b2a52ed611d97', variant: size === \"small\" ? \"badge-small\" : \"badge\" }, getLabel())), type === \"dot\" && h(\"span\", { key: 'a50bb809ae2088b20064f006e3917cc16c052038', class: \"sr-only\" }, \"badge\")));\n }\n static get is() { return \"ic-badge\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-badge.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-badge.css\"]\n };\n }\n static get properties() {\n return {\n \"accessibleLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The accessible label of the badge component to provide context for screen reader users.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"accessible-label\",\n \"reflect\": false\n },\n \"customColor\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcColor\",\n \"resolved\": \"`#${string}` | `rgb(${string})` | `rgba(${string})` | undefined\",\n \"references\": {\n \"IcColor\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcColor\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The custom badge colour. This will only style the badge component if variant=\\\"custom\\\".\\nCan be a hex value e.g. \\\"#ff0000\\\", RGB e.g. \\\"rgb(255, 0, 0)\\\", or RGBA e.g. \\\"rgba(255, 0, 0, 1)\\\".\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"custom-color\",\n \"reflect\": false\n },\n \"maxNumber\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The maximum number shown on the badge appended with a +.\\nThis will only be displayed if type=\\\"text\\\" and label is not empty.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"max-number\",\n \"reflect\": false\n },\n \"position\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcBadgePositions\",\n \"resolved\": \"\\\"far\\\" | \\\"inline\\\" | \\\"near\\\" | undefined\",\n \"references\": {\n \"IcBadgePositions\": {\n \"location\": \"import\",\n \"path\": \"./ic-badge.types\",\n \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcBadgePositions\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The positioning of the badge in reference to the parent element.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"position\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"far\\\"\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\n \"references\": {\n \"IcSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the badge to be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"medium\\\"\"\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The text displayed in the badge. This will only be displayed if type=\\\"text\\\".\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcBadgeTypes\",\n \"resolved\": \"\\\"dot\\\" | \\\"icon\\\" | \\\"text\\\" | undefined\",\n \"references\": {\n \"IcBadgeTypes\": {\n \"location\": \"import\",\n \"path\": \"./ic-badge.types\",\n \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcBadgeTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The type of badge to be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"text\\\"\"\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcBadgeVariants\",\n \"resolved\": \"\\\"custom\\\" | \\\"error\\\" | \\\"info\\\" | \\\"light\\\" | \\\"neutral\\\" | \\\"success\\\" | \\\"warning\\\" | undefined\",\n \"references\": {\n \"IcBadgeVariants\": {\n \"location\": \"import\",\n \"path\": \"./ic-badge.types\",\n \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcBadgeVariants\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The variant of the badge to be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"variant\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"neutral\\\"\"\n },\n \"visible\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the badge will be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"visible\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"accessibleLabel\",\n \"methodName\": \"accessibleLabelHandler\"\n }, {\n \"propName\": \"customColor\",\n \"methodName\": \"customColorHandler\"\n }, {\n \"propName\": \"variant\",\n \"methodName\": \"variantHandler\"\n }, {\n \"propName\": \"visible\",\n \"methodName\": \"visibleHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"icNavigationMenuOpened\",\n \"method\": \"navBarMenuOpenHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"icNavigationMenuClosed\",\n \"method\": \"navBarMenuCloseHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-badge.js.map\n"],"mappings":"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","ignoreList":[]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":["icAccordionCss","IcAccordionStyle0","accordionIds","Accordion","constructor","hostRef","this","accordionId","CONTENT_VISIBILITY_PROPERTY","disabled","expanded","heading","message","size","theme","toggleExpanded","accordionClicked","emit","id","setAccordionAnimation","el","duration","property","delay","style","transitionDuration","transitionProperty","transitionDelay","setExpandedContentStyle","ev","expandedContent","propertyName","clientHeight","classList","add","height","hideExpandedContent","setProperty","animateExpandedContent","expandedContentEl","elementHeight","scrollHeight","addEventListener","e","remove","watchDisabledHandler","removeDisabledFalse","handleExpandedWatch","setFocus","_a","accordionBtnHeading","focus","componentWillLoad","disconnectedCallback","removeEventListener","componentDidLoad","render","h","Host","key","class","ref","tabindex","onClick","isSlotUsed","name","variant","innerHTML","chevronIcon","role"],"sources":["../web-components/dist/collection/components/ic-accordion/ic-accordion.css?tag=ic-accordion&encapsulation=shadow","../web-components/dist/collection/components/ic-accordion/ic-accordion.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host {\n display: block;\n border-bottom: var(--ic-space-1px) solid var(--ic-accordion-divider);\n}\n\n:host .expand-chevron {\n color: var(--ic-accordion-chevron);\n}\n\n:host(.ic-accordion-disabled) .expand-chevron {\n color: var(--ic-accordion-chevron-disabled);\n}\n\n.section-button.small {\n padding: var(--ic-space-xxs) var(--ic-space-xs);\n}\n\n.section-button.large {\n padding: var(--ic-space-sm) var(--ic-space-xs);\n}\n\n:host(:first-of-type) {\n border-top: var(--ic-space-1px) solid var(--ic-accordion-divider);\n}\n\n:focus {\n outline: none;\n}\n\n.section-button {\n background-color: transparent;\n display: flex;\n align-items: center;\n width: 100%;\n padding: var(--ic-space-xs);\n font-weight: var(--ic-font-weight-bold);\n border: none;\n}\n\n.section-header {\n --ic-typography-color: var(--ic-accordion-heading-text);\n color: var(--ic-accordion-heading-text);\n text-align: left;\n flex: 1 0;\n}\n\n:host(.ic-accordion-disabled) .section-header {\n --ic-typography-color: var(--ic-accordion-heading-text-disabled);\n color: var(--ic-accordion-heading-text-disabled);\n}\n\nbutton:hover {\n background-color: var(--ic-accordion-background-hover);\n cursor: pointer;\n}\n\nbutton:active {\n background-color: var(--ic-accordion-background-pressed);\n}\n\nbutton:focus {\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n transition: var(--ic-transition-duration-fast);\n}\n\nbutton:disabled {\n pointer-events: none;\n}\n\n.icon-container {\n margin: 0 var(--ic-space-xs) 0 0;\n display: flex;\n align-items: center;\n width: var(--ic-space-lg);\n height: var(--ic-space-lg);\n color: var(--ic-accordion-icon);\n}\n\n:host(.ic-accordion-disabled) .icon-container {\n color: var(--ic-accordion-icon-disabled);\n}\n\n::slotted(svg) {\n width: var(--ic-space-md);\n height: var(--ic-space-md);\n}\n\n.expand-chevron {\n width: var(--ic-space-lg);\n height: var(--ic-space-lg);\n margin-left: calc(var(--ic-space-xl) + var(--ic-space-xs));\n transform: rotate(90deg);\n justify-self: end;\n}\n\n.content-expanded-chevron {\n transform: rotate(-90deg);\n}\n\n.expanded-content {\n --ic-typography-color: var(--ic-accordion-body-text);\n color: var(--ic-accordion-body-text);\n height: 0;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n visibility: var(--ic-expanded-content-visibility, hidden);\n}\n\n.expanded-content-inner {\n padding: var(--ic-space-xs);\n}\n\n.expanded-content-opened {\n overflow: visible;\n}\n\n@media (forced-colors: active) {\n button:focus {\n border: var(--ic-border-hc) !important;\n }\n}\n","import { h, Host, } from \"@stencil/core\";\nimport { isSlotUsed, removeDisabledFalse } from \"../../utils/helpers\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\nlet accordionIds = 0;\n/**\n * @slot heading - Content is placed as the accordion heading.\n * @slot icon - Content is placed to the left of the heading.\n */\nexport class Accordion {\n constructor() {\n this.accordionId = `ic-accordion-${accordionIds++}`;\n this.CONTENT_VISIBILITY_PROPERTY = \"--ic-expanded-content-visibility\";\n /**\n * If `true`, the accordion will be disabled.\n */\n this.disabled = false;\n /**\n * If `true`, the accordion appears expanded.\n */\n this.expanded = false;\n /**\n * The section header outlining section content.\n */\n this.heading = \"\";\n /**\n * The main body message of the accordion.\n */\n this.message = \"\";\n /**\n * The size of the accordion.\n */\n this.size = \"medium\";\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n this.theme = \"inherit\";\n this.toggleExpanded = () => {\n this.expanded = !this.expanded;\n this.accordionClicked.emit({ id: this.accordionId });\n };\n // Set accordion animation\n this.setAccordionAnimation = (el, duration, property, delay) => {\n el.style.transitionDuration = `${duration}ms`;\n el.style.transitionProperty = property;\n el.style.transitionDelay = delay;\n };\n this.setExpandedContentStyle = (ev, expandedContent) => {\n if (ev.propertyName === \"height\" && expandedContent.clientHeight > 0) {\n expandedContent.classList.add(\"expanded-content-opened\");\n expandedContent.style.height = \"auto\";\n }\n };\n this.hideExpandedContent = (ev, expandedContent) => {\n if (ev.propertyName === \"height\" && expandedContent.clientHeight === 0) {\n expandedContent.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY, \"hidden\");\n }\n };\n this.animateExpandedContent = () => {\n if (this.expandedContentEl) {\n const expandedContentEl = this.expandedContentEl;\n const elementHeight = expandedContentEl.scrollHeight;\n if (elementHeight > 0 && this.expanded) {\n expandedContentEl.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY, \"visible\");\n expandedContentEl.style.height = `${elementHeight}px`;\n this.setAccordionAnimation(expandedContentEl, \"300\", \"height\", \"ease-out\");\n expandedContentEl.addEventListener(\"transitionend\", (e) => {\n this.setExpandedContentStyle(e, expandedContentEl);\n });\n }\n else if (!this.expanded) {\n const expandedContentEl = this.expandedContentEl;\n expandedContentEl.style.height = `${expandedContentEl.scrollHeight}px`;\n if (expandedContentEl.scrollHeight > 0 && !this.expanded) {\n expandedContentEl.style.height = \"0\";\n this.setAccordionAnimation(expandedContentEl, \"300\", \"height\", \"ease-in\");\n expandedContentEl.classList.remove(\"expanded-content-opened\");\n }\n expandedContentEl.addEventListener(\"transitionend\", (e) => {\n this.hideExpandedContent(e, expandedContentEl);\n });\n }\n }\n };\n }\n watchDisabledHandler() {\n removeDisabledFalse(this.disabled, this.el);\n }\n // Every time expanded is set via toggleExpanded or accordionGroup, animate to open or close\n handleExpandedWatch() {\n this.animateExpandedContent();\n }\n /**\n * Sets focus on accordion heading.\n */\n async setFocus() {\n var _a;\n (_a = this.accordionBtnHeading) === null || _a === void 0 ? void 0 : _a.focus();\n }\n componentWillLoad() {\n removeDisabledFalse(this.disabled, this.el);\n }\n disconnectedCallback() {\n const expandedContentEl = this.expandedContentEl;\n if (expandedContentEl) {\n expandedContentEl.removeEventListener(\"transitionend\", (e) => this.setExpandedContentStyle(e, expandedContentEl), true);\n expandedContentEl.removeEventListener(\"transitionend\", (e) => this.hideExpandedContent(e, expandedContentEl), true);\n }\n }\n componentDidLoad() {\n // So accordion opens by default if expanded set to true\n if (this.expanded && this.expandedContentEl) {\n this.expandedContentEl.style.height = \"auto\";\n this.expandedContentEl.style.setProperty(this.CONTENT_VISIBILITY_PROPERTY, \"visible\");\n }\n }\n render() {\n const { size, disabled, expanded, theme } = this;\n return (h(Host, { key: '1af99baa1066daa75be1af7329ed0a79a6a7f3cf', id: this.accordionId, class: {\n [\"ic-accordion-disabled\"]: !!disabled,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }, \"aria-disabled\": disabled ? \"true\" : \"false\" }, h(\"button\", { key: '95695d5beebac9e84bc55159d8602182698ece75', ref: (el) => (this.accordionBtnHeading = el), id: `${this.accordionId}-button`, disabled: disabled, tabindex: disabled ? -1 : 0, class: {\n [`${size}`]: true,\n [\"section-button\"]: true,\n [\"section-button-open\"]: !!expanded && !disabled,\n }, \"aria-expanded\": `${expanded}`, \"aria-controls\": \"expanded-content-area\", onClick: this.toggleExpanded }, isSlotUsed(this.el, \"icon\") && (h(\"div\", { key: '274fc2d72fefc6b7f52e4c11fb0dec81055aeb1e', class: \"icon-container\" }, h(\"slot\", { key: 'b8fb45c64beba9a319776080ea7b764aa4a0b9db', name: \"icon\" }))), h(\"ic-typography\", { key: 'c0ca1e3a7f4a8cb7b05a3892eec1db728162db91', variant: \"subtitle-large\", class: \"section-header\" }, isSlotUsed(this.el, \"heading\") ? (h(\"slot\", { name: \"heading\" })) : (this.heading)), h(\"span\", { key: 'c8a70311d3d99114ff1f75c63dbbbbf1077e59c7', class: {\n [\"expand-chevron\"]: true,\n [\"content-expanded-chevron\"]: !!expanded && !disabled,\n }, \"aria-hidden\": \"true\", innerHTML: chevronIcon })), h(\"div\", { key: '2bbae7f78c0a88f767c64fa0849c6c13bd998128', class: {\n [\"expanded-content\"]: true,\n }, \"aria-labelledby\": `${this.accordionId}-button`, role: \"region\", \"aria-hidden\": `${!expanded}`, id: \"expanded-content-area\", ref: (el) => (this.expandedContentEl = el) }, h(\"div\", { key: '49f53a7ceb1a9a13f50542e93445bacd7d9d9a1e', class: \"expanded-content-inner\" }, this.message ? (h(\"ic-typography\", { variant: \"body\" }, this.message)) : (h(\"slot\", null))))));\n }\n static get is() { return \"ic-accordion\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-accordion.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-accordion.css\"]\n };\n }\n static get properties() {\n return {\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the accordion will be disabled.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"expanded\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the accordion appears expanded.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"expanded\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"heading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The section header outlining section content.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"heading\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"message\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The main body message of the accordion.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"message\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\n \"references\": {\n \"IcSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the accordion.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"medium\\\"\"\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"accordionClicked\",\n \"name\": \"accordionClicked\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Emitted when accordion is clicked.\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"{ id: string }\",\n \"resolved\": \"{ id: string; }\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"setFocus\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Sets focus on accordion heading.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"disabled\",\n \"methodName\": \"watchDisabledHandler\"\n }, {\n \"propName\": \"expanded\",\n \"methodName\": \"handleExpandedWatch\"\n }];\n }\n}\n//# sourceMappingURL=ic-accordion.js.map\n"],"mappings":"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","ignoreList":[]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":["icDividerCss","IcDividerStyle0","Divider","constructor","hostRef","this","foregroundColor","getBrandForegroundAppearance","borderStyle","labelPlacement","monochrome","orientation","theme","weight","brandChangeHandler","ev","detail","mode","updateMonochromeState","_a","parentEl","el","parentElement","isBottomSideNav","classList","contains","isBottomWrapper","tagName","add","componentWillRender","render","label","invalidPropCombination","placement","console","error","charAt","toUpperCase","slice","getTypographyVariant","renderLabel","slotHasContent","h","class","name","isPropDefined","variant","Host","Object","assign","role"],"sources":["../web-components/dist/collection/components/ic-divider/ic-divider.css?tag=ic-divider&encapsulation=scoped","../web-components/dist/collection/components/ic-divider/ic-divider.js"],"sourcesContent":["/**\n * @prop --ic-divider-vertical-height: The height of a vertical divider. The default value is `inherit`. \n */\n/**\n * @prop --ic-divider-horizontal-width: The width of a horizontal divider. The default value is `inherit`.\n */\n/**\n * @prop --ic-divider-label-width: The max-width of the divider label. When orientation is set to `horizontal`, the default value is `max(20rem, 60%)`. When orientation is set to `vertical`, the default value is `20 rem`.\n */\n\n/* IC-DIVIDER COLORS */\n/**\n * @internal @prop --ic-divider-background\n */\n/**\n * @internal @prop --ic-divider-background-monochrome\n */\n/**\n * @internal @prop --ic-divider-label\n */\n/**\n * @internal @prop --ic-divider-label-monochrome\n */\n\n/* Horizontal Divider */\n:host(.ic-divider-horizontal) {\n display: flex;\n width: var(--ic-divider-horizontal-width, 100%);\n align-items: center;\n -moz-column-gap: var(--ic-space-xxs);\n column-gap: var(--ic-space-xxs);\n}\n\nhr {\n padding: 0;\n margin: 0;\n border: none;\n border-bottom: solid var(--ic-space-1px) var(--ic-divider-background);\n width: inherit;\n}\n\n:host(.ic-divider-horizontal)::before,\n:host(.ic-divider-horizontal)::after {\n border-left: none !important;\n}\n\n:host(.ic-divider-horizontal[label-placement=\"right\"])::before,\n:host(.ic-divider-horizontal[label-placement=\"center\"])::before,\n:host(.ic-divider-horizontal[label-placement=\"left\"])::after,\n:host(.ic-divider-horizontal[label-placement=\"center\"])::after {\n content: \"\";\n border: none;\n width: 100%;\n}\n\n/* Vertical Divider */\n:host(.ic-divider-vertical) {\n display: flex;\n flex-direction: column;\n height: var(--ic-divider-vertical-height, inherit);\n width: -moz-max-content;\n width: max-content;\n align-items: center;\n -moz-column-gap: var(--ic-space-xxs);\n column-gap: var(--ic-space-xxs);\n border: none;\n}\n\n:host(.ic-divider-vertical) div.vertical-divider {\n display: flex;\n height: inherit;\n}\n\n:host(.ic-divider-vertical[label-placement=\"bottom\"])::before,\n:host(.ic-divider-vertical[label-placement=\"center\"])::before,\n:host(.ic-divider-vertical[label-placement=\"top\"])::after,\n:host(.ic-divider-vertical[label-placement=\"center\"])::after {\n content: \"\";\n height: 100%;\n}\n\n/* Theme */\nhr,\n:host(.ic-divider-horizontal)[label-placement=\"right\"]::before,\n:host(.ic-divider-horizontal[label-placement=\"center\"])::before,\n:host(.ic-divider-horizontal[label-placement=\"left\"])::after,\n:host(.ic-divider-horizontal[label-placement=\"center\"])::after {\n border-bottom: solid var(--ic-space-1px) var(--ic-divider-background);\n}\n\n:host(.ic-divider-monochrome) hr,\n:host(.ic-divider-monochrome.ic-divider-horizontal)[label-placement=\"right\"]::before,\n:host(.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"center\"])::before,\n:host(.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"left\"])::after,\n:host(.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"center\"])::after {\n border-bottom-color: var(--ic-divider-background-monochrome);\n}\n\n:host() div.vertical-divider,\n:host(.ic-divider-vertical[label-placement=\"bottom\"])::before,\n:host(.ic-divider-vertical[label-placement=\"center\"])::before,\n:host(.ic-divider-vertical[label-placement=\"top\"])::after,\n:host(.ic-divider-vertical[label-placement=\"center\"])::after {\n border-left: solid var(--ic-space-1px) var(--ic-divider-background);\n}\n\n:host(.ic-divider-monochrome) div.vertical-divider,\n:host(.ic-divider-monochrome.ic-divider-vertical[label-placement=\"bottom\"])::before,\n:host(.ic-divider-monochrome.ic-divider-vertical[label-placement=\"center\"])::before,\n:host(.ic-divider-monochrome.ic-divider-vertical[label-placement=\"top\"])::after,\n:host(.ic-divider-monochrome.ic-divider-vertical[label-placement=\"center\"])::after {\n border-left-color: var(--ic-divider-background-monochrome);\n}\n\n/* Divider in ic-side-navigation */\n:host(.ic-side-navigation-keyline.ic-theme-dark) {\n --ic-side-navigation-keyline: var(--ic-state-layer-lighten-20);\n}\n\n:host(.ic-side-navigation-keyline.ic-theme-light) {\n --ic-side-navigation-keyline: var(--ic-state-layer-darken-20);\n}\n\n:host(.ic-side-navigation-keyline.ic-theme-dark) hr,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal)[label-placement=\"right\"]::before,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"center\"])::before,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"left\"])::after,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"center\"])::after {\n border-bottom-color: var(--ic-side-navigation-keyline);\n}\n\n:host(.ic-side-navigation-keyline.ic-theme-dark) div.vertical-divider,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"bottom\"])::before,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"center\"])::before,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"top\"])::after,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"center\"])::after {\n border-left-color: var(--ic-side-navigation-keyline);\n}\n\n:host(.ic-side-navigation-keyline.ic-theme-light) hr,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal)[label-placement=\"right\"]::before,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"center\"])::before,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"left\"])::after,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"center\"])::after {\n border-bottom-color: var(--ic-side-navigation-keyline);\n}\n\n:host(.ic-side-navigation-keyline.ic-theme-light) div.vertical-divider,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"bottom\"])::before,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"center\"])::before,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"top\"])::after,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"center\"])::after {\n border-left-color: var(--ic-divider-background-monochrome);\n}\n\n/* Weight */\n:host(.ic-divider-very-thick) hr,\n:host(.ic-divider-very-thick[label-placement=\"right\"])::before,\n:host(.ic-divider-very-thick[label-placement=\"center\"])::before,\n:host(.ic-divider-very-thick[label-placement=\"left\"])::after,\n:host(.ic-divider-very-thick[label-placement=\"center\"])::after {\n border-bottom-width: var(--ic-space-xs);\n}\n\n:host(.ic-divider-very-thick) .vertical-divider,\n:host(.ic-divider-very-thick[label-placement=\"bottom\"])::before,\n:host(.ic-divider-very-thick[label-placement=\"center\"])::before,\n:host(.ic-divider-very-thick[label-placement=\"top\"])::after,\n:host(.ic-divider-very-thick[label-placement=\"center\"])::after {\n border-left-width: var(--ic-space-xs);\n}\n\n:host(.ic-divider-thick) hr,\n:host(.ic-divider-thick[label-placement=\"right\"])::before,\n:host(.ic-divider-thick[label-placement=\"center\"])::before,\n:host(.ic-divider-thick[label-placement=\"left\"])::after,\n:host(.ic-divider-thick[label-placement=\"center\"])::after {\n border-bottom-width: var(--ic-space-xxs);\n}\n\n:host(.ic-divider-thick) .vertical-divider,\n:host(.ic-divider-thick[label-placement=\"bottom\"])::before,\n:host(.ic-divider-thick[label-placement=\"center\"])::before,\n:host(.ic-divider-thick[label-placement=\"top\"])::after,\n:host(.ic-divider-thick[label-placement=\"center\"])::after {\n border-left-width: var(--ic-space-xxs);\n}\n\n:host(.ic-divider-medium) hr,\n:host(.ic-divider-medium[label-placement=\"right\"])::before,\n:host(.ic-divider-medium[label-placement=\"center\"])::before,\n:host(.ic-divider-medium[label-placement=\"left\"])::after,\n:host(.ic-divider-medium[label-placement=\"center\"])::after {\n border-bottom-width: var(--ic-space-xxxs);\n}\n\n:host(.ic-divider-medium) .vertical-divider,\n:host(.ic-divider-medium[label-placement=\"bottom\"])::before,\n:host(.ic-divider-medium[label-placement=\"center\"])::before,\n:host(.ic-divider-medium[label-placement=\"top\"])::after,\n:host(.ic-divider-medium[label-placement=\"center\"])::after {\n border-left-width: var(--ic-space-xxxs);\n}\n\n:host(.ic-divider-thin) hr,\n:host(.ic-divider-thin[label-placement=\"right\"])::before,\n:host(.ic-divider-thin[label-placement=\"center\"])::before,\n:host(.ic-divider-thin[label-placement=\"left\"])::after,\n:host(.ic-divider-thin[label-placement=\"center\"])::after {\n border-bottom-width: var(--ic-space-1px);\n}\n\n:host(.ic-divider-thin) .vertical-divider,\n:host(.ic-divider-thin[label-placement=\"bottom\"])::before,\n:host(.ic-divider-thin.ic-divider-vertical[label-placement=\"center\"])::before,\n:host(.ic-divider-thin[label-placement=\"top\"])::after,\n:host(.ic-divider-thin.ic-divider-vertical[label-placement=\"center\"])::after {\n border-left-width: var(--ic-space-1px);\n}\n\n/* Border styling */\n:host(.ic-divider-dashed) hr,\n:host(.ic-divider-dashed[label-placement=\"right\"])::before,\n:host(.ic-divider-dashed[label-placement=\"center\"])::before,\n:host(.ic-divider-dashed[label-placement=\"left\"])::after,\n:host(.ic-divider-dashed[label-placement=\"center\"])::after {\n border-bottom-style: dashed;\n}\n\n:host(.ic-divider-dashed) .vertical-divider,\n:host(.ic-divider-dashed[label-placement=\"bottom\"])::before,\n:host(.ic-divider-dashed[label-placement=\"center\"])::before,\n:host(.ic-divider-dashed[label-placement=\"top\"])::after,\n:host(.ic-divider-dashed[label-placement=\"center\"])::after {\n border-left-style: dashed;\n}\n\n/* Label styling */\n:host() .ic-divider-label {\n text-wrap: wrap;\n text-align: left;\n width: -moz-max-content;\n width: max-content;\n max-width: var(--ic-divider-label-width, max(20rem, 60%));\n}\n\n:host(.ic-divider-horizontal[label-placement=\"center\"]) .ic-divider-label {\n text-align: center;\n}\n\n:host(.ic-divider-vertical) .ic-divider-label {\n text-align: center;\n}\n\n:host() .ic-divider-label-container {\n width: -moz-max-content;\n width: max-content;\n max-width: var(--ic-divider-label-width, max(20rem, 60%));\n}\n\n:host(.ic-divider-vertical) .ic-divider-label {\n max-width: var(--ic-divider-label-width, 20rem);\n}\n\n:host(.ic-divider-vertical) .ic-divider-label-container {\n max-width: var(--ic-divider-label-width, 20rem);\n}\n\n:host() .ic-divider-label p {\n width: -moz-max-content;\n width: max-content;\n max-width: 100%;\n}\n\n:host() .ic-divider-label,\n:host() ::slotted(*) {\n color: var(--ic-divider-label);\n}\n\n:host(.ic-divider-monochrome) .ic-divider-label,\n:host(.ic-divider-monochrome) ::slotted(*) {\n color: var(--ic-divider-label-monochrome);\n}\n\n/* High contrast */\n@media (forced-colors: active) {\n hr,\n :host(.ic-divider-horizontal[label-placement=\"right\"])::before,\n :host(.ic-divider-horizontal[label-placement=\"center\"])::before,\n :host(.ic-divider-horizontal[label-placement=\"left\"])::after,\n :host(.ic-divider-horizontal[label-placement=\"center\"])::after {\n border-bottom-color: transparent;\n }\n\n :host() div.vertical-divider,\n :host(.ic-divider-vertical[label-placement=\"bottom\"])::before,\n :host(.ic-divider-vertical[label-placement=\"center\"])::before,\n :host(.ic-divider-vertical[label-placement=\"top\"])::after,\n :host(.ic-divider-vertical[label-placement=\"center\"])::after {\n border-left-color: transparent;\n }\n}\n","import { h, Host, } from \"@stencil/core\";\nimport { getBrandForegroundAppearance, isPropDefined, slotHasContent, } from \"../../utils/helpers\";\nexport class Divider {\n constructor() {\n this.foregroundColor = getBrandForegroundAppearance();\n /**\n * The line style of the divider.\n */\n this.borderStyle = \"solid\";\n /**\n * The position the label is placed on the divider. `Left` and `right` placement is only applicable when orientation is set to `horizontal`. `Top` and `bottom` placement is only applicable when orientation is set to `vertical`. `Center` placement is applicable for both orientations.\n */\n this.labelPlacement = \"center\";\n /** If `true`, the divider will be displayed in a grey colour. */\n this.monochrome = false;\n /**\n * The orientation of the divider.\n */\n this.orientation = \"horizontal\";\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n this.theme = \"inherit\";\n /**\n * The thickness of the divider.\n */\n this.weight = \"thin\";\n }\n brandChangeHandler(ev) {\n this.foregroundColor = ev.detail.mode;\n }\n updateMonochromeState() {\n var _a;\n const parentEl = this.el.parentElement;\n if (parentEl) {\n const isBottomSideNav = parentEl.classList.contains(\"bottom-side-nav\");\n const isBottomWrapper = (_a = parentEl.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains(\"bottom-wrapper\");\n if (parentEl.tagName === \"IC-SIDE-NAVIGATION\" ||\n (isBottomSideNav && isBottomWrapper)) {\n this.el.classList.add(\"ic-side-navigation-keyline\");\n if (this.foregroundColor === \"light\") {\n this.theme = \"dark\";\n }\n else {\n this.theme = \"light\";\n }\n }\n }\n }\n componentWillRender() {\n this.updateMonochromeState();\n }\n render() {\n const { borderStyle, label, labelPlacement, monochrome, orientation, weight, } = this;\n const { theme } = this;\n const invalidPropCombination = (placement) => {\n console.error(`${placement.charAt(0).toUpperCase() + placement.slice(1)} label placement is not applicable for a ${orientation} ic-divider (web-components) / IcDivider (react)`);\n };\n if (((labelPlacement === \"left\" || labelPlacement === \"right\") &&\n orientation === \"vertical\") ||\n ((labelPlacement === \"top\" || labelPlacement === \"bottom\") &&\n orientation === \"horizontal\")) {\n invalidPropCombination(labelPlacement);\n }\n const getTypographyVariant = (weight) => {\n switch (weight) {\n case \"very-thick\":\n return \"h4\";\n case \"thick\":\n return \"subtitle-large\";\n default:\n return \"label\";\n }\n };\n const renderLabel = () => {\n if (slotHasContent(this.el, \"label\")) {\n return (h(\"div\", { class: \"ic-divider-label-container\" }, h(\"slot\", { name: \"label\" })));\n }\n else if (isPropDefined(label)) {\n return (h(\"ic-typography\", { class: \"ic-divider-label\", variant: getTypographyVariant(weight) }, h(\"p\", null, label)));\n }\n return null;\n };\n return (h(Host, Object.assign({ class: {\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n [`ic-divider-monochrome`]: !!monochrome,\n [`ic-divider-${orientation}`]: true,\n [`ic-divider-${weight}`]: true,\n [`ic-divider-${borderStyle}`]: true,\n } }, ((orientation === \"vertical\" ||\n (!!renderLabel() && !!isPropDefined(labelPlacement))) && {\n \"aria-orientation\": orientation,\n role: \"separator\",\n })), orientation === \"horizontal\" &&\n (!renderLabel() || !isPropDefined(labelPlacement)) && h(\"hr\", null), !!isPropDefined(labelPlacement) && !!renderLabel() && renderLabel(), orientation === \"vertical\" &&\n (!renderLabel() || !isPropDefined(labelPlacement)) && (h(\"div\", { class: \"vertical-divider\" }))));\n }\n static get is() { return \"ic-divider\"; }\n static get encapsulation() { return \"scoped\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-divider.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-divider.css\"]\n };\n }\n static get properties() {\n return {\n \"borderStyle\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcDividerStyles\",\n \"resolved\": \"\\\"dashed\\\" | \\\"solid\\\" | undefined\",\n \"references\": {\n \"IcDividerStyles\": {\n \"location\": \"import\",\n \"path\": \"./ic-divider.types\",\n \"id\": \"src/components/ic-divider/ic-divider.types.tsx::IcDividerStyles\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The line style of the divider.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"border-style\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"solid\\\"\"\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The label for the divider. The label placement will need to be set for the label to be displayed correctly.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"labelPlacement\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcDividerLabelPlacement\",\n \"resolved\": \"\\\"bottom\\\" | \\\"center\\\" | \\\"left\\\" | \\\"right\\\" | \\\"top\\\" | undefined\",\n \"references\": {\n \"IcDividerLabelPlacement\": {\n \"location\": \"import\",\n \"path\": \"./ic-divider.types\",\n \"id\": \"src/components/ic-divider/ic-divider.types.tsx::IcDividerLabelPlacement\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The position the label is placed on the divider. `Left` and `right` placement is only applicable when orientation is set to `horizontal`. `Top` and `bottom` placement is only applicable when orientation is set to `vertical`. `Center` placement is applicable for both orientations.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"label-placement\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"center\\\"\"\n },\n \"monochrome\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the divider will be displayed in a grey colour.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"monochrome\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"orientation\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcOrientation\",\n \"resolved\": \"\\\"horizontal\\\" | \\\"vertical\\\" | undefined\",\n \"references\": {\n \"IcOrientation\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcOrientation\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The orientation of the divider.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"orientation\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"horizontal\\\"\"\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcThemeMode | IcBrandForeground\",\n \"resolved\": \"\\\"dark\\\" | \\\"default\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n },\n \"IcBrandForeground\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcBrandForeground\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n },\n \"weight\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcDividerWeights\",\n \"resolved\": \"\\\"medium\\\" | \\\"thick\\\" | \\\"thin\\\" | \\\"very-thick\\\" | undefined\",\n \"references\": {\n \"IcDividerWeights\": {\n \"location\": \"import\",\n \"path\": \"./ic-divider.types\",\n \"id\": \"src/components/ic-divider/ic-divider.types.tsx::IcDividerWeights\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The thickness of the divider.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"weight\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"thin\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"foregroundColor\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"brandChange\",\n \"method\": \"brandChangeHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-divider.js.map\n"],"mappings":"2GAAA,MAAMA,EAAe,8uWACrB,MAAAC,EAAeD,E,MCCFE,EAAO,MAChB,WAAAC,CAAAC,G,UACIC,KAAKC,gBAAkBC,IAIvBF,KAAKG,YAAc,QAInBH,KAAKI,eAAiB,SAEtBJ,KAAKK,WAAa,MAIlBL,KAAKM,YAAc,aAInBN,KAAKO,MAAQ,UAIbP,KAAKQ,OAAS,M,CAElB,kBAAAC,CAAmBC,GACfV,KAAKC,gBAAkBS,EAAGC,OAAOC,I,CAErC,qBAAAC,GACI,IAAIC,EACJ,MAAMC,EAAWf,KAAKgB,GAAGC,cACzB,GAAIF,EAAU,CACV,MAAMG,EAAkBH,EAASI,UAAUC,SAAS,mBACpD,MAAMC,GAAmBP,EAAKC,EAASE,iBAAmB,MAAQH,SAAY,OAAS,EAAIA,EAAGK,UAAUC,SAAS,kBACjH,GAAIL,EAASO,UAAY,sBACpBJ,GAAmBG,EAAkB,CACtCrB,KAAKgB,GAAGG,UAAUI,IAAI,8BACtB,GAAIvB,KAAKC,kBAAoB,QAAS,CAClCD,KAAKO,MAAQ,M,KAEZ,CACDP,KAAKO,MAAQ,O,IAK7B,mBAAAiB,GACIxB,KAAKa,uB,CAET,MAAAY,GACI,MAAMtB,YAAEA,EAAWuB,MAAEA,EAAKtB,eAAEA,EAAcC,WAAEA,EAAUC,YAAEA,EAAWE,OAAEA,GAAYR,KACjF,MAAMO,MAAEA,GAAUP,KAClB,MAAM2B,EAA0BC,IAC5BC,QAAQC,MAAM,GAAGF,EAAUG,OAAO,GAAGC,cAAgBJ,EAAUK,MAAM,8CAA8C3B,oDAA8D,EAErL,IAAMF,IAAmB,QAAUA,IAAmB,UAClDE,IAAgB,aACdF,IAAmB,OAASA,IAAmB,WAC7CE,IAAgB,aAAe,CACnCqB,EAAuBvB,E,CAE3B,MAAM8B,EAAwB1B,IAC1B,OAAQA,GACJ,IAAK,aACD,MAAO,KACX,IAAK,QACD,MAAO,iBACX,QACI,MAAO,Q,EAGnB,MAAM2B,EAAc,KAChB,GAAIC,EAAepC,KAAKgB,GAAI,SAAU,CAClC,OAAQqB,EAAE,MAAO,CAAEC,MAAO,8BAAgCD,EAAE,OAAQ,CAAEE,KAAM,U,MAE3E,GAAIC,EAAcd,GAAQ,CAC3B,OAAQW,EAAE,gBAAiB,CAAEC,MAAO,mBAAoBG,QAASP,EAAqB1B,IAAW6B,EAAE,IAAK,KAAMX,G,CAElH,OAAO,IAAI,EAEf,OAAQW,EAAEK,EAAMC,OAAOC,OAAO,CAAEN,MAAO,CAC/B,CAAC,YAAY/B,KAAUA,IAAU,UACjC,CAAC,2BAA4BF,EAC7B,CAAC,cAAcC,KAAgB,KAC/B,CAAC,cAAcE,KAAW,KAC1B,CAAC,cAAcL,KAAgB,QAC5BG,IAAgB,cACpB6B,OAAmBK,EAAcpC,KAAqB,CACzD,mBAAoBE,EACpBuC,KAAM,cACLvC,IAAgB,gBACf6B,MAAkBK,EAAcpC,KAAoBiC,EAAE,KAAM,QAASG,EAAcpC,MAAqB+B,KAAiBA,IAAe7B,IAAgB,cACxJ6B,MAAkBK,EAAcpC,KAAqBiC,EAAE,MAAO,CAAEC,MAAO,qB","ignoreList":[]}
|
@@ -1,2 +0,0 @@
|
|
1
|
-
import{r as n,h as e,H as t,g as i}from"./p-8e4e97b4.js";import{r as a,i as o,b as r,a as c,h as d,I as s}from"./p-e246d84b.js";import{C as l}from"./p-170ddfc2.js";const b='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type="button"],\n[type="reset"],\n[type="submit"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type="button"]::-moz-focus-inner,\n[type="reset"]::-moz-focus-inner,\n[type="submit"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type="button"]:-moz-focusring,\n[type="reset"]:-moz-focusring,\n[type="submit"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type="checkbox"],\n[type="radio"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type="number"]::-webkit-inner-spin-button,\n[type="number"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type="search"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type="search"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host {\n display: flex;\n}\n\na {\n text-decoration: none !important;\n color: var(--ic-card-text-primary) !important;\n}\n\na:visited {\n color: var(--ic-card-link-action-dark) !important;\n}\n\nbutton {\n border: none;\n background-color: transparent;\n outline: var(--ic-hc-focus-outline);\n}\n\n.card {\n display: flex;\n flex-direction: column;\n border: var(--ic-space-1px) solid var(--ic-card-border-primary);\n border-radius: var(--ic-border-radius);\n box-sizing: border-box;\n padding: var(--ic-space-md);\n text-align: left;\n color: var(--ic-card-text-primary);\n transition: var(--ic-easing-transition-fast);\n position: relative;\n width: inherit;\n min-width: -moz-fit-content;\n min-width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n min-height: 100%;\n\n ::slotted(svg) {\n fill: var(--ic-card-icon);\n }\n &.monochrome {\n border: var(--ic-border-width) solid var(--ic-card-border-monochrome);\n }\n &.fullwidth {\n width: 100%;\n }\n &.clickable {\n &:hover {\n background-color: var(--ic-card-background-hover);\n border: var(--ic-space-1px) solid var(--ic-card-hover-border-color);\n cursor: pointer;\n }\n &.focussed,\n &:focus {\n background-color: var(--ic-card-background-hover);\n box-shadow: var(--ic-border-focus);\n outline: var(--ic-hc-focus-outline);\n border: var(--ic-space-1px) solid var(--ic-card-pressed-border-color);\n }\n &:active {\n background-color: var(--ic-card-background-pressed);\n box-shadow: var(--ic-border-focus);\n\n .card-title {\n text-decoration: none;\n }\n }\n .card-title {\n --ic-typography-color: var(--ic-card-clickable-text);\n\n color: var(--ic-card-clickable-text);\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n }\n }\n &.disabled {\n border: var(--ic-space-1px) dashed var(--ic-card-disabled-border-color);\n\n .card-message,\n .subheading,\n .card-title {\n --ic-typography-color: var(--ic-card-disabled-text);\n }\n .card-title {\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n text-decoration-color: var(--ic-card-disabled-text);\n color: var(--ic-card-disabled-text);\n }\n ::slotted(svg) {\n fill: var(--ic-card-icon-disabled);\n }\n }\n}\n\n.card-header {\n display: flex;\n align-items: center;\n}\n\n.icon {\n display: flex;\n align-items: center;\n padding-right: var(--ic-space-xs);\n}\n\n.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title {\n display: inline-block;\n border-bottom: 0.25rem solid !important;\n margin-bottom: -0.25rem !important;\n text-decoration: none;\n}\n\n@supports (text-underline-offset: 25%) {\n .card.clickable:hover .card-title,\n .card.clickable:focus .card-title,\n .card.clickable.focussed .card-title {\n text-decoration-line: underline;\n text-decoration-thickness: 25%;\n text-underline-offset: 25%;\n border-bottom: 0 !important;\n margin-bottom: 0 !important;\n }\n}\n\n.subheading {\n margin-top: var(--ic-space-xxs);\n}\n\n.adornment {\n margin-top: var(--ic-space-xxs);\n}\n\n.card-message {\n margin-top: var(--ic-space-md);\n align-items: left;\n}\n\n.interaction-button {\n margin-left: auto;\n}\n\n.image-top {\n margin-bottom: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n.image-mid {\n margin-top: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n.interaction-area {\n display: flex;\n flex-grow: 1;\n gap: var(--ic-space-md);\n margin-top: var(--ic-space-md);\n align-items: flex-end;\n}\n\n.interaction-controls {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--ic-space-sm);\n}\n\n.toggle-button {\n width: 2.5rem;\n height: 2.5rem;\n padding: var(--ic-space-xs);\n margin: var(--ic-space-1px) 0;\n min-width: 0;\n cursor: pointer;\n transition: var(--ic-easing-transition-fast);\n border-radius: var(--ic-border-radius);\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n background: none;\n border: none;\n box-sizing: border-box;\n white-space: nowrap;\n vertical-align: middle;\n\n &:hover {\n background-color: var(--ic-card-background-hover);\n }\n &:focus {\n box-shadow: var(--ic-border-focus);\n }\n &:active:not(:focus) {\n background-color: var(--ic-card-background-pressed);\n }\n\n svg {\n pointer-events: none;\n width: 100% !important;\n height: 100% !important;\n fill: currentcolor !important;\n }\n}\n\n#ic-tooltip-expand-button {\n margin-left: auto;\n position: relative;\n}\n\n.toggle-button-closed svg {\n transform: rotate(90deg);\n}\n\n.toggle-button-expanded svg {\n transform: rotate(-90deg);\n}\n\n.expanded-content {\n margin-top: var(--ic-space-md);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n .card {\n ::slotted(svg) {\n fill: currentcolor;\n }\n &.disabled {\n border-color: GrayText !important;\n\n ::slotted(svg) {\n fill: GrayText !important;\n }\n .card-message,\n .subheading,\n .card-title {\n color: GrayText;\n\n --ic-typography-color: GrayText;\n }\n }\n }\n\n .toggle-button:focus,\n .toggle-button:hover {\n outline-color: Highlight;\n }\n}\n';const f=b;const h=class{constructor(e){n(this,e);this.hostMutationObserver=null;this.areaExpanded=false;this.isFocussed=false;this.monochrome=false;this.parentEl=null;this.parentIsAnchorTag=false;this.clickable=false;this.disabled=false;this.expandable=false;this.fullWidth=false;this.hreflang="";this.message="";this.theme="inherit";this.parentFocussed=()=>{this.isFocussed=true};this.parentBlurred=()=>{this.isFocussed=false};this.toggleExpanded=()=>{this.areaExpanded=!this.areaExpanded}}watchDisabledHandler(){a(this.disabled,this.el)}disconnectedCallback(){var n;if(this.parentEl&&this.parentIsAnchorTag){this.parentEl.removeEventListener("focus",this.parentFocussed);this.parentEl.removeEventListener("blur",this.parentBlurred)}(n=this.hostMutationObserver)===null||n===void 0?void 0:n.disconnect()}componentWillLoad(){var n;this.parentEl=this.el.parentElement;if(((n=this.parentEl)===null||n===void 0?void 0:n.tagName)==="A"){this.clickable=true;this.parentIsAnchorTag=true;this.parentEl.classList.add("ic-card-wrapper-link");this.parentEl.addEventListener("focus",this.parentFocussed);this.parentEl.addEventListener("blur",this.parentBlurred)}a(this.disabled,this.el)}componentDidLoad(){!o(this.el,"heading")&&r([{prop:this.heading,propName:"heading"}],"Card");this.updateTheme();this.hostMutationObserver=new MutationObserver((n=>c(n,["message","adornment","expanded-content","image-top","image-mid","icon","interaction-button","badge","interaction-controls"],this)));this.hostMutationObserver.observe(this.el,{childList:true})}handleHostClick(n){if(this.disabled){n.stopImmediatePropagation()}}brandChangeHandler(n){this.updateTheme(n.detail.mode)}async setFocus(){var n,e;const t=this.el.shadowRoot;if(t){if(t.querySelector("a")){(n=t.querySelector("a"))===null||n===void 0?void 0:n.focus()}else if(t.querySelector("button")){(e=t.querySelector("button"))===null||e===void 0?void 0:e.focus()}}}updateTheme(n=null){const e=d(this.el,n);if(e!==s.Default){this.monochrome=true;this.theme=e===s.Light?s.Dark:s.Light}}render(){const{clickable:n,disabled:i,expandable:a,fullWidth:r,heading:c,isFocussed:d,message:s,monochrome:b,href:f,hreflang:h,parentIsAnchorTag:m,referrerpolicy:p,rel:g,subheading:u,target:v,theme:y}=this;const x=m||!n?"div":f===undefined?"button":"a";const k=x=="a"&&{href:f,hrefLang:h,referrerPolicy:p,rel:g,target:v};return e(t,{key:"aeff3ef22b085acbf30dacb5d3ae0167451044b9",class:{[`ic-theme-${y}`]:y!=="inherit"}},e(x,Object.assign({key:"a451e5f53149283ee77878ccc3e699beae669f24",class:{card:true,clickable:!!n&&!i,disabled:!!i,fullwidth:!!r,focussed:d,monochrome:b},tabindex:n&&!m?0:undefined,"aria-disabled":i?"true":null,disabled:i},k),o(this.el,"image-top")&&e("div",{key:"2ec35ab8d6e1224c0a393c92a72e403e4c5fc8fc",class:"image-top"},e("slot",{key:"c859ae1e242284b586df2ce7627c316021b8ef54",name:"image-top"})),e("div",{key:"55f21501b3d95e1f5bf3a69542dab57d00379e63",class:"card-header"},o(this.el,"icon")&&e("div",{key:"f95e7224d6e8548f33a8861025a1651a3bc953a4",class:"icon"},e("slot",{key:"1102f6f88e830613365cb0bfe3e5c4481b3a207e",name:"icon"})),e("div",{key:"3122872ef284640debbf7182d36f9cd4c6032ae4",class:"card-title"},e("slot",{key:"f51213257b0ff6e195852ca006e9cba35103f210",name:"heading"},e("ic-typography",{key:"7d82fce416b7579ac23e2154ef512bd8f3181bc3",variant:"h4"},e("p",{key:"ad083279b8f012f16d67c182c37bcc6383710ba5"},c)))),o(this.el,"interaction-button")&&e("div",{key:"bb47af0b373f295cb1bcd1b72df6c325e257c2ed",class:"interaction-button"},e("slot",{key:"fd0fc056e51febf6d9abe76d7ffb0773836e52d3",name:"interaction-button"}))),(u||o(this.el,"subheading"))&&e("div",{key:"32851c6c59b9ee76aa490210f5888fe410067ca3",class:"subheading"},e("slot",{key:"5757fd2fd2618f03fee208b855384c29861cadc6",name:"subheading"},e("ic-typography",{key:"1f206ca1eaf0bcd5693abf3fc3f97303582a5deb",variant:"subtitle-small"},u))),o(this.el,"adornment")&&e("div",{key:"ceef939617ce12be984f15673e9ef4e71110234c",class:"adornment"},e("slot",{key:"127e2dfa77b74a19070e90361d26fe1358539ca2",name:"adornment"})),o(this.el,"image-mid")&&e("div",{key:"0cbc0b6a9638969db6fabcde40ad46044afc4b88",class:"image-mid"},e("slot",{key:"3e8ae6e25570ed03e7fea0ae4fdd7a779d3022b1",name:"image-mid"})),(s||o(this.el,"message"))&&e("div",{key:"9da59f1aeaa1fcf4bc2a0aa1bd50d3f86faa2af7",class:"card-message"},s&&e("ic-typography",{key:"4620229c479b782ad5ee0c8e3a7acdf6a8a70d7b",variant:"body"},s),o(this.el,"message")&&e("slot",{key:"959e101cc933319cf297d0f0ebbd46299a24cbd5",name:"message"})),(o(this.el,"interaction-controls")||a)&&e("div",{key:"c4263a3d5f8e22f31cf0e55a868dbf0f52b00692",class:"interaction-area"},e("div",{key:"bd5e1d3ff137004ff5c696f611dae1bfefd26e1a",class:"interaction-controls"},e("slot",{key:"5985495f8f12c825aafcab517d3add5f9741d460",name:"interaction-controls"})),a&&e("ic-tooltip",{key:"e3b12f780303019b7f95ce5a98d7b7194c242c9a",id:"ic-tooltip-expand-button",label:"Toggle expandable area",silent:true},e("button",{key:"9857a37a37571bd21f500527149ed8bc3806c4f4",class:{"toggle-button":true,[`toggle-button-${this.areaExpanded?"expanded":"closed"}`]:true},"aria-label":"Toggle expandable area","aria-expanded":`${this.areaExpanded}`,"aria-controls":this.areaExpanded?"expanded-content-area":null,onClick:this.toggleExpanded,innerHTML:l}))),o(this.el,"expanded-content")&&this.areaExpanded&&e("div",{key:"080d0198d37d939cfc506abc5933caac7eaa383d",class:"expanded-content",id:"expanded-content-area"},e("slot",{key:"6c9b5dd6bfa46d466034255231047b2682e19f96",name:"expanded-content"})),o(this.el,"badge")&&e("slot",{key:"1f68304dd15e605320258bf8d14d2df3b0caf344",name:"badge"})))}get el(){return i(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};h.style=f;export{h as ic_card_vertical};
|
2
|
-
//# sourceMappingURL=p-3244a174.entry.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":["icCardVerticalCss","IcCardVerticalStyle0","CardVertical","constructor","hostRef","this","hostMutationObserver","areaExpanded","isFocussed","monochrome","parentEl","parentIsAnchorTag","clickable","disabled","expandable","fullWidth","hreflang","message","theme","parentFocussed","parentBlurred","toggleExpanded","watchDisabledHandler","removeDisabledFalse","el","disconnectedCallback","_a","removeEventListener","disconnect","componentWillLoad","parentElement","tagName","classList","add","addEventListener","componentDidLoad","isSlotUsed","onComponentRequiredPropUndefined","prop","heading","propName","updateTheme","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","handleHostClick","event","stopImmediatePropagation","brandChangeHandler","ev","detail","mode","setFocus","_b","shadowRoot","querySelector","focus","foregroundColor","getBrandFromContext","IcBrandForegroundEnum","Default","Light","Dark","render","href","referrerpolicy","rel","subheading","target","Component","undefined","attrs","hrefLang","referrerPolicy","h","Host","key","class","Object","assign","card","fullwidth","focussed","tabindex","name","variant","id","label","silent","onClick","innerHTML","chevronIcon"],"sources":["../web-components/dist/collection/components/ic-card-vertical/ic-card-vertical.css?tag=ic-card-vertical&encapsulation=shadow","../web-components/dist/collection/components/ic-card-vertical/ic-card-vertical.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host {\n display: flex;\n}\n\na {\n text-decoration: none !important;\n color: var(--ic-card-text-primary) !important;\n}\n\na:visited {\n color: var(--ic-card-link-action-dark) !important;\n}\n\nbutton {\n border: none;\n background-color: transparent;\n outline: var(--ic-hc-focus-outline);\n}\n\n.card {\n display: flex;\n flex-direction: column;\n border: var(--ic-space-1px) solid var(--ic-card-border-primary);\n border-radius: var(--ic-border-radius);\n box-sizing: border-box;\n padding: var(--ic-space-md);\n text-align: left;\n color: var(--ic-card-text-primary);\n transition: var(--ic-easing-transition-fast);\n position: relative;\n width: inherit;\n min-width: -moz-fit-content;\n min-width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n min-height: 100%;\n\n ::slotted(svg) {\n fill: var(--ic-card-icon);\n }\n &.monochrome {\n border: var(--ic-border-width) solid var(--ic-card-border-monochrome);\n }\n &.fullwidth {\n width: 100%;\n }\n &.clickable {\n &:hover {\n background-color: var(--ic-card-background-hover);\n border: var(--ic-space-1px) solid var(--ic-card-hover-border-color);\n cursor: pointer;\n }\n &.focussed,\n &:focus {\n background-color: var(--ic-card-background-hover);\n box-shadow: var(--ic-border-focus);\n outline: var(--ic-hc-focus-outline);\n border: var(--ic-space-1px) solid var(--ic-card-pressed-border-color);\n }\n &:active {\n background-color: var(--ic-card-background-pressed);\n box-shadow: var(--ic-border-focus);\n\n .card-title {\n text-decoration: none;\n }\n }\n .card-title {\n --ic-typography-color: var(--ic-card-clickable-text);\n\n color: var(--ic-card-clickable-text);\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n }\n }\n &.disabled {\n border: var(--ic-space-1px) dashed var(--ic-card-disabled-border-color);\n\n .card-message,\n .subheading,\n .card-title {\n --ic-typography-color: var(--ic-card-disabled-text);\n }\n .card-title {\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n text-decoration-color: var(--ic-card-disabled-text);\n color: var(--ic-card-disabled-text);\n }\n ::slotted(svg) {\n fill: var(--ic-card-icon-disabled);\n }\n }\n}\n\n.card-header {\n display: flex;\n align-items: center;\n}\n\n.icon {\n display: flex;\n align-items: center;\n padding-right: var(--ic-space-xs);\n}\n\n.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title {\n display: inline-block;\n border-bottom: 0.25rem solid !important;\n margin-bottom: -0.25rem !important;\n text-decoration: none;\n}\n\n@supports (text-underline-offset: 25%) {\n .card.clickable:hover .card-title,\n .card.clickable:focus .card-title,\n .card.clickable.focussed .card-title {\n text-decoration-line: underline;\n text-decoration-thickness: 25%;\n text-underline-offset: 25%;\n border-bottom: 0 !important;\n margin-bottom: 0 !important;\n }\n}\n\n.subheading {\n margin-top: var(--ic-space-xxs);\n}\n\n.adornment {\n margin-top: var(--ic-space-xxs);\n}\n\n.card-message {\n margin-top: var(--ic-space-md);\n align-items: left;\n}\n\n.interaction-button {\n margin-left: auto;\n}\n\n.image-top {\n margin-bottom: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n.image-mid {\n margin-top: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n.interaction-area {\n display: flex;\n flex-grow: 1;\n gap: var(--ic-space-md);\n margin-top: var(--ic-space-md);\n align-items: flex-end;\n}\n\n.interaction-controls {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--ic-space-sm);\n}\n\n.toggle-button {\n width: 2.5rem;\n height: 2.5rem;\n padding: var(--ic-space-xs);\n margin: var(--ic-space-1px) 0;\n min-width: 0;\n cursor: pointer;\n transition: var(--ic-easing-transition-fast);\n border-radius: var(--ic-border-radius);\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n background: none;\n border: none;\n box-sizing: border-box;\n white-space: nowrap;\n vertical-align: middle;\n\n &:hover {\n background-color: var(--ic-card-background-hover);\n }\n &:focus {\n box-shadow: var(--ic-border-focus);\n }\n &:active:not(:focus) {\n background-color: var(--ic-card-background-pressed);\n }\n\n svg {\n pointer-events: none;\n width: 100% !important;\n height: 100% !important;\n fill: currentcolor !important;\n }\n}\n\n#ic-tooltip-expand-button {\n margin-left: auto;\n position: relative;\n}\n\n.toggle-button-closed svg {\n transform: rotate(90deg);\n}\n\n.toggle-button-expanded svg {\n transform: rotate(-90deg);\n}\n\n.expanded-content {\n margin-top: var(--ic-space-md);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n .card {\n ::slotted(svg) {\n fill: currentcolor;\n }\n &.disabled {\n border-color: GrayText !important;\n\n ::slotted(svg) {\n fill: GrayText !important;\n }\n .card-message,\n .subheading,\n .card-title {\n color: GrayText;\n\n --ic-typography-color: GrayText;\n }\n }\n }\n\n .toggle-button:focus,\n .toggle-button:hover {\n outline-color: Highlight;\n }\n}\n","import { h, Host, } from \"@stencil/core\";\nimport { onComponentRequiredPropUndefined, isSlotUsed, getBrandFromContext, removeDisabledFalse, renderDynamicChildSlots, } from \"../../utils/helpers\";\nimport { IcBrandForegroundEnum, } from \"../../utils/types\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\n/**\n * @slot heading - Content will be placed at the top of the card to the right of the icon.\n * @slot message - Content will be placed in the main body of the card.\n * @slot subheading - Content will be placed below the card heading.\n * @slot adornment - Content will be placed below the card subheading.\n * @slot image-top - Content will be placed at the top of the card above all other content.\n * @slot image-mid - Content will be placed below the card heading section.\n * @slot icon - Content will be placed to the left of the card heading.\n * @slot interaction-button - Content will be placed in the top right corner of the heading section.\n * @slot interaction-controls - Content will be placed below the card message.\n * @slot expanded-content - Content will be placed below the interaction controls but will not initially be rendered.\n * @slot badge - Badge component overlaying the top right of the card.\n */\nexport class CardVertical {\n constructor() {\n this.hostMutationObserver = null;\n this.areaExpanded = false;\n this.isFocussed = false;\n this.monochrome = false;\n this.parentEl = null;\n this.parentIsAnchorTag = false;\n /**\n * If `true`, the card will be a clickable variant, instead of static.\n */\n this.clickable = false;\n /**\n * If `true`, the card will be disabled if it is clickable.\n */\n this.disabled = false;\n /**\n * If `true`, the card will have an expandable area and expansion toggle button.\n */\n this.expandable = false;\n /**\n * If `true`, the card will fill the width of the container.\n */\n this.fullWidth = false;\n /**\n * The human language of the linked URL.\n */\n this.hreflang = \"\";\n /**\n * The main body message of the card.\n */\n this.message = \"\";\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n this.theme = \"inherit\";\n this.parentFocussed = () => {\n this.isFocussed = true;\n };\n this.parentBlurred = () => {\n this.isFocussed = false;\n };\n this.toggleExpanded = () => {\n this.areaExpanded = !this.areaExpanded;\n };\n }\n watchDisabledHandler() {\n removeDisabledFalse(this.disabled, this.el);\n }\n disconnectedCallback() {\n var _a;\n if (this.parentEl && this.parentIsAnchorTag) {\n this.parentEl.removeEventListener(\"focus\", this.parentFocussed);\n this.parentEl.removeEventListener(\"blur\", this.parentBlurred);\n }\n (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n }\n componentWillLoad() {\n var _a;\n this.parentEl = this.el.parentElement;\n if (((_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.tagName) === \"A\") {\n this.clickable = true;\n this.parentIsAnchorTag = true;\n this.parentEl.classList.add(\"ic-card-wrapper-link\");\n this.parentEl.addEventListener(\"focus\", this.parentFocussed);\n this.parentEl.addEventListener(\"blur\", this.parentBlurred);\n }\n removeDisabledFalse(this.disabled, this.el);\n }\n componentDidLoad() {\n !isSlotUsed(this.el, \"heading\") &&\n onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Card\");\n this.updateTheme();\n this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, [\n \"message\",\n \"adornment\",\n \"expanded-content\",\n \"image-top\",\n \"image-mid\",\n \"icon\",\n \"interaction-button\",\n \"badge\",\n \"interaction-controls\",\n ], this));\n this.hostMutationObserver.observe(this.el, {\n childList: true,\n });\n }\n handleHostClick(event) {\n if (this.disabled) {\n event.stopImmediatePropagation();\n }\n }\n brandChangeHandler(ev) {\n this.updateTheme(ev.detail.mode);\n }\n /**\n * Sets focus on the card.\n */\n async setFocus() {\n var _a, _b;\n const shadowRoot = this.el.shadowRoot;\n if (shadowRoot) {\n if (shadowRoot.querySelector(\"a\")) {\n (_a = shadowRoot.querySelector(\"a\")) === null || _a === void 0 ? void 0 : _a.focus();\n }\n else if (shadowRoot.querySelector(\"button\")) {\n (_b = shadowRoot.querySelector(\"button\")) === null || _b === void 0 ? void 0 : _b.focus();\n }\n }\n }\n updateTheme(mode = null) {\n const foregroundColor = getBrandFromContext(this.el, mode);\n if (foregroundColor !== IcBrandForegroundEnum.Default) {\n this.monochrome = true;\n this.theme =\n foregroundColor === IcBrandForegroundEnum.Light\n ? IcBrandForegroundEnum.Dark\n : IcBrandForegroundEnum.Light;\n }\n }\n render() {\n const { clickable, disabled, expandable, fullWidth, heading, isFocussed, message, monochrome, href, hreflang, parentIsAnchorTag, referrerpolicy, rel, subheading, target, theme, } = this;\n const Component = parentIsAnchorTag || !clickable\n ? \"div\"\n : href === undefined\n ? \"button\"\n : \"a\";\n const attrs = Component == \"a\" && {\n href: href,\n hrefLang: hreflang,\n referrerPolicy: referrerpolicy,\n rel: rel,\n target: target,\n };\n return (h(Host, { key: 'aeff3ef22b085acbf30dacb5d3ae0167451044b9', class: {\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n } }, h(Component, Object.assign({ key: 'a451e5f53149283ee77878ccc3e699beae669f24', class: {\n card: true,\n clickable: !!clickable && !disabled,\n disabled: !!disabled,\n fullwidth: !!fullWidth,\n focussed: isFocussed,\n monochrome: monochrome,\n }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, \"aria-disabled\": disabled ? \"true\" : null, disabled: disabled }, attrs), isSlotUsed(this.el, \"image-top\") && (h(\"div\", { key: '2ec35ab8d6e1224c0a393c92a72e403e4c5fc8fc', class: \"image-top\" }, h(\"slot\", { key: 'c859ae1e242284b586df2ce7627c316021b8ef54', name: \"image-top\" }))), h(\"div\", { key: '55f21501b3d95e1f5bf3a69542dab57d00379e63', class: \"card-header\" }, isSlotUsed(this.el, \"icon\") && (h(\"div\", { key: 'f95e7224d6e8548f33a8861025a1651a3bc953a4', class: \"icon\" }, h(\"slot\", { key: '1102f6f88e830613365cb0bfe3e5c4481b3a207e', name: \"icon\" }))), h(\"div\", { key: '3122872ef284640debbf7182d36f9cd4c6032ae4', class: \"card-title\" }, h(\"slot\", { key: 'f51213257b0ff6e195852ca006e9cba35103f210', name: \"heading\" }, h(\"ic-typography\", { key: '7d82fce416b7579ac23e2154ef512bd8f3181bc3', variant: \"h4\" }, h(\"p\", { key: 'ad083279b8f012f16d67c182c37bcc6383710ba5' }, heading)))), isSlotUsed(this.el, \"interaction-button\") && (h(\"div\", { key: 'bb47af0b373f295cb1bcd1b72df6c325e257c2ed', class: \"interaction-button\" }, h(\"slot\", { key: 'fd0fc056e51febf6d9abe76d7ffb0773836e52d3', name: \"interaction-button\" })))), (subheading || isSlotUsed(this.el, \"subheading\")) && (h(\"div\", { key: '32851c6c59b9ee76aa490210f5888fe410067ca3', class: \"subheading\" }, h(\"slot\", { key: '5757fd2fd2618f03fee208b855384c29861cadc6', name: \"subheading\" }, h(\"ic-typography\", { key: '1f206ca1eaf0bcd5693abf3fc3f97303582a5deb', variant: \"subtitle-small\" }, subheading)))), isSlotUsed(this.el, \"adornment\") && (h(\"div\", { key: 'ceef939617ce12be984f15673e9ef4e71110234c', class: \"adornment\" }, h(\"slot\", { key: '127e2dfa77b74a19070e90361d26fe1358539ca2', name: \"adornment\" }))), isSlotUsed(this.el, \"image-mid\") && (h(\"div\", { key: '0cbc0b6a9638969db6fabcde40ad46044afc4b88', class: \"image-mid\" }, h(\"slot\", { key: '3e8ae6e25570ed03e7fea0ae4fdd7a779d3022b1', name: \"image-mid\" }))), (message || isSlotUsed(this.el, \"message\")) && (h(\"div\", { key: '9da59f1aeaa1fcf4bc2a0aa1bd50d3f86faa2af7', class: \"card-message\" }, message && (h(\"ic-typography\", { key: '4620229c479b782ad5ee0c8e3a7acdf6a8a70d7b', variant: \"body\" }, message)), isSlotUsed(this.el, \"message\") && h(\"slot\", { key: '959e101cc933319cf297d0f0ebbd46299a24cbd5', name: \"message\" }))), (isSlotUsed(this.el, \"interaction-controls\") || expandable) && (h(\"div\", { key: 'c4263a3d5f8e22f31cf0e55a868dbf0f52b00692', class: \"interaction-area\" }, h(\"div\", { key: 'bd5e1d3ff137004ff5c696f611dae1bfefd26e1a', class: \"interaction-controls\" }, h(\"slot\", { key: '5985495f8f12c825aafcab517d3add5f9741d460', name: \"interaction-controls\" })), expandable && (h(\"ic-tooltip\", { key: 'e3b12f780303019b7f95ce5a98d7b7194c242c9a', id: \"ic-tooltip-expand-button\", label: \"Toggle expandable area\", silent: true }, h(\"button\", { key: '9857a37a37571bd21f500527149ed8bc3806c4f4', class: {\n \"toggle-button\": true,\n [`toggle-button-${this.areaExpanded ? \"expanded\" : \"closed\"}`]: true,\n }, \"aria-label\": \"Toggle expandable area\", \"aria-expanded\": `${this.areaExpanded}`, \"aria-controls\": this.areaExpanded ? \"expanded-content-area\" : null, onClick: this.toggleExpanded, innerHTML: chevronIcon }))))), isSlotUsed(this.el, \"expanded-content\") && this.areaExpanded && (h(\"div\", { key: '080d0198d37d939cfc506abc5933caac7eaa383d', class: \"expanded-content\", id: \"expanded-content-area\" }, h(\"slot\", { key: '6c9b5dd6bfa46d466034255231047b2682e19f96', name: \"expanded-content\" }))), isSlotUsed(this.el, \"badge\") && h(\"slot\", { key: '1f68304dd15e605320258bf8d14d2df3b0caf344', name: \"badge\" }))));\n }\n static get is() { return \"ic-card-vertical\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-card-vertical.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-card-vertical.css\"]\n };\n }\n static get properties() {\n return {\n \"clickable\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the card will be a clickable variant, instead of static.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"clickable\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the card will be disabled if it is clickable.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"expandable\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the card will have an expandable area and expansion toggle button.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"expandable\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"fullWidth\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the card will fill the width of the container.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"full-width\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"heading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The heading for the card. This is required, unless a slotted heading is used.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"heading\",\n \"reflect\": false\n },\n \"href\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The URL that the clickable card link points to. If set, the clickable card will render as an \\\"a\\\" tag, otherwise it will render as a button.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"href\",\n \"reflect\": false\n },\n \"hreflang\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The human language of the linked URL.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"hreflang\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"message\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The main body message of the card.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"message\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"referrerpolicy\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ReferrerPolicy\",\n \"resolved\": \"\\\"\\\" | \\\"no-referrer\\\" | \\\"no-referrer-when-downgrade\\\" | \\\"origin\\\" | \\\"origin-when-cross-origin\\\" | \\\"same-origin\\\" | \\\"strict-origin\\\" | \\\"strict-origin-when-cross-origin\\\" | \\\"unsafe-url\\\" | undefined\",\n \"references\": {\n \"ReferrerPolicy\": {\n \"location\": \"global\",\n \"id\": \"global::ReferrerPolicy\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"How much of the referrer to send when following the link.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"referrerpolicy\",\n \"reflect\": false\n },\n \"rel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The relationship of the linked URL as space-separated link types.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"rel\",\n \"reflect\": false\n },\n \"subheading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The subheading for the card.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"subheading\",\n \"reflect\": false\n },\n \"target\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"target\",\n \"reflect\": false\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"areaExpanded\": {},\n \"isFocussed\": {},\n \"monochrome\": {},\n \"parentEl\": {},\n \"parentIsAnchorTag\": {}\n };\n }\n static get methods() {\n return {\n \"setFocus\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Sets focus on the card.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"disabled\",\n \"methodName\": \"watchDisabledHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"click\",\n \"method\": \"handleHostClick\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": false\n }, {\n \"name\": \"brandChange\",\n \"method\": \"brandChangeHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-card-vertical.js.map\n"],"mappings":"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","ignoreList":[]}
|
@@ -1,2 +0,0 @@
|
|
1
|
-
import{r as e,c as t,h as i,H as a,g as s}from"./p-8e4e97b4.js";import{r as c,x as r,b as o,w as n,d as l,C as h,L as d,i as b,a as p}from"./p-e246d84b.js";import{u as m,h as g}from"./p-7d054704.js";const f='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-checkbox-disabled){pointer-events:none}.container{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}:host(.ic-data-table-checkbox) .container{padding:0;margin-bottom:0}:host(.ic-checkbox-small) .container{margin-bottom:var(--ic-space-xxxs)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-checkbox-background-unselected);border:var(--ic-border-width) solid var(--ic-checkbox-border-unselected);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}:host .container svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.ic-checkbox-small) .checkbox,:host(.ic-checkbox-small) .container svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-checkbox-large) .checkbox,:host(.ic-checkbox-large) .container svg{width:var(--ic-space-xl);height:var(--ic-space-xl)}.checkbox:checked{background-color:var(--ic-checkbox-background-selected);border:var(--ic-border-width) solid var(--ic-checkbox-background-selected);transition:var(--ic-easing-transition-slow)}.checkbox:checked:disabled{background-color:var(--ic-checkbox-background-selected-disabled);border:var(--ic-border-width) solid\n var(--ic-checkbox-background-selected-disabled)}.checkbox:indeterminate,.checkbox.indeterminate:checked{background-color:var(--ic-checkbox-background-indeterminate);border:0.125rem solid var(--ic-checkbox-background-indeterminate)}.checkbox:indeterminate:disabled,.checkbox.indeterminate:checked:disabled{background-color:var(--ic-checkbox-background-indeterminate-disabled);border:0.125rem solid var(--ic-checkbox-background-indeterminate-disabled)}.checkbox:checked:hover{background-color:var(--ic-checkbox-background-selected-hover)}.checkbox:indeterminate:hover,.checkbox.indeterminate:checked:hover{background-color:var(--ic-checkbox-background-indeterminate-hover);border:0.125rem solid var(--ic-checkbox-background-indeterminate-hover)}.checkbox:checked:active{background-color:var(--ic-checkbox-background-selected-pressed)}.checkbox:indeterminate:active,.checkbox.indeterminate:checked:active{background-color:var(--ic-checkbox-background-indeterminate-pressed);border:0.125rem solid var(--ic-checkbox-background-indeterminate-pressed)}.checkbox:hover{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-hover);border:var(--ic-border-width) solid\n var(--ic-checkbox-border-unselected-hover)}.checkbox:active{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-pressed);border:var(--ic-border-width) solid\n var(--ic-checkbox-border-unselected-pressed)}.checkbox:focus{box-shadow:var(--ic-border-focus)}.checkbox:disabled{border:var(--ic-border-width) dashed\n var(--ic-checkbox-border-unselected-disabled)}.checkbox-label{padding-left:var(--ic-space-sm);color:var(--ic-checkbox-text);--ic-typography-color:var(--ic-checkbox-text)}:host(.ic-checkbox-disabled) .checkbox-label{color:var(--ic-checkbox-text-disabled);--ic-typography-color:var(--ic-checkbox-text-disabled)}.checkbox-label:hover{cursor:pointer}.checkmark{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:var(--ic-checkbox-icon-pressed);z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .checkmark{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}:host(.ic-checkbox-large) .checkmark{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}.indeterminate-symbol{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-checkbox-icon-indeterminate);pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .indeterminate-symbol{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}:host(.ic-checkbox-large) .indeterminate-symbol{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}.additional-field-wrapper{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}.branch-corner{height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-checkbox-required-bar);border-left:0.125rem solid var(--ic-checkbox-required-bar)}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-text{color:var(--ic-checkbox-required-text);--ic-typography-color:var(--ic-checkbox-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){::slotted(ic-text-field){--input-width:100%}}@media (forced-colors: active){.checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}.checkbox:checked{transition:none}.checkbox:focus-visible{outline:0.125rem solid highlight}.checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.checkmark{fill:none}.indeterminate-symbol{display:none}}.checkmark:dir(rtl){right:0}.checkbox-label:dir(rtl){padding-right:var(--ic-space-sm);padding-left:0}.indeterminate-symbol:dir(rtl){right:0.288rem}.branch-corner:dir(rtl){border-radius:0 0 0.188rem 0;border-right:0.125rem solid var(--ic-action-default);border-left:none}.dynamic-container:dir(rtl){margin:var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0}';const u=f;const v=class{constructor(i){e(this,i);this.icCheck=t(this,"icCheck",7);this.additionalFieldDisplay="static";this.checked=false;this.initiallyChecked=this.checked;this.disabled=false;this.dynamicText="This selection requires additional answers";this.indeterminate=false;this.displayIndeterminate=this.indeterminate;this.nativeIndeterminateBehaviour=false;this.theme="inherit";this.hideLabel=false;this.handleClick=()=>{this.checked=!this.checked;this.displayIndeterminate=this.nativeIndeterminateBehaviour?false:this.indeterminate&&this.checked;this.icCheck.emit()};this.handleFormReset=()=>{this.checked=this.initiallyChecked}}watchDisabledHandler(){c(this.disabled,this.el)}watchIndeterminateHandler(){this.displayIndeterminate=this.nativeIndeterminateBehaviour?this.indeterminate:this.indeterminate&&!!this.checked}componentWillLoad(){c(this.disabled,this.el);r(this.el,this.handleFormReset);const e=this.el.parentElement;if(e){if(!this.name)this.name=e.name;this.groupLabel=e.label}}componentDidLoad(){o([{prop:this.label,propName:"label"},{prop:this.value,propName:"value"}],"Checkbox")}componentDidRender(){if(this.additionalFieldDisplay==="static"){const e=this.el.querySelector("ic-text-field");if(!this.checked){e===null||e===void 0?void 0:e.setAttribute("disabled","")}else{e===null||e===void 0?void 0:e.removeAttribute("disabled")}}else if(this.additionalFieldContainer){this.additionalFieldContainer.style.display=!this.checked?"none":"flex"}}disconnectedCallback(){n(this.el,this.handleFormReset)}async setFocus(){var e,t;(t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".checkbox"))===null||t===void 0?void 0:t.focus()}render(){const{additionalFieldDisplay:e,checked:t,disabled:s,dynamicText:c,el:r,form:o,displayIndeterminate:n,groupLabel:p,label:m,name:g,size:f,value:u,theme:v}=this;const k=`ic-checkbox-${l(m)||u}-${p}`.replace(/ /g,"-");const x=r.parentElement.size;t?h(true,r,g,t&&u,s):d(r);return i(a,{key:"657eacf1576a595f2a7078cf14a07e39603ddaec",class:{"ic-checkbox-disabled":!!s,[`ic-checkbox-${f||x}`]:true,[`ic-theme-${v}`]:v!=="inherit"}},i("div",{key:"2f9ab7ae4fa7adfca5d9143821d6baae03492562",class:"container"},n&&i("div",{key:"c04e36e2ff4b15d96a6a1bf204e0ae9c57f2d3e3",class:"indeterminate-symbol"}),!n&&t&&i("svg",{key:"48b5e0da871b6cec1667c022027bf8cdea1fcc15",class:"checkmark",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","fill-rule":"evenodd","clip-rule":"evenodd"},i("title",{key:"bf871a24d38ddeeb0b23a7cae6c65982ae69fc6a"},"checkmark icon"),i("path",{key:"ad9b4ee3132636a9a938fabc072796f2820df63f",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"})),i("input",{key:"262d0be4ec5ed6e7f7ac701f8b8800f1fbd91825",role:"checkbox",class:{checkbox:true,checked:!!t,indeterminate:!!n},type:"checkbox",name:g,id:k,value:u,disabled:s,checked:t,indeterminate:n,onClick:this.handleClick,form:o,"aria-label":this.hideLabel?this.label:undefined}),!this.hideLabel&&i("ic-typography",{key:"e52458082502589354a8e1b5a9b975629ddd22a8",class:"checkbox-label",variant:"body"},i("label",{key:"e7099f15c2055bffb2b4c79a2e579731bfb4f517",htmlFor:k},m))),b(r,"additional-field")&&i("div",{key:"87c419e79ece414a7ffe59f91442fd8ac7c5e570",class:"dynamic-container",ref:e=>this.additionalFieldContainer=e},e==="dynamic"&&i("div",{key:"dedde96cef590e12940cd60878d80121df0f7dd8",class:"branch-corner"}),i("div",{key:"fec451e9f5705f32fc6c0083f9b2c924940a2c18"},e==="dynamic"&&i("ic-typography",{key:"477d00ba3c2249c0cbaef7240ecdaddb59fde9fc",variant:"caption"},i("p",{key:"a95ddf7079b19b3f6adb5855a5ed334cc35b5dcc",class:"dynamic-text","aria-live":"polite"},c)),i("div",{key:"4663bb912a77f3abb675959e37b58026aaba522d",class:{"additional-field-wrapper":e==="static"}},i("slot",{key:"fe74a16f4fd159051e7a0f73893dfc77f39c45d7",name:"additional-field"})))))}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{disabled:["watchDisabledHandler"],indeterminate:["watchIndeterminateHandler"]}}};v.style=u;const k=':host{gap:var(--ic-space-xs);padding:var(--ic-space-xs)}:host,.action-area{display:flex;flex-direction:column}.action-area{gap:var(--ic-space-md)}:host ::slotted(svg),:host ::slotted(img){border-radius:var(--ic-space-xxs)}:host(.ic-empty-state-right),:host(.ic-empty-state-right) .action-area{align-items:flex-end;text-align:right}:host(.ic-empty-state-center),:host(.ic-empty-state-center) .action-area{align-items:center;text-align:center}:host(.image-medium) ::slotted(svg),:host(.image-medium) ::slotted(img){height:calc(3 * var(--ic-space-lg)) !important;width:calc(3 * var(--ic-space-lg)) !important}:host(.image-small) ::slotted(svg),:host(.image-small) ::slotted(img){height:var(--ic-space-xxl) !important;width:var(--ic-space-xxl) !important}:host(.image-large) ::slotted(svg),:host(.image-large) ::slotted(img){height:calc(4 * var(--ic-space-xl)) !important;width:calc(4 * var(--ic-space-xl)) !important}::slotted([slot="heading"]),.empty-state-heading{--ic-typography-color:var(--ic-empty-state-title)}::slotted([slot="subheading"]),.empty-state-subheading{--ic-typography-color:var(--ic-empty-state-subtitle)}::slotted([slot="body"]),.empty-state-body{--ic-typography-color:var(--ic-empty-state-body)}';const x=k;const y=class{constructor(t){e(this,t);this.hostMutationObserver=null;this.aligned="left";this.imageSize="medium";this.theme="inherit"}disconnectedCallback(){var e;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentDidLoad(){!b(this.el,"heading")&&o([{prop:this.heading,propName:"heading"}],"Empty State");this.hostMutationObserver=new MutationObserver((e=>p(e,["image","actions"],this)));this.hostMutationObserver.observe(this.el,{childList:true})}render(){const{aligned:e,body:t,maxLines:s,heading:c,imageSize:r,subheading:o,theme:n}=this;return i(a,{key:"d8dbd02105f4b01a468436fd73ccd4ddec2a4cf1",class:{[`ic-empty-state-${e}`]:true,[`image-${r}`]:b(this.el,"image"),[`ic-theme-${n}`]:n!=="inherit"}},b(this.el,"image")&&i("slot",{key:"d7bed2bb22a41377f6c9032660bc62f79294510c",name:"image"}),i("div",{key:"64df9d8fb5ffbb9724a2e87a67eed03526564527"},i("slot",{key:"5fee4dfbeef7272bcd423c7fb2bfc49e5e557718",name:"heading"},i("ic-typography",{key:"523cac0cce5c01cca9540396b95f0ab13d0ef9cd",variant:"h4",class:"empty-state-heading"},c)),i("slot",{key:"904f2c3ceeeef991a099a4fc0521de002c6e8fc3",name:"subheading"},i("ic-typography",{key:"6eb71c04bfae24d0ece644cea3730251ecd38e77",variant:"subtitle-small",class:"empty-state-subheading"},o)),i("slot",{key:"6dc1f5e4e3071b5c0277c993502f1f043b247330",name:"body"},i("ic-typography",{key:"f60da219bd12eda8df1229eba9ae9904458e4692",maxLines:s,class:"empty-state-body"},t))),b(this.el,"actions")&&i("div",{key:"73247068a45635e5e64d513239ada3e97a4a4302",class:"action-area"},i("slot",{key:"19a448208f663a595f5a81a28b89834d0c62e78b",name:"actions"})))}get el(){return s(this)}};y.style=x;const w=":host(){display:block}.pagination-bar{height:3.5rem;display:flex;align-items:center;justify-content:flex-end;gap:var(--ic-space-xl);padding:var(--ic-space-xs) var(--ic-space-md);box-sizing:border-box;--ic-typography-color:var(--ic-pagination-text)}.pagination-bar-left{justify-content:flex-start}.item-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-bar-space-between .item-controls{margin-right:auto}.items-per-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.items-per-page-input{--input-width:5rem;--ic-typography-color:var(--ic-pagination-select-content)}.pagination-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-controls-wrap{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-space-between .pagination-controls{margin-left:auto}.go-to-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.go-to-page-input{--input-width:var(--ic-space-xl)}.go-to-page-button{--min-width:var(--ic-space-xl)}.items-per-page-control-label{white-space:nowrap}@media screen and (max-width: 768px){.pagination-bar{flex-direction:column;align-items:flex-end;height:-moz-fit-content;height:fit-content;gap:var(--ic-space-xs)}.pagination-bar-left{align-items:flex-start}}@media screen and (max-width: 320px){.item-controls,.pagination-controls{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-left .item-controls,.pagination-bar-left .pagination-controls,.pagination-bar-space-between .item-controls,.pagination-bar-space-between .pagination-controls{align-items:flex-start}}";const P=w;const z=class{constructor(i){e(this,i);this.icPageChange=t(this,"icPageChange",7);this.icItemsPerPageChange=t(this,"icItemsPerPageChange",7);this.PAGE_INPUT_FIELD_ID="go-to-page-input";this.INVALID_PAGE_ERROR="Please enter a valid page";this.resizeObserver=null;this.activePage=1;this.inputError="Please enter a valid page";this.itemsPerPage=10;this.itemsPerPageString="10";this.lowerBound=1;this.paginationWrapped=false;this.alignment="right";this.currentPage=1;this.hideAllFromItemsPerPage=false;this.itemLabel="Item";this.monochrome=false;this.theme="inherit";this.type="simple";this.rangeLabelType="page";this.pageLabel="Page";this.showGoToPageControl=false;this.hideRangeLabel=false;this.showItemsPerPageControl=false;this.setToFirstPageOnPaginationChange=false;this.changeItemsPerPage=()=>{this.setItemsPerPage(Number(this.pageDropdownEl.value));this.userSetItemsPerPage=Number(this.pageDropdownEl.value)};this.changePage=e=>{this.activePage=e;this.lowerBound=e!==1?(e-1)*this.itemsPerPage+1:e;this.setUpperBound()};this.focusElFromLabel=e=>{var t,i;(i=(t=this.paginationBarEl)===null||t===void 0?void 0:t.querySelector(e))===null||i===void 0?void 0:i.setFocus()};this.goToPage=()=>{var e;const t=this.pageInputEl;const i=Number(t.value);if(i<=this.totalPages&&i>0){this.changePage(i);(e=this.paginationEl)===null||e===void 0?void 0:e.setCurrentPage(i);this.activePage=i;t.value="";this.icPageChange.emit({value:i});this.pageInputTooltipEl.displayTooltip(false,false);t.validationStatus=""}else{this.setInputError(t,this.INVALID_PAGE_ERROR)}};this.goToPageLabelClickHandler=()=>{this.focusElFromLabel("ic-text-field")};this.handleBlur=()=>{const e=this.pageInputEl;if(Number(e.value)<=this.totalPages&&Number(e.value)>0||e.value===""){e.validationStatus=""}this.pageInputTooltipEl.displayTooltip(false,false)};this.handleFocus=()=>{if(this.pageInputEl.validationStatus==="error"){this.pageInputTooltipEl.displayTooltip(true,true)}};this.handleInputChange=()=>{const e=parseInt(this.pageInputEl.value);if(e>this.totalPages||e<=0){this.setInputError(this.pageInputEl,this.INVALID_PAGE_ERROR);this.pageInputTooltipEl.displayTooltip(true,true)}};this.handleKeydown=e=>{if(e.key==="Enter"){if(this.pageInputEl.validationStatus==="error"){this.pageInputTooltipEl.displayTooltip(true,true)}else{this.goToPage()}}else{this.pageInputTooltipEl.displayTooltip(false,false);this.pageInputEl.validationStatus=""}};this.handleKeyUp=e=>{if(Number.isNaN(parseInt(this.pageInputEl.value))&&e.key!=="Backspace"&&e.key!=="Enter"&&e.key!=="Tab"&&e.key!=="Shift"){this.setInputError(this.pageInputEl,"Please enter a number",false);this.pageInputTooltipEl.displayTooltip(true,false)}};this.itemsPerPageLabelClickHandler=()=>{this.focusElFromLabel("ic-select")};this.paginationShouldWrap=()=>{if(this.type==="simple"){this.paginationWrapped=this.paginationEl.clientHeight>63}};this.runResizeObserver=()=>{if(this.paginationBarEl){this.resizeObserver=new ResizeObserver((()=>{const{clientWidth:e}=this.paginationBarEl;if(e-this.paginationWidth>50||e-this.paginationWidth<-50){this.paginationWidth=e;this.paginationShouldWrap()}}));this.resizeObserver.observe(this.paginationBarEl)}};this.setInputError=(e,t,i=true)=>{this.inputError=t;e.validationStatus="error";if(i)e.setFocus()};this.setToFirstPage=()=>{var e;const t=1;this.changePage(t);(e=this.paginationEl)===null||e===void 0?void 0:e.setCurrentPage(t);this.activePage=t;this.icPageChange.emit({value:t})};this.setItemsPerPage=e=>{var t;if(this.itemsPerPage!==e){this.itemsPerPage=e;this.itemsPerPageString=e.toString();this.icItemsPerPageChange.emit({value:this.itemsPerPage});if(this.setToFirstPageOnPaginationChange){this.setToFirstPage()}}this.totalPages=this.totalItems>this.itemsPerPage?Math.ceil(this.totalItems/this.itemsPerPage):1;this.setUpperBound();if(this.activePage>this.totalPages){(t=this.paginationEl)===null||t===void 0?void 0:t.setCurrentPage(this.totalPages);this.activePage=this.totalPages}this.icPageChange.emit({value:this.activePage,fromItemsPerPage:true})};this.setPaginationBarContent=()=>{const e=this.itemsPerPageOptions?JSON.parse(JSON.stringify(this.itemsPerPageOptions)):null;const t=e||(this.totalItems<=100?[{label:"10",value:"10"},{label:"25",value:"25"},{label:"50",value:"50"}]:[{label:"25",value:"25"},{label:"100",value:"100"},{label:"1000",value:"1000"}]);!this.hideAllFromItemsPerPage&&t.push({label:"All",value:String(this.totalItems)});this.displayedItemsPerPageOptions=t.filter((({value:e})=>this.totalItems>=Number(e)));let i=0;if(this.userSetItemsPerPage){this.displayedItemsPerPageOptions.some((({value:e})=>{i=Number(e);return this.userSetItemsPerPage<=i}));this.setItemsPerPage(i)}else{const e=this.displayedItemsPerPageOptions.some((({value:e})=>{i=Number(e);return this.itemsPerPage<=i}));this.setItemsPerPage(e||!e&&this.itemsPerPage>i?i:this.itemsPerPage)}};this.setUpperBound=()=>{this.upperBound=Math.min(this.lowerBound+this.itemsPerPage-1,this.totalItems)};this.handleButtonAppearance=()=>{if(this.monochrome){if(this.theme==="dark"||this.theme==="inherit"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches){return"light"}else{return"dark"}}else{return"default"}}}watchPageNumberHandler(){this.setPaginationBarContent();if(typeof this.currentPage==="number"&&this.currentPage){if(this.currentPage<1||this.totalPages&&this.currentPage>this.totalPages){console.error(`The current page (${this.currentPage}) must be a number greater than zero but less than or equal to the total number of pages (${this.totalPages})`)}else{this.activePage=this.currentPage}}}watchSelectedItemsPerPageHandler(){var e;if(this.selectedItemsPerPage!==null&&this.selectedItemsPerPage!==undefined){if((e=this.displayedItemsPerPageOptions)===null||e===void 0?void 0:e.filter((e=>e.value===`${this.selectedItemsPerPage}`)).length){this.setItemsPerPage(this.selectedItemsPerPage)}else{console.error(`The selected items per page option "${this.selectedItemsPerPage}" does not exist`)}}}watchItemLabelHandler(){this.capitalizedItemLabel=m(this.itemLabel);this.lowerCaseItemLabel=this.itemLabel.toLowerCase()}watchItemsPerPageOptionsHandler(e,t){if(JSON.stringify(e)===JSON.stringify(t))return;this.setPaginationBarContent()}watchPageLabelHandler(){this.capitalizedPageLabel=m(this.pageLabel);this.lowerCasePageLabel=this.pageLabel.toLowerCase()}watchTotalItemsHandler(){this.setPaginationBarContent()}watchSetToFirstPageOnPaginationChange(){this.setPaginationBarContent()}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.watchPageNumberHandler();this.watchPageLabelHandler();this.watchItemLabelHandler();this.setPaginationBarContent();this.watchSelectedItemsPerPageHandler()}componentDidLoad(){var e,t,i;this.paginationWidth=((e=this.paginationBarEl)===null||e===void 0?void 0:e.clientWidth)||0;g(this.runResizeObserver);const a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(`.${this.PAGE_INPUT_FIELD_ID}`);if(a){const e=(i=a===null||a===void 0?void 0:a.shadowRoot)===null||i===void 0?void 0:i.querySelector("input");if(e){e.style.textAlign="center";e.style.padding="0"}}this.paginationShouldWrap()}pageChangeHandler(e){const t=e.detail.value;this.changePage(t)}render(){const{alignment:e,displayedItemsPerPageOptions:t,PAGE_INPUT_FIELD_ID:s,type:c,rangeLabelType:r,hideRangeLabel:o,showItemsPerPageControl:n,showGoToPageControl:l,pageLabel:h,capitalizedPageLabel:d,lowerCasePageLabel:b,capitalizedItemLabel:p,lowerCaseItemLabel:m,totalPages:g,activePage:f,itemsPerPageString:u,theme:v,monochrome:k}=this;return i(a,{key:"67aec388114190d8a4f229d474f554ae29a524c8",class:{[`ic-theme-${v}`]:v!=="inherit"}},i("div",{key:"b1dda605384e9049425b28f9638843fc80ffbea4",class:{["pagination-bar"]:true,[`pagination-bar-${e}`]:true},ref:e=>this.paginationBarEl=e},(!o||n)&&i("div",{key:"ef090d0b893ddc8e3da12d5c476b3b87dd991dd3",class:"item-controls"},n&&i("div",{key:"eeaad0a16f7d0f303f8ecea6b2ab3c9f9aa22e7e",class:"items-per-page-holder"},i("ic-typography",{key:"51d4a14ebf7d9ce4fe07e4d1a832abc80f7b85d6",class:{["items-per-page-control-label"]:true},variant:"label",onClick:this.itemsPerPageLabelClickHandler},p,"s per ",b),i("ic-select",{key:"75ce8f26a71f2be9f785ad802295152c03e4ab56",theme:v,size:"small",label:"items-per-page-input",class:"items-per-page-input",hideLabel:true,options:t,value:u,onIcChange:this.changeItemsPerPage,ref:e=>this.pageDropdownEl=e})),!o&&(r==="data"?i("ic-typography",{class:{["item-pagination-label"]:true},variant:"label","aria-live":"polite"},this.upperBound===0&&`0 ${m}s`,this.upperBound>0&&`${this.lowerBound} - ${this.upperBound} of ${this.totalItems} ${m}${this.totalItems>1?"s":""}`):i("ic-typography",{class:{["page-pagination-label"]:true},variant:"label","aria-live":"polite"},d," ",f," of ",g))),i("div",{key:"35f5c5199bf3567a16e8ee0421831a6db53ff751",class:{["pagination-controls"]:true,["pagination-controls-wrap"]:this.paginationWrapped}},i("div",{key:"86b0a5a35af9c0906cac145e824d395fe2849f91",class:"pagination-holder"},i("ic-pagination",{key:"37713ff47842f04a038efe4f2f97718c38e4d35b",type:c,pages:g,label:h,ref:e=>this.paginationEl=e,currentPage:f,theme:v,monochrome:k})),l&&i("div",{key:"c0ad6f401ef4ba4d5eb58dc15b8313e3cf227a15",class:"go-to-page-holder"},i("ic-typography",{key:"0749d7a68ffa9259cedcca5e4fdf2c48b1facc73",variant:"label",onClick:this.goToPageLabelClickHandler},"Go to ",b),i("ic-tooltip",{key:"5cd37e20a6128e45444fb88ab4068029eebae5bb",label:this.inputError,target:`#${s}`,disableHover:true,disableClick:true,ref:e=>this.pageInputTooltipEl=e},i("ic-text-field",{key:"1db591684779fff24c5b8d241bcb40b7410070e1",theme:v,type:"number",size:"small",label:s,class:s,id:s,hideLabel:true,onKeyDown:this.handleKeydown,onKeyUp:this.handleKeyUp,onInput:this.handleInputChange,max:g,min:"1",validationInlineInternal:true,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:e=>this.pageInputEl=e})),i("ic-button",{key:"6343bc5e0ccf0ccda69b89b421a8f6c8fa606e84",appearance:this.handleButtonAppearance(),variant:"secondary",onClick:this.goToPage,size:"small",class:"go-to-page-button"},"Go")))))}get el(){return s(this)}static get watchers(){return{currentPage:["watchPageNumberHandler"],selectedItemsPerPage:["watchSelectedItemsPerPageHandler"],itemLabel:["watchItemLabelHandler"],itemsPerPageOptions:["watchItemsPerPageOptionsHandler"],pageLabel:["watchPageLabelHandler"],totalItems:["watchTotalItemsHandler"],setToFirstPageOnPaginationChange:["watchSetToFirstPageOnPaginationChange"]}}};z.style=P;export{v as ic_checkbox,y as ic_empty_state,z as ic_pagination_bar};
|
2
|
-
//# sourceMappingURL=p-3f185257.entry.js.map
|