@ukic/web-components 3.0.0 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +34 -5
- package/dist/cjs/app-globals-3a1e7e63.js +7 -0
- package/dist/cjs/app-globals-3a1e7e63.js.map +1 -0
- package/dist/cjs/core.cjs.js +13 -11
- package/dist/cjs/core.cjs.js.map +1 -1
- package/dist/cjs/{helpers-94b33ab0.js → helpers-789082d4.js} +159 -75
- package/dist/cjs/helpers-789082d4.js.map +1 -0
- package/dist/cjs/ic-accordion-group.cjs.entry.js +38 -22
- package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +75 -46
- package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-alert.cjs.entry.js +93 -46
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +32 -16
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +91 -42
- package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +114 -63
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +78 -18
- package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +366 -168
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-vertical.cjs.entry.js +93 -72
- package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +51 -14
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js +55 -31
- package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-chip.cjs.entry.js +64 -32
- package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-classification-banner.cjs.entry.js +22 -6
- package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-list.cjs.entry.js +17 -7
- package/dist/cjs/ic-data-list.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +31 -20
- package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-dialog.cjs.entry.js +170 -114
- package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js +95 -12
- package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-empty-state.cjs.entry.js +21 -24
- package/dist/cjs/ic-empty-state.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +12 -14
- package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +15 -16
- package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +52 -30
- package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +35 -32
- package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +40 -21
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +587 -244
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +65 -40
- package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-link.cjs.entry.js +43 -28
- package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-group.cjs.entry.js +6 -7
- package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js +41 -33
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +32 -24
- package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +69 -44
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +122 -45
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +55 -33
- package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-page-header.cjs.entry.js +53 -31
- package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination-item.cjs.entry.js +37 -24
- package/dist/cjs/ic-pagination-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination.cjs.entry.js +76 -36
- package/dist/cjs/ic-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-popover-menu.cjs.entry.js +97 -60
- package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +103 -48
- package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js +70 -39
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +195 -108
- package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-section-container.cjs.entry.js +12 -5
- package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-select.cjs.entry.js +418 -199
- package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +119 -79
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skeleton.cjs.entry.js +15 -8
- package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skip-link.cjs.entry.js +62 -0
- package/dist/cjs/ic-skip-link.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-status-tag.cjs.entry.js +30 -10
- package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-step.cjs.entry.js +37 -37
- package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-stepper.cjs.entry.js +60 -36
- package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-switch.cjs.entry.js +63 -31
- package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js +112 -152
- package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +18 -14
- package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +19 -15
- package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js +31 -22
- package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-text-field.cjs.entry.js +235 -87
- package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +54 -23
- package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast-region.cjs.entry.js +8 -3
- package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +30 -23
- package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js +117 -35
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button.cjs.entry.js +110 -23
- package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-top-navigation.cjs.entry.js +65 -35
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-typography.cjs.entry.js +59 -30
- package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
- package/dist/cjs/index-d337cd8a.js +2611 -0
- package/dist/cjs/index-d337cd8a.js.map +1 -0
- package/dist/cjs/loader.cjs.js +5 -3
- package/dist/cjs/loader.cjs.js.map +1 -1
- package/dist/collection/ag-theme-icds.css +218 -0
- package/dist/collection/collection-manifest.json +8 -7
- package/dist/collection/components/ic-accordion/ic-accordion.css +30 -17
- package/dist/collection/components/ic-accordion/ic-accordion.js +116 -76
- package/dist/collection/components/ic-accordion/ic-accordion.js.map +1 -1
- package/dist/collection/components/ic-accordion/ic-accordion.stories.js +611 -0
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.css +3 -8
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.js +65 -37
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.js.map +1 -1
- package/dist/collection/components/ic-alert/ic-alert.css +52 -19
- package/dist/collection/components/ic-alert/ic-alert.js +164 -50
- package/dist/collection/components/ic-alert/ic-alert.js.map +1 -1
- package/dist/collection/components/ic-alert/ic-alert.stories.js +271 -0
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.css +54 -20
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js +86 -14
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js.map +1 -1
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.stories.js +216 -0
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.types.js.map +1 -1
- package/dist/collection/components/ic-badge/ic-badge.css +44 -11
- package/dist/collection/components/ic-badge/ic-badge.js +160 -53
- package/dist/collection/components/ic-badge/ic-badge.js.map +1 -1
- package/dist/collection/components/ic-badge/ic-badge.stories.js +1092 -0
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.css +32 -8
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js +142 -46
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +165 -84
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.stories.js +362 -0
- package/dist/collection/components/ic-button/ic-button.css +722 -429
- package/dist/collection/components/ic-button/ic-button.js +331 -139
- package/dist/collection/components/ic-button/ic-button.js.map +1 -1
- package/dist/collection/components/ic-button/ic-button.stories.js +2364 -0
- package/dist/collection/components/ic-button/ic-button.types.js.map +1 -1
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.css +115 -104
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.js +160 -86
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.js.map +1 -1
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.stories.js +1050 -0
- package/dist/collection/components/ic-checkbox/ic-checkbox.css +80 -35
- package/dist/collection/components/ic-checkbox/ic-checkbox.js +123 -45
- package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.css +20 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +108 -23
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.stories.js +726 -0
- package/dist/collection/components/ic-chip/ic-chip.css +66 -48
- package/dist/collection/components/ic-chip/ic-chip.js +126 -38
- package/dist/collection/components/ic-chip/ic-chip.js.map +1 -1
- package/dist/collection/components/ic-chip/ic-chip.stories.js +980 -0
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.css +20 -10
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.js +33 -8
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.js.map +1 -1
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.stories.js +131 -0
- package/dist/collection/components/ic-data-list/ic-data-list.css +5 -1
- package/dist/collection/components/ic-data-list/ic-data-list.js +47 -8
- package/dist/collection/components/ic-data-list/ic-data-list.js.map +1 -1
- package/dist/collection/components/ic-data-list/ic-data-list.stories.js +493 -0
- package/dist/collection/components/ic-data-row/ic-data-row.css +5 -2
- package/dist/collection/components/ic-data-row/ic-data-row.js +64 -21
- package/dist/collection/components/ic-data-row/ic-data-row.js.map +1 -1
- package/dist/collection/components/ic-dialog/ic-dialog.css +18 -10
- package/dist/collection/components/ic-dialog/ic-dialog.js +248 -144
- package/dist/collection/components/ic-dialog/ic-dialog.js.map +1 -1
- package/dist/collection/components/ic-dialog/ic-dialog.stories.js +1118 -0
- package/dist/collection/components/ic-divider/ic-divider.css +298 -4
- package/dist/collection/components/ic-divider/ic-divider.js +272 -12
- package/dist/collection/components/ic-divider/ic-divider.js.map +1 -1
- package/dist/collection/components/ic-divider/ic-divider.stories.js +394 -0
- package/dist/collection/components/ic-divider/ic-divider.types.js +2 -0
- package/dist/collection/components/ic-divider/ic-divider.types.js.map +1 -0
- package/dist/collection/components/ic-empty-state/ic-empty-state.css +17 -2
- package/dist/collection/components/ic-empty-state/ic-empty-state.js +63 -28
- package/dist/collection/components/ic-empty-state/ic-empty-state.js.map +1 -1
- package/dist/collection/components/ic-empty-state/ic-empty-state.stories.js +404 -0
- package/dist/collection/components/ic-footer/ic-footer.css +25 -17
- package/dist/collection/components/ic-footer/ic-footer.js +72 -38
- package/dist/collection/components/ic-footer/ic-footer.js.map +1 -1
- package/dist/collection/components/ic-footer/ic-footer.stories.js +384 -0
- package/dist/collection/components/ic-footer-link/ic-footer-link.css +28 -5
- package/dist/collection/components/ic-footer-link/ic-footer-link.js +32 -22
- package/dist/collection/components/ic-footer-link/ic-footer-link.js.map +1 -1
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.css +13 -20
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js +12 -12
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
- package/dist/collection/components/ic-hero/ic-hero.css +25 -10
- package/dist/collection/components/ic-hero/ic-hero.js +66 -45
- package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
- package/dist/collection/components/ic-hero/ic-hero.stories.js +448 -0
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.css +2 -6
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +97 -22
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js.map +1 -1
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.css +51 -18
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +74 -64
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js.map +1 -1
- package/dist/collection/components/ic-input-container/ic-input-container.js +16 -6
- package/dist/collection/components/ic-input-container/ic-input-container.js.map +1 -1
- package/dist/collection/components/ic-input-label/ic-input-label.css +19 -20
- package/dist/collection/components/ic-input-label/ic-input-label.js +97 -41
- package/dist/collection/components/ic-input-label/ic-input-label.js.map +1 -1
- package/dist/collection/components/ic-input-validation/ic-input-validation.css +12 -3
- package/dist/collection/components/ic-input-validation/ic-input-validation.js +36 -19
- package/dist/collection/components/ic-input-validation/ic-input-validation.js.map +1 -1
- package/dist/collection/components/ic-link/ic-link.css +66 -25
- package/dist/collection/components/ic-link/ic-link.js +107 -59
- package/dist/collection/components/ic-link/ic-link.js.map +1 -1
- package/dist/collection/components/ic-link/ic-link.stories.js +85 -0
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css +20 -13
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +183 -102
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js.map +1 -1
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.stories.js +464 -0
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.types.js.map +1 -1
- package/dist/collection/components/ic-menu/ic-menu.css +116 -23
- package/dist/collection/components/ic-menu/ic-menu.js +640 -257
- package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
- package/dist/collection/components/ic-menu/ic-menu.types.js.map +1 -1
- package/dist/collection/components/ic-menu-group/ic-menu-group.css +3 -2
- package/dist/collection/components/ic-menu-group/ic-menu-group.js +4 -5
- package/dist/collection/components/ic-menu-group/ic-menu-group.js.map +1 -1
- package/dist/collection/components/ic-menu-item/ic-menu-item.css +45 -23
- package/dist/collection/components/ic-menu-item/ic-menu-item.js +115 -48
- package/dist/collection/components/ic-menu-item/ic-menu-item.js.map +1 -1
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.css +18 -0
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js +77 -29
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js.map +1 -1
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.css +52 -51
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +158 -47
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.types.js +2 -0
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.types.js.map +1 -0
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.css +60 -65
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +188 -62
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.css +13 -5
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +84 -32
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js.map +1 -1
- package/dist/collection/components/ic-page-header/ic-page-header.css +7 -3
- package/dist/collection/components/ic-page-header/ic-page-header.js +99 -35
- package/dist/collection/components/ic-page-header/ic-page-header.js.map +1 -1
- package/dist/collection/components/ic-page-header/ic-page-header.stories.js +823 -0
- package/dist/collection/components/ic-pagination/ic-pagination.css +24 -1
- package/dist/collection/components/ic-pagination/ic-pagination.js +157 -73
- package/dist/collection/components/ic-pagination/ic-pagination.js.map +1 -1
- package/dist/collection/components/ic-pagination/ic-pagination.stories.js +164 -0
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.css +54 -15
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +99 -52
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.js.map +1 -1
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.css +8 -4
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +184 -69
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.stories.js +573 -0
- package/dist/collection/components/ic-radio-group/ic-radio-group.css +17 -1
- package/dist/collection/components/ic-radio-group/ic-radio-group.js +162 -59
- package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
- package/dist/collection/components/ic-radio-group/ic-radio-group.stories.js +474 -0
- package/dist/collection/components/ic-radio-option/ic-radio-option.css +59 -27
- package/dist/collection/components/ic-radio-option/ic-radio-option.js +130 -47
- package/dist/collection/components/ic-radio-option/ic-radio-option.js.map +1 -1
- package/dist/collection/components/ic-search-bar/ic-search-bar.css +109 -16
- package/dist/collection/components/ic-search-bar/ic-search-bar.js +342 -147
- package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
- package/dist/collection/components/ic-search-bar/ic-search-bar.stories.js +593 -0
- package/dist/collection/components/ic-search-bar/ic-search-bar.types.js.map +1 -1
- package/dist/collection/components/ic-section-container/ic-section-container.js +15 -5
- package/dist/collection/components/ic-section-container/ic-section-container.js.map +1 -1
- package/dist/collection/components/ic-section-container/ic-section-container.stories.js +62 -0
- package/dist/collection/components/ic-select/ic-select.css +105 -55
- package/dist/collection/components/ic-select/ic-select.js +591 -248
- package/dist/collection/components/ic-select/ic-select.js.map +1 -1
- package/dist/collection/components/ic-select/ic-select_(multi).stories.js +892 -0
- package/dist/collection/components/ic-select/ic-select_(searchable).stories.js +965 -0
- package/dist/collection/components/ic-select/ic-select_(single).stories.js +790 -0
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.css +64 -38
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +162 -100
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.stories.js +2547 -0
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.types.js.map +1 -1
- package/dist/collection/components/ic-skeleton/ic-skeleton.css +4 -27
- package/dist/collection/components/ic-skeleton/ic-skeleton.js +29 -13
- package/dist/collection/components/ic-skeleton/ic-skeleton.js.map +1 -1
- package/dist/collection/components/ic-skeleton/ic-skeleton.stories.js +143 -0
- package/dist/collection/components/ic-skip-link/ic-skip-link.css +46 -0
- package/dist/collection/components/ic-skip-link/ic-skip-link.js +231 -0
- package/dist/collection/components/ic-skip-link/ic-skip-link.js.map +1 -0
- package/dist/collection/components/ic-skip-link/ic-skip-link.stories.js +504 -0
- package/dist/collection/components/ic-status-tag/ic-status-tag.css +27 -17
- package/dist/collection/components/ic-status-tag/ic-status-tag.js +80 -10
- package/dist/collection/components/ic-status-tag/ic-status-tag.js.map +1 -1
- package/dist/collection/components/ic-status-tag/ic-status-tag.stories.js +196 -0
- package/dist/collection/components/ic-step/ic-step.css +69 -126
- package/dist/collection/components/ic-step/ic-step.js +95 -42
- package/dist/collection/components/ic-step/ic-step.js.map +1 -1
- package/dist/collection/components/ic-stepper/ic-stepper.js +96 -54
- package/dist/collection/components/ic-stepper/ic-stepper.js.map +1 -1
- package/dist/collection/components/ic-stepper/ic-stepper.stories.js +281 -0
- package/dist/collection/components/ic-switch/ic-switch.css +30 -48
- package/dist/collection/components/ic-switch/ic-switch.js +106 -48
- package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
- package/dist/collection/components/ic-switch/ic-switch.stories.js +149 -0
- package/dist/collection/components/ic-tab/ic-tab.css +53 -17
- package/dist/collection/components/ic-tab/ic-tab.js +97 -51
- package/dist/collection/components/ic-tab/ic-tab.js.map +1 -1
- package/dist/collection/components/ic-tab-context/ic-tab-context.js +170 -180
- package/dist/collection/components/ic-tab-context/ic-tab-context.js.map +1 -1
- package/dist/collection/components/ic-tab-context/ic-tabs.stories.js +316 -0
- package/dist/collection/components/ic-tab-group/ic-tab-group.css +14 -7
- package/dist/collection/components/ic-tab-group/ic-tab-group.js +70 -38
- package/dist/collection/components/ic-tab-group/ic-tab-group.js.map +1 -1
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.css +7 -3
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.js +86 -29
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.js.map +1 -1
- package/dist/collection/components/ic-text-field/ic-text-field.css +64 -8
- package/dist/collection/components/ic-text-field/ic-text-field.js +484 -154
- package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
- package/dist/collection/components/ic-text-field/ic-text-field.stories.js +1048 -0
- package/dist/collection/components/ic-theme/ic-theme.js +121 -35
- package/dist/collection/components/ic-theme/ic-theme.js.map +1 -1
- package/dist/collection/components/ic-theme/ic-theme.stories.js +434 -0
- package/dist/collection/components/ic-toast/ic-toast.css +41 -17
- package/dist/collection/components/ic-toast/ic-toast.js +49 -29
- package/dist/collection/components/ic-toast/ic-toast.js.map +1 -1
- package/dist/collection/components/ic-toast/ic-toast.stories.js +396 -0
- package/dist/collection/components/ic-toast-region/ic-toast-region.js +12 -5
- package/dist/collection/components/ic-toast-region/ic-toast-region.js.map +1 -1
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.css +188 -58
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.js +226 -63
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.js.map +1 -1
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.stories.js +427 -0
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.css +23 -16
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js +228 -64
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js.map +1 -1
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.stories.js +585 -0
- package/dist/collection/components/ic-tooltip/ic-tooltip.css +14 -5
- package/dist/collection/components/ic-tooltip/ic-tooltip.js +123 -36
- package/dist/collection/components/ic-tooltip/ic-tooltip.js.map +1 -1
- package/dist/collection/components/ic-tooltip/ic-tooltip.stories.js +366 -0
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.css +57 -21
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +122 -50
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.stories.js +1091 -0
- package/dist/collection/components/ic-typography/ic-typography.css +11 -7
- package/dist/collection/components/ic-typography/ic-typography.js +101 -32
- package/dist/collection/components/ic-typography/ic-typography.js.map +1 -1
- package/dist/collection/components/ic-typography/ic-typography.stories.js +447 -0
- package/dist/collection/patterns/top-nav-content-footer.stories.js +109 -0
- package/dist/collection/patterns/z-index.stories.js +474 -0
- package/dist/collection/utils/constants.js +40 -1
- package/dist/collection/utils/constants.js.map +1 -1
- package/dist/collection/utils/helpers.js +97 -68
- package/dist/collection/utils/helpers.js.map +1 -1
- package/dist/collection/utils/testa11y.helpers.js +2 -1
- package/dist/collection/utils/testa11y.helpers.js.map +1 -1
- package/dist/collection/utils/types.js +6 -6
- package/dist/collection/utils/types.js.map +1 -1
- package/dist/components/helpers.js +151 -70
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/ic-accordion-group.js +38 -21
- package/dist/components/ic-accordion-group.js.map +1 -1
- package/dist/components/ic-accordion.js +76 -45
- package/dist/components/ic-accordion.js.map +1 -1
- package/dist/components/ic-alert.js +98 -47
- package/dist/components/ic-alert.js.map +1 -1
- package/dist/components/ic-back-to-top.js +33 -14
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-badge.js +93 -42
- package/dist/components/ic-badge.js.map +1 -1
- package/dist/components/ic-breadcrumb-group.js +119 -64
- package/dist/components/ic-breadcrumb-group.js.map +1 -1
- package/dist/components/ic-breadcrumb2.js +81 -17
- package/dist/components/ic-breadcrumb2.js.map +1 -1
- package/dist/components/ic-button2.js +190 -79
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-card-vertical.js +98 -74
- package/dist/components/ic-card-vertical.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +53 -12
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox.js +56 -29
- package/dist/components/ic-checkbox.js.map +1 -1
- package/dist/components/ic-chip.js +68 -31
- package/dist/components/ic-chip.js.map +1 -1
- package/dist/components/ic-classification-banner.js +21 -5
- package/dist/components/ic-classification-banner.js.map +1 -1
- package/dist/components/ic-data-list.js +18 -7
- package/dist/components/ic-data-list.js.map +1 -1
- package/dist/components/ic-data-row.js +31 -18
- package/dist/components/ic-data-row.js.map +1 -1
- package/dist/components/ic-dialog.js +172 -114
- package/dist/components/ic-dialog.js.map +1 -1
- package/dist/components/ic-divider2.js +110 -14
- package/dist/components/ic-divider2.js.map +1 -1
- package/dist/components/ic-empty-state.js +23 -24
- package/dist/components/ic-empty-state.js.map +1 -1
- package/dist/components/ic-footer-link-group.js +12 -13
- package/dist/components/ic-footer-link-group.js.map +1 -1
- package/dist/components/ic-footer-link.js +15 -15
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-footer.js +52 -30
- package/dist/components/ic-footer.js.map +1 -1
- package/dist/components/ic-hero.js +36 -33
- package/dist/components/ic-hero.js.map +1 -1
- package/dist/components/ic-horizontal-scroll2.js +41 -20
- package/dist/components/ic-horizontal-scroll2.js.map +1 -1
- package/dist/components/ic-input-component-container2.js +48 -36
- package/dist/components/ic-input-component-container2.js.map +1 -1
- package/dist/components/ic-input-container2.js +12 -5
- package/dist/components/ic-input-container2.js.map +1 -1
- package/dist/components/ic-input-label2.js +42 -23
- package/dist/components/ic-input-label2.js.map +1 -1
- package/dist/components/ic-input-validation2.js +22 -15
- package/dist/components/ic-input-validation2.js.map +1 -1
- package/dist/components/ic-link2.js +45 -29
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-loading-indicator2.js +109 -68
- package/dist/components/ic-loading-indicator2.js.map +1 -1
- package/dist/components/ic-menu-group.js +5 -5
- package/dist/components/ic-menu-group.js.map +1 -1
- package/dist/components/ic-menu-item2.js +46 -35
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-menu2.js +535 -209
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-button.js +33 -24
- package/dist/components/ic-navigation-button.js.map +1 -1
- package/dist/components/ic-navigation-group.js +72 -44
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-navigation-item.js +125 -45
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-navigation-menu2.js +55 -31
- package/dist/components/ic-navigation-menu2.js.map +1 -1
- package/dist/components/ic-page-header.js +53 -29
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-pagination-item2.js +39 -23
- package/dist/components/ic-pagination-item2.js.map +1 -1
- package/dist/components/ic-pagination.js +77 -34
- package/dist/components/ic-pagination.js.map +1 -1
- package/dist/components/ic-popover-menu.js +99 -59
- package/dist/components/ic-popover-menu.js.map +1 -1
- package/dist/components/ic-radio-group.js +105 -47
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-radio-option.js +72 -38
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-search-bar.js +210 -132
- package/dist/components/ic-search-bar.js.map +1 -1
- package/dist/components/ic-section-container2.js +11 -4
- package/dist/components/ic-section-container2.js.map +1 -1
- package/dist/components/ic-select.js +421 -199
- package/dist/components/ic-select.js.map +1 -1
- package/dist/components/ic-side-navigation.js +119 -79
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-skeleton.js +15 -8
- package/dist/components/ic-skeleton.js.map +1 -1
- package/dist/components/ic-skip-link.d.ts +11 -0
- package/dist/components/ic-skip-link.js +91 -0
- package/dist/components/ic-skip-link.js.map +1 -0
- package/dist/components/ic-status-tag.js +30 -7
- package/dist/components/ic-status-tag.js.map +1 -1
- package/dist/components/ic-step.js +37 -35
- package/dist/components/ic-step.js.map +1 -1
- package/dist/components/ic-stepper.js +61 -35
- package/dist/components/ic-stepper.js.map +1 -1
- package/dist/components/ic-switch.js +65 -31
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/components/ic-tab-context.js +116 -154
- package/dist/components/ic-tab-context.js.map +1 -1
- package/dist/components/ic-tab-group.js +19 -14
- package/dist/components/ic-tab-group.js.map +1 -1
- package/dist/components/ic-tab-panel.js +22 -16
- package/dist/components/ic-tab-panel.js.map +1 -1
- package/dist/components/ic-tab.js +32 -22
- package/dist/components/ic-tab.js.map +1 -1
- package/dist/components/ic-text-field.js +504 -1
- package/dist/components/ic-text-field.js.map +1 -1
- package/dist/components/ic-theme.js +59 -25
- package/dist/components/ic-theme.js.map +1 -1
- package/dist/components/ic-toast-region.js +7 -2
- package/dist/components/ic-toast-region.js.map +1 -1
- package/dist/components/ic-toast.js +29 -22
- package/dist/components/ic-toast.js.map +1 -1
- package/dist/components/ic-toggle-button-group.js +129 -36
- package/dist/components/ic-toggle-button-group.js.map +1 -1
- package/dist/components/ic-toggle-button.js +121 -29
- package/dist/components/ic-toggle-button.js.map +1 -1
- package/dist/components/ic-tooltip2.js +75 -25
- package/dist/components/ic-tooltip2.js.map +1 -1
- package/dist/components/ic-top-navigation.js +66 -35
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/components/ic-typography2.js +58 -27
- package/dist/components/ic-typography2.js.map +1 -1
- package/dist/core/ag-theme-icds.css +218 -0
- package/dist/core/core.css +1737 -64
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/index.esm.js.map +1 -1
- package/dist/core/p-005cd8a8.entry.js +2 -0
- package/dist/core/p-005cd8a8.entry.js.map +1 -0
- package/dist/core/p-0631c3ab.entry.js +2 -0
- package/dist/core/p-0631c3ab.entry.js.map +1 -0
- package/dist/core/p-0a8b3967.entry.js +2 -0
- package/dist/core/p-0a8b3967.entry.js.map +1 -0
- package/dist/core/p-0b4350df.entry.js +2 -0
- package/dist/core/p-0b4350df.entry.js.map +1 -0
- package/dist/core/p-0e618fc5.entry.js +2 -0
- package/dist/core/p-0e618fc5.entry.js.map +1 -0
- package/dist/core/p-18ecba80.entry.js +2 -0
- package/dist/core/p-18ecba80.entry.js.map +1 -0
- package/dist/core/p-1e4cdd2d.entry.js +2 -0
- package/dist/core/p-1e4cdd2d.entry.js.map +1 -0
- package/dist/core/p-23d059ff.entry.js +2 -0
- package/dist/core/p-23d059ff.entry.js.map +1 -0
- package/dist/core/{p-54238d16.entry.js → p-23ed8b99.entry.js} +2 -2
- package/dist/core/p-23ed8b99.entry.js.map +1 -0
- package/dist/core/p-281ce313.js +2 -0
- package/dist/core/p-281ce313.js.map +1 -0
- package/dist/core/p-30abe545.entry.js +2 -0
- package/dist/core/p-30abe545.entry.js.map +1 -0
- package/dist/core/p-3132270d.entry.js +2 -0
- package/dist/core/p-3132270d.entry.js.map +1 -0
- package/dist/core/p-33c86ba6.entry.js +2 -0
- package/dist/core/p-33c86ba6.entry.js.map +1 -0
- package/dist/core/p-3675c4b4.entry.js +2 -0
- package/dist/core/p-3675c4b4.entry.js.map +1 -0
- package/dist/core/p-3b185c32.js.map +1 -1
- package/dist/core/p-3b5d3e24.entry.js +2 -0
- package/dist/core/p-3b5d3e24.entry.js.map +1 -0
- package/dist/core/p-3eb7ef1d.entry.js +2 -0
- package/dist/core/p-3eb7ef1d.entry.js.map +1 -0
- package/dist/core/{p-a87d13b3.entry.js → p-40f2f58e.entry.js} +2 -2
- package/dist/core/p-40f2f58e.entry.js.map +1 -0
- package/dist/core/p-4245a976.entry.js +2 -0
- package/dist/core/p-4245a976.entry.js.map +1 -0
- package/dist/core/p-426ec638.js.map +1 -1
- package/dist/core/p-44e4e8c1.entry.js +2 -0
- package/dist/core/p-44e4e8c1.entry.js.map +1 -0
- package/dist/core/p-45432bf5.entry.js +2 -0
- package/dist/core/p-45432bf5.entry.js.map +1 -0
- package/dist/core/p-4b601e06.entry.js +2 -0
- package/dist/core/p-4b601e06.entry.js.map +1 -0
- package/dist/core/{p-bf89c86d.entry.js → p-4b6818d9.entry.js} +2 -2
- package/dist/core/p-4b6818d9.entry.js.map +1 -0
- package/dist/core/p-517d7afb.entry.js +2 -0
- package/dist/core/p-517d7afb.entry.js.map +1 -0
- package/dist/core/p-5206a978.entry.js +2 -0
- package/dist/core/p-5206a978.entry.js.map +1 -0
- package/dist/core/p-5d4b0480.entry.js +2 -0
- package/dist/core/p-5d4b0480.entry.js.map +1 -0
- package/dist/core/p-5e18b899.entry.js +2 -0
- package/dist/core/p-5e18b899.entry.js.map +1 -0
- package/dist/core/p-6337fe1f.entry.js +2 -0
- package/dist/core/p-6337fe1f.entry.js.map +1 -0
- package/dist/core/p-63fe83ad.entry.js +2 -0
- package/dist/core/p-63fe83ad.entry.js.map +1 -0
- package/dist/core/p-68a5aaff.js.map +1 -1
- package/dist/core/p-6de6b6b7.entry.js +2 -0
- package/dist/core/p-6de6b6b7.entry.js.map +1 -0
- package/dist/core/p-70700c7a.entry.js +2 -0
- package/dist/core/p-70700c7a.entry.js.map +1 -0
- package/dist/core/p-7a0d238b.entry.js +2 -0
- package/dist/core/p-7a0d238b.entry.js.map +1 -0
- package/dist/core/p-7afc71d0.entry.js +2 -0
- package/dist/core/p-7afc71d0.entry.js.map +1 -0
- package/dist/core/p-7c0914e7.entry.js +2 -0
- package/dist/core/p-7c0914e7.entry.js.map +1 -0
- package/dist/core/p-7dfe0284.entry.js +2 -0
- package/dist/core/p-7dfe0284.entry.js.map +1 -0
- package/dist/core/p-81a12e36.entry.js +2 -0
- package/dist/core/p-81a12e36.entry.js.map +1 -0
- package/dist/core/p-88924aef.entry.js +2 -0
- package/dist/core/p-88924aef.entry.js.map +1 -0
- package/dist/core/p-8ba129fc.entry.js +2 -0
- package/dist/core/p-8ba129fc.entry.js.map +1 -0
- package/dist/core/p-8e4e97b4.js +3 -0
- package/dist/core/p-8e4e97b4.js.map +1 -0
- package/dist/core/p-950db960.entry.js +2 -0
- package/dist/core/p-950db960.entry.js.map +1 -0
- package/dist/core/p-959a9cdf.entry.js +2 -0
- package/dist/core/p-959a9cdf.entry.js.map +1 -0
- package/dist/core/p-9ea9a4ce.entry.js +2 -0
- package/dist/core/p-9ea9a4ce.entry.js.map +1 -0
- package/dist/core/p-a9c96e3e.entry.js +2 -0
- package/dist/core/p-a9c96e3e.entry.js.map +1 -0
- package/dist/core/p-abaea607.entry.js +2 -0
- package/dist/core/p-abaea607.entry.js.map +1 -0
- package/dist/core/p-ac7db165.entry.js +2 -0
- package/dist/core/p-ac7db165.entry.js.map +1 -0
- package/dist/core/p-acebb05c.entry.js +2 -0
- package/dist/core/p-acebb05c.entry.js.map +1 -0
- package/dist/core/p-b3ac38c5.entry.js +2 -0
- package/dist/core/p-b3ac38c5.entry.js.map +1 -0
- package/dist/core/p-b3d6d5be.entry.js +2 -0
- package/dist/core/p-b3d6d5be.entry.js.map +1 -0
- package/dist/core/p-bbe5596b.entry.js +2 -0
- package/dist/core/p-bbe5596b.entry.js.map +1 -0
- package/dist/core/p-c04f36c5.entry.js +2 -0
- package/dist/core/p-c04f36c5.entry.js.map +1 -0
- package/dist/core/p-c2ca6274.entry.js +2 -0
- package/dist/core/p-c2ca6274.entry.js.map +1 -0
- package/dist/core/p-c2e091d7.js.map +1 -1
- package/dist/core/p-c62318a8.entry.js +2 -0
- package/dist/core/p-c62318a8.entry.js.map +1 -0
- package/dist/core/p-de43d375.entry.js +2 -0
- package/dist/core/p-de43d375.entry.js.map +1 -0
- package/dist/core/p-e1255160.js +2 -0
- package/dist/core/p-e1255160.js.map +1 -0
- package/dist/core/p-e2f893f0.entry.js +2 -0
- package/dist/core/p-e2f893f0.entry.js.map +1 -0
- package/dist/core/p-e56d0db2.entry.js +2 -0
- package/dist/core/p-e56d0db2.entry.js.map +1 -0
- package/dist/core/p-e586ae7b.entry.js +2 -0
- package/dist/core/p-e586ae7b.entry.js.map +1 -0
- package/dist/core/p-ef09b450.entry.js +2 -0
- package/dist/core/p-ef09b450.entry.js.map +1 -0
- package/dist/core/p-f074ef5b.js.map +1 -1
- package/dist/core/p-f34eee68.entry.js +2 -0
- package/dist/core/p-f34eee68.entry.js.map +1 -0
- package/dist/core/p-f3c72ffb.entry.js +2 -0
- package/dist/core/p-f3c72ffb.entry.js.map +1 -0
- package/dist/core/{p-a0e4d6bd.entry.js → p-f815f8c9.entry.js} +2 -2
- package/dist/core/p-f815f8c9.entry.js.map +1 -0
- package/dist/core/p-fbde763c.entry.js +2 -0
- package/dist/core/p-fbde763c.entry.js.map +1 -0
- package/dist/core/p-fc50d582.entry.js +2 -0
- package/dist/core/p-fc50d582.entry.js.map +1 -0
- package/dist/core/p-fe833509.entry.js +2 -0
- package/dist/core/p-fe833509.entry.js.map +1 -0
- package/dist/esm/app-globals-0f993ce5.js +5 -0
- package/dist/esm/app-globals-0f993ce5.js.map +1 -0
- package/dist/esm/core.js +14 -12
- package/dist/esm/core.js.map +1 -1
- package/dist/esm/{helpers-35ac5e03.js → helpers-46a2d1fd.js} +152 -71
- package/dist/esm/helpers-46a2d1fd.js.map +1 -0
- package/dist/esm/ic-accordion-group.entry.js +38 -22
- package/dist/esm/ic-accordion-group.entry.js.map +1 -1
- package/dist/esm/ic-accordion.entry.js +75 -46
- package/dist/esm/ic-accordion.entry.js.map +1 -1
- package/dist/esm/ic-alert.entry.js +93 -46
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +32 -16
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/ic-badge.entry.js +91 -42
- package/dist/esm/ic-badge.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +114 -63
- package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb.entry.js +78 -18
- package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
- package/dist/esm/ic-button_3.entry.js +366 -168
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card-vertical.entry.js +93 -72
- package/dist/esm/ic-card-vertical.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +51 -14
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox.entry.js +55 -31
- package/dist/esm/ic-checkbox.entry.js.map +1 -1
- package/dist/esm/ic-chip.entry.js +64 -32
- package/dist/esm/ic-chip.entry.js.map +1 -1
- package/dist/esm/ic-classification-banner.entry.js +22 -6
- package/dist/esm/ic-classification-banner.entry.js.map +1 -1
- package/dist/esm/ic-data-list.entry.js +17 -7
- package/dist/esm/ic-data-list.entry.js.map +1 -1
- package/dist/esm/ic-data-row.entry.js +31 -20
- package/dist/esm/ic-data-row.entry.js.map +1 -1
- package/dist/esm/ic-dialog.entry.js +170 -114
- package/dist/esm/ic-dialog.entry.js.map +1 -1
- package/dist/esm/ic-divider.entry.js +95 -12
- package/dist/esm/ic-divider.entry.js.map +1 -1
- package/dist/esm/ic-empty-state.entry.js +21 -24
- package/dist/esm/ic-empty-state.entry.js.map +1 -1
- package/dist/esm/ic-footer-link-group.entry.js +12 -14
- package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
- package/dist/esm/ic-footer-link.entry.js +15 -16
- package/dist/esm/ic-footer-link.entry.js.map +1 -1
- package/dist/esm/ic-footer.entry.js +52 -30
- package/dist/esm/ic-footer.entry.js.map +1 -1
- package/dist/esm/ic-hero.entry.js +35 -32
- package/dist/esm/ic-hero.entry.js.map +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js +40 -21
- package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
- package/dist/esm/ic-input-component-container_3.entry.js +587 -244
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-input-label_2.entry.js +62 -37
- package/dist/esm/ic-input-label_2.entry.js.map +1 -1
- package/dist/esm/ic-link.entry.js +43 -28
- package/dist/esm/ic-link.entry.js.map +1 -1
- package/dist/esm/ic-menu-group.entry.js +6 -7
- package/dist/esm/ic-menu-group.entry.js.map +1 -1
- package/dist/esm/ic-menu-item.entry.js +41 -33
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +32 -24
- package/dist/esm/ic-navigation-button.entry.js.map +1 -1
- package/dist/esm/ic-navigation-group.entry.js +69 -44
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +122 -45
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +55 -33
- package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
- package/dist/esm/ic-page-header.entry.js +53 -31
- package/dist/esm/ic-page-header.entry.js.map +1 -1
- package/dist/esm/ic-pagination-item.entry.js +37 -24
- package/dist/esm/ic-pagination-item.entry.js.map +1 -1
- package/dist/esm/ic-pagination.entry.js +76 -36
- package/dist/esm/ic-pagination.entry.js.map +1 -1
- package/dist/esm/ic-popover-menu.entry.js +97 -60
- package/dist/esm/ic-popover-menu.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +103 -48
- package/dist/esm/ic-radio-group.entry.js.map +1 -1
- package/dist/esm/ic-radio-option.entry.js +70 -39
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-search-bar.entry.js +195 -108
- package/dist/esm/ic-search-bar.entry.js.map +1 -1
- package/dist/esm/ic-section-container.entry.js +12 -5
- package/dist/esm/ic-section-container.entry.js.map +1 -1
- package/dist/esm/ic-select.entry.js +418 -199
- package/dist/esm/ic-select.entry.js.map +1 -1
- package/dist/esm/ic-side-navigation.entry.js +119 -79
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-skeleton.entry.js +15 -8
- package/dist/esm/ic-skeleton.entry.js.map +1 -1
- package/dist/esm/ic-skip-link.entry.js +58 -0
- package/dist/esm/ic-skip-link.entry.js.map +1 -0
- package/dist/esm/ic-status-tag.entry.js +30 -10
- package/dist/esm/ic-status-tag.entry.js.map +1 -1
- package/dist/esm/ic-step.entry.js +37 -37
- package/dist/esm/ic-step.entry.js.map +1 -1
- package/dist/esm/ic-stepper.entry.js +60 -36
- package/dist/esm/ic-stepper.entry.js.map +1 -1
- package/dist/esm/ic-switch.entry.js +63 -31
- package/dist/esm/ic-switch.entry.js.map +1 -1
- package/dist/esm/ic-tab-context.entry.js +112 -152
- package/dist/esm/ic-tab-context.entry.js.map +1 -1
- package/dist/esm/ic-tab-group.entry.js +18 -14
- package/dist/esm/ic-tab-group.entry.js.map +1 -1
- package/dist/esm/ic-tab-panel.entry.js +19 -15
- package/dist/esm/ic-tab-panel.entry.js.map +1 -1
- package/dist/esm/ic-tab.entry.js +31 -22
- package/dist/esm/ic-tab.entry.js.map +1 -1
- package/dist/esm/ic-text-field.entry.js +229 -81
- package/dist/esm/ic-text-field.entry.js.map +1 -1
- package/dist/esm/ic-theme.entry.js +54 -23
- package/dist/esm/ic-theme.entry.js.map +1 -1
- package/dist/esm/ic-toast-region.entry.js +8 -3
- package/dist/esm/ic-toast-region.entry.js.map +1 -1
- package/dist/esm/ic-toast.entry.js +30 -23
- package/dist/esm/ic-toast.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button-group.entry.js +117 -35
- package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button.entry.js +110 -23
- package/dist/esm/ic-toggle-button.entry.js.map +1 -1
- package/dist/esm/ic-top-navigation.entry.js +65 -35
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-typography.entry.js +59 -30
- package/dist/esm/ic-typography.entry.js.map +1 -1
- package/dist/esm/index-a7a720e7.js +2580 -0
- package/dist/esm/index-a7a720e7.js.map +1 -0
- package/dist/esm/loader.js +6 -4
- package/dist/esm/loader.js.map +1 -1
- package/dist/types/components/ic-accordion/ic-accordion.d.ts +10 -8
- package/dist/types/components/ic-accordion-group/ic-accordion-group.d.ts +9 -9
- package/dist/types/components/ic-alert/ic-alert.d.ts +24 -8
- package/dist/types/components/ic-back-to-top/ic-back-to-top.d.ts +11 -2
- package/dist/types/components/ic-back-to-top/ic-back-to-top.types.d.ts +1 -0
- package/dist/types/components/ic-badge/ic-badge.d.ts +15 -5
- package/dist/types/components/ic-breadcrumb/ic-breadcrumb.d.ts +19 -6
- package/dist/types/components/ic-breadcrumb-group/ic-breadcrumb-group.d.ts +16 -9
- package/dist/types/components/ic-button/ic-button.d.ts +19 -13
- package/dist/types/components/ic-button/ic-button.types.d.ts +0 -1
- package/dist/types/components/ic-card-vertical/ic-card-vertical.d.ts +9 -5
- package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +17 -12
- package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +15 -8
- package/dist/types/components/ic-chip/ic-chip.d.ts +13 -2
- package/dist/types/components/ic-data-list/ic-data-list.d.ts +6 -2
- package/dist/types/components/ic-data-row/ic-data-row.d.ts +7 -3
- package/dist/types/components/ic-dialog/ic-dialog.d.ts +21 -12
- package/dist/types/components/ic-divider/ic-divider.d.ts +33 -3
- package/dist/types/components/ic-divider/ic-divider.types.d.ts +3 -0
- package/dist/types/components/ic-empty-state/ic-empty-state.d.ts +5 -2
- package/dist/types/components/ic-footer/ic-footer.d.ts +8 -7
- package/dist/types/components/ic-footer-link/ic-footer-link.d.ts +3 -3
- package/dist/types/components/ic-footer-link-group/ic-footer-link-group.d.ts +3 -2
- package/dist/types/components/ic-hero/ic-hero.d.ts +6 -7
- package/dist/types/components/ic-horizontal-scroll/ic-horizontal-scroll.d.ts +8 -2
- package/dist/types/components/ic-input-component-container/ic-input-component-container.d.ts +8 -11
- package/dist/types/components/ic-input-label/ic-input-label.d.ts +10 -6
- package/dist/types/components/ic-input-validation/ic-input-validation.d.ts +4 -4
- package/dist/types/components/ic-link/ic-link.d.ts +10 -6
- package/dist/types/components/ic-loading-indicator/ic-loading-indicator.d.ts +12 -8
- package/dist/types/components/ic-loading-indicator/ic-loading-indicator.types.d.ts +1 -1
- package/dist/types/components/ic-menu/ic-menu.d.ts +56 -23
- package/dist/types/components/ic-menu/ic-menu.types.d.ts +1 -1
- package/dist/types/components/ic-menu-item/ic-menu-item.d.ts +13 -6
- package/dist/types/components/ic-navigation-button/ic-navigation-button.d.ts +8 -4
- package/dist/types/components/ic-navigation-group/ic-navigation-group.d.ts +25 -9
- package/dist/types/components/ic-navigation-group/ic-navigation-group.types.d.ts +6 -0
- package/dist/types/components/ic-navigation-item/ic-navigation-item.d.ts +22 -11
- package/dist/types/components/ic-navigation-menu/ic-navigation-menu.d.ts +10 -3
- package/dist/types/components/ic-page-header/ic-page-header.d.ts +5 -1
- package/dist/types/components/ic-pagination/ic-pagination.d.ts +19 -14
- package/dist/types/components/ic-pagination-item/ic-pagination-item.d.ts +14 -9
- package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +13 -11
- package/dist/types/components/ic-radio-group/ic-radio-group.d.ts +15 -10
- package/dist/types/components/ic-radio-option/ic-radio-option.d.ts +16 -9
- package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +26 -14
- package/dist/types/components/ic-search-bar/ic-search-bar.types.d.ts +1 -1
- package/dist/types/components/ic-select/ic-select.d.ts +53 -32
- package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +15 -15
- package/dist/types/components/ic-side-navigation/ic-side-navigation.types.d.ts +2 -2
- package/dist/types/components/ic-skeleton/ic-skeleton.d.ts +3 -2
- package/dist/types/components/ic-skip-link/ic-skip-link.d.ts +38 -0
- package/dist/types/components/ic-status-tag/ic-status-tag.d.ts +8 -0
- package/dist/types/components/ic-step/ic-step.d.ts +5 -0
- package/dist/types/components/ic-stepper/ic-stepper.d.ts +7 -5
- package/dist/types/components/ic-switch/ic-switch.d.ts +8 -7
- package/dist/types/components/ic-tab/ic-tab.d.ts +8 -5
- package/dist/types/components/ic-tab-context/ic-tab-context.d.ts +19 -12
- package/dist/types/components/ic-tab-group/ic-tab-group.d.ts +5 -5
- package/dist/types/components/ic-tab-panel/ic-tab-panel.d.ts +9 -3
- package/dist/types/components/ic-text-field/ic-text-field.d.ts +59 -34
- package/dist/types/components/ic-theme/ic-theme.d.ts +19 -8
- package/dist/types/components/ic-toast/ic-toast.d.ts +3 -3
- package/dist/types/components/ic-toast-region/ic-toast-region.d.ts +2 -1
- package/dist/types/components/ic-toggle-button/ic-toggle-button.d.ts +17 -8
- package/dist/types/components/ic-toggle-button-group/ic-toggle-button-group.d.ts +21 -5
- package/dist/types/components/ic-tooltip/ic-tooltip.d.ts +9 -1
- package/dist/types/components/ic-top-navigation/ic-top-navigation.d.ts +16 -12
- package/dist/types/components/ic-typography/ic-typography.d.ts +6 -2
- package/dist/types/components.d.ts +975 -389
- package/dist/types/stencil-public-runtime.d.ts +9 -10
- package/dist/types/utils/constants.d.ts +1 -0
- package/dist/types/utils/helpers.d.ts +35 -17
- package/dist/types/utils/types.d.ts +18 -10
- package/hydrate/index.d.ts +53 -12
- package/hydrate/index.js +32853 -19673
- package/hydrate/index.mjs +34474 -0
- package/hydrate/package.json +7 -1
- package/loader/cdn.js +1 -3
- package/loader/index.cjs.js +1 -3
- package/loader/index.d.ts +3 -0
- package/loader/index.es2017.js +1 -3
- package/loader/index.js +1 -3
- package/package.json +22 -21
- package/vscode-data.json +1017 -653
- package/dist/cjs/helpers-94b33ab0.js.map +0 -1
- package/dist/cjs/index-f982899d.js +0 -3047
- package/dist/cjs/index-f982899d.js.map +0 -1
- package/dist/cjs/types-dc22e301.js +0 -16
- package/dist/cjs/types-dc22e301.js.map +0 -1
- package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js +0 -346
- package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js.map +0 -1
- package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js +0 -129
- package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js.map +0 -1
- package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js +0 -197
- package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js.map +0 -1
- package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js +0 -131
- package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js.map +0 -1
- package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js +0 -264
- package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js.map +0 -1
- package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js +0 -118
- package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js.map +0 -1
- package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.spec.js +0 -219
- package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.spec.js.map +0 -1
- package/dist/collection/components/ic-button/test/basic/ic-button.spec.js +0 -332
- package/dist/collection/components/ic-button/test/basic/ic-button.spec.js.map +0 -1
- package/dist/collection/components/ic-card-vertical/test/basic/ic-card-vertical.spec.js +0 -173
- package/dist/collection/components/ic-card-vertical/test/basic/ic-card-vertical.spec.js.map +0 -1
- package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js +0 -281
- package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js.map +0 -1
- package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js +0 -169
- package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js.map +0 -1
- package/dist/collection/components/ic-classification-banner/test/basic/ic-classification-banner.spec.js +0 -188
- package/dist/collection/components/ic-classification-banner/test/basic/ic-classification-banner.spec.js.map +0 -1
- package/dist/collection/components/ic-data-list/test/basic/ic-data-list.spec.js +0 -161
- package/dist/collection/components/ic-data-list/test/basic/ic-data-list.spec.js.map +0 -1
- package/dist/collection/components/ic-data-row/test/basic/ic-data-row.spec.js +0 -74
- package/dist/collection/components/ic-data-row/test/basic/ic-data-row.spec.js.map +0 -1
- package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js +0 -428
- package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js.map +0 -1
- package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js +0 -24
- package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js.map +0 -1
- package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js +0 -140
- package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js.map +0 -1
- package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js +0 -46
- package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js.map +0 -1
- package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js +0 -66
- package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js.map +0 -1
- package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js +0 -91
- package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js.map +0 -1
- package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js +0 -180
- package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js.map +0 -1
- package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js +0 -145
- package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js.map +0 -1
- package/dist/collection/components/ic-input-container/test/basic/ic-input-container.spec.js +0 -38
- package/dist/collection/components/ic-input-container/test/basic/ic-input-container.spec.js.map +0 -1
- package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js +0 -98
- package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js.map +0 -1
- package/dist/collection/components/ic-input-validation/test/basic/ic-input-validation.spec.js +0 -89
- package/dist/collection/components/ic-input-validation/test/basic/ic-input-validation.spec.js.map +0 -1
- package/dist/collection/components/ic-link/test/basic/ic-link.spec.js +0 -217
- package/dist/collection/components/ic-link/test/basic/ic-link.spec.js.map +0 -1
- package/dist/collection/components/ic-loading-indicator/test/basic/ic-loading-indicator.spec.js +0 -148
- package/dist/collection/components/ic-loading-indicator/test/basic/ic-loading-indicator.spec.js.map +0 -1
- package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js +0 -760
- package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js.map +0 -1
- package/dist/collection/components/ic-menu-group/test/basic/ic-menu-group.spec.js +0 -94
- package/dist/collection/components/ic-menu-group/test/basic/ic-menu-group.spec.js.map +0 -1
- package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js +0 -108
- package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js.map +0 -1
- package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js +0 -95
- package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js.map +0 -1
- package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js +0 -309
- package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js.map +0 -1
- package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js +0 -118
- package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js.map +0 -1
- package/dist/collection/components/ic-navigation-menu/test/basic/ic-navigation-menu.spec.js +0 -176
- package/dist/collection/components/ic-navigation-menu/test/basic/ic-navigation-menu.spec.js.map +0 -1
- package/dist/collection/components/ic-page-header/test/basic/ic-page-header.spec.js +0 -291
- package/dist/collection/components/ic-page-header/test/basic/ic-page-header.spec.js.map +0 -1
- package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js +0 -380
- package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js.map +0 -1
- package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js +0 -76
- package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js.map +0 -1
- package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.spec.js +0 -398
- package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.spec.js.map +0 -1
- package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.e2e.js +0 -339
- package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.e2e.js.map +0 -1
- package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js +0 -380
- package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js.map +0 -1
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js +0 -1106
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js.map +0 -1
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js +0 -584
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js.map +0 -1
- package/dist/collection/components/ic-section-container/test/basic/ic-section-container.spec.js +0 -69
- package/dist/collection/components/ic-section-container/test/basic/ic-section-container.spec.js.map +0 -1
- package/dist/collection/components/ic-select/test/basic/ic-select.spec.js +0 -1439
- package/dist/collection/components/ic-select/test/basic/ic-select.spec.js.map +0 -1
- package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js +0 -503
- package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js.map +0 -1
- package/dist/collection/components/ic-skeleton/test/basic/ic-skeleton.spec.js +0 -89
- package/dist/collection/components/ic-skeleton/test/basic/ic-skeleton.spec.js.map +0 -1
- package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js +0 -43
- package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js.map +0 -1
- package/dist/collection/components/ic-step/test/basic/ic-step.spec.js +0 -176
- package/dist/collection/components/ic-step/test/basic/ic-step.spec.js.map +0 -1
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper.e2e.js +0 -49
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper.e2e.js.map +0 -1
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js +0 -752
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js.map +0 -1
- package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js +0 -104
- package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js.map +0 -1
- package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js +0 -159
- package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js.map +0 -1
- package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js +0 -390
- package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js.map +0 -1
- package/dist/collection/components/ic-tab-panel/test/basic/ic-tab-panel.spec.js +0 -50
- package/dist/collection/components/ic-tab-panel/test/basic/ic-tab-panel.spec.js.map +0 -1
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js +0 -284
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js.map +0 -1
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js +0 -341
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js.map +0 -1
- package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js +0 -72
- package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js.map +0 -1
- package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js +0 -77
- package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js.map +0 -1
- package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js +0 -314
- package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js.map +0 -1
- package/dist/collection/components/ic-toast-region/test/basic/ic-toast-region.spec.js +0 -64
- package/dist/collection/components/ic-toast-region/test/basic/ic-toast-region.spec.js.map +0 -1
- package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js +0 -116
- package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js.map +0 -1
- package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js +0 -150
- package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js.map +0 -1
- package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.e2e.js +0 -109
- package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.e2e.js.map +0 -1
- package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.spec.js +0 -307
- package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.spec.js.map +0 -1
- package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js +0 -314
- package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js.map +0 -1
- package/dist/collection/components/ic-typography/test/basic/ic-typography.e2e.js +0 -39
- package/dist/collection/components/ic-typography/test/basic/ic-typography.e2e.js.map +0 -1
- package/dist/collection/components/ic-typography/test/basic/ic-typography.spec.js +0 -393
- package/dist/collection/components/ic-typography/test/basic/ic-typography.spec.js.map +0 -1
- package/dist/collection/testspec.setup.js +0 -63
- package/dist/collection/testspec.setup.js.map +0 -1
- package/dist/components/ic-text-field2.js +0 -354
- package/dist/components/ic-text-field2.js.map +0 -1
- package/dist/components/types.js +0 -16
- package/dist/components/types.js.map +0 -1
- package/dist/core/p-05d32a4f.entry.js +0 -2
- package/dist/core/p-05d32a4f.entry.js.map +0 -1
- package/dist/core/p-086a6d4f.entry.js +0 -2
- package/dist/core/p-086a6d4f.entry.js.map +0 -1
- package/dist/core/p-0a00a786.entry.js +0 -2
- package/dist/core/p-0a00a786.entry.js.map +0 -1
- package/dist/core/p-145fcef3.entry.js +0 -2
- package/dist/core/p-145fcef3.entry.js.map +0 -1
- package/dist/core/p-15367990.entry.js +0 -2
- package/dist/core/p-15367990.entry.js.map +0 -1
- package/dist/core/p-1737bf2c.entry.js +0 -2
- package/dist/core/p-1737bf2c.entry.js.map +0 -1
- package/dist/core/p-1ace2b02.entry.js +0 -2
- package/dist/core/p-1ace2b02.entry.js.map +0 -1
- package/dist/core/p-1e371012.entry.js +0 -2
- package/dist/core/p-1e371012.entry.js.map +0 -1
- package/dist/core/p-1f227289.entry.js +0 -2
- package/dist/core/p-1f227289.entry.js.map +0 -1
- package/dist/core/p-24275b92.entry.js +0 -2
- package/dist/core/p-24275b92.entry.js.map +0 -1
- package/dist/core/p-26b7b18f.js +0 -2
- package/dist/core/p-26b7b18f.js.map +0 -1
- package/dist/core/p-29e6c33f.entry.js +0 -2
- package/dist/core/p-29e6c33f.entry.js.map +0 -1
- package/dist/core/p-2a6f01ad.entry.js +0 -2
- package/dist/core/p-2a6f01ad.entry.js.map +0 -1
- package/dist/core/p-2f86c53b.entry.js +0 -2
- package/dist/core/p-2f86c53b.entry.js.map +0 -1
- package/dist/core/p-319e40c0.entry.js +0 -2
- package/dist/core/p-319e40c0.entry.js.map +0 -1
- package/dist/core/p-346c6920.entry.js +0 -2
- package/dist/core/p-346c6920.entry.js.map +0 -1
- package/dist/core/p-4b1445b3.entry.js +0 -2
- package/dist/core/p-4b1445b3.entry.js.map +0 -1
- package/dist/core/p-4b621c67.entry.js +0 -2
- package/dist/core/p-4b621c67.entry.js.map +0 -1
- package/dist/core/p-4ca2b177.entry.js +0 -2
- package/dist/core/p-4ca2b177.entry.js.map +0 -1
- package/dist/core/p-54238d16.entry.js.map +0 -1
- package/dist/core/p-5515ad19.entry.js +0 -2
- package/dist/core/p-5515ad19.entry.js.map +0 -1
- package/dist/core/p-5c8081d6.entry.js +0 -2
- package/dist/core/p-5c8081d6.entry.js.map +0 -1
- package/dist/core/p-5f941f3a.entry.js +0 -2
- package/dist/core/p-5f941f3a.entry.js.map +0 -1
- package/dist/core/p-5fd293b3.entry.js +0 -2
- package/dist/core/p-5fd293b3.entry.js.map +0 -1
- package/dist/core/p-60721d95.entry.js +0 -2
- package/dist/core/p-60721d95.entry.js.map +0 -1
- package/dist/core/p-64a5a1d8.entry.js +0 -2
- package/dist/core/p-64a5a1d8.entry.js.map +0 -1
- package/dist/core/p-65e36461.entry.js +0 -2
- package/dist/core/p-65e36461.entry.js.map +0 -1
- package/dist/core/p-66363c7d.entry.js +0 -2
- package/dist/core/p-66363c7d.entry.js.map +0 -1
- package/dist/core/p-69728d76.entry.js +0 -2
- package/dist/core/p-69728d76.entry.js.map +0 -1
- package/dist/core/p-6b328c76.entry.js +0 -2
- package/dist/core/p-6b328c76.entry.js.map +0 -1
- package/dist/core/p-6b5ddacd.entry.js +0 -2
- package/dist/core/p-6b5ddacd.entry.js.map +0 -1
- package/dist/core/p-6b5e91e2.js +0 -3
- package/dist/core/p-6b5e91e2.js.map +0 -1
- package/dist/core/p-7b3d6577.entry.js +0 -2
- package/dist/core/p-7b3d6577.entry.js.map +0 -1
- package/dist/core/p-7d45828d.entry.js +0 -2
- package/dist/core/p-7d45828d.entry.js.map +0 -1
- package/dist/core/p-893eca54.entry.js +0 -2
- package/dist/core/p-893eca54.entry.js.map +0 -1
- package/dist/core/p-8ee262a4.entry.js +0 -2
- package/dist/core/p-8ee262a4.entry.js.map +0 -1
- package/dist/core/p-8f93d92b.entry.js +0 -2
- package/dist/core/p-8f93d92b.entry.js.map +0 -1
- package/dist/core/p-90bb13d2.entry.js +0 -2
- package/dist/core/p-90bb13d2.entry.js.map +0 -1
- package/dist/core/p-9189a82d.entry.js +0 -2
- package/dist/core/p-9189a82d.entry.js.map +0 -1
- package/dist/core/p-9190a84d.entry.js +0 -2
- package/dist/core/p-9190a84d.entry.js.map +0 -1
- package/dist/core/p-93f50a1a.entry.js +0 -2
- package/dist/core/p-93f50a1a.entry.js.map +0 -1
- package/dist/core/p-9474baf3.entry.js +0 -2
- package/dist/core/p-9474baf3.entry.js.map +0 -1
- package/dist/core/p-9857f6b0.entry.js +0 -2
- package/dist/core/p-9857f6b0.entry.js.map +0 -1
- package/dist/core/p-a0e4d6bd.entry.js.map +0 -1
- package/dist/core/p-a1b9a808.entry.js +0 -2
- package/dist/core/p-a1b9a808.entry.js.map +0 -1
- package/dist/core/p-a79bec03.entry.js +0 -2
- package/dist/core/p-a79bec03.entry.js.map +0 -1
- package/dist/core/p-a84a4675.entry.js +0 -2
- package/dist/core/p-a84a4675.entry.js.map +0 -1
- package/dist/core/p-a87d13b3.entry.js.map +0 -1
- package/dist/core/p-a928c7b3.entry.js +0 -2
- package/dist/core/p-a928c7b3.entry.js.map +0 -1
- package/dist/core/p-bf89c86d.entry.js.map +0 -1
- package/dist/core/p-d0524c73.js +0 -2
- package/dist/core/p-d0524c73.js.map +0 -1
- package/dist/core/p-d24410ca.entry.js +0 -2
- package/dist/core/p-d24410ca.entry.js.map +0 -1
- package/dist/core/p-d52ca420.entry.js +0 -2
- package/dist/core/p-d52ca420.entry.js.map +0 -1
- package/dist/core/p-d67a30ca.entry.js +0 -2
- package/dist/core/p-d67a30ca.entry.js.map +0 -1
- package/dist/core/p-de27c59e.entry.js +0 -2
- package/dist/core/p-de27c59e.entry.js.map +0 -1
- package/dist/core/p-dec339ba.entry.js +0 -2
- package/dist/core/p-dec339ba.entry.js.map +0 -1
- package/dist/core/p-e4335135.entry.js +0 -2
- package/dist/core/p-e4335135.entry.js.map +0 -1
- package/dist/core/p-e56a2a06.entry.js +0 -2
- package/dist/core/p-e56a2a06.entry.js.map +0 -1
- package/dist/core/p-e696dc2a.entry.js +0 -2
- package/dist/core/p-e696dc2a.entry.js.map +0 -1
- package/dist/core/p-f0501be1.entry.js +0 -2
- package/dist/core/p-f0501be1.entry.js.map +0 -1
- package/dist/core/p-f50462df.entry.js +0 -2
- package/dist/core/p-f50462df.entry.js.map +0 -1
- package/dist/core/p-feb80f37.entry.js +0 -2
- package/dist/core/p-feb80f37.entry.js.map +0 -1
- package/dist/esm/helpers-35ac5e03.js.map +0 -1
- package/dist/esm/index-d1d2c456.js +0 -3016
- package/dist/esm/index-d1d2c456.js.map +0 -1
- package/dist/esm/polyfills/core-js.js +0 -11
- package/dist/esm/polyfills/dom.js +0 -79
- package/dist/esm/polyfills/es5-html-element.js +0 -1
- package/dist/esm/polyfills/index.js +0 -34
- package/dist/esm/polyfills/system.js +0 -6
- package/dist/esm/types-6f6b41a5.js +0 -16
- package/dist/esm/types-6f6b41a5.js.map +0 -1
- package/dist/types/testspec.setup.d.ts +0 -15
@@ -1,6 +1,6 @@
|
|
1
|
-
import { h,
|
2
|
-
import { onComponentRequiredPropUndefined, isSlotUsed,
|
3
|
-
import {
|
1
|
+
import { h, Host, } from "@stencil/core";
|
2
|
+
import { onComponentRequiredPropUndefined, isSlotUsed, getBrandFromContext, removeDisabledFalse, renderDynamicChildSlots, } from "../../utils/helpers";
|
3
|
+
import { IcBrandForegroundEnum, } from "../../utils/types";
|
4
4
|
import chevronIcon from "../../assets/chevron-icon.svg";
|
5
5
|
/**
|
6
6
|
* @slot heading - Content will be placed at the top of the card to the right of the icon.
|
@@ -18,61 +18,64 @@ import chevronIcon from "../../assets/chevron-icon.svg";
|
|
18
18
|
export class CardVertical {
|
19
19
|
constructor() {
|
20
20
|
this.hostMutationObserver = null;
|
21
|
-
this.parentFocussed = () => {
|
22
|
-
this.isFocussed = true;
|
23
|
-
};
|
24
|
-
this.parentBlurred = () => {
|
25
|
-
this.isFocussed = false;
|
26
|
-
};
|
27
|
-
this.toggleExpanded = () => {
|
28
|
-
this.areaExpanded = !this.areaExpanded;
|
29
|
-
};
|
30
|
-
this.hostMutationCallback = (mutationList) => {
|
31
|
-
if (mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList"
|
32
|
-
? checkSlotInChildMutations(addedNodes, removedNodes, [
|
33
|
-
"message",
|
34
|
-
"adornment",
|
35
|
-
"expanded-content",
|
36
|
-
"image-top",
|
37
|
-
"image-mid",
|
38
|
-
"icon",
|
39
|
-
"interaction-button",
|
40
|
-
"badge",
|
41
|
-
"interaction-controls",
|
42
|
-
])
|
43
|
-
: false)) {
|
44
|
-
forceUpdate(this);
|
45
|
-
}
|
46
|
-
};
|
47
|
-
this.appearance = "default";
|
48
21
|
this.areaExpanded = false;
|
49
22
|
this.isFocussed = false;
|
23
|
+
this.monochrome = false;
|
50
24
|
this.parentEl = null;
|
51
25
|
this.parentIsAnchorTag = false;
|
26
|
+
/**
|
27
|
+
* If `true`, the card will be a clickable variant, instead of static.
|
28
|
+
*/
|
52
29
|
this.clickable = false;
|
30
|
+
/**
|
31
|
+
* If `true`, the card will be disabled if it is clickable.
|
32
|
+
*/
|
53
33
|
this.disabled = false;
|
34
|
+
/**
|
35
|
+
* If `true`, the card will have an expandable area and expansion toggle button.
|
36
|
+
*/
|
54
37
|
this.expandable = false;
|
38
|
+
/**
|
39
|
+
* If `true`, the card will fill the width of the container.
|
40
|
+
*/
|
55
41
|
this.fullWidth = false;
|
56
|
-
|
57
|
-
|
42
|
+
/**
|
43
|
+
* The human language of the linked URL.
|
44
|
+
*/
|
58
45
|
this.hreflang = "";
|
46
|
+
/**
|
47
|
+
* The main body message of the card.
|
48
|
+
*/
|
59
49
|
this.message = "";
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
this.
|
50
|
+
/**
|
51
|
+
* 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.
|
52
|
+
*/
|
53
|
+
this.theme = "inherit";
|
54
|
+
this.parentFocussed = () => {
|
55
|
+
this.isFocussed = true;
|
56
|
+
};
|
57
|
+
this.parentBlurred = () => {
|
58
|
+
this.isFocussed = false;
|
59
|
+
};
|
60
|
+
this.toggleExpanded = () => {
|
61
|
+
this.areaExpanded = !this.areaExpanded;
|
62
|
+
};
|
63
|
+
}
|
64
|
+
watchDisabledHandler() {
|
65
|
+
removeDisabledFalse(this.disabled, this.el);
|
64
66
|
}
|
65
67
|
disconnectedCallback() {
|
66
68
|
var _a;
|
67
|
-
if (this.parentIsAnchorTag) {
|
69
|
+
if (this.parentEl && this.parentIsAnchorTag) {
|
68
70
|
this.parentEl.removeEventListener("focus", this.parentFocussed);
|
69
71
|
this.parentEl.removeEventListener("blur", this.parentBlurred);
|
70
72
|
}
|
71
73
|
(_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
72
74
|
}
|
73
75
|
componentWillLoad() {
|
76
|
+
var _a;
|
74
77
|
this.parentEl = this.el.parentElement;
|
75
|
-
if (this.parentEl.tagName === "A") {
|
78
|
+
if (((_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.tagName) === "A") {
|
76
79
|
this.clickable = true;
|
77
80
|
this.parentIsAnchorTag = true;
|
78
81
|
this.parentEl.classList.add("ic-card-wrapper-link");
|
@@ -85,7 +88,17 @@ export class CardVertical {
|
|
85
88
|
!isSlotUsed(this.el, "heading") &&
|
86
89
|
onComponentRequiredPropUndefined([{ prop: this.heading, propName: "heading" }], "Card");
|
87
90
|
this.updateTheme();
|
88
|
-
this.hostMutationObserver = new MutationObserver(
|
91
|
+
this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, [
|
92
|
+
"message",
|
93
|
+
"adornment",
|
94
|
+
"expanded-content",
|
95
|
+
"image-top",
|
96
|
+
"image-mid",
|
97
|
+
"icon",
|
98
|
+
"interaction-button",
|
99
|
+
"badge",
|
100
|
+
"interaction-controls",
|
101
|
+
], this));
|
89
102
|
this.hostMutationObserver.observe(this.el, {
|
90
103
|
childList: true,
|
91
104
|
});
|
@@ -95,36 +108,41 @@ export class CardVertical {
|
|
95
108
|
event.stopImmediatePropagation();
|
96
109
|
}
|
97
110
|
}
|
98
|
-
|
99
|
-
|
100
|
-
this.updateTheme(theme.mode);
|
111
|
+
brandChangeHandler(ev) {
|
112
|
+
this.updateTheme(ev.detail.mode);
|
101
113
|
}
|
102
114
|
/**
|
103
115
|
* Sets focus on the card.
|
104
116
|
*/
|
105
117
|
async setFocus() {
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
118
|
+
var _a, _b;
|
119
|
+
const shadowRoot = this.el.shadowRoot;
|
120
|
+
if (shadowRoot) {
|
121
|
+
if (shadowRoot.querySelector("a")) {
|
122
|
+
(_a = shadowRoot.querySelector("a")) === null || _a === void 0 ? void 0 : _a.focus();
|
123
|
+
}
|
124
|
+
else if (shadowRoot.querySelector("button")) {
|
125
|
+
(_b = shadowRoot.querySelector("button")) === null || _b === void 0 ? void 0 : _b.focus();
|
126
|
+
}
|
111
127
|
}
|
112
128
|
}
|
113
|
-
updateTheme(
|
114
|
-
const foregroundColor =
|
115
|
-
if (foregroundColor !==
|
116
|
-
this.
|
129
|
+
updateTheme(mode = null) {
|
130
|
+
const foregroundColor = getBrandFromContext(this.el, mode);
|
131
|
+
if (foregroundColor !== IcBrandForegroundEnum.Default) {
|
132
|
+
this.monochrome = true;
|
133
|
+
this.theme =
|
134
|
+
foregroundColor === IcBrandForegroundEnum.Light
|
135
|
+
? IcBrandForegroundEnum.Dark
|
136
|
+
: IcBrandForegroundEnum.Light;
|
117
137
|
}
|
118
138
|
}
|
119
139
|
render() {
|
120
|
-
const { clickable, disabled, expandable, heading, message, href, hreflang, referrerpolicy, rel, subheading, target,
|
121
|
-
const Component = parentIsAnchorTag
|
140
|
+
const { clickable, disabled, expandable, fullWidth, heading, isFocussed, message, monochrome, href, hreflang, parentIsAnchorTag, referrerpolicy, rel, subheading, target, theme, } = this;
|
141
|
+
const Component = parentIsAnchorTag || !clickable
|
122
142
|
? "div"
|
123
|
-
:
|
124
|
-
?
|
125
|
-
|
126
|
-
: "a"
|
127
|
-
: "div";
|
143
|
+
: href === undefined
|
144
|
+
? "button"
|
145
|
+
: "a";
|
128
146
|
const attrs = Component == "a" && {
|
129
147
|
href: href,
|
130
148
|
hrefLang: hreflang,
|
@@ -132,19 +150,19 @@ export class CardVertical {
|
|
132
150
|
rel: rel,
|
133
151
|
target: target,
|
134
152
|
};
|
135
|
-
return (h(
|
136
|
-
[
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
} }, message && h("ic-typography", { variant: "body" }, message), isSlotUsed(this.el, "message") && h("slot", { name: "message" }))), (isSlotUsed(this.el, "interaction-controls") || expandable) && (h("div", { class: "interaction-area" }, h("div", { class: "interaction-controls" }, h("slot", { name: "interaction-controls" })), expandable && (h("ic-tooltip", { id: "ic-tooltip-expand-button", label: "Toggle expandable area", silent: true }, h("button", { class: {
|
145
|
-
|
153
|
+
return (h(Host, { key: '77eb6d8d39531f4eb5436fd03c38b1d4a8e4e14e', class: {
|
154
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
155
|
+
} }, h(Component, Object.assign({ key: 'f602be4f06734c5fdca62b0f738b02f81988a823', class: {
|
156
|
+
card: true,
|
157
|
+
clickable: !!clickable && !disabled,
|
158
|
+
disabled: !!disabled,
|
159
|
+
fullwidth: !!fullWidth,
|
160
|
+
focussed: isFocussed,
|
161
|
+
monochrome: monochrome,
|
162
|
+
}, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : null, disabled: disabled }, attrs), isSlotUsed(this.el, "image-top") && (h("div", { key: 'e317b5bb6cac2055d7a3d0e1954e7ac77d162525', class: "image-top" }, h("slot", { key: 'e26132f7a4c806f24dce618be1a9b442b6b5caba', name: "image-top" }))), h("div", { key: '6a0efc36b72278004600f4340569c6f8dc8d11ca', class: "card-header" }, isSlotUsed(this.el, "icon") && (h("div", { key: '837470df831d655b61bc10f5b83efd02d548a017', class: "icon" }, h("slot", { key: '57a32c1e3fc6ad4739c187ebe9c8ff587c9d59f6', name: "icon" }))), h("div", { key: '06a198599be0ce2c5bda505b73fedc2d6d27f8e6', class: "card-title" }, h("slot", { key: '8e62184408b3887c340e0adb9f26b3b0a76cd287', name: "heading" }, h("ic-typography", { key: '440fe573c8ef9b176e449a10c802c1648d818337', variant: "h4" }, h("p", { key: '82ea89e26ecc579d6cdc4a153fbb25025906c018' }, heading)))), isSlotUsed(this.el, "interaction-button") && (h("div", { key: '6196db67571d24d6a2e45834e00fc44745613a10', class: "interaction-button" }, h("slot", { key: 'b8a64955d174b510f59c6425fd40c10c042a8d26', name: "interaction-button" })))), (subheading || isSlotUsed(this.el, "subheading")) && (h("div", { key: '55de98b4c457eb503ee3b6a45eaccff3dc5d9d0c', class: "subheading" }, h("slot", { key: '4560efc9da8eef089edd648f38668bb21c6ca4b6', name: "subheading" }, h("ic-typography", { key: 'b24a33d8d94f2c910a64d866f4da1664f6ff10a3', variant: "subtitle-small" }, subheading)))), isSlotUsed(this.el, "adornment") && (h("div", { key: '6766128835ebd7944b228ef4a70b47af7aa46658', class: "adornment" }, h("slot", { key: '9aa586884ad3a69c936a9ff7c831f13afb63696e', name: "adornment" }))), isSlotUsed(this.el, "image-mid") && (h("div", { key: 'e0b686295c0b455b1a33bb9dba1d16d973101b6c', class: "image-mid" }, h("slot", { key: '581dada577f03ff0c5c17d9e55d69124b71fbe96', name: "image-mid" }))), (message || isSlotUsed(this.el, "message")) && (h("div", { key: '26616626b87d6c5a36705aba4de57b8ec9b68c88', class: "card-message" }, message && (h("ic-typography", { key: 'bc14188c6005720fe4412ba375b7044f851bbcb3', variant: "body" }, message)), isSlotUsed(this.el, "message") && h("slot", { key: '6d5a43f06888b83703c33b41555676ccad3a8aaa', name: "message" }))), (isSlotUsed(this.el, "interaction-controls") || expandable) && (h("div", { key: '7896f819a4caf027eb0e883875b4a4a1ee4174da', class: "interaction-area" }, h("div", { key: '4109dcf04ac202f9e8ba1568c96e1acd7c7675fb', class: "interaction-controls" }, h("slot", { key: '42f5ba00458637177e62621852ecad1e974dd209', name: "interaction-controls" })), expandable && (h("ic-tooltip", { key: 'd4049e70edb1f6618d2f394e4f5c4f78a38b2cef', id: "ic-tooltip-expand-button", label: "Toggle expandable area", silent: true }, h("button", { key: 'eb6363669ab6002ffe50fb8ea81fca63790781fb', class: {
|
163
|
+
"toggle-button": true,
|
146
164
|
[`toggle-button-${this.areaExpanded ? "expanded" : "closed"}`]: true,
|
147
|
-
}, "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", { class: "expanded-content", id: "expanded-content-area" }, h("slot", { name: "expanded-content" }))), isSlotUsed(this.el, "badge") && h("slot", { name: "badge" })));
|
165
|
+
}, "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: '54cf44b01090436c67a2dfa3b1265e924a3142b8', class: "expanded-content", id: "expanded-content-area" }, h("slot", { key: '5cc85bf2a225f6a6f1d7436f9086a5d43bf43ddf', name: "expanded-content" }))), isSlotUsed(this.el, "badge") && h("slot", { key: '20734165707440fc4ed806a179c0b7c249cd1dcf', name: "badge" }))));
|
148
166
|
}
|
149
167
|
static get is() { return "ic-card-vertical"; }
|
150
168
|
static get encapsulation() { return "shadow"; }
|
@@ -165,7 +183,7 @@ export class CardVertical {
|
|
165
183
|
"mutable": true,
|
166
184
|
"complexType": {
|
167
185
|
"original": "boolean",
|
168
|
-
"resolved": "boolean",
|
186
|
+
"resolved": "boolean | undefined",
|
169
187
|
"references": {}
|
170
188
|
},
|
171
189
|
"required": false,
|
@@ -174,6 +192,8 @@ export class CardVertical {
|
|
174
192
|
"tags": [],
|
175
193
|
"text": "If `true`, the card will be a clickable variant, instead of static."
|
176
194
|
},
|
195
|
+
"getter": false,
|
196
|
+
"setter": false,
|
177
197
|
"attribute": "clickable",
|
178
198
|
"reflect": false,
|
179
199
|
"defaultValue": "false"
|
@@ -183,7 +203,7 @@ export class CardVertical {
|
|
183
203
|
"mutable": false,
|
184
204
|
"complexType": {
|
185
205
|
"original": "boolean",
|
186
|
-
"resolved": "boolean",
|
206
|
+
"resolved": "boolean | undefined",
|
187
207
|
"references": {}
|
188
208
|
},
|
189
209
|
"required": false,
|
@@ -192,6 +212,8 @@ export class CardVertical {
|
|
192
212
|
"tags": [],
|
193
213
|
"text": "If `true`, the card will be disabled if it is clickable."
|
194
214
|
},
|
215
|
+
"getter": false,
|
216
|
+
"setter": false,
|
195
217
|
"attribute": "disabled",
|
196
218
|
"reflect": false,
|
197
219
|
"defaultValue": "false"
|
@@ -201,7 +223,7 @@ export class CardVertical {
|
|
201
223
|
"mutable": false,
|
202
224
|
"complexType": {
|
203
225
|
"original": "boolean",
|
204
|
-
"resolved": "boolean",
|
226
|
+
"resolved": "boolean | undefined",
|
205
227
|
"references": {}
|
206
228
|
},
|
207
229
|
"required": false,
|
@@ -210,6 +232,8 @@ export class CardVertical {
|
|
210
232
|
"tags": [],
|
211
233
|
"text": "If `true`, the card will have an expandable area and expansion toggle button."
|
212
234
|
},
|
235
|
+
"getter": false,
|
236
|
+
"setter": false,
|
213
237
|
"attribute": "expandable",
|
214
238
|
"reflect": false,
|
215
239
|
"defaultValue": "false"
|
@@ -219,7 +243,7 @@ export class CardVertical {
|
|
219
243
|
"mutable": false,
|
220
244
|
"complexType": {
|
221
245
|
"original": "boolean",
|
222
|
-
"resolved": "boolean",
|
246
|
+
"resolved": "boolean | undefined",
|
223
247
|
"references": {}
|
224
248
|
},
|
225
249
|
"required": false,
|
@@ -228,6 +252,8 @@ export class CardVertical {
|
|
228
252
|
"tags": [],
|
229
253
|
"text": "If `true`, the card will fill the width of the container."
|
230
254
|
},
|
255
|
+
"getter": false,
|
256
|
+
"setter": false,
|
231
257
|
"attribute": "full-width",
|
232
258
|
"reflect": false,
|
233
259
|
"defaultValue": "false"
|
@@ -237,7 +263,7 @@ export class CardVertical {
|
|
237
263
|
"mutable": false,
|
238
264
|
"complexType": {
|
239
265
|
"original": "string",
|
240
|
-
"resolved": "string",
|
266
|
+
"resolved": "string | undefined",
|
241
267
|
"references": {}
|
242
268
|
},
|
243
269
|
"required": false,
|
@@ -246,6 +272,8 @@ export class CardVertical {
|
|
246
272
|
"tags": [],
|
247
273
|
"text": "The heading for the card. This is required, unless a slotted heading is used."
|
248
274
|
},
|
275
|
+
"getter": false,
|
276
|
+
"setter": false,
|
249
277
|
"attribute": "heading",
|
250
278
|
"reflect": false
|
251
279
|
},
|
@@ -253,8 +281,8 @@ export class CardVertical {
|
|
253
281
|
"type": "string",
|
254
282
|
"mutable": false,
|
255
283
|
"complexType": {
|
256
|
-
"original": "string
|
257
|
-
"resolved": "string",
|
284
|
+
"original": "string",
|
285
|
+
"resolved": "string | undefined",
|
258
286
|
"references": {}
|
259
287
|
},
|
260
288
|
"required": false,
|
@@ -263,6 +291,8 @@ export class CardVertical {
|
|
263
291
|
"tags": [],
|
264
292
|
"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."
|
265
293
|
},
|
294
|
+
"getter": false,
|
295
|
+
"setter": false,
|
266
296
|
"attribute": "href",
|
267
297
|
"reflect": false
|
268
298
|
},
|
@@ -271,7 +301,7 @@ export class CardVertical {
|
|
271
301
|
"mutable": false,
|
272
302
|
"complexType": {
|
273
303
|
"original": "string",
|
274
|
-
"resolved": "string",
|
304
|
+
"resolved": "string | undefined",
|
275
305
|
"references": {}
|
276
306
|
},
|
277
307
|
"required": false,
|
@@ -280,6 +310,8 @@ export class CardVertical {
|
|
280
310
|
"tags": [],
|
281
311
|
"text": "The human language of the linked URL."
|
282
312
|
},
|
313
|
+
"getter": false,
|
314
|
+
"setter": false,
|
283
315
|
"attribute": "hreflang",
|
284
316
|
"reflect": false,
|
285
317
|
"defaultValue": "\"\""
|
@@ -289,7 +321,7 @@ export class CardVertical {
|
|
289
321
|
"mutable": false,
|
290
322
|
"complexType": {
|
291
323
|
"original": "string",
|
292
|
-
"resolved": "string",
|
324
|
+
"resolved": "string | undefined",
|
293
325
|
"references": {}
|
294
326
|
},
|
295
327
|
"required": false,
|
@@ -298,6 +330,8 @@ export class CardVertical {
|
|
298
330
|
"tags": [],
|
299
331
|
"text": "The main body message of the card."
|
300
332
|
},
|
333
|
+
"getter": false,
|
334
|
+
"setter": false,
|
301
335
|
"attribute": "message",
|
302
336
|
"reflect": false,
|
303
337
|
"defaultValue": "\"\""
|
@@ -307,7 +341,7 @@ export class CardVertical {
|
|
307
341
|
"mutable": false,
|
308
342
|
"complexType": {
|
309
343
|
"original": "ReferrerPolicy",
|
310
|
-
"resolved": "\"\" | \"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"same-origin\" | \"strict-origin\" | \"strict-origin-when-cross-origin\" | \"unsafe-url\"",
|
344
|
+
"resolved": "\"\" | \"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"same-origin\" | \"strict-origin\" | \"strict-origin-when-cross-origin\" | \"unsafe-url\" | undefined",
|
311
345
|
"references": {
|
312
346
|
"ReferrerPolicy": {
|
313
347
|
"location": "global",
|
@@ -321,6 +355,8 @@ export class CardVertical {
|
|
321
355
|
"tags": [],
|
322
356
|
"text": "How much of the referrer to send when following the link."
|
323
357
|
},
|
358
|
+
"getter": false,
|
359
|
+
"setter": false,
|
324
360
|
"attribute": "referrerpolicy",
|
325
361
|
"reflect": false
|
326
362
|
},
|
@@ -329,7 +365,7 @@ export class CardVertical {
|
|
329
365
|
"mutable": false,
|
330
366
|
"complexType": {
|
331
367
|
"original": "string",
|
332
|
-
"resolved": "string",
|
368
|
+
"resolved": "string | undefined",
|
333
369
|
"references": {}
|
334
370
|
},
|
335
371
|
"required": false,
|
@@ -338,6 +374,8 @@ export class CardVertical {
|
|
338
374
|
"tags": [],
|
339
375
|
"text": "The relationship of the linked URL as space-separated link types."
|
340
376
|
},
|
377
|
+
"getter": false,
|
378
|
+
"setter": false,
|
341
379
|
"attribute": "rel",
|
342
380
|
"reflect": false
|
343
381
|
},
|
@@ -346,7 +384,7 @@ export class CardVertical {
|
|
346
384
|
"mutable": false,
|
347
385
|
"complexType": {
|
348
386
|
"original": "string",
|
349
|
-
"resolved": "string",
|
387
|
+
"resolved": "string | undefined",
|
350
388
|
"references": {}
|
351
389
|
},
|
352
390
|
"required": false,
|
@@ -355,6 +393,8 @@ export class CardVertical {
|
|
355
393
|
"tags": [],
|
356
394
|
"text": "The subheading for the card."
|
357
395
|
},
|
396
|
+
"getter": false,
|
397
|
+
"setter": false,
|
358
398
|
"attribute": "subheading",
|
359
399
|
"reflect": false
|
360
400
|
},
|
@@ -363,7 +403,7 @@ export class CardVertical {
|
|
363
403
|
"mutable": false,
|
364
404
|
"complexType": {
|
365
405
|
"original": "string",
|
366
|
-
"resolved": "string",
|
406
|
+
"resolved": "string | undefined",
|
367
407
|
"references": {}
|
368
408
|
},
|
369
409
|
"required": false,
|
@@ -372,16 +412,44 @@ export class CardVertical {
|
|
372
412
|
"tags": [],
|
373
413
|
"text": "The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe)."
|
374
414
|
},
|
415
|
+
"getter": false,
|
416
|
+
"setter": false,
|
375
417
|
"attribute": "target",
|
376
418
|
"reflect": false
|
419
|
+
},
|
420
|
+
"theme": {
|
421
|
+
"type": "string",
|
422
|
+
"mutable": true,
|
423
|
+
"complexType": {
|
424
|
+
"original": "IcThemeMode",
|
425
|
+
"resolved": "\"dark\" | \"inherit\" | \"light\" | undefined",
|
426
|
+
"references": {
|
427
|
+
"IcThemeMode": {
|
428
|
+
"location": "import",
|
429
|
+
"path": "../../utils/types",
|
430
|
+
"id": "src/utils/types.ts::IcThemeMode"
|
431
|
+
}
|
432
|
+
}
|
433
|
+
},
|
434
|
+
"required": false,
|
435
|
+
"optional": true,
|
436
|
+
"docs": {
|
437
|
+
"tags": [],
|
438
|
+
"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."
|
439
|
+
},
|
440
|
+
"getter": false,
|
441
|
+
"setter": false,
|
442
|
+
"attribute": "theme",
|
443
|
+
"reflect": false,
|
444
|
+
"defaultValue": "\"inherit\""
|
377
445
|
}
|
378
446
|
};
|
379
447
|
}
|
380
448
|
static get states() {
|
381
449
|
return {
|
382
|
-
"appearance": {},
|
383
450
|
"areaExpanded": {},
|
384
451
|
"isFocussed": {},
|
452
|
+
"monochrome": {},
|
385
453
|
"parentEl": {},
|
386
454
|
"parentIsAnchorTag": {}
|
387
455
|
};
|
@@ -408,6 +476,12 @@ export class CardVertical {
|
|
408
476
|
};
|
409
477
|
}
|
410
478
|
static get elementRef() { return "el"; }
|
479
|
+
static get watchers() {
|
480
|
+
return [{
|
481
|
+
"propName": "disabled",
|
482
|
+
"methodName": "watchDisabledHandler"
|
483
|
+
}];
|
484
|
+
}
|
411
485
|
static get listeners() {
|
412
486
|
return [{
|
413
487
|
"name": "click",
|
@@ -416,8 +490,8 @@ export class CardVertical {
|
|
416
490
|
"capture": true,
|
417
491
|
"passive": false
|
418
492
|
}, {
|
419
|
-
"name": "
|
420
|
-
"method": "
|
493
|
+
"name": "brandChange",
|
494
|
+
"method": "brandChangeHandler",
|
421
495
|
"target": "document",
|
422
496
|
"capture": false,
|
423
497
|
"passive": false
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ic-card-vertical.js","sourceRoot":"","sources":["../../../src/components/ic-card-vertical/ic-card-vertical.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n Listen,\n Prop,\n State,\n h,\n Method,\n forceUpdate,\n} from \"@stencil/core\";\nimport {\n onComponentRequiredPropUndefined,\n isSlotUsed,\n getThemeFromContext,\n removeDisabledFalse,\n checkSlotInChildMutations,\n} from \"../../utils/helpers\";\nimport {\n IcTheme,\n IcThemeForeground,\n IcThemeForegroundEnum,\n} from \"../../utils/types\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\n\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 */\n@Component({\n tag: \"ic-card-vertical\",\n styleUrl: \"ic-card-vertical.css\",\n shadow: true,\n})\nexport class CardVertical {\n private hostMutationObserver: MutationObserver = null;\n\n @Element() el: HTMLIcCardVerticalElement;\n\n @State() appearance?: IcThemeForeground = \"default\";\n @State() areaExpanded: boolean = false;\n @State() isFocussed: boolean = false;\n @State() parentEl: HTMLElement | null = null;\n @State() parentIsAnchorTag: boolean = false;\n\n /**\n * If `true`, the card will be a clickable variant, instead of static.\n */\n @Prop({ mutable: true }) clickable?: boolean = false;\n\n /**\n * If `true`, the card will be disabled if it is clickable.\n */\n @Prop() disabled?: boolean = false;\n\n /**\n * If `true`, the card will have an expandable area and expansion toggle button.\n */\n @Prop() expandable?: boolean = false;\n\n /**\n * If `true`, the card will fill the width of the container.\n */\n @Prop() fullWidth?: boolean = false;\n\n /**\n * The heading for the card. This is required, unless a slotted heading is used.\n */\n @Prop() heading?: string;\n\n /**\n * 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 @Prop() href?: string | undefined;\n\n /**\n * The human language of the linked URL.\n */\n @Prop() hreflang?: string = \"\";\n\n /**\n * The main body message of the card.\n */\n @Prop() message?: string = \"\";\n\n /**\n * How much of the referrer to send when following the link.\n */\n @Prop() referrerpolicy?: ReferrerPolicy;\n\n /**\n * The relationship of the linked URL as space-separated link types.\n */\n @Prop() rel?: string;\n\n /**\n * The subheading for the card.\n */\n @Prop() subheading?: string;\n\n /**\n * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n */\n @Prop() target?: string;\n\n disconnectedCallback(): void {\n if (this.parentIsAnchorTag) {\n this.parentEl.removeEventListener(\"focus\", this.parentFocussed);\n this.parentEl.removeEventListener(\"blur\", this.parentBlurred);\n }\n\n this.hostMutationObserver?.disconnect();\n }\n\n componentWillLoad(): void {\n this.parentEl = this.el.parentElement;\n\n if (this.parentEl.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\n componentDidLoad(): void {\n !isSlotUsed(this.el, \"heading\") &&\n onComponentRequiredPropUndefined(\n [{ prop: this.heading, propName: \"heading\" }],\n \"Card\"\n );\n this.updateTheme();\n\n this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n this.hostMutationObserver.observe(this.el, {\n childList: true,\n });\n }\n\n @Listen(\"click\", { capture: true })\n handleHostClick(event: Event): void {\n if (this.disabled) {\n event.stopImmediatePropagation();\n }\n }\n\n @Listen(\"themeChange\", { target: \"document\" })\n themeChangeHandler(ev: CustomEvent): void {\n const theme: IcTheme = ev.detail;\n this.updateTheme(theme.mode);\n }\n\n /**\n * Sets focus on the card.\n */\n @Method()\n async setFocus(): Promise<void> {\n if (this.el.shadowRoot.querySelector(\"a\")) {\n this.el.shadowRoot.querySelector(\"a\").focus();\n } else if (this.el.shadowRoot.querySelector(\"button\")) {\n this.el.shadowRoot.querySelector(\"button\").focus();\n }\n }\n\n private parentFocussed = (): void => {\n this.isFocussed = true;\n };\n\n private parentBlurred = (): void => {\n this.isFocussed = false;\n };\n\n private updateTheme(newTheme: IcThemeForeground = null): void {\n const foregroundColor = getThemeFromContext(this.el, newTheme || null);\n\n if (foregroundColor !== IcThemeForegroundEnum.Default) {\n this.appearance = foregroundColor;\n }\n }\n\n private toggleExpanded = (): void => {\n this.areaExpanded = !this.areaExpanded;\n };\n\n private hostMutationCallback = (mutationList: MutationRecord[]): void => {\n if (\n mutationList.some(({ type, addedNodes, removedNodes }) =>\n type === \"childList\"\n ? checkSlotInChildMutations(addedNodes, removedNodes, [\n \"message\",\n \"adornment\",\n \"expanded-content\",\n \"image-top\",\n \"image-mid\",\n \"icon\",\n \"interaction-button\",\n \"badge\",\n \"interaction-controls\",\n ])\n : false\n )\n ) {\n forceUpdate(this);\n }\n };\n\n render() {\n const {\n clickable,\n disabled,\n expandable,\n heading,\n message,\n href,\n hreflang,\n referrerpolicy,\n rel,\n subheading,\n target,\n fullWidth,\n parentIsAnchorTag,\n isFocussed,\n } = this;\n\n const Component = parentIsAnchorTag\n ? \"div\"\n : clickable\n ? this.href === undefined\n ? \"button\"\n : \"a\"\n : \"div\";\n\n const attrs = Component == \"a\" && {\n href: href,\n hrefLang: hreflang,\n referrerPolicy: referrerpolicy,\n rel: rel,\n target: target,\n };\n\n return (\n <Component\n class={{\n [\"card\"]: true,\n [\"clickable\"]: clickable && !disabled,\n [\"disabled\"]: disabled,\n [\"fullwidth\"]: fullWidth,\n [\"focussed\"]: isFocussed,\n [\"dark\"]: this.appearance === IcThemeForegroundEnum.Dark,\n }}\n tabindex={clickable && !parentIsAnchorTag ? 0 : null}\n aria-disabled={disabled ? \"true\" : null}\n disabled={disabled ? true : null}\n {...attrs}\n >\n {isSlotUsed(this.el, \"image-top\") && (\n <div class=\"image-top\">\n <slot name=\"image-top\"></slot>\n </div>\n )}\n <div class=\"card-header\">\n {isSlotUsed(this.el, \"icon\") && (\n <div class=\"icon\">\n <slot name=\"icon\" />\n </div>\n )}\n <div class=\"card-title\">\n <slot name=\"heading\">\n <ic-typography variant=\"h4\">\n <p>{heading}</p>\n </ic-typography>\n </slot>\n </div>\n {isSlotUsed(this.el, \"interaction-button\") && (\n <div class=\"interaction-button\">\n <slot name=\"interaction-button\"></slot>\n </div>\n )}\n </div>\n {(subheading || isSlotUsed(this.el, \"subheading\")) && (\n <div class=\"subheading\">\n <slot name=\"subheading\">\n <ic-typography variant=\"subtitle-small\">\n {subheading}\n </ic-typography>\n </slot>\n </div>\n )}\n {isSlotUsed(this.el, \"adornment\") && (\n <div class=\"adornment\">\n <slot name=\"adornment\"></slot>\n </div>\n )}\n {isSlotUsed(this.el, \"image-mid\") && (\n <div class=\"image-mid\">\n <slot name=\"image-mid\"></slot>\n </div>\n )}\n {(message || isSlotUsed(this.el, \"message\")) && (\n <div\n class={{\n [\"card-message\"]: true,\n }}\n >\n {message && <ic-typography variant=\"body\">{message}</ic-typography>}\n {isSlotUsed(this.el, \"message\") && <slot name=\"message\"></slot>}\n </div>\n )}\n {(isSlotUsed(this.el, \"interaction-controls\") || expandable) && (\n <div class=\"interaction-area\">\n <div class=\"interaction-controls\">\n <slot name=\"interaction-controls\"></slot>\n </div>\n {expandable && (\n <ic-tooltip\n id=\"ic-tooltip-expand-button\"\n label=\"Toggle expandable area\"\n silent\n >\n <button\n class={{\n [\"toggle-button\"]: true,\n [`toggle-button-${\n this.areaExpanded ? \"expanded\" : \"closed\"\n }`]: true,\n }}\n aria-label=\"Toggle expandable area\"\n aria-expanded={`${this.areaExpanded}`}\n aria-controls={\n this.areaExpanded ? \"expanded-content-area\" : null\n }\n onClick={this.toggleExpanded}\n innerHTML={chevronIcon}\n ></button>\n </ic-tooltip>\n )}\n </div>\n )}\n {isSlotUsed(this.el, \"expanded-content\") && this.areaExpanded && (\n <div class=\"expanded-content\" id=\"expanded-content-area\">\n <slot name=\"expanded-content\"></slot>\n </div>\n )}\n {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n </Component>\n );\n }\n}\n"]}
|
1
|
+
{"version":3,"file":"ic-card-vertical.js","sourceRoot":"","sources":["../../../src/components/ic-card-vertical/ic-card-vertical.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n Listen,\n Prop,\n State,\n h,\n Method,\n Host,\n Watch,\n} from \"@stencil/core\";\nimport {\n onComponentRequiredPropUndefined,\n isSlotUsed,\n getBrandFromContext,\n removeDisabledFalse,\n renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport {\n IcBrand,\n IcBrandForeground,\n IcBrandForegroundEnum,\n IcThemeMode,\n} from \"../../utils/types\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\n\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 */\n@Component({\n tag: \"ic-card-vertical\",\n styleUrl: \"ic-card-vertical.css\",\n shadow: true,\n})\nexport class CardVertical {\n private hostMutationObserver: MutationObserver | null = null;\n\n @Element() el: HTMLIcCardVerticalElement;\n\n @State() areaExpanded: boolean = false;\n @State() isFocussed: boolean = false;\n @State() monochrome: boolean = false;\n @State() parentEl: HTMLElement | null = null;\n @State() parentIsAnchorTag: boolean = false;\n\n /**\n * If `true`, the card will be a clickable variant, instead of static.\n */\n @Prop({ mutable: true }) clickable?: boolean = false;\n\n /**\n * If `true`, the card will be disabled if it is clickable.\n */\n @Prop() disabled?: boolean = false;\n @Watch(\"disabled\")\n watchDisabledHandler(): void {\n removeDisabledFalse(this.disabled, this.el);\n }\n\n /**\n * If `true`, the card will have an expandable area and expansion toggle button.\n */\n @Prop() expandable?: boolean = false;\n\n /**\n * If `true`, the card will fill the width of the container.\n */\n @Prop() fullWidth?: boolean = false;\n\n /**\n * The heading for the card. This is required, unless a slotted heading is used.\n */\n @Prop() heading?: string;\n\n /**\n * 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 @Prop() href?: string;\n\n /**\n * The human language of the linked URL.\n */\n @Prop() hreflang?: string = \"\";\n\n /**\n * The main body message of the card.\n */\n @Prop() message?: string = \"\";\n\n /**\n * How much of the referrer to send when following the link.\n */\n @Prop() referrerpolicy?: ReferrerPolicy;\n\n /**\n * The relationship of the linked URL as space-separated link types.\n */\n @Prop() rel?: string;\n\n /**\n * The subheading for the card.\n */\n @Prop() subheading?: string;\n\n /**\n * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n */\n @Prop() target?: string;\n\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop({ mutable: true }) theme?: IcThemeMode = \"inherit\";\n\n disconnectedCallback(): void {\n if (this.parentEl && this.parentIsAnchorTag) {\n this.parentEl.removeEventListener(\"focus\", this.parentFocussed);\n this.parentEl.removeEventListener(\"blur\", this.parentBlurred);\n }\n\n this.hostMutationObserver?.disconnect();\n }\n\n componentWillLoad(): void {\n this.parentEl = this.el.parentElement;\n\n if (this.parentEl?.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\n componentDidLoad(): void {\n !isSlotUsed(this.el, \"heading\") &&\n onComponentRequiredPropUndefined(\n [{ prop: this.heading, propName: \"heading\" }],\n \"Card\"\n );\n this.updateTheme();\n\n this.hostMutationObserver = new MutationObserver((mutationList) =>\n renderDynamicChildSlots(\n mutationList,\n [\n \"message\",\n \"adornment\",\n \"expanded-content\",\n \"image-top\",\n \"image-mid\",\n \"icon\",\n \"interaction-button\",\n \"badge\",\n \"interaction-controls\",\n ],\n this\n )\n );\n this.hostMutationObserver.observe(this.el, {\n childList: true,\n });\n }\n\n @Listen(\"click\", { capture: true })\n handleHostClick(event: Event): void {\n if (this.disabled) {\n event.stopImmediatePropagation();\n }\n }\n\n @Listen(\"brandChange\", { target: \"document\" })\n brandChangeHandler(ev: CustomEvent<IcBrand>): void {\n this.updateTheme(ev.detail.mode);\n }\n\n /**\n * Sets focus on the card.\n */\n @Method()\n async setFocus(): Promise<void> {\n const shadowRoot = this.el.shadowRoot;\n\n if (shadowRoot) {\n if (shadowRoot.querySelector(\"a\")) {\n shadowRoot.querySelector(\"a\")?.focus();\n } else if (shadowRoot.querySelector(\"button\")) {\n shadowRoot.querySelector(\"button\")?.focus();\n }\n }\n }\n\n private parentFocussed = (): void => {\n this.isFocussed = true;\n };\n\n private parentBlurred = (): void => {\n this.isFocussed = false;\n };\n\n private updateTheme(mode: IcBrandForeground | null = null): void {\n const foregroundColor = getBrandFromContext(this.el, mode);\n\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\n private toggleExpanded = (): void => {\n this.areaExpanded = !this.areaExpanded;\n };\n\n render() {\n const {\n clickable,\n disabled,\n expandable,\n fullWidth,\n heading,\n isFocussed,\n message,\n monochrome,\n href,\n hreflang,\n parentIsAnchorTag,\n referrerpolicy,\n rel,\n subheading,\n target,\n theme,\n } = this;\n\n const Component =\n parentIsAnchorTag || !clickable\n ? \"div\"\n : href === undefined\n ? \"button\"\n : \"a\";\n\n const attrs = Component == \"a\" && {\n href: href,\n hrefLang: hreflang,\n referrerPolicy: referrerpolicy,\n rel: rel,\n target: target,\n };\n\n return (\n <Host\n class={{\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }}\n >\n <Component\n class={{\n card: true,\n clickable: !!clickable && !disabled,\n disabled: !!disabled,\n fullwidth: !!fullWidth,\n focussed: isFocussed,\n monochrome: monochrome,\n }}\n tabindex={clickable && !parentIsAnchorTag ? 0 : undefined}\n aria-disabled={disabled ? \"true\" : null}\n disabled={disabled}\n {...attrs}\n >\n {isSlotUsed(this.el, \"image-top\") && (\n <div class=\"image-top\">\n <slot name=\"image-top\"></slot>\n </div>\n )}\n <div class=\"card-header\">\n {isSlotUsed(this.el, \"icon\") && (\n <div class=\"icon\">\n <slot name=\"icon\" />\n </div>\n )}\n <div class=\"card-title\">\n <slot name=\"heading\">\n <ic-typography variant=\"h4\">\n <p>{heading}</p>\n </ic-typography>\n </slot>\n </div>\n {isSlotUsed(this.el, \"interaction-button\") && (\n <div class=\"interaction-button\">\n <slot name=\"interaction-button\"></slot>\n </div>\n )}\n </div>\n {(subheading || isSlotUsed(this.el, \"subheading\")) && (\n <div class=\"subheading\">\n <slot name=\"subheading\">\n <ic-typography variant=\"subtitle-small\">\n {subheading}\n </ic-typography>\n </slot>\n </div>\n )}\n {isSlotUsed(this.el, \"adornment\") && (\n <div class=\"adornment\">\n <slot name=\"adornment\"></slot>\n </div>\n )}\n {isSlotUsed(this.el, \"image-mid\") && (\n <div class=\"image-mid\">\n <slot name=\"image-mid\"></slot>\n </div>\n )}\n {(message || isSlotUsed(this.el, \"message\")) && (\n <div class=\"card-message\">\n {message && (\n <ic-typography variant=\"body\">{message}</ic-typography>\n )}\n {isSlotUsed(this.el, \"message\") && <slot name=\"message\"></slot>}\n </div>\n )}\n {(isSlotUsed(this.el, \"interaction-controls\") || expandable) && (\n <div class=\"interaction-area\">\n <div class=\"interaction-controls\">\n <slot name=\"interaction-controls\"></slot>\n </div>\n {expandable && (\n <ic-tooltip\n id=\"ic-tooltip-expand-button\"\n label=\"Toggle expandable area\"\n silent\n >\n <button\n class={{\n \"toggle-button\": true,\n [`toggle-button-${\n this.areaExpanded ? \"expanded\" : \"closed\"\n }`]: true,\n }}\n aria-label=\"Toggle expandable area\"\n aria-expanded={`${this.areaExpanded}`}\n aria-controls={\n this.areaExpanded ? \"expanded-content-area\" : null\n }\n onClick={this.toggleExpanded}\n innerHTML={chevronIcon}\n ></button>\n </ic-tooltip>\n )}\n </div>\n )}\n {isSlotUsed(this.el, \"expanded-content\") && this.areaExpanded && (\n <div class=\"expanded-content\" id=\"expanded-content-area\">\n <slot name=\"expanded-content\"></slot>\n </div>\n )}\n {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n </Component>\n </Host>\n );\n }\n}\n"]}
|