@testgorilla/tgo-ui 11.22.3 → 12.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/fesm2022/testgorilla-tgo-ui-components-accordion.mjs +335 -229
- package/fesm2022/testgorilla-tgo-ui-components-accordion.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-ai-audio-circle.mjs +547 -465
- package/fesm2022/testgorilla-tgo-ui-components-ai-audio-circle.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-ai-caveat.mjs +160 -75
- package/fesm2022/testgorilla-tgo-ui-components-ai-caveat.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-ai-feedback.mjs +678 -278
- package/fesm2022/testgorilla-tgo-ui-components-ai-feedback.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-alert-banner.mjs +337 -274
- package/fesm2022/testgorilla-tgo-ui-components-alert-banner.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-audio-waveform.mjs +351 -192
- package/fesm2022/testgorilla-tgo-ui-components-audio-waveform.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-autocomplete-v2.mjs +1950 -960
- package/fesm2022/testgorilla-tgo-ui-components-autocomplete-v2.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs +1206 -1044
- package/fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-avatar.mjs +328 -182
- package/fesm2022/testgorilla-tgo-ui-components-avatar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-badge.mjs +383 -203
- package/fesm2022/testgorilla-tgo-ui-components-badge.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-breadcrumb.mjs +553 -261
- package/fesm2022/testgorilla-tgo-ui-components-breadcrumb.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-button.mjs +709 -739
- package/fesm2022/testgorilla-tgo-ui-components-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-card.mjs +219 -184
- package/fesm2022/testgorilla-tgo-ui-components-card.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-checkbox.mjs +515 -458
- package/fesm2022/testgorilla-tgo-ui-components-checkbox.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-checklist.mjs +423 -162
- package/fesm2022/testgorilla-tgo-ui-components-checklist.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-core.mjs +10784 -10996
- package/fesm2022/testgorilla-tgo-ui-components-core.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-datepicker.mjs +810 -533
- package/fesm2022/testgorilla-tgo-ui-components-datepicker.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-device-control.mjs +473 -116
- package/fesm2022/testgorilla-tgo-ui-components-device-control.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-dialog.mjs +1149 -540
- package/fesm2022/testgorilla-tgo-ui-components-dialog.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-divider.mjs +148 -84
- package/fesm2022/testgorilla-tgo-ui-components-divider.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-donut-chart.mjs +239 -142
- package/fesm2022/testgorilla-tgo-ui-components-donut-chart.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-dropdown.mjs +599 -467
- package/fesm2022/testgorilla-tgo-ui-components-dropdown.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs +126 -70
- package/fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-empty-state.mjs +324 -329
- package/fesm2022/testgorilla-tgo-ui-components-empty-state.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-field.mjs +969 -648
- package/fesm2022/testgorilla-tgo-ui-components-field.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-file-upload.mjs +553 -419
- package/fesm2022/testgorilla-tgo-ui-components-file-upload.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs +847 -452
- package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-gaussian-chart.mjs +398 -302
- package/fesm2022/testgorilla-tgo-ui-components-gaussian-chart.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-icon-label.mjs +162 -95
- package/fesm2022/testgorilla-tgo-ui-components-icon-label.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-icon.mjs +1825 -1795
- package/fesm2022/testgorilla-tgo-ui-components-icon.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-infinite-scroll-table.mjs +1018 -672
- package/fesm2022/testgorilla-tgo-ui-components-infinite-scroll-table.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-inline-field.mjs +758 -368
- package/fesm2022/testgorilla-tgo-ui-components-inline-field.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-logo.mjs +204 -212
- package/fesm2022/testgorilla-tgo-ui-components-logo.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-media-card.mjs +183 -48
- package/fesm2022/testgorilla-tgo-ui-components-media-card.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-media-dialog.mjs +243 -79
- package/fesm2022/testgorilla-tgo-ui-components-media-dialog.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-multi-input.mjs +751 -361
- package/fesm2022/testgorilla-tgo-ui-components-multi-input.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-navbar.mjs +1122 -385
- package/fesm2022/testgorilla-tgo-ui-components-navbar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-overflow-menu.mjs +689 -413
- package/fesm2022/testgorilla-tgo-ui-components-overflow-menu.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-page-header.mjs +227 -92
- package/fesm2022/testgorilla-tgo-ui-components-page-header.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-paginator.mjs +174 -113
- package/fesm2022/testgorilla-tgo-ui-components-paginator.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-password-criteria.mjs +367 -165
- package/fesm2022/testgorilla-tgo-ui-components-password-criteria.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-password-strength.mjs +253 -118
- package/fesm2022/testgorilla-tgo-ui-components-password-strength.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-phone-input.mjs +730 -444
- package/fesm2022/testgorilla-tgo-ui-components-phone-input.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-popover.mjs +533 -221
- package/fesm2022/testgorilla-tgo-ui-components-popover.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-popup-tip.mjs +274 -76
- package/fesm2022/testgorilla-tgo-ui-components-popup-tip.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-progress-bar.mjs +184 -124
- package/fesm2022/testgorilla-tgo-ui-components-progress-bar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-prompt.mjs +1223 -574
- package/fesm2022/testgorilla-tgo-ui-components-prompt.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-radial-progress.mjs +249 -160
- package/fesm2022/testgorilla-tgo-ui-components-radial-progress.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-radio-button.mjs +447 -439
- package/fesm2022/testgorilla-tgo-ui-components-radio-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-rating.mjs +226 -150
- package/fesm2022/testgorilla-tgo-ui-components-rating.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-scale-table.mjs +255 -67
- package/fesm2022/testgorilla-tgo-ui-components-scale-table.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-scale.mjs +205 -162
- package/fesm2022/testgorilla-tgo-ui-components-scale.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-segmented-bar.mjs +245 -153
- package/fesm2022/testgorilla-tgo-ui-components-segmented-bar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-segmented-button.mjs +274 -140
- package/fesm2022/testgorilla-tgo-ui-components-segmented-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-segmented-toggle.mjs +319 -147
- package/fesm2022/testgorilla-tgo-ui-components-segmented-toggle.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-selectable-card.mjs +286 -84
- package/fesm2022/testgorilla-tgo-ui-components-selectable-card.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-side-navigation.mjs +660 -208
- package/fesm2022/testgorilla-tgo-ui-components-side-navigation.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-side-panel.mjs +579 -320
- package/fesm2022/testgorilla-tgo-ui-components-side-panel.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-side-sheet.mjs +419 -200
- package/fesm2022/testgorilla-tgo-ui-components-side-sheet.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs +132 -80
- package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-slider.mjs +741 -390
- package/fesm2022/testgorilla-tgo-ui-components-slider.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-snackbar.mjs +455 -329
- package/fesm2022/testgorilla-tgo-ui-components-snackbar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-spider-chart.mjs +543 -514
- package/fesm2022/testgorilla-tgo-ui-components-spider-chart.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-spinner.mjs +193 -104
- package/fesm2022/testgorilla-tgo-ui-components-spinner.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-stepper.mjs +760 -524
- package/fesm2022/testgorilla-tgo-ui-components-stepper.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-table.mjs +714 -415
- package/fesm2022/testgorilla-tgo-ui-components-table.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-tabs.mjs +847 -438
- package/fesm2022/testgorilla-tgo-ui-components-tabs.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-tag.mjs +535 -275
- package/fesm2022/testgorilla-tgo-ui-components-tag.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-toggle.mjs +316 -246
- package/fesm2022/testgorilla-tgo-ui-components-toggle.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-tooltip.mjs +404 -284
- package/fesm2022/testgorilla-tgo-ui-components-tooltip.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-universal-skills.mjs +664 -383
- package/fesm2022/testgorilla-tgo-ui-components-universal-skills.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-validation-error.mjs +201 -112
- package/fesm2022/testgorilla-tgo-ui-components-validation-error.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-write-with-ai.mjs +1014 -458
- package/fesm2022/testgorilla-tgo-ui-components-write-with-ai.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui.mjs +147 -155
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/mcp/catalog.json +1 -1
- package/package.json +16 -17
- package/projects/tgo-canopy-ui/theme/_palette.scss +23 -18
- package/types/testgorilla-tgo-ui-components-accordion.d.ts +214 -158
- package/types/testgorilla-tgo-ui-components-ai-audio-circle.d.ts +93 -69
- package/types/testgorilla-tgo-ui-components-ai-caveat.d.ts +37 -34
- package/types/testgorilla-tgo-ui-components-ai-feedback.d.ts +126 -86
- package/types/testgorilla-tgo-ui-components-alert-banner.d.ts +260 -185
- package/types/testgorilla-tgo-ui-components-audio-waveform.d.ts +96 -67
- package/types/testgorilla-tgo-ui-components-autocomplete-v2.d.ts +455 -256
- package/types/testgorilla-tgo-ui-components-autocomplete.d.ts +545 -390
- package/types/testgorilla-tgo-ui-components-avatar.d.ts +128 -102
- package/types/testgorilla-tgo-ui-components-badge.d.ts +191 -139
- package/types/testgorilla-tgo-ui-components-breadcrumb.d.ts +100 -62
- package/types/testgorilla-tgo-ui-components-button.d.ts +479 -340
- package/types/testgorilla-tgo-ui-components-card.d.ts +153 -114
- package/types/testgorilla-tgo-ui-components-checkbox.d.ts +299 -223
- package/types/testgorilla-tgo-ui-components-checklist.d.ts +149 -97
- package/types/testgorilla-tgo-ui-components-core.d.ts +307 -295
- package/types/testgorilla-tgo-ui-components-datepicker.d.ts +404 -299
- package/types/testgorilla-tgo-ui-components-device-control.d.ts +151 -81
- package/types/testgorilla-tgo-ui-components-dialog.d.ts +442 -329
- package/types/testgorilla-tgo-ui-components-divider.d.ts +64 -51
- package/types/testgorilla-tgo-ui-components-donut-chart.d.ts +41 -37
- package/types/testgorilla-tgo-ui-components-dropdown.d.ts +335 -241
- package/types/testgorilla-tgo-ui-components-elevation-shadow.d.ts +48 -43
- package/types/testgorilla-tgo-ui-components-empty-state.d.ts +317 -215
- package/types/testgorilla-tgo-ui-components-field.d.ts +559 -388
- package/types/testgorilla-tgo-ui-components-file-upload.d.ts +230 -168
- package/types/testgorilla-tgo-ui-components-filter-button.d.ts +263 -206
- package/types/testgorilla-tgo-ui-components-gaussian-chart.d.ts +107 -94
- package/types/testgorilla-tgo-ui-components-icon-label.d.ts +84 -61
- package/types/testgorilla-tgo-ui-components-icon.d.ts +137 -110
- package/types/testgorilla-tgo-ui-components-infinite-scroll-table.d.ts +429 -303
- package/types/testgorilla-tgo-ui-components-inline-field.d.ts +338 -254
- package/types/testgorilla-tgo-ui-components-logo.d.ts +119 -101
- package/types/testgorilla-tgo-ui-components-media-card.d.ts +51 -35
- package/types/testgorilla-tgo-ui-components-media-dialog.d.ts +40 -45
- package/types/testgorilla-tgo-ui-components-multi-input.d.ts +283 -194
- package/types/testgorilla-tgo-ui-components-navbar.d.ts +326 -208
- package/types/testgorilla-tgo-ui-components-overflow-menu.d.ts +276 -204
- package/types/testgorilla-tgo-ui-components-page-header.d.ts +67 -50
- package/types/testgorilla-tgo-ui-components-paginator.d.ts +103 -70
- package/types/testgorilla-tgo-ui-components-password-criteria.d.ts +67 -58
- package/types/testgorilla-tgo-ui-components-password-strength.d.ts +66 -57
- package/types/testgorilla-tgo-ui-components-phone-input.d.ts +217 -175
- package/types/testgorilla-tgo-ui-components-popover.d.ts +94 -53
- package/types/testgorilla-tgo-ui-components-popup-tip.d.ts +81 -44
- package/types/testgorilla-tgo-ui-components-progress-bar.d.ts +115 -84
- package/types/testgorilla-tgo-ui-components-prompt.d.ts +315 -219
- package/types/testgorilla-tgo-ui-components-radial-progress.d.ts +146 -107
- package/types/testgorilla-tgo-ui-components-radio-button.d.ts +296 -219
- package/types/testgorilla-tgo-ui-components-rating.d.ts +134 -95
- package/types/testgorilla-tgo-ui-components-scale-table.d.ts +67 -47
- package/types/testgorilla-tgo-ui-components-scale.d.ts +91 -66
- package/types/testgorilla-tgo-ui-components-segmented-bar.d.ts +118 -89
- package/types/testgorilla-tgo-ui-components-segmented-button.d.ts +107 -80
- package/types/testgorilla-tgo-ui-components-segmented-toggle.d.ts +138 -105
- package/types/testgorilla-tgo-ui-components-selectable-card.d.ts +90 -56
- package/types/testgorilla-tgo-ui-components-side-navigation.d.ts +183 -107
- package/types/testgorilla-tgo-ui-components-side-panel.d.ts +156 -145
- package/types/testgorilla-tgo-ui-components-side-sheet.d.ts +98 -89
- package/types/testgorilla-tgo-ui-components-skeleton.d.ts +50 -33
- package/types/testgorilla-tgo-ui-components-slider.d.ts +278 -198
- package/types/testgorilla-tgo-ui-components-snackbar.d.ts +211 -159
- package/types/testgorilla-tgo-ui-components-spider-chart.d.ts +140 -121
- package/types/testgorilla-tgo-ui-components-spinner.d.ts +93 -72
- package/types/testgorilla-tgo-ui-components-stepper.d.ts +480 -338
- package/types/testgorilla-tgo-ui-components-table.d.ts +280 -233
- package/types/testgorilla-tgo-ui-components-tabs.d.ts +282 -183
- package/types/testgorilla-tgo-ui-components-tag.d.ts +266 -193
- package/types/testgorilla-tgo-ui-components-toggle.d.ts +180 -132
- package/types/testgorilla-tgo-ui-components-tooltip.d.ts +142 -105
- package/types/testgorilla-tgo-ui-components-universal-skills.d.ts +165 -144
- package/types/testgorilla-tgo-ui-components-validation-error.d.ts +70 -51
- package/types/testgorilla-tgo-ui-components-write-with-ai.d.ts +210 -133
- package/types/testgorilla-tgo-ui.d.ts +52 -45
|
@@ -1,38 +1,51 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import { ControlValueAccessor, NgControl } from
|
|
5
|
-
import {
|
|
6
|
-
import { ApplicationTheme } from
|
|
7
|
-
|
|
8
|
-
import {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
1
|
+
import { CdkVirtualScrollViewport } from "@angular/cdk/scrolling";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import { AfterViewInit, DoCheck, ElementRef, OnDestroy, TemplateRef } from "@angular/core";
|
|
4
|
+
import { ControlValueAccessor, NgControl } from "@angular/forms";
|
|
5
|
+
import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from "@angular/material/autocomplete";
|
|
6
|
+
import { ApplicationTheme, ApplicationTheme as ApplicationTheme$1 } from "@testgorilla/tgo-ui/components/core";
|
|
7
|
+
import { IconName } from "@testgorilla/tgo-ui/components/icon";
|
|
8
|
+
import { BehaviorSubject, Observable, ReplaySubject } from "rxjs";
|
|
9
|
+
export declare class AutocompleteOverflowDetectDirective implements AfterViewInit, OnDestroy {
|
|
10
|
+
measureContainer: import("@angular/core").InputSignal<HTMLElement | undefined>;
|
|
11
|
+
itemSelector: import("@angular/core").InputSignal<string>;
|
|
12
|
+
reserveWidth: import("@angular/core").InputSignal<number>;
|
|
13
|
+
visibleCount: import("@angular/core").WritableSignal<number>;
|
|
14
|
+
overflowCount: import("@angular/core").WritableSignal<number>;
|
|
15
|
+
hasMeasured: import("@angular/core").WritableSignal<boolean>;
|
|
16
|
+
tagMaxWidth: import("@angular/core").WritableSignal<number | null>;
|
|
17
|
+
private resizeObserver;
|
|
18
|
+
private rafId;
|
|
19
|
+
private readonly el;
|
|
20
|
+
private readonly ngZone;
|
|
21
|
+
ngAfterViewInit(): void;
|
|
22
|
+
setupObserver(containerSelector: string): void;
|
|
23
|
+
measure(): void;
|
|
24
|
+
ngOnDestroy(): void;
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteOverflowDetectDirective, never>;
|
|
26
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AutocompleteOverflowDetectDirective, "[uiAutocompleteOverflowDetect]", ["autocompleteOverflowDetect"], {
|
|
27
|
+
"measureContainer": {
|
|
28
|
+
"alias": "measureContainer";
|
|
29
|
+
"required": false;
|
|
30
|
+
"isSignal": true;
|
|
31
|
+
};
|
|
32
|
+
"itemSelector": {
|
|
33
|
+
"alias": "itemSelector";
|
|
34
|
+
"required": false;
|
|
35
|
+
"isSignal": true;
|
|
36
|
+
};
|
|
37
|
+
"reserveWidth": {
|
|
38
|
+
"alias": "reserveWidth";
|
|
39
|
+
"required": false;
|
|
40
|
+
"isSignal": true;
|
|
41
|
+
};
|
|
42
|
+
}, {}, never, never, true, never>;
|
|
29
43
|
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
index: number;
|
|
44
|
+
export interface AutocompleteTagSuffixContext<T = Record<string, unknown>> {
|
|
45
|
+
/** The selected item the tag represents. */
|
|
46
|
+
$implicit: T;
|
|
47
|
+
/** The tag's position in the selection. */
|
|
48
|
+
index: number;
|
|
36
49
|
}
|
|
37
50
|
/**
|
|
38
51
|
* Marks an `ng-template` whose content is rendered inside each selected tag, after its label.
|
|
@@ -44,235 +57,421 @@ interface AutocompleteTagSuffixContext<T = Record<string, unknown>> {
|
|
|
44
57
|
* </ui-autocomplete-v2>
|
|
45
58
|
* ```
|
|
46
59
|
*/
|
|
47
|
-
declare class AutocompleteTagSuffixDirective<T = Record<string, unknown>> {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
60
|
+
export declare class AutocompleteTagSuffixDirective<T = Record<string, unknown>> {
|
|
61
|
+
readonly templateRef: TemplateRef<AutocompleteTagSuffixContext<T>>;
|
|
62
|
+
static ngTemplateContextGuard<T>(_dir: AutocompleteTagSuffixDirective<T>, _ctx: unknown): _ctx is AutocompleteTagSuffixContext<T>;
|
|
63
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteTagSuffixDirective<any>, never>;
|
|
64
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AutocompleteTagSuffixDirective<any>, "ng-template[uiAutocompleteTagSuffix]", never, {}, {}, never, never, true, never>;
|
|
52
65
|
}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
static ɵprov: _angular_core.ɵɵInjectableDeclaration<AutocompleteFilterService<any>>;
|
|
66
|
+
export declare class AutocompleteFilterService<T extends Record<string, unknown> = Record<string, unknown>> implements OnDestroy {
|
|
67
|
+
readonly textField: import("@angular/core").WritableSignal<string>;
|
|
68
|
+
readonly flatItems: import("@angular/core").WritableSignal<T[]>;
|
|
69
|
+
readonly groupsList: import("@angular/core").WritableSignal<AutocompleteGroup<T>[]>;
|
|
70
|
+
readonly suggestions: import("@angular/core").WritableSignal<T[]>;
|
|
71
|
+
readonly searchText$: BehaviorSubject<string>;
|
|
72
|
+
readonly userInput$: ReplaySubject<string>;
|
|
73
|
+
readonly isSearching$: Observable<boolean>;
|
|
74
|
+
private readonly dynamicSource$;
|
|
75
|
+
private isDynamicMode;
|
|
76
|
+
filteredItems$: Observable<T[] | null>;
|
|
77
|
+
readonly filteredGroupedItems$: Observable<{
|
|
78
|
+
groupName: string;
|
|
79
|
+
items: T[];
|
|
80
|
+
filteredItems: T[];
|
|
81
|
+
}[] | null>;
|
|
82
|
+
readonly filteredSuggestions$: Observable<T[] | null>;
|
|
83
|
+
search(text: string, minChars: number): void;
|
|
84
|
+
clearSearch(): void;
|
|
85
|
+
ngOnDestroy(): void;
|
|
86
|
+
setDynamicResults(list: T[] | null, loading: boolean): void;
|
|
87
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteFilterService<any>, never>;
|
|
88
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
77
89
|
}
|
|
78
|
-
|
|
79
90
|
type Item = Record<string, unknown>;
|
|
80
|
-
declare class AutocompleteV2Utils {
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
91
|
+
export declare class AutocompleteV2Utils {
|
|
92
|
+
static transformDisplayValue<T extends Item>(value: T | null | undefined, textField: string): string;
|
|
93
|
+
static filterItems<T extends Item>(items: T[], inputValue: string, textField: string): T[];
|
|
94
|
+
static filterGroupedItems<T extends Item>(groups: {
|
|
95
|
+
groupName: string;
|
|
96
|
+
items: T[];
|
|
97
|
+
}[], inputValue: string, textField: string): {
|
|
98
|
+
groupName: string;
|
|
99
|
+
items: T[];
|
|
100
|
+
filteredItems: T[];
|
|
101
|
+
}[];
|
|
102
|
+
static excludeSuggestions<T extends Item>(items: T[], excludeItems: T[], valueField: string): T[];
|
|
103
|
+
static createValueItem<T extends Item>(value: T | string, textField: string, valueField: string): T;
|
|
104
|
+
static findDuplicate<T extends Item>(items: T[], selectedValue: T, lookupKey: string): T | undefined;
|
|
105
|
+
/**
|
|
106
|
+
* True when the typed text exactly matches the label of any displayed option
|
|
107
|
+
* (case-insensitive, trimmed). Used to suppress the "Add …" option when the
|
|
108
|
+
* value already exists among the options being shown.
|
|
109
|
+
*/
|
|
110
|
+
static hasExactMatch<T extends Item>(items: T[], suggestions: T[], inputValue: string, textField: string): boolean;
|
|
111
|
+
static isArray(value: unknown): value is unknown[];
|
|
101
112
|
}
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
LARGE = "large"
|
|
113
|
+
export type AutocompleteType = 'single' | 'multi' | 'large';
|
|
114
|
+
export declare enum Autocomplete {
|
|
115
|
+
SINGLE = "single",
|
|
116
|
+
MULTI = "multi",
|
|
117
|
+
LARGE = "large"
|
|
108
118
|
}
|
|
109
|
-
declare enum DropdownVariation {
|
|
110
|
-
|
|
111
|
-
|
|
119
|
+
export declare enum DropdownVariation {
|
|
120
|
+
AUTOCOMPLETE = "autocomplete",
|
|
121
|
+
DROPDOWN = "dropdown"
|
|
112
122
|
}
|
|
113
|
-
type DropdownVariationType = `${DropdownVariation}`;
|
|
114
|
-
type AutocompleteSize = 'small' | 'medium';
|
|
115
|
-
type AddOptionPosition = 'top' | 'bottom';
|
|
116
|
-
type TagsPosition = 'inside' | 'below';
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
static ɵprov: _angular_core.ɵɵInjectableDeclaration<AutocompleteValueManager<any>>;
|
|
123
|
+
export type DropdownVariationType = `${DropdownVariation}`;
|
|
124
|
+
export type AutocompleteSize = 'small' | 'medium';
|
|
125
|
+
export type AddOptionPosition = 'top' | 'bottom';
|
|
126
|
+
export type TagsPosition = 'inside' | 'below';
|
|
127
|
+
export declare class AutocompleteValueManager<T extends Record<string, unknown> = Record<string, unknown>> {
|
|
128
|
+
readonly type: import("@angular/core").WritableSignal<AutocompleteType>;
|
|
129
|
+
readonly textField: import("@angular/core").WritableSignal<string>;
|
|
130
|
+
readonly valueField: import("@angular/core").WritableSignal<string>;
|
|
131
|
+
readonly compareWith: import("@angular/core").WritableSignal<((a: T, b: T) => boolean) | undefined>;
|
|
132
|
+
readonly value: import("@angular/core").WritableSignal<T | T[] | null>;
|
|
133
|
+
readonly isSingle: import("@angular/core").Signal<boolean>;
|
|
134
|
+
readonly displayValue: import("@angular/core").Signal<string>;
|
|
135
|
+
private onChangeFn;
|
|
136
|
+
private onTouchedFn;
|
|
137
|
+
registerOnChange(fn: (value: T | T[] | null) => void): void;
|
|
138
|
+
registerOnTouched(fn: () => void): void;
|
|
139
|
+
notifyChange(): void;
|
|
140
|
+
markAsTouched(): void;
|
|
141
|
+
writeValue(v?: T | T[] | null): void;
|
|
142
|
+
addValue(newValue: T): void;
|
|
143
|
+
/**
|
|
144
|
+
* Removes `option` from the value array.
|
|
145
|
+
* Returns the found item (so the caller can deselect the mat-option), or undefined if not found.
|
|
146
|
+
*/
|
|
147
|
+
removeValue(option: T): T | undefined;
|
|
148
|
+
clear(): void;
|
|
149
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteValueManager<any>, never>;
|
|
150
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
142
151
|
}
|
|
143
|
-
|
|
144
|
-
|
|
152
|
+
export interface AutocompleteGroup<T extends Record<string, unknown> = Record<string, unknown>> {
|
|
153
|
+
groupName: string;
|
|
154
|
+
items: T[];
|
|
155
|
+
}
|
|
156
|
+
export declare class AutocompleteV2Component<T extends Record<string, unknown> = Record<string, unknown>> implements ControlValueAccessor, AfterViewInit, DoCheck, OnDestroy {
|
|
157
|
+
itemsList: import("@angular/core").InputSignal<T[]>;
|
|
158
|
+
suggestionsList: import("@angular/core").InputSignal<T[]>;
|
|
159
|
+
groupsList: import("@angular/core").InputSignal<AutocompleteGroup<T>[]>;
|
|
160
|
+
disabled: import("@angular/core").InputSignal<boolean>;
|
|
161
|
+
allowAdd: import("@angular/core").InputSignal<boolean>;
|
|
162
|
+
textField: import("@angular/core").InputSignal<string>;
|
|
163
|
+
valueField: import("@angular/core").InputSignal<string>;
|
|
164
|
+
imageField: import("@angular/core").InputSignal<string>;
|
|
165
|
+
label: import("@angular/core").InputSignal<string>;
|
|
166
|
+
placeholder: import("@angular/core").InputSignal<string>;
|
|
167
|
+
readonly testId: import("@angular/core").InputSignal<string | null>;
|
|
168
|
+
type: import("@angular/core").InputSignal<AutocompleteType>;
|
|
169
|
+
minCharactersSearch: import("@angular/core").InputSignal<number>;
|
|
170
|
+
variant: import("@angular/core").InputSignal<"autocomplete" | "dropdown">;
|
|
171
|
+
showBottomContent: import("@angular/core").InputSignal<boolean>;
|
|
172
|
+
required: import("@angular/core").InputSignal<boolean | undefined>;
|
|
173
|
+
virtualScroll: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
174
|
+
compareWith: import("@angular/core").InputSignal<((a: T, b: T) => boolean) | undefined>;
|
|
175
|
+
dropdownPanelClass: import("@angular/core").InputSignal<string>;
|
|
176
|
+
panelPosition: import("@angular/core").InputSignal<"below" | "auto" | "above">;
|
|
177
|
+
hideSelectedSection: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
178
|
+
userAdditionsGroupLabel: import("@angular/core").InputSignal<string>;
|
|
179
|
+
closeOnScroll: import("@angular/core").InputSignal<boolean>;
|
|
180
|
+
size: import("@angular/core").InputSignal<AutocompleteSize>;
|
|
181
|
+
allowUserInput: import("@angular/core").InputSignal<boolean>;
|
|
182
|
+
clearable: import("@angular/core").InputSignal<boolean>;
|
|
183
|
+
maxLength: import("@angular/core").InputSignal<number | undefined>;
|
|
184
|
+
dynamicFilterLoading: import("@angular/core").InputSignal<boolean>;
|
|
185
|
+
dynamicFilteredList: import("@angular/core").InputSignal<T[] | null>;
|
|
186
|
+
infiniteScroll: import("@angular/core").InputSignal<boolean>;
|
|
187
|
+
hasMoreOptionsForInfiniteScroll: import("@angular/core").InputSignal<boolean>;
|
|
188
|
+
itemValue: import("@angular/core").InputSignal<T | T[] | null>;
|
|
189
|
+
formErrorConfig: import("@angular/core").InputSignal<Record<string, string>>;
|
|
190
|
+
errors: import("@angular/core").InputSignal<string[]>;
|
|
191
|
+
addOptionPosition: import("@angular/core").InputSignal<AddOptionPosition>;
|
|
192
|
+
tagsPosition: import("@angular/core").InputSignal<TagsPosition>;
|
|
193
|
+
/**
|
|
194
|
+
* Icon shown before the label of each selected tag: one icon for every tag, or a function that picks
|
|
195
|
+
* it per item (return `''` for no icon). Only applies with `tagsPosition="below"`.
|
|
196
|
+
*/
|
|
197
|
+
tagIcon: import("@angular/core").InputSignal<IconName | ((item: T) => IconName)>;
|
|
198
|
+
selectionChange: import("@angular/core").OutputEmitterRef<T | T[]>;
|
|
199
|
+
searchTextChange: import("@angular/core").OutputEmitterRef<string>;
|
|
200
|
+
blur: import("@angular/core").OutputEmitterRef<void>;
|
|
201
|
+
focus: import("@angular/core").OutputEmitterRef<void>;
|
|
202
|
+
scrollViewportBottomReached: import("@angular/core").OutputEmitterRef<void>;
|
|
203
|
+
scrollViewportBottomReachedFiltered: import("@angular/core").OutputEmitterRef<void>;
|
|
204
|
+
formFieldElement: ElementRef<HTMLElement>;
|
|
205
|
+
tagContainer: ElementRef<HTMLElement>;
|
|
206
|
+
protected measureElRef?: ElementRef<HTMLElement>;
|
|
207
|
+
overflowDir?: AutocompleteOverflowDetectDirective;
|
|
208
|
+
autocomplete: MatAutocompleteTrigger;
|
|
209
|
+
set cdkViewport(viewport: CdkVirtualScrollViewport);
|
|
210
|
+
matAutocomplete: MatAutocomplete;
|
|
211
|
+
matInput: ElementRef<HTMLInputElement>;
|
|
212
|
+
protected readonly tagSuffix: import("@angular/core").Signal<AutocompleteTagSuffixDirective<T> | undefined>;
|
|
213
|
+
protected readonly valueManager: AutocompleteValueManager<T>;
|
|
214
|
+
protected readonly filterService: AutocompleteFilterService<T>;
|
|
215
|
+
private readonly scrollManager;
|
|
216
|
+
private readonly cdr;
|
|
217
|
+
private readonly focusMonitor;
|
|
218
|
+
private readonly destroyRef;
|
|
219
|
+
private readonly ngZone;
|
|
220
|
+
readonly ngControl: NgControl | null;
|
|
221
|
+
protected readonly applicationTheme: ApplicationTheme$1;
|
|
222
|
+
protected inputValue: import("@angular/core").WritableSignal<string>;
|
|
223
|
+
protected isInputFocus: import("@angular/core").WritableSignal<boolean>;
|
|
224
|
+
protected autocompleteType: typeof Autocomplete;
|
|
225
|
+
/** Flat list for default (ungrouped) rendering and virtual scroll */
|
|
226
|
+
protected flatItemsList: import("@angular/core").Signal<T[]>;
|
|
227
|
+
/** Grouped list — only used when isGrouped is true */
|
|
228
|
+
protected groupedItemsList: import("@angular/core").Signal<{
|
|
145
229
|
groupName: string;
|
|
146
230
|
items: T[];
|
|
231
|
+
}[]>;
|
|
232
|
+
protected _isDisabled: import("@angular/core").WritableSignal<boolean>;
|
|
233
|
+
protected userAddedItems: import("@angular/core").WritableSignal<T[]>;
|
|
234
|
+
protected translationContext: string;
|
|
235
|
+
protected readonly utils: typeof AutocompleteV2Utils;
|
|
236
|
+
protected keyboardFocused: import("@angular/core").WritableSignal<boolean>;
|
|
237
|
+
protected isAlreadyAdded: import("@angular/core").Signal<boolean>;
|
|
238
|
+
protected readonly tagsBelow: import("@angular/core").Signal<boolean>;
|
|
239
|
+
protected readonly suppressPlaceholder: import("@angular/core").Signal<boolean>;
|
|
240
|
+
protected showClearButton: import("@angular/core").Signal<boolean>;
|
|
241
|
+
/** Icon per below-tag, in selection order */
|
|
242
|
+
protected readonly tagIcons: import("@angular/core").Signal<IconName[]>;
|
|
243
|
+
protected safeErrors: import("@angular/core").Signal<string[]>;
|
|
244
|
+
private readonly controlInvalid;
|
|
245
|
+
protected hasError: import("@angular/core").Signal<boolean>;
|
|
246
|
+
protected hiddenItemsTooltip: import("@angular/core").Signal<string>;
|
|
247
|
+
constructor();
|
|
248
|
+
/**
|
|
249
|
+
* Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
|
|
250
|
+
* to display validation errors that might happen (e.g. required)
|
|
251
|
+
*/
|
|
252
|
+
ngDoCheck(): void;
|
|
253
|
+
ngAfterViewInit(): void;
|
|
254
|
+
ngOnDestroy(): void;
|
|
255
|
+
registerOnChange(fn: (value: T | T[] | null) => void): void;
|
|
256
|
+
registerOnTouched(fn: () => void): void;
|
|
257
|
+
setDisabledState(isDisabled: boolean): void;
|
|
258
|
+
writeValue(value: T | T[] | null): void;
|
|
259
|
+
protected get isGrouped(): boolean;
|
|
260
|
+
protected onOptionSelected(event: MatAutocompleteSelectedEvent): void;
|
|
261
|
+
protected onOptionRemoved(option: T): void;
|
|
262
|
+
/**
|
|
263
|
+
* Makes the whole below-tag a hit area for the control in its `uiAutocompleteTagSuffix` content
|
|
264
|
+
* (e.g. a menu trigger). The remove icon keeps its own behavior, and presses inside the suffix never
|
|
265
|
+
* reach here because the tag stops them.
|
|
266
|
+
*/
|
|
267
|
+
protected onTagActivate(event: Event): void;
|
|
268
|
+
protected onInputChange(event: Event): void;
|
|
269
|
+
protected onClear(): void;
|
|
270
|
+
protected onBlur(): void;
|
|
271
|
+
protected onPanelOpened(): void;
|
|
272
|
+
protected onScrollBottom(): void;
|
|
273
|
+
protected onFocus(): void;
|
|
274
|
+
private onUpdate;
|
|
275
|
+
protected get isDropdown(): boolean;
|
|
276
|
+
protected onChevronClick(autocomplete: MatAutocomplete): void;
|
|
277
|
+
protected trackByFn: (index: number, value: string) => string;
|
|
278
|
+
protected trackByItem: (_index: number, item: T) => unknown;
|
|
279
|
+
onKeydown($event: KeyboardEvent): void;
|
|
280
|
+
protected getVirtualScrollHeight(itemCount: number): number;
|
|
281
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteV2Component<any>, never>;
|
|
282
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteV2Component<any>, "ui-autocomplete-v2", never, {
|
|
283
|
+
"itemsList": {
|
|
284
|
+
"alias": "itemsList";
|
|
285
|
+
"required": false;
|
|
286
|
+
"isSignal": true;
|
|
287
|
+
};
|
|
288
|
+
"suggestionsList": {
|
|
289
|
+
"alias": "suggestionsList";
|
|
290
|
+
"required": false;
|
|
291
|
+
"isSignal": true;
|
|
292
|
+
};
|
|
293
|
+
"groupsList": {
|
|
294
|
+
"alias": "groupsList";
|
|
295
|
+
"required": false;
|
|
296
|
+
"isSignal": true;
|
|
297
|
+
};
|
|
298
|
+
"disabled": {
|
|
299
|
+
"alias": "disabled";
|
|
300
|
+
"required": false;
|
|
301
|
+
"isSignal": true;
|
|
302
|
+
};
|
|
303
|
+
"allowAdd": {
|
|
304
|
+
"alias": "allowAdd";
|
|
305
|
+
"required": false;
|
|
306
|
+
"isSignal": true;
|
|
307
|
+
};
|
|
308
|
+
"textField": {
|
|
309
|
+
"alias": "textField";
|
|
310
|
+
"required": false;
|
|
311
|
+
"isSignal": true;
|
|
312
|
+
};
|
|
313
|
+
"valueField": {
|
|
314
|
+
"alias": "valueField";
|
|
315
|
+
"required": false;
|
|
316
|
+
"isSignal": true;
|
|
317
|
+
};
|
|
318
|
+
"imageField": {
|
|
319
|
+
"alias": "imageField";
|
|
320
|
+
"required": false;
|
|
321
|
+
"isSignal": true;
|
|
322
|
+
};
|
|
323
|
+
"label": {
|
|
324
|
+
"alias": "label";
|
|
325
|
+
"required": false;
|
|
326
|
+
"isSignal": true;
|
|
327
|
+
};
|
|
328
|
+
"placeholder": {
|
|
329
|
+
"alias": "placeholder";
|
|
330
|
+
"required": false;
|
|
331
|
+
"isSignal": true;
|
|
332
|
+
};
|
|
333
|
+
"testId": {
|
|
334
|
+
"alias": "testId";
|
|
335
|
+
"required": false;
|
|
336
|
+
"isSignal": true;
|
|
337
|
+
};
|
|
338
|
+
"type": {
|
|
339
|
+
"alias": "type";
|
|
340
|
+
"required": false;
|
|
341
|
+
"isSignal": true;
|
|
342
|
+
};
|
|
343
|
+
"minCharactersSearch": {
|
|
344
|
+
"alias": "minCharactersSearch";
|
|
345
|
+
"required": false;
|
|
346
|
+
"isSignal": true;
|
|
347
|
+
};
|
|
348
|
+
"variant": {
|
|
349
|
+
"alias": "variant";
|
|
350
|
+
"required": true;
|
|
351
|
+
"isSignal": true;
|
|
352
|
+
};
|
|
353
|
+
"showBottomContent": {
|
|
354
|
+
"alias": "showBottomContent";
|
|
355
|
+
"required": false;
|
|
356
|
+
"isSignal": true;
|
|
357
|
+
};
|
|
358
|
+
"required": {
|
|
359
|
+
"alias": "required";
|
|
360
|
+
"required": false;
|
|
361
|
+
"isSignal": true;
|
|
362
|
+
};
|
|
363
|
+
"virtualScroll": {
|
|
364
|
+
"alias": "virtualScroll";
|
|
365
|
+
"required": false;
|
|
366
|
+
"isSignal": true;
|
|
367
|
+
};
|
|
368
|
+
"compareWith": {
|
|
369
|
+
"alias": "compareWith";
|
|
370
|
+
"required": false;
|
|
371
|
+
"isSignal": true;
|
|
372
|
+
};
|
|
373
|
+
"dropdownPanelClass": {
|
|
374
|
+
"alias": "dropdownPanelClass";
|
|
375
|
+
"required": false;
|
|
376
|
+
"isSignal": true;
|
|
377
|
+
};
|
|
378
|
+
"panelPosition": {
|
|
379
|
+
"alias": "panelPosition";
|
|
380
|
+
"required": false;
|
|
381
|
+
"isSignal": true;
|
|
382
|
+
};
|
|
383
|
+
"hideSelectedSection": {
|
|
384
|
+
"alias": "hideSelectedSection";
|
|
385
|
+
"required": false;
|
|
386
|
+
"isSignal": true;
|
|
387
|
+
};
|
|
388
|
+
"userAdditionsGroupLabel": {
|
|
389
|
+
"alias": "userAdditionsGroupLabel";
|
|
390
|
+
"required": false;
|
|
391
|
+
"isSignal": true;
|
|
392
|
+
};
|
|
393
|
+
"closeOnScroll": {
|
|
394
|
+
"alias": "closeOnScroll";
|
|
395
|
+
"required": false;
|
|
396
|
+
"isSignal": true;
|
|
397
|
+
};
|
|
398
|
+
"size": {
|
|
399
|
+
"alias": "size";
|
|
400
|
+
"required": false;
|
|
401
|
+
"isSignal": true;
|
|
402
|
+
};
|
|
403
|
+
"allowUserInput": {
|
|
404
|
+
"alias": "allowUserInput";
|
|
405
|
+
"required": false;
|
|
406
|
+
"isSignal": true;
|
|
407
|
+
};
|
|
408
|
+
"clearable": {
|
|
409
|
+
"alias": "clearable";
|
|
410
|
+
"required": false;
|
|
411
|
+
"isSignal": true;
|
|
412
|
+
};
|
|
413
|
+
"maxLength": {
|
|
414
|
+
"alias": "maxLength";
|
|
415
|
+
"required": false;
|
|
416
|
+
"isSignal": true;
|
|
417
|
+
};
|
|
418
|
+
"dynamicFilterLoading": {
|
|
419
|
+
"alias": "dynamicFilterLoading";
|
|
420
|
+
"required": false;
|
|
421
|
+
"isSignal": true;
|
|
422
|
+
};
|
|
423
|
+
"dynamicFilteredList": {
|
|
424
|
+
"alias": "dynamicFilteredList";
|
|
425
|
+
"required": false;
|
|
426
|
+
"isSignal": true;
|
|
427
|
+
};
|
|
428
|
+
"infiniteScroll": {
|
|
429
|
+
"alias": "infiniteScroll";
|
|
430
|
+
"required": false;
|
|
431
|
+
"isSignal": true;
|
|
432
|
+
};
|
|
433
|
+
"hasMoreOptionsForInfiniteScroll": {
|
|
434
|
+
"alias": "hasMoreOptionsForInfiniteScroll";
|
|
435
|
+
"required": false;
|
|
436
|
+
"isSignal": true;
|
|
437
|
+
};
|
|
438
|
+
"itemValue": {
|
|
439
|
+
"alias": "itemValue";
|
|
440
|
+
"required": false;
|
|
441
|
+
"isSignal": true;
|
|
442
|
+
};
|
|
443
|
+
"formErrorConfig": {
|
|
444
|
+
"alias": "formErrorConfig";
|
|
445
|
+
"required": false;
|
|
446
|
+
"isSignal": true;
|
|
447
|
+
};
|
|
448
|
+
"errors": {
|
|
449
|
+
"alias": "errors";
|
|
450
|
+
"required": false;
|
|
451
|
+
"isSignal": true;
|
|
452
|
+
};
|
|
453
|
+
"addOptionPosition": {
|
|
454
|
+
"alias": "addOptionPosition";
|
|
455
|
+
"required": false;
|
|
456
|
+
"isSignal": true;
|
|
457
|
+
};
|
|
458
|
+
"tagsPosition": {
|
|
459
|
+
"alias": "tagsPosition";
|
|
460
|
+
"required": false;
|
|
461
|
+
"isSignal": true;
|
|
462
|
+
};
|
|
463
|
+
"tagIcon": {
|
|
464
|
+
"alias": "tagIcon";
|
|
465
|
+
"required": false;
|
|
466
|
+
"isSignal": true;
|
|
467
|
+
};
|
|
468
|
+
}, {
|
|
469
|
+
"selectionChange": "selectionChange";
|
|
470
|
+
"searchTextChange": "searchTextChange";
|
|
471
|
+
"blur": "blur";
|
|
472
|
+
"focus": "focus";
|
|
473
|
+
"scrollViewportBottomReached": "scrollViewportBottomReached";
|
|
474
|
+
"scrollViewportBottomReachedFiltered": "scrollViewportBottomReachedFiltered";
|
|
475
|
+
}, ["tagSuffix"], ["[autocompleteTagsSuffix]"], true, never>;
|
|
147
476
|
}
|
|
148
|
-
|
|
149
|
-
itemsList: _angular_core.InputSignal<T[]>;
|
|
150
|
-
suggestionsList: _angular_core.InputSignal<T[]>;
|
|
151
|
-
groupsList: _angular_core.InputSignal<AutocompleteGroup<T>[]>;
|
|
152
|
-
disabled: _angular_core.InputSignal<boolean>;
|
|
153
|
-
allowAdd: _angular_core.InputSignal<boolean>;
|
|
154
|
-
textField: _angular_core.InputSignal<string>;
|
|
155
|
-
valueField: _angular_core.InputSignal<string>;
|
|
156
|
-
imageField: _angular_core.InputSignal<string>;
|
|
157
|
-
label: _angular_core.InputSignal<string>;
|
|
158
|
-
placeholder: _angular_core.InputSignal<string>;
|
|
159
|
-
readonly testId: _angular_core.InputSignal<string | null>;
|
|
160
|
-
type: _angular_core.InputSignal<AutocompleteType>;
|
|
161
|
-
minCharactersSearch: _angular_core.InputSignal<number>;
|
|
162
|
-
variant: _angular_core.InputSignal<"autocomplete" | "dropdown">;
|
|
163
|
-
showBottomContent: _angular_core.InputSignal<boolean>;
|
|
164
|
-
required: _angular_core.InputSignal<boolean | undefined>;
|
|
165
|
-
virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
166
|
-
compareWith: _angular_core.InputSignal<((a: T, b: T) => boolean) | undefined>;
|
|
167
|
-
dropdownPanelClass: _angular_core.InputSignal<string>;
|
|
168
|
-
panelPosition: _angular_core.InputSignal<"below" | "auto" | "above">;
|
|
169
|
-
hideSelectedSection: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
170
|
-
userAdditionsGroupLabel: _angular_core.InputSignal<string>;
|
|
171
|
-
closeOnScroll: _angular_core.InputSignal<boolean>;
|
|
172
|
-
size: _angular_core.InputSignal<AutocompleteSize>;
|
|
173
|
-
allowUserInput: _angular_core.InputSignal<boolean>;
|
|
174
|
-
clearable: _angular_core.InputSignal<boolean>;
|
|
175
|
-
maxLength: _angular_core.InputSignal<number | undefined>;
|
|
176
|
-
dynamicFilterLoading: _angular_core.InputSignal<boolean>;
|
|
177
|
-
dynamicFilteredList: _angular_core.InputSignal<T[] | null>;
|
|
178
|
-
infiniteScroll: _angular_core.InputSignal<boolean>;
|
|
179
|
-
hasMoreOptionsForInfiniteScroll: _angular_core.InputSignal<boolean>;
|
|
180
|
-
itemValue: _angular_core.InputSignal<T | T[] | null>;
|
|
181
|
-
formErrorConfig: _angular_core.InputSignal<Record<string, string>>;
|
|
182
|
-
errors: _angular_core.InputSignal<string[]>;
|
|
183
|
-
addOptionPosition: _angular_core.InputSignal<AddOptionPosition>;
|
|
184
|
-
tagsPosition: _angular_core.InputSignal<TagsPosition>;
|
|
185
|
-
/**
|
|
186
|
-
* Icon shown before the label of each selected tag: one icon for every tag, or a function that picks
|
|
187
|
-
* it per item (return `''` for no icon). Only applies with `tagsPosition="below"`.
|
|
188
|
-
*/
|
|
189
|
-
tagIcon: _angular_core.InputSignal<IconName | ((item: T) => IconName)>;
|
|
190
|
-
selectionChange: _angular_core.OutputEmitterRef<T | T[]>;
|
|
191
|
-
searchTextChange: _angular_core.OutputEmitterRef<string>;
|
|
192
|
-
blur: _angular_core.OutputEmitterRef<void>;
|
|
193
|
-
focus: _angular_core.OutputEmitterRef<void>;
|
|
194
|
-
scrollViewportBottomReached: _angular_core.OutputEmitterRef<void>;
|
|
195
|
-
scrollViewportBottomReachedFiltered: _angular_core.OutputEmitterRef<void>;
|
|
196
|
-
formFieldElement: ElementRef<HTMLElement>;
|
|
197
|
-
tagContainer: ElementRef<HTMLElement>;
|
|
198
|
-
protected measureElRef?: ElementRef<HTMLElement>;
|
|
199
|
-
overflowDir?: AutocompleteOverflowDetectDirective;
|
|
200
|
-
autocomplete: MatAutocompleteTrigger;
|
|
201
|
-
set cdkViewport(viewport: CdkVirtualScrollViewport);
|
|
202
|
-
matAutocomplete: MatAutocomplete;
|
|
203
|
-
matInput: ElementRef<HTMLInputElement>;
|
|
204
|
-
protected readonly tagSuffix: _angular_core.Signal<AutocompleteTagSuffixDirective<T> | undefined>;
|
|
205
|
-
protected readonly valueManager: AutocompleteValueManager<T>;
|
|
206
|
-
protected readonly filterService: AutocompleteFilterService<T>;
|
|
207
|
-
private readonly scrollManager;
|
|
208
|
-
private readonly cdr;
|
|
209
|
-
private readonly focusMonitor;
|
|
210
|
-
private readonly destroyRef;
|
|
211
|
-
private readonly ngZone;
|
|
212
|
-
readonly ngControl: NgControl | null;
|
|
213
|
-
protected readonly applicationTheme: ApplicationTheme;
|
|
214
|
-
protected inputValue: _angular_core.WritableSignal<string>;
|
|
215
|
-
protected isInputFocus: _angular_core.WritableSignal<boolean>;
|
|
216
|
-
protected autocompleteType: typeof Autocomplete;
|
|
217
|
-
/** Flat list for default (ungrouped) rendering and virtual scroll */
|
|
218
|
-
protected flatItemsList: _angular_core.Signal<T[]>;
|
|
219
|
-
/** Grouped list — only used when isGrouped is true */
|
|
220
|
-
protected groupedItemsList: _angular_core.Signal<{
|
|
221
|
-
groupName: string;
|
|
222
|
-
items: T[];
|
|
223
|
-
}[]>;
|
|
224
|
-
protected _isDisabled: _angular_core.WritableSignal<boolean>;
|
|
225
|
-
protected userAddedItems: _angular_core.WritableSignal<T[]>;
|
|
226
|
-
protected translationContext: string;
|
|
227
|
-
protected readonly utils: typeof AutocompleteV2Utils;
|
|
228
|
-
protected keyboardFocused: _angular_core.WritableSignal<boolean>;
|
|
229
|
-
protected isAlreadyAdded: _angular_core.Signal<boolean>;
|
|
230
|
-
protected readonly tagsBelow: _angular_core.Signal<boolean>;
|
|
231
|
-
protected readonly suppressPlaceholder: _angular_core.Signal<boolean>;
|
|
232
|
-
protected showClearButton: _angular_core.Signal<boolean>;
|
|
233
|
-
/** Icon per below-tag, in selection order */
|
|
234
|
-
protected readonly tagIcons: _angular_core.Signal<IconName[]>;
|
|
235
|
-
protected safeErrors: _angular_core.Signal<string[]>;
|
|
236
|
-
private readonly controlInvalid;
|
|
237
|
-
protected hasError: _angular_core.Signal<boolean>;
|
|
238
|
-
protected hiddenItemsTooltip: _angular_core.Signal<string>;
|
|
239
|
-
constructor();
|
|
240
|
-
/**
|
|
241
|
-
* Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
|
|
242
|
-
* to display validation errors that might happen (e.g. required)
|
|
243
|
-
*/
|
|
244
|
-
ngDoCheck(): void;
|
|
245
|
-
ngAfterViewInit(): void;
|
|
246
|
-
ngOnDestroy(): void;
|
|
247
|
-
registerOnChange(fn: (value: T | T[] | null) => void): void;
|
|
248
|
-
registerOnTouched(fn: () => void): void;
|
|
249
|
-
setDisabledState(isDisabled: boolean): void;
|
|
250
|
-
writeValue(value: T | T[] | null): void;
|
|
251
|
-
protected get isGrouped(): boolean;
|
|
252
|
-
protected onOptionSelected(event: MatAutocompleteSelectedEvent): void;
|
|
253
|
-
protected onOptionRemoved(option: T): void;
|
|
254
|
-
/**
|
|
255
|
-
* Makes the whole below-tag a hit area for the control in its `uiAutocompleteTagSuffix` content
|
|
256
|
-
* (e.g. a menu trigger). The remove icon keeps its own behavior, and presses inside the suffix never
|
|
257
|
-
* reach here because the tag stops them.
|
|
258
|
-
*/
|
|
259
|
-
protected onTagActivate(event: Event): void;
|
|
260
|
-
protected onInputChange(event: Event): void;
|
|
261
|
-
protected onClear(): void;
|
|
262
|
-
protected onBlur(): void;
|
|
263
|
-
protected onPanelOpened(): void;
|
|
264
|
-
protected onScrollBottom(): void;
|
|
265
|
-
protected onFocus(): void;
|
|
266
|
-
private onUpdate;
|
|
267
|
-
protected get isDropdown(): boolean;
|
|
268
|
-
protected onChevronClick(autocomplete: MatAutocomplete): void;
|
|
269
|
-
protected trackByFn: (index: number, value: string) => string;
|
|
270
|
-
protected trackByItem: (_index: number, item: T) => unknown;
|
|
271
|
-
onKeydown($event: KeyboardEvent): void;
|
|
272
|
-
protected getVirtualScrollHeight(itemCount: number): number;
|
|
273
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutocompleteV2Component<any>, never>;
|
|
274
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AutocompleteV2Component<any>, "ui-autocomplete-v2", never, { "itemsList": { "alias": "itemsList"; "required": false; "isSignal": true; }; "suggestionsList": { "alias": "suggestionsList"; "required": false; "isSignal": true; }; "groupsList": { "alias": "groupsList"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "allowAdd": { "alias": "allowAdd"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "imageField": { "alias": "imageField"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": true; "isSignal": true; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "dropdownPanelClass": { "alias": "dropdownPanelClass"; "required": false; "isSignal": true; }; "panelPosition": { "alias": "panelPosition"; "required": false; "isSignal": true; }; "hideSelectedSection": { "alias": "hideSelectedSection"; "required": false; "isSignal": true; }; "userAdditionsGroupLabel": { "alias": "userAdditionsGroupLabel"; "required": false; "isSignal": true; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "allowUserInput": { "alias": "allowUserInput"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "dynamicFilterLoading": { "alias": "dynamicFilterLoading"; "required": false; "isSignal": true; }; "dynamicFilteredList": { "alias": "dynamicFilteredList"; "required": false; "isSignal": true; }; "infiniteScroll": { "alias": "infiniteScroll"; "required": false; "isSignal": true; }; "hasMoreOptionsForInfiniteScroll": { "alias": "hasMoreOptionsForInfiniteScroll"; "required": false; "isSignal": true; }; "itemValue": { "alias": "itemValue"; "required": false; "isSignal": true; }; "formErrorConfig": { "alias": "formErrorConfig"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "addOptionPosition": { "alias": "addOptionPosition"; "required": false; "isSignal": true; }; "tagsPosition": { "alias": "tagsPosition"; "required": false; "isSignal": true; }; "tagIcon": { "alias": "tagIcon"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; "blur": "blur"; "focus": "focus"; "scrollViewportBottomReached": "scrollViewportBottomReached"; "scrollViewportBottomReachedFiltered": "scrollViewportBottomReachedFiltered"; }, ["tagSuffix"], ["[autocompleteTagsSuffix]"], true, never>;
|
|
275
|
-
}
|
|
276
|
-
|
|
277
|
-
export { Autocomplete, AutocompleteFilterService, AutocompleteOverflowDetectDirective, AutocompleteTagSuffixDirective, AutocompleteV2Component, AutocompleteV2Utils, AutocompleteValueManager, DropdownVariation };
|
|
278
|
-
export type { AddOptionPosition, AutocompleteGroup, AutocompleteSize, AutocompleteTagSuffixContext, AutocompleteType, DropdownVariationType, TagsPosition };
|
|
477
|
+
export { ApplicationTheme };
|