@ukic/web-components 2.29.1 → 3.0.0-alpha.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/{helpers-94b33ab0.js → helpers-f1cf5156.js} +20 -11
- package/dist/cjs/helpers-f1cf5156.js.map +1 -0
- package/dist/cjs/ic-accordion-group.cjs.entry.js +9 -10
- package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +5 -6
- package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-alert.cjs.entry.js +4 -7
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +12 -16
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +22 -51
- package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +26 -14
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +8 -7
- package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +50 -41
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-vertical.cjs.entry.js +149 -0
- package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +7 -7
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js +6 -16
- package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-chip.cjs.entry.js +22 -23
- package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-classification-banner.cjs.entry.js +2 -2
- package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-list.cjs.entry.js +32 -0
- package/dist/cjs/ic-data-list.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-data-row.cjs.entry.js +12 -12
- package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-dialog.cjs.entry.js +12 -98
- package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js +3 -4
- package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-empty-state.cjs.entry.js +7 -8
- package/dist/cjs/ic-empty-state.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +9 -10
- package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +6 -8
- package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +8 -9
- package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +9 -11
- package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +5 -6
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +21 -27
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +14 -16
- package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-link.cjs.entry.js +21 -12
- package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-group.cjs.entry.js +2 -3
- package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js +3 -4
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +3 -4
- package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +9 -10
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +6 -7
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +3 -4
- package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-page-header.cjs.entry.js +8 -10
- package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination-item.cjs.entry.js +2 -3
- package/dist/cjs/ic-pagination-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination.cjs.entry.js +33 -32
- package/dist/cjs/ic-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-popover-menu.cjs.entry.js +3 -4
- package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +11 -13
- package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js +5 -19
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +23 -30
- package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-select.cjs.entry.js +19 -28
- package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +7 -8
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skeleton.cjs.entry.js +5 -6
- package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-status-tag.cjs.entry.js +6 -15
- package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-step.cjs.entry.js +41 -46
- package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-stepper.cjs.entry.js +27 -18
- package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-switch.cjs.entry.js +7 -9
- package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js +34 -28
- package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +25 -11
- package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +12 -11
- package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js +10 -9
- package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-text-field.cjs.entry.js +55 -57
- package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +27 -4
- package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast-region.cjs.entry.js +0 -7
- package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +83 -36
- package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js +17 -17
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button.cjs.entry.js +14 -15
- package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-top-navigation.cjs.entry.js +8 -9
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-typography.cjs.entry.js +9 -8
- package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
- package/dist/cjs/index-f982899d.js +12 -12
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +3 -3
- package/dist/collection/components/ic-accordion/ic-accordion.css +13 -11
- package/dist/collection/components/ic-accordion/ic-accordion.js +5 -5
- package/dist/collection/components/ic-accordion/ic-accordion.js.map +1 -1
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.css +9 -5
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.js +12 -12
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.js.map +1 -1
- package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js +7 -7
- package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js.map +1 -1
- package/dist/collection/components/ic-alert/ic-alert.css +16 -11
- package/dist/collection/components/ic-alert/ic-alert.js +0 -19
- package/dist/collection/components/ic-alert/ic-alert.js.map +1 -1
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.css +21 -61
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js +10 -13
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js.map +1 -1
- package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js +9 -10
- package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js.map +1 -1
- package/dist/collection/components/ic-badge/ic-badge.css +65 -41
- package/dist/collection/components/ic-badge/ic-badge.js +52 -100
- package/dist/collection/components/ic-badge/ic-badge.js.map +1 -1
- package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js +40 -50
- package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.css +16 -11
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js +54 -31
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js +3 -3
- package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.css +7 -5
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +66 -33
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.spec.js +3 -3
- package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.spec.js.map +1 -1
- package/dist/collection/components/ic-button/ic-button.css +263 -238
- package/dist/collection/components/ic-button/ic-button.js +16 -18
- package/dist/collection/components/ic-button/ic-button.js.map +1 -1
- package/dist/collection/components/{ic-card/ic-card.css → ic-card-vertical/ic-card-vertical.css} +13 -7
- package/dist/collection/components/{ic-card/ic-card.js → ic-card-vertical/ic-card-vertical.js} +5 -5
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.js.map +1 -0
- package/dist/collection/components/{ic-card/test/basic/ic-card.spec.js → ic-card-vertical/test/basic/ic-card-vertical.spec.js} +41 -41
- package/dist/collection/components/ic-card-vertical/test/basic/ic-card-vertical.spec.js.map +1 -0
- package/dist/collection/components/ic-checkbox/ic-checkbox.css +20 -14
- package/dist/collection/components/ic-checkbox/ic-checkbox.js +5 -137
- package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.css +6 -4
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +7 -27
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js +2 -2
- package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js.map +1 -1
- package/dist/collection/components/ic-chip/ic-chip.css +66 -53
- package/dist/collection/components/ic-chip/ic-chip.js +44 -68
- package/dist/collection/components/ic-chip/ic-chip.js.map +1 -1
- package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js +16 -0
- package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js.map +1 -1
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.css +28 -10
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.js +1 -1
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.js.map +1 -1
- package/dist/collection/components/{ic-data-entity/ic-data-entity.css → ic-data-list/ic-data-list.css} +7 -3
- package/dist/collection/components/{ic-data-entity/ic-data-entity.js → ic-data-list/ic-data-list.js} +33 -27
- package/dist/collection/components/ic-data-list/ic-data-list.js.map +1 -0
- package/dist/collection/components/{ic-data-entity/test/basic/ic-data-entity.spec.js → ic-data-list/test/basic/ic-data-list.spec.js} +32 -32
- package/dist/collection/components/ic-data-list/test/basic/ic-data-list.spec.js.map +1 -0
- package/dist/collection/components/ic-data-row/ic-data-row.css +6 -3
- package/dist/collection/components/ic-data-row/ic-data-row.js +28 -24
- package/dist/collection/components/ic-data-row/ic-data-row.js.map +1 -1
- package/dist/collection/components/ic-data-row/test/basic/ic-data-row.spec.js +4 -4
- package/dist/collection/components/ic-data-row/test/basic/ic-data-row.spec.js.map +1 -1
- package/dist/collection/components/ic-dialog/ic-dialog.css +3 -12
- package/dist/collection/components/ic-dialog/ic-dialog.js +11 -214
- package/dist/collection/components/ic-dialog/ic-dialog.js.map +1 -1
- package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js +3 -226
- package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js.map +1 -1
- package/dist/collection/components/ic-divider/ic-divider.css +2 -2
- package/dist/collection/components/ic-empty-state/ic-empty-state.css +6 -6
- package/dist/collection/components/ic-empty-state/ic-empty-state.js +9 -9
- package/dist/collection/components/ic-empty-state/ic-empty-state.js.map +1 -1
- package/dist/collection/components/ic-footer/ic-footer.css +16 -9
- package/dist/collection/components/ic-footer/ic-footer.js +6 -6
- package/dist/collection/components/ic-footer/ic-footer.js.map +1 -1
- package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js +1 -1
- package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js.map +1 -1
- package/dist/collection/components/ic-footer-link/ic-footer-link.css +36 -105
- package/dist/collection/components/ic-footer-link/ic-footer-link.js +4 -5
- 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 +15 -11
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js +9 -9
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
- package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js +7 -7
- package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js.map +1 -1
- package/dist/collection/components/ic-hero/ic-hero.css +14 -14
- package/dist/collection/components/ic-hero/ic-hero.js +11 -33
- package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
- package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js +6 -6
- package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js.map +1 -1
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.css +8 -8
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +3 -3
- 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 +40 -35
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +12 -57
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js.map +1 -1
- package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js +9 -9
- package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js.map +1 -1
- package/dist/collection/components/ic-input-label/ic-input-label.css +7 -7
- package/dist/collection/components/ic-input-label/ic-input-label.js +24 -46
- package/dist/collection/components/ic-input-label/ic-input-label.js.map +1 -1
- package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js +4 -4
- package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js.map +1 -1
- package/dist/collection/components/ic-input-validation/ic-input-validation.css +4 -4
- package/dist/collection/components/ic-input-validation/ic-input-validation.js +2 -2
- package/dist/collection/components/ic-input-validation/ic-input-validation.js.map +1 -1
- package/dist/collection/components/ic-input-validation/test/basic/ic-input-validation.spec.js +4 -4
- package/dist/collection/components/ic-input-validation/test/basic/ic-input-validation.spec.js.map +1 -1
- package/dist/collection/components/ic-link/ic-link.css +101 -45
- package/dist/collection/components/ic-link/ic-link.js +57 -49
- package/dist/collection/components/ic-link/ic-link.js.map +1 -1
- package/dist/collection/components/ic-link/test/basic/ic-link.spec.js +16 -111
- package/dist/collection/components/ic-link/test/basic/ic-link.spec.js.map +1 -1
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css +23 -16
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +73 -50
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js.map +1 -1
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.types.js.map +1 -1
- package/dist/collection/components/ic-loading-indicator/test/basic/ic-loading-indicator.spec.js +3 -2
- package/dist/collection/components/ic-loading-indicator/test/basic/ic-loading-indicator.spec.js.map +1 -1
- package/dist/collection/components/ic-menu/ic-menu.css +27 -16
- package/dist/collection/components/ic-menu/ic-menu.js +9 -32
- package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
- package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js +1 -1
- package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js.map +1 -1
- package/dist/collection/components/ic-menu-group/ic-menu-group.css +2 -1
- package/dist/collection/components/ic-menu-item/ic-menu-item.css +51 -36
- package/dist/collection/components/ic-menu-item/ic-menu-item.js +1 -1
- package/dist/collection/components/ic-menu-item/ic-menu-item.js.map +1 -1
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js +1 -1
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js.map +1 -1
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.css +14 -12
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +7 -7
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.css +10 -7
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +4 -4
- 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 +7 -2
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +1 -1
- 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 +2 -2
- package/dist/collection/components/ic-page-header/ic-page-header.js +8 -30
- package/dist/collection/components/ic-page-header/ic-page-header.js.map +1 -1
- package/dist/collection/components/ic-page-header/test/basic/ic-page-header.spec.js +15 -15
- package/dist/collection/components/ic-page-header/test/basic/ic-page-header.spec.js.map +1 -1
- package/dist/collection/components/ic-pagination/ic-pagination.js +38 -36
- package/dist/collection/components/ic-pagination/ic-pagination.js.map +1 -1
- package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js +26 -26
- package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js.map +1 -1
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.css +13 -10
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.css +8 -4
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +1 -1
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
- package/dist/collection/components/ic-radio-group/ic-radio-group.css +5 -5
- package/dist/collection/components/ic-radio-group/ic-radio-group.js +12 -34
- package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
- package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js +1 -1
- package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js.map +1 -1
- package/dist/collection/components/ic-radio-option/ic-radio-option.css +11 -8
- package/dist/collection/components/ic-radio-option/ic-radio-option.js +4 -126
- 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 +11 -11
- package/dist/collection/components/ic-search-bar/ic-search-bar.js +32 -99
- package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js +15 -15
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js.map +1 -1
- package/dist/collection/components/ic-select/ic-select.css +23 -21
- package/dist/collection/components/ic-select/ic-select.js +16 -151
- package/dist/collection/components/ic-select/ic-select.js.map +1 -1
- package/dist/collection/components/ic-select/test/basic/ic-select.spec.js +6 -6
- package/dist/collection/components/ic-select/test/basic/ic-select.spec.js.map +1 -1
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.css +18 -17
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +6 -6
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
- package/dist/collection/components/ic-skeleton/ic-skeleton.css +5 -28
- package/dist/collection/components/ic-skeleton/ic-skeleton.js +17 -33
- package/dist/collection/components/ic-skeleton/ic-skeleton.js.map +1 -1
- package/dist/collection/components/ic-skeleton/test/basic/ic-skeleton.spec.js +1 -1
- package/dist/collection/components/ic-skeleton/test/basic/ic-skeleton.spec.js.map +1 -1
- package/dist/collection/components/ic-status-tag/ic-status-tag.css +20 -17
- package/dist/collection/components/ic-status-tag/ic-status-tag.js +24 -61
- package/dist/collection/components/ic-status-tag/ic-status-tag.js.map +1 -1
- package/dist/collection/components/ic-status-tag/ic-status-tag.types.js.map +1 -1
- package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js +2 -2
- package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js.map +1 -1
- package/dist/collection/components/ic-step/ic-step.css +97 -128
- package/dist/collection/components/ic-step/ic-step.js +77 -54
- package/dist/collection/components/ic-step/ic-step.js.map +1 -1
- package/dist/collection/components/ic-step/test/basic/ic-step.spec.js +30 -30
- package/dist/collection/components/ic-step/test/basic/ic-step.spec.js.map +1 -1
- package/dist/collection/components/ic-stepper/ic-stepper.css +4 -4
- package/dist/collection/components/ic-stepper/ic-stepper.js +51 -33
- package/dist/collection/components/ic-stepper/ic-stepper.js.map +1 -1
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper-test-examples.js +37 -37
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper-test-examples.js.map +1 -1
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js +237 -237
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js.map +1 -1
- package/dist/collection/components/ic-switch/ic-switch.css +2 -2
- package/dist/collection/components/ic-switch/ic-switch.js +7 -29
- package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
- package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js +1 -1
- package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js.map +1 -1
- package/dist/collection/components/ic-tab/ic-tab.css +47 -21
- package/dist/collection/components/ic-tab/ic-tab.js +56 -34
- package/dist/collection/components/ic-tab/ic-tab.js.map +1 -1
- package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js +2 -2
- package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js.map +1 -1
- package/dist/collection/components/ic-tab-context/ic-tab-context.js +79 -76
- package/dist/collection/components/ic-tab-context/ic-tab-context.js.map +1 -1
- package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js +3 -3
- package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js.map +1 -1
- package/dist/collection/components/ic-tab-group/ic-tab-group.css +7 -8
- package/dist/collection/components/ic-tab-group/ic-tab-group.js +68 -54
- 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 +2 -2
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.js +91 -30
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.js.map +1 -1
- package/dist/collection/components/ic-tab-panel/test/basic/ic-tab-panel.spec.js +50 -0
- package/dist/collection/components/ic-tab-panel/test/basic/ic-tab-panel.spec.js.map +1 -0
- package/dist/collection/components/ic-text-field/ic-text-field.css +15 -9
- package/dist/collection/components/ic-text-field/ic-text-field.js +70 -111
- package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js +36 -14
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js.map +1 -1
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js +57 -56
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js.map +1 -1
- package/dist/collection/components/ic-theme/ic-theme.js +50 -2
- package/dist/collection/components/ic-theme/ic-theme.js.map +1 -1
- package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js +13 -11
- package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js.map +1 -1
- package/dist/collection/components/ic-toast/ic-toast.css +21 -7
- package/dist/collection/components/ic-toast/ic-toast.js +83 -32
- package/dist/collection/components/ic-toast/ic-toast.js.map +1 -1
- package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js +43 -7
- package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js.map +1 -1
- package/dist/collection/components/ic-toast-region/ic-toast-region.js +1 -43
- package/dist/collection/components/ic-toast-region/ic-toast-region.js.map +1 -1
- package/dist/collection/components/ic-toast-region/test/basic/ic-toast-region.spec.js +0 -20
- package/dist/collection/components/ic-toast-region/test/basic/ic-toast-region.spec.js.map +1 -1
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.css +58 -51
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.js +16 -16
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.js.map +1 -1
- package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js +4 -4
- package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js.map +1 -1
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.css +11 -8
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js +18 -18
- 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.types.js.map +1 -1
- package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js +19 -19
- package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js.map +1 -1
- package/dist/collection/components/ic-tooltip/ic-tooltip.css +14 -5
- package/dist/collection/components/ic-tooltip/ic-tooltip.js +30 -2
- package/dist/collection/components/ic-tooltip/ic-tooltip.js.map +1 -1
- package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.spec.js +14 -0
- package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.spec.js.map +1 -1
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.css +9 -7
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +6 -6
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
- package/dist/collection/components/ic-typography/ic-typography.css +12 -6
- package/dist/collection/components/ic-typography/ic-typography.js +31 -5
- package/dist/collection/components/ic-typography/ic-typography.js.map +1 -1
- package/dist/collection/components/ic-typography/test/basic/ic-typography.spec.js +14 -0
- package/dist/collection/components/ic-typography/test/basic/ic-typography.spec.js.map +1 -1
- package/dist/collection/utils/types.js.map +1 -1
- package/dist/components/helpers.js +13 -2
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/ic-accordion-group.js +9 -9
- package/dist/components/ic-accordion-group.js.map +1 -1
- package/dist/components/ic-accordion.js +4 -4
- package/dist/components/ic-accordion.js.map +1 -1
- package/dist/components/ic-alert.js +132 -1
- package/dist/components/ic-alert.js.map +1 -1
- package/dist/components/ic-back-to-top.js +24 -15
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-badge.js +25 -54
- package/dist/components/ic-badge.js.map +1 -1
- package/dist/components/ic-breadcrumb-group.js +31 -16
- package/dist/components/ic-breadcrumb-group.js.map +1 -1
- package/dist/components/ic-breadcrumb2.js +10 -7
- package/dist/components/ic-breadcrumb2.js.map +1 -1
- package/dist/components/ic-button2.js +16 -18
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/{ic-data-entity.d.ts → ic-card-vertical.d.ts} +4 -4
- package/dist/components/{ic-card.js → ic-card-vertical.js} +11 -12
- package/dist/components/ic-card-vertical.js.map +1 -0
- package/dist/components/ic-checkbox-group.js +7 -7
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox.js +6 -21
- package/dist/components/ic-checkbox.js.map +1 -1
- package/dist/components/ic-chip.js +24 -23
- package/dist/components/ic-chip.js.map +1 -1
- package/dist/components/ic-classification-banner.js +2 -2
- package/dist/components/ic-classification-banner.js.map +1 -1
- package/dist/components/{ic-card.d.ts → ic-data-list.d.ts} +4 -4
- package/dist/components/ic-data-list.js +56 -0
- package/dist/components/ic-data-list.js.map +1 -0
- package/dist/components/ic-data-row.js +14 -13
- package/dist/components/ic-data-row.js.map +1 -1
- package/dist/components/ic-dialog.js +14 -112
- package/dist/components/ic-dialog.js.map +1 -1
- package/dist/components/ic-divider2.js +2 -3
- package/dist/components/ic-divider2.js.map +1 -1
- package/dist/components/ic-empty-state.js +7 -7
- package/dist/components/ic-empty-state.js.map +1 -1
- package/dist/components/ic-footer-link-group.js +10 -10
- package/dist/components/ic-footer-link-group.js.map +1 -1
- package/dist/components/ic-footer-link.js +13 -8
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-footer.js +8 -9
- package/dist/components/ic-footer.js.map +1 -1
- package/dist/components/ic-hero.js +9 -12
- package/dist/components/ic-hero.js.map +1 -1
- package/dist/components/ic-horizontal-scroll2.js +5 -6
- package/dist/components/ic-horizontal-scroll2.js.map +1 -1
- package/dist/components/ic-input-component-container2.js +12 -18
- package/dist/components/ic-input-component-container2.js.map +1 -1
- package/dist/components/ic-input-label2.js +10 -12
- package/dist/components/ic-input-label2.js.map +1 -1
- package/dist/components/ic-input-validation2.js +4 -5
- package/dist/components/ic-input-validation2.js.map +1 -1
- package/dist/components/ic-link2.js +22 -13
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-loading-indicator2.js +29 -23
- package/dist/components/ic-loading-indicator2.js.map +1 -1
- package/dist/components/ic-menu-group.js +2 -2
- package/dist/components/ic-menu-group.js.map +1 -1
- package/dist/components/ic-menu-item2.js +3 -3
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-menu2.js +8 -11
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-button.js +2 -3
- package/dist/components/ic-navigation-button.js.map +1 -1
- package/dist/components/ic-navigation-group.js +9 -9
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-navigation-item.js +6 -6
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-navigation-menu2.js +3 -3
- package/dist/components/ic-navigation-menu2.js.map +1 -1
- package/dist/components/ic-page-header.js +8 -10
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-pagination-item2.js +2 -2
- package/dist/components/ic-pagination-item2.js.map +1 -1
- package/dist/components/ic-pagination.js +36 -34
- package/dist/components/ic-pagination.js.map +1 -1
- package/dist/components/ic-popover-menu.js +3 -3
- package/dist/components/ic-popover-menu.js.map +1 -1
- package/dist/components/ic-radio-group.js +11 -13
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-radio-option.js +6 -25
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-search-bar.js +21 -29
- package/dist/components/ic-search-bar.js.map +1 -1
- package/dist/components/ic-select.js +15 -31
- package/dist/components/ic-select.js.map +1 -1
- package/dist/components/ic-side-navigation.js +7 -8
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-skeleton.js +6 -8
- package/dist/components/ic-skeleton.js.map +1 -1
- package/dist/components/ic-status-tag.js +6 -15
- package/dist/components/ic-status-tag.js.map +1 -1
- package/dist/components/ic-step.js +48 -51
- package/dist/components/ic-step.js.map +1 -1
- package/dist/components/ic-stepper.js +28 -17
- package/dist/components/ic-stepper.js.map +1 -1
- package/dist/components/ic-switch.js +7 -9
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/components/ic-tab-context.js +39 -31
- package/dist/components/ic-tab-context.js.map +1 -1
- package/dist/components/ic-tab-group.js +27 -13
- package/dist/components/ic-tab-group.js.map +1 -1
- package/dist/components/ic-tab-panel.js +17 -13
- package/dist/components/ic-tab-panel.js.map +1 -1
- package/dist/components/ic-tab.js +11 -9
- package/dist/components/ic-tab.js.map +1 -1
- package/dist/components/ic-text-field2.js +52 -57
- package/dist/components/ic-text-field2.js.map +1 -1
- package/dist/components/ic-theme.js +33 -7
- package/dist/components/ic-theme.js.map +1 -1
- package/dist/components/ic-toast-region.js +1 -9
- package/dist/components/ic-toast-region.js.map +1 -1
- package/dist/components/ic-toast.js +86 -37
- package/dist/components/ic-toast.js.map +1 -1
- package/dist/components/ic-toggle-button-group.js +17 -17
- package/dist/components/ic-toggle-button-group.js.map +1 -1
- package/dist/components/ic-toggle-button.js +14 -14
- package/dist/components/ic-toggle-button.js.map +1 -1
- package/dist/components/ic-tooltip2.js +8 -3
- package/dist/components/ic-tooltip2.js.map +1 -1
- package/dist/components/ic-top-navigation.js +7 -8
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/components/ic-typography2.js +9 -6
- package/dist/components/ic-typography2.js.map +1 -1
- package/dist/core/core.css +101 -29
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-0a808ec3.entry.js +2 -0
- package/dist/core/p-0a808ec3.entry.js.map +1 -0
- package/dist/core/p-0c872824.entry.js +2 -0
- package/dist/core/p-0c872824.entry.js.map +1 -0
- package/dist/core/p-0d30ffab.entry.js +2 -0
- package/dist/core/p-0d30ffab.entry.js.map +1 -0
- package/dist/core/p-0fb047e7.entry.js +2 -0
- package/dist/core/p-0fb047e7.entry.js.map +1 -0
- package/dist/core/p-1684c8d4.entry.js +2 -0
- package/dist/core/p-1684c8d4.entry.js.map +1 -0
- package/dist/core/p-1b573920.entry.js +2 -0
- package/dist/core/p-1b573920.entry.js.map +1 -0
- package/dist/core/p-1f1758a9.entry.js +2 -0
- package/dist/core/p-1f1758a9.entry.js.map +1 -0
- package/dist/core/p-21e5dd29.entry.js +2 -0
- package/dist/core/p-21e5dd29.entry.js.map +1 -0
- package/dist/core/p-244d6dba.entry.js +2 -0
- package/dist/core/p-244d6dba.entry.js.map +1 -0
- package/dist/core/{p-7438ab1f.entry.js → p-26bc7c62.entry.js} +2 -2
- package/dist/core/p-26bc7c62.entry.js.map +1 -0
- package/dist/core/{p-3eda4e14.entry.js → p-27274ca8.entry.js} +2 -2
- package/dist/core/p-27274ca8.entry.js.map +1 -0
- package/dist/core/p-312cacae.js +2 -0
- package/dist/core/p-312cacae.js.map +1 -0
- package/dist/core/p-31fc8756.entry.js +2 -0
- package/dist/core/p-31fc8756.entry.js.map +1 -0
- package/dist/core/p-322edabc.entry.js +2 -0
- package/dist/core/p-322edabc.entry.js.map +1 -0
- package/dist/core/p-34db8aaf.entry.js +2 -0
- package/dist/core/p-34db8aaf.entry.js.map +1 -0
- package/dist/core/p-355acffa.entry.js +2 -0
- package/dist/core/p-355acffa.entry.js.map +1 -0
- package/dist/core/p-363d6e88.entry.js +2 -0
- package/dist/core/p-363d6e88.entry.js.map +1 -0
- package/dist/core/{p-3969d3c0.entry.js → p-3ea4a005.entry.js} +2 -2
- package/dist/core/p-3ea4a005.entry.js.map +1 -0
- package/dist/core/p-4055f22c.entry.js +2 -0
- package/dist/core/p-4055f22c.entry.js.map +1 -0
- package/dist/core/p-408344d3.entry.js +2 -0
- package/dist/core/p-408344d3.entry.js.map +1 -0
- package/dist/core/p-40e9e76a.entry.js +2 -0
- package/dist/core/p-40e9e76a.entry.js.map +1 -0
- package/dist/core/p-43f9a711.entry.js +2 -0
- package/dist/core/p-43f9a711.entry.js.map +1 -0
- package/dist/core/p-4502d3c1.entry.js +2 -0
- package/dist/core/p-4502d3c1.entry.js.map +1 -0
- package/dist/core/p-49525194.entry.js +2 -0
- package/dist/core/p-49525194.entry.js.map +1 -0
- package/dist/core/p-4ff6d16f.entry.js +2 -0
- package/dist/core/p-4ff6d16f.entry.js.map +1 -0
- package/dist/core/p-50ead56c.entry.js +2 -0
- package/dist/core/p-50ead56c.entry.js.map +1 -0
- package/dist/core/p-5deb9730.entry.js +2 -0
- package/dist/core/p-5deb9730.entry.js.map +1 -0
- package/dist/core/p-60efd7fa.entry.js +2 -0
- package/dist/core/{p-223889da.entry.js.map → p-60efd7fa.entry.js.map} +1 -1
- package/dist/core/p-6bd2e938.entry.js +2 -0
- package/dist/core/p-6bd2e938.entry.js.map +1 -0
- package/dist/core/p-6d40baa9.entry.js +2 -0
- package/dist/core/p-6d40baa9.entry.js.map +1 -0
- package/dist/core/p-7c89fc86.entry.js +2 -0
- package/dist/core/p-7c89fc86.entry.js.map +1 -0
- package/dist/core/p-82375dca.entry.js +2 -0
- package/dist/core/p-82375dca.entry.js.map +1 -0
- package/dist/core/p-84526c3e.entry.js +2 -0
- package/dist/core/p-84526c3e.entry.js.map +1 -0
- package/dist/core/p-93c23a35.entry.js +2 -0
- package/dist/core/p-93c23a35.entry.js.map +1 -0
- package/dist/core/p-9dba6823.entry.js +2 -0
- package/dist/core/p-9dba6823.entry.js.map +1 -0
- package/dist/core/p-aa0619ce.entry.js +2 -0
- package/dist/core/p-aa0619ce.entry.js.map +1 -0
- package/dist/core/p-aab2c7aa.entry.js +2 -0
- package/dist/core/p-aab2c7aa.entry.js.map +1 -0
- package/dist/core/p-af20322c.entry.js +2 -0
- package/dist/core/p-af20322c.entry.js.map +1 -0
- package/dist/core/{p-6fae7e1f.entry.js → p-b01ffa55.entry.js} +2 -2
- package/dist/core/p-b01ffa55.entry.js.map +1 -0
- package/dist/core/p-bf1f0ac7.entry.js +2 -0
- package/dist/core/p-bf1f0ac7.entry.js.map +1 -0
- package/dist/core/{p-9df32798.entry.js → p-c06a3b97.entry.js} +2 -2
- package/dist/core/p-c06a3b97.entry.js.map +1 -0
- package/dist/core/p-c86d48b6.entry.js +2 -0
- package/dist/core/p-c86d48b6.entry.js.map +1 -0
- package/dist/core/p-cbcd4427.entry.js +2 -0
- package/dist/core/p-cbcd4427.entry.js.map +1 -0
- package/dist/core/p-d1c9c32b.entry.js +2 -0
- package/dist/core/p-d1c9c32b.entry.js.map +1 -0
- package/dist/core/p-d2f89cb5.entry.js +2 -0
- package/dist/core/p-d2f89cb5.entry.js.map +1 -0
- package/dist/core/p-d2f8e03f.entry.js +2 -0
- package/dist/core/p-d2f8e03f.entry.js.map +1 -0
- package/dist/core/p-d58a10ec.entry.js +2 -0
- package/dist/core/p-d58a10ec.entry.js.map +1 -0
- package/dist/core/p-d8870804.entry.js +2 -0
- package/dist/core/p-d8870804.entry.js.map +1 -0
- package/dist/core/p-da14cd3c.entry.js +2 -0
- package/dist/core/p-da14cd3c.entry.js.map +1 -0
- package/dist/core/p-dc83a0e9.entry.js +2 -0
- package/dist/core/p-dc83a0e9.entry.js.map +1 -0
- package/dist/core/p-de3a5423.entry.js +2 -0
- package/dist/core/p-de3a5423.entry.js.map +1 -0
- package/dist/core/p-e3ed9110.entry.js +2 -0
- package/dist/core/p-e3ed9110.entry.js.map +1 -0
- package/dist/core/p-e4b276b5.entry.js +2 -0
- package/dist/core/p-e4b276b5.entry.js.map +1 -0
- package/dist/core/p-e53309b0.entry.js +2 -0
- package/dist/core/p-e53309b0.entry.js.map +1 -0
- package/dist/core/p-f30f3a3e.entry.js +2 -0
- package/dist/core/p-f30f3a3e.entry.js.map +1 -0
- package/dist/core/p-f38bce8d.entry.js +2 -0
- package/dist/core/p-f38bce8d.entry.js.map +1 -0
- package/dist/core/p-f828a6e1.entry.js +2 -0
- package/dist/core/p-f828a6e1.entry.js.map +1 -0
- package/dist/core/p-fa1b7a80.entry.js +2 -0
- package/dist/core/p-fa1b7a80.entry.js.map +1 -0
- package/dist/core/p-fa587e6d.entry.js +2 -0
- package/dist/core/p-fa587e6d.entry.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/{helpers-3905ccc4.js → helpers-1c9151ef.js} +14 -3
- package/dist/esm/helpers-1c9151ef.js.map +1 -0
- package/dist/esm/ic-accordion-group.entry.js +9 -10
- package/dist/esm/ic-accordion-group.entry.js.map +1 -1
- package/dist/esm/ic-accordion.entry.js +5 -6
- package/dist/esm/ic-accordion.entry.js.map +1 -1
- package/dist/esm/ic-alert.entry.js +2 -5
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +12 -16
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/ic-badge.entry.js +22 -51
- package/dist/esm/ic-badge.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +26 -14
- package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb.entry.js +8 -7
- package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
- package/dist/esm/ic-button_3.entry.js +49 -40
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card-vertical.entry.js +145 -0
- package/dist/esm/ic-card-vertical.entry.js.map +1 -0
- package/dist/esm/ic-checkbox-group.entry.js +7 -7
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox.entry.js +6 -16
- package/dist/esm/ic-checkbox.entry.js.map +1 -1
- package/dist/esm/ic-chip.entry.js +23 -24
- package/dist/esm/ic-chip.entry.js.map +1 -1
- package/dist/esm/ic-classification-banner.entry.js +2 -2
- package/dist/esm/ic-classification-banner.entry.js.map +1 -1
- package/dist/esm/ic-data-list.entry.js +28 -0
- package/dist/esm/ic-data-list.entry.js.map +1 -0
- package/dist/esm/ic-data-row.entry.js +12 -12
- package/dist/esm/ic-data-row.entry.js.map +1 -1
- package/dist/esm/ic-dialog.entry.js +12 -98
- package/dist/esm/ic-dialog.entry.js.map +1 -1
- package/dist/esm/ic-divider.entry.js +2 -3
- package/dist/esm/ic-divider.entry.js.map +1 -1
- package/dist/esm/ic-empty-state.entry.js +7 -8
- package/dist/esm/ic-empty-state.entry.js.map +1 -1
- package/dist/esm/ic-footer-link-group.entry.js +9 -10
- package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
- package/dist/esm/ic-footer-link.entry.js +6 -8
- package/dist/esm/ic-footer-link.entry.js.map +1 -1
- package/dist/esm/ic-footer.entry.js +8 -9
- package/dist/esm/ic-footer.entry.js.map +1 -1
- package/dist/esm/ic-hero.entry.js +9 -11
- package/dist/esm/ic-hero.entry.js.map +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js +5 -6
- package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
- package/dist/esm/ic-input-component-container_3.entry.js +20 -26
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-input-label_2.entry.js +11 -13
- package/dist/esm/ic-input-label_2.entry.js.map +1 -1
- package/dist/esm/ic-link.entry.js +20 -11
- package/dist/esm/ic-link.entry.js.map +1 -1
- package/dist/esm/ic-menu-group.entry.js +2 -3
- package/dist/esm/ic-menu-group.entry.js.map +1 -1
- package/dist/esm/ic-menu-item.entry.js +3 -4
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +2 -3
- package/dist/esm/ic-navigation-button.entry.js.map +1 -1
- package/dist/esm/ic-navigation-group.entry.js +9 -10
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +6 -7
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +3 -4
- package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
- package/dist/esm/ic-page-header.entry.js +8 -10
- package/dist/esm/ic-page-header.entry.js.map +1 -1
- package/dist/esm/ic-pagination-item.entry.js +2 -3
- package/dist/esm/ic-pagination-item.entry.js.map +1 -1
- package/dist/esm/ic-pagination.entry.js +33 -32
- package/dist/esm/ic-pagination.entry.js.map +1 -1
- package/dist/esm/ic-popover-menu.entry.js +3 -4
- package/dist/esm/ic-popover-menu.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +11 -13
- package/dist/esm/ic-radio-group.entry.js.map +1 -1
- package/dist/esm/ic-radio-option.entry.js +5 -19
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-search-bar.entry.js +19 -26
- package/dist/esm/ic-search-bar.entry.js.map +1 -1
- package/dist/esm/ic-select.entry.js +14 -23
- package/dist/esm/ic-select.entry.js.map +1 -1
- package/dist/esm/ic-side-navigation.entry.js +7 -8
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-skeleton.entry.js +5 -6
- package/dist/esm/ic-skeleton.entry.js.map +1 -1
- package/dist/esm/ic-status-tag.entry.js +6 -15
- package/dist/esm/ic-status-tag.entry.js.map +1 -1
- package/dist/esm/ic-step.entry.js +41 -46
- package/dist/esm/ic-step.entry.js.map +1 -1
- package/dist/esm/ic-stepper.entry.js +27 -18
- package/dist/esm/ic-stepper.entry.js.map +1 -1
- package/dist/esm/ic-switch.entry.js +7 -9
- package/dist/esm/ic-switch.entry.js.map +1 -1
- package/dist/esm/ic-tab-context.entry.js +34 -28
- package/dist/esm/ic-tab-context.entry.js.map +1 -1
- package/dist/esm/ic-tab-group.entry.js +25 -11
- package/dist/esm/ic-tab-group.entry.js.map +1 -1
- package/dist/esm/ic-tab-panel.entry.js +12 -11
- package/dist/esm/ic-tab-panel.entry.js.map +1 -1
- package/dist/esm/ic-tab.entry.js +10 -9
- package/dist/esm/ic-tab.entry.js.map +1 -1
- package/dist/esm/ic-text-field.entry.js +50 -52
- package/dist/esm/ic-text-field.entry.js.map +1 -1
- package/dist/esm/ic-theme.entry.js +27 -4
- package/dist/esm/ic-theme.entry.js.map +1 -1
- package/dist/esm/ic-toast-region.entry.js +0 -7
- package/dist/esm/ic-toast-region.entry.js.map +1 -1
- package/dist/esm/ic-toast.entry.js +83 -36
- package/dist/esm/ic-toast.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button-group.entry.js +17 -17
- package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button.entry.js +14 -15
- package/dist/esm/ic-toggle-button.entry.js.map +1 -1
- package/dist/esm/ic-top-navigation.entry.js +7 -8
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-typography.entry.js +9 -8
- package/dist/esm/ic-typography.entry.js.map +1 -1
- package/dist/esm/index-d1d2c456.js +12 -12
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/ic-accordion-group/ic-accordion-group.d.ts +2 -2
- package/dist/types/components/ic-alert/ic-alert.d.ts +0 -4
- package/dist/types/components/ic-back-to-top/ic-back-to-top.d.ts +0 -1
- package/dist/types/components/ic-badge/ic-badge.d.ts +8 -15
- package/dist/types/components/ic-breadcrumb/ic-breadcrumb.d.ts +9 -5
- package/dist/types/components/ic-breadcrumb-group/ic-breadcrumb-group.d.ts +13 -7
- package/dist/types/components/ic-button/ic-button.d.ts +0 -1
- package/dist/types/components/{ic-card/ic-card.d.ts → ic-card-vertical/ic-card-vertical.d.ts} +2 -2
- package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +0 -28
- package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +0 -4
- package/dist/types/components/ic-chip/ic-chip.d.ts +8 -11
- package/dist/types/components/ic-data-list/ic-data-list.d.ts +20 -0
- package/dist/types/components/ic-data-row/ic-data-row.d.ts +4 -4
- package/dist/types/components/ic-dialog/ic-dialog.d.ts +1 -37
- package/dist/types/components/ic-empty-state/ic-empty-state.d.ts +1 -1
- package/dist/types/components/ic-footer-link-group/ic-footer-link-group.d.ts +1 -1
- package/dist/types/components/ic-hero/ic-hero.d.ts +2 -6
- package/dist/types/components/ic-input-component-container/ic-input-component-container.d.ts +0 -8
- package/dist/types/components/ic-input-label/ic-input-label.d.ts +4 -8
- package/dist/types/components/ic-link/ic-link.d.ts +9 -9
- 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 +0 -4
- package/dist/types/components/ic-page-header/ic-page-header.d.ts +0 -4
- package/dist/types/components/ic-pagination/ic-pagination.d.ts +4 -4
- package/dist/types/components/ic-radio-group/ic-radio-group.d.ts +0 -4
- package/dist/types/components/ic-radio-option/ic-radio-option.d.ts +0 -24
- package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +3 -15
- package/dist/types/components/ic-select/ic-select.d.ts +1 -31
- package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +1 -1
- package/dist/types/components/ic-skeleton/ic-skeleton.d.ts +3 -6
- package/dist/types/components/ic-status-tag/ic-status-tag.d.ts +5 -10
- package/dist/types/components/ic-status-tag/ic-status-tag.types.d.ts +0 -1
- package/dist/types/components/ic-step/ic-step.d.ts +11 -6
- package/dist/types/components/ic-stepper/ic-stepper.d.ts +6 -4
- package/dist/types/components/ic-stepper/test/basic/ic-stepper-test-examples.d.ts +4 -4
- package/dist/types/components/ic-switch/ic-switch.d.ts +0 -4
- package/dist/types/components/ic-tab/ic-tab.d.ts +5 -3
- package/dist/types/components/ic-tab-context/ic-tab-context.d.ts +11 -11
- package/dist/types/components/ic-tab-group/ic-tab-group.d.ts +9 -10
- package/dist/types/components/ic-tab-panel/ic-tab-panel.d.ts +13 -7
- package/dist/types/components/ic-text-field/ic-text-field.d.ts +7 -16
- package/dist/types/components/ic-theme/ic-theme.d.ts +7 -0
- package/dist/types/components/ic-toast/ic-toast.d.ts +8 -1
- package/dist/types/components/ic-toast-region/ic-toast-region.d.ts +0 -5
- package/dist/types/components/ic-toggle-button/ic-toggle-button.d.ts +1 -1
- package/dist/types/components/ic-toggle-button-group/ic-toggle-button-group.types.d.ts +1 -1
- package/dist/types/components/ic-tooltip/ic-tooltip.d.ts +5 -0
- package/dist/types/components/ic-top-navigation/ic-top-navigation.d.ts +1 -1
- package/dist/types/components/ic-typography/ic-typography.d.ts +5 -1
- package/dist/types/components.d.ts +264 -562
- package/dist/types/utils/types.d.ts +4 -3
- package/hydrate/index.js +826 -887
- package/package.json +2 -2
- package/vscode-data.json +298 -347
- package/dist/cjs/helpers-94b33ab0.js.map +0 -1
- package/dist/cjs/ic-card.cjs.entry.js +0 -150
- package/dist/cjs/ic-card.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-data-entity.cjs.entry.js +0 -29
- package/dist/cjs/ic-data-entity.cjs.entry.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-card/ic-card.js.map +0 -1
- package/dist/collection/components/ic-card/test/basic/ic-card.spec.js.map +0 -1
- package/dist/collection/components/ic-chip/ic-chip.types.js +0 -2
- package/dist/collection/components/ic-chip/ic-chip.types.js.map +0 -1
- package/dist/collection/components/ic-data-entity/ic-data-entity.js.map +0 -1
- package/dist/collection/components/ic-data-entity/test/basic/ic-data-entity.spec.js.map +0 -1
- package/dist/components/ic-alert2.js +0 -139
- package/dist/components/ic-alert2.js.map +0 -1
- package/dist/components/ic-card.js.map +0 -1
- package/dist/components/ic-data-entity.js +0 -53
- package/dist/components/ic-data-entity.js.map +0 -1
- package/dist/components/types.js +0 -16
- package/dist/components/types.js.map +0 -1
- package/dist/core/p-02262e76.entry.js +0 -2
- package/dist/core/p-02262e76.entry.js.map +0 -1
- package/dist/core/p-03f23a55.entry.js +0 -2
- package/dist/core/p-03f23a55.entry.js.map +0 -1
- package/dist/core/p-0432d31a.entry.js +0 -2
- package/dist/core/p-0432d31a.entry.js.map +0 -1
- package/dist/core/p-093600a2.entry.js +0 -2
- package/dist/core/p-093600a2.entry.js.map +0 -1
- package/dist/core/p-13a6e7ea.entry.js +0 -2
- package/dist/core/p-13a6e7ea.entry.js.map +0 -1
- package/dist/core/p-13ec2a00.entry.js +0 -2
- package/dist/core/p-13ec2a00.entry.js.map +0 -1
- package/dist/core/p-1ae6aadb.entry.js +0 -2
- package/dist/core/p-1ae6aadb.entry.js.map +0 -1
- package/dist/core/p-1d648b98.entry.js +0 -2
- package/dist/core/p-1d648b98.entry.js.map +0 -1
- package/dist/core/p-1d6e6ebe.entry.js +0 -2
- package/dist/core/p-1d6e6ebe.entry.js.map +0 -1
- package/dist/core/p-223889da.entry.js +0 -2
- package/dist/core/p-230187a8.entry.js +0 -2
- package/dist/core/p-230187a8.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-2889cc17.entry.js +0 -2
- package/dist/core/p-2889cc17.entry.js.map +0 -1
- package/dist/core/p-2d930c9c.entry.js +0 -2
- package/dist/core/p-2d930c9c.entry.js.map +0 -1
- package/dist/core/p-3969d3c0.entry.js.map +0 -1
- package/dist/core/p-3af60dee.entry.js +0 -2
- package/dist/core/p-3af60dee.entry.js.map +0 -1
- package/dist/core/p-3b4c9571.entry.js +0 -2
- package/dist/core/p-3b4c9571.entry.js.map +0 -1
- package/dist/core/p-3eda4e14.entry.js.map +0 -1
- package/dist/core/p-3f2d4108.entry.js +0 -2
- package/dist/core/p-3f2d4108.entry.js.map +0 -1
- package/dist/core/p-457a4c63.entry.js +0 -2
- package/dist/core/p-457a4c63.entry.js.map +0 -1
- package/dist/core/p-4b89890b.entry.js +0 -2
- package/dist/core/p-4b89890b.entry.js.map +0 -1
- package/dist/core/p-4f0e9434.entry.js +0 -2
- package/dist/core/p-4f0e9434.entry.js.map +0 -1
- package/dist/core/p-55b11f6f.entry.js +0 -2
- package/dist/core/p-55b11f6f.entry.js.map +0 -1
- package/dist/core/p-5ccd3703.entry.js +0 -2
- package/dist/core/p-5ccd3703.entry.js.map +0 -1
- package/dist/core/p-604e72ac.entry.js +0 -2
- package/dist/core/p-604e72ac.entry.js.map +0 -1
- package/dist/core/p-60f7f555.entry.js +0 -2
- package/dist/core/p-60f7f555.entry.js.map +0 -1
- package/dist/core/p-69576aa0.entry.js +0 -2
- package/dist/core/p-69576aa0.entry.js.map +0 -1
- package/dist/core/p-6fae7e1f.entry.js.map +0 -1
- package/dist/core/p-72b0a5be.entry.js +0 -2
- package/dist/core/p-72b0a5be.entry.js.map +0 -1
- package/dist/core/p-72b350bc.entry.js +0 -2
- package/dist/core/p-72b350bc.entry.js.map +0 -1
- package/dist/core/p-7438ab1f.entry.js.map +0 -1
- package/dist/core/p-78605899.entry.js +0 -2
- package/dist/core/p-78605899.entry.js.map +0 -1
- package/dist/core/p-7c2b59fe.entry.js +0 -2
- package/dist/core/p-7c2b59fe.entry.js.map +0 -1
- package/dist/core/p-836e71de.entry.js +0 -2
- package/dist/core/p-836e71de.entry.js.map +0 -1
- package/dist/core/p-843ed766.entry.js +0 -2
- package/dist/core/p-843ed766.entry.js.map +0 -1
- package/dist/core/p-8a8bf98c.entry.js +0 -2
- package/dist/core/p-8a8bf98c.entry.js.map +0 -1
- package/dist/core/p-8c325d9b.entry.js +0 -2
- package/dist/core/p-8c325d9b.entry.js.map +0 -1
- package/dist/core/p-936ab032.entry.js +0 -2
- package/dist/core/p-936ab032.entry.js.map +0 -1
- package/dist/core/p-96505636.entry.js +0 -2
- package/dist/core/p-96505636.entry.js.map +0 -1
- package/dist/core/p-9c9ba3cd.entry.js +0 -2
- package/dist/core/p-9c9ba3cd.entry.js.map +0 -1
- package/dist/core/p-9df32798.entry.js.map +0 -1
- package/dist/core/p-a6ff78aa.entry.js +0 -2
- package/dist/core/p-a6ff78aa.entry.js.map +0 -1
- package/dist/core/p-a75f3c4d.entry.js +0 -2
- package/dist/core/p-a75f3c4d.entry.js.map +0 -1
- package/dist/core/p-aeb001d7.entry.js +0 -2
- package/dist/core/p-aeb001d7.entry.js.map +0 -1
- package/dist/core/p-b1879a44.entry.js +0 -2
- package/dist/core/p-b1879a44.entry.js.map +0 -1
- package/dist/core/p-b47021d8.entry.js +0 -2
- package/dist/core/p-b47021d8.entry.js.map +0 -1
- package/dist/core/p-bb4b7dcb.entry.js +0 -2
- package/dist/core/p-bb4b7dcb.entry.js.map +0 -1
- package/dist/core/p-bb963aa4.entry.js +0 -2
- package/dist/core/p-bb963aa4.entry.js.map +0 -1
- package/dist/core/p-be5d5f93.entry.js +0 -2
- package/dist/core/p-be5d5f93.entry.js.map +0 -1
- package/dist/core/p-c1d5e7f2.entry.js +0 -2
- package/dist/core/p-c1d5e7f2.entry.js.map +0 -1
- package/dist/core/p-d3750771.entry.js +0 -2
- package/dist/core/p-d3750771.entry.js.map +0 -1
- package/dist/core/p-dbc0f5da.entry.js +0 -2
- package/dist/core/p-dbc0f5da.entry.js.map +0 -1
- package/dist/core/p-dd4ef67f.entry.js +0 -2
- package/dist/core/p-dd4ef67f.entry.js.map +0 -1
- package/dist/core/p-dd9d8e68.entry.js +0 -2
- package/dist/core/p-dd9d8e68.entry.js.map +0 -1
- package/dist/core/p-def5ba6b.entry.js +0 -2
- package/dist/core/p-def5ba6b.entry.js.map +0 -1
- package/dist/core/p-e6bad80b.entry.js +0 -2
- package/dist/core/p-e6bad80b.entry.js.map +0 -1
- package/dist/core/p-e7fa6804.entry.js +0 -2
- package/dist/core/p-e7fa6804.entry.js.map +0 -1
- package/dist/core/p-e8fa0095.entry.js +0 -2
- package/dist/core/p-e8fa0095.entry.js.map +0 -1
- package/dist/core/p-ee1c9f20.entry.js +0 -2
- package/dist/core/p-ee1c9f20.entry.js.map +0 -1
- package/dist/core/p-fef9e8c9.js +0 -2
- package/dist/core/p-fef9e8c9.js.map +0 -1
- package/dist/esm/helpers-3905ccc4.js.map +0 -1
- package/dist/esm/ic-card.entry.js +0 -146
- package/dist/esm/ic-card.entry.js.map +0 -1
- package/dist/esm/ic-data-entity.entry.js +0 -25
- package/dist/esm/ic-data-entity.entry.js.map +0 -1
- package/dist/esm/types-6f6b41a5.js +0 -16
- package/dist/esm/types-6f6b41a5.js.map +0 -1
- package/dist/types/components/ic-chip/ic-chip.types.d.ts +0 -1
- package/dist/types/components/ic-data-entity/ic-data-entity.d.ts +0 -20
@@ -7,7 +7,7 @@ export class Stepper {
|
|
7
7
|
// Get all steps currently within this stepper
|
8
8
|
this.getChildren = () => {
|
9
9
|
this.steps = Array.from(this.el.querySelectorAll("ic-step"));
|
10
|
-
this.stepsWithStepTitles = Array.from(this.el.querySelectorAll("ic-step[
|
10
|
+
this.stepsWithStepTitles = Array.from(this.el.querySelectorAll("ic-step[heading]"));
|
11
11
|
};
|
12
12
|
// Inform the user that stepTitles are required on all steps in a compact stepper
|
13
13
|
this.checkStepTitles = () => {
|
@@ -16,7 +16,7 @@ export class Stepper {
|
|
16
16
|
this.variant === "compact") {
|
17
17
|
this.noOfResizes = this.noOfResizes + 1;
|
18
18
|
if (this.noOfResizes === 1) {
|
19
|
-
console.error(`The prop '
|
19
|
+
console.error(`The prop 'heading' is required for all steps of the Stepper component (compact variant)`);
|
20
20
|
}
|
21
21
|
}
|
22
22
|
};
|
@@ -47,39 +47,39 @@ export class Stepper {
|
|
47
47
|
// Assign lastStep to final step
|
48
48
|
step.lastStep = index === this.steps.length - 1;
|
49
49
|
step.lastStepNum = this.steps.length;
|
50
|
-
if (step.
|
50
|
+
if (step.type !== "current") {
|
51
51
|
step.current = false;
|
52
|
-
this.stepTypes[index] = step.
|
52
|
+
this.stepTypes[index] = step.type;
|
53
53
|
}
|
54
54
|
else {
|
55
55
|
step.current = true;
|
56
56
|
}
|
57
57
|
const stepTitleArea = step.shadowRoot &&
|
58
|
-
step.shadowRoot.querySelector(".step > .
|
58
|
+
step.shadowRoot.querySelector(".step > .heading-area");
|
59
59
|
if (this.stepsWithStepTitles.length == 0 && this.variantOverride) {
|
60
60
|
if (this.variant === "compact") {
|
61
61
|
this.autoSetStepTitles = true;
|
62
62
|
if (this.autoSetStepTitles) {
|
63
|
-
step.
|
63
|
+
step.heading = "Step " + step.stepNum;
|
64
64
|
stepTitleArea &&
|
65
65
|
stepTitleArea
|
66
|
-
.querySelector(".
|
66
|
+
.querySelector(".heading")
|
67
67
|
.setAttribute("aria-hidden", "true");
|
68
68
|
}
|
69
69
|
}
|
70
70
|
if (this.variant === "default") {
|
71
71
|
this.autoSetStepTitles = false;
|
72
72
|
if (!this.autoSetStepTitles) {
|
73
|
-
step.
|
73
|
+
step.heading = undefined;
|
74
74
|
stepTitleArea &&
|
75
75
|
stepTitleArea
|
76
|
-
.querySelector(".
|
76
|
+
.querySelector(".heading")
|
77
77
|
.removeAttribute("aria-hidden");
|
78
78
|
}
|
79
79
|
}
|
80
80
|
}
|
81
81
|
if (this.variant === "compact") {
|
82
|
-
if (step.current === true || step.
|
82
|
+
if (step.current === true || step.type === "current") {
|
83
83
|
step.classList.remove("hide");
|
84
84
|
step.classList.add("show");
|
85
85
|
}
|
@@ -88,7 +88,7 @@ export class Stepper {
|
|
88
88
|
step.classList.add("hide");
|
89
89
|
}
|
90
90
|
if (!step.lastStep) {
|
91
|
-
step.
|
91
|
+
step.nextStepHeading = this.steps[index + 1].heading;
|
92
92
|
step.progress = (step.stepNum / this.steps.length) * 100;
|
93
93
|
}
|
94
94
|
else if (step.lastStep && this.stepTypes[index] !== "completed") {
|
@@ -144,7 +144,7 @@ export class Stepper {
|
|
144
144
|
this.setHideStepInfo = () => {
|
145
145
|
this.steps.forEach((step) => {
|
146
146
|
var _a, _b;
|
147
|
-
const stepTitleArea = step.shadowRoot.querySelector(".step > .
|
147
|
+
const stepTitleArea = step.shadowRoot.querySelector(".step > .heading-area");
|
148
148
|
if (stepTitleArea !== null) {
|
149
149
|
if (this.hideStepInfo) {
|
150
150
|
(_a = stepTitleArea.classList) === null || _a === void 0 ? void 0 : _a.add(this.visuallyHidden);
|
@@ -175,6 +175,7 @@ export class Stepper {
|
|
175
175
|
this.overrideVariant();
|
176
176
|
this.setStepperWidth();
|
177
177
|
this.initialiseStepStates();
|
178
|
+
this.handleThemeChange();
|
178
179
|
};
|
179
180
|
this.runResizeObserver = () => {
|
180
181
|
this.resizeObserver = new ResizeObserver(() => {
|
@@ -192,11 +193,17 @@ export class Stepper {
|
|
192
193
|
this.stepTypes = [];
|
193
194
|
this.variantOverride = this.variant !== "compact";
|
194
195
|
this.aligned = "full-width";
|
195
|
-
this.appearance = "default";
|
196
196
|
this.connectorWidth = 100;
|
197
197
|
this.hideStepInfo = false;
|
198
|
+
this.theme = "inherit";
|
198
199
|
this.variant = "default";
|
199
200
|
}
|
201
|
+
handleThemeChange() {
|
202
|
+
this.getChildren();
|
203
|
+
this.steps.forEach((step) => {
|
204
|
+
step.theme = this.theme;
|
205
|
+
});
|
206
|
+
}
|
200
207
|
handlePropChange() {
|
201
208
|
this.setHideStepInfo();
|
202
209
|
this.getChildren();
|
@@ -208,6 +215,7 @@ export class Stepper {
|
|
208
215
|
}
|
209
216
|
componentWillLoad() {
|
210
217
|
this.setStepTypes();
|
218
|
+
this.handleThemeChange();
|
211
219
|
if (this.variant === "compact") {
|
212
220
|
this.variantOverride = false;
|
213
221
|
}
|
@@ -220,8 +228,9 @@ export class Stepper {
|
|
220
228
|
}
|
221
229
|
render() {
|
222
230
|
return (h(Host, { class: {
|
223
|
-
[
|
224
|
-
["aligned-left"]: this.variant === "default" && this.aligned === "left",
|
231
|
+
[`ic-stepper-${this.variant}`]: true,
|
232
|
+
["ic-stepper-aligned-left"]: this.variant === "default" && this.aligned === "left",
|
233
|
+
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
225
234
|
} }, h("ul", { class: "step-item-list" }, h("slot", null))));
|
226
235
|
}
|
227
236
|
static get is() { return "ic-stepper"; }
|
@@ -262,24 +271,6 @@ export class Stepper {
|
|
262
271
|
"reflect": false,
|
263
272
|
"defaultValue": "\"full-width\""
|
264
273
|
},
|
265
|
-
"appearance": {
|
266
|
-
"type": "string",
|
267
|
-
"mutable": false,
|
268
|
-
"complexType": {
|
269
|
-
"original": "\"light\" | \"default\"",
|
270
|
-
"resolved": "\"default\" | \"light\"",
|
271
|
-
"references": {}
|
272
|
-
},
|
273
|
-
"required": false,
|
274
|
-
"optional": true,
|
275
|
-
"docs": {
|
276
|
-
"tags": [],
|
277
|
-
"text": "The appearance of the stepper."
|
278
|
-
},
|
279
|
-
"attribute": "appearance",
|
280
|
-
"reflect": false,
|
281
|
-
"defaultValue": "\"default\""
|
282
|
-
},
|
283
274
|
"connectorWidth": {
|
284
275
|
"type": "number",
|
285
276
|
"mutable": false,
|
@@ -316,6 +307,30 @@ export class Stepper {
|
|
316
307
|
"reflect": false,
|
317
308
|
"defaultValue": "false"
|
318
309
|
},
|
310
|
+
"theme": {
|
311
|
+
"type": "string",
|
312
|
+
"mutable": false,
|
313
|
+
"complexType": {
|
314
|
+
"original": "IcThemeMode",
|
315
|
+
"resolved": "\"dark\" | \"inherit\" | \"light\"",
|
316
|
+
"references": {
|
317
|
+
"IcThemeMode": {
|
318
|
+
"location": "import",
|
319
|
+
"path": "../../utils/types",
|
320
|
+
"id": "src/utils/types.ts::IcThemeMode"
|
321
|
+
}
|
322
|
+
}
|
323
|
+
},
|
324
|
+
"required": false,
|
325
|
+
"optional": true,
|
326
|
+
"docs": {
|
327
|
+
"tags": [],
|
328
|
+
"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."
|
329
|
+
},
|
330
|
+
"attribute": "theme",
|
331
|
+
"reflect": false,
|
332
|
+
"defaultValue": "\"inherit\""
|
333
|
+
},
|
319
334
|
"variant": {
|
320
335
|
"type": "string",
|
321
336
|
"mutable": true,
|
@@ -356,6 +371,9 @@ export class Stepper {
|
|
356
371
|
static get elementRef() { return "el"; }
|
357
372
|
static get watchers() {
|
358
373
|
return [{
|
374
|
+
"propName": "theme",
|
375
|
+
"methodName": "handleThemeChange"
|
376
|
+
}, {
|
359
377
|
"propName": "hideStepInfo",
|
360
378
|
"methodName": "handlePropChange"
|
361
379
|
}, {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ic-stepper.js","sourceRoot":"","sources":["../../../src/components/ic-stepper/ic-stepper.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Host, Prop, h, State, Watch } from \"@stencil/core\";\nimport { checkResizeObserver, pxToRem } from \"../../utils/helpers\";\nimport { IcStepperAlignment } from \"./ic-stepper.types\";\nimport { IcStepTypes, IcStepVariants } from \"../ic-step/ic-step.types\";\n\n@Component({\n tag: \"ic-stepper\",\n styleUrl: \"ic-stepper.css\",\n shadow: true,\n})\nexport class Stepper {\n private resizeObserver: ResizeObserver = null;\n private steps: HTMLIcStepElement[];\n private stepsWithStepTitles: HTMLIcStepElement[];\n private visuallyHidden: string = \"visually-hidden\";\n\n @Element() el: HTMLIcStepperElement;\n\n @State() alignedFullWidth: boolean = true;\n @State() autoSetStepTitles: boolean = true;\n @State() lastStepWidth: number = 0;\n @State() noOfResizes?: number = 0;\n @State() stepperWidth: number = document\n .querySelector(\"ic-stepper\")\n .getBoundingClientRect().width;\n @State() stepTypes: IcStepTypes[] = [];\n @State() variantOverride?: boolean = this.variant !== \"compact\";\n\n /**\n * The alignment of the default stepper within its container.\n */\n @Prop() aligned?: IcStepperAlignment = \"full-width\";\n\n /**\n * The appearance of the stepper.\n */\n @Prop() appearance?: \"light\" | \"default\" = \"default\";\n\n /**\n * The length of the connector between each step in pixels. Minimum length is 100px.\n */\n @Prop() connectorWidth?: number = 100;\n\n /**\n * If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.\n */\n @Prop() hideStepInfo?: boolean = false;\n\n /**\n * The variant of the stepper.\n */\n @Prop({ mutable: true }) variant?: IcStepVariants = \"default\";\n\n @Watch(\"hideStepInfo\")\n @Watch(\"variant\")\n handlePropChange(): void {\n this.setHideStepInfo();\n this.getChildren();\n }\n\n disconnectedCallback(): void {\n if (this.resizeObserver !== null) {\n this.resizeObserver.disconnect();\n }\n }\n\n componentWillLoad(): void {\n this.setStepTypes();\n\n if (this.variant === \"compact\") {\n this.variantOverride = false;\n }\n }\n\n componentWillRender(): void {\n this.initialiseStepStates();\n }\n\n componentDidLoad(): void {\n checkResizeObserver(this.runResizeObserver);\n }\n\n // Get all steps currently within this stepper\n private getChildren = (): void => {\n this.steps = Array.from(this.el.querySelectorAll(\"ic-step\"));\n\n this.stepsWithStepTitles = Array.from(\n this.el.querySelectorAll(\"ic-step[step-title]\")\n );\n };\n\n // Inform the user that stepTitles are required on all steps in a compact stepper\n private checkStepTitles = (): void => {\n if (\n this.stepsWithStepTitles.length < this.steps.length &&\n this.variantOverride &&\n this.variant === \"compact\"\n ) {\n this.noOfResizes = this.noOfResizes + 1;\n if (this.noOfResizes === 1) {\n console.error(\n `The prop 'step-title' (web components) / 'stepTitle' (react) is required for all steps of the Stepper component (compact variant)`\n );\n }\n }\n };\n\n private setStepTypes = (): void => {\n this.getChildren();\n this.stepTypes = [];\n for (let i = 0; i < this.steps.length; i++) {\n this.stepTypes.push(\"active\");\n }\n };\n\n private setStepperWidth = (): void => {\n this.alignedFullWidth =\n this.variant === \"default\" && this.aligned === \"full-width\";\n\n const lastStep = this.steps[this.steps.length - 1];\n lastStep.style.maxWidth = \"none\";\n\n if (this.alignedFullWidth) {\n this.stepperWidth = this.el.offsetWidth;\n lastStep.style.maxWidth = pxToRem(\n `${this.stepperWidth / this.steps.length}px`\n );\n this.lastStepWidth = lastStep.offsetWidth;\n }\n };\n\n private initialiseStepStates = (): void => {\n this.steps.forEach((step, index) => {\n // Set variant\n step.variant = this.variant;\n // Assign stepNum to each step\n step.stepNum = index + 1;\n // Assign lastStep to final step\n step.lastStep = index === this.steps.length - 1;\n step.lastStepNum = this.steps.length;\n\n if (step.stepType !== \"current\") {\n step.current = false;\n this.stepTypes[index] = step.stepType;\n } else {\n step.current = true;\n }\n\n const stepTitleArea =\n step.shadowRoot &&\n step.shadowRoot.querySelector(\".step > .step-title-area\");\n\n if (this.stepsWithStepTitles.length == 0 && this.variantOverride) {\n if (this.variant === \"compact\") {\n this.autoSetStepTitles = true;\n if (this.autoSetStepTitles) {\n step.stepTitle = \"Step \" + step.stepNum;\n stepTitleArea &&\n stepTitleArea\n .querySelector(\".step-title\")\n .setAttribute(\"aria-hidden\", \"true\");\n }\n }\n if (this.variant === \"default\") {\n this.autoSetStepTitles = false;\n if (!this.autoSetStepTitles) {\n step.stepTitle = undefined;\n stepTitleArea &&\n stepTitleArea\n .querySelector(\".step-title\")\n .removeAttribute(\"aria-hidden\");\n }\n }\n }\n\n if (this.variant === \"compact\") {\n if (step.current === true || step.stepType === \"current\") {\n step.classList.remove(\"hide\");\n step.classList.add(\"show\");\n } else if (step.classList.contains(\"show\")) {\n step.classList.remove(\"show\");\n step.classList.add(\"hide\");\n }\n\n if (!step.lastStep) {\n step.nextStepTitle = this.steps[index + 1].stepTitle;\n step.progress = (step.stepNum / this.steps.length) * 100;\n } else if (step.lastStep && this.stepTypes[index] !== \"completed\") {\n step.progress = 95;\n } else {\n step.progress = 100;\n }\n\n if (this.hideStepInfo && stepTitleArea !== null) {\n stepTitleArea.classList.remove(this.visuallyHidden);\n }\n\n step.compactStepStyling = this.stepTypes[index];\n }\n\n if (this.variant === \"default\") {\n if (!step.lastStep) {\n if (this.alignedFullWidth) {\n step.style.width = pxToRem(\n `${\n (this.stepperWidth - this.lastStepWidth) /\n (this.steps.length - 1)\n }px`\n );\n step.style.minWidth = pxToRem(\"148px\");\n }\n } else if (step.lastStep) {\n step.classList.add(\"last-step\");\n if (this.alignedFullWidth) {\n step.style.maxWidth = `${this.lastStepWidth}px`;\n } else {\n step.style.maxWidth =\n this.connectorWidth > 100\n ? pxToRem(`${this.connectorWidth + 48}px`)\n : pxToRem(\"148px\");\n }\n }\n\n if (this.aligned === \"left\") {\n step.style.width =\n this.connectorWidth > 100\n ? pxToRem(`${this.connectorWidth + 48}px`)\n : pxToRem(\"148px\");\n const stepConnect = step.shadowRoot.querySelector(\n \".step > .step-top > .step-connect\"\n ) as HTMLElement;\n\n if (stepConnect) {\n stepConnect.style.width =\n this.connectorWidth > 100\n ? pxToRem(`${this.connectorWidth}px`)\n : pxToRem(\"100px\");\n }\n }\n\n if (this.hideStepInfo && stepTitleArea !== null) {\n stepTitleArea.classList.add(this.visuallyHidden);\n }\n }\n });\n };\n\n private setHideStepInfo = (): void => {\n this.steps.forEach((step) => {\n const stepTitleArea = step.shadowRoot.querySelector(\n \".step > .step-title-area\"\n );\n\n if (stepTitleArea !== null) {\n if (this.hideStepInfo) {\n stepTitleArea.classList?.add(this.visuallyHidden);\n } else {\n stepTitleArea.classList?.remove(this.visuallyHidden);\n }\n }\n });\n };\n\n private overrideVariant = () => {\n if (this.variantOverride) {\n let minDefaultStepperWidth = 148 * this.steps.length;\n\n if (this.aligned === \"left\" && this.connectorWidth > 100) {\n minDefaultStepperWidth = (this.connectorWidth + 48) * this.steps.length;\n }\n if (this.el.clientWidth < minDefaultStepperWidth) {\n this.variant = \"compact\";\n } else {\n this.variant = \"default\";\n }\n }\n };\n\n private resizeObserverCallback = () => {\n this.getChildren();\n this.checkStepTitles();\n this.overrideVariant();\n this.setStepperWidth();\n this.initialiseStepStates();\n };\n\n private runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n this.resizeObserverCallback();\n });\n this.resizeObserver.observe(this.el);\n };\n\n render() {\n return (\n <Host\n class={{\n [`${this.variant}`]: true,\n [\"aligned-left\"]:\n this.variant === \"default\" && this.aligned === \"left\",\n }}\n >\n <ul class=\"step-item-list\">\n <slot></slot>\n </ul>\n </Host>\n );\n }\n}\n"]}
|
1
|
+
{"version":3,"file":"ic-stepper.js","sourceRoot":"","sources":["../../../src/components/ic-stepper/ic-stepper.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Host, Prop, h, State, Watch } from \"@stencil/core\";\nimport { checkResizeObserver, pxToRem } from \"../../utils/helpers\";\nimport { IcStepperAlignment } from \"./ic-stepper.types\";\nimport { IcStepTypes, IcStepVariants } from \"../ic-step/ic-step.types\";\nimport { IcThemeMode } from \"../../utils/types\";\n\n@Component({\n tag: \"ic-stepper\",\n styleUrl: \"ic-stepper.css\",\n shadow: true,\n})\nexport class Stepper {\n private resizeObserver: ResizeObserver = null;\n private steps: HTMLIcStepElement[];\n private stepsWithStepTitles: HTMLIcStepElement[];\n private visuallyHidden: string = \"visually-hidden\";\n\n @Element() el: HTMLIcStepperElement;\n\n @State() alignedFullWidth: boolean = true;\n @State() autoSetStepTitles: boolean = true;\n @State() lastStepWidth: number = 0;\n @State() noOfResizes?: number = 0;\n @State() stepperWidth: number = document\n .querySelector(\"ic-stepper\")\n .getBoundingClientRect().width;\n @State() stepTypes: IcStepTypes[] = [];\n @State() variantOverride?: boolean = this.variant !== \"compact\";\n\n /**\n * The alignment of the default stepper within its container.\n */\n @Prop() aligned?: IcStepperAlignment = \"full-width\";\n\n /**\n * The length of the connector between each step in pixels. Minimum length is 100px.\n */\n @Prop() connectorWidth?: number = 100;\n\n /**\n * If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.\n */\n @Prop() hideStepInfo?: boolean = false;\n\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n @Watch(\"theme\")\n handleThemeChange(): void {\n this.getChildren();\n this.steps.forEach((step) => {\n step.theme = this.theme;\n });\n }\n\n /**\n * The variant of the stepper.\n */\n @Prop({ mutable: true }) variant?: IcStepVariants = \"default\";\n\n @Watch(\"hideStepInfo\")\n @Watch(\"variant\")\n handlePropChange(): void {\n this.setHideStepInfo();\n this.getChildren();\n }\n\n disconnectedCallback(): void {\n if (this.resizeObserver !== null) {\n this.resizeObserver.disconnect();\n }\n }\n\n componentWillLoad(): void {\n this.setStepTypes();\n this.handleThemeChange();\n\n if (this.variant === \"compact\") {\n this.variantOverride = false;\n }\n }\n\n componentWillRender(): void {\n this.initialiseStepStates();\n }\n\n componentDidLoad(): void {\n checkResizeObserver(this.runResizeObserver);\n }\n\n // Get all steps currently within this stepper\n private getChildren = (): void => {\n this.steps = Array.from(this.el.querySelectorAll(\"ic-step\"));\n\n this.stepsWithStepTitles = Array.from(\n this.el.querySelectorAll(\"ic-step[heading]\")\n );\n };\n\n // Inform the user that stepTitles are required on all steps in a compact stepper\n private checkStepTitles = (): void => {\n if (\n this.stepsWithStepTitles.length < this.steps.length &&\n this.variantOverride &&\n this.variant === \"compact\"\n ) {\n this.noOfResizes = this.noOfResizes + 1;\n if (this.noOfResizes === 1) {\n console.error(\n `The prop 'heading' is required for all steps of the Stepper component (compact variant)`\n );\n }\n }\n };\n\n private setStepTypes = (): void => {\n this.getChildren();\n this.stepTypes = [];\n for (let i = 0; i < this.steps.length; i++) {\n this.stepTypes.push(\"active\");\n }\n };\n\n private setStepperWidth = (): void => {\n this.alignedFullWidth =\n this.variant === \"default\" && this.aligned === \"full-width\";\n\n const lastStep = this.steps[this.steps.length - 1];\n lastStep.style.maxWidth = \"none\";\n\n if (this.alignedFullWidth) {\n this.stepperWidth = this.el.offsetWidth;\n lastStep.style.maxWidth = pxToRem(\n `${this.stepperWidth / this.steps.length}px`\n );\n this.lastStepWidth = lastStep.offsetWidth;\n }\n };\n\n private initialiseStepStates = (): void => {\n this.steps.forEach((step, index) => {\n // Set variant\n step.variant = this.variant;\n // Assign stepNum to each step\n step.stepNum = index + 1;\n // Assign lastStep to final step\n step.lastStep = index === this.steps.length - 1;\n step.lastStepNum = this.steps.length;\n\n if (step.type !== \"current\") {\n step.current = false;\n this.stepTypes[index] = step.type;\n } else {\n step.current = true;\n }\n\n const stepTitleArea =\n step.shadowRoot &&\n step.shadowRoot.querySelector(\".step > .heading-area\");\n\n if (this.stepsWithStepTitles.length == 0 && this.variantOverride) {\n if (this.variant === \"compact\") {\n this.autoSetStepTitles = true;\n if (this.autoSetStepTitles) {\n step.heading = \"Step \" + step.stepNum;\n stepTitleArea &&\n stepTitleArea\n .querySelector(\".heading\")\n .setAttribute(\"aria-hidden\", \"true\");\n }\n }\n if (this.variant === \"default\") {\n this.autoSetStepTitles = false;\n if (!this.autoSetStepTitles) {\n step.heading = undefined;\n stepTitleArea &&\n stepTitleArea\n .querySelector(\".heading\")\n .removeAttribute(\"aria-hidden\");\n }\n }\n }\n\n if (this.variant === \"compact\") {\n if (step.current === true || step.type === \"current\") {\n step.classList.remove(\"hide\");\n step.classList.add(\"show\");\n } else if (step.classList.contains(\"show\")) {\n step.classList.remove(\"show\");\n step.classList.add(\"hide\");\n }\n\n if (!step.lastStep) {\n step.nextStepHeading = this.steps[index + 1].heading;\n step.progress = (step.stepNum / this.steps.length) * 100;\n } else if (step.lastStep && this.stepTypes[index] !== \"completed\") {\n step.progress = 95;\n } else {\n step.progress = 100;\n }\n\n if (this.hideStepInfo && stepTitleArea !== null) {\n stepTitleArea.classList.remove(this.visuallyHidden);\n }\n\n step.compactStepStyling = this.stepTypes[index];\n }\n\n if (this.variant === \"default\") {\n if (!step.lastStep) {\n if (this.alignedFullWidth) {\n step.style.width = pxToRem(\n `${\n (this.stepperWidth - this.lastStepWidth) /\n (this.steps.length - 1)\n }px`\n );\n step.style.minWidth = pxToRem(\"148px\");\n }\n } else if (step.lastStep) {\n step.classList.add(\"last-step\");\n if (this.alignedFullWidth) {\n step.style.maxWidth = `${this.lastStepWidth}px`;\n } else {\n step.style.maxWidth =\n this.connectorWidth > 100\n ? pxToRem(`${this.connectorWidth + 48}px`)\n : pxToRem(\"148px\");\n }\n }\n\n if (this.aligned === \"left\") {\n step.style.width =\n this.connectorWidth > 100\n ? pxToRem(`${this.connectorWidth + 48}px`)\n : pxToRem(\"148px\");\n const stepConnect = step.shadowRoot.querySelector(\n \".step > .step-top > .step-connect\"\n ) as HTMLElement;\n\n if (stepConnect) {\n stepConnect.style.width =\n this.connectorWidth > 100\n ? pxToRem(`${this.connectorWidth}px`)\n : pxToRem(\"100px\");\n }\n }\n\n if (this.hideStepInfo && stepTitleArea !== null) {\n stepTitleArea.classList.add(this.visuallyHidden);\n }\n }\n });\n };\n\n private setHideStepInfo = (): void => {\n this.steps.forEach((step) => {\n const stepTitleArea = step.shadowRoot.querySelector(\n \".step > .heading-area\"\n );\n\n if (stepTitleArea !== null) {\n if (this.hideStepInfo) {\n stepTitleArea.classList?.add(this.visuallyHidden);\n } else {\n stepTitleArea.classList?.remove(this.visuallyHidden);\n }\n }\n });\n };\n\n private overrideVariant = () => {\n if (this.variantOverride) {\n let minDefaultStepperWidth = 148 * this.steps.length;\n\n if (this.aligned === \"left\" && this.connectorWidth > 100) {\n minDefaultStepperWidth = (this.connectorWidth + 48) * this.steps.length;\n }\n if (this.el.clientWidth < minDefaultStepperWidth) {\n this.variant = \"compact\";\n } else {\n this.variant = \"default\";\n }\n }\n };\n\n private resizeObserverCallback = () => {\n this.getChildren();\n this.checkStepTitles();\n this.overrideVariant();\n this.setStepperWidth();\n this.initialiseStepStates();\n this.handleThemeChange();\n };\n\n private runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n this.resizeObserverCallback();\n });\n this.resizeObserver.observe(this.el);\n };\n\n render() {\n return (\n <Host\n class={{\n [`ic-stepper-${this.variant}`]: true,\n [\"ic-stepper-aligned-left\"]:\n this.variant === \"default\" && this.aligned === \"left\",\n [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n }}\n >\n <ul class=\"step-item-list\">\n <slot></slot>\n </ul>\n </Host>\n );\n }\n}\n"]}
|
@@ -1,74 +1,74 @@
|
|
1
1
|
export const defaultStepper = `
|
2
2
|
<ic-stepper>
|
3
|
-
<ic-step
|
3
|
+
<ic-step heading="First"></ic-step>
|
4
4
|
<ic-step
|
5
|
-
|
6
|
-
|
7
|
-
|
5
|
+
heading="Second With a Very Long Title"
|
6
|
+
subheading="Optional Subtitle"
|
7
|
+
type="current"
|
8
8
|
></ic-step>
|
9
|
-
<ic-step
|
9
|
+
<ic-step heading="Third" type="disabled"></ic-step>
|
10
10
|
<ic-step
|
11
|
-
|
12
|
-
|
13
|
-
|
11
|
+
heading="Fourth"
|
12
|
+
subheading="Optional Subtitle"
|
13
|
+
type="completed"
|
14
14
|
></ic-step>
|
15
15
|
</ic-stepper>`;
|
16
16
|
export const customConnectorWidthStepper = `
|
17
17
|
<ic-stepper aligned="left" connector-width="150">
|
18
|
-
<ic-step
|
18
|
+
<ic-step heading="First"></ic-step>
|
19
19
|
<ic-step
|
20
|
-
|
21
|
-
|
22
|
-
|
20
|
+
heading="Second With a Very Long Title"
|
21
|
+
subheading="Optional Subtitle"
|
22
|
+
type="current"
|
23
23
|
></ic-step>
|
24
|
-
<ic-step
|
24
|
+
<ic-step heading="Third" type="disabled"></ic-step>
|
25
25
|
<ic-step
|
26
|
-
|
27
|
-
|
28
|
-
|
26
|
+
heading="Fourth"
|
27
|
+
subheading="Optional Subtitle"
|
28
|
+
type="completed"
|
29
29
|
></ic-step>
|
30
30
|
</ic-stepper>`;
|
31
31
|
export const invalidConnectorWidthStepper = `
|
32
32
|
<ic-stepper aligned="left" connector-width="96">
|
33
|
-
<ic-step
|
33
|
+
<ic-step heading="First"></ic-step>
|
34
34
|
<ic-step
|
35
|
-
|
36
|
-
|
37
|
-
|
35
|
+
heading="Second With a Very Long Title"
|
36
|
+
subheading="Optional Subtitle"
|
37
|
+
type="current"
|
38
38
|
></ic-step>
|
39
|
-
<ic-step
|
39
|
+
<ic-step heading="Third" type="disabled"></ic-step>
|
40
40
|
<ic-step
|
41
|
-
|
42
|
-
|
43
|
-
|
41
|
+
heading="Fourth"
|
42
|
+
subheading="Optional Subtitle"
|
43
|
+
type="completed"
|
44
44
|
></ic-step>
|
45
45
|
</ic-stepper>`;
|
46
46
|
export const compactStepper = `
|
47
47
|
<ic-stepper variant="compact" id="custom-compact-stepper">
|
48
48
|
<ic-step
|
49
|
-
|
49
|
+
heading="First"
|
50
50
|
></ic-step>
|
51
51
|
<ic-step
|
52
|
-
|
53
|
-
|
52
|
+
heading="Second With a Very Long Title"
|
53
|
+
subheading="Optional subtitle that is long and should wrap"
|
54
54
|
current
|
55
|
-
|
55
|
+
type="current"
|
56
56
|
></ic-step>
|
57
57
|
<ic-step
|
58
|
-
|
59
|
-
|
58
|
+
heading="Third"
|
59
|
+
type="disabled"
|
60
60
|
></ic-step>
|
61
61
|
<ic-step
|
62
|
-
|
63
|
-
|
64
|
-
|
62
|
+
heading="Fourth title that is long and should wrap"
|
63
|
+
subheading="Optional Subtitle"
|
64
|
+
type="completed"
|
65
65
|
></ic-step>
|
66
66
|
<ic-step
|
67
|
-
|
68
|
-
|
67
|
+
heading="Fifth and final step"
|
68
|
+
subheading="Optional Subtitle"
|
69
69
|
icon
|
70
|
-
|
71
|
-
|
70
|
+
status="optional"
|
71
|
+
type="completed"
|
72
72
|
></ic-step>
|
73
73
|
</ic-stepper>`;
|
74
74
|
//# sourceMappingURL=ic-stepper-test-examples.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ic-stepper-test-examples.js","sourceRoot":"","sources":["../../../../../src/components/ic-stepper/test/basic/ic-stepper-test-examples.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;;;;;;;kBAcZ,CAAC;AAEnB,MAAM,CAAC,MAAM,2BAA2B,GAAG;;;;;;;;;;;;;;kBAczB,CAAC;AAEnB,MAAM,CAAC,MAAM,4BAA4B,GAAG;;;;;;;;;;;;;;kBAc1B,CAAC;AAEnB,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA2BV,CAAC","sourcesContent":["export const defaultStepper = `\n <ic-stepper>\n <ic-step
|
1
|
+
{"version":3,"file":"ic-stepper-test-examples.js","sourceRoot":"","sources":["../../../../../src/components/ic-stepper/test/basic/ic-stepper-test-examples.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;;;;;;;kBAcZ,CAAC;AAEnB,MAAM,CAAC,MAAM,2BAA2B,GAAG;;;;;;;;;;;;;;kBAczB,CAAC;AAEnB,MAAM,CAAC,MAAM,4BAA4B,GAAG;;;;;;;;;;;;;;kBAc1B,CAAC;AAEnB,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA2BV,CAAC","sourcesContent":["export const defaultStepper = `\n <ic-stepper>\n <ic-step heading=\"First\"></ic-step>\n <ic-step\n heading=\"Second With a Very Long Title\"\n subheading=\"Optional Subtitle\"\n type=\"current\"\n ></ic-step>\n <ic-step heading=\"Third\" type=\"disabled\"></ic-step>\n <ic-step\n heading=\"Fourth\"\n subheading=\"Optional Subtitle\"\n type=\"completed\"\n ></ic-step>\n </ic-stepper>`;\n\nexport const customConnectorWidthStepper = `\n <ic-stepper aligned=\"left\" connector-width=\"150\">\n <ic-step heading=\"First\"></ic-step>\n <ic-step\n heading=\"Second With a Very Long Title\"\n subheading=\"Optional Subtitle\"\n type=\"current\"\n ></ic-step>\n <ic-step heading=\"Third\" type=\"disabled\"></ic-step>\n <ic-step\n heading=\"Fourth\"\n subheading=\"Optional Subtitle\"\n type=\"completed\"\n ></ic-step>\n </ic-stepper>`;\n\nexport const invalidConnectorWidthStepper = `\n <ic-stepper aligned=\"left\" connector-width=\"96\">\n <ic-step heading=\"First\"></ic-step>\n <ic-step\n heading=\"Second With a Very Long Title\"\n subheading=\"Optional Subtitle\"\n type=\"current\"\n ></ic-step>\n <ic-step heading=\"Third\" type=\"disabled\"></ic-step>\n <ic-step\n heading=\"Fourth\"\n subheading=\"Optional Subtitle\"\n type=\"completed\"\n ></ic-step>\n </ic-stepper>`;\n\nexport const compactStepper = `\n <ic-stepper variant=\"compact\" id=\"custom-compact-stepper\">\n <ic-step \n heading=\"First\"\n ></ic-step>\n <ic-step\n heading=\"Second With a Very Long Title\"\n subheading=\"Optional subtitle that is long and should wrap\"\n current\n type=\"current\"\n ></ic-step>\n <ic-step\n heading=\"Third\"\n type=\"disabled\"\n ></ic-step>\n <ic-step\n heading=\"Fourth title that is long and should wrap\"\n subheading=\"Optional Subtitle\"\n type=\"completed\"\n ></ic-step>\n <ic-step\n heading=\"Fifth and final step\"\n subheading=\"Optional Subtitle\"\n icon\n status=\"optional\"\n type=\"completed\"\n ></ic-step>\n </ic-stepper>`;\n"]}
|