@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.
- package/fesm2022/clr-angular-accordion.mjs +1 -1
- package/fesm2022/clr-angular-accordion.mjs.map +1 -1
- package/fesm2022/clr-angular-button.mjs +5 -5
- package/fesm2022/clr-angular-button.mjs.map +1 -1
- package/fesm2022/clr-angular-data-datagrid.mjs +18 -12
- package/fesm2022/clr-angular-data-datagrid.mjs.map +1 -1
- package/fesm2022/clr-angular-data.mjs +11 -9102
- package/fesm2022/clr-angular-data.mjs.map +1 -1
- package/fesm2022/clr-angular-emphasis.mjs +12 -778
- package/fesm2022/clr-angular-emphasis.mjs.map +1 -1
- package/fesm2022/clr-angular-forms-combobox.mjs +336 -43
- package/fesm2022/clr-angular-forms-combobox.mjs.map +1 -1
- package/fesm2022/clr-angular-forms-common.mjs +8 -6
- package/fesm2022/clr-angular-forms-common.mjs.map +1 -1
- package/fesm2022/clr-angular-forms-datepicker.mjs +5 -5
- package/fesm2022/clr-angular-forms-datepicker.mjs.map +1 -1
- package/fesm2022/clr-angular-forms-file-input.mjs +8 -6
- package/fesm2022/clr-angular-forms-file-input.mjs.map +1 -1
- package/fesm2022/clr-angular-forms.mjs +68 -8460
- package/fesm2022/clr-angular-forms.mjs.map +1 -1
- package/fesm2022/clr-angular-layout-nav.mjs +27 -25
- package/fesm2022/clr-angular-layout-nav.mjs.map +1 -1
- package/fesm2022/clr-angular-layout-tabs.mjs +1 -1
- package/fesm2022/clr-angular-layout-tabs.mjs.map +1 -1
- package/fesm2022/clr-angular-layout.mjs +15 -2057
- package/fesm2022/clr-angular-layout.mjs.map +1 -1
- package/fesm2022/clr-angular-modal.mjs +2 -3
- package/fesm2022/clr-angular-modal.mjs.map +1 -1
- package/fesm2022/clr-angular-popover-common.mjs +1 -1
- package/fesm2022/clr-angular-popover-common.mjs.map +1 -1
- package/fesm2022/clr-angular-popover-signpost.mjs +4 -4
- package/fesm2022/clr-angular-popover-signpost.mjs.map +1 -1
- package/fesm2022/clr-angular-popover-tooltip.mjs +4 -4
- package/fesm2022/clr-angular-popover-tooltip.mjs.map +1 -1
- package/fesm2022/clr-angular-popover.mjs +12 -2326
- package/fesm2022/clr-angular-popover.mjs.map +1 -1
- package/fesm2022/clr-angular-stepper.mjs +1 -1
- package/fesm2022/clr-angular-stepper.mjs.map +1 -1
- package/fesm2022/clr-angular-utils.mjs +9 -439
- package/fesm2022/clr-angular-utils.mjs.map +1 -1
- package/fesm2022/clr-angular-wizard.mjs +427 -224
- package/fesm2022/clr-angular-wizard.mjs.map +1 -1
- package/fesm2022/clr-angular.mjs +94 -38683
- package/fesm2022/clr-angular.mjs.map +1 -1
- package/package.json +7 -2
- package/schematics/collection.json +10 -0
- package/schematics/ng-update/index.d.ts +2 -0
- package/schematics/ng-update/index.js +66 -0
- package/schematics/ng-update/index.js.map +1 -0
- package/schematics/ng-update/migrations/css-migration.d.ts +5 -0
- package/schematics/ng-update/migrations/css-migration.js +167 -0
- package/schematics/ng-update/migrations/css-migration.js.map +1 -0
- package/schematics/ng-update/migrations/import-migration.d.ts +4 -0
- package/schematics/ng-update/migrations/import-migration.js +136 -0
- package/schematics/ng-update/migrations/import-migration.js.map +1 -0
- package/schematics/ng-update/migrations/template-migration.d.ts +5 -0
- package/schematics/ng-update/migrations/template-migration.js +175 -0
- package/schematics/ng-update/migrations/template-migration.js.map +1 -0
- package/schematics/ng-update/replacements/css-replacements.d.ts +17 -0
- package/schematics/ng-update/replacements/css-replacements.js +74 -0
- package/schematics/ng-update/replacements/css-replacements.js.map +1 -0
- package/schematics/ng-update/replacements/import-replacements.d.ts +13 -0
- package/schematics/ng-update/replacements/import-replacements.js +101 -0
- package/schematics/ng-update/replacements/import-replacements.js.map +1 -0
- package/schematics/ng-update/replacements/symbol-replacements.d.ts +12 -0
- package/schematics/ng-update/replacements/symbol-replacements.js +68 -0
- package/schematics/ng-update/replacements/symbol-replacements.js.map +1 -0
- package/schematics/ng-update/replacements/template-replacements.d.ts +14 -0
- package/schematics/ng-update/replacements/template-replacements.js +53 -0
- package/schematics/ng-update/replacements/template-replacements.js.map +1 -0
- package/schematics/ng-update/utils/file-visitor.d.ts +8 -0
- package/schematics/ng-update/utils/file-visitor.js +44 -0
- package/schematics/ng-update/utils/file-visitor.js.map +1 -0
- package/schematics/vitest.config.d.ts +2 -0
- package/schematics/vitest.config.js +17 -0
- package/schematics/vitest.config.js.map +1 -0
- package/types/clr-angular-accordion.d.ts +1 -1
- package/types/clr-angular-button.d.ts +1 -1
- package/types/clr-angular-data-datagrid.d.ts +23 -23
- package/types/clr-angular-data.d.ts +4 -2126
- package/types/clr-angular-emphasis.d.ts +4 -220
- package/types/clr-angular-forms-combobox.d.ts +56 -10
- package/types/clr-angular-forms-datepicker.d.ts +1 -1
- package/types/clr-angular-forms.d.ts +26 -2078
- package/types/clr-angular-layout-nav.d.ts +6 -2
- package/types/clr-angular-layout-tabs.d.ts +1 -1
- package/types/clr-angular-layout.d.ts +6 -463
- package/types/clr-angular-popover-common.d.ts +1 -1
- package/types/clr-angular-popover-signpost.d.ts +1 -1
- package/types/clr-angular-popover-tooltip.d.ts +1 -1
- package/types/clr-angular-popover.d.ts +7 -593
- package/types/clr-angular-stepper.d.ts +1 -1
- package/types/clr-angular-utils.d.ts +10 -162
- package/types/clr-angular-wizard.d.ts +89 -35
- 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
|
-
|
|
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
|
-
|
|
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,
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
|