@koobiq/components 20.4.1 → 21.0.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/accordion/accordion-trigger.scss +3 -10
- package/accordion/accordion.scss +4 -6
- package/actions-panel/actions-panel-container.scss +45 -1
- package/alert/alert.component.scss +3 -2
- package/app-switcher/_app-switcher-theme.scss +0 -4
- package/app-switcher/app-switcher-dropdown-app.scss +3 -2
- package/app-switcher/app-switcher-dropdown-site.scss +2 -1
- package/app-switcher/{kbq-app-switcher-list-item.scss → app-switcher-list-item.scss} +18 -4
- package/app-switcher/app-switcher-tokens.scss +15 -0
- package/app-switcher/app-switcher.scss +14 -4
- package/autocomplete/autocomplete.scss +7 -6
- package/badge/badge.component.scss +5 -8
- package/breadcrumbs/breadcrumbs.scss +25 -10
- package/button/_button-base.scss +30 -7
- package/button/_button-theme.scss +16 -0
- package/button/button-group.scss +7 -0
- package/button/button-tokens.scss +0 -2
- package/button/button.scss +34 -2
- package/button-toggle/_button-toggle-theme.scss +7 -2
- package/button-toggle/button-toggle.scss +65 -15
- package/checkbox/_checkbox-theme.scss +4 -3
- package/checkbox/checkbox.scss +3 -6
- package/clamped-text/clamped-text.scss +6 -2
- package/code-block/code-block-tokens.scss +0 -224
- package/code-block/code-block.scss +20 -9
- package/content-panel/content-panel-aside.scss +3 -2
- package/content-panel/content-panel-container.scss +37 -0
- package/content-panel/content-panel.scss +4 -3
- package/core/highlight/_highlight-theme.scss +3 -1
- package/core/option/action-container.scss +2 -2
- package/core/option/action.scss +2 -1
- package/core/option/option.scss +2 -1
- package/core/pop-up/_pop-up.scss +0 -37
- package/core/selection/pseudo-checkbox/pseudo-checkbox.scss +5 -10
- package/core/styles/_core.scss +3 -0
- package/core/styles/_koobiq-theme.scss +5 -6
- package/core/styles/common/_animation.scss +44 -16
- package/core/styles/common/_groups-mixins.scss +21 -19
- package/core/styles/common/_groups.scss +4 -32
- package/core/styles/common/_index.scss +0 -2
- package/core/styles/common/_link.scss +117 -0
- package/core/styles/common/_list.scss +0 -26
- package/core/styles/common/_overlay.scss +8 -10
- package/core/styles/common/_rtl.scss +0 -14
- package/core/styles/common/_select.scss +33 -15
- package/core/styles/common/_squircle.scss +63 -0
- package/core/styles/common/_tokens.scss +0 -11
- package/core/styles/common/_vendor-prefixes.scss +0 -20
- package/core/styles/functions/_timing.scss +0 -22
- package/core/styles/theming/_scrollbar-theme.scss +6 -1
- package/core/styles/theming/_theming.scss +13 -65
- package/core/styles/typography/_index.scss +0 -1
- package/core/styles/typography/_typography.scss +0 -143
- package/core/styles/visual/_body.scss +1 -6
- package/core/styles/visual/_layout.scss +0 -12
- package/datepicker/calendar-body.scss +3 -1
- package/datepicker/calendar-header.scss +0 -1
- package/datepicker/datepicker-content.scss +33 -1
- package/datepicker/datepicker-toggle.scss +0 -38
- package/dl/dl-tokens.scss +10 -0
- package/dl/dl.scss +113 -13
- package/dropdown/_dropdown-theme.scss +4 -16
- package/dropdown/dropdown-item.scss +4 -10
- package/dropdown/dropdown.scss +2 -1
- package/empty-state/_empty-state-theme.scss +10 -4
- package/empty-state/empty-state-tokens.scss +4 -4
- package/empty-state/empty-state.scss +4 -0
- package/fesm2022/koobiq-components-accordion.mjs +347 -229
- package/fesm2022/koobiq-components-accordion.mjs.map +1 -1
- package/fesm2022/koobiq-components-actions-panel.mjs +302 -187
- package/fesm2022/koobiq-components-actions-panel.mjs.map +1 -1
- package/fesm2022/koobiq-components-alert.mjs +39 -39
- package/fesm2022/koobiq-components-alert.mjs.map +1 -1
- package/fesm2022/koobiq-components-app-switcher.mjs +677 -367
- package/fesm2022/koobiq-components-app-switcher.mjs.map +1 -1
- package/fesm2022/koobiq-components-autocomplete.mjs +620 -253
- package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
- package/fesm2022/koobiq-components-badge.mjs +46 -48
- package/fesm2022/koobiq-components-badge.mjs.map +1 -1
- package/fesm2022/koobiq-components-breadcrumbs.mjs +221 -169
- package/fesm2022/koobiq-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/koobiq-components-button-toggle.mjs +565 -196
- package/fesm2022/koobiq-components-button-toggle.mjs.map +1 -1
- package/fesm2022/koobiq-components-button.mjs +332 -116
- package/fesm2022/koobiq-components-button.mjs.map +1 -1
- package/fesm2022/koobiq-components-checkbox.mjs +172 -132
- package/fesm2022/koobiq-components-checkbox.mjs.map +1 -1
- package/fesm2022/koobiq-components-clamped-text.mjs +165 -158
- package/fesm2022/koobiq-components-clamped-text.mjs.map +1 -1
- package/fesm2022/koobiq-components-code-block.mjs +755 -601
- package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
- package/fesm2022/koobiq-components-content-panel.mjs +260 -143
- package/fesm2022/koobiq-components-content-panel.mjs.map +1 -1
- package/fesm2022/koobiq-components-core.mjs +4342 -1595
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-datepicker.mjs +1713 -1606
- package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
- package/fesm2022/koobiq-components-divider.mjs +73 -36
- package/fesm2022/koobiq-components-divider.mjs.map +1 -1
- package/fesm2022/koobiq-components-dl.mjs +447 -89
- package/fesm2022/koobiq-components-dl.mjs.map +1 -1
- package/fesm2022/koobiq-components-dropdown.mjs +703 -599
- package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-dynamic-translation.mjs +20 -20
- package/fesm2022/koobiq-components-dynamic-translation.mjs.map +1 -1
- package/fesm2022/koobiq-components-ellipsis-center.mjs +46 -31
- package/fesm2022/koobiq-components-ellipsis-center.mjs.map +1 -1
- package/fesm2022/koobiq-components-empty-state.mjs +116 -60
- package/fesm2022/koobiq-components-empty-state.mjs.map +1 -1
- package/fesm2022/koobiq-components-file-upload.mjs +550 -290
- package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
- package/fesm2022/koobiq-components-filter-bar.mjs +2810 -2538
- package/fesm2022/koobiq-components-filter-bar.mjs.map +1 -1
- package/fesm2022/koobiq-components-flag.mjs +79 -24
- package/fesm2022/koobiq-components-flag.mjs.map +1 -1
- package/fesm2022/koobiq-components-form-field.mjs +389 -525
- package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
- package/fesm2022/koobiq-components-icon.mjs +366 -136
- package/fesm2022/koobiq-components-icon.mjs.map +1 -1
- package/fesm2022/koobiq-components-inline-edit.mjs +429 -212
- package/fesm2022/koobiq-components-inline-edit.mjs.map +1 -1
- package/fesm2022/koobiq-components-input.mjs +601 -459
- package/fesm2022/koobiq-components-input.mjs.map +1 -1
- package/fesm2022/koobiq-components-link-deprecated.mjs +196 -0
- package/fesm2022/koobiq-components-link-deprecated.mjs.map +1 -0
- package/fesm2022/koobiq-components-link.mjs +328 -125
- package/fesm2022/koobiq-components-link.mjs.map +1 -1
- package/fesm2022/koobiq-components-list.mjs +583 -433
- package/fesm2022/koobiq-components-list.mjs.map +1 -1
- package/fesm2022/koobiq-components-loader-overlay.mjs +167 -68
- package/fesm2022/koobiq-components-loader-overlay.mjs.map +1 -1
- package/fesm2022/koobiq-components-markdown.mjs +55 -78
- package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-modal.mjs +853 -475
- package/fesm2022/koobiq-components-modal.mjs.map +1 -1
- package/fesm2022/koobiq-components-navbar.mjs +895 -556
- package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
- package/fesm2022/koobiq-components-notification-center.mjs +680 -310
- package/fesm2022/koobiq-components-notification-center.mjs.map +1 -1
- package/fesm2022/koobiq-components-overflow-items.mjs +46 -64
- package/fesm2022/koobiq-components-overflow-items.mjs.map +1 -1
- package/fesm2022/koobiq-components-popover.mjs +684 -285
- package/fesm2022/koobiq-components-popover.mjs.map +1 -1
- package/fesm2022/koobiq-components-progress-bar.mjs +87 -33
- package/fesm2022/koobiq-components-progress-bar.mjs.map +1 -1
- package/fesm2022/koobiq-components-progress-spinner.mjs +52 -43
- package/fesm2022/koobiq-components-progress-spinner.mjs.map +1 -1
- package/fesm2022/koobiq-components-radio.mjs +450 -231
- package/fesm2022/koobiq-components-radio.mjs.map +1 -1
- package/fesm2022/koobiq-components-resizer.mjs +127 -21
- package/fesm2022/koobiq-components-resizer.mjs.map +1 -1
- package/fesm2022/koobiq-components-scrollbar-deprecated.mjs +299 -0
- package/fesm2022/koobiq-components-scrollbar-deprecated.mjs.map +1 -0
- package/fesm2022/koobiq-components-scrollbar.mjs +745 -222
- package/fesm2022/koobiq-components-scrollbar.mjs.map +1 -1
- package/fesm2022/koobiq-components-search-expandable.mjs +288 -126
- package/fesm2022/koobiq-components-search-expandable.mjs.map +1 -1
- package/fesm2022/koobiq-components-select.mjs +883 -693
- package/fesm2022/koobiq-components-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-sidebar.mjs +207 -88
- package/fesm2022/koobiq-components-sidebar.mjs.map +1 -1
- package/fesm2022/koobiq-components-sidepanel.mjs +689 -296
- package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
- package/fesm2022/koobiq-components-skeleton.mjs +815 -41
- package/fesm2022/koobiq-components-skeleton.mjs.map +1 -1
- package/fesm2022/koobiq-components-split-button.mjs +109 -88
- package/fesm2022/koobiq-components-split-button.mjs.map +1 -1
- package/fesm2022/koobiq-components-splitter-deprecated.mjs +591 -0
- package/fesm2022/koobiq-components-splitter-deprecated.mjs.map +1 -0
- package/fesm2022/koobiq-components-splitter.mjs +890 -501
- package/fesm2022/koobiq-components-splitter.mjs.map +1 -1
- package/fesm2022/koobiq-components-table.mjs +63 -49
- package/fesm2022/koobiq-components-table.mjs.map +1 -1
- package/fesm2022/koobiq-components-tabs.mjs +1062 -603
- package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
- package/fesm2022/koobiq-components-tags.mjs +886 -733
- package/fesm2022/koobiq-components-tags.mjs.map +1 -1
- package/fesm2022/koobiq-components-textarea.mjs +213 -185
- package/fesm2022/koobiq-components-textarea.mjs.map +1 -1
- package/fesm2022/koobiq-components-time-range.mjs +299 -147
- package/fesm2022/koobiq-components-time-range.mjs.map +1 -1
- package/fesm2022/koobiq-components-timepicker.mjs +233 -245
- package/fesm2022/koobiq-components-timepicker.mjs.map +1 -1
- package/fesm2022/koobiq-components-timezone.mjs +344 -142
- package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
- package/fesm2022/koobiq-components-title.mjs +229 -145
- package/fesm2022/koobiq-components-title.mjs.map +1 -1
- package/fesm2022/koobiq-components-toast.mjs +486 -165
- package/fesm2022/koobiq-components-toast.mjs.map +1 -1
- package/fesm2022/koobiq-components-toggle.mjs +177 -130
- package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
- package/fesm2022/koobiq-components-tooltip.mjs +657 -214
- package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
- package/fesm2022/koobiq-components-top-bar.mjs +61 -32
- package/fesm2022/koobiq-components-top-bar.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree-select.mjs +719 -488
- package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree.mjs +1506 -558
- package/fesm2022/koobiq-components-tree.mjs.map +1 -1
- package/fesm2022/koobiq-components-username.mjs +290 -135
- package/fesm2022/koobiq-components-username.mjs.map +1 -1
- package/file-upload/dropzone.scss +31 -3
- package/file-upload/file-upload-tokens.scss +2 -22
- package/file-upload/file-upload.scss +6 -0
- package/file-upload/multiple-file-upload.component.scss +14 -12
- package/file-upload/single-file-upload.component.scss +3 -2
- package/filter-bar/filters.scss +7 -0
- package/filter-bar/pipes/base-pipe.scss +3 -3
- package/filter-bar/pipes/pipe-date.scss +8 -1
- package/flag/flag-tokens.scss +22 -0
- package/flag/flag.scss +34 -21
- package/form-field/{_fiedset-theme.scss → _fieldset-theme.scss} +1 -5
- package/form-field/_form-field-theme.scss +4 -9
- package/form-field/cleaner.scss +3 -1
- package/form-field/fieldset.scss +3 -4
- package/form-field/form-field.scss +26 -21
- package/form-field/password-toggle.scss +3 -1
- package/icon/_icon-button-theme.scss +7 -0
- package/icon/_icon-theme.scss +10 -7
- package/icon/icon-button.scss +0 -2
- package/icon/icon-tokens.scss +12 -9
- package/inline-edit/inline-edit.scss +40 -54
- package/input/input.scss +4 -0
- package/link/{_link-theme.scss → deprecated/_link-theme.scss} +11 -6
- package/link/deprecated/link-tokens.scss +27 -0
- package/link/link-tokens.scss +6 -25
- package/link/link.scss +137 -0
- package/list/list.scss +3 -2
- package/loader-overlay/_loader-overlay-theme.scss +19 -10
- package/loader-overlay/loader-overlay-tokens.scss +0 -2
- package/loader-overlay/loader-overlay.scss +7 -1
- package/markdown/_markdown-theme.scss +16 -0
- package/markdown/markdown-tokens.scss +5 -0
- package/markdown/markdown.scss +2 -1
- package/modal/_modal-animation.scss +23 -14
- package/modal/modal-tokens.scss +2 -1
- package/modal/modal.scss +35 -31
- package/navbar/_navbar-item_horizontal.scss +8 -6
- package/navbar/_navbar-item_vertical.scss +18 -6
- package/navbar/_navbar-theme.scss +9 -1
- package/navbar/navbar-brand.scss +8 -6
- package/navbar/navbar-divider.scss +1 -1
- package/navbar/navbar-item.scss +8 -9
- package/navbar/navbar-toggle.scss +3 -3
- package/navbar/navbar-tokens.scss +14 -0
- package/navbar/navbar.scss +1 -2
- package/navbar/vertical-navbar.scss +2 -2
- package/notification-center/_notification-center-theme.scss +11 -6
- package/notification-center/notification-center-tokens.scss +33 -0
- package/notification-center/notification-center.scss +58 -20
- package/notification-center/notification-item.scss +15 -6
- package/package.json +112 -81
- package/popover/popover-tokens.scss +0 -2
- package/popover/popover.scss +41 -19
- package/prebuilt-themes/theme.css +1 -1
- package/progress-bar/_progress-bar-theme.scss +20 -3
- package/progress-bar/progress-bar-tokens.scss +3 -0
- package/progress-bar/progress-bar.scss +36 -8
- package/progress-spinner/progress-spinner.scss +4 -3
- package/radio/_radio-theme.scss +21 -4
- package/radio/radio-tokens.scss +7 -3
- package/radio/radio.scss +55 -8
- package/schematics/collection.json +399 -7
- package/schematics/migrations/accordion-state-saving-default/README.md +60 -0
- package/schematics/migrations/accordion-state-saving-default/data.js +75 -0
- package/schematics/migrations/accordion-state-saving-default/index.js +60 -0
- package/schematics/migrations/accordion-state-saving-default/schema.json +15 -0
- package/schematics/migrations/actions-panel-overlay-container/README.md +35 -0
- package/schematics/migrations/actions-panel-overlay-container/data.js +47 -0
- package/schematics/migrations/actions-panel-overlay-container/index.js +54 -0
- package/schematics/migrations/actions-panel-overlay-container/schema.json +15 -0
- package/schematics/migrations/alert-signals/README.md +13 -7
- package/schematics/migrations/alert-signals/data.js +3 -0
- package/schematics/migrations/alert-signals/index.js +70 -203
- package/schematics/migrations/angular-animations-removal/README.md +46 -0
- package/schematics/migrations/angular-animations-removal/data.js +150 -0
- package/schematics/migrations/angular-animations-removal/index.js +20 -0
- package/schematics/migrations/angular-animations-removal/schema.json +15 -0
- package/schematics/migrations/app-switcher-signals/README.md +88 -0
- package/schematics/migrations/app-switcher-signals/data.js +136 -0
- package/schematics/migrations/app-switcher-signals/index.js +365 -0
- package/schematics/migrations/app-switcher-signals/schema.json +20 -0
- package/schematics/migrations/autocomplete-panel-width-auto/README.md +2 -2
- package/schematics/migrations/autocomplete-panel-width-auto/index.js +1 -1
- package/schematics/migrations/autocomplete-signals/README.md +92 -0
- package/schematics/migrations/autocomplete-signals/data.js +149 -0
- package/schematics/migrations/autocomplete-signals/index.js +706 -0
- package/schematics/migrations/autocomplete-signals/schema.json +20 -0
- package/schematics/migrations/badge-signals/README.md +77 -0
- package/schematics/migrations/badge-signals/data.js +109 -0
- package/schematics/migrations/badge-signals/index.js +693 -0
- package/schematics/migrations/badge-signals/schema.json +20 -0
- package/schematics/migrations/button-state-and-styles/README.md +129 -0
- package/schematics/migrations/button-state-and-styles/data.js +136 -0
- package/schematics/migrations/button-state-and-styles/index.js +220 -0
- package/schematics/migrations/button-state-and-styles/schema.json +20 -0
- package/schematics/migrations/button-supported-colors/README.md +73 -0
- package/schematics/migrations/button-supported-colors/data.js +106 -0
- package/schematics/migrations/button-supported-colors/index.js +260 -0
- package/schematics/migrations/button-supported-colors/schema.json +20 -0
- package/schematics/migrations/button-toggle-signals-and-aria/README.md +137 -0
- package/schematics/migrations/button-toggle-signals-and-aria/data.js +200 -0
- package/schematics/migrations/button-toggle-signals-and-aria/index.js +496 -0
- package/schematics/migrations/button-toggle-signals-and-aria/schema.json +20 -0
- package/schematics/migrations/button-truncation/README.md +110 -0
- package/schematics/migrations/button-truncation/data.js +88 -0
- package/schematics/migrations/button-truncation/index.js +269 -0
- package/schematics/migrations/button-truncation/schema.json +20 -0
- package/schematics/migrations/checkbox-signals/README.md +76 -0
- package/schematics/migrations/checkbox-signals/data.js +114 -0
- package/schematics/migrations/checkbox-signals/index.js +634 -0
- package/schematics/migrations/checkbox-signals/schema.json +20 -0
- package/schematics/migrations/clamped-text-disclosure/README.md +62 -0
- package/schematics/migrations/clamped-text-disclosure/data.js +101 -0
- package/schematics/migrations/clamped-text-disclosure/index.js +59 -0
- package/schematics/migrations/clamped-text-disclosure/schema.json +15 -0
- package/schematics/migrations/code-block-signals/README.md +84 -0
- package/schematics/migrations/code-block-signals/data.js +121 -0
- package/schematics/migrations/code-block-signals/index.js +700 -0
- package/schematics/migrations/code-block-signals/schema.json +20 -0
- package/schematics/migrations/color-signals/README.md +46 -0
- package/schematics/migrations/color-signals/data.js +131 -0
- package/schematics/migrations/color-signals/index.js +19 -0
- package/schematics/migrations/color-signals/schema.json +20 -0
- package/schematics/migrations/core-mixins-removal/README.md +20 -0
- package/schematics/migrations/core-mixins-removal/data.js +27 -0
- package/schematics/migrations/core-mixins-removal/index.js +17 -0
- package/schematics/migrations/core-mixins-removal/schema.json +15 -0
- package/schematics/migrations/css-selectors/README.md +2 -2
- package/schematics/migrations/css-selectors/index.js +1 -1
- package/schematics/migrations/datepicker-signals/README.md +24 -0
- package/schematics/migrations/datepicker-signals/data.js +49 -0
- package/schematics/migrations/datepicker-signals/index.js +17 -0
- package/schematics/migrations/datepicker-signals/schema.json +15 -0
- package/schematics/migrations/deprecated-icons/README.md +2 -2
- package/schematics/migrations/deprecated-icons/index.js +1 -1
- package/schematics/migrations/design-tokens-v4/README.md +75 -0
- package/schematics/migrations/design-tokens-v4/index.js +59 -0
- package/schematics/migrations/design-tokens-v4/schema.json +15 -0
- package/schematics/migrations/divider-signals-and-aria/README.md +47 -0
- package/schematics/migrations/divider-signals-and-aria/data.js +62 -0
- package/schematics/migrations/divider-signals-and-aria/index.js +211 -0
- package/schematics/migrations/divider-signals-and-aria/schema.json +15 -0
- package/schematics/migrations/dl-attribute-coercion/README.md +59 -0
- package/schematics/migrations/dl-attribute-coercion/data.js +85 -0
- package/schematics/migrations/dl-attribute-coercion/index.js +161 -0
- package/schematics/migrations/dl-attribute-coercion/schema.json +15 -0
- package/schematics/migrations/dl-standalone-names/README.md +49 -0
- package/schematics/migrations/dl-standalone-names/data.js +44 -0
- package/schematics/migrations/dl-standalone-names/index.js +321 -0
- package/schematics/migrations/dl-standalone-names/schema.json +20 -0
- package/schematics/migrations/dropdown-demote-overlay/README.md +137 -0
- package/schematics/migrations/dropdown-demote-overlay/data.js +84 -0
- package/schematics/migrations/dropdown-demote-overlay/index.js +288 -0
- package/schematics/migrations/dropdown-demote-overlay/schema.json +20 -0
- package/schematics/migrations/dropdown-signals/README.md +83 -0
- package/schematics/migrations/dropdown-signals/data.js +152 -0
- package/schematics/migrations/dropdown-signals/index.js +19 -0
- package/schematics/migrations/dropdown-signals/schema.json +20 -0
- package/schematics/migrations/empty-state-error-color/README.md +84 -0
- package/schematics/migrations/empty-state-error-color/data.js +85 -0
- package/schematics/migrations/empty-state-error-color/index.js +71 -0
- package/schematics/migrations/empty-state-error-color/schema.json +15 -0
- package/schematics/migrations/empty-state-size-attr/README.md +2 -2
- package/schematics/migrations/empty-state-size-attr/index.js +1 -1
- package/schematics/migrations/file-upload-cva-and-primitives/README.md +70 -0
- package/schematics/migrations/file-upload-cva-and-primitives/data.js +97 -0
- package/schematics/migrations/file-upload-cva-and-primitives/index.js +60 -0
- package/schematics/migrations/file-upload-cva-and-primitives/schema.json +15 -0
- package/schematics/migrations/file-upload-deprecated-outputs/README.md +90 -0
- package/schematics/migrations/file-upload-deprecated-outputs/data.js +20 -0
- package/schematics/migrations/file-upload-deprecated-outputs/index.js +70 -0
- package/schematics/migrations/file-upload-deprecated-outputs/schema.json +20 -0
- package/schematics/migrations/filter-bar-rename-action/README.md +183 -0
- package/schematics/migrations/filter-bar-rename-action/data.js +151 -0
- package/schematics/migrations/filter-bar-rename-action/index.js +177 -0
- package/schematics/migrations/filter-bar-rename-action/schema.json +20 -0
- package/schematics/migrations/filter-bar-signals/README.md +27 -16
- package/schematics/migrations/filter-bar-signals/data.js +1 -2
- package/schematics/migrations/filter-bar-signals/index.js +100 -195
- package/schematics/migrations/filter-bar-state-saving-default/README.md +53 -0
- package/schematics/migrations/filter-bar-state-saving-default/data.js +87 -0
- package/schematics/migrations/filter-bar-state-saving-default/index.js +61 -0
- package/schematics/migrations/filter-bar-state-saving-default/schema.json +15 -0
- package/schematics/migrations/flag-inner-html/README.md +67 -0
- package/schematics/migrations/flag-inner-html/data.js +58 -0
- package/schematics/migrations/flag-inner-html/index.js +61 -0
- package/schematics/migrations/flag-inner-html/schema.json +15 -0
- package/schematics/migrations/form-field-signals/README.md +125 -0
- package/schematics/migrations/form-field-signals/data.js +288 -0
- package/schematics/migrations/form-field-signals/index.js +382 -0
- package/schematics/migrations/form-field-signals/schema.json +20 -0
- package/schematics/migrations/icon-semantics-and-api/README.md +65 -0
- package/schematics/migrations/icon-semantics-and-api/data.js +97 -0
- package/schematics/migrations/icon-semantics-and-api/index.js +64 -0
- package/schematics/migrations/icon-semantics-and-api/schema.json +15 -0
- package/schematics/migrations/icons-replacement/README.md +5 -5
- package/schematics/migrations/icons-replacement/index.js +1 -1
- package/schematics/migrations/inline-edit-a11y-and-types/README.md +82 -0
- package/schematics/migrations/inline-edit-a11y-and-types/data.js +117 -0
- package/schematics/migrations/inline-edit-a11y-and-types/index.js +97 -0
- package/schematics/migrations/inline-edit-a11y-and-types/schema.json +20 -0
- package/schematics/migrations/input-number-surface/README.md +140 -0
- package/schematics/migrations/input-number-surface/data.js +135 -0
- package/schematics/migrations/input-number-surface/index.js +292 -0
- package/schematics/migrations/input-number-surface/schema.json +20 -0
- package/schematics/migrations/input-signals/README.md +20 -0
- package/schematics/migrations/input-signals/data.js +30 -0
- package/schematics/migrations/input-signals/index.js +17 -0
- package/schematics/migrations/input-signals/schema.json +15 -0
- package/schematics/migrations/link-deprecated-path/README.md +144 -0
- package/schematics/migrations/link-deprecated-path/index.js +19 -0
- package/schematics/migrations/link-deprecated-path/schema.json +20 -0
- package/schematics/migrations/link-signals/README.md +71 -0
- package/schematics/migrations/link-signals/data.js +116 -0
- package/schematics/migrations/link-signals/index.js +415 -0
- package/schematics/migrations/link-signals/schema.json +20 -0
- package/schematics/migrations/list-signals/README.md +22 -0
- package/schematics/migrations/list-signals/data.js +35 -0
- package/schematics/migrations/list-signals/index.js +17 -0
- package/schematics/migrations/list-signals/schema.json +15 -0
- package/schematics/migrations/list-tree-multiple-input/README.md +105 -0
- package/schematics/migrations/list-tree-multiple-input/data.js +74 -0
- package/schematics/migrations/list-tree-multiple-input/index.js +221 -0
- package/schematics/migrations/list-tree-multiple-input/schema.json +20 -0
- package/schematics/migrations/loader-overlay-signals/README.md +62 -0
- package/schematics/migrations/loader-overlay-signals/data.js +101 -0
- package/schematics/migrations/loader-overlay-signals/index.js +697 -0
- package/schematics/migrations/loader-overlay-signals/schema.json +20 -0
- package/schematics/migrations/loader-overlay-size-attr/README.md +2 -2
- package/schematics/migrations/loader-overlay-size-attr/index.js +1 -1
- package/schematics/migrations/locale-configuration-providers/README.md +163 -0
- package/schematics/migrations/locale-configuration-providers/data.js +257 -0
- package/schematics/migrations/locale-configuration-providers/index.js +294 -0
- package/schematics/migrations/locale-configuration-providers/schema.json +20 -0
- package/schematics/migrations/mandatory-peer-dependencies/README.md +70 -0
- package/schematics/migrations/mandatory-peer-dependencies/index.js +42 -0
- package/schematics/migrations/mandatory-peer-dependencies/schema.json +15 -0
- package/schematics/migrations/markdown-signals/README.md +58 -0
- package/schematics/migrations/markdown-signals/data.js +79 -0
- package/schematics/migrations/markdown-signals/index.js +639 -0
- package/schematics/migrations/markdown-signals/schema.json +20 -0
- package/schematics/migrations/modal-dialog-semantics/README.md +106 -0
- package/schematics/migrations/modal-dialog-semantics/data.js +110 -0
- package/schematics/migrations/modal-dialog-semantics/index.js +58 -0
- package/schematics/migrations/modal-dialog-semantics/schema.json +15 -0
- package/schematics/migrations/modal-signals/README.md +88 -0
- package/schematics/migrations/modal-signals/data.js +132 -0
- package/schematics/migrations/modal-signals/index.js +19 -0
- package/schematics/migrations/modal-signals/schema.json +20 -0
- package/schematics/migrations/navbar-signals-and-aria/README.md +111 -0
- package/schematics/migrations/navbar-signals-and-aria/data.js +198 -0
- package/schematics/migrations/navbar-signals-and-aria/index.js +568 -0
- package/schematics/migrations/navbar-signals-and-aria/schema.json +20 -0
- package/schematics/migrations/new-icons-pack/README.md +10 -10
- package/schematics/migrations/new-icons-pack/index.js +1 -1
- package/schematics/migrations/notification-center-signals/README.md +67 -0
- package/schematics/migrations/notification-center-signals/data.js +66 -0
- package/schematics/migrations/notification-center-signals/index.js +61 -0
- package/schematics/migrations/notification-center-signals/schema.json +15 -0
- package/schematics/migrations/option-signals/README.md +37 -0
- package/schematics/migrations/option-signals/data.js +86 -0
- package/schematics/migrations/option-signals/index.js +19 -0
- package/schematics/migrations/option-signals/schema.json +20 -0
- package/schematics/migrations/popover-leave-delay/README.md +51 -0
- package/schematics/migrations/popover-leave-delay/data.js +61 -0
- package/schematics/migrations/popover-leave-delay/index.js +54 -0
- package/schematics/migrations/popover-leave-delay/schema.json +15 -0
- package/schematics/migrations/progress-bar-percentage-and-aria/README.md +54 -0
- package/schematics/migrations/progress-bar-percentage-and-aria/data.js +76 -0
- package/schematics/migrations/progress-bar-percentage-and-aria/index.js +58 -0
- package/schematics/migrations/progress-bar-percentage-and-aria/schema.json +15 -0
- package/schematics/migrations/progress-spinner-signals/README.md +72 -0
- package/schematics/migrations/progress-spinner-signals/data.js +83 -0
- package/schematics/migrations/progress-spinner-signals/index.js +694 -0
- package/schematics/migrations/progress-spinner-signals/schema.json +20 -0
- package/schematics/migrations/query-list-signals/README.md +32 -0
- package/schematics/migrations/query-list-signals/data.js +70 -0
- package/schematics/migrations/query-list-signals/index.js +17 -0
- package/schematics/migrations/query-list-signals/schema.json +15 -0
- package/schematics/migrations/radio-signals-and-aria/README.md +82 -0
- package/schematics/migrations/radio-signals-and-aria/data.js +163 -0
- package/schematics/migrations/radio-signals-and-aria/index.js +39 -0
- package/schematics/migrations/radio-signals-and-aria/schema.json +20 -0
- package/schematics/migrations/read-state-dwell-handlers/README.md +125 -0
- package/schematics/migrations/read-state-dwell-handlers/data.js +45 -0
- package/schematics/migrations/read-state-dwell-handlers/index.js +215 -0
- package/schematics/migrations/read-state-dwell-handlers/schema.json +20 -0
- package/schematics/migrations/scrollbar-deprecated-path/README.md +128 -0
- package/schematics/migrations/scrollbar-deprecated-path/index.js +20 -0
- package/schematics/migrations/scrollbar-deprecated-path/schema.json +20 -0
- package/schematics/migrations/select-signal-inputs/README.md +61 -0
- package/schematics/migrations/select-signal-inputs/data.js +99 -0
- package/schematics/migrations/select-signal-inputs/index.js +57 -0
- package/schematics/migrations/select-signal-inputs/schema.json +15 -0
- package/schematics/migrations/sidepanel-non-modal-behavior/README.md +57 -0
- package/schematics/migrations/sidepanel-non-modal-behavior/data.js +111 -0
- package/schematics/migrations/sidepanel-non-modal-behavior/index.js +57 -0
- package/schematics/migrations/sidepanel-non-modal-behavior/schema.json +15 -0
- package/schematics/migrations/signal-inputs-subclasses/README.md +28 -0
- package/schematics/migrations/signal-inputs-subclasses/data.js +69 -0
- package/schematics/migrations/signal-inputs-subclasses/index.js +17 -0
- package/schematics/migrations/signal-inputs-subclasses/schema.json +15 -0
- package/schematics/migrations/split-button-optional-disabled/README.md +47 -0
- package/schematics/migrations/split-button-optional-disabled/data.js +53 -0
- package/schematics/migrations/split-button-optional-disabled/index.js +57 -0
- package/schematics/migrations/split-button-optional-disabled/schema.json +15 -0
- package/schematics/migrations/splitter-deprecated-path/README.md +136 -0
- package/schematics/migrations/splitter-deprecated-path/index.js +20 -0
- package/schematics/migrations/splitter-deprecated-path/schema.json +20 -0
- package/schematics/migrations/state-saving-default/README.md +67 -0
- package/schematics/migrations/state-saving-default/data.js +88 -0
- package/schematics/migrations/state-saving-default/index.js +62 -0
- package/schematics/migrations/state-saving-default/schema.json +15 -0
- package/schematics/migrations/table-cell-content/README.md +55 -0
- package/schematics/migrations/table-cell-content/data.js +66 -0
- package/schematics/migrations/table-cell-content/index.js +66 -0
- package/schematics/migrations/table-cell-content/schema.json +15 -0
- package/schematics/migrations/tabs-signals-and-aria/README.md +93 -0
- package/schematics/migrations/tabs-signals-and-aria/data.js +139 -0
- package/schematics/migrations/tabs-signals-and-aria/index.js +65 -0
- package/schematics/migrations/tabs-signals-and-aria/schema.json +15 -0
- package/schematics/migrations/tag-list-cleaner/README.md +58 -0
- package/schematics/migrations/tag-list-cleaner/data.js +42 -0
- package/schematics/migrations/tag-list-cleaner/index.js +196 -0
- package/schematics/migrations/tag-list-cleaner/schema.json +20 -0
- package/schematics/migrations/tag-slots/README.md +41 -0
- package/schematics/migrations/tag-slots/index.js +190 -0
- package/schematics/migrations/tag-slots/schema.json +20 -0
- package/schematics/migrations/tags-signals/README.md +85 -0
- package/schematics/migrations/tags-signals/data.js +103 -0
- package/schematics/migrations/tags-signals/index.js +673 -0
- package/schematics/migrations/tags-signals/schema.json +20 -0
- package/schematics/migrations/textarea-signals/README.md +72 -0
- package/schematics/migrations/textarea-signals/data.js +121 -0
- package/schematics/migrations/textarea-signals/index.js +379 -0
- package/schematics/migrations/textarea-signals/schema.json +20 -0
- package/schematics/migrations/time-range-title-for/README.md +164 -0
- package/schematics/migrations/time-range-title-for/data.js +139 -0
- package/schematics/migrations/time-range-title-for/index.js +163 -0
- package/schematics/migrations/time-range-title-for/schema.json +20 -0
- package/schematics/migrations/timepicker-signals/README.md +78 -0
- package/schematics/migrations/timepicker-signals/data.js +82 -0
- package/schematics/migrations/timepicker-signals/index.js +709 -0
- package/schematics/migrations/timepicker-signals/schema.json +20 -0
- package/schematics/migrations/timezone-grouping-utils/README.md +73 -0
- package/schematics/migrations/timezone-grouping-utils/data.js +101 -0
- package/schematics/migrations/timezone-grouping-utils/index.js +64 -0
- package/schematics/migrations/timezone-grouping-utils/schema.json +15 -0
- package/schematics/migrations/title-encapsulation/README.md +49 -0
- package/schematics/migrations/title-encapsulation/data.js +69 -0
- package/schematics/migrations/title-encapsulation/index.js +57 -0
- package/schematics/migrations/title-encapsulation/schema.json +15 -0
- package/schematics/migrations/toast-stack-and-defaults/README.md +102 -0
- package/schematics/migrations/toast-stack-and-defaults/data.js +79 -0
- package/schematics/migrations/toast-stack-and-defaults/index.js +53 -0
- package/schematics/migrations/toast-stack-and-defaults/schema.json +15 -0
- package/schematics/migrations/tooltip-pointer-events-and-types/README.md +53 -0
- package/schematics/migrations/tooltip-pointer-events-and-types/data.js +89 -0
- package/schematics/migrations/tooltip-pointer-events-and-types/index.js +60 -0
- package/schematics/migrations/tooltip-pointer-events-and-types/schema.json +15 -0
- package/schematics/migrations/top-bar-container-selectors/README.md +111 -0
- package/schematics/migrations/top-bar-container-selectors/data.js +56 -0
- package/schematics/migrations/top-bar-container-selectors/index.js +84 -0
- package/schematics/migrations/top-bar-container-selectors/schema.json +20 -0
- package/schematics/migrations/tree-select-signals/README.md +61 -0
- package/schematics/migrations/tree-select-signals/data.js +106 -0
- package/schematics/migrations/tree-select-signals/index.js +58 -0
- package/schematics/migrations/tree-select-signals/schema.json +15 -0
- package/schematics/migrations/tree-signals/README.md +82 -0
- package/schematics/migrations/tree-signals/data.js +123 -0
- package/schematics/migrations/tree-signals/index.js +54 -0
- package/schematics/migrations/tree-signals/schema.json +15 -0
- package/schematics/migrations/tree-state-saving-default/README.md +66 -0
- package/schematics/migrations/tree-state-saving-default/data.js +78 -0
- package/schematics/migrations/tree-state-saving-default/index.js +60 -0
- package/schematics/migrations/tree-state-saving-default/schema.json +15 -0
- package/schematics/migrations/username-pipe-injection/README.md +59 -0
- package/schematics/migrations/username-pipe-injection/data.js +78 -0
- package/schematics/migrations/username-pipe-injection/index.js +58 -0
- package/schematics/migrations/username-pipe-injection/schema.json +15 -0
- package/schematics/migrations/v20-upgrade/README.md +36 -16
- package/schematics/migrations/v20-upgrade/data.js +124 -77
- package/schematics/migrations/v20-upgrade/index.js +6 -213
- package/schematics/migrations/v21-upgrade/README.md +271 -0
- package/schematics/migrations/v21-upgrade/data.js +1371 -0
- package/schematics/migrations/v21-upgrade/index.js +94 -0
- package/schematics/migrations/v21-upgrade/schema.json +20 -0
- package/schematics/migrations/zoneless-change-detection/README.md +30 -0
- package/schematics/migrations/zoneless-change-detection/data.js +29 -0
- package/schematics/migrations/zoneless-change-detection/index.js +20 -0
- package/schematics/migrations/zoneless-change-detection/schema.json +15 -0
- package/schematics/migrations.json +392 -2
- package/schematics/ng-add/index.js +515 -14
- package/schematics/ng-add/schema.json +15 -0
- package/schematics/utils/deprecated-path-migration.js +61 -0
- package/schematics/utils/package-config.js +9 -105
- package/scrollbar/{_scrollbar-component-theme.scss → deprecated/_scrollbar-component-theme.scss} +1 -1
- package/scrollbar/{scrollbar.component.scss → deprecated/scrollbar.component.scss} +1 -1
- package/scrollbar/native-scrollbar.scss +68 -0
- package/scrollbar/scrollbar-tokens.scss +13 -22
- package/scrollbar/scrollbar-track.scss +94 -0
- package/scrollbar/scrollbar-viewport.scss +33 -0
- package/scrollbar/scrollbar.scss +24 -0
- package/search-expandable/search-expandable-tokens.scss +4 -0
- package/search-expandable/search-expandable.scss +4 -2
- package/select/_select-theme.scss +3 -16
- package/select/select.scss +0 -6
- package/sidebar/sidebar.scss +20 -0
- package/sidepanel/_sidepanel-theme.scss +1 -1
- package/sidepanel/sidepanel-tokens.scss +7 -1
- package/sidepanel/sidepanel.scss +41 -5
- package/skeleton/skeleton-presets.scss +350 -0
- package/skeleton/skeleton-tokens.scss +127 -0
- package/skeleton/skeleton.scss +53 -45
- package/split-button/_split-button-theme.scss +4 -4
- package/split-button/split-button.scss +2 -6
- package/splitter/{_splitter-theme.scss → deprecated/_splitter-theme.scss} +1 -1
- package/splitter/deprecated/splitter.scss +51 -0
- package/splitter/splitter-tokens.scss +19 -0
- package/splitter/splitter.scss +148 -28
- package/table/_table-theme.scss +13 -12
- package/table/table-tokens.scss +8 -0
- package/table/table.scss +47 -22
- package/tabs/_tabs-common.scss +14 -14
- package/tabs/_tabs-theme.scss +4 -5
- package/tabs/tab-body.scss +49 -1
- package/tabs/tab-header.scss +2 -1
- package/tags/tag-list.scss +4 -0
- package/tags/tag.scss +19 -1
- package/time-range/time-range.scss +9 -0
- package/timezone/timezone-option.component.scss +4 -7
- package/timezone/timezone-select.component.scss +3 -0
- package/toast/_toast-theme.scss +1 -4
- package/toast/toast-container.component.scss +19 -13
- package/toast/toast-tokens.scss +12 -6
- package/toast/toast.component.scss +42 -19
- package/toggle/_toggle-theme.scss +4 -10
- package/toggle/toggle.scss +67 -26
- package/tooltip/_tooltip-theme.scss +7 -1
- package/tooltip/tooltip-tokens.scss +1 -2
- package/tooltip/tooltip.scss +55 -9
- package/top-bar/top-bar-tokens.scss +13 -2
- package/top-bar/top-bar.scss +24 -19
- package/tree/_tree-theme.scss +0 -1
- package/tree/toggle.scss +5 -9
- package/tree/tree-option.scss +2 -4
- package/tree/tree-tokens.scss +2 -1
- package/tree/tree.scss +3 -5
- package/tree-select/_tree-select-theme.scss +4 -15
- package/tree-select/tree-select-tokens.scss +16 -0
- package/tree-select/tree-select.scss +0 -6
- package/{accordion/index.d.ts → types/koobiq-components-accordion.d.ts} +102 -84
- package/{actions-panel/index.d.ts → types/koobiq-components-actions-panel.d.ts} +44 -59
- package/{alert/index.d.ts → types/koobiq-components-alert.d.ts} +8 -3
- package/types/koobiq-components-app-switcher.d.ts +406 -0
- package/types/koobiq-components-autocomplete.d.ts +443 -0
- package/{badge/index.d.ts → types/koobiq-components-badge.d.ts} +25 -20
- package/{breadcrumbs/index.d.ts → types/koobiq-components-breadcrumbs.d.ts} +97 -46
- package/types/koobiq-components-button-toggle.d.ts +340 -0
- package/types/koobiq-components-button.d.ts +296 -0
- package/types/koobiq-components-checkbox.d.ts +172 -0
- package/types/koobiq-components-clamped-text.d.ts +184 -0
- package/{code-block/index.d.ts → types/koobiq-components-code-block.d.ts} +114 -79
- package/{content-panel/index.d.ts → types/koobiq-components-content-panel.d.ts} +81 -25
- package/{core/index.d.ts → types/koobiq-components-core.d.ts} +2827 -865
- package/{datepicker/index.d.ts → types/koobiq-components-datepicker.d.ts} +161 -116
- package/types/koobiq-components-divider.d.ts +43 -0
- package/types/koobiq-components-dl.d.ts +235 -0
- package/{dropdown/index.d.ts → types/koobiq-components-dropdown.d.ts} +245 -239
- package/types/koobiq-components-ellipsis-center.d.ts +85 -0
- package/types/koobiq-components-empty-state.d.ts +106 -0
- package/{file-upload/index.d.ts → types/koobiq-components-file-upload.d.ts} +214 -107
- package/{filter-bar/index.d.ts → types/koobiq-components-filter-bar.d.ts} +410 -495
- package/types/koobiq-components-flag.d.ts +68 -0
- package/{form-field/index.d.ts → types/koobiq-components-form-field.d.ts} +167 -191
- package/types/koobiq-components-icon.d.ts +333 -0
- package/{inline-edit/index.d.ts → types/koobiq-components-inline-edit.d.ts} +109 -46
- package/types/koobiq-components-input.d.ts +477 -0
- package/types/koobiq-components-link-deprecated.d.ts +101 -0
- package/types/koobiq-components-link.d.ts +176 -0
- package/{list/index.d.ts → types/koobiq-components-list.d.ts} +162 -99
- package/types/koobiq-components-loader-overlay.d.ts +101 -0
- package/{markdown/index.d.ts → types/koobiq-components-markdown.d.ts} +16 -24
- package/types/koobiq-components-modal.d.ts +666 -0
- package/types/koobiq-components-navbar.d.ts +569 -0
- package/types/koobiq-components-notification-center.d.ts +500 -0
- package/{overflow-items/index.d.ts → types/koobiq-components-overflow-items.d.ts} +8 -22
- package/types/koobiq-components-popover.d.ts +468 -0
- package/types/koobiq-components-progress-bar.d.ts +67 -0
- package/{progress-spinner/index.d.ts → types/koobiq-components-progress-spinner.d.ts} +33 -10
- package/types/koobiq-components-radio.d.ts +294 -0
- package/{resizer/index.d.ts → types/koobiq-components-resizer.d.ts} +37 -2
- package/{scrollbar/index.d.ts → types/koobiq-components-scrollbar-deprecated.d.ts} +18 -1
- package/types/koobiq-components-scrollbar.d.ts +154 -0
- package/types/koobiq-components-search-expandable.d.ts +164 -0
- package/{select/index.d.ts → types/koobiq-components-select.d.ts} +360 -167
- package/types/koobiq-components-sidebar.d.ts +152 -0
- package/types/koobiq-components-sidepanel.d.ts +436 -0
- package/types/koobiq-components-skeleton.d.ts +234 -0
- package/types/koobiq-components-split-button.d.ts +65 -0
- package/{splitter/index.d.ts → types/koobiq-components-splitter-deprecated.d.ts} +44 -1
- package/types/koobiq-components-splitter.d.ts +406 -0
- package/types/koobiq-components-table.d.ts +44 -0
- package/types/koobiq-components-tabs.d.ts +888 -0
- package/{tags/index.d.ts → types/koobiq-components-tags.d.ts} +249 -133
- package/types/koobiq-components-textarea.d.ts +178 -0
- package/{time-range/index.d.ts → types/koobiq-components-time-range.d.ts} +135 -62
- package/types/koobiq-components-timepicker.d.ts +223 -0
- package/types/koobiq-components-timezone.d.ts +266 -0
- package/types/koobiq-components-title.d.ts +184 -0
- package/types/koobiq-components-toast.d.ts +289 -0
- package/types/koobiq-components-toggle.d.ts +121 -0
- package/types/koobiq-components-tooltip.d.ts +610 -0
- package/types/koobiq-components-top-bar.d.ts +61 -0
- package/types/koobiq-components-tree-select.d.ts +667 -0
- package/types/koobiq-components-tree.d.ts +1290 -0
- package/types/koobiq-components-username.d.ts +340 -0
- package/username/_username-theme.scss +35 -0
- package/username/username.scss +10 -34
- package/app-switcher/index.d.ts +0 -276
- package/autocomplete/index.d.ts +0 -286
- package/button/index.d.ts +0 -153
- package/button-toggle/index.d.ts +0 -162
- package/checkbox/index.d.ts +0 -163
- package/clamped-text/index.d.ts +0 -146
- package/core/styles/_tokens.scss +0 -7
- package/core/styles/common/_clearfix.scss +0 -13
- package/core/styles/common/_popup.scss +0 -6
- package/core/styles/functions/_index.scss +0 -3
- package/core/styles/functions/_number.scss +0 -60
- package/core/styles/functions/_string.scss +0 -18
- package/core/styles/theming/scrollbar-tokens.scss +0 -25
- package/core/styles/typography/_typography-utils.scss +0 -84
- package/divider/index.d.ts +0 -20
- package/dl/index.d.ts +0 -45
- package/ellipsis-center/index.d.ts +0 -71
- package/empty-state/index.d.ts +0 -45
- package/flag/index.d.ts +0 -44
- package/icon/index.d.ts +0 -200
- package/input/index.d.ts +0 -354
- package/link/index.d.ts +0 -56
- package/loader-overlay/index.d.ts +0 -57
- package/modal/index.d.ts +0 -339
- package/navbar/index.d.ts +0 -372
- package/notification-center/index.d.ts +0 -323
- package/popover/index.d.ts +0 -182
- package/prebuilt-themes/dark-theme.css +0 -1
- package/prebuilt-themes/light-theme.css +0 -1
- package/progress-bar/index.d.ts +0 -31
- package/radio/index.d.ts +0 -203
- package/search-expandable/index.d.ts +0 -101
- package/sidebar/index.d.ts +0 -94
- package/sidepanel/index.d.ts +0 -272
- package/skeleton/index.d.ts +0 -26
- package/split-button/index.d.ts +0 -46
- package/table/index.d.ts +0 -25
- package/tabs/index.d.ts +0 -677
- package/textarea/index.d.ts +0 -138
- package/timepicker/index.d.ts +0 -197
- package/timezone/index.d.ts +0 -125
- package/title/index.d.ts +0 -139
- package/toast/index.d.ts +0 -187
- package/toggle/index.d.ts +0 -104
- package/tooltip/index.d.ts +0 -335
- package/top-bar/index.d.ts +0 -33
- package/tree/index.d.ts +0 -802
- package/tree-select/index.d.ts +0 -475
- package/username/index.d.ts +0 -194
- /package/{dynamic-translation/index.d.ts → types/koobiq-components-dynamic-translation.d.ts} +0 -0
- /package/{index.d.ts → types/koobiq-components.d.ts} +0 -0
|
@@ -0,0 +1,610 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { InjectionToken, ElementRef, AfterViewInit, OnChanges, OnDestroy, InputSignal, Renderer2, WritableSignal, TemplateRef, EventEmitter, SimpleChanges, Type } from '@angular/core';
|
|
3
|
+
import * as rxjs from 'rxjs';
|
|
4
|
+
import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
|
|
5
|
+
import { BooleanInput } from '@angular/cdk/coercion';
|
|
6
|
+
import { ScrollStrategy, Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
|
|
7
|
+
import { KbqPopUp, KbqEnumValues, KbqPopUpTrigger, KbqParentPopup, KbqPopUpPlacementValues, KbqComponentColors } from '@koobiq/components/core';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* Default value of the `kbqTooltipSingleInstance` input. Provide `false` at the application level to
|
|
11
|
+
* globally disable the "only one tooltip is visible at a time" behavior.
|
|
12
|
+
*/
|
|
13
|
+
declare const KBQ_TOOLTIP_SINGLE_INSTANCE_DEFAULT: InjectionToken<boolean>;
|
|
14
|
+
/**
|
|
15
|
+
* Contract of a tooltip taking part in the "only one tooltip is visible at a time" group.
|
|
16
|
+
*
|
|
17
|
+
* @docs-private
|
|
18
|
+
*/
|
|
19
|
+
interface KbqExclusiveTooltip {
|
|
20
|
+
/** Hides the tooltip because another tooltip — or a pop-up on the same element — has taken its place. */
|
|
21
|
+
hideAsInactive(): void;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Keeps track of the single tooltip that is currently visible, so that showing a new one hides the
|
|
25
|
+
* previous. Holds the *trigger*, not the overlay component — the latter is re-created on every show.
|
|
26
|
+
*/
|
|
27
|
+
declare class KbqTooltipRegistry {
|
|
28
|
+
/** Tooltip that currently owns the screen, or `null` when nothing is visible. */
|
|
29
|
+
private visibleTooltip;
|
|
30
|
+
/** Marks the tooltip as the only visible one, hiding the previously visible tooltip. */
|
|
31
|
+
setVisible(tooltip: KbqExclusiveTooltip): void;
|
|
32
|
+
/**
|
|
33
|
+
* Clears the registry, but only when the given tooltip is still the registered one. The guard
|
|
34
|
+
* matters because hiding the previous tooltip is asynchronous: its `visibleChange(false)` arrives
|
|
35
|
+
* after the new tooltip has already been registered, and must not wipe that newer entry.
|
|
36
|
+
*/
|
|
37
|
+
clearVisible(tooltip: KbqExclusiveTooltip): void;
|
|
38
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KbqTooltipRegistry, never>;
|
|
39
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<KbqTooltipRegistry>;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* What the tooltip is vertically anchored to when it is positioned relative to the caret:
|
|
44
|
+
*
|
|
45
|
+
* - `'line'` — the line of text the caret is on.
|
|
46
|
+
* - `'field'` — the whole field, so the tooltip never covers it; horizontally it still follows the caret.
|
|
47
|
+
* - `'auto'` — `'field'` for a single-line `<input>`, `'line'` for everything else.
|
|
48
|
+
*/
|
|
49
|
+
type KbqCaretVerticalAnchor = 'auto' | 'line' | 'field';
|
|
50
|
+
declare enum TooltipModifier {
|
|
51
|
+
Default = "default",
|
|
52
|
+
Warning = "warning",
|
|
53
|
+
Extended = "extended"
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
* @deprecated Replaced by {@link KbqTooltipDelayTracker}, which owns the shared timestamp behind a service
|
|
57
|
+
* instead of a mutable `useValue` object. The tooltip no longer reads this token; providing it has no effect. Will be
|
|
58
|
+
* removed in 22.0.0.
|
|
59
|
+
*/
|
|
60
|
+
declare const KBQ_TOOLTIP_OPEN_TIME: InjectionToken<{
|
|
61
|
+
value: number;
|
|
62
|
+
}>;
|
|
63
|
+
/**
|
|
64
|
+
* @deprecated Replaced by {@link KbqTooltipDelayTracker}. Providing it has no effect. Will be removed in 22.0.0.
|
|
65
|
+
*
|
|
66
|
+
* @docs-private
|
|
67
|
+
*/
|
|
68
|
+
declare const KBQ_TOOLTIP_OPEN_TIME_PROVIDER: {
|
|
69
|
+
provide: InjectionToken<{
|
|
70
|
+
value: number;
|
|
71
|
+
}>;
|
|
72
|
+
useValue: {
|
|
73
|
+
value: number;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
/** Default length of the window during which a following tooltip is shown without its enter delay. */
|
|
77
|
+
declare const MIN_TIME_FOR_DELAY = 2000;
|
|
78
|
+
/**
|
|
79
|
+
* Length in milliseconds of the window during which a tooltip shown right after another one appears
|
|
80
|
+
* instantly. Defaults to {@link MIN_TIME_FOR_DELAY}.
|
|
81
|
+
*/
|
|
82
|
+
declare const KBQ_TOOLTIP_INSTANT_SHOW_WINDOW: InjectionToken<number>;
|
|
83
|
+
/**
|
|
84
|
+
* Remembers when a tooltip was last shown, so that moving between neighbouring triggers does not replay the
|
|
85
|
+
* enter delay for every one of them: the first tooltip waits `kbqEnterDelay`, the ones following it within
|
|
86
|
+
* {@link KBQ_TOOLTIP_INSTANT_SHOW_WINDOW} appear instantly.
|
|
87
|
+
*
|
|
88
|
+
* Application-wide by design — the behavior is part of the component's documented delay rules.
|
|
89
|
+
*/
|
|
90
|
+
declare class KbqTooltipDelayTracker {
|
|
91
|
+
private readonly instantShowWindow;
|
|
92
|
+
/** Timestamp of the last shown tooltip, or `null` while no tooltip has been shown recently. */
|
|
93
|
+
private lastShownAt;
|
|
94
|
+
/** Whether the tooltip that is about to be shown should skip its enter delay. */
|
|
95
|
+
shouldSkipEnterDelay(): boolean;
|
|
96
|
+
/** Records that a tooltip has just been shown. */
|
|
97
|
+
markShown(): void;
|
|
98
|
+
/** Forgets the last shown tooltip, so the next one appears with its full enter delay. */
|
|
99
|
+
reset(): void;
|
|
100
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KbqTooltipDelayTracker, never>;
|
|
101
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<KbqTooltipDelayTracker>;
|
|
102
|
+
}
|
|
103
|
+
declare class KbqTooltipComponent extends KbqPopUp {
|
|
104
|
+
private readonly delayTracker;
|
|
105
|
+
prefix: string;
|
|
106
|
+
/**
|
|
107
|
+
* Id rendered on the tooltip element; the trigger points its `aria-describedby` at it.
|
|
108
|
+
*
|
|
109
|
+
* Public only because the trigger is a separate class and overwrites it with its own id — nothing outside
|
|
110
|
+
* the pair should read or write it, or the accessibility link between them breaks.
|
|
111
|
+
*
|
|
112
|
+
* @docs-private
|
|
113
|
+
*/
|
|
114
|
+
id: string;
|
|
115
|
+
private readonly tooltipElement;
|
|
116
|
+
/** The tooltip panel, which the base pop-up measures and decorates instead of the host. */
|
|
117
|
+
get elementRef(): ElementRef<HTMLElement>;
|
|
118
|
+
show(delay: number): void;
|
|
119
|
+
/**
|
|
120
|
+
* Applies `offset` as the gap between the tooltip and its trigger. Called both on show and whenever the
|
|
121
|
+
* trigger pushes new data, so that changing `kbqTooltipOffset` on an open tooltip actually moves it.
|
|
122
|
+
*
|
|
123
|
+
* Public only because the trigger calls it from the outside; it is not part of the supported surface.
|
|
124
|
+
*
|
|
125
|
+
* @docs-private
|
|
126
|
+
*/
|
|
127
|
+
applyOffset(): void;
|
|
128
|
+
updateClassMap(placement: string, customClass: string, { modifier }: {
|
|
129
|
+
modifier: KbqEnumValues<TooltipModifier>;
|
|
130
|
+
}): void;
|
|
131
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KbqTooltipComponent, never>;
|
|
132
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KbqTooltipComponent, "kbq-tooltip-component", never, {}, {}, never, never, true, never>;
|
|
133
|
+
}
|
|
134
|
+
declare const KBQ_TOOLTIP_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
|
|
135
|
+
/** @docs-private */
|
|
136
|
+
declare function kbqTooltipScrollStrategyFactory(overlay: Overlay): () => ScrollStrategy;
|
|
137
|
+
/**
|
|
138
|
+
* Redundant to the root factory of the token; kept so an app can restore the default under its own override (#DS-2196).
|
|
139
|
+
*
|
|
140
|
+
* @docs-private
|
|
141
|
+
*/
|
|
142
|
+
declare const KBQ_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER: {
|
|
143
|
+
provide: InjectionToken<() => ScrollStrategy>;
|
|
144
|
+
deps: (typeof Overlay)[];
|
|
145
|
+
useFactory: typeof kbqTooltipScrollStrategyFactory;
|
|
146
|
+
};
|
|
147
|
+
/**
|
|
148
|
+
* Trigger directive that shows a `KbqTooltipComponent` for its host element. Extends `KbqPopUpTrigger` with
|
|
149
|
+
* tooltip-specific inputs (content, placement, color, arrow, enter/leave delays, modifier and header) and
|
|
150
|
+
* behavior such as opening on keyboard focus only and positioning relative to the mouse cursor.
|
|
151
|
+
*/
|
|
152
|
+
declare class KbqTooltipTrigger extends KbqPopUpTrigger<KbqTooltipComponent> implements AfterViewInit, OnChanges, OnDestroy, KbqExclusiveTooltip {
|
|
153
|
+
/** Registry holding the single tooltip that is currently visible. */
|
|
154
|
+
private readonly tooltipRegistry;
|
|
155
|
+
private readonly injectedScrollStrategy;
|
|
156
|
+
/**
|
|
157
|
+
* Per-instance override for the scroll strategy, taking precedence over `KBQ_TOOLTIP_SCROLL_STRATEGY`
|
|
158
|
+
* when set. An input rather than a DI override so it applies to this tooltip instance only, without
|
|
159
|
+
* leaking into other `kbqTooltip`s nested inside the same host (DI overrides are visible to every
|
|
160
|
+
* descendant in the element-injector tree, not just the element they're declared on).
|
|
161
|
+
*
|
|
162
|
+
* @docs-private
|
|
163
|
+
*/
|
|
164
|
+
readonly scrollStrategyOverride: InputSignal<(() => ScrollStrategy) | undefined>;
|
|
165
|
+
/** Id of the tooltip element this trigger points its `aria-describedby` at while the tooltip is open. */
|
|
166
|
+
private readonly tooltipId;
|
|
167
|
+
/** @docs-private */
|
|
168
|
+
protected get scrollStrategy(): () => ScrollStrategy;
|
|
169
|
+
/** @docs-private */
|
|
170
|
+
protected parentPopup: KbqParentPopup | null;
|
|
171
|
+
/**
|
|
172
|
+
* Pop-ups anchored to the very same element — a popover, a dropdown, a select and so on. Resolved with
|
|
173
|
+
* `self` so a pop-up further up the tree (which the tooltip merely lives inside) is not picked up; that
|
|
174
|
+
* case is covered by `parentPopup`.
|
|
175
|
+
*/
|
|
176
|
+
private readonly siblingPopups;
|
|
177
|
+
/** @docs-private */
|
|
178
|
+
protected focusMonitor: FocusMonitor;
|
|
179
|
+
/** @docs-private */
|
|
180
|
+
protected renderer: Renderer2;
|
|
181
|
+
/**
|
|
182
|
+
* Input for controlling the disabled state of a component.
|
|
183
|
+
*
|
|
184
|
+
* The input expects a component containing `disabledSignal` property, which is
|
|
185
|
+
* a writable signal emitting boolean values.
|
|
186
|
+
*/
|
|
187
|
+
readonly forDisabledComponent: InputSignal<Record<"disabledSignal", WritableSignal<boolean>> | undefined>;
|
|
188
|
+
/**
|
|
189
|
+
* Determines whether pointer events should be ignored on tooltips.
|
|
190
|
+
*
|
|
191
|
+
* When set to `true`, the tooltip pane does not receive pointer events, so clicks and hovers pass through
|
|
192
|
+
* to whatever is underneath it. Defaults to `false`, which keeps the tooltip hoverable: a user who needs
|
|
193
|
+
* more time to read it — or who reads at high magnification, where the pointer often ends up over the
|
|
194
|
+
* tooltip itself — can move the pointer onto it without it disappearing (WCAG 1.4.13 "Content on Hover").
|
|
195
|
+
*
|
|
196
|
+
* Set it to `true` for tooltips that float over other click targets, such as the overflow hints of a
|
|
197
|
+
* scrolling option list.
|
|
198
|
+
*/
|
|
199
|
+
readonly ignoreTooltipPointerEvents: InputSignal<boolean>;
|
|
200
|
+
/**
|
|
201
|
+
* Whether the tooltip takes part in the "only one tooltip is visible at a time" group: showing it
|
|
202
|
+
* hides the previously visible tooltip, and it is hidden when another tooltip is shown.
|
|
203
|
+
*
|
|
204
|
+
* Defaults to `true`; the default can be changed application-wide with the
|
|
205
|
+
* `KBQ_TOOLTIP_SINGLE_INSTANCE_DEFAULT` token.
|
|
206
|
+
*
|
|
207
|
+
* Tooltips without an interactive `kbqTrigger` (`manual`, `none`, …) never take part in the group,
|
|
208
|
+
* regardless of this input — they are shown imperatively and are expected to stay pinned.
|
|
209
|
+
*/
|
|
210
|
+
readonly singleInstance: i0.InputSignalWithTransform<boolean, unknown>;
|
|
211
|
+
/**
|
|
212
|
+
* Changes hiding behavior. By default, tooltip is hidden on mouseleave from trigger.
|
|
213
|
+
* Setting hideWithTimeout to true will delay tooltip hiding and will not hide when the mouse moves from trigger
|
|
214
|
+
* to tooltip.
|
|
215
|
+
*/
|
|
216
|
+
hideWithTimeout: boolean;
|
|
217
|
+
/** Input (`kbqVisible`) that programmatically shows or hides the tooltip; reflects the current `visible` state. */
|
|
218
|
+
get tooltipVisible(): boolean;
|
|
219
|
+
set tooltipVisible(value: boolean);
|
|
220
|
+
/** Input (`kbqPlacement`) that sets the tooltip placement relative to its trigger; reflects the current `placement`. */
|
|
221
|
+
get tooltipPlacement(): KbqPopUpPlacementValues;
|
|
222
|
+
set tooltipPlacement(value: KbqPopUpPlacementValues);
|
|
223
|
+
/**
|
|
224
|
+
* Positions the tooltip relative to the mouse cursor. Only available for top and bottom kbqPlacement.
|
|
225
|
+
* Does not work with kbqPlacementPriority.
|
|
226
|
+
*/
|
|
227
|
+
relativeToPointer: boolean;
|
|
228
|
+
/**
|
|
229
|
+
* Positions the tooltip relative to the text caret of the field it is attached to, following it while the
|
|
230
|
+
* user types, moves the caret and scrolls the field. Anchors to the selection whenever there is one.
|
|
231
|
+
*
|
|
232
|
+
* Every placement is available, unlike with `kbqRelativeToPointer`: the caret is anchored as a rectangle,
|
|
233
|
+
* so the usual fallback placements keep the tooltip on screen. Wins when both inputs are enabled.
|
|
234
|
+
*
|
|
235
|
+
* The field is the host element itself when it is editable, otherwise the first editable it wraps.
|
|
236
|
+
*/
|
|
237
|
+
relativeToCaret: boolean;
|
|
238
|
+
/** What the tooltip is vertically anchored to while `kbqRelativeToCaret` is enabled. */
|
|
239
|
+
relativeToCaretVertical: KbqCaretVerticalAnchor;
|
|
240
|
+
/** Input (`kbqPlacementPriority`) that sets the ordered fallback placements; reflects the current `placementPriority`. */
|
|
241
|
+
get tooltipPlacementPriority(): string | string[] | null;
|
|
242
|
+
set tooltipPlacementPriority(value: string | string[] | null);
|
|
243
|
+
/** Input (`kbqTooltip`) with the tooltip content — a string or a template. Updating it refreshes an open tooltip. */
|
|
244
|
+
get content(): string | TemplateRef<unknown>;
|
|
245
|
+
set content(content: string | TemplateRef<unknown>);
|
|
246
|
+
/**
|
|
247
|
+
* Input (`kbqTooltipDisabled`) controlling whether the tooltip is disabled; setting it to `true` hides it.
|
|
248
|
+
* `undefined` leaves the decision to the trigger, like an unset input.
|
|
249
|
+
*
|
|
250
|
+
* Reads back the *effective* state, which for triggers that derive one of their own (see
|
|
251
|
+
* `derivedDisabledWins`) is not necessarily the value that was written.
|
|
252
|
+
*/
|
|
253
|
+
get disabled(): boolean;
|
|
254
|
+
set disabled(value: BooleanInput);
|
|
255
|
+
/**
|
|
256
|
+
* Whether the state this trigger derives means *there is nothing to show*, so an explicit
|
|
257
|
+
* `kbqTooltipDisabled="false"` cannot override it, as for a hint that repeats text the host never clipped.
|
|
258
|
+
* Otherwise the explicit value wins in both directions, so `false` on a wrapped control that is not disabled
|
|
259
|
+
* still asks for a tooltip.
|
|
260
|
+
*
|
|
261
|
+
* @docs-private
|
|
262
|
+
*/
|
|
263
|
+
protected readonly derivedDisabledWins: boolean;
|
|
264
|
+
private explicitlyDisabled;
|
|
265
|
+
private derivedDisabled;
|
|
266
|
+
/** Input (`kbqEnterDelay`) — delay in milliseconds before the tooltip is shown. Defaults to `400`. */
|
|
267
|
+
enterDelay: number;
|
|
268
|
+
/** Input (`kbqLeaveDelay`) — delay in milliseconds before the tooltip is hidden. Defaults to `0`. */
|
|
269
|
+
leaveDelay: number;
|
|
270
|
+
/** Input (`kbqTrigger`) with the comma-separated trigger events. An empty value resets to hover + focus and rebinds listeners. */
|
|
271
|
+
get trigger(): string;
|
|
272
|
+
set trigger(value: string);
|
|
273
|
+
/** Backing field for `trigger`; defaults to hover + focus. */
|
|
274
|
+
protected _trigger: string;
|
|
275
|
+
/** Input (`kbqTooltipClass`) with an extra CSS class applied to the tooltip; updating it refreshes the class map. */
|
|
276
|
+
get customClass(): string;
|
|
277
|
+
set customClass(value: string);
|
|
278
|
+
/** Input (`kbqTooltipContext`) with the context object passed to a template tooltip; updating it refreshes the open tooltip. */
|
|
279
|
+
get context(): unknown;
|
|
280
|
+
set context(ctx: unknown);
|
|
281
|
+
/** Backing field for `context`. */
|
|
282
|
+
private _context;
|
|
283
|
+
/** Input (`kbqTooltipColor`) with the tooltip color theme. Defaults to `KbqComponentColors.Contrast`. */
|
|
284
|
+
get color(): KbqComponentColors | string;
|
|
285
|
+
set color(value: KbqComponentColors | string);
|
|
286
|
+
/** CSS class the current `color` maps to. */
|
|
287
|
+
protected get colorClass(): string;
|
|
288
|
+
/** Backing field for `color`; defaults to `KbqComponentColors.Contrast`. */
|
|
289
|
+
private _color;
|
|
290
|
+
/** Input (`kbqTooltipArrow`) — whether to render the tooltip's arrow/pointer. Defaults to `false`. */
|
|
291
|
+
arrow: boolean;
|
|
292
|
+
/**
|
|
293
|
+
* Input (`kbqTooltipOffset`) — distance in pixels between the tooltip and its trigger. `null`, the default, keeps
|
|
294
|
+
* the gap of the stylesheet.
|
|
295
|
+
*/
|
|
296
|
+
offset: number | null;
|
|
297
|
+
/** Output (`kbqPlacementChange`) that emits the new placement whenever the tooltip repositions. */
|
|
298
|
+
readonly placementChange: EventEmitter<"top" | "topLeft" | "topRight" | "right" | "rightTop" | "rightBottom" | "left" | "leftTop" | "leftBottom" | "bottom" | "bottomLeft" | "bottomRight">;
|
|
299
|
+
/** @docs-private */
|
|
300
|
+
readonly placementChangeOutput: i0.OutputRef<"top" | "topLeft" | "topRight" | "right" | "rightTop" | "rightBottom" | "left" | "leftTop" | "leftBottom" | "bottom" | "bottomLeft" | "bottomRight">;
|
|
301
|
+
/** Output (`kbqVisibleChange`) that emits when the tooltip's visibility changes. */
|
|
302
|
+
readonly visibleChange: EventEmitter<boolean>;
|
|
303
|
+
/** @docs-private */
|
|
304
|
+
readonly visibleChangeOutput: i0.OutputRef<boolean>;
|
|
305
|
+
/** Whether the configured trigger list includes the `click` trigger. */
|
|
306
|
+
private get hasClickInTrigger();
|
|
307
|
+
/** @docs-private */
|
|
308
|
+
protected originSelector: string;
|
|
309
|
+
/** @docs-private */
|
|
310
|
+
protected overlayConfig: OverlayConfig;
|
|
311
|
+
/**
|
|
312
|
+
* Visual variant of the tooltip. Accepts `'default'` | `'warning'` | `'extended'`.
|
|
313
|
+
* Replaces the removed `KbqWarningTooltipTrigger` and `KbqExtendedTooltipTrigger`
|
|
314
|
+
* subclasses — to render a warning tooltip use `kbqTooltipModifier="warning"`,
|
|
315
|
+
* and `kbqTooltipModifier="extended"` for the extended variant (combine with `kbqTooltipHeader`).
|
|
316
|
+
*/
|
|
317
|
+
modifier: KbqEnumValues<TooltipModifier>;
|
|
318
|
+
/**
|
|
319
|
+
* Header text or template, rendered above the tooltip content. Only meaningful with
|
|
320
|
+
* `kbqTooltipModifier="extended"`. Replaces the removed `KbqExtendedTooltipTrigger.header`.
|
|
321
|
+
*/
|
|
322
|
+
header: string | TemplateRef<unknown>;
|
|
323
|
+
/**
|
|
324
|
+
* Hands each bound input to its member, and pushes a later change of `modifier`, `header`, `arrow` or
|
|
325
|
+
* `offset` — plain fields — into an open tooltip, which would otherwise show stale data until the next
|
|
326
|
+
* show/hide cycle.
|
|
327
|
+
*/
|
|
328
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
329
|
+
/**
|
|
330
|
+
* Whether this tooltip takes part in the "only one tooltip is visible at a time" group.
|
|
331
|
+
*
|
|
332
|
+
* Read through the `trigger` getter on purpose: `KbqTitleDirective` always reports `hover`, so title
|
|
333
|
+
* tooltips participate, while `kbqValidationTooltip` consumers (datepicker, timepicker, inline-edit)
|
|
334
|
+
* assign `trigger = 'manual'` and therefore stay out of the group.
|
|
335
|
+
*/
|
|
336
|
+
private get participatesInSingleInstance();
|
|
337
|
+
/**
|
|
338
|
+
* Whether `kbqTrigger` contains at least one user-driven event, i.e. the tooltip is not driven purely
|
|
339
|
+
* imperatively. `manual`/`none` tooltips (the validation hints of datepicker, timepicker and inline-edit)
|
|
340
|
+
* bind no listeners and are expected to stay pinned while the user keeps interacting elsewhere.
|
|
341
|
+
*/
|
|
342
|
+
private get hasInteractiveTrigger();
|
|
343
|
+
/**
|
|
344
|
+
* Whether the tooltip is muted because a pop-up on the same element has taken over the anchor.
|
|
345
|
+
*
|
|
346
|
+
* Set when that pop-up opens and released only once the pointer or the focus genuinely leaves the host,
|
|
347
|
+
* never on the pop-up closing. Both matter: a pop-up restores focus to its trigger when it closes (see
|
|
348
|
+
* `KbqPopoverComponent.onEscape`), and removing its backdrop replays `mouseenter` on the trigger without
|
|
349
|
+
* the pointer having moved — either would otherwise pop the tooltip up out of nowhere. A pointer that left
|
|
350
|
+
* the host while the pop-up was open (see `pointerLeftWhileMuted`) releases it by coming back once the
|
|
351
|
+
* pop-up is closed.
|
|
352
|
+
*/
|
|
353
|
+
private mutedBySiblingPopup;
|
|
354
|
+
/**
|
|
355
|
+
* Whether the pointer left the host while muted. A backdrop inserted under the resting pointer fires
|
|
356
|
+
* `mouseleave` as well, but with the pointer still within the host — that one does not count.
|
|
357
|
+
*/
|
|
358
|
+
private pointerLeftWhileMuted;
|
|
359
|
+
/**
|
|
360
|
+
* Origin of the last focus event on the host, cached from the `FocusMonitor` stream so the focus trigger
|
|
361
|
+
* can tell a keyboard focus from the one a click leaves behind.
|
|
362
|
+
*/
|
|
363
|
+
protected lastFocusOrigin: FocusOrigin;
|
|
364
|
+
/** @docs-private */
|
|
365
|
+
readonly triggerInput: InputSignal<string | undefined>;
|
|
366
|
+
/** @docs-private */
|
|
367
|
+
readonly hideWithTimeoutInput: i0.InputSignalWithTransform<boolean | undefined, string | boolean | null | undefined>;
|
|
368
|
+
/** @docs-private */
|
|
369
|
+
readonly enterDelayInput: InputSignal<number | undefined>;
|
|
370
|
+
/** @docs-private */
|
|
371
|
+
readonly leaveDelayInput: InputSignal<number | undefined>;
|
|
372
|
+
/** @docs-private */
|
|
373
|
+
readonly relativeToPointerInput: i0.InputSignalWithTransform<boolean | undefined, string | boolean | null | undefined>;
|
|
374
|
+
/** @docs-private */
|
|
375
|
+
readonly relativeToCaretInput: i0.InputSignalWithTransform<boolean | undefined, string | boolean | null | undefined>;
|
|
376
|
+
/** @docs-private */
|
|
377
|
+
readonly relativeToCaretVerticalInput: InputSignal<KbqCaretVerticalAnchor | undefined>;
|
|
378
|
+
/** @docs-private */
|
|
379
|
+
readonly contentInput: InputSignal<KbqTooltipTrigger['content'] | undefined>;
|
|
380
|
+
/** @docs-private */
|
|
381
|
+
readonly headerInput: InputSignal<KbqTooltipTrigger['header'] | undefined>;
|
|
382
|
+
/** @docs-private */
|
|
383
|
+
readonly modifierInput: InputSignal<"default" | "warning" | "extended" | undefined>;
|
|
384
|
+
/** @docs-private */
|
|
385
|
+
readonly contextInput: InputSignal<{} | null | undefined>;
|
|
386
|
+
/** @docs-private */
|
|
387
|
+
readonly customClassInput: InputSignal<string | undefined>;
|
|
388
|
+
/** @docs-private */
|
|
389
|
+
readonly colorInput: InputSignal<string | undefined>;
|
|
390
|
+
/** @docs-private */
|
|
391
|
+
readonly arrowInput: i0.InputSignalWithTransform<boolean | undefined, string | boolean | null | undefined>;
|
|
392
|
+
/** @docs-private */
|
|
393
|
+
readonly offsetInput: i0.InputSignalWithTransform<number | undefined, string | number | null | undefined>;
|
|
394
|
+
/** @docs-private */
|
|
395
|
+
readonly disabledInput: i0.InputSignalWithTransform<boolean | undefined, string | boolean | null | undefined>;
|
|
396
|
+
/** @docs-private */
|
|
397
|
+
readonly tooltipPlacementPriorityInput: InputSignal<string | string[] | null | undefined>;
|
|
398
|
+
/** @docs-private */
|
|
399
|
+
readonly tooltipPlacementInput: InputSignal<"top" | "topLeft" | "topRight" | "right" | "rightTop" | "rightBottom" | "left" | "leftTop" | "leftBottom" | "bottom" | "bottomLeft" | "bottomRight" | undefined>;
|
|
400
|
+
/** @docs-private */
|
|
401
|
+
readonly tooltipVisibleInput: InputSignal<boolean | undefined>;
|
|
402
|
+
/**
|
|
403
|
+
* Sets up an effect that mirrors a `forDisabledComponent`'s disabled signal: when that component is disabled it
|
|
404
|
+
* makes the host focusable (so the tooltip can still be triggered) and enables the tooltip, otherwise disables it.
|
|
405
|
+
*
|
|
406
|
+
* Also joins the "only one tooltip is visible at a time" group, mutes the tooltip while a pop-up on the
|
|
407
|
+
* same element is open, tracks the focus origin and keeps the trigger's `aria-describedby` in sync with the
|
|
408
|
+
* open tooltip. All of this wiring lives here rather than in `ngAfterViewInit`/`ngOnDestroy` because
|
|
409
|
+
* several subclasses override those hooks: `KbqTitleDirective` and `KbqEllipsisCenterDirective` skip
|
|
410
|
+
* `super.ngAfterViewInit()`, and `KbqPasswordToggle` skips `super` in both hooks entirely. `destroyRef`
|
|
411
|
+
* additionally covers a trigger destroyed while its tooltip is still visible — that path disposes the
|
|
412
|
+
* overlay without emitting `visibleChange(false)`.
|
|
413
|
+
*/
|
|
414
|
+
constructor();
|
|
415
|
+
/** Hides the tooltip when a parent pop-up closes. */
|
|
416
|
+
ngAfterViewInit(): void;
|
|
417
|
+
/** Stops focus monitoring on the host element and runs the base-class teardown. */
|
|
418
|
+
ngOnDestroy(): void;
|
|
419
|
+
/**
|
|
420
|
+
* Records the state the subclass derived from its own content and re-folds it with the consumer's
|
|
421
|
+
* `kbqTooltipDisabled`. Subclasses call this instead of writing `disabled`, which would be read back as
|
|
422
|
+
* the consumer's own value and lose whichever of the two was written first.
|
|
423
|
+
*
|
|
424
|
+
* @docs-private
|
|
425
|
+
*/
|
|
426
|
+
protected setDerivedDisabled(value: boolean): void;
|
|
427
|
+
private foldDisabled;
|
|
428
|
+
/** Recomputes the effective `disabled` and closes an open tooltip that just lost its reason to be open. */
|
|
429
|
+
private applyDisabled;
|
|
430
|
+
/**
|
|
431
|
+
* Shows the tooltip after `delay` ms. Suppresses showing while a pop-up on the same element holds the
|
|
432
|
+
* anchor or on a focus trigger that did not originate from the keyboard, and applies cursor-relative
|
|
433
|
+
* positioning when `relativeToPointer` is enabled.
|
|
434
|
+
*/
|
|
435
|
+
show(delay?: number): void;
|
|
436
|
+
/**
|
|
437
|
+
* Hides the tooltip after `delay` ms and, when the user has genuinely left the host, un-mutes a tooltip
|
|
438
|
+
* that a pop-up on the same element had muted.
|
|
439
|
+
*
|
|
440
|
+
* `mouseleave` and `blur` are the release signals because the base class binds `hide` to both regardless
|
|
441
|
+
* of whether the tooltip is currently visible. A pop-up that is still attached does not count: its
|
|
442
|
+
* backdrop steals the hover from the trigger while the pointer stands still, and that `mouseleave` must
|
|
443
|
+
* not be mistaken for the user leaving.
|
|
444
|
+
*/
|
|
445
|
+
hide(delay?: number): void;
|
|
446
|
+
/**
|
|
447
|
+
* Whether a pop-up on the same element is attached. Untracked: the siblings keep it in signals, and a consumer
|
|
448
|
+
* `effect()` that shows or hides the tooltip must not run again whenever one of them opens or closes.
|
|
449
|
+
*/
|
|
450
|
+
private get siblingPopupAttached();
|
|
451
|
+
/**
|
|
452
|
+
* Records whether the pointer left the host while muted, see `pointerLeftWhileMuted`.
|
|
453
|
+
*
|
|
454
|
+
* @docs-private
|
|
455
|
+
*/
|
|
456
|
+
protected trackPointerLeave(event: MouseEvent): void;
|
|
457
|
+
/**
|
|
458
|
+
* Hides the tooltip because something else took its place — another tooltip became visible, or a pop-up
|
|
459
|
+
* anchored to the same element opened.
|
|
460
|
+
*
|
|
461
|
+
* Goes straight to the pop-up instead of `hide()`: `hide()` silently no-ops when the last recorded
|
|
462
|
+
* `triggerName` is `mouseleave` and the pop-up itself is hovered. Hiding through the instance keeps
|
|
463
|
+
* `visibleChange(false)` firing, so `isOpen`, `kbqVisibleChange` and the `kbqVisible` input stay in sync.
|
|
464
|
+
* Does nothing when the tooltip is already detached or when closing is prevented.
|
|
465
|
+
*
|
|
466
|
+
* @docs-private
|
|
467
|
+
*/
|
|
468
|
+
hideAsInactive(): void;
|
|
469
|
+
/**
|
|
470
|
+
* Shows the tooltip next to the cursor position of the given mouse event, anchoring it to the event's
|
|
471
|
+
* `currentTarget` instead of the directive's own host element.
|
|
472
|
+
*
|
|
473
|
+
* Use it when the trigger cannot be declared in the template — for instance for a tooltip shared by the
|
|
474
|
+
* cells of a virtualized table. The directive still has to be created in an injection context.
|
|
475
|
+
*/
|
|
476
|
+
showForMouseEvent(event: MouseEvent): void;
|
|
477
|
+
/**
|
|
478
|
+
* Shows the tooltip anchored to the given element instead of the directive's own host element.
|
|
479
|
+
*
|
|
480
|
+
* Use it when the trigger cannot be declared in the template. The directive still has to be created in an
|
|
481
|
+
* injection context:
|
|
482
|
+
*
|
|
483
|
+
* ```ts
|
|
484
|
+
* const tooltip = runInInjectionContext(injector, () => new KbqTooltipTrigger());
|
|
485
|
+
* tooltip.showForElement(element);
|
|
486
|
+
* ```
|
|
487
|
+
*
|
|
488
|
+
* Does nothing while the tooltip is disabled or has no content — there is no overlay to anchor then.
|
|
489
|
+
*/
|
|
490
|
+
showForElement(element: HTMLElement): void;
|
|
491
|
+
/**
|
|
492
|
+
* Replaces the CSS classes put on the tooltip's overlay pane.
|
|
493
|
+
*
|
|
494
|
+
* Exists for components that own a tooltip through `hostDirectives` instead of extending this class and
|
|
495
|
+
* therefore cannot reach the protected overlay configuration (e.g. `KbqNavbarItem`).
|
|
496
|
+
*
|
|
497
|
+
* @docs-private
|
|
498
|
+
*/
|
|
499
|
+
setOverlayPanelClass(panelClass: string | string[]): void;
|
|
500
|
+
/** @docs-private */
|
|
501
|
+
updateData(): void;
|
|
502
|
+
/** @docs-private */
|
|
503
|
+
closingActions(): rxjs.Observable<void | MouseEvent>;
|
|
504
|
+
/** @docs-private */
|
|
505
|
+
getOverlayHandleComponentType(): Type<KbqTooltipComponent>;
|
|
506
|
+
/** @docs-private */
|
|
507
|
+
updateClassMap(newPlacement?: string): void;
|
|
508
|
+
/**
|
|
509
|
+
* Arms the `Escape` listener for as long as the tooltip overlay is attached, so that `Escape` dismisses
|
|
510
|
+
* the tooltip.
|
|
511
|
+
*
|
|
512
|
+
* The inherited `keydownHandler` is a host binding on the trigger and therefore only fires while the
|
|
513
|
+
* trigger itself has focus, which a hover-opened tooltip never has.
|
|
514
|
+
*
|
|
515
|
+
* @docs-private
|
|
516
|
+
*/
|
|
517
|
+
createOverlay(): OverlayRef;
|
|
518
|
+
/** Teardown of the document-level `Escape` listener, or `null` while the overlay is detached. */
|
|
519
|
+
private unbindEscapeListener;
|
|
520
|
+
/**
|
|
521
|
+
* Binds a document-level `Escape` listener, outside the zone and at most once per attach.
|
|
522
|
+
*
|
|
523
|
+
* An open tooltip is the topmost layer, so `Escape` dismisses it first (WAI-ARIA tooltip pattern, WCAG 1.4.13):
|
|
524
|
+
* the listener captures the key and marks it spent, and a modal or a panel that closes on `Escape` lets it
|
|
525
|
+
* pass. The key is not stopped, so a control that closes a popup of its own on it still does.
|
|
526
|
+
*
|
|
527
|
+
* Deliberately not `overlayRef.keydownEvents()`: CDK hands each key to the last attached overlay that has
|
|
528
|
+
* subscribers and stops there, without re-dispatching. A tooltip is by construction the last overlay
|
|
529
|
+
* attached, so subscribing would make it swallow `Escape` for the modal, sidepanel, dropdown or inline
|
|
530
|
+
* edit underneath it — including for the imperative tooltips that drop the key instead of acting on it.
|
|
531
|
+
*/
|
|
532
|
+
private listenForEscape;
|
|
533
|
+
/** Removes the document-level `Escape` listener. */
|
|
534
|
+
private stopListeningForEscape;
|
|
535
|
+
/** Panel classes of the tooltip overlay, including the pointer-events opt-out while it is enabled. */
|
|
536
|
+
private getPanelClasses;
|
|
537
|
+
/**
|
|
538
|
+
* Points the trigger's `aria-describedby` at the open tooltip, so assistive technology announces the hint
|
|
539
|
+
* together with the control it explains.
|
|
540
|
+
*
|
|
541
|
+
* Written through the renderer rather than a host binding because `showForMouseEvent` re-anchors the
|
|
542
|
+
* trigger to a foreign element, which a host binding would never reach. Existing ids are preserved.
|
|
543
|
+
*/
|
|
544
|
+
private describeTrigger;
|
|
545
|
+
/** Removes this tooltip's id from the described element's `aria-describedby`, keeping any other ids. */
|
|
546
|
+
private undescribeTrigger;
|
|
547
|
+
/** Element whose `aria-describedby` points at this tooltip, or `null` while nothing is described. */
|
|
548
|
+
private describedElement;
|
|
549
|
+
/** Ids currently listed in the element's `aria-describedby`. */
|
|
550
|
+
private getDescribedByIds;
|
|
551
|
+
/**
|
|
552
|
+
* Whether the tooltip only repeats the text the host already shows — which is what `kbq-title` does.
|
|
553
|
+
* Describing those would make assistive technology read the same label twice.
|
|
554
|
+
*/
|
|
555
|
+
private get describesHostText();
|
|
556
|
+
/** Teardown of the listeners following the caret, or `null` while the tooltip is not tracking one. */
|
|
557
|
+
private stopCaretListeners;
|
|
558
|
+
/**
|
|
559
|
+
* Field whose caret the tooltip is anchored to: the host element when it is editable itself — which is
|
|
560
|
+
* how the validation hints are written — otherwise the first editable element it wraps.
|
|
561
|
+
*/
|
|
562
|
+
private getCaretAnchor;
|
|
563
|
+
/**
|
|
564
|
+
* Origin that stays on the caret of the field while `kbqRelativeToCaret` is enabled, and on the host element
|
|
565
|
+
* otherwise — so switching the input off while the tooltip is open does not leave it on the caret.
|
|
566
|
+
*/
|
|
567
|
+
private readonly caretOrigin;
|
|
568
|
+
/**
|
|
569
|
+
* Anchors the overlay to the caret of the field.
|
|
570
|
+
*
|
|
571
|
+
* @docs-private
|
|
572
|
+
*/
|
|
573
|
+
protected applyRelativeToCaret(): void;
|
|
574
|
+
/** @docs-private */
|
|
575
|
+
protected getAnchorSize(): {
|
|
576
|
+
width: number;
|
|
577
|
+
height: number;
|
|
578
|
+
};
|
|
579
|
+
/**
|
|
580
|
+
* Rectangle the tooltip is anchored to: the caret or selection of the field — spanning the whole field
|
|
581
|
+
* vertically when it anchors to the field — or the host element's box when the caret cannot be located or
|
|
582
|
+
* `kbqRelativeToCaret` is off.
|
|
583
|
+
*/
|
|
584
|
+
private measureCaretAnchor;
|
|
585
|
+
/** Whether the tooltip takes its vertical position from the whole field rather than the caret's line. */
|
|
586
|
+
private anchorsToField;
|
|
587
|
+
/** Follows the caret for as long as the overlay is attached, outside the zone and at most once per attach. */
|
|
588
|
+
private startTrackingCaret;
|
|
589
|
+
private stopTrackingCaret;
|
|
590
|
+
/**
|
|
591
|
+
* Picks the placement again for where the caret is now. The position strategy is locked so that an element-anchored
|
|
592
|
+
* pop-up does not jump when its content changes, and a locked strategy only re-applies the placement chosen on
|
|
593
|
+
* opening; a caret walking to the edge of the screen has to be free to flip the tooltip, so the lock is lifted for
|
|
594
|
+
* this pass.
|
|
595
|
+
*/
|
|
596
|
+
private repositionAtCaret;
|
|
597
|
+
/** @docs-private */
|
|
598
|
+
protected applyRelativeToPointer(): void;
|
|
599
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KbqTooltipTrigger, never>;
|
|
600
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTooltipTrigger, "[kbqTooltip]", ["kbqTooltip"], { "scrollStrategyOverride": { "alias": "kbqTooltipScrollStrategy"; "required": false; "isSignal": true; }; "forDisabledComponent": { "alias": "forDisabledComponent"; "required": false; "isSignal": true; }; "ignoreTooltipPointerEvents": { "alias": "ignoreTooltipPointerEvents"; "required": false; "isSignal": true; }; "singleInstance": { "alias": "kbqTooltipSingleInstance"; "required": false; "isSignal": true; }; "triggerInput": { "alias": "kbqTrigger"; "required": false; "isSignal": true; }; "hideWithTimeoutInput": { "alias": "hideWithTimeout"; "required": false; "isSignal": true; }; "enterDelayInput": { "alias": "kbqEnterDelay"; "required": false; "isSignal": true; }; "leaveDelayInput": { "alias": "kbqLeaveDelay"; "required": false; "isSignal": true; }; "relativeToPointerInput": { "alias": "kbqRelativeToPointer"; "required": false; "isSignal": true; }; "relativeToCaretInput": { "alias": "kbqRelativeToCaret"; "required": false; "isSignal": true; }; "relativeToCaretVerticalInput": { "alias": "kbqRelativeToCaretVertical"; "required": false; "isSignal": true; }; "contentInput": { "alias": "kbqTooltip"; "required": false; "isSignal": true; }; "headerInput": { "alias": "kbqTooltipHeader"; "required": false; "isSignal": true; }; "modifierInput": { "alias": "kbqTooltipModifier"; "required": false; "isSignal": true; }; "contextInput": { "alias": "kbqTooltipContext"; "required": false; "isSignal": true; }; "customClassInput": { "alias": "kbqTooltipClass"; "required": false; "isSignal": true; }; "colorInput": { "alias": "kbqTooltipColor"; "required": false; "isSignal": true; }; "arrowInput": { "alias": "kbqTooltipArrow"; "required": false; "isSignal": true; }; "offsetInput": { "alias": "kbqTooltipOffset"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "kbqTooltipDisabled"; "required": false; "isSignal": true; }; "tooltipPlacementPriorityInput": { "alias": "kbqPlacementPriority"; "required": false; "isSignal": true; }; "tooltipPlacementInput": { "alias": "kbqPlacement"; "required": false; "isSignal": true; }; "tooltipVisibleInput": { "alias": "kbqVisible"; "required": false; "isSignal": true; }; }, { "placementChangeOutput": "kbqPlacementChange"; "visibleChangeOutput": "kbqVisibleChange"; }, never, never, true, never>;
|
|
601
|
+
}
|
|
602
|
+
|
|
603
|
+
declare class KbqToolTipModule {
|
|
604
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KbqToolTipModule, never>;
|
|
605
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<KbqToolTipModule, never, [typeof KbqTooltipComponent, typeof KbqTooltipTrigger], [typeof KbqTooltipComponent, typeof KbqTooltipTrigger]>;
|
|
606
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<KbqToolTipModule>;
|
|
607
|
+
}
|
|
608
|
+
|
|
609
|
+
export { KBQ_TOOLTIP_INSTANT_SHOW_WINDOW, KBQ_TOOLTIP_OPEN_TIME, KBQ_TOOLTIP_OPEN_TIME_PROVIDER, KBQ_TOOLTIP_SCROLL_STRATEGY, KBQ_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER, KBQ_TOOLTIP_SINGLE_INSTANCE_DEFAULT, KbqToolTipModule, KbqTooltipComponent, KbqTooltipDelayTracker, KbqTooltipRegistry, KbqTooltipTrigger, MIN_TIME_FOR_DELAY, TooltipModifier, kbqTooltipScrollStrategyFactory };
|
|
610
|
+
export type { KbqCaretVerticalAnchor, KbqExclusiveTooltip };
|