@mozaic-ds/angular 2.0.0-beta.1 → 2.0.0-beta.11
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/README.md +1 -1
- package/fesm2022/mozaic-ds-angular.mjs +634 -670
- package/fesm2022/mozaic-ds-angular.mjs.map +1 -1
- package/package.json +3 -3
- package/{index.d.ts → types/mozaic-ds-angular.d.ts} +125 -124
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mozaic-ds/angular",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.11",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@angular/common": ">=20.3.15",
|
|
@@ -17,13 +17,13 @@
|
|
|
17
17
|
"url": "https://github.com/adeo/mozaic-angular.git"
|
|
18
18
|
},
|
|
19
19
|
"module": "fesm2022/mozaic-ds-angular.mjs",
|
|
20
|
-
"typings": "
|
|
20
|
+
"typings": "types/mozaic-ds-angular.d.ts",
|
|
21
21
|
"exports": {
|
|
22
22
|
"./package.json": {
|
|
23
23
|
"default": "./package.json"
|
|
24
24
|
},
|
|
25
25
|
".": {
|
|
26
|
-
"types": "./
|
|
26
|
+
"types": "./types/mozaic-ds-angular.d.ts",
|
|
27
27
|
"default": "./fesm2022/mozaic-ds-angular.mjs"
|
|
28
28
|
}
|
|
29
29
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { TemplateRef, ElementRef,
|
|
2
|
+
import { TemplateRef, OnInit, ElementRef, OnDestroy, Type, AfterViewInit, Renderer2, WritableSignal, AfterContentInit, QueryList, EventEmitter } from '@angular/core';
|
|
3
3
|
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
+
import { CheckCircle32, Uploading32, WarningCircle32, CrossCircleFilled24 } from '@mozaic-ds/icons-angular';
|
|
5
|
+
import { RouterLink } from '@angular/router';
|
|
4
6
|
import { DialogRef } from '@angular/cdk/dialog';
|
|
5
7
|
import { Observable } from 'rxjs';
|
|
6
|
-
import { CheckCircle32, Uploading32, WarningCircle32, CrossCircleFilled24 } from '@mozaic-ds/icons-angular';
|
|
7
|
-
import { RouterLinkWithHref } from '@angular/router';
|
|
8
8
|
|
|
9
9
|
type MozBreadcrumbAppearance = 'standard' | 'inverse';
|
|
10
10
|
interface MozBreadcrumbLink {
|
|
@@ -16,8 +16,11 @@ declare class MozBreadcrumbComponent {
|
|
|
16
16
|
appearance: _angular_core.InputSignal<MozBreadcrumbAppearance>;
|
|
17
17
|
links: _angular_core.InputSignal<MozBreadcrumbLink[]>;
|
|
18
18
|
readonly classObject: _angular_core.Signal<{
|
|
19
|
-
[x: string]: MozBreadcrumbAppearance;
|
|
19
|
+
[x: string]: boolean | MozBreadcrumbAppearance;
|
|
20
|
+
'mc-breadcrumb': boolean;
|
|
20
21
|
}>;
|
|
22
|
+
getLinkClass(): string;
|
|
23
|
+
getCurrentLinkClass(): string;
|
|
21
24
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozBreadcrumbComponent, never>;
|
|
22
25
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozBreadcrumbComponent, "moz-breadcrumb", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "links": { "alias": "links"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
23
26
|
}
|
|
@@ -38,7 +41,7 @@ declare class MozButtonComponent {
|
|
|
38
41
|
iconTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
39
42
|
readonly hostClasses: _angular_core.Signal<string>;
|
|
40
43
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozButtonComponent, never>;
|
|
41
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozButtonComponent, "
|
|
44
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozButtonComponent, "moz-button", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ghost": { "alias": "ghost"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, {}, ["iconTpl"], ["*", "[icon]"], true, never>;
|
|
42
45
|
}
|
|
43
46
|
|
|
44
47
|
declare class MozCheckboxComponent implements ControlValueAccessor {
|
|
@@ -56,6 +59,7 @@ declare class MozCheckboxComponent implements ControlValueAccessor {
|
|
|
56
59
|
'is-invalid': boolean;
|
|
57
60
|
}>;
|
|
58
61
|
readonly indentedClass: _angular_core.Signal<{
|
|
62
|
+
'mc-checkbox': boolean;
|
|
59
63
|
'mc-checkbox--indented': boolean;
|
|
60
64
|
}>;
|
|
61
65
|
writeValue(value: boolean): void;
|
|
@@ -68,6 +72,10 @@ declare class MozCheckboxComponent implements ControlValueAccessor {
|
|
|
68
72
|
|
|
69
73
|
declare class MozCheckboxGroupComponent implements ControlValueAccessor {
|
|
70
74
|
name: _angular_core.InputSignal<string>;
|
|
75
|
+
legend: _angular_core.InputSignal<string | undefined>;
|
|
76
|
+
necessityIndicator: _angular_core.InputSignal<string | undefined>;
|
|
77
|
+
helpText: _angular_core.InputSignal<string | undefined>;
|
|
78
|
+
helpId: _angular_core.InputSignal<string | undefined>;
|
|
71
79
|
options: _angular_core.InputSignal<{
|
|
72
80
|
id: string;
|
|
73
81
|
label: string;
|
|
@@ -78,6 +86,7 @@ declare class MozCheckboxGroupComponent implements ControlValueAccessor {
|
|
|
78
86
|
inline: _angular_core.InputSignal<boolean>;
|
|
79
87
|
_value: _angular_core.WritableSignal<string[]>;
|
|
80
88
|
readonly containerClass: _angular_core.Signal<{
|
|
89
|
+
'mc-field__content': boolean;
|
|
81
90
|
'mc-field__content--inline': boolean;
|
|
82
91
|
}>;
|
|
83
92
|
onChange: (_: string[]) => void;
|
|
@@ -87,8 +96,11 @@ declare class MozCheckboxGroupComponent implements ControlValueAccessor {
|
|
|
87
96
|
registerOnTouched(fn: () => void): void;
|
|
88
97
|
toggleSelection(event: Event, val: string): void;
|
|
89
98
|
isChecked(value: string): boolean;
|
|
99
|
+
getCheckboxInputClass(option: {
|
|
100
|
+
isInvalid?: boolean;
|
|
101
|
+
}): string;
|
|
90
102
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCheckboxGroupComponent, never>;
|
|
91
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozCheckboxGroupComponent, "moz-checkbox-group", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
103
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozCheckboxGroupComponent, "moz-checkbox-group", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "legend": { "alias": "legend"; "required": false; "isSignal": true; }; "necessityIndicator": { "alias": "necessityIndicator"; "required": false; "isSignal": true; }; "helpText": { "alias": "helpText"; "required": false; "isSignal": true; }; "helpId": { "alias": "helpId"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
92
104
|
}
|
|
93
105
|
|
|
94
106
|
type MozDividerOrientation = 'horizontal' | 'vertical';
|
|
@@ -117,96 +129,6 @@ declare class MozDividerComponent {
|
|
|
117
129
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDividerComponent, "moz-divider", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
118
130
|
}
|
|
119
131
|
|
|
120
|
-
type MozDrawerPosition = 'left' | 'right';
|
|
121
|
-
declare class MozDrawerComponent {
|
|
122
|
-
readonly open: _angular_core.InputSignal<boolean>;
|
|
123
|
-
readonly position: _angular_core.InputSignal<MozDrawerPosition>;
|
|
124
|
-
readonly extended: _angular_core.InputSignal<boolean>;
|
|
125
|
-
readonly back: _angular_core.InputSignal<boolean>;
|
|
126
|
-
readonly title: _angular_core.InputSignal<string>;
|
|
127
|
-
readonly contentTitle: _angular_core.InputSignal<string | undefined>;
|
|
128
|
-
readonly updateOpen: _angular_core.OutputEmitterRef<boolean>;
|
|
129
|
-
readonly backEvent: _angular_core.OutputEmitterRef<void>;
|
|
130
|
-
footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
131
|
-
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
132
|
-
readonly classMap: _angular_core.Signal<{
|
|
133
|
-
[x: string]: boolean;
|
|
134
|
-
'is-open': boolean;
|
|
135
|
-
'mc-drawer--extend': boolean;
|
|
136
|
-
}>;
|
|
137
|
-
readonly ariaModal: _angular_core.Signal<"true" | "false">;
|
|
138
|
-
constructor();
|
|
139
|
-
close(): void;
|
|
140
|
-
backClick(): void;
|
|
141
|
-
noop(): void;
|
|
142
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDrawerComponent, never>;
|
|
143
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDrawerComponent, "moz-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "extended": { "alias": "extended"; "required": false; "isSignal": true; }; "back": { "alias": "back"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "contentTitle": { "alias": "contentTitle"; "required": false; "isSignal": true; }; }, { "updateOpen": "updateOpen"; "backEvent": "backEvent"; }, ["footerTpl"], ["*", "[footer]"], true, never>;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
declare class MozDrawerContainerComponent<T = unknown, R = unknown> {
|
|
147
|
-
readonly dialogRef: DialogRef<R, unknown>;
|
|
148
|
-
readonly data: MozDrawerConfig<T>;
|
|
149
|
-
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
150
|
-
readonly drawerElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
|
|
151
|
-
private pendingClose;
|
|
152
|
-
private isClosing;
|
|
153
|
-
constructor();
|
|
154
|
-
private onTransitionEnd;
|
|
155
|
-
isTemplate(content: unknown): content is TemplateRef<{
|
|
156
|
-
$implicit: T | undefined;
|
|
157
|
-
}>;
|
|
158
|
-
isComponent(content: unknown): content is Type<unknown>;
|
|
159
|
-
asTemplate(content: unknown): TemplateRef<{
|
|
160
|
-
$implicit: T | undefined;
|
|
161
|
-
}>;
|
|
162
|
-
asComponent(content: unknown): Type<unknown>;
|
|
163
|
-
onButtonClick(button: {
|
|
164
|
-
label: string;
|
|
165
|
-
onClick?: () => void;
|
|
166
|
-
}): void;
|
|
167
|
-
onUpdateOpen(open: boolean): void;
|
|
168
|
-
onBackClick(): void;
|
|
169
|
-
close(result?: R): void;
|
|
170
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDrawerContainerComponent<any, any>, never>;
|
|
171
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDrawerContainerComponent<any, any>, "moz-drawer-container", never, {}, {}, never, never, true, never>;
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
interface MozDrawerButton {
|
|
175
|
-
label: string;
|
|
176
|
-
onClick?: () => void;
|
|
177
|
-
primary?: boolean;
|
|
178
|
-
}
|
|
179
|
-
interface MozDrawerConfig<T = unknown> {
|
|
180
|
-
title?: string;
|
|
181
|
-
contentTitle?: string;
|
|
182
|
-
position?: 'left' | 'right';
|
|
183
|
-
extended?: boolean;
|
|
184
|
-
back?: boolean;
|
|
185
|
-
onBack?: () => void;
|
|
186
|
-
content?: TemplateRef<T> | Type<unknown> | string;
|
|
187
|
-
data?: T;
|
|
188
|
-
panelClass?: string | string[];
|
|
189
|
-
backdropClass?: string | string[];
|
|
190
|
-
disableClose?: boolean;
|
|
191
|
-
ariaLabel?: string;
|
|
192
|
-
ariaDescribedBy?: string;
|
|
193
|
-
footerButtons?: MozDrawerButton[];
|
|
194
|
-
}
|
|
195
|
-
declare class MozDrawerRef<R = unknown> {
|
|
196
|
-
private _dialogRef;
|
|
197
|
-
setDialogRef(dialogRef: DialogRef<R, MozDrawerContainerComponent>): void;
|
|
198
|
-
close(result?: R): void;
|
|
199
|
-
get afterClosed(): Observable<R | undefined>;
|
|
200
|
-
get componentInstance(): MozDrawerContainerComponent | null;
|
|
201
|
-
}
|
|
202
|
-
declare class MozDrawerService {
|
|
203
|
-
private readonly dialog;
|
|
204
|
-
private readonly injector;
|
|
205
|
-
open<T = unknown, R = unknown>(config?: MozDrawerConfig<T>): MozDrawerRef<R>;
|
|
206
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDrawerService, never>;
|
|
207
|
-
static ɵprov: _angular_core.ɵɵInjectableDeclaration<MozDrawerService>;
|
|
208
|
-
}
|
|
209
|
-
|
|
210
132
|
declare class MozFieldComponent {
|
|
211
133
|
id: _angular_core.InputSignal<string | undefined>;
|
|
212
134
|
label: _angular_core.InputSignal<string | undefined>;
|
|
@@ -218,6 +140,7 @@ declare class MozFieldComponent {
|
|
|
218
140
|
messageId: _angular_core.InputSignal<string | undefined>;
|
|
219
141
|
message: _angular_core.InputSignal<string | undefined>;
|
|
220
142
|
readonly classes: _angular_core.Signal<{
|
|
143
|
+
'mc-field__validation-message': boolean;
|
|
221
144
|
'is-valid': boolean;
|
|
222
145
|
'is-invalid': boolean;
|
|
223
146
|
}>;
|
|
@@ -275,6 +198,7 @@ declare class MozFileUploaderComponent implements OnInit {
|
|
|
275
198
|
'mc-file-uploader__input--dragged': boolean;
|
|
276
199
|
}>;
|
|
277
200
|
iconTpl: any;
|
|
201
|
+
fileInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
|
|
278
202
|
ngOnInit(): void;
|
|
279
203
|
removeFile(index: number): void;
|
|
280
204
|
onDeleteFile(file: File): void;
|
|
@@ -334,6 +258,8 @@ declare class MozIconButtonComponent {
|
|
|
334
258
|
ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
335
259
|
readonly classes: _angular_core.Signal<{
|
|
336
260
|
[x: string]: boolean | MozIconButtonAppearance | MozIconButtonSize;
|
|
261
|
+
'mc-button': boolean;
|
|
262
|
+
'mc-button--icon-button': boolean;
|
|
337
263
|
'mc-button--ghost': boolean;
|
|
338
264
|
'mc-button--outlined': boolean;
|
|
339
265
|
}>;
|
|
@@ -355,9 +281,10 @@ declare class MozLinkComponent {
|
|
|
355
281
|
current: _angular_core.InputSignal<boolean>;
|
|
356
282
|
ariaCurrent: _angular_core.InputSignal<string | null>;
|
|
357
283
|
private readonly routerLinkActive;
|
|
358
|
-
readonly routerLink:
|
|
284
|
+
readonly routerLink: RouterLink | null;
|
|
359
285
|
readonly classes: _angular_core.Signal<{
|
|
360
286
|
[x: string]: boolean | MozLinkAppearance | MozLinkSize;
|
|
287
|
+
'mc-link': boolean;
|
|
361
288
|
'mc-link--inline': boolean;
|
|
362
289
|
'mc-link--stand-alone': boolean;
|
|
363
290
|
'mc-link--active': boolean;
|
|
@@ -368,17 +295,18 @@ declare class MozLinkComponent {
|
|
|
368
295
|
}
|
|
369
296
|
|
|
370
297
|
type MozLoaderAppearance = 'standard' | 'accent' | 'inverse';
|
|
371
|
-
type MozLoaderSize = 's' | 'm' | 'l';
|
|
298
|
+
type MozLoaderSize = 'xs' | 's' | 'm' | 'l';
|
|
372
299
|
declare class MozLoaderComponent {
|
|
373
300
|
appearance: _angular_core.InputSignal<MozLoaderAppearance>;
|
|
374
301
|
size: _angular_core.InputSignal<MozLoaderSize>;
|
|
375
302
|
text: _angular_core.InputSignal<string | undefined>;
|
|
376
303
|
readonly classes: _angular_core.Signal<{
|
|
377
304
|
[x: string]: boolean | MozLoaderAppearance | MozLoaderSize;
|
|
305
|
+
'mc-loader': boolean;
|
|
378
306
|
"mc-loader--text-visible": boolean;
|
|
379
307
|
}>;
|
|
380
|
-
readonly viewBox: _angular_core.Signal<"0 0 24 24" | "0 0 64 64" | "0 0 32 32">;
|
|
381
|
-
readonly circleRadius: _angular_core.Signal<6 | 19 | 9>;
|
|
308
|
+
readonly viewBox: _angular_core.Signal<"0 0 20 20" | "0 0 24 24" | "0 0 64 64" | "0 0 32 32">;
|
|
309
|
+
readonly circleRadius: _angular_core.Signal<3 | 6 | 19 | 9>;
|
|
382
310
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLoaderComponent, never>;
|
|
383
311
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozLoaderComponent, "moz-loader", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
384
312
|
}
|
|
@@ -398,6 +326,7 @@ declare class MozModalComponent {
|
|
|
398
326
|
constructor();
|
|
399
327
|
close(): void;
|
|
400
328
|
readonly classMap: _angular_core.Signal<{
|
|
329
|
+
'mc-modal': boolean;
|
|
401
330
|
'is-open': boolean;
|
|
402
331
|
}>;
|
|
403
332
|
readonly ariaModal: _angular_core.Signal<"true" | "false">;
|
|
@@ -406,15 +335,19 @@ declare class MozModalComponent {
|
|
|
406
335
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalComponent, "moz-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "updateOpen": "updateOpen"; "closeRequest": "closeRequest"; }, never, ["*"], true, never>;
|
|
407
336
|
}
|
|
408
337
|
|
|
409
|
-
declare class MozModalContainerComponent<T = unknown, R = unknown> {
|
|
338
|
+
declare class MozModalContainerComponent<T = unknown, R = unknown> implements OnDestroy {
|
|
410
339
|
readonly dialogRef: DialogRef<R, unknown>;
|
|
411
340
|
readonly data: MozModalConfig<T>;
|
|
412
341
|
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
413
342
|
readonly modalElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
|
|
414
343
|
private pendingClose;
|
|
415
344
|
private isClosing;
|
|
345
|
+
private transitionEndHandler?;
|
|
346
|
+
private closeTimeoutId?;
|
|
416
347
|
constructor();
|
|
348
|
+
ngOnDestroy(): void;
|
|
417
349
|
private onTransitionEnd;
|
|
350
|
+
private cleanupAndClose;
|
|
418
351
|
isTemplate(content: unknown): content is TemplateRef<{
|
|
419
352
|
$implicit: T | undefined;
|
|
420
353
|
}>;
|
|
@@ -495,7 +428,8 @@ declare class MozNumberBadgeComponent {
|
|
|
495
428
|
appearance: _angular_core.InputSignal<MozNumberBadgeAppearance>;
|
|
496
429
|
size: _angular_core.InputSignal<MozNumberBadgeSize>;
|
|
497
430
|
readonly classes: _angular_core.Signal<{
|
|
498
|
-
[x: string]: MozNumberBadgeAppearance | MozNumberBadgeSize;
|
|
431
|
+
[x: string]: boolean | MozNumberBadgeAppearance | MozNumberBadgeSize;
|
|
432
|
+
'mc-number-badge': boolean;
|
|
499
433
|
}>;
|
|
500
434
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozNumberBadgeComponent, never>;
|
|
501
435
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozNumberBadgeComponent, "moz-number-badge", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
@@ -512,6 +446,10 @@ declare class MozOverlayComponent {
|
|
|
512
446
|
* Accessible label for the overlay dialog.
|
|
513
447
|
*/
|
|
514
448
|
dialogLabel: _angular_core.InputSignal<string | undefined>;
|
|
449
|
+
readonly classes: _angular_core.Signal<{
|
|
450
|
+
'mc-overlay': boolean;
|
|
451
|
+
'is-visible': boolean | undefined;
|
|
452
|
+
}>;
|
|
515
453
|
onBackdropClick(): void;
|
|
516
454
|
noop(): void;
|
|
517
455
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozOverlayComponent, never>;
|
|
@@ -591,7 +529,7 @@ declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
|
|
|
591
529
|
private readonly cdr;
|
|
592
530
|
private readonly ngZone;
|
|
593
531
|
id: _angular_core.InputSignal<string>;
|
|
594
|
-
length: _angular_core.InputSignal<
|
|
532
|
+
length: _angular_core.InputSignal<6 | 4 | 5>;
|
|
595
533
|
name: _angular_core.InputSignal<string | undefined>;
|
|
596
534
|
isInvalid: _angular_core.InputSignal<boolean>;
|
|
597
535
|
disabled: _angular_core.InputSignal<boolean>;
|
|
@@ -602,6 +540,7 @@ declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
|
|
|
602
540
|
onChange: (value: string) => void;
|
|
603
541
|
onTouched: () => void;
|
|
604
542
|
readonly classObject: _angular_core.Signal<{
|
|
543
|
+
'mc-pincode-input': boolean;
|
|
605
544
|
'is-invalid': boolean;
|
|
606
545
|
}>;
|
|
607
546
|
ngOnInit(): void;
|
|
@@ -633,6 +572,7 @@ declare class MozQuantitySelectorComponent implements ControlValueAccessor {
|
|
|
633
572
|
readonly _value: _angular_core.WritableSignal<number>;
|
|
634
573
|
readonly classes: _angular_core.Signal<{
|
|
635
574
|
[x: string]: boolean | MozQuantitySelectorSize;
|
|
575
|
+
'mc-quantity-selector': boolean;
|
|
636
576
|
'is-invalid': boolean;
|
|
637
577
|
}>;
|
|
638
578
|
private onChange;
|
|
@@ -661,6 +601,7 @@ declare class MozRadioComponent implements ControlValueAccessor {
|
|
|
661
601
|
registerOnChange(fn: (value: boolean) => void): void;
|
|
662
602
|
registerOnTouched(fn: () => void): void;
|
|
663
603
|
readonly classes: _angular_core.Signal<{
|
|
604
|
+
'mc-radio__input': boolean;
|
|
664
605
|
'is-invalid': boolean;
|
|
665
606
|
}>;
|
|
666
607
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozRadioComponent, never>;
|
|
@@ -685,6 +626,7 @@ declare class MozRadioGroupComponent implements ControlValueAccessor {
|
|
|
685
626
|
registerOnTouched(fn: () => void): void;
|
|
686
627
|
select(value: string): void;
|
|
687
628
|
readonly classes: _angular_core.Signal<{
|
|
629
|
+
'mc-field__content': boolean;
|
|
688
630
|
'mc-field__content--inline': boolean;
|
|
689
631
|
}>;
|
|
690
632
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozRadioGroupComponent, never>;
|
|
@@ -718,6 +660,7 @@ declare class MozSelectComponent implements ControlValueAccessor {
|
|
|
718
660
|
handleChange(event: Event): void;
|
|
719
661
|
readonly classes: _angular_core.Signal<{
|
|
720
662
|
[x: string]: boolean | MozSelectSize;
|
|
663
|
+
'mc-select': boolean;
|
|
721
664
|
'mc-select--readonly': boolean;
|
|
722
665
|
'is-invalid': boolean;
|
|
723
666
|
}>;
|
|
@@ -730,7 +673,8 @@ declare class MozStatusBadgeComponent {
|
|
|
730
673
|
label: _angular_core.InputSignal<string | undefined>;
|
|
731
674
|
status: _angular_core.InputSignal<MozStatusBadgeStatus>;
|
|
732
675
|
readonly classes: _angular_core.Signal<{
|
|
733
|
-
[x: string]: MozStatusBadgeStatus;
|
|
676
|
+
[x: string]: boolean | MozStatusBadgeStatus;
|
|
677
|
+
'mc-status-badge': boolean;
|
|
734
678
|
}>;
|
|
735
679
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusBadgeComponent, never>;
|
|
736
680
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusBadgeComponent, "moz-status-badge", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
@@ -742,7 +686,8 @@ declare class MozStatusDotComponent {
|
|
|
742
686
|
status: _angular_core.InputSignal<MozStatusDotStatus>;
|
|
743
687
|
size: _angular_core.InputSignal<MozStatusDotSize>;
|
|
744
688
|
readonly classes: _angular_core.Signal<{
|
|
745
|
-
[x: string]: MozStatusDotStatus | MozStatusDotSize;
|
|
689
|
+
[x: string]: boolean | MozStatusDotStatus | MozStatusDotSize;
|
|
690
|
+
'mc-status-dot': boolean;
|
|
746
691
|
}>;
|
|
747
692
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusDotComponent, never>;
|
|
748
693
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusDotComponent, "moz-status-dot", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
@@ -757,7 +702,8 @@ declare class MozStatusNotificationComponent {
|
|
|
757
702
|
closed: _angular_core.OutputEmitterRef<void>;
|
|
758
703
|
footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
759
704
|
readonly classes: _angular_core.Signal<{
|
|
760
|
-
[x: string]: MozStatusNotificationStatus;
|
|
705
|
+
[x: string]: boolean | MozStatusNotificationStatus;
|
|
706
|
+
'mc-status-notification': boolean;
|
|
761
707
|
}>;
|
|
762
708
|
readonly iconComponent: _angular_core.Signal<typeof CheckCircle32>;
|
|
763
709
|
onCloseClick(): void;
|
|
@@ -765,30 +711,53 @@ declare class MozStatusNotificationComponent {
|
|
|
765
711
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusNotificationComponent, "moz-status-notification", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, ["footerTpl"], never, true, never>;
|
|
766
712
|
}
|
|
767
713
|
|
|
714
|
+
declare class MozTabComponent {
|
|
715
|
+
label: _angular_core.InputSignal<string>;
|
|
716
|
+
icon: _angular_core.InputSignal<Type<unknown> | undefined>;
|
|
717
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
718
|
+
routerLink: _angular_core.InputSignal<string | undefined>;
|
|
719
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTabComponent, never>;
|
|
720
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTabComponent, "moz-tab", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
721
|
+
}
|
|
722
|
+
|
|
768
723
|
interface MozTabItem {
|
|
769
724
|
label: string;
|
|
770
725
|
icon?: Type<unknown>;
|
|
771
726
|
disabled?: boolean;
|
|
772
727
|
routerLink?: string;
|
|
773
728
|
}
|
|
774
|
-
declare class MozTabsComponent {
|
|
775
|
-
tabs:
|
|
729
|
+
declare class MozTabsComponent implements AfterContentInit {
|
|
730
|
+
tabs: QueryList<MozTabComponent>;
|
|
776
731
|
description: _angular_core.InputSignal<string | undefined>;
|
|
777
732
|
divider: _angular_core.InputSignal<boolean>;
|
|
778
733
|
centered: _angular_core.InputSignal<boolean>;
|
|
779
734
|
selectedIndex: _angular_core.ModelSignal<number>;
|
|
735
|
+
tabsInput: _angular_core.InputSignal<MozTabItem[]>;
|
|
780
736
|
selectedIndexChange: EventEmitter<number>;
|
|
737
|
+
tabsArray: _angular_core.WritableSignal<MozTabComponent[]>;
|
|
738
|
+
virtualTabs: _angular_core.WritableSignal<MozTabItem[]>;
|
|
739
|
+
constructor();
|
|
740
|
+
ngAfterContentInit(): void;
|
|
741
|
+
hasVirtualTabs: _angular_core.Signal<boolean>;
|
|
781
742
|
readonly classes: _angular_core.Signal<{
|
|
743
|
+
'mc-tabs': boolean;
|
|
782
744
|
'mc-tabs--centered': boolean;
|
|
783
745
|
}>;
|
|
784
746
|
isTabSelected: (index: number) => boolean;
|
|
785
747
|
getTabClasses(index: number): _angular_core.Signal<{
|
|
748
|
+
'mc-tabs__tab': boolean;
|
|
749
|
+
'mc-tabs__tab--selected': boolean;
|
|
750
|
+
'mc-tabs__tab--disabled': boolean;
|
|
751
|
+
}>;
|
|
752
|
+
getVirtualTabClasses(index: number): _angular_core.Signal<{
|
|
753
|
+
'mc-tabs__tab': boolean;
|
|
786
754
|
'mc-tabs__tab--selected': boolean;
|
|
787
755
|
'mc-tabs__tab--disabled': boolean;
|
|
788
756
|
}>;
|
|
789
757
|
onClickTab(index: number): void;
|
|
758
|
+
onClickVirtualTab(index: number, tab: MozTabItem): void;
|
|
790
759
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTabsComponent, never>;
|
|
791
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTabsComponent, "moz-tabs", never, { "
|
|
760
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTabsComponent, "moz-tabs", never, { "description": { "alias": "description"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; "centered": { "alias": "centered"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "tabsInput": { "alias": "tabs"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; "selectedIndexChange": "selectedIndexChange"; }, ["tabs"], never, true, never>;
|
|
792
761
|
}
|
|
793
762
|
|
|
794
763
|
type MozTagType = 'informative' | 'interactive' | 'contextualised' | 'removable' | 'selectable';
|
|
@@ -798,7 +767,6 @@ declare class MozTagComponent implements ControlValueAccessor {
|
|
|
798
767
|
readonly size: _angular_core.InputSignal<MozTagSize>;
|
|
799
768
|
readonly id: _angular_core.InputSignal<string>;
|
|
800
769
|
readonly name: _angular_core.InputSignal<string | undefined>;
|
|
801
|
-
readonly label: _angular_core.InputSignal<string>;
|
|
802
770
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
803
771
|
readonly contextualisedNumber: _angular_core.InputSignal<number>;
|
|
804
772
|
readonly removableLabel: _angular_core.InputSignal<string>;
|
|
@@ -815,7 +783,7 @@ declare class MozTagComponent implements ControlValueAccessor {
|
|
|
815
783
|
onCheckboxChange(event: Event): void;
|
|
816
784
|
onRemove(): void;
|
|
817
785
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTagComponent, never>;
|
|
818
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTagComponent, "moz-tag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "
|
|
786
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTagComponent, "moz-tag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "contextualisedNumber": { "alias": "contextualisedNumber"; "required": false; "isSignal": true; }; "removableLabel": { "alias": "removableLabel"; "required": false; "isSignal": true; }; }, { "removeTag": "removeTag"; }, never, ["*"], true, never>;
|
|
819
787
|
}
|
|
820
788
|
|
|
821
789
|
/**
|
|
@@ -890,11 +858,11 @@ type MozToggleSize = 's' | 'm';
|
|
|
890
858
|
declare class MozToggleComponent implements ControlValueAccessor {
|
|
891
859
|
id: _angular_core.InputSignal<string>;
|
|
892
860
|
name: _angular_core.InputSignal<string | undefined>;
|
|
893
|
-
label: _angular_core.InputSignal<string | undefined>;
|
|
894
861
|
size: _angular_core.InputSignal<MozToggleSize>;
|
|
895
862
|
disabled: _angular_core.InputSignal<boolean>;
|
|
896
863
|
readonly classes: _angular_core.Signal<{
|
|
897
|
-
[x: string]: MozToggleSize;
|
|
864
|
+
[x: string]: boolean | MozToggleSize;
|
|
865
|
+
'mc-toggle': boolean;
|
|
898
866
|
}>;
|
|
899
867
|
_value: _angular_core.WritableSignal<boolean>;
|
|
900
868
|
onChange: (_: boolean) => void;
|
|
@@ -904,13 +872,13 @@ declare class MozToggleComponent implements ControlValueAccessor {
|
|
|
904
872
|
registerOnTouched(fn: () => void): void;
|
|
905
873
|
onInputChange(event: Event): void;
|
|
906
874
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozToggleComponent, never>;
|
|
907
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozToggleComponent, "moz-toggle", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "
|
|
875
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozToggleComponent, "moz-toggle", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
908
876
|
}
|
|
909
877
|
|
|
910
878
|
type MozFlagType = 'default' | 'accent' | 'danger' | 'inverse';
|
|
911
879
|
declare class MozFlagComponent {
|
|
912
880
|
readonly type: _angular_core.InputSignal<MozFlagType>;
|
|
913
|
-
get typeClass(): "" | "mc-flag--accent" | "mc-flag--danger" | "mc-flag--inverse";
|
|
881
|
+
get typeClass(): "mc-flag" | "mc-flag mc-flag--accent" | "mc-flag mc-flag--danger" | "mc-flag mc-flag--inverse";
|
|
914
882
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFlagComponent, never>;
|
|
915
883
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozFlagComponent, "moz-flag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
916
884
|
}
|
|
@@ -927,6 +895,8 @@ declare class MozDatepickerComponent implements ControlValueAccessor {
|
|
|
927
895
|
readonly label: _angular_core.InputSignal<string>;
|
|
928
896
|
_value: _angular_core.WritableSignal<string | null>;
|
|
929
897
|
readonly classes: _angular_core.Signal<{
|
|
898
|
+
'mc-datepicker': boolean;
|
|
899
|
+
'mc-text-input': boolean;
|
|
930
900
|
'is-invalid': boolean;
|
|
931
901
|
'mc-datepicker--s': boolean;
|
|
932
902
|
'mc-text-input--s': boolean;
|
|
@@ -1014,9 +984,10 @@ declare class MozCalloutComponent {
|
|
|
1014
984
|
message: _angular_core.InputSignal<string | null>;
|
|
1015
985
|
role: _angular_core.InputSignal<string>;
|
|
1016
986
|
variant: _angular_core.InputSignal<MozCalloutVariant>;
|
|
987
|
+
footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
1017
988
|
classes: _angular_core.Signal<string>;
|
|
1018
989
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCalloutComponent, never>;
|
|
1019
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozCalloutComponent, "moz-callout", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {},
|
|
990
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozCalloutComponent, "moz-callout", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, ["footerTpl"], never, true, never>;
|
|
1020
991
|
}
|
|
1021
992
|
|
|
1022
993
|
type MozAvatarSize = 's' | 'm' | 'l';
|
|
@@ -1183,11 +1154,13 @@ declare class MozSegmentedControlComponent {
|
|
|
1183
1154
|
index: number;
|
|
1184
1155
|
value: string | number;
|
|
1185
1156
|
}>;
|
|
1186
|
-
|
|
1157
|
+
classes: _angular_core.Signal<{
|
|
1158
|
+
'mc-segmented-control': boolean;
|
|
1187
1159
|
'mc-segmented-control--m': boolean;
|
|
1188
1160
|
'mc-segmented-control--full': boolean;
|
|
1189
1161
|
}>;
|
|
1190
1162
|
segmentClasses: (index: number) => _angular_core.Signal<{
|
|
1163
|
+
'mc-segmented-control__segment': boolean;
|
|
1191
1164
|
'mc-segmented-control__segment--selected': boolean;
|
|
1192
1165
|
}>;
|
|
1193
1166
|
private buttons;
|
|
@@ -1296,6 +1269,7 @@ declare class MozAccordionComponent {
|
|
|
1296
1269
|
declare class MozActionBottomBarComponent {
|
|
1297
1270
|
boxShadow: _angular_core.InputSignal<boolean>;
|
|
1298
1271
|
readonly classes: _angular_core.Signal<{
|
|
1272
|
+
'mc-action-bottom-bar': boolean;
|
|
1299
1273
|
'mc-action-bottom-bar--shadow': boolean;
|
|
1300
1274
|
}>;
|
|
1301
1275
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozActionBottomBarComponent, never>;
|
|
@@ -1380,7 +1354,8 @@ declare class MozStatusMessageComponent {
|
|
|
1380
1354
|
status: _angular_core.InputSignal<MozStatusMessageStatus>;
|
|
1381
1355
|
description: _angular_core.InputSignal<string | null>;
|
|
1382
1356
|
readonly classes: _angular_core.Signal<{
|
|
1383
|
-
[x: string]: MozStatusMessageStatus;
|
|
1357
|
+
[x: string]: boolean | MozStatusMessageStatus;
|
|
1358
|
+
'mc-status-message': boolean;
|
|
1384
1359
|
}>;
|
|
1385
1360
|
readonly iconComponent: _angular_core.Signal<typeof CrossCircleFilled24>;
|
|
1386
1361
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusMessageComponent, never>;
|
|
@@ -1481,7 +1456,7 @@ declare class MozStarRatingComponent {
|
|
|
1481
1456
|
readonly hasInfoText: _angular_core.Signal<boolean>;
|
|
1482
1457
|
readonly ariaLabel: _angular_core.Signal<string>;
|
|
1483
1458
|
readonly stars: _angular_core.Signal<number[]>;
|
|
1484
|
-
readonly
|
|
1459
|
+
readonly classes: _angular_core.Signal<{
|
|
1485
1460
|
'mc-star-rating': boolean;
|
|
1486
1461
|
'mc-star-rating--link': boolean;
|
|
1487
1462
|
'mc-star-rating--slider': boolean;
|
|
@@ -1773,7 +1748,7 @@ declare class MozPageHeaderComponent {
|
|
|
1773
1748
|
}
|
|
1774
1749
|
|
|
1775
1750
|
type MozTileAppearance = 'primary' | 'secondary' | 'inverse';
|
|
1776
|
-
declare class
|
|
1751
|
+
declare class MozTileComponent {
|
|
1777
1752
|
appearance: _angular_core.InputSignal<MozTileAppearance>;
|
|
1778
1753
|
isBordered: _angular_core.InputSignal<boolean>;
|
|
1779
1754
|
extraAction: _angular_core.InputSignal<boolean>;
|
|
@@ -1782,8 +1757,8 @@ declare class MozBasicTileComponent {
|
|
|
1782
1757
|
'mc-tile': boolean;
|
|
1783
1758
|
'mc-tile--bordered': boolean;
|
|
1784
1759
|
}>;
|
|
1785
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
1786
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
1760
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTileComponent, never>;
|
|
1761
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTileComponent, "moz-tile", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "isBordered": { "alias": "isBordered"; "required": false; "isSignal": true; }; "extraAction": { "alias": "extraAction"; "required": false; "isSignal": true; }; }, {}, never, ["[action]", "[segmented]", "[body]"], true, never>;
|
|
1787
1762
|
}
|
|
1788
1763
|
|
|
1789
1764
|
type MozTileSelectableType = 'checkbox' | 'radio';
|
|
@@ -1830,5 +1805,31 @@ declare class MozTileExpandableComponent {
|
|
|
1830
1805
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTileExpandableComponent, "moz-tile-expandable", never, { "triggerMode": { "alias": "triggerMode"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, ["[segmented]", "[body]"], true, never>;
|
|
1831
1806
|
}
|
|
1832
1807
|
|
|
1833
|
-
|
|
1834
|
-
|
|
1808
|
+
type MozDrawerPosition = 'left' | 'right';
|
|
1809
|
+
declare class DrawerComponent {
|
|
1810
|
+
readonly open: _angular_core.InputSignal<boolean>;
|
|
1811
|
+
readonly position: _angular_core.InputSignal<MozDrawerPosition>;
|
|
1812
|
+
readonly extended: _angular_core.InputSignal<boolean>;
|
|
1813
|
+
readonly back: _angular_core.InputSignal<boolean>;
|
|
1814
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
1815
|
+
readonly contentTitle: _angular_core.InputSignal<string | undefined>;
|
|
1816
|
+
readonly updateOpen: _angular_core.OutputEmitterRef<boolean>;
|
|
1817
|
+
readonly backEvent: _angular_core.OutputEmitterRef<void>;
|
|
1818
|
+
footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
1819
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
1820
|
+
readonly classMap: _angular_core.Signal<{
|
|
1821
|
+
[x: string]: boolean;
|
|
1822
|
+
'is-open': boolean;
|
|
1823
|
+
'mc-drawer--extend': boolean;
|
|
1824
|
+
}>;
|
|
1825
|
+
readonly ariaModal: _angular_core.Signal<"true" | "false">;
|
|
1826
|
+
constructor();
|
|
1827
|
+
close(): void;
|
|
1828
|
+
backClick(): void;
|
|
1829
|
+
noop(): void;
|
|
1830
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerComponent, never>;
|
|
1831
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerComponent, "moz-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "extended": { "alias": "extended"; "required": false; "isSignal": true; }; "back": { "alias": "back"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "contentTitle": { "alias": "contentTitle"; "required": false; "isSignal": true; }; }, { "updateOpen": "updateOpen"; "backEvent": "backEvent"; }, ["footerTpl"], ["*"], true, never>;
|
|
1832
|
+
}
|
|
1833
|
+
|
|
1834
|
+
export { BuiltInMenuComponent, DrawerComponent, MozAccordionComponent, MozAccordionContentComponent, MozAccordionHeaderComponent, MozAccordionPanelComponent, MozActionBottomBarComponent, MozActionListboxComponent, MozAvatarComponent, MozBreadcrumbComponent, MozButtonComponent, MozCalloutComponent, MozCarouselComponent, MozCheckListMenuComponent, MozCheckboxComponent, MozCheckboxGroupComponent, MozCircularProgressBarComponent, MozDatepickerComponent, MozDividerComponent, MozFieldComponent, MozFieldGroupComponent, MozFileUploaderComponent, MozFileUploaderItemComponent, MozFlagComponent, MozIconButtonComponent, MozKpiComponent, MozLinearProgressBarBufferComponent, MozLinearProgressBarPercentageComponent, MozLinkComponent, MozLoaderComponent, MozLoadingOverlayComponent, MozModalBodyComponent, MozModalComponent, MozModalContainerComponent, MozModalFooterComponent, MozModalHeaderComponent, MozModalRef, MozModalService, MozNumberBadgeComponent, MozOverlayComponent, MozPageHeaderComponent, MozPaginationComponent, MozPasswordInputDirective, MozPhoneNumberComponent, MozPincodeInputComponent, MozQuantitySelectorComponent, MozRadioComponent, MozRadioGroupComponent, MozSegmentedControlComponent, MozSelectComponent, MozSidebarComponent, MozStarRatingComponent, MozStatusBadgeComponent, MozStatusDotComponent, MozStatusMessageComponent, MozStatusNotificationComponent, MozStepperBottomBarComponent, MozStepperCompactComponent, MozStepperInlineComponent, MozStepperStackedComponent, MozTabComponent, MozTabsComponent, MozTagComponent, MozTextInputDirective, MozTextareaDirective, MozTileComponent, MozTileExpandableComponent, MozTileSelectableComponent, MozToasterComponent, MozToggleComponent, MozTooltipComponent, MozTooltipDirective };
|
|
1835
|
+
export type { ActionListItem, MozActionListItemAppearance, MozAvatarSize, MozBreadcrumbAppearance, MozBreadcrumbLink, MozBuiltInMenuItem, MozBuiltInMenuItemTarget, MozButtonAppearance, MozButtonIconPosition, MozButtonSize, MozButtonType, MozCalloutVariant, MozCheckListMenuItem, MozCircularProgessBarSize, MozDatepickerSize, MozDividerAppearance, MozDividerOrientation, MozDividerSize, MozDrawerPosition, MozFileUploaderFormat, MozFileUploaderItemFormat, MozFlagType, MozIconButtonAppearance, MozIconButtonSize, MozIconButtonType, MozKpiSize, MozKpiStatus, MozKpiTrend, MozLinkAppearance, MozLinkIconPosition, MozLinkSize, MozLoaderAppearance, MozLoaderSize, MozModalButton, MozModalConfig, MozNumberBadgeAppearance, MozNumberBadgeSize, MozPageHeaderScope, MozPhoneNumberCountry, MozPhoneNumberValue, MozQuantitySelectorSize, MozSegmentedControlSize, MozSegmentedItem, MozSelectOption, MozSelectSize, MozSelectValue, MozSidebarItem, MozSidebarSubItem, MozStarRatingAppearance, MozStarRatingSize, MozStatusBadgeStatus, MozStatusDotSize, MozStatusDotStatus, MozStatusMessageStatus, MozStatusNotificationStatus, MozStepperBottomBarStep, MozStepperInlineStep, MozStepperStackedStep, MozTabItem, MozTagSize, MozTagType, MozTextInputSize, MozTileAppearance, MozTileExpandableTrigger, MozTileInputPosition, MozTileInputVerticalPosition, MozTileSelectableAppearance, MozTileSelectableType, MozToasterPosition, MozToasterRole, MozToasterStatus, MozToggleSize, MozTooltipPosition };
|