@ukic/web-components 3.2.0 → 3.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/{helpers-789082d4.js → helpers-fc4016d2.js} +21 -37
- package/dist/cjs/helpers-fc4016d2.js.map +1 -0
- package/dist/cjs/ic-accordion-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +10 -8
- package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-alert.cjs.entry.js +2 -2
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +4 -4
- package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +56 -76
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +32 -51
- package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +110 -131
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-vertical.cjs.entry.js +6 -6
- package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +9 -10
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js +37 -41
- package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-chip.cjs.entry.js +26 -38
- package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-list.cjs.entry.js +2 -2
- package/dist/cjs/ic-data-row.cjs.entry.js +3 -3
- package/dist/cjs/ic-dialog.cjs.entry.js +2 -2
- package/dist/cjs/ic-divider.cjs.entry.js +1 -1
- package/dist/cjs/ic-empty-state.cjs.entry.js +3 -3
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +3 -3
- package/dist/cjs/ic-footer.cjs.entry.js +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +7 -6
- package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +6 -6
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +23 -22
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +8 -8
- package/dist/cjs/ic-link.cjs.entry.js +12 -4
- package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-group.cjs.entry.js +2 -2
- package/dist/cjs/ic-menu-item.cjs.entry.js +5 -5
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +3 -3
- package/dist/cjs/ic-navigation-group.cjs.entry.js +116 -164
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +65 -62
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +5 -5
- package/dist/cjs/ic-page-header.cjs.entry.js +7 -7
- package/dist/cjs/ic-pagination-item.cjs.entry.js +2 -2
- package/dist/cjs/ic-pagination.cjs.entry.js +5 -5
- package/dist/cjs/ic-popover-menu.cjs.entry.js +8 -7
- package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +5 -5
- package/dist/cjs/ic-radio-option.cjs.entry.js +5 -5
- package/dist/cjs/ic-search-bar.cjs.entry.js +149 -154
- package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-section-container.cjs.entry.js +2 -2
- package/dist/cjs/ic-select.cjs.entry.js +142 -218
- package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +25 -6
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skeleton.cjs.entry.js +2 -2
- package/dist/cjs/ic-skip-link.cjs.entry.js +2 -2
- package/dist/cjs/ic-status-tag.cjs.entry.js +3 -3
- package/dist/cjs/ic-step.cjs.entry.js +14 -14
- package/dist/cjs/ic-stepper.cjs.entry.js +3 -3
- package/dist/cjs/ic-switch.cjs.entry.js +6 -6
- package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +3 -3
- package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/ic-tab.cjs.entry.js +3 -3
- package/dist/cjs/ic-text-field.cjs.entry.js +39 -31
- package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +2 -2
- package/dist/cjs/ic-toast-region.cjs.entry.js +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +4 -4
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js +54 -68
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button.cjs.entry.js +62 -64
- package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-top-navigation.cjs.entry.js +65 -63
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-typography.cjs.entry.js +3 -3
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ic-accordion/ic-accordion.js +9 -7
- package/dist/collection/components/ic-accordion/ic-accordion.js.map +1 -1
- package/dist/collection/components/ic-accordion/ic-accordion.stories.js +1 -1
- package/dist/collection/components/ic-alert/ic-alert.css +4 -0
- package/dist/collection/components/ic-badge/ic-badge.css +1 -1
- package/dist/collection/components/ic-badge/ic-badge.js +2 -2
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js +40 -59
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +65 -86
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map +1 -1
- package/dist/collection/components/ic-button/ic-button.css +105 -62
- package/dist/collection/components/ic-button/ic-button.js +141 -162
- package/dist/collection/components/ic-button/ic-button.js.map +1 -1
- package/dist/collection/components/ic-button/ic-button.stories.js +10 -2
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.css +3 -0
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.js +4 -4
- package/dist/collection/components/ic-checkbox/ic-checkbox.css +9 -1
- package/dist/collection/components/ic-checkbox/ic-checkbox.js +73 -80
- package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +24 -25
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
- package/dist/collection/components/ic-chip/ic-chip.css +9 -0
- package/dist/collection/components/ic-chip/ic-chip.js +66 -72
- package/dist/collection/components/ic-chip/ic-chip.js.map +1 -1
- package/dist/collection/components/ic-chip/ic-chip.stories.js +2 -1
- package/dist/collection/components/ic-data-list/ic-data-list.js +2 -2
- package/dist/collection/components/ic-data-row/ic-data-row.js +2 -2
- package/dist/collection/components/ic-dialog/ic-dialog.js +1 -1
- package/dist/collection/components/ic-empty-state/ic-empty-state.js +2 -2
- package/dist/collection/components/ic-footer-link/ic-footer-link.js +2 -2
- package/dist/collection/components/ic-hero/ic-hero.css +13 -4
- package/dist/collection/components/ic-hero/ic-hero.js +5 -4
- package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
- package/dist/collection/components/ic-hero/ic-hero.stories.js +1 -0
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +5 -5
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +3 -3
- package/dist/collection/components/ic-input-container/ic-input-container.js +2 -2
- package/dist/collection/components/ic-input-label/ic-input-label.js +4 -4
- package/dist/collection/components/ic-input-validation/ic-input-validation.js +3 -3
- package/dist/collection/components/ic-link/ic-link.js +12 -4
- package/dist/collection/components/ic-link/ic-link.js.map +1 -1
- package/dist/collection/components/ic-link/ic-link.stories.js +28 -5
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +3 -3
- package/dist/collection/components/ic-menu/ic-menu.js +41 -40
- package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
- package/dist/collection/components/ic-menu-group/ic-menu-group.js +1 -1
- package/dist/collection/components/ic-menu-item/ic-menu-item.css +0 -5
- package/dist/collection/components/ic-menu-item/ic-menu-item.js +3 -3
- 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 +2 -2
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +119 -167
- 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 +7 -13
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +80 -74
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +4 -4
- package/dist/collection/components/ic-page-header/ic-page-header.js +6 -6
- package/dist/collection/components/ic-pagination/ic-pagination.js +4 -4
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +1 -1
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.css +3 -5
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +6 -5
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
- package/dist/collection/components/ic-radio-group/ic-radio-group.js +4 -4
- package/dist/collection/components/ic-radio-option/ic-radio-option.js +4 -4
- package/dist/collection/components/ic-search-bar/ic-search-bar.js +208 -211
- 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 +9 -8
- package/dist/collection/components/ic-section-container/ic-section-container.js +2 -2
- package/dist/collection/components/ic-select/ic-select.js +196 -271
- package/dist/collection/components/ic-select/ic-select.js.map +1 -1
- package/dist/collection/components/ic-select/ic-select_(single).stories.js +30 -21
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.css +1 -1
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +43 -4
- 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 +247 -0
- package/dist/collection/components/ic-skeleton/ic-skeleton.js +2 -2
- package/dist/collection/components/ic-skip-link/ic-skip-link.js +2 -2
- package/dist/collection/components/ic-status-tag/ic-status-tag.js +2 -2
- package/dist/collection/components/ic-step/ic-step.js +13 -13
- package/dist/collection/components/ic-stepper/ic-stepper.js +2 -2
- package/dist/collection/components/ic-switch/ic-switch.js +5 -5
- package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
- package/dist/collection/components/ic-tab/ic-tab.js +2 -2
- package/dist/collection/components/ic-tab-context/ic-tab-context.js +1 -1
- package/dist/collection/components/ic-tab-group/ic-tab-group.js +2 -2
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.js +2 -2
- package/dist/collection/components/ic-text-field/ic-text-field.js +124 -101
- package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
- package/dist/collection/components/ic-theme/ic-theme.js +1 -1
- package/dist/collection/components/ic-toast/ic-toast.js +3 -3
- package/dist/collection/components/ic-toast-region/ic-toast-region.js +1 -1
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.css +40 -7
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.js +80 -82
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.js.map +1 -1
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js +79 -88
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js.map +1 -1
- package/dist/collection/components/ic-tooltip/ic-tooltip.js +2 -2
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +81 -79
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
- package/dist/collection/components/ic-typography/ic-typography.js +2 -2
- package/dist/collection/utils/helpers.js +20 -36
- package/dist/collection/utils/helpers.js.map +1 -1
- package/dist/components/helpers.js +21 -37
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/ic-accordion.js +9 -7
- package/dist/components/ic-accordion.js.map +1 -1
- package/dist/components/ic-alert.js +1 -1
- package/dist/components/ic-alert.js.map +1 -1
- package/dist/components/ic-badge.js +3 -3
- package/dist/components/ic-badge.js.map +1 -1
- package/dist/components/ic-breadcrumb-group.js +57 -78
- package/dist/components/ic-breadcrumb-group.js.map +1 -1
- package/dist/components/ic-breadcrumb2.js +32 -51
- package/dist/components/ic-breadcrumb2.js.map +1 -1
- package/dist/components/ic-button2.js +105 -126
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-card-vertical.js +5 -5
- package/dist/components/ic-card-vertical.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +8 -9
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox.js +39 -43
- package/dist/components/ic-checkbox.js.map +1 -1
- package/dist/components/ic-chip.js +28 -40
- package/dist/components/ic-chip.js.map +1 -1
- package/dist/components/ic-data-list.js +2 -2
- package/dist/components/ic-data-row.js +2 -2
- package/dist/components/ic-dialog.js +1 -1
- package/dist/components/ic-empty-state.js +2 -2
- package/dist/components/ic-footer-link.js +2 -2
- package/dist/components/ic-hero.js +6 -5
- package/dist/components/ic-hero.js.map +1 -1
- package/dist/components/ic-horizontal-scroll2.js +5 -5
- package/dist/components/ic-input-component-container2.js +3 -3
- package/dist/components/ic-input-container2.js +2 -2
- package/dist/components/ic-input-label2.js +4 -4
- package/dist/components/ic-input-validation2.js +3 -3
- package/dist/components/ic-link2.js +11 -3
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-loading-indicator2.js +3 -3
- package/dist/components/ic-menu-group.js +1 -1
- package/dist/components/ic-menu-item2.js +4 -4
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-menu2.js +17 -16
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-button.js +2 -2
- package/dist/components/ic-navigation-group.js +115 -163
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-navigation-item.js +67 -62
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-navigation-menu2.js +4 -4
- package/dist/components/ic-page-header.js +6 -6
- package/dist/components/ic-pagination-item2.js +1 -1
- package/dist/components/ic-pagination.js +4 -4
- package/dist/components/ic-popover-menu.js +7 -6
- package/dist/components/ic-popover-menu.js.map +1 -1
- package/dist/components/ic-radio-group.js +4 -4
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-radio-option.js +4 -4
- package/dist/components/ic-search-bar.js +150 -154
- package/dist/components/ic-search-bar.js.map +1 -1
- package/dist/components/ic-section-container2.js +2 -2
- package/dist/components/ic-select.js +141 -217
- package/dist/components/ic-select.js.map +1 -1
- package/dist/components/ic-side-navigation.js +25 -5
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-skeleton.js +2 -2
- package/dist/components/ic-skip-link.js +2 -2
- package/dist/components/ic-status-tag.js +2 -2
- package/dist/components/ic-step.js +13 -13
- package/dist/components/ic-stepper.js +2 -2
- package/dist/components/ic-switch.js +5 -5
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/components/ic-tab-context.js +1 -1
- package/dist/components/ic-tab-group.js +2 -2
- package/dist/components/ic-tab-panel.js +2 -2
- package/dist/components/ic-tab-panel.js.map +1 -1
- package/dist/components/ic-tab.js +2 -2
- package/dist/components/ic-text-field.js +40 -31
- package/dist/components/ic-text-field.js.map +1 -1
- package/dist/components/ic-theme.js +1 -1
- package/dist/components/ic-toast-region.js +1 -1
- package/dist/components/ic-toast.js +3 -3
- package/dist/components/ic-toggle-button-group.js +53 -67
- package/dist/components/ic-toggle-button-group.js.map +1 -1
- package/dist/components/ic-toggle-button.js +61 -63
- package/dist/components/ic-toggle-button.js.map +1 -1
- package/dist/components/ic-tooltip2.js +2 -2
- package/dist/components/ic-top-navigation.js +65 -63
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/components/ic-typography2.js +2 -2
- package/dist/core/core.css +159 -109
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-0fb68b4f.entry.js +2 -0
- package/dist/core/p-0fb68b4f.entry.js.map +1 -0
- package/dist/core/{p-bbe5596b.entry.js → p-15b7adaf.entry.js} +2 -2
- package/dist/core/{p-abaea607.entry.js → p-1d172032.entry.js} +2 -2
- package/dist/core/{p-fc50d582.entry.js → p-1d254b71.entry.js} +2 -2
- package/dist/core/p-1d254b71.entry.js.map +1 -0
- package/dist/core/{p-6de6b6b7.entry.js → p-23536595.entry.js} +2 -2
- package/dist/core/{p-81a12e36.entry.js → p-26dfc4db.entry.js} +2 -2
- package/dist/core/{p-81a12e36.entry.js.map → p-26dfc4db.entry.js.map} +1 -1
- package/dist/core/{p-f3c72ffb.entry.js → p-2c371198.entry.js} +2 -2
- package/dist/core/p-3676ac4e.entry.js +2 -0
- package/dist/core/p-3676ac4e.entry.js.map +1 -0
- package/dist/core/{p-f34eee68.entry.js → p-3cb4ecef.entry.js} +2 -2
- package/dist/core/{p-3eb7ef1d.entry.js → p-432aeae0.entry.js} +2 -2
- package/dist/core/p-4a2acb2e.entry.js +2 -0
- package/dist/core/p-4a2acb2e.entry.js.map +1 -0
- package/dist/core/p-4dc97b03.entry.js +2 -0
- package/dist/core/p-4dc97b03.entry.js.map +1 -0
- package/dist/core/p-4e48a671.entry.js +2 -0
- package/dist/core/p-4e48a671.entry.js.map +1 -0
- package/dist/core/p-513628ef.entry.js +2 -0
- package/dist/core/p-513628ef.entry.js.map +1 -0
- package/dist/core/{p-88924aef.entry.js → p-51b49429.entry.js} +2 -2
- package/dist/core/p-554845c4.entry.js +2 -0
- package/dist/core/p-554845c4.entry.js.map +1 -0
- package/dist/core/{p-7afc71d0.entry.js → p-56e0de32.entry.js} +2 -2
- package/dist/core/{p-7a0d238b.entry.js → p-56fb0298.entry.js} +2 -2
- package/dist/core/p-59b48450.entry.js +2 -0
- package/dist/core/p-59b48450.entry.js.map +1 -0
- package/dist/core/{p-fbde763c.entry.js → p-5aec3757.entry.js} +2 -2
- package/dist/core/{p-23d059ff.entry.js → p-5eb2ac90.entry.js} +2 -2
- package/dist/core/{p-c2ca6274.entry.js → p-60aad45d.entry.js} +2 -2
- package/dist/core/{p-33c86ba6.entry.js → p-628c32b8.entry.js} +2 -2
- package/dist/core/p-6cd0b010.entry.js +2 -0
- package/dist/core/p-6cd0b010.entry.js.map +1 -0
- package/dist/core/{p-7dfe0284.entry.js → p-6eea869b.entry.js} +2 -2
- package/dist/core/{p-0631c3ab.entry.js → p-7d2c07e2.entry.js} +2 -2
- package/dist/core/p-7d352865.entry.js +2 -0
- package/dist/core/p-7d352865.entry.js.map +1 -0
- package/dist/core/{p-959a9cdf.entry.js → p-7deaf128.entry.js} +2 -2
- package/dist/core/{p-959a9cdf.entry.js.map → p-7deaf128.entry.js.map} +1 -1
- package/dist/core/p-803f2eb8.entry.js +2 -0
- package/dist/core/p-803f2eb8.entry.js.map +1 -0
- package/dist/core/p-8242c24f.js +2 -0
- package/dist/core/p-8242c24f.js.map +1 -0
- package/dist/core/p-87fa5add.entry.js +2 -0
- package/dist/core/p-87fa5add.entry.js.map +1 -0
- package/dist/core/{p-3675c4b4.entry.js → p-887e00bb.entry.js} +2 -2
- package/dist/core/p-8958c60f.entry.js +2 -0
- package/dist/core/p-8958c60f.entry.js.map +1 -0
- package/dist/core/{p-45432bf5.entry.js → p-8c77dd65.entry.js} +2 -2
- package/dist/core/{p-e2f893f0.entry.js → p-9a6dc8b1.entry.js} +2 -2
- package/dist/core/p-9a6dc8b1.entry.js.map +1 -0
- package/dist/core/{p-acebb05c.entry.js → p-9c47521d.entry.js} +2 -2
- package/dist/core/p-a140bcaa.entry.js +2 -0
- package/dist/core/p-a17499ff.entry.js +2 -0
- package/dist/core/p-a17499ff.entry.js.map +1 -0
- package/dist/core/{p-005cd8a8.entry.js → p-aad10013.entry.js} +2 -2
- package/dist/core/p-aad2abbf.entry.js +2 -0
- package/dist/core/p-aad2abbf.entry.js.map +1 -0
- package/dist/core/p-bdcc79dd.entry.js +2 -0
- package/dist/core/p-bdcc79dd.entry.js.map +1 -0
- package/dist/core/{p-de43d375.entry.js → p-bf3b853e.entry.js} +2 -2
- package/dist/core/{p-e56d0db2.entry.js → p-c59fd23e.entry.js} +2 -2
- package/dist/core/{p-f815f8c9.entry.js → p-c5ffe2cf.entry.js} +2 -2
- package/dist/core/{p-5206a978.entry.js → p-c8cf1ad5.entry.js} +2 -2
- package/dist/core/p-cfa9ed7d.entry.js +2 -0
- package/dist/core/p-cfa9ed7d.entry.js.map +1 -0
- package/dist/core/{p-23ed8b99.entry.js → p-d4903dcd.entry.js} +2 -2
- package/dist/core/{p-1e4cdd2d.entry.js → p-d82b27df.entry.js} +2 -2
- package/dist/core/{p-7c0914e7.entry.js → p-d8ce39ac.entry.js} +2 -2
- package/dist/core/{p-70700c7a.entry.js → p-dcce0dfd.entry.js} +2 -2
- package/dist/core/{p-40f2f58e.entry.js → p-de1e04ac.entry.js} +2 -2
- package/dist/core/{p-4b601e06.entry.js → p-dee21f6d.entry.js} +2 -2
- package/dist/core/{p-4245a976.entry.js → p-dfc8cba6.entry.js} +2 -2
- package/dist/core/{p-b3ac38c5.entry.js → p-e2629bfe.entry.js} +2 -2
- package/dist/core/{p-3b5d3e24.entry.js → p-e38fddbb.entry.js} +2 -2
- package/dist/core/p-e38fddbb.entry.js.map +1 -0
- package/dist/core/p-eca6e215.entry.js +2 -0
- package/dist/core/p-eca6e215.entry.js.map +1 -0
- package/dist/core/{p-44e4e8c1.entry.js → p-ef36181d.entry.js} +2 -2
- package/dist/core/{p-ef09b450.entry.js → p-ef4b752c.entry.js} +2 -2
- package/dist/core/p-ef4b752c.entry.js.map +1 -0
- package/dist/core/{p-b3d6d5be.entry.js → p-fa38ad2e.entry.js} +2 -2
- package/dist/core/p-fc4f7180.entry.js +2 -0
- package/dist/core/p-fc4f7180.entry.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/{helpers-46a2d1fd.js → helpers-f2ffaa7c.js} +22 -38
- package/dist/esm/helpers-f2ffaa7c.js.map +1 -0
- package/dist/esm/ic-accordion-group.entry.js +1 -1
- package/dist/esm/ic-accordion.entry.js +10 -8
- package/dist/esm/ic-accordion.entry.js.map +1 -1
- package/dist/esm/ic-alert.entry.js +2 -2
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +1 -1
- package/dist/esm/ic-badge.entry.js +4 -4
- package/dist/esm/ic-badge.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +56 -76
- package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb.entry.js +32 -51
- package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
- package/dist/esm/ic-button_3.entry.js +111 -132
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card-vertical.entry.js +6 -6
- package/dist/esm/ic-card-vertical.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +9 -10
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox.entry.js +37 -41
- package/dist/esm/ic-checkbox.entry.js.map +1 -1
- package/dist/esm/ic-chip.entry.js +26 -38
- package/dist/esm/ic-chip.entry.js.map +1 -1
- package/dist/esm/ic-data-list.entry.js +2 -2
- package/dist/esm/ic-data-row.entry.js +3 -3
- package/dist/esm/ic-dialog.entry.js +2 -2
- package/dist/esm/ic-divider.entry.js +1 -1
- package/dist/esm/ic-empty-state.entry.js +3 -3
- package/dist/esm/ic-footer-link-group.entry.js +1 -1
- package/dist/esm/ic-footer-link.entry.js +3 -3
- package/dist/esm/ic-footer.entry.js +1 -1
- package/dist/esm/ic-hero.entry.js +7 -6
- package/dist/esm/ic-hero.entry.js.map +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js +6 -6
- package/dist/esm/ic-input-component-container_3.entry.js +23 -22
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-input-label_2.entry.js +8 -8
- package/dist/esm/ic-link.entry.js +12 -4
- package/dist/esm/ic-link.entry.js.map +1 -1
- package/dist/esm/ic-menu-group.entry.js +2 -2
- package/dist/esm/ic-menu-item.entry.js +5 -5
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +3 -3
- package/dist/esm/ic-navigation-group.entry.js +116 -164
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +65 -62
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +5 -5
- package/dist/esm/ic-page-header.entry.js +7 -7
- package/dist/esm/ic-pagination-item.entry.js +2 -2
- package/dist/esm/ic-pagination.entry.js +5 -5
- package/dist/esm/ic-popover-menu.entry.js +8 -7
- package/dist/esm/ic-popover-menu.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +5 -5
- package/dist/esm/ic-radio-option.entry.js +5 -5
- package/dist/esm/ic-search-bar.entry.js +149 -154
- package/dist/esm/ic-search-bar.entry.js.map +1 -1
- package/dist/esm/ic-section-container.entry.js +2 -2
- package/dist/esm/ic-select.entry.js +142 -218
- package/dist/esm/ic-select.entry.js.map +1 -1
- package/dist/esm/ic-side-navigation.entry.js +25 -6
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-skeleton.entry.js +2 -2
- package/dist/esm/ic-skip-link.entry.js +2 -2
- package/dist/esm/ic-status-tag.entry.js +3 -3
- package/dist/esm/ic-step.entry.js +14 -14
- package/dist/esm/ic-stepper.entry.js +3 -3
- package/dist/esm/ic-switch.entry.js +6 -6
- package/dist/esm/ic-switch.entry.js.map +1 -1
- package/dist/esm/ic-tab-context.entry.js +1 -1
- package/dist/esm/ic-tab-group.entry.js +3 -3
- package/dist/esm/ic-tab-panel.entry.js +2 -2
- package/dist/esm/ic-tab.entry.js +3 -3
- package/dist/esm/ic-text-field.entry.js +39 -31
- package/dist/esm/ic-text-field.entry.js.map +1 -1
- package/dist/esm/ic-theme.entry.js +2 -2
- package/dist/esm/ic-toast-region.entry.js +1 -1
- package/dist/esm/ic-toast.entry.js +4 -4
- package/dist/esm/ic-toggle-button-group.entry.js +54 -68
- package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button.entry.js +62 -64
- package/dist/esm/ic-toggle-button.entry.js.map +1 -1
- package/dist/esm/ic-top-navigation.entry.js +66 -64
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-typography.entry.js +3 -3
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/ic-breadcrumb/ic-breadcrumb.d.ts +4 -6
- package/dist/types/components/ic-breadcrumb-group/ic-breadcrumb-group.d.ts +9 -15
- package/dist/types/components/ic-button/ic-button.d.ts +29 -22
- package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +14 -13
- package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +8 -9
- package/dist/types/components/ic-chip/ic-chip.d.ts +13 -15
- package/dist/types/components/ic-link/ic-link.d.ts +2 -1
- package/dist/types/components/ic-menu/ic-menu.d.ts +12 -12
- package/dist/types/components/ic-navigation-group/ic-navigation-group.d.ts +4 -18
- package/dist/types/components/ic-navigation-item/ic-navigation-item.d.ts +9 -7
- package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +40 -40
- package/dist/types/components/ic-select/ic-select.d.ts +36 -38
- package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +5 -0
- package/dist/types/components/ic-text-field/ic-text-field.d.ts +40 -34
- package/dist/types/components/ic-toggle-button/ic-toggle-button.d.ts +10 -11
- package/dist/types/components/ic-toggle-button-group/ic-toggle-button-group.d.ts +10 -12
- package/dist/types/components/ic-top-navigation/ic-top-navigation.d.ts +9 -8
- package/dist/types/components.d.ts +216 -203
- package/dist/types/utils/helpers.d.ts +8 -8
- package/hydrate/index.js +1158 -1350
- package/hydrate/index.mjs +1158 -1350
- package/package.json +2 -2
- package/vscode-data.json +172 -4
- package/dist/cjs/helpers-789082d4.js.map +0 -1
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.types.js +0 -2
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.types.js.map +0 -1
- package/dist/core/p-0a8b3967.entry.js +0 -2
- package/dist/core/p-0a8b3967.entry.js.map +0 -1
- package/dist/core/p-0b4350df.entry.js +0 -2
- package/dist/core/p-0b4350df.entry.js.map +0 -1
- package/dist/core/p-0e618fc5.entry.js +0 -2
- package/dist/core/p-0e618fc5.entry.js.map +0 -1
- package/dist/core/p-18ecba80.entry.js +0 -2
- package/dist/core/p-18ecba80.entry.js.map +0 -1
- package/dist/core/p-281ce313.js +0 -2
- package/dist/core/p-281ce313.js.map +0 -1
- package/dist/core/p-30abe545.entry.js +0 -2
- package/dist/core/p-30abe545.entry.js.map +0 -1
- package/dist/core/p-3132270d.entry.js +0 -2
- package/dist/core/p-3132270d.entry.js.map +0 -1
- package/dist/core/p-3b5d3e24.entry.js.map +0 -1
- package/dist/core/p-517d7afb.entry.js +0 -2
- package/dist/core/p-517d7afb.entry.js.map +0 -1
- package/dist/core/p-5d4b0480.entry.js +0 -2
- package/dist/core/p-5d4b0480.entry.js.map +0 -1
- package/dist/core/p-5e18b899.entry.js +0 -2
- package/dist/core/p-5e18b899.entry.js.map +0 -1
- package/dist/core/p-6337fe1f.entry.js +0 -2
- package/dist/core/p-6337fe1f.entry.js.map +0 -1
- package/dist/core/p-63fe83ad.entry.js +0 -2
- package/dist/core/p-63fe83ad.entry.js.map +0 -1
- package/dist/core/p-8ba129fc.entry.js +0 -2
- package/dist/core/p-8ba129fc.entry.js.map +0 -1
- package/dist/core/p-950db960.entry.js +0 -2
- package/dist/core/p-950db960.entry.js.map +0 -1
- package/dist/core/p-9ea9a4ce.entry.js +0 -2
- package/dist/core/p-9ea9a4ce.entry.js.map +0 -1
- package/dist/core/p-a9c96e3e.entry.js +0 -2
- package/dist/core/p-a9c96e3e.entry.js.map +0 -1
- package/dist/core/p-ac7db165.entry.js +0 -2
- package/dist/core/p-ac7db165.entry.js.map +0 -1
- package/dist/core/p-c04f36c5.entry.js +0 -2
- package/dist/core/p-c62318a8.entry.js +0 -2
- package/dist/core/p-c62318a8.entry.js.map +0 -1
- package/dist/core/p-e2f893f0.entry.js.map +0 -1
- package/dist/core/p-e586ae7b.entry.js +0 -2
- package/dist/core/p-e586ae7b.entry.js.map +0 -1
- package/dist/core/p-ef09b450.entry.js.map +0 -1
- package/dist/core/p-fc50d582.entry.js.map +0 -1
- package/dist/core/p-fe833509.entry.js +0 -2
- package/dist/core/p-fe833509.entry.js.map +0 -1
- package/dist/esm/helpers-46a2d1fd.js.map +0 -1
- package/dist/types/components/ic-breadcrumb/ic-breadcrumb.types.d.ts +0 -1
- /package/dist/core/{p-bbe5596b.entry.js.map → p-15b7adaf.entry.js.map} +0 -0
- /package/dist/core/{p-abaea607.entry.js.map → p-1d172032.entry.js.map} +0 -0
- /package/dist/core/{p-6de6b6b7.entry.js.map → p-23536595.entry.js.map} +0 -0
- /package/dist/core/{p-f3c72ffb.entry.js.map → p-2c371198.entry.js.map} +0 -0
- /package/dist/core/{p-f34eee68.entry.js.map → p-3cb4ecef.entry.js.map} +0 -0
- /package/dist/core/{p-3eb7ef1d.entry.js.map → p-432aeae0.entry.js.map} +0 -0
- /package/dist/core/{p-88924aef.entry.js.map → p-51b49429.entry.js.map} +0 -0
- /package/dist/core/{p-7afc71d0.entry.js.map → p-56e0de32.entry.js.map} +0 -0
- /package/dist/core/{p-7a0d238b.entry.js.map → p-56fb0298.entry.js.map} +0 -0
- /package/dist/core/{p-fbde763c.entry.js.map → p-5aec3757.entry.js.map} +0 -0
- /package/dist/core/{p-23d059ff.entry.js.map → p-5eb2ac90.entry.js.map} +0 -0
- /package/dist/core/{p-c2ca6274.entry.js.map → p-60aad45d.entry.js.map} +0 -0
- /package/dist/core/{p-33c86ba6.entry.js.map → p-628c32b8.entry.js.map} +0 -0
- /package/dist/core/{p-7dfe0284.entry.js.map → p-6eea869b.entry.js.map} +0 -0
- /package/dist/core/{p-0631c3ab.entry.js.map → p-7d2c07e2.entry.js.map} +0 -0
- /package/dist/core/{p-3675c4b4.entry.js.map → p-887e00bb.entry.js.map} +0 -0
- /package/dist/core/{p-45432bf5.entry.js.map → p-8c77dd65.entry.js.map} +0 -0
- /package/dist/core/{p-acebb05c.entry.js.map → p-9c47521d.entry.js.map} +0 -0
- /package/dist/core/{p-c04f36c5.entry.js.map → p-a140bcaa.entry.js.map} +0 -0
- /package/dist/core/{p-005cd8a8.entry.js.map → p-aad10013.entry.js.map} +0 -0
- /package/dist/core/{p-de43d375.entry.js.map → p-bf3b853e.entry.js.map} +0 -0
- /package/dist/core/{p-e56d0db2.entry.js.map → p-c59fd23e.entry.js.map} +0 -0
- /package/dist/core/{p-f815f8c9.entry.js.map → p-c5ffe2cf.entry.js.map} +0 -0
- /package/dist/core/{p-5206a978.entry.js.map → p-c8cf1ad5.entry.js.map} +0 -0
- /package/dist/core/{p-23ed8b99.entry.js.map → p-d4903dcd.entry.js.map} +0 -0
- /package/dist/core/{p-1e4cdd2d.entry.js.map → p-d82b27df.entry.js.map} +0 -0
- /package/dist/core/{p-7c0914e7.entry.js.map → p-d8ce39ac.entry.js.map} +0 -0
- /package/dist/core/{p-70700c7a.entry.js.map → p-dcce0dfd.entry.js.map} +0 -0
- /package/dist/core/{p-40f2f58e.entry.js.map → p-de1e04ac.entry.js.map} +0 -0
- /package/dist/core/{p-4b601e06.entry.js.map → p-dee21f6d.entry.js.map} +0 -0
- /package/dist/core/{p-4245a976.entry.js.map → p-dfc8cba6.entry.js.map} +0 -0
- /package/dist/core/{p-b3ac38c5.entry.js.map → p-e2629bfe.entry.js.map} +0 -0
- /package/dist/core/{p-44e4e8c1.entry.js.map → p-ef36181d.entry.js.map} +0 -0
- /package/dist/core/{p-b3d6d5be.entry.js.map → p-fa38ad2e.entry.js.map} +0 -0
@@ -6,7 +6,6 @@ let inputIds = 0;
|
|
6
6
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
7
7
|
export class SearchBar {
|
8
8
|
constructor() {
|
9
|
-
this.assistiveHintEl = null;
|
10
9
|
this.hasTimedOut = false;
|
11
10
|
this.inputId = `ic-search-bar-input-${inputIds++}`;
|
12
11
|
this.menuCloseFromMenuChangeEvent = false;
|
@@ -15,6 +14,7 @@ export class SearchBar {
|
|
15
14
|
this.preventSubmit = false;
|
16
15
|
this.prevNoOption = false;
|
17
16
|
this.retryButtonClick = false;
|
17
|
+
this.retryViaKeyPress = false;
|
18
18
|
this.truncateValue = false;
|
19
19
|
this.clearButtonFocused = false;
|
20
20
|
this.open = false;
|
@@ -152,52 +152,64 @@ export class SearchBar {
|
|
152
152
|
this.loading = false;
|
153
153
|
clearTimeout(this.timeoutTimer);
|
154
154
|
this.filteredOptions = this.options;
|
155
|
+
this.showMenuWithNoInput() && this.setMenuChange(true);
|
155
156
|
this.el.setFocus();
|
156
157
|
this.icClear.emit();
|
157
158
|
ev.preventDefault();
|
158
159
|
this.preventSubmit = true;
|
159
160
|
}
|
160
161
|
};
|
161
|
-
this.onInput = (
|
162
|
-
this.value =
|
162
|
+
this.onInput = ({ target }) => {
|
163
|
+
this.value = target.value;
|
163
164
|
this.icInput.emit({ value: this.value });
|
164
|
-
const noOptions = [
|
165
|
-
{ [this.labelField]: this.emptyOptionListText, [this.valueField]: "" },
|
166
|
-
];
|
167
165
|
if (this.options.length > 0) {
|
168
166
|
this.setMenuChange(true);
|
169
167
|
this.preLoad = false;
|
170
168
|
if (this.disableAutoFiltering === false) {
|
171
169
|
const rawFilteredOptions = getFilteredMenuOptions(this.options, false, this.value, "anywhere", this.labelField);
|
172
170
|
this.filteredOptions =
|
173
|
-
rawFilteredOptions.length > 0
|
171
|
+
rawFilteredOptions.length > 0
|
172
|
+
? rawFilteredOptions
|
173
|
+
: [
|
174
|
+
{
|
175
|
+
[this.labelField]: this.emptyOptionListText,
|
176
|
+
[this.valueField]: "",
|
177
|
+
},
|
178
|
+
];
|
174
179
|
}
|
175
180
|
}
|
176
|
-
if (!this.showClearButton)
|
177
|
-
this.
|
178
|
-
}
|
181
|
+
if (!this.showClearButton)
|
182
|
+
this.showClearButton = true;
|
179
183
|
this.debounceAriaLiveUpdate();
|
180
184
|
};
|
181
|
-
this.onInputBlur = (
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
+
this.onInputBlur = ({ target, relatedTarget }) => {
|
186
|
+
this.icSearchBarBlur.emit({
|
187
|
+
value: target.value,
|
188
|
+
relatedTarget,
|
189
|
+
});
|
185
190
|
};
|
186
|
-
this.onInputFocus = (
|
187
|
-
|
188
|
-
this.
|
189
|
-
this.handleShowClearButton(true);
|
191
|
+
this.onInputFocus = ({ target }) => {
|
192
|
+
this.icSearchBarFocus.emit({ value: target.value });
|
193
|
+
this.showClearButton = true;
|
190
194
|
};
|
191
|
-
this.handleClearBlur = (
|
192
|
-
|
193
|
-
this.icClearBlur.emit({ relatedTarget: nextFocus });
|
195
|
+
this.handleClearBlur = ({ relatedTarget }) => {
|
196
|
+
this.icClearBlur.emit({ relatedTarget });
|
194
197
|
this.clearButtonFocused = false;
|
195
198
|
};
|
196
|
-
this.handleSubmitSearchBlur = (
|
197
|
-
|
198
|
-
this.icSubmitSearchBlur.emit({ relatedTarget: nextFocus });
|
199
|
+
this.handleSubmitSearchBlur = ({ relatedTarget }) => {
|
200
|
+
this.icSubmitSearchBlur.emit({ relatedTarget });
|
199
201
|
this.searchSubmitFocused = false;
|
200
202
|
};
|
203
|
+
this.setInputValue = (newValue) => {
|
204
|
+
if (this.inputEl) {
|
205
|
+
const label = getLabelFromValue(newValue, this.options, this.valueField, this.labelField);
|
206
|
+
if (label)
|
207
|
+
this.inputEl.value = label;
|
208
|
+
else if (this.inputEl.value !== newValue) {
|
209
|
+
this.inputEl.value = newValue;
|
210
|
+
}
|
211
|
+
}
|
212
|
+
};
|
201
213
|
this.handleMouseDown = (ev) => {
|
202
214
|
ev.preventDefault();
|
203
215
|
};
|
@@ -205,7 +217,8 @@ export class SearchBar {
|
|
205
217
|
this.searchSubmitFocused = true;
|
206
218
|
};
|
207
219
|
this.handleSubmitSearch = () => {
|
208
|
-
|
220
|
+
if (this.highlightedValue)
|
221
|
+
this.value = this.highlightedValue;
|
209
222
|
this.highlightedValue = undefined;
|
210
223
|
this.icSubmitSearch.emit({ value: this.value });
|
211
224
|
const form = this.el.closest("FORM");
|
@@ -256,15 +269,10 @@ export class SearchBar {
|
|
256
269
|
this.icOptionSelect.emit({ value: this.value });
|
257
270
|
};
|
258
271
|
this.handleMenuOptionHighlight = (ev) => {
|
259
|
-
|
260
|
-
|
261
|
-
|
262
|
-
|
263
|
-
this.ariaActiveDescendant = ev.detail.optionId;
|
264
|
-
}
|
265
|
-
else {
|
266
|
-
this.ariaActiveDescendant = "";
|
267
|
-
}
|
272
|
+
const { optionId } = ev.detail;
|
273
|
+
if (optionId)
|
274
|
+
this.highlightedValue = optionId.replace(`${this.menuId}-`, "");
|
275
|
+
this.ariaActiveDescendant = optionId || "";
|
268
276
|
};
|
269
277
|
this.handleMenuChange = (ev) => {
|
270
278
|
this.setMenuChange(ev.detail.open);
|
@@ -279,18 +287,20 @@ export class SearchBar {
|
|
279
287
|
}
|
280
288
|
};
|
281
289
|
this.handleHostFocus = () => {
|
282
|
-
if (this.options &&
|
290
|
+
if (this.options &&
|
291
|
+
(this.value || this.showMenuWithNoInput()) &&
|
292
|
+
!this.menuCloseFromMenuChangeEvent) {
|
283
293
|
this.setMenuChange(true);
|
284
294
|
}
|
285
|
-
this.
|
295
|
+
this.truncateValue = false;
|
296
|
+
this.showMenuWithNoInput() && this.debounceAriaLiveUpdate();
|
286
297
|
this.icSearchBarFocus.emit();
|
287
298
|
};
|
288
|
-
this.handleHostBlur = (
|
299
|
+
this.handleHostBlur = ({ relatedTarget }) => {
|
289
300
|
var _a;
|
290
|
-
const nextFocus = ev.relatedTarget;
|
291
301
|
if (this.open &&
|
292
302
|
this.options &&
|
293
|
-
|
303
|
+
relatedTarget !== this.menu &&
|
294
304
|
!this.retryViaKeyPress &&
|
295
305
|
!this.retryButtonClick) {
|
296
306
|
this.setMenuChange(false);
|
@@ -298,35 +308,31 @@ export class SearchBar {
|
|
298
308
|
if (this.retryButtonClick || this.retryViaKeyPress) {
|
299
309
|
(_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
|
300
310
|
}
|
301
|
-
this.
|
311
|
+
this.showClearButton = false;
|
302
312
|
this.menuCloseFromMenuChangeEvent = false;
|
303
|
-
this.
|
304
|
-
this.icSearchBarBlur.emit({
|
313
|
+
this.truncateValue = true;
|
314
|
+
this.icSearchBarBlur.emit({
|
315
|
+
relatedTarget,
|
316
|
+
value: this.value,
|
317
|
+
});
|
305
318
|
this.retryViaKeyPress = false;
|
306
319
|
this.retryButtonClick = false;
|
307
|
-
|
308
|
-
this.handleShowClearButton = (visible) => {
|
309
|
-
this.showClearButton = visible;
|
320
|
+
this.showMenuWithNoInput() && this.updateSearchResultAriaLive();
|
310
321
|
};
|
311
322
|
this.handleFocusClearButton = () => {
|
312
323
|
this.clearButtonFocused = true;
|
313
324
|
};
|
314
|
-
this.handleTruncateValue = (truncate) => {
|
315
|
-
this.truncateValue = truncate;
|
316
|
-
};
|
317
325
|
this.renderAssistiveHintEl = () => {
|
318
|
-
var _a;
|
326
|
+
var _a, _b;
|
319
327
|
const input = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`#${this.inputId}`);
|
320
328
|
if (input &&
|
321
329
|
Object.keys(input).length > 0 &&
|
322
330
|
this.hasOptionsOrFilterDisabled()) {
|
323
331
|
this.assistiveHintEl = document.createElement("span");
|
324
|
-
this.assistiveHintEl.innerText = this.assistiveHintText
|
332
|
+
this.assistiveHintEl.innerText = this.assistiveHintText;
|
325
333
|
this.assistiveHintEl.id = `${this.inputId}-assistive-hint`;
|
326
334
|
this.assistiveHintEl.style.display = "none";
|
327
|
-
|
328
|
-
input.after(this.assistiveHintEl);
|
329
|
-
}
|
335
|
+
(_b = input.after) === null || _b === void 0 ? void 0 : _b.call(input, this.assistiveHintEl);
|
330
336
|
}
|
331
337
|
};
|
332
338
|
this.updateSearchResultAriaLive = () => {
|
@@ -334,7 +340,7 @@ export class SearchBar {
|
|
334
340
|
const searchResultsStatusEl = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".search-results-status");
|
335
341
|
if (searchResultsStatusEl) {
|
336
342
|
if (!this.open ||
|
337
|
-
this.value === "" ||
|
343
|
+
(this.value === "" && !this.showMenuWithNoInput()) ||
|
338
344
|
this.value.length < this.charactersUntilSuggestion) {
|
339
345
|
searchResultsStatusEl.innerText = "";
|
340
346
|
}
|
@@ -342,41 +348,28 @@ export class SearchBar {
|
|
342
348
|
this.filteredOptions.length > 0 &&
|
343
349
|
this.open &&
|
344
350
|
!this.filteredOptions[0].loading) {
|
345
|
-
|
346
|
-
|
347
|
-
|
348
|
-
else {
|
349
|
-
searchResultsStatusEl.innerText = `${this.filteredOptions.length} result${this.filteredOptions.length > 1 ? "s" : ""} available`;
|
350
|
-
}
|
351
|
+
searchResultsStatusEl.innerText = this.hadNoOptions()
|
352
|
+
? this.emptyOptionListText
|
353
|
+
: `${this.filteredOptions.length} result${this.filteredOptions.length > 1 ? "s" : ""} available`;
|
351
354
|
}
|
352
355
|
}
|
353
356
|
};
|
354
|
-
this.hasOptionsOrFilterDisabled = () => this.options.length > 0 ||
|
357
|
+
this.hasOptionsOrFilterDisabled = () => this.options.length > 0 || this.disableAutoFiltering;
|
355
358
|
this.hadNoOptions = () => this.filteredOptions.length === 1 &&
|
356
359
|
this.filteredOptions[0][this.labelField] === this.emptyOptionListText &&
|
357
360
|
this.searchMode === "navigation";
|
358
|
-
this.isSubmitDisabled = () =>
|
359
|
-
|
360
|
-
|
361
|
-
|
362
|
-
|
363
|
-
|
364
|
-
|
365
|
-
|
366
|
-
|
367
|
-
|
368
|
-
|
369
|
-
|
370
|
-
this.menu.handleSetFirstOption();
|
371
|
-
this.prevNoOption = false;
|
372
|
-
}
|
373
|
-
const prevNoOptionsList = this.filteredOptions.find((filteredOption) => filteredOption[this.labelField] === this.emptyOptionListText ||
|
374
|
-
filteredOption[this.labelField] === this.loadingErrorLabel ||
|
375
|
-
filteredOption[this.labelField] === this.loadingLabel);
|
376
|
-
if (prevNoOptionsList) {
|
377
|
-
this.prevNoOption = true;
|
378
|
-
}
|
379
|
-
};
|
361
|
+
this.isSubmitDisabled = () => !this.value ||
|
362
|
+
this.value.length < this.charactersUntilSuggestion ||
|
363
|
+
this.disabled ||
|
364
|
+
this.hadNoOptions() ||
|
365
|
+
this.hasTimedOut ||
|
366
|
+
this.loading;
|
367
|
+
this.showMenuWithNoInput = () => this.charactersUntilSuggestion === 0;
|
368
|
+
}
|
369
|
+
watchCharactersUntilSuggestionHandler() {
|
370
|
+
if (this.showMenuWithNoInput()) {
|
371
|
+
this.filteredOptions = this.options;
|
372
|
+
}
|
380
373
|
}
|
381
374
|
watchDisabledHandler() {
|
382
375
|
removeDisabledFalse(this.disabled, this.el);
|
@@ -394,51 +387,48 @@ export class SearchBar {
|
|
394
387
|
this.hasTimedOut = newOptions.some((opt) => opt.timedOut);
|
395
388
|
}
|
396
389
|
watchOptionsHandler(newOptions) {
|
397
|
-
if (this.disableAutoFiltering
|
398
|
-
this.
|
399
|
-
|
400
|
-
|
401
|
-
|
402
|
-
|
403
|
-
|
404
|
-
|
405
|
-
|
390
|
+
if (this.disableAutoFiltering) {
|
391
|
+
if (!this.hasTimedOut) {
|
392
|
+
this.loading = false;
|
393
|
+
clearTimeout(this.timeoutTimer);
|
394
|
+
if (newOptions.length > 0) {
|
395
|
+
this.filteredOptions = newOptions;
|
396
|
+
}
|
397
|
+
else {
|
398
|
+
if (this.hadNoOptions()) {
|
399
|
+
return;
|
400
|
+
}
|
401
|
+
this.setMenuChange(true);
|
402
|
+
if (!this.preLoad) {
|
403
|
+
this.filteredOptions = [
|
404
|
+
{
|
405
|
+
[this.labelField]: this.emptyOptionListText,
|
406
|
+
[this.valueField]: "",
|
407
|
+
},
|
408
|
+
];
|
409
|
+
}
|
410
|
+
this.preLoad = true;
|
406
411
|
}
|
407
|
-
this.setMenuChange(true);
|
408
|
-
!this.preLoad &&
|
409
|
-
(this.filteredOptions = [
|
410
|
-
{
|
411
|
-
[this.labelField]: this.emptyOptionListText,
|
412
|
-
[this.valueField]: "",
|
413
|
-
},
|
414
|
-
]);
|
415
|
-
this.preLoad = true;
|
416
412
|
}
|
417
413
|
}
|
414
|
+
else if (this.showMenuWithNoInput()) {
|
415
|
+
this.filteredOptions = newOptions;
|
416
|
+
}
|
418
417
|
this.debounceAriaLiveUpdate();
|
419
418
|
}
|
420
419
|
watchValueHandler(newValue) {
|
421
|
-
|
422
|
-
this.options &&
|
423
|
-
!!getLabelFromValue(newValue, this.options, this.valueField, this.labelField)) {
|
424
|
-
this.inputEl.value =
|
425
|
-
getLabelFromValue(newValue, this.options, this.valueField, this.labelField) || "";
|
426
|
-
}
|
427
|
-
else if (this.inputEl && this.inputEl.value !== newValue) {
|
428
|
-
this.inputEl.value = newValue;
|
429
|
-
}
|
420
|
+
this.setInputValue(newValue);
|
430
421
|
this.icChange.emit({ value: newValue });
|
431
422
|
}
|
432
423
|
connectedCallback() {
|
433
424
|
this.debounceChanged();
|
434
425
|
}
|
435
426
|
disconnectedCallback() {
|
436
|
-
|
437
|
-
|
438
|
-
}
|
427
|
+
var _a;
|
428
|
+
(_a = this.assistiveHintEl) === null || _a === void 0 ? void 0 : _a.remove();
|
439
429
|
}
|
440
430
|
componentWillLoad() {
|
441
|
-
this.
|
431
|
+
this.setInputValue(this.value);
|
442
432
|
removeDisabledFalse(this.disabled, this.el);
|
443
433
|
}
|
444
434
|
componentDidLoad() {
|
@@ -447,14 +437,22 @@ export class SearchBar {
|
|
447
437
|
}
|
448
438
|
if (this.hasOptionsOrFilterDisabled()) {
|
449
439
|
this.renderAssistiveHintEl();
|
450
|
-
if (this.disableAutoFiltering) {
|
440
|
+
if (this.disableAutoFiltering || this.showMenuWithNoInput()) {
|
451
441
|
this.filteredOptions = this.options;
|
452
442
|
}
|
453
443
|
}
|
454
444
|
onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Search Bar");
|
455
445
|
}
|
456
446
|
componentWillRender() {
|
457
|
-
this.
|
447
|
+
if (this.prevNoOption && this.menu && !this.hasTimedOut) {
|
448
|
+
this.menu.handleSetFirstOption();
|
449
|
+
this.prevNoOption = false;
|
450
|
+
}
|
451
|
+
if (this.filteredOptions.find((filteredOption) => filteredOption[this.labelField] === this.emptyOptionListText ||
|
452
|
+
filteredOption[this.labelField] === this.loadingErrorLabel ||
|
453
|
+
filteredOption[this.labelField] === this.loadingLabel)) {
|
454
|
+
this.prevNoOption = true;
|
455
|
+
}
|
458
456
|
}
|
459
457
|
handleKeyDown(event) {
|
460
458
|
this.icKeydown.emit({ event });
|
@@ -493,62 +491,58 @@ export class SearchBar {
|
|
493
491
|
}, 500);
|
494
492
|
}
|
495
493
|
render() {
|
496
|
-
const { inputId, name, label, required, size, placeholder, helperText, disabled, value, readonly, spellcheck, fullWidth, options, open, hideLabel, menuId, ariaActiveDescendant, truncateValue, autofocus, autocapitalize, autocomplete, filteredOptions, theme, } = this;
|
494
|
+
const { inputId, name, label, required, size, placeholder, helperText, disabled, value, readonly, spellcheck, fullWidth, options, open, hideLabel, menuId, ariaActiveDescendant, truncateValue, autofocus, autocapitalize, autocomplete, filteredOptions, theme, charactersUntilSuggestion, labelField, valueField, loadingLabel, loadingErrorLabel, searchMode, showClearButton, searchSubmitFocused, clearButtonFocused, } = this;
|
497
495
|
const disabledMode = readonly || disabled;
|
498
496
|
const describedBy = getInputDescribedByText(inputId, helperText !== "", false).trim();
|
499
|
-
let describedById;
|
497
|
+
let describedById = undefined;
|
500
498
|
if (describedBy !== "" && this.hasOptionsOrFilterDisabled()) {
|
501
|
-
describedById = `${describedBy} ${
|
499
|
+
describedById = `${describedBy} ${inputId}-assistive-hint`;
|
502
500
|
}
|
503
501
|
else if (this.hasOptionsOrFilterDisabled()) {
|
504
|
-
describedById = `${
|
502
|
+
describedById = `${inputId}-assistive-hint`;
|
505
503
|
}
|
506
504
|
else if (describedBy !== "") {
|
507
505
|
describedById = describedBy;
|
508
506
|
}
|
509
|
-
|
510
|
-
|
511
|
-
}
|
512
|
-
const hasSuggestedSearch = !!value && this.hasOptionsOrFilterDisabled();
|
507
|
+
const hasSuggestedSearch = (!!value || this.showMenuWithNoInput()) &&
|
508
|
+
this.hasOptionsOrFilterDisabled();
|
513
509
|
const menuOpen = hasSuggestedSearch && open && filteredOptions.length > 0;
|
514
|
-
const menuRendered = menuOpen && value.length >=
|
515
|
-
const labelValue = getLabelFromValue(value, options,
|
516
|
-
renderHiddenInput(
|
517
|
-
return (h(Host, { key: '
|
518
|
-
|
519
|
-
|
520
|
-
|
521
|
-
|
510
|
+
const menuRendered = menuOpen && value.length >= charactersUntilSuggestion;
|
511
|
+
const labelValue = getLabelFromValue(value, options, valueField, labelField);
|
512
|
+
renderHiddenInput(this.el, value, name, disabledMode);
|
513
|
+
return (h(Host, { key: 'bfb362b72aa0441cf00cb042f0dd623b6f41d5d7', class: {
|
514
|
+
"ic-search-bar-search": true,
|
515
|
+
"ic-search-bar-full-width": fullWidth,
|
516
|
+
"ic-search-bar-disabled": disabled,
|
517
|
+
"ic-search-bar-small": size === "small",
|
522
518
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
523
|
-
}, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, h("ic-input-container", { key: '
|
524
|
-
"no-left-pad":
|
525
|
-
readonly
|
519
|
+
}, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, h("ic-input-container", { key: '4abc6ab7691d77e1659016957de4a7573c7b0ba8', readonly: readonly, disabled: disabledMode }, !hideLabel && (h("ic-input-label", { key: '7dfd27f5e3837063f115bac7ea1af05783ad52c2', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly })), h("ic-input-component-container", { key: 'bb9bd8d704ab9e9924d10b025bbd8b74310762e2', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, h("input", { key: '29c57007bfc75825bd91cdd4e24f9d9fd44e83d8', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
|
520
|
+
"no-left-pad": readonly,
|
521
|
+
readonly,
|
526
522
|
"truncate-value": truncateValue,
|
527
|
-
}, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": label, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), h("div", { key: '
|
523
|
+
}, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": label, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), h("div", { key: '2d5c5e1bc89f7dba8ef771e018534f7613c19295', class: {
|
528
524
|
"clear-button-container": true,
|
529
|
-
"clear-button-visible": !!value && !disabledMode &&
|
530
|
-
} }, h("ic-button", { key: '
|
525
|
+
"clear-button-visible": !!value && !disabledMode && showClearButton,
|
526
|
+
} }, h("ic-button", { key: '873de229be0ef641b2c94ccd283f5c17965fb5b9', id: "clear-button", class: {
|
531
527
|
"clear-button": true,
|
532
|
-
"clear-button-unfocused": !
|
533
|
-
}, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "submit", variant: "icon", theme:
|
528
|
+
"clear-button-unfocused": !clearButtonFocused,
|
529
|
+
}, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "submit", variant: "icon", theme: clearButtonFocused ? "light" : "dark" }), h("div", { key: '5f459ff9941a45c937632a1aad6f4e51de1bf56a', class: "divider" })), h("div", { key: '00bca9379e35fc62d6148258fb0d46a1a4f6a5bd', class: {
|
534
530
|
"search-submit-button-container": true,
|
535
531
|
"search-submit-button-disabled": this.isSubmitDisabled(),
|
536
|
-
} }, h("ic-button", { key: '
|
537
|
-
|
538
|
-
|
539
|
-
|
540
|
-
|
541
|
-
}, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: "submit", variant: "icon", theme:
|
532
|
+
} }, h("ic-button", { key: '0733206601764cf6563aebfe739cd8ff10d0e779', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
|
533
|
+
"search-submit-button": true,
|
534
|
+
"search-submit-button-small": size === "small",
|
535
|
+
"search-submit-button-unfocused": !searchSubmitFocused,
|
536
|
+
"search-submit-button-disabled": this.isSubmitDisabled(),
|
537
|
+
}, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: "submit", variant: "icon", theme: searchSubmitFocused ? "light" : "dark" }))), h("div", { key: '30177d3af3b241db3e843cb83b5fbf3aab4bc003', class: {
|
542
538
|
"menu-container": true,
|
543
|
-
fullwidth:
|
544
|
-
} }, menuRendered && (h("ic-menu", { key: '
|
539
|
+
fullwidth: fullWidth,
|
540
|
+
} }, menuRendered && this.anchorEl && this.inputEl && (h("ic-menu", { key: '98b2ada7a19760d30ba958c31926ae93cce74988', class: {
|
545
541
|
"no-results": this.hadNoOptions() ||
|
546
542
|
(filteredOptions.length === 1 &&
|
547
|
-
(filteredOptions[0][
|
548
|
-
|
549
|
-
|
550
|
-
this.loadingErrorLabel)),
|
551
|
-
}, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: this.searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: !!menuRendered, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: this.labelField, valueField: this.valueField })))), h("div", { key: '9844297f2d4ed1dd4e168685da928b44eeeb4698', "aria-live": "polite", role: "status", class: "search-results-status" })));
|
543
|
+
(filteredOptions[0][labelField] === loadingLabel ||
|
544
|
+
filteredOptions[0][labelField] === loadingErrorLabel)),
|
545
|
+
}, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: labelField, valueField: valueField })))), h("div", { key: '68d0f5afc16ce02c5b621b74754be51ffc55f2a6', "aria-live": "polite", role: "status", class: "search-results-status" })));
|
552
546
|
}
|
553
547
|
static get is() { return "ic-search-bar"; }
|
554
548
|
static get encapsulation() { return "shadow"; }
|
@@ -569,8 +563,8 @@ export class SearchBar {
|
|
569
563
|
"type": "string",
|
570
564
|
"mutable": false,
|
571
565
|
"complexType": {
|
572
|
-
"original": "string
|
573
|
-
"resolved": "string
|
566
|
+
"original": "string",
|
567
|
+
"resolved": "string",
|
574
568
|
"references": {}
|
575
569
|
},
|
576
570
|
"required": false,
|
@@ -590,7 +584,7 @@ export class SearchBar {
|
|
590
584
|
"mutable": false,
|
591
585
|
"complexType": {
|
592
586
|
"original": "IcAutocompleteTypes",
|
593
|
-
"resolved": "
|
587
|
+
"resolved": "\"name\" | \"on\" | \"off\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\"",
|
594
588
|
"references": {
|
595
589
|
"IcAutocompleteTypes": {
|
596
590
|
"location": "import",
|
@@ -600,7 +594,7 @@ export class SearchBar {
|
|
600
594
|
}
|
601
595
|
},
|
602
596
|
"required": false,
|
603
|
-
"optional":
|
597
|
+
"optional": false,
|
604
598
|
"docs": {
|
605
599
|
"tags": [],
|
606
600
|
"text": "The state of autocompletion the browser can apply on the text value."
|
@@ -616,7 +610,7 @@ export class SearchBar {
|
|
616
610
|
"mutable": false,
|
617
611
|
"complexType": {
|
618
612
|
"original": "IcAutocorrectStates",
|
619
|
-
"resolved": "\"off\" | \"on\"
|
613
|
+
"resolved": "\"off\" | \"on\"",
|
620
614
|
"references": {
|
621
615
|
"IcAutocorrectStates": {
|
622
616
|
"location": "import",
|
@@ -626,7 +620,7 @@ export class SearchBar {
|
|
626
620
|
}
|
627
621
|
},
|
628
622
|
"required": false,
|
629
|
-
"optional":
|
623
|
+
"optional": false,
|
630
624
|
"docs": {
|
631
625
|
"tags": [],
|
632
626
|
"text": "The state of autocorrection the browser can apply when the user is entering/editing the text value."
|
@@ -641,8 +635,8 @@ export class SearchBar {
|
|
641
635
|
"type": "boolean",
|
642
636
|
"mutable": false,
|
643
637
|
"complexType": {
|
644
|
-
"original": "boolean
|
645
|
-
"resolved": "boolean
|
638
|
+
"original": "boolean",
|
639
|
+
"resolved": "boolean",
|
646
640
|
"references": {}
|
647
641
|
},
|
648
642
|
"required": false,
|
@@ -662,11 +656,11 @@ export class SearchBar {
|
|
662
656
|
"mutable": false,
|
663
657
|
"complexType": {
|
664
658
|
"original": "number",
|
665
|
-
"resolved": "number
|
659
|
+
"resolved": "number",
|
666
660
|
"references": {}
|
667
661
|
},
|
668
662
|
"required": false,
|
669
|
-
"optional":
|
663
|
+
"optional": false,
|
670
664
|
"docs": {
|
671
665
|
"tags": [],
|
672
666
|
"text": "The number of characters until suggestions appear. The submit button will be disabled until the inputted value is equal to or greater than this number."
|
@@ -682,11 +676,11 @@ export class SearchBar {
|
|
682
676
|
"mutable": false,
|
683
677
|
"complexType": {
|
684
678
|
"original": "boolean",
|
685
|
-
"resolved": "boolean
|
679
|
+
"resolved": "boolean",
|
686
680
|
"references": {}
|
687
681
|
},
|
688
682
|
"required": false,
|
689
|
-
"optional":
|
683
|
+
"optional": false,
|
690
684
|
"docs": {
|
691
685
|
"tags": [],
|
692
686
|
"text": "If `true`, the disabled state will be set."
|
@@ -702,11 +696,11 @@ export class SearchBar {
|
|
702
696
|
"mutable": false,
|
703
697
|
"complexType": {
|
704
698
|
"original": "boolean",
|
705
|
-
"resolved": "boolean
|
699
|
+
"resolved": "boolean",
|
706
700
|
"references": {}
|
707
701
|
},
|
708
702
|
"required": false,
|
709
|
-
"optional":
|
703
|
+
"optional": false,
|
710
704
|
"docs": {
|
711
705
|
"tags": [],
|
712
706
|
"text": "Specify whether to disable the built in filtering. For example, if options will already be filtered from external source.\nIf `true`, all options provided will be displayed."
|
@@ -722,11 +716,11 @@ export class SearchBar {
|
|
722
716
|
"mutable": false,
|
723
717
|
"complexType": {
|
724
718
|
"original": "number",
|
725
|
-
"resolved": "number
|
719
|
+
"resolved": "number",
|
726
720
|
"references": {}
|
727
721
|
},
|
728
722
|
"required": false,
|
729
|
-
"optional":
|
723
|
+
"optional": false,
|
730
724
|
"docs": {
|
731
725
|
"tags": [],
|
732
726
|
"text": "The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke."
|
@@ -742,11 +736,11 @@ export class SearchBar {
|
|
742
736
|
"mutable": false,
|
743
737
|
"complexType": {
|
744
738
|
"original": "string",
|
745
|
-
"resolved": "string
|
739
|
+
"resolved": "string",
|
746
740
|
"references": {}
|
747
741
|
},
|
748
742
|
"required": false,
|
749
|
-
"optional":
|
743
|
+
"optional": false,
|
750
744
|
"docs": {
|
751
745
|
"tags": [],
|
752
746
|
"text": "The text displayed when there are no options in the option list."
|
@@ -762,11 +756,11 @@ export class SearchBar {
|
|
762
756
|
"mutable": false,
|
763
757
|
"complexType": {
|
764
758
|
"original": "boolean",
|
765
|
-
"resolved": "boolean
|
759
|
+
"resolved": "boolean",
|
766
760
|
"references": {}
|
767
761
|
},
|
768
762
|
"required": false,
|
769
|
-
"optional":
|
763
|
+
"optional": false,
|
770
764
|
"docs": {
|
771
765
|
"tags": [],
|
772
766
|
"text": "If `true`, the search bar will be focused when component loaded."
|
@@ -782,11 +776,11 @@ export class SearchBar {
|
|
782
776
|
"mutable": false,
|
783
777
|
"complexType": {
|
784
778
|
"original": "boolean",
|
785
|
-
"resolved": "boolean
|
779
|
+
"resolved": "boolean",
|
786
780
|
"references": {}
|
787
781
|
},
|
788
782
|
"required": false,
|
789
|
-
"optional":
|
783
|
+
"optional": false,
|
790
784
|
"docs": {
|
791
785
|
"tags": [],
|
792
786
|
"text": "Specify whether the search bar fills the full width of the container.\nIf `true`, this overrides the --input-width CSS variable."
|
@@ -802,11 +796,11 @@ export class SearchBar {
|
|
802
796
|
"mutable": false,
|
803
797
|
"complexType": {
|
804
798
|
"original": "string",
|
805
|
-
"resolved": "string
|
799
|
+
"resolved": "string",
|
806
800
|
"references": {}
|
807
801
|
},
|
808
802
|
"required": false,
|
809
|
-
"optional":
|
803
|
+
"optional": false,
|
810
804
|
"docs": {
|
811
805
|
"tags": [],
|
812
806
|
"text": "The helper text that will be displayed for additional field guidance."
|
@@ -822,11 +816,11 @@ export class SearchBar {
|
|
822
816
|
"mutable": false,
|
823
817
|
"complexType": {
|
824
818
|
"original": "boolean",
|
825
|
-
"resolved": "boolean
|
819
|
+
"resolved": "boolean",
|
826
820
|
"references": {}
|
827
821
|
},
|
828
822
|
"required": false,
|
829
|
-
"optional":
|
823
|
+
"optional": false,
|
830
824
|
"docs": {
|
831
825
|
"tags": [],
|
832
826
|
"text": "If `true`, the label will be hidden and the required label value will be applied as an aria-label."
|
@@ -842,11 +836,11 @@ export class SearchBar {
|
|
842
836
|
"mutable": false,
|
843
837
|
"complexType": {
|
844
838
|
"original": "string",
|
845
|
-
"resolved": "string
|
839
|
+
"resolved": "string",
|
846
840
|
"references": {}
|
847
841
|
},
|
848
842
|
"required": false,
|
849
|
-
"optional":
|
843
|
+
"optional": false,
|
850
844
|
"docs": {
|
851
845
|
"tags": [],
|
852
846
|
"text": "The hint text for the hidden assistive description element."
|
@@ -881,11 +875,11 @@ export class SearchBar {
|
|
881
875
|
"mutable": false,
|
882
876
|
"complexType": {
|
883
877
|
"original": "string",
|
884
|
-
"resolved": "string
|
878
|
+
"resolved": "string",
|
885
879
|
"references": {}
|
886
880
|
},
|
887
881
|
"required": false,
|
888
|
-
"optional":
|
882
|
+
"optional": false,
|
889
883
|
"docs": {
|
890
884
|
"tags": [],
|
891
885
|
"text": "The custom name for the label field to correspond with the IcMenuOption type."
|
@@ -901,11 +895,11 @@ export class SearchBar {
|
|
901
895
|
"mutable": true,
|
902
896
|
"complexType": {
|
903
897
|
"original": "boolean",
|
904
|
-
"resolved": "boolean
|
898
|
+
"resolved": "boolean",
|
905
899
|
"references": {}
|
906
900
|
},
|
907
901
|
"required": false,
|
908
|
-
"optional":
|
902
|
+
"optional": false,
|
909
903
|
"docs": {
|
910
904
|
"tags": [],
|
911
905
|
"text": "Trigger loading state when fetching options asynchronously"
|
@@ -921,11 +915,11 @@ export class SearchBar {
|
|
921
915
|
"mutable": false,
|
922
916
|
"complexType": {
|
923
917
|
"original": "string",
|
924
|
-
"resolved": "string
|
918
|
+
"resolved": "string",
|
925
919
|
"references": {}
|
926
920
|
},
|
927
921
|
"required": false,
|
928
|
-
"optional":
|
922
|
+
"optional": false,
|
929
923
|
"docs": {
|
930
924
|
"tags": [],
|
931
925
|
"text": "Change the message displayed when external loading times out."
|
@@ -941,11 +935,11 @@ export class SearchBar {
|
|
941
935
|
"mutable": false,
|
942
936
|
"complexType": {
|
943
937
|
"original": "string",
|
944
|
-
"resolved": "string
|
938
|
+
"resolved": "string",
|
945
939
|
"references": {}
|
946
940
|
},
|
947
941
|
"required": false,
|
948
|
-
"optional":
|
942
|
+
"optional": false,
|
949
943
|
"docs": {
|
950
944
|
"tags": [],
|
951
945
|
"text": "Change the message displayed whilst the options are being loaded externally."
|
@@ -961,11 +955,11 @@ export class SearchBar {
|
|
961
955
|
"mutable": false,
|
962
956
|
"complexType": {
|
963
957
|
"original": "string",
|
964
|
-
"resolved": "string
|
958
|
+
"resolved": "string",
|
965
959
|
"references": {}
|
966
960
|
},
|
967
961
|
"required": false,
|
968
|
-
"optional":
|
962
|
+
"optional": false,
|
969
963
|
"docs": {
|
970
964
|
"tags": [],
|
971
965
|
"text": "The name of the control, which is submitted with the form data."
|
@@ -981,11 +975,11 @@ export class SearchBar {
|
|
981
975
|
"mutable": false,
|
982
976
|
"complexType": {
|
983
977
|
"original": "string",
|
984
|
-
"resolved": "string
|
978
|
+
"resolved": "string",
|
985
979
|
"references": {}
|
986
980
|
},
|
987
981
|
"required": false,
|
988
|
-
"optional":
|
982
|
+
"optional": false,
|
989
983
|
"docs": {
|
990
984
|
"tags": [],
|
991
985
|
"text": "The placeholder value to display."
|
@@ -1001,11 +995,11 @@ export class SearchBar {
|
|
1001
995
|
"mutable": false,
|
1002
996
|
"complexType": {
|
1003
997
|
"original": "boolean",
|
1004
|
-
"resolved": "boolean
|
998
|
+
"resolved": "boolean",
|
1005
999
|
"references": {}
|
1006
1000
|
},
|
1007
1001
|
"required": false,
|
1008
|
-
"optional":
|
1002
|
+
"optional": false,
|
1009
1003
|
"docs": {
|
1010
1004
|
"tags": [],
|
1011
1005
|
"text": "If `true`, the readonly state will be set."
|
@@ -1021,11 +1015,11 @@ export class SearchBar {
|
|
1021
1015
|
"mutable": false,
|
1022
1016
|
"complexType": {
|
1023
1017
|
"original": "boolean",
|
1024
|
-
"resolved": "boolean
|
1018
|
+
"resolved": "boolean",
|
1025
1019
|
"references": {}
|
1026
1020
|
},
|
1027
1021
|
"required": false,
|
1028
|
-
"optional":
|
1022
|
+
"optional": false,
|
1029
1023
|
"docs": {
|
1030
1024
|
"tags": [],
|
1031
1025
|
"text": "If `true`, the search bar will require a value."
|
@@ -1041,7 +1035,7 @@ export class SearchBar {
|
|
1041
1035
|
"mutable": false,
|
1042
1036
|
"complexType": {
|
1043
1037
|
"original": "IcSearchBarSearchModes",
|
1044
|
-
"resolved": "\"navigation\" | \"query\"
|
1038
|
+
"resolved": "\"navigation\" | \"query\"",
|
1045
1039
|
"references": {
|
1046
1040
|
"IcSearchBarSearchModes": {
|
1047
1041
|
"location": "import",
|
@@ -1051,7 +1045,7 @@ export class SearchBar {
|
|
1051
1045
|
}
|
1052
1046
|
},
|
1053
1047
|
"required": false,
|
1054
|
-
"optional":
|
1048
|
+
"optional": false,
|
1055
1049
|
"docs": {
|
1056
1050
|
"tags": [],
|
1057
1051
|
"text": "Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches."
|
@@ -1067,7 +1061,7 @@ export class SearchBar {
|
|
1067
1061
|
"mutable": false,
|
1068
1062
|
"complexType": {
|
1069
1063
|
"original": "IcSizesNoLarge",
|
1070
|
-
"resolved": "\"medium\" | \"small\"
|
1064
|
+
"resolved": "\"medium\" | \"small\"",
|
1071
1065
|
"references": {
|
1072
1066
|
"IcSizesNoLarge": {
|
1073
1067
|
"location": "import",
|
@@ -1077,7 +1071,7 @@ export class SearchBar {
|
|
1077
1071
|
}
|
1078
1072
|
},
|
1079
1073
|
"required": false,
|
1080
|
-
"optional":
|
1074
|
+
"optional": false,
|
1081
1075
|
"docs": {
|
1082
1076
|
"tags": [],
|
1083
1077
|
"text": "The size of the search bar component."
|
@@ -1092,8 +1086,8 @@ export class SearchBar {
|
|
1092
1086
|
"type": "boolean",
|
1093
1087
|
"mutable": false,
|
1094
1088
|
"complexType": {
|
1095
|
-
"original": "boolean
|
1096
|
-
"resolved": "boolean
|
1089
|
+
"original": "boolean",
|
1090
|
+
"resolved": "boolean",
|
1097
1091
|
"references": {}
|
1098
1092
|
},
|
1099
1093
|
"required": false,
|
@@ -1113,7 +1107,7 @@ export class SearchBar {
|
|
1113
1107
|
"mutable": false,
|
1114
1108
|
"complexType": {
|
1115
1109
|
"original": "IcThemeMode",
|
1116
|
-
"resolved": "\"dark\" | \"inherit\" | \"light\"
|
1110
|
+
"resolved": "\"dark\" | \"inherit\" | \"light\"",
|
1117
1111
|
"references": {
|
1118
1112
|
"IcThemeMode": {
|
1119
1113
|
"location": "import",
|
@@ -1123,7 +1117,7 @@ export class SearchBar {
|
|
1123
1117
|
}
|
1124
1118
|
},
|
1125
1119
|
"required": false,
|
1126
|
-
"optional":
|
1120
|
+
"optional": false,
|
1127
1121
|
"docs": {
|
1128
1122
|
"tags": [],
|
1129
1123
|
"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."
|
@@ -1158,11 +1152,11 @@ export class SearchBar {
|
|
1158
1152
|
"mutable": false,
|
1159
1153
|
"complexType": {
|
1160
1154
|
"original": "string",
|
1161
|
-
"resolved": "string
|
1155
|
+
"resolved": "string",
|
1162
1156
|
"references": {}
|
1163
1157
|
},
|
1164
1158
|
"required": false,
|
1165
|
-
"optional":
|
1159
|
+
"optional": false,
|
1166
1160
|
"docs": {
|
1167
1161
|
"tags": [],
|
1168
1162
|
"text": "The custom name for the value field to correspond with the IcMenuOption type."
|
@@ -1178,7 +1172,7 @@ export class SearchBar {
|
|
1178
1172
|
"mutable": false,
|
1179
1173
|
"complexType": {
|
1180
1174
|
"original": "IcMenuOption[]",
|
1181
|
-
"resolved": "IcMenuOption[]
|
1175
|
+
"resolved": "IcMenuOption[]",
|
1182
1176
|
"references": {
|
1183
1177
|
"IcMenuOption": {
|
1184
1178
|
"location": "import",
|
@@ -1188,7 +1182,7 @@ export class SearchBar {
|
|
1188
1182
|
}
|
1189
1183
|
},
|
1190
1184
|
"required": false,
|
1191
|
-
"optional":
|
1185
|
+
"optional": false,
|
1192
1186
|
"docs": {
|
1193
1187
|
"tags": [],
|
1194
1188
|
"text": "The suggested search options."
|
@@ -1202,11 +1196,11 @@ export class SearchBar {
|
|
1202
1196
|
"mutable": true,
|
1203
1197
|
"complexType": {
|
1204
1198
|
"original": "string",
|
1205
|
-
"resolved": "string
|
1199
|
+
"resolved": "string",
|
1206
1200
|
"references": {}
|
1207
1201
|
},
|
1208
1202
|
"required": false,
|
1209
|
-
"optional":
|
1203
|
+
"optional": false,
|
1210
1204
|
"docs": {
|
1211
1205
|
"tags": [],
|
1212
1206
|
"text": "The value of the search input."
|
@@ -1508,6 +1502,9 @@ export class SearchBar {
|
|
1508
1502
|
static get elementRef() { return "el"; }
|
1509
1503
|
static get watchers() {
|
1510
1504
|
return [{
|
1505
|
+
"propName": "charactersUntilSuggestion",
|
1506
|
+
"methodName": "watchCharactersUntilSuggestionHandler"
|
1507
|
+
}, {
|
1511
1508
|
"propName": "disabled",
|
1512
1509
|
"methodName": "watchDisabledHandler"
|
1513
1510
|
}, {
|