@clr/angular 18.0.0-beta.2 → 18.0.0-beta.4

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.
Files changed (95) hide show
  1. package/fesm2022/clr-angular-accordion.mjs +1 -1
  2. package/fesm2022/clr-angular-accordion.mjs.map +1 -1
  3. package/fesm2022/clr-angular-button.mjs +5 -5
  4. package/fesm2022/clr-angular-button.mjs.map +1 -1
  5. package/fesm2022/clr-angular-data-datagrid.mjs +18 -12
  6. package/fesm2022/clr-angular-data-datagrid.mjs.map +1 -1
  7. package/fesm2022/clr-angular-data.mjs +11 -9102
  8. package/fesm2022/clr-angular-data.mjs.map +1 -1
  9. package/fesm2022/clr-angular-emphasis.mjs +12 -778
  10. package/fesm2022/clr-angular-emphasis.mjs.map +1 -1
  11. package/fesm2022/clr-angular-forms-combobox.mjs +336 -43
  12. package/fesm2022/clr-angular-forms-combobox.mjs.map +1 -1
  13. package/fesm2022/clr-angular-forms-common.mjs +8 -6
  14. package/fesm2022/clr-angular-forms-common.mjs.map +1 -1
  15. package/fesm2022/clr-angular-forms-datepicker.mjs +5 -5
  16. package/fesm2022/clr-angular-forms-datepicker.mjs.map +1 -1
  17. package/fesm2022/clr-angular-forms-file-input.mjs +8 -6
  18. package/fesm2022/clr-angular-forms-file-input.mjs.map +1 -1
  19. package/fesm2022/clr-angular-forms.mjs +68 -8460
  20. package/fesm2022/clr-angular-forms.mjs.map +1 -1
  21. package/fesm2022/clr-angular-layout-nav.mjs +27 -25
  22. package/fesm2022/clr-angular-layout-nav.mjs.map +1 -1
  23. package/fesm2022/clr-angular-layout-tabs.mjs +1 -1
  24. package/fesm2022/clr-angular-layout-tabs.mjs.map +1 -1
  25. package/fesm2022/clr-angular-layout.mjs +15 -2057
  26. package/fesm2022/clr-angular-layout.mjs.map +1 -1
  27. package/fesm2022/clr-angular-modal.mjs +2 -3
  28. package/fesm2022/clr-angular-modal.mjs.map +1 -1
  29. package/fesm2022/clr-angular-popover-common.mjs +1 -1
  30. package/fesm2022/clr-angular-popover-common.mjs.map +1 -1
  31. package/fesm2022/clr-angular-popover-signpost.mjs +4 -4
  32. package/fesm2022/clr-angular-popover-signpost.mjs.map +1 -1
  33. package/fesm2022/clr-angular-popover-tooltip.mjs +4 -4
  34. package/fesm2022/clr-angular-popover-tooltip.mjs.map +1 -1
  35. package/fesm2022/clr-angular-popover.mjs +12 -2326
  36. package/fesm2022/clr-angular-popover.mjs.map +1 -1
  37. package/fesm2022/clr-angular-stepper.mjs +1 -1
  38. package/fesm2022/clr-angular-stepper.mjs.map +1 -1
  39. package/fesm2022/clr-angular-utils.mjs +9 -439
  40. package/fesm2022/clr-angular-utils.mjs.map +1 -1
  41. package/fesm2022/clr-angular-wizard.mjs +427 -224
  42. package/fesm2022/clr-angular-wizard.mjs.map +1 -1
  43. package/fesm2022/clr-angular.mjs +94 -38683
  44. package/fesm2022/clr-angular.mjs.map +1 -1
  45. package/package.json +7 -2
  46. package/schematics/collection.json +10 -0
  47. package/schematics/ng-update/index.d.ts +2 -0
  48. package/schematics/ng-update/index.js +66 -0
  49. package/schematics/ng-update/index.js.map +1 -0
  50. package/schematics/ng-update/migrations/css-migration.d.ts +5 -0
  51. package/schematics/ng-update/migrations/css-migration.js +167 -0
  52. package/schematics/ng-update/migrations/css-migration.js.map +1 -0
  53. package/schematics/ng-update/migrations/import-migration.d.ts +4 -0
  54. package/schematics/ng-update/migrations/import-migration.js +136 -0
  55. package/schematics/ng-update/migrations/import-migration.js.map +1 -0
  56. package/schematics/ng-update/migrations/template-migration.d.ts +5 -0
  57. package/schematics/ng-update/migrations/template-migration.js +175 -0
  58. package/schematics/ng-update/migrations/template-migration.js.map +1 -0
  59. package/schematics/ng-update/replacements/css-replacements.d.ts +17 -0
  60. package/schematics/ng-update/replacements/css-replacements.js +74 -0
  61. package/schematics/ng-update/replacements/css-replacements.js.map +1 -0
  62. package/schematics/ng-update/replacements/import-replacements.d.ts +13 -0
  63. package/schematics/ng-update/replacements/import-replacements.js +101 -0
  64. package/schematics/ng-update/replacements/import-replacements.js.map +1 -0
  65. package/schematics/ng-update/replacements/symbol-replacements.d.ts +12 -0
  66. package/schematics/ng-update/replacements/symbol-replacements.js +68 -0
  67. package/schematics/ng-update/replacements/symbol-replacements.js.map +1 -0
  68. package/schematics/ng-update/replacements/template-replacements.d.ts +14 -0
  69. package/schematics/ng-update/replacements/template-replacements.js +53 -0
  70. package/schematics/ng-update/replacements/template-replacements.js.map +1 -0
  71. package/schematics/ng-update/utils/file-visitor.d.ts +8 -0
  72. package/schematics/ng-update/utils/file-visitor.js +44 -0
  73. package/schematics/ng-update/utils/file-visitor.js.map +1 -0
  74. package/schematics/vitest.config.d.ts +2 -0
  75. package/schematics/vitest.config.js +17 -0
  76. package/schematics/vitest.config.js.map +1 -0
  77. package/types/clr-angular-accordion.d.ts +1 -1
  78. package/types/clr-angular-button.d.ts +1 -1
  79. package/types/clr-angular-data-datagrid.d.ts +23 -23
  80. package/types/clr-angular-data.d.ts +4 -2126
  81. package/types/clr-angular-emphasis.d.ts +4 -220
  82. package/types/clr-angular-forms-combobox.d.ts +56 -10
  83. package/types/clr-angular-forms-datepicker.d.ts +1 -1
  84. package/types/clr-angular-forms.d.ts +26 -2078
  85. package/types/clr-angular-layout-nav.d.ts +6 -2
  86. package/types/clr-angular-layout-tabs.d.ts +1 -1
  87. package/types/clr-angular-layout.d.ts +6 -463
  88. package/types/clr-angular-popover-common.d.ts +1 -1
  89. package/types/clr-angular-popover-signpost.d.ts +1 -1
  90. package/types/clr-angular-popover-tooltip.d.ts +1 -1
  91. package/types/clr-angular-popover.d.ts +7 -593
  92. package/types/clr-angular-stepper.d.ts +1 -1
  93. package/types/clr-angular-utils.d.ts +10 -162
  94. package/types/clr-angular-wizard.d.ts +89 -35
  95. package/types/clr-angular.d.ts +22 -10270
@@ -1,15 +1,10 @@
1
1
  import * as i0 from '@angular/core';
2
- import { QueryList, OnInit, OnDestroy, EventEmitter, ChangeDetectorRef, Renderer2, ElementRef, AfterContentInit, Type } from '@angular/core';
3
2
  import * as i1 from '@clr/angular/emphasis/badge';
3
+ export * from '@clr/angular/emphasis/badge';
4
4
  import * as i2 from '@clr/angular/emphasis/label';
5
+ export * from '@clr/angular/emphasis/label';
5
6
  import * as i3 from '@clr/angular/emphasis/alert';
6
- import { ClrCommonStringsService } from '@clr/angular/utils';
7
- import { Observable } from 'rxjs';
8
- import * as i6 from '@angular/common';
9
- import * as i7 from '@clr/angular/icon';
10
- import * as i8 from '@clr/angular/popover/dropdown';
11
- import * as i9 from '@clr/angular/progress/spinner';
12
- import { Type as Type$1 } from '@clr/angular/emphasis/common';
7
+ export * from '@clr/angular/emphasis/alert';
13
8
 
14
9
  declare class ClrEmphasisModule {
15
10
  static ɵfac: i0.ɵɵFactoryDeclaration<ClrEmphasisModule, never>;
@@ -17,215 +12,4 @@ declare class ClrEmphasisModule {
17
12
  static ɵinj: i0.ɵɵInjectorDeclaration<ClrEmphasisModule>;
18
13
  }
19
14
 
20
- interface AlertInfoObject {
21
- shape: string;
22
- cssClass: string;
23
- title: string;
24
- }
25
-
26
- declare class AlertIconAndTypesService {
27
- private commonStrings;
28
- private defaultIconShape;
29
- private _alertIconShape;
30
- private _alertType;
31
- constructor(commonStrings: ClrCommonStringsService);
32
- get alertType(): string;
33
- set alertType(val: string);
34
- get alertIconShape(): string;
35
- set alertIconShape(val: string);
36
- get alertIconTitle(): string;
37
- iconInfoFromType(type: string): AlertInfoObject;
38
- static ɵfac: i0.ɵɵFactoryDeclaration<AlertIconAndTypesService, never>;
39
- static ɵprov: i0.ɵɵInjectableDeclaration<AlertIconAndTypesService>;
40
- }
41
-
42
- declare class MultiAlertService {
43
- private subscription;
44
- private allAlerts;
45
- private _change;
46
- private _current;
47
- /**
48
- * The Observable that lets other classes subscribe to changes
49
- */
50
- get changes(): Observable<number>;
51
- get current(): number;
52
- set current(index: number);
53
- get activeAlerts(): ClrAlert[];
54
- get currentAlert(): ClrAlert;
55
- set currentAlert(alert: ClrAlert);
56
- get count(): number;
57
- manage(alerts: QueryList<ClrAlert>): void;
58
- next(): void;
59
- previous(): void;
60
- open(): void;
61
- close(isCurrentAlert: boolean): void;
62
- destroy(): void;
63
- static ɵfac: i0.ɵɵFactoryDeclaration<MultiAlertService, never>;
64
- static ɵprov: i0.ɵɵInjectableDeclaration<MultiAlertService>;
65
- }
66
-
67
- declare class ClrAlert implements OnInit, OnDestroy {
68
- private iconService;
69
- private cdr;
70
- private multiAlertService;
71
- private commonStrings;
72
- private renderer;
73
- private hostElement;
74
- isSmall: boolean;
75
- closable: boolean;
76
- isAppLevel: boolean;
77
- clrCloseButtonAriaLabel: string;
78
- _closedChanged: EventEmitter<boolean>;
79
- _closed: boolean;
80
- private _hidden;
81
- private subscriptions;
82
- private _isLightweight;
83
- private _origAlertType;
84
- constructor(iconService: AlertIconAndTypesService, cdr: ChangeDetectorRef, multiAlertService: MultiAlertService, commonStrings: ClrCommonStringsService, renderer: Renderer2, hostElement: ElementRef<HTMLElement>);
85
- get isLightweight(): boolean;
86
- set isLightweight(val: boolean);
87
- get alertType(): string;
88
- set alertType(val: string);
89
- set alertIconShape(value: string);
90
- set closed(value: boolean);
91
- get alertClass(): string;
92
- get hidden(): boolean;
93
- set hidden(value: boolean);
94
- ngOnInit(): void;
95
- ngOnDestroy(): void;
96
- configAlertType(val: string): void;
97
- open(): void;
98
- close(): void;
99
- static ɵfac: i0.ɵɵFactoryDeclaration<ClrAlert, [null, null, { optional: true; }, null, null, null]>;
100
- static ɵcmp: i0.ɵɵComponentDeclaration<ClrAlert, "clr-alert", never, { "isSmall": { "alias": "clrAlertSizeSmall"; "required": false; }; "closable": { "alias": "clrAlertClosable"; "required": false; }; "isAppLevel": { "alias": "clrAlertAppLevel"; "required": false; }; "clrCloseButtonAriaLabel": { "alias": "clrCloseButtonAriaLabel"; "required": false; }; "isLightweight": { "alias": "clrAlertLightweight"; "required": false; }; "alertType": { "alias": "clrAlertType"; "required": false; }; "alertIconShape": { "alias": "clrAlertIcon"; "required": false; }; "closed": { "alias": "clrAlertClosed"; "required": false; }; }, { "_closedChanged": "clrAlertClosedChange"; }, never, ["*"], false, never>;
101
- }
102
-
103
- declare class ClrAlertItem {
104
- iconService: AlertIconAndTypesService;
105
- constructor(iconService: AlertIconAndTypesService);
106
- static ɵfac: i0.ɵɵFactoryDeclaration<ClrAlertItem, never>;
107
- static ɵcmp: i0.ɵɵComponentDeclaration<ClrAlertItem, "clr-alert-item", never, {}, {}, never, ["*"], false, never>;
108
- }
109
-
110
- /**
111
- * @remark
112
- * This directive is used only of selectin alert text.
113
- */
114
- declare class ClrAlertText {
115
- static ɵfac: i0.ɵɵFactoryDeclaration<ClrAlertText, never>;
116
- static ɵdir: i0.ɵɵDirectiveDeclaration<ClrAlertText, ".alert-text", never, {}, {}, never, never, false, never>;
117
- }
118
-
119
- declare class ClrAlerts implements AfterContentInit, OnDestroy {
120
- multiAlertService: MultiAlertService;
121
- currentAlertChange: EventEmitter<ClrAlert>;
122
- currentAlertIndexChange: EventEmitter<number>;
123
- private subscriptions;
124
- constructor(multiAlertService: MultiAlertService);
125
- set allAlerts(value: QueryList<ClrAlert>);
126
- /**
127
- * Input/Output to support two way binding on current alert index
128
- */
129
- set _inputCurrentIndex(index: number);
130
- get currentAlertIndex(): number;
131
- set currentAlertIndex(index: number);
132
- /**
133
- * Input/Output to support two way binding on current alert instance
134
- */
135
- get currentAlert(): ClrAlert;
136
- set currentAlert(alert: ClrAlert);
137
- /**
138
- * Ensure we are only dealing with alerts that have not been closed yet
139
- */
140
- get alerts(): ClrAlert[];
141
- get currentAlertType(): string;
142
- ngAfterContentInit(): void;
143
- ngOnDestroy(): void;
144
- static ɵfac: i0.ɵɵFactoryDeclaration<ClrAlerts, never>;
145
- static ɵcmp: i0.ɵɵComponentDeclaration<ClrAlerts, "clr-alerts", never, { "_inputCurrentIndex": { "alias": "clrCurrentAlertIndex"; "required": false; }; "currentAlert": { "alias": "clrCurrentAlert"; "required": false; }; }, { "currentAlertChange": "clrCurrentAlertChange"; "currentAlertIndexChange": "clrCurrentAlertIndexChange"; }, ["allAlerts"], ["clr-alert"], false, never>;
146
- }
147
-
148
- declare class ClrAlertsPager implements OnInit, OnDestroy {
149
- multiAlertService: MultiAlertService;
150
- commonStrings: ClrCommonStringsService;
151
- currentAlertChange: EventEmitter<ClrAlert>;
152
- currentAlertIndexChange: EventEmitter<number>;
153
- private multiAlertServiceChanges;
154
- constructor(multiAlertService: MultiAlertService, commonStrings: ClrCommonStringsService);
155
- /**
156
- * Input/Output to support two way binding on current alert instance
157
- */
158
- get currentAlert(): ClrAlert;
159
- set currentAlert(alert: ClrAlert);
160
- /**
161
- * Input/Output to support two way binding on current alert index
162
- */
163
- get currentAlertIndex(): number;
164
- set currentAlertIndex(index: number);
165
- protected get previousAlertAriaLabel(): string;
166
- protected get nextAlertAriaLabel(): string;
167
- ngOnInit(): void;
168
- ngOnDestroy(): void;
169
- pageUp(): void;
170
- pageDown(): void;
171
- static ɵfac: i0.ɵɵFactoryDeclaration<ClrAlertsPager, never>;
172
- static ɵcmp: i0.ɵɵComponentDeclaration<ClrAlertsPager, "clr-alerts-pager", never, { "currentAlert": { "alias": "clrCurrentAlert"; "required": false; }; "currentAlertIndex": { "alias": "clrCurrentAlertIndex"; "required": false; }; }, { "currentAlertChange": "clrCurrentAlertChange"; "currentAlertIndexChange": "clrCurrentAlertIndexChange"; }, never, never, false, never>;
173
- }
174
-
175
- declare const CLR_ALERT_DIRECTIVES: Type<any>[];
176
- declare class ClrAlertModule {
177
- constructor();
178
- static ɵfac: i0.ɵɵFactoryDeclaration<ClrAlertModule, never>;
179
- static ɵmod: i0.ɵɵNgModuleDeclaration<ClrAlertModule, [typeof ClrAlert, typeof ClrAlertItem, typeof ClrAlerts, typeof ClrAlertsPager, typeof ClrAlertText], [typeof i6.CommonModule, typeof i7.ClrIcon, typeof i8.ClrDropdownModule, typeof i9.ClrSpinnerModule], [typeof ClrAlert, typeof ClrAlertItem, typeof ClrAlerts, typeof ClrAlertsPager, typeof ClrAlertText]>;
180
- static ɵinj: i0.ɵɵInjectorDeclaration<ClrAlertModule>;
181
- }
182
-
183
- declare const ALERT_TYPES: string[];
184
-
185
- declare enum ClrBadgeColors {
186
- None = "",
187
- Info = "info",
188
- Warning = "warning",
189
- Danger = "danger",
190
- Success = "success",
191
- Gray = "gray",
192
- Blue = "blue",
193
- LightBlue = "light-blue",
194
- Orange = "orange",
195
- Purple = "purple"
196
- }
197
- declare class ClrBadge {
198
- color: ClrBadgeColors | string;
199
- type: Type$1 | string;
200
- get isOutlined(): boolean;
201
- get colorClass(): string;
202
- static ɵfac: i0.ɵɵFactoryDeclaration<ClrBadge, never>;
203
- static ɵcmp: i0.ɵɵComponentDeclaration<ClrBadge, "clr-badge", never, { "color": { "alias": "clrColor"; "required": false; }; "type": { "alias": "clrType"; "required": false; }; }, {}, never, ["*"], true, never>;
204
- }
205
-
206
- declare enum ClrLabelColors {
207
- None = "",
208
- Info = "info",
209
- Warning = "warning",
210
- Danger = "danger",
211
- Success = "success",
212
- Gray = "gray",
213
- Blue = "blue",
214
- LightBlue = "light-blue",
215
- Orange = "orange",
216
- Purple = "purple"
217
- }
218
- declare class ClrLabel {
219
- color: ClrLabelColors | string;
220
- badgeText: string;
221
- textContent: string;
222
- clickable: boolean;
223
- disabled: boolean;
224
- type: Type$1 | string;
225
- get isSolid(): boolean;
226
- get colorClass(): string;
227
- static ɵfac: i0.ɵɵFactoryDeclaration<ClrLabel, never>;
228
- static ɵcmp: i0.ɵɵComponentDeclaration<ClrLabel, "clr-label", never, { "color": { "alias": "clrColor"; "required": false; }; "badgeText": { "alias": "clrBadgeText"; "required": false; }; "textContent": { "alias": "clrText"; "required": false; }; "clickable": { "alias": "clrClickable"; "required": false; }; "disabled": { "alias": "clrDisabled"; "required": false; }; "type": { "alias": "clrType"; "required": false; }; }, {}, never, ["*"], true, never>;
229
- }
230
-
231
- export { ALERT_TYPES, CLR_ALERT_DIRECTIVES, ClrAlert, ClrAlertItem, ClrAlertModule, ClrAlertText, ClrAlerts, ClrAlertsPager, ClrBadge, ClrBadgeColors, ClrEmphasisModule, ClrLabel, ClrLabelColors };
15
+ export { ClrEmphasisModule };
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { AfterContentInit, AfterViewInit, ElementRef, TemplateRef, RendererFactory2, Renderer2, EventEmitter, ViewContainerRef, Injector, ChangeDetectorRef, OnInit, OnDestroy, QueryList, DoCheck, IterableDiffers, TrackByFunction } from '@angular/core';
2
+ import { AfterContentInit, AfterViewInit, ElementRef, TemplateRef, RendererFactory2, Renderer2, EventEmitter, QueryList, ViewContainerRef, Injector, ChangeDetectorRef, NgZone, OnInit, OnDestroy, DoCheck, IterableDiffers, TrackByFunction } from '@angular/core';
3
3
  import * as rxjs from 'rxjs';
4
4
  import { Observable } from 'rxjs';
5
5
  import * as i9 from '@angular/forms';
@@ -24,7 +24,7 @@ declare class ComboboxContainerService {
24
24
 
25
25
  declare class ClrComboboxContainer extends ClrAbstractContainer implements AfterContentInit, AfterViewInit {
26
26
  private containerService;
27
- private el;
27
+ el: ElementRef<HTMLElement>;
28
28
  controlContainer: ElementRef<HTMLElement>;
29
29
  constructor(layoutService: LayoutService, controlClassService: ControlClassService, ngControlService: NgControlService, containerService: ComboboxContainerService, el: ElementRef<HTMLElement>);
30
30
  ngAfterContentInit(): void;
@@ -34,6 +34,7 @@ declare class ClrComboboxContainer extends ClrAbstractContainer implements After
34
34
  }
35
35
 
36
36
  type ClrComboboxIdentityFunction<T> = (item: T) => any;
37
+ type ClrComboboxResolverFunction<T> = (input: string) => T;
37
38
  declare abstract class ComboboxModel<T> {
38
39
  model: T | T[];
39
40
  displayField?: string;
@@ -61,7 +62,7 @@ declare class ClrOptionSelected<T> {
61
62
  declare class OptionSelectionService<T> {
62
63
  loading: boolean;
63
64
  editable: boolean;
64
- filtering: boolean;
65
+ showSelectAll: boolean;
65
66
  selectionModel: ComboboxModel<T>;
66
67
  inputChanged: Observable<string>;
67
68
  showAllOptions: boolean;
@@ -69,6 +70,7 @@ declare class OptionSelectionService<T> {
69
70
  private _displayField;
70
71
  private _inputChanged;
71
72
  private _selectionChanged;
73
+ private _selectAllRequested;
72
74
  constructor();
73
75
  get displayField(): string;
74
76
  set displayField(value: string);
@@ -78,11 +80,19 @@ declare class OptionSelectionService<T> {
78
80
  get multiselectable(): boolean;
79
81
  get identityFn(): ClrComboboxIdentityFunction<T>;
80
82
  set identityFn(value: ClrComboboxIdentityFunction<T>);
83
+ get selectAllRequested(): Observable<void>;
84
+ requestSelectAll(): void;
85
+ editableResolver: ClrComboboxResolverFunction<T>;
81
86
  select(item: T): void;
82
87
  toggle(item: T): void;
88
+ selectMany(items: T[]): void;
89
+ unselectMany(items: T[]): void;
83
90
  unselect(item: T): void;
91
+ /**
92
+ * Checks whether all given items are currently selected, using identityFn for comparison.
93
+ */
94
+ containsAll(items: T[]): boolean;
84
95
  setSelectionValue(value: T | T[]): void;
85
- parseStringToModel(value: string): T;
86
96
  private _identityFn;
87
97
  private valuesEqualByIdentity;
88
98
  static ɵfac: i0.ɵɵFactoryDeclaration<OptionSelectionService<any>, never>;
@@ -125,6 +135,7 @@ declare class ComboboxFocusHandler<T> {
125
135
  focusInput(): void;
126
136
  focusFirstActive(): void;
127
137
  addOptionValues(options: OptionData<T>[]): void;
138
+ focusOption(option: OptionData<T>): void;
128
139
  private handleFocusSubscription;
129
140
  private moveFocusTo;
130
141
  private openAndMoveTo;
@@ -155,6 +166,8 @@ declare class ClrCombobox<T> extends WrappedFormControl<ClrComboboxContainer> im
155
166
  private platformId;
156
167
  private focusHandler;
157
168
  private cdr;
169
+ private zone;
170
+ private container;
158
171
  placeholder: string;
159
172
  clrInputChange: EventEmitter<string>;
160
173
  clrOpenChange: rxjs.Observable<boolean>;
@@ -165,17 +178,30 @@ declare class ClrCombobox<T> extends WrappedFormControl<ClrComboboxContainer> im
165
178
  textbox: ElementRef<HTMLInputElement>;
166
179
  trigger: ElementRef<HTMLButtonElement>;
167
180
  optionSelected: ClrOptionSelected<T>;
181
+ truncationButton: ElementRef;
182
+ wrapper: ElementRef;
183
+ calculationPills: QueryList<ElementRef<HTMLElement>>;
168
184
  focused: boolean;
169
185
  popoverPosition: ClrPopoverPosition;
170
186
  protected index: number;
171
187
  protected popoverType: ClrPopoverType;
188
+ protected containerWidth: any;
189
+ protected selectionExpanded: boolean;
190
+ protected calculatedLimit: number | undefined;
191
+ protected shouldCalculate: boolean;
192
+ protected isTotalSelection: boolean;
193
+ private resizeObserver;
194
+ private containerWidthChange;
172
195
  private options;
173
196
  private _searchText;
174
197
  private onTouchedCallback;
175
198
  private onChangeCallback;
176
- constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef<HTMLElement>, optionSelectionService: OptionSelectionService<T>, commonStrings: ClrCommonStringsService, popoverService: ClrPopoverService, containerService: ComboboxContainerService, platformId: any, focusHandler: ComboboxFocusHandler<T>, cdr: ChangeDetectorRef);
199
+ constructor(vcr: ViewContainerRef, injector: Injector, control: NgControl, renderer: Renderer2, el: ElementRef<HTMLElement>, optionSelectionService: OptionSelectionService<T>, commonStrings: ClrCommonStringsService, popoverService: ClrPopoverService, containerService: ComboboxContainerService, platformId: any, focusHandler: ComboboxFocusHandler<T>, cdr: ChangeDetectorRef, zone: NgZone, container: ClrComboboxContainer);
200
+ get showSelectAll(): boolean;
201
+ set showSelectAll(value: boolean);
177
202
  get editable(): boolean;
178
203
  set editable(value: boolean);
204
+ set editableResolver(value: ClrComboboxResolverFunction<T> | undefined);
179
205
  set identityFn(value: ClrComboboxIdentityFunction<T>);
180
206
  get multiSelect(): boolean | string;
181
207
  set multiSelect(value: boolean | string);
@@ -189,9 +215,15 @@ declare class ClrCombobox<T> extends WrappedFormControl<ClrComboboxContainer> im
189
215
  get ariaOwns(): string;
190
216
  get ariaDescribedBySelection(): string;
191
217
  get displayField(): string;
218
+ get showAllText(): string;
219
+ get allSelectedText(): string;
220
+ get showIndividualPills(): boolean;
221
+ get showTruncationToggle(): boolean;
192
222
  private get disabled();
193
223
  ngAfterContentInit(): void;
194
224
  ngAfterViewInit(): void;
225
+ ngOnDestroy(): void;
226
+ clearSelection(): void;
195
227
  onKeyUp(event: KeyboardEvent): void;
196
228
  inputId(): string;
197
229
  loadingStateChange(state: ClrLoadingState): void;
@@ -207,12 +239,18 @@ declare class ClrCombobox<T> extends WrappedFormControl<ClrComboboxContainer> im
207
239
  getActiveDescendant(): string;
208
240
  setDisabledState(): void;
209
241
  onWrapperClick(event: any): void;
242
+ toggleSelectionExpand(): void;
243
+ private initialiseObserver;
244
+ private calculateLimit;
245
+ private applyLimit;
246
+ private updateTotalSelection;
210
247
  private initializeSubscriptions;
211
248
  private updateInputValue;
212
249
  private updateControlValue;
213
250
  private getDisplayNames;
214
- static ɵfac: i0.ɵɵFactoryDeclaration<ClrCombobox<any>, [null, null, { optional: true; self: true; }, null, null, null, null, null, { optional: true; }, null, null, null]>;
215
- static ɵcmp: i0.ɵɵComponentDeclaration<ClrCombobox<any>, "clr-combobox", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "editable": { "alias": "clrEditable"; "required": false; }; "identityFn": { "alias": "clrComboboxIdentityFn"; "required": false; }; "multiSelect": { "alias": "clrMulti"; "required": false; }; }, { "clrInputChange": "clrInputChange"; "clrOpenChange": "clrOpenChange"; "clrSelectionChange": "clrSelectionChange"; }, ["optionSelected", "options"], ["*"], false, [{ directive: typeof i1.ClrPopoverHostDirective; inputs: {}; outputs: {}; }]>;
251
+ static ɵfac: i0.ɵɵFactoryDeclaration<ClrCombobox<any>, [null, null, { optional: true; self: true; }, null, null, null, null, null, { optional: true; }, null, null, null, null, { optional: true; host: true; }]>;
252
+ static ɵcmp: i0.ɵɵComponentDeclaration<ClrCombobox<any>, "clr-combobox", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "editable": { "alias": "clrEditable"; "required": false; }; "editableResolver": { "alias": "clrEditableResolverFn"; "required": false; }; "identityFn": { "alias": "clrComboboxIdentityFn"; "required": false; }; "multiSelect": { "alias": "clrMulti"; "required": false; }; }, { "clrInputChange": "clrInputChange"; "clrOpenChange": "clrOpenChange"; "clrSelectionChange": "clrSelectionChange"; }, ["optionSelected", "options"], ["*"], false, [{ directive: typeof i1.ClrPopoverHostDirective; inputs: {}; outputs: {}; }]>;
253
+ static ngAcceptInputType_showSelectAll: unknown;
216
254
  }
217
255
 
218
256
  declare class ClrOption<T> implements OnInit {
@@ -236,6 +274,7 @@ declare class ClrOption<T> implements OnInit {
236
274
  static ɵcmp: i0.ɵɵComponentDeclaration<ClrOption<any>, "clr-option", never, { "optionId": { "alias": "id"; "required": false; }; "value": { "alias": "clrValue"; "required": false; }; }, {}, never, ["*"], false, never>;
237
275
  }
238
276
 
277
+ declare const SELECT_ALL_ID = "select-all-id";
239
278
  declare class ClrOptions<T> implements AfterViewInit, LoadingListener, OnDestroy {
240
279
  optionSelectionService: OptionSelectionService<T>;
241
280
  id: number;
@@ -248,7 +287,9 @@ declare class ClrOptions<T> implements AfterViewInit, LoadingListener, OnDestroy
248
287
  loading: boolean;
249
288
  _items: QueryList<ClrOption<T>>;
250
289
  private subscriptions;
290
+ private _selectAllOption;
251
291
  constructor(optionSelectionService: OptionSelectionService<T>, id: number, el: ElementRef<HTMLElement>, commonStrings: ClrCommonStringsService, focusHandler: ComboboxFocusHandler<T>, popoverService: ClrPopoverService, parentHost: ElementRef<HTMLElement>, document: any);
292
+ set selectAllBtn(value: ElementRef);
252
293
  get items(): QueryList<ClrOption<T>>;
253
294
  set items(items: QueryList<ClrOption<T>>);
254
295
  /**
@@ -257,10 +298,15 @@ declare class ClrOptions<T> implements AfterViewInit, LoadingListener, OnDestroy
257
298
  get emptyOptions(): boolean;
258
299
  get editable(): boolean;
259
300
  get noResultsElementId(): string;
301
+ get showSelectAll(): boolean;
302
+ get allVisibleSelected(): boolean;
303
+ get isSelectAllFocused(): boolean;
304
+ toggleSelectAll(event?: Event): void;
260
305
  ngAfterViewInit(): void;
261
306
  ngOnDestroy(): void;
262
307
  searchText(input: string): string;
263
308
  loadingStateChange(state: ClrLoadingState): void;
309
+ private updateFocusableItems;
264
310
  static ɵfac: i0.ɵɵFactoryDeclaration<ClrOptions<any>, [null, null, null, null, null, null, { optional: true; }, null]>;
265
311
  static ɵcmp: i0.ɵɵComponentDeclaration<ClrOptions<any>, "clr-options", never, { "optionsId": { "alias": "id"; "required": false; }; }, {}, ["items"], ["*"], false, never>;
266
312
  }
@@ -299,9 +345,9 @@ declare class ClrOptionGroup<T> {
299
345
  declare class ClrComboboxModule {
300
346
  constructor();
301
347
  static ɵfac: i0.ɵɵFactoryDeclaration<ClrComboboxModule, never>;
302
- static ɵmod: i0.ɵɵNgModuleDeclaration<ClrComboboxModule, [typeof ClrCombobox, typeof ClrComboboxContainer, typeof ClrOptions, typeof ClrOption, typeof ClrOptionGroup, typeof ClrOptionSelected, typeof ClrOptionItems], [typeof i8.CommonModule, typeof i9.FormsModule, typeof i10.ClrIcon, typeof i11.ClrKeyFocusModule, typeof i12.ClrCommonFormsModule, typeof i11.ClrConditionalModule, typeof i1.ÇlrClrPopoverModuleNext, typeof i14.ClrSpinnerModule], [typeof i12.ClrCommonFormsModule, typeof ClrCombobox, typeof ClrComboboxContainer, typeof ClrOptions, typeof ClrOption, typeof ClrOptionGroup, typeof ClrOptionSelected, typeof i11.ClrConditionalModule, typeof ClrOptionItems]>;
348
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ClrComboboxModule, [typeof ClrCombobox, typeof ClrComboboxContainer, typeof ClrOptions, typeof ClrOption, typeof ClrOptionGroup, typeof ClrOptionSelected, typeof ClrOptionItems], [typeof i8.CommonModule, typeof i9.FormsModule, typeof i10.ClrIcon, typeof i11.ClrKeyFocusModule, typeof i12.ClrCommonFormsModule, typeof i11.ClrConditionalModule, typeof i1.ClrPopoverModuleNext, typeof i14.ClrSpinnerModule], [typeof i12.ClrCommonFormsModule, typeof ClrCombobox, typeof ClrComboboxContainer, typeof ClrOptions, typeof ClrOption, typeof ClrOptionGroup, typeof ClrOptionSelected, typeof i11.ClrConditionalModule, typeof ClrOptionItems]>;
303
349
  static ɵinj: i0.ɵɵInjectorDeclaration<ClrComboboxModule>;
304
350
  }
305
351
 
306
- export { ClrCombobox, ClrComboboxContainer, ClrComboboxModule, ClrOption, ClrOptionGroup, ClrOptionItems, ClrOptionSelected, ClrOptions };
307
- export type { ClrComboboxIdentityFunction };
352
+ export { ClrCombobox, ClrComboboxContainer, ClrComboboxModule, ClrOption, ClrOptionGroup, ClrOptionItems, ClrOptionSelected, ClrOptions, SELECT_ALL_ID };
353
+ export type { ClrComboboxIdentityFunction, ClrComboboxResolverFunction };
@@ -951,7 +951,7 @@ declare const CLR_DATEPICKER_DIRECTIVES: Type<any>[];
951
951
  declare class ClrDatepickerModule {
952
952
  constructor();
953
953
  static ɵfac: i0.ɵɵFactoryDeclaration<ClrDatepickerModule, never>;
954
- static ɵmod: i0.ɵɵNgModuleDeclaration<ClrDatepickerModule, [typeof ClrDateInput, typeof ClrDay, typeof ClrDateContainer, typeof ClrDateInputValidator, typeof ClrStartDateInput, typeof ClrEndDateInput, typeof ClrStartDateInputValidator, typeof ClrEndDateInputValidator, typeof ClrDatepickerViewManager, typeof ClrMonthpicker, typeof ClrYearpicker, typeof ClrDaypicker, typeof ClrCalendar, typeof ClrDatepickerActions], [typeof i13.CommonModule, typeof i14.CdkTrapFocusModule, typeof i14.ClrHostWrappingModule, typeof i14.ClrConditionalModule, typeof i1.ÇlrClrPopoverModuleNext, typeof i16.ClrIcon, typeof i17.ClrCommonFormsModule, typeof i18.ClrVerticalNavModule], [typeof ClrDateInput, typeof ClrDay, typeof ClrDateContainer, typeof ClrDateInputValidator, typeof ClrStartDateInput, typeof ClrEndDateInput, typeof ClrStartDateInputValidator, typeof ClrEndDateInputValidator, typeof ClrDatepickerViewManager, typeof ClrMonthpicker, typeof ClrYearpicker, typeof ClrDaypicker, typeof ClrCalendar, typeof ClrDatepickerActions]>;
954
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ClrDatepickerModule, [typeof ClrDateInput, typeof ClrDay, typeof ClrDateContainer, typeof ClrDateInputValidator, typeof ClrStartDateInput, typeof ClrEndDateInput, typeof ClrStartDateInputValidator, typeof ClrEndDateInputValidator, typeof ClrDatepickerViewManager, typeof ClrMonthpicker, typeof ClrYearpicker, typeof ClrDaypicker, typeof ClrCalendar, typeof ClrDatepickerActions], [typeof i13.CommonModule, typeof i14.CdkTrapFocusModule, typeof i14.ClrHostWrappingModule, typeof i14.ClrConditionalModule, typeof i1.ClrPopoverModuleNext, typeof i16.ClrIcon, typeof i17.ClrCommonFormsModule, typeof i18.ClrVerticalNavModule], [typeof ClrDateInput, typeof ClrDay, typeof ClrDateContainer, typeof ClrDateInputValidator, typeof ClrStartDateInput, typeof ClrEndDateInput, typeof ClrStartDateInputValidator, typeof ClrEndDateInputValidator, typeof ClrDatepickerViewManager, typeof ClrMonthpicker, typeof ClrYearpicker, typeof ClrDaypicker, typeof ClrCalendar, typeof ClrDatepickerActions]>;
955
955
  static ɵinj: i0.ɵɵInjectorDeclaration<ClrDatepickerModule>;
956
956
  }
957
957