@mozaic-ds/angular 2.0.0-beta.0 → 2.0.0-beta.2
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 +96 -36
- package/fesm2022/mozaic-ds-angular.mjs +886 -278
- package/fesm2022/mozaic-ds-angular.mjs.map +1 -1
- package/index.d.ts +371 -169
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -1,30 +1,32 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { TemplateRef, OnInit, AfterViewInit, OnDestroy,
|
|
2
|
+
import { TemplateRef, ElementRef, Type, OnInit, AfterViewInit, OnDestroy, Renderer2, WritableSignal, EventEmitter, AfterContentInit } from '@angular/core';
|
|
3
3
|
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
+
import { DialogRef } from '@angular/cdk/dialog';
|
|
5
|
+
import { Observable } from 'rxjs';
|
|
4
6
|
import { CheckCircle32, Uploading32, WarningCircle32, CrossCircleFilled24 } from '@mozaic-ds/icons-angular';
|
|
5
7
|
import { RouterLinkWithHref } from '@angular/router';
|
|
6
8
|
|
|
7
9
|
type MozBreadcrumbAppearance = 'standard' | 'inverse';
|
|
8
|
-
interface
|
|
10
|
+
interface MozBreadcrumbLink {
|
|
9
11
|
label: string;
|
|
10
12
|
href: string;
|
|
11
13
|
router?: boolean;
|
|
12
14
|
}
|
|
13
|
-
declare class
|
|
15
|
+
declare class MozBreadcrumbComponent {
|
|
14
16
|
appearance: _angular_core.InputSignal<MozBreadcrumbAppearance>;
|
|
15
|
-
links: _angular_core.InputSignal<
|
|
17
|
+
links: _angular_core.InputSignal<MozBreadcrumbLink[]>;
|
|
16
18
|
readonly classObject: _angular_core.Signal<{
|
|
17
19
|
[x: string]: MozBreadcrumbAppearance;
|
|
18
20
|
}>;
|
|
19
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
20
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
21
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozBreadcrumbComponent, never>;
|
|
22
|
+
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>;
|
|
21
23
|
}
|
|
22
24
|
|
|
23
25
|
type MozButtonAppearance = 'standard' | 'accent' | 'danger' | 'inverse';
|
|
24
26
|
type MozButtonSize = 's' | 'm' | 'l';
|
|
25
27
|
type MozButtonIconPosition = 'left' | 'right' | 'only' | null;
|
|
26
28
|
type MozButtonType = 'button' | 'submit' | 'reset';
|
|
27
|
-
declare class
|
|
29
|
+
declare class MozButtonComponent {
|
|
28
30
|
appearance: _angular_core.InputSignal<MozButtonAppearance>;
|
|
29
31
|
size: _angular_core.InputSignal<MozButtonSize | undefined>;
|
|
30
32
|
disabled: _angular_core.InputSignal<boolean | undefined>;
|
|
@@ -35,11 +37,11 @@ declare class ButtonComponent {
|
|
|
35
37
|
isLoading: _angular_core.InputSignal<boolean | undefined>;
|
|
36
38
|
iconTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
37
39
|
readonly hostClasses: _angular_core.Signal<string>;
|
|
38
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
39
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
40
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozButtonComponent, never>;
|
|
41
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozButtonComponent, "button[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>;
|
|
40
42
|
}
|
|
41
43
|
|
|
42
|
-
declare class
|
|
44
|
+
declare class MozCheckboxComponent implements ControlValueAccessor {
|
|
43
45
|
id: _angular_core.InputSignal<string>;
|
|
44
46
|
name: _angular_core.InputSignal<string | undefined>;
|
|
45
47
|
label: _angular_core.InputSignal<string | undefined>;
|
|
@@ -60,11 +62,11 @@ declare class CheckboxComponent implements ControlValueAccessor {
|
|
|
60
62
|
registerOnChange(fn: (_: boolean) => void): void;
|
|
61
63
|
registerOnTouched(fn: () => void): void;
|
|
62
64
|
onInputChange(event: Event): void;
|
|
63
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
64
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
65
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCheckboxComponent, never>;
|
|
66
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozCheckboxComponent, "moz-checkbox", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indented": { "alias": "indented"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
65
67
|
}
|
|
66
68
|
|
|
67
|
-
declare class
|
|
69
|
+
declare class MozCheckboxGroupComponent implements ControlValueAccessor {
|
|
68
70
|
name: _angular_core.InputSignal<string>;
|
|
69
71
|
options: _angular_core.InputSignal<{
|
|
70
72
|
id: string;
|
|
@@ -85,8 +87,8 @@ declare class CheckboxGroupComponent implements ControlValueAccessor {
|
|
|
85
87
|
registerOnTouched(fn: () => void): void;
|
|
86
88
|
toggleSelection(event: Event, val: string): void;
|
|
87
89
|
isChecked(value: string): boolean;
|
|
88
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
89
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
90
|
+
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>;
|
|
90
92
|
}
|
|
91
93
|
|
|
92
94
|
type MozDividerOrientation = 'horizontal' | 'vertical';
|
|
@@ -95,7 +97,7 @@ type MozDividerSize = 's' | 'm' | 'l';
|
|
|
95
97
|
/**
|
|
96
98
|
* A divider is a visual element used to separate content or sections within an interface. It helps improve readability and organization by creating clear distinctions between groups of information. Dividers can be thin lines, thick separators, or even styled with spacing variations, adapting to different layouts. They are commonly used in menus, lists, forms, and content blocks to create a structured visual hierarchy.
|
|
97
99
|
*/
|
|
98
|
-
declare class
|
|
100
|
+
declare class MozDividerComponent {
|
|
99
101
|
/**
|
|
100
102
|
* Determines the orientation of the divider.
|
|
101
103
|
*/
|
|
@@ -111,12 +113,12 @@ declare class DividerComponent {
|
|
|
111
113
|
readonly classes: _angular_core.Signal<{
|
|
112
114
|
[x: string]: boolean | MozDividerOrientation;
|
|
113
115
|
}>;
|
|
114
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
115
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
116
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDividerComponent, never>;
|
|
117
|
+
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>;
|
|
116
118
|
}
|
|
117
119
|
|
|
118
120
|
type MozDrawerPosition = 'left' | 'right';
|
|
119
|
-
declare class
|
|
121
|
+
declare class MozDrawerComponent {
|
|
120
122
|
readonly open: _angular_core.InputSignal<boolean>;
|
|
121
123
|
readonly position: _angular_core.InputSignal<MozDrawerPosition>;
|
|
122
124
|
readonly extended: _angular_core.InputSignal<boolean>;
|
|
@@ -137,11 +139,75 @@ declare class DrawerComponent {
|
|
|
137
139
|
close(): void;
|
|
138
140
|
backClick(): void;
|
|
139
141
|
noop(): void;
|
|
140
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
141
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
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>;
|
|
142
144
|
}
|
|
143
145
|
|
|
144
|
-
declare class
|
|
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
|
+
declare class MozFieldComponent {
|
|
145
211
|
id: _angular_core.InputSignal<string | undefined>;
|
|
146
212
|
label: _angular_core.InputSignal<string | undefined>;
|
|
147
213
|
requirementText: _angular_core.InputSignal<string | undefined>;
|
|
@@ -155,11 +221,11 @@ declare class FieldComponent {
|
|
|
155
221
|
'is-valid': boolean;
|
|
156
222
|
'is-invalid': boolean;
|
|
157
223
|
}>;
|
|
158
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
159
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
224
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFieldComponent, never>;
|
|
225
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozFieldComponent, "moz-field", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "requirementText": { "alias": "requirementText"; "required": false; "isSignal": true; }; "helpText": { "alias": "helpText"; "required": false; "isSignal": true; }; "helpId": { "alias": "helpId"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "messageId": { "alias": "messageId"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
160
226
|
}
|
|
161
227
|
|
|
162
|
-
declare class
|
|
228
|
+
declare class MozFieldGroupComponent {
|
|
163
229
|
id: _angular_core.InputSignal<string>;
|
|
164
230
|
legend: _angular_core.InputSignal<string>;
|
|
165
231
|
requirementText: _angular_core.InputSignal<string | undefined>;
|
|
@@ -167,12 +233,12 @@ declare class FieldGroupComponent {
|
|
|
167
233
|
isValid: _angular_core.InputSignal<boolean>;
|
|
168
234
|
isInvalid: _angular_core.InputSignal<boolean>;
|
|
169
235
|
message: _angular_core.InputSignal<string | undefined>;
|
|
170
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
171
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
236
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFieldGroupComponent, never>;
|
|
237
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozFieldGroupComponent, "moz-field-group", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "legend": { "alias": "legend"; "required": true; "isSignal": true; }; "requirementText": { "alias": "requirementText"; "required": false; "isSignal": true; }; "helpText": { "alias": "helpText"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
172
238
|
}
|
|
173
239
|
|
|
174
240
|
type MozFileUploaderFormat = 'inline' | 'stacked';
|
|
175
|
-
declare class
|
|
241
|
+
declare class MozFileUploaderComponent implements OnInit {
|
|
176
242
|
id: _angular_core.InputSignal<string>;
|
|
177
243
|
label: _angular_core.InputSignal<string | undefined>;
|
|
178
244
|
helpText: _angular_core.InputSignal<string | undefined>;
|
|
@@ -219,12 +285,12 @@ declare class FileUploaderComponent implements OnInit {
|
|
|
219
285
|
openFileDialog(): void;
|
|
220
286
|
onDragOver(event: DragEvent): void;
|
|
221
287
|
onDragLeave(event: DragEvent): void;
|
|
222
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
223
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
288
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFileUploaderComponent, never>;
|
|
289
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozFileUploaderComponent, "moz-file-uploader", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helpText": { "alias": "helpText"; "required": false; "isSignal": true; }; "helpId": { "alias": "helpId"; "required": false; "isSignal": true; }; "necessityIndicator": { "alias": "necessityIndicator"; "required": false; "isSignal": true; }; "hasDragDrop": { "alias": "hasDragDrop"; "required": false; "isSignal": true; }; "showFilesList": { "alias": "showFilesList"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multipleFiles": { "alias": "multipleFiles"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "uploadButtonLabel": { "alias": "uploadButtonLabel"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "uploading": { "alias": "uploading"; "required": false; "isSignal": true; }; "hasPreview": { "alias": "hasPreview"; "required": false; "isSignal": true; }; "retryButtonLabel": { "alias": "retryButtonLabel"; "required": false; "isSignal": true; }; "deleteButtonLabel": { "alias": "deleteButtonLabel"; "required": false; "isSignal": true; }; "previewButtonLabel": { "alias": "previewButtonLabel"; "required": false; "isSignal": true; }; "information": { "alias": "information"; "required": false; "isSignal": true; }; "fileInformation": { "alias": "fileInformation"; "required": false; "isSignal": true; }; "initialFiles": { "alias": "initialFiles"; "required": false; "isSignal": true; }; }, { "retryFile": "retryFile"; "previewFile": "previewFile"; }, never, never, true, never>;
|
|
224
290
|
}
|
|
225
291
|
|
|
226
292
|
type MozFileUploaderItemFormat = 'inline' | 'stacked';
|
|
227
|
-
declare class
|
|
293
|
+
declare class MozFileUploaderItemComponent {
|
|
228
294
|
format: _angular_core.InputSignal<MozFileUploaderItemFormat>;
|
|
229
295
|
invalid: _angular_core.InputSignal<boolean>;
|
|
230
296
|
uploading: _angular_core.InputSignal<boolean>;
|
|
@@ -251,14 +317,14 @@ declare class FileUploaderItemComponent {
|
|
|
251
317
|
onRetry(): void;
|
|
252
318
|
onPreview(): void;
|
|
253
319
|
private formatFileSize;
|
|
254
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
255
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
320
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFileUploaderItemComponent, never>;
|
|
321
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozFileUploaderItemComponent, "moz-file-uploader-item", never, { "format": { "alias": "format"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "uploading": { "alias": "uploading"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "hasPreview": { "alias": "hasPreview"; "required": false; "isSignal": true; }; "file": { "alias": "file"; "required": true; "isSignal": true; }; "fileInformation": { "alias": "fileInformation"; "required": false; "isSignal": true; }; "retryButtonLabel": { "alias": "retryButtonLabel"; "required": false; "isSignal": true; }; "deleteButtonLabel": { "alias": "deleteButtonLabel"; "required": false; "isSignal": true; }; "previewButtonLabel": { "alias": "previewButtonLabel"; "required": false; "isSignal": true; }; }, { "delete": "delete"; "retry": "retry"; "preview": "preview"; }, never, never, true, never>;
|
|
256
322
|
}
|
|
257
323
|
|
|
258
324
|
type MozIconButtonAppearance = 'standard' | 'accent' | 'danger' | 'inverse';
|
|
259
325
|
type MozIconButtonSize = 's' | 'm' | 'l';
|
|
260
326
|
type MozIconButtonType = 'button' | 'reset' | 'submit';
|
|
261
|
-
declare class
|
|
327
|
+
declare class MozIconButtonComponent {
|
|
262
328
|
appearance: _angular_core.InputSignal<MozIconButtonAppearance>;
|
|
263
329
|
size: _angular_core.InputSignal<MozIconButtonSize>;
|
|
264
330
|
disabled: _angular_core.InputSignal<boolean | undefined>;
|
|
@@ -271,14 +337,14 @@ declare class IconButtonComponent {
|
|
|
271
337
|
'mc-button--ghost': boolean;
|
|
272
338
|
'mc-button--outlined': boolean;
|
|
273
339
|
}>;
|
|
274
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
275
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
340
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozIconButtonComponent, never>;
|
|
341
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozIconButtonComponent, "moz-icon-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; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["[icon]"], true, never>;
|
|
276
342
|
}
|
|
277
343
|
|
|
278
344
|
type MozLinkAppearance = 'secondary' | 'accent' | 'inverse' | 'standard';
|
|
279
345
|
type MozLinkSize = 's' | 'm';
|
|
280
346
|
type MozLinkIconPosition = 'left' | 'right' | 'only';
|
|
281
|
-
declare class
|
|
347
|
+
declare class MozLinkComponent {
|
|
282
348
|
href: _angular_core.InputSignal<string | undefined>;
|
|
283
349
|
target: _angular_core.InputSignal<string | undefined>;
|
|
284
350
|
appearance: _angular_core.InputSignal<MozLinkAppearance>;
|
|
@@ -288,7 +354,6 @@ declare class LinkComponent {
|
|
|
288
354
|
iconPosition: _angular_core.InputSignal<MozLinkIconPosition>;
|
|
289
355
|
current: _angular_core.InputSignal<boolean>;
|
|
290
356
|
ariaCurrent: _angular_core.InputSignal<string | null>;
|
|
291
|
-
iconTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
292
357
|
private readonly routerLinkActive;
|
|
293
358
|
readonly routerLink: RouterLinkWithHref | null;
|
|
294
359
|
readonly classes: _angular_core.Signal<{
|
|
@@ -298,13 +363,13 @@ declare class LinkComponent {
|
|
|
298
363
|
'mc-link--active': boolean;
|
|
299
364
|
'mc-link--breadcrumb__current': boolean;
|
|
300
365
|
}>;
|
|
301
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
302
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
366
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLinkComponent, never>;
|
|
367
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozLinkComponent, "moz-link", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "router": { "alias": "router"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; "ariaCurrent": { "alias": "ariaCurrent"; "required": false; "isSignal": true; }; }, {}, never, ["[icon]", "*"], true, never>;
|
|
303
368
|
}
|
|
304
369
|
|
|
305
370
|
type MozLoaderAppearance = 'standard' | 'accent' | 'inverse';
|
|
306
371
|
type MozLoaderSize = 's' | 'm' | 'l';
|
|
307
|
-
declare class
|
|
372
|
+
declare class MozLoaderComponent {
|
|
308
373
|
appearance: _angular_core.InputSignal<MozLoaderAppearance>;
|
|
309
374
|
size: _angular_core.InputSignal<MozLoaderSize>;
|
|
310
375
|
text: _angular_core.InputSignal<string | undefined>;
|
|
@@ -314,27 +379,22 @@ declare class LoaderComponent {
|
|
|
314
379
|
}>;
|
|
315
380
|
readonly viewBox: _angular_core.Signal<"0 0 24 24" | "0 0 64 64" | "0 0 32 32">;
|
|
316
381
|
readonly circleRadius: _angular_core.Signal<6 | 19 | 9>;
|
|
317
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
318
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
382
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLoaderComponent, never>;
|
|
383
|
+
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>;
|
|
319
384
|
}
|
|
320
385
|
|
|
321
|
-
declare class
|
|
386
|
+
declare class MozLoadingOverlayComponent {
|
|
322
387
|
label: _angular_core.InputSignal<string>;
|
|
323
388
|
visible: _angular_core.InputSignal<boolean>;
|
|
324
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
325
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
389
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLoadingOverlayComponent, never>;
|
|
390
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozLoadingOverlayComponent, "moz-loading-overlay", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
326
391
|
}
|
|
327
392
|
|
|
328
|
-
declare class
|
|
393
|
+
declare class MozModalComponent {
|
|
329
394
|
open: _angular_core.InputSignal<boolean>;
|
|
330
|
-
title: _angular_core.InputSignal<string>;
|
|
331
|
-
description: _angular_core.InputSignal<string>;
|
|
332
|
-
closable: _angular_core.InputSignal<boolean>;
|
|
333
395
|
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
334
396
|
readonly updateOpen: _angular_core.OutputEmitterRef<boolean>;
|
|
335
|
-
|
|
336
|
-
linkTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
337
|
-
iconTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
397
|
+
readonly closeRequest: _angular_core.OutputEmitterRef<void>;
|
|
338
398
|
constructor();
|
|
339
399
|
close(): void;
|
|
340
400
|
readonly classMap: _angular_core.Signal<{
|
|
@@ -342,24 +402,106 @@ declare class ModalComponent {
|
|
|
342
402
|
}>;
|
|
343
403
|
readonly ariaModal: _angular_core.Signal<"true" | "false">;
|
|
344
404
|
noop(): void;
|
|
345
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
346
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
405
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalComponent, never>;
|
|
406
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalComponent, "moz-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "updateOpen": "updateOpen"; "closeRequest": "closeRequest"; }, never, ["*"], true, never>;
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
declare class MozModalContainerComponent<T = unknown, R = unknown> {
|
|
410
|
+
readonly dialogRef: DialogRef<R, unknown>;
|
|
411
|
+
readonly data: MozModalConfig<T>;
|
|
412
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
413
|
+
readonly modalElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
|
|
414
|
+
private pendingClose;
|
|
415
|
+
private isClosing;
|
|
416
|
+
constructor();
|
|
417
|
+
private onTransitionEnd;
|
|
418
|
+
isTemplate(content: unknown): content is TemplateRef<{
|
|
419
|
+
$implicit: T | undefined;
|
|
420
|
+
}>;
|
|
421
|
+
isComponent(content: unknown): content is Type<unknown>;
|
|
422
|
+
asTemplate(content: unknown): TemplateRef<{
|
|
423
|
+
$implicit: T | undefined;
|
|
424
|
+
}>;
|
|
425
|
+
asComponent(content: unknown): Type<unknown>;
|
|
426
|
+
onButtonClick(button: {
|
|
427
|
+
label: string;
|
|
428
|
+
onClick?: () => void;
|
|
429
|
+
}): void;
|
|
430
|
+
close(result?: R): void;
|
|
431
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalContainerComponent<any, any>, never>;
|
|
432
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalContainerComponent<any, any>, "moz-modal-container", never, {}, {}, never, never, true, never>;
|
|
433
|
+
}
|
|
434
|
+
|
|
435
|
+
interface MozModalButton {
|
|
436
|
+
label: string;
|
|
437
|
+
onClick?: () => void;
|
|
438
|
+
primary?: boolean;
|
|
439
|
+
}
|
|
440
|
+
interface MozModalConfig<T = unknown> {
|
|
441
|
+
title?: string;
|
|
442
|
+
closable?: boolean;
|
|
443
|
+
content?: TemplateRef<T> | Type<unknown> | string;
|
|
444
|
+
data?: T;
|
|
445
|
+
panelClass?: string | string[];
|
|
446
|
+
backdropClass?: string | string[];
|
|
447
|
+
disableClose?: boolean;
|
|
448
|
+
ariaLabel?: string;
|
|
449
|
+
ariaDescribedBy?: string;
|
|
450
|
+
icon?: Type<unknown>;
|
|
451
|
+
footerButtons?: MozModalButton[];
|
|
452
|
+
footerLink?: {
|
|
453
|
+
label: string;
|
|
454
|
+
href: string;
|
|
455
|
+
};
|
|
456
|
+
}
|
|
457
|
+
declare class MozModalRef<R = unknown> {
|
|
458
|
+
private _dialogRef;
|
|
459
|
+
setDialogRef(dialogRef: DialogRef<R, MozModalContainerComponent>): void;
|
|
460
|
+
close(result?: R): void;
|
|
461
|
+
get afterClosed(): Observable<R | undefined>;
|
|
462
|
+
get componentInstance(): MozModalContainerComponent | null;
|
|
463
|
+
}
|
|
464
|
+
declare class MozModalService {
|
|
465
|
+
private readonly dialog;
|
|
466
|
+
private readonly injector;
|
|
467
|
+
open<T = unknown, R = unknown>(config?: MozModalConfig<T>): MozModalRef<R>;
|
|
468
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalService, never>;
|
|
469
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<MozModalService>;
|
|
470
|
+
}
|
|
471
|
+
|
|
472
|
+
declare class MozModalHeaderComponent {
|
|
473
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
474
|
+
readonly titleId: _angular_core.InputSignal<string>;
|
|
475
|
+
readonly closable: _angular_core.InputSignal<boolean>;
|
|
476
|
+
readonly closeClick: _angular_core.OutputEmitterRef<void>;
|
|
477
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalHeaderComponent, never>;
|
|
478
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalHeaderComponent, "moz-modal-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleId": { "alias": "titleId"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; }, { "closeClick": "closeClick"; }, never, ["[icon]"], true, never>;
|
|
479
|
+
}
|
|
480
|
+
|
|
481
|
+
declare class MozModalBodyComponent {
|
|
482
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalBodyComponent, never>;
|
|
483
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalBodyComponent, "moz-modal-body", never, {}, {}, never, ["*"], true, never>;
|
|
484
|
+
}
|
|
485
|
+
|
|
486
|
+
declare class MozModalFooterComponent {
|
|
487
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalFooterComponent, never>;
|
|
488
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalFooterComponent, "moz-modal-footer", never, {}, {}, never, ["[link]", "*"], true, never>;
|
|
347
489
|
}
|
|
348
490
|
|
|
349
491
|
type MozNumberBadgeAppearance = 'danger' | 'accent' | 'inverse' | 'standard';
|
|
350
492
|
type MozNumberBadgeSize = 's' | 'm';
|
|
351
|
-
declare class
|
|
493
|
+
declare class MozNumberBadgeComponent {
|
|
352
494
|
label: _angular_core.InputSignal<number>;
|
|
353
495
|
appearance: _angular_core.InputSignal<MozNumberBadgeAppearance>;
|
|
354
496
|
size: _angular_core.InputSignal<MozNumberBadgeSize>;
|
|
355
497
|
readonly classes: _angular_core.Signal<{
|
|
356
498
|
[x: string]: MozNumberBadgeAppearance | MozNumberBadgeSize;
|
|
357
499
|
}>;
|
|
358
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
359
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
500
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozNumberBadgeComponent, never>;
|
|
501
|
+
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>;
|
|
360
502
|
}
|
|
361
503
|
|
|
362
|
-
declare class
|
|
504
|
+
declare class MozOverlayComponent {
|
|
363
505
|
readonly backdropClick: _angular_core.OutputEmitterRef<void>;
|
|
364
506
|
readonly backdropKeydown: _angular_core.OutputEmitterRef<void>;
|
|
365
507
|
/**
|
|
@@ -372,11 +514,11 @@ declare class OverlayComponent {
|
|
|
372
514
|
dialogLabel: _angular_core.InputSignal<string | undefined>;
|
|
373
515
|
onBackdropClick(): void;
|
|
374
516
|
noop(): void;
|
|
375
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
376
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
517
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozOverlayComponent, never>;
|
|
518
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozOverlayComponent, "moz-overlay", never, { "isVisible": { "alias": "isVisible"; "required": false; "isSignal": true; }; "dialogLabel": { "alias": "dialogLabel"; "required": false; "isSignal": true; }; }, { "backdropClick": "backdropClick"; "backdropKeydown": "backdropKeydown"; }, never, ["*"], true, never>;
|
|
377
519
|
}
|
|
378
520
|
|
|
379
|
-
declare class
|
|
521
|
+
declare class MozPaginationComponent {
|
|
380
522
|
readonly id: _angular_core.InputSignal<string>;
|
|
381
523
|
readonly compact: _angular_core.InputSignal<boolean>;
|
|
382
524
|
readonly options: _angular_core.InputSignal<{
|
|
@@ -394,15 +536,15 @@ declare class PaginationComponent {
|
|
|
394
536
|
previous(): void;
|
|
395
537
|
next(): void;
|
|
396
538
|
onSelectChange(value: string): void;
|
|
397
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
398
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
539
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozPaginationComponent, never>;
|
|
540
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozPaginationComponent, "moz-pagination", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "selectLabel": { "alias": "selectLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "updateValue": "updateValue"; }, never, never, true, never>;
|
|
399
541
|
}
|
|
400
542
|
|
|
401
543
|
/**
|
|
402
544
|
* Directive that transforms a simple input into a styled password input with toggle visibility and clearable button.
|
|
403
545
|
* Wraps the input element in a container and adds additional elements as needed.
|
|
404
546
|
*/
|
|
405
|
-
declare class
|
|
547
|
+
declare class MozPasswordInputDirective implements ControlValueAccessor, AfterViewInit, OnDestroy {
|
|
406
548
|
private elementRef;
|
|
407
549
|
private renderer;
|
|
408
550
|
readonly isInvalid: _angular_core.InputSignal<boolean>;
|
|
@@ -441,11 +583,11 @@ declare class PasswordInputDirective implements ControlValueAccessor, AfterViewI
|
|
|
441
583
|
writeValue(value: string): void;
|
|
442
584
|
registerOnChange(fn: (value: string) => void): void;
|
|
443
585
|
registerOnTouched(fn: () => void): void;
|
|
444
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
445
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
586
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozPasswordInputDirective, never>;
|
|
587
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozPasswordInputDirective, "input[moz-password-input]", never, { "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
446
588
|
}
|
|
447
589
|
|
|
448
|
-
declare class
|
|
590
|
+
declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
|
|
449
591
|
private readonly cdr;
|
|
450
592
|
private readonly ngZone;
|
|
451
593
|
id: _angular_core.InputSignal<string>;
|
|
@@ -471,12 +613,12 @@ declare class PincodeInputComponent implements OnInit, ControlValueAccessor {
|
|
|
471
613
|
onKeyDown(event: KeyboardEvent, index: number): void;
|
|
472
614
|
onBackspace(event: KeyboardEvent, index: number): void;
|
|
473
615
|
onPaste(event: ClipboardEvent): void;
|
|
474
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
475
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
616
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozPincodeInputComponent, never>;
|
|
617
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozPincodeInputComponent, "moz-pincode", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
476
618
|
}
|
|
477
619
|
|
|
478
620
|
type MozQuantitySelectorSize = 's' | 'm';
|
|
479
|
-
declare class
|
|
621
|
+
declare class MozQuantitySelectorComponent implements ControlValueAccessor {
|
|
480
622
|
readonly id: _angular_core.InputSignal<string>;
|
|
481
623
|
readonly name: _angular_core.InputSignal<string>;
|
|
482
624
|
readonly size: _angular_core.InputSignal<MozQuantitySelectorSize>;
|
|
@@ -501,11 +643,11 @@ declare class QuantitySelectorComponent implements ControlValueAccessor {
|
|
|
501
643
|
onChangeInput(event: Event): void;
|
|
502
644
|
increment(): void;
|
|
503
645
|
decrement(): void;
|
|
504
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
505
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
646
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozQuantitySelectorComponent, never>;
|
|
647
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozQuantitySelectorComponent, "moz-quantity-selector", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "incrementLabel": { "alias": "incrementLabel"; "required": false; "isSignal": true; }; "decrementLabel": { "alias": "decrementLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
506
648
|
}
|
|
507
649
|
|
|
508
|
-
declare class
|
|
650
|
+
declare class MozRadioComponent implements ControlValueAccessor {
|
|
509
651
|
id: _angular_core.InputSignal<string>;
|
|
510
652
|
name: _angular_core.InputSignal<string | undefined>;
|
|
511
653
|
label: _angular_core.InputSignal<string | undefined>;
|
|
@@ -521,11 +663,11 @@ declare class RadioComponent implements ControlValueAccessor {
|
|
|
521
663
|
readonly classes: _angular_core.Signal<{
|
|
522
664
|
'is-invalid': boolean;
|
|
523
665
|
}>;
|
|
524
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
525
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
666
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozRadioComponent, never>;
|
|
667
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozRadioComponent, "moz-radio", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
526
668
|
}
|
|
527
669
|
|
|
528
|
-
declare class
|
|
670
|
+
declare class MozRadioGroupComponent implements ControlValueAccessor {
|
|
529
671
|
name: _angular_core.InputSignal<string>;
|
|
530
672
|
options: _angular_core.InputSignal<{
|
|
531
673
|
id: string;
|
|
@@ -545,8 +687,8 @@ declare class RadioGroupComponent implements ControlValueAccessor {
|
|
|
545
687
|
readonly classes: _angular_core.Signal<{
|
|
546
688
|
'mc-field__content--inline': boolean;
|
|
547
689
|
}>;
|
|
548
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
549
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
690
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozRadioGroupComponent, never>;
|
|
691
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozRadioGroupComponent, "moz-radio-group", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
550
692
|
}
|
|
551
693
|
|
|
552
694
|
type MozSelectValue = string | number | null;
|
|
@@ -558,7 +700,7 @@ type MozSelectOption = {
|
|
|
558
700
|
disabled?: boolean;
|
|
559
701
|
};
|
|
560
702
|
type MozSelectSize = 's' | 'm';
|
|
561
|
-
declare class
|
|
703
|
+
declare class MozSelectComponent implements ControlValueAccessor {
|
|
562
704
|
id: _angular_core.InputSignal<string | undefined>;
|
|
563
705
|
name: _angular_core.InputSignal<string>;
|
|
564
706
|
options: _angular_core.InputSignal<MozSelectOption[] | undefined>;
|
|
@@ -579,35 +721,35 @@ declare class SelectComponent implements ControlValueAccessor {
|
|
|
579
721
|
'mc-select--readonly': boolean;
|
|
580
722
|
'is-invalid': boolean;
|
|
581
723
|
}>;
|
|
582
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
583
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
724
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozSelectComponent, never>;
|
|
725
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozSelectComponent, "moz-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
584
726
|
}
|
|
585
727
|
|
|
586
728
|
type MozStatusBadgeStatus = 'info' | 'success' | 'warning' | 'error' | 'neutral';
|
|
587
|
-
declare class
|
|
729
|
+
declare class MozStatusBadgeComponent {
|
|
588
730
|
label: _angular_core.InputSignal<string | undefined>;
|
|
589
731
|
status: _angular_core.InputSignal<MozStatusBadgeStatus>;
|
|
590
732
|
readonly classes: _angular_core.Signal<{
|
|
591
733
|
[x: string]: MozStatusBadgeStatus;
|
|
592
734
|
}>;
|
|
593
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
594
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
735
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusBadgeComponent, never>;
|
|
736
|
+
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>;
|
|
595
737
|
}
|
|
596
738
|
|
|
597
739
|
type MozStatusDotStatus = 'info' | 'success' | 'warning' | 'error' | 'neutral';
|
|
598
740
|
type MozStatusDotSize = 's' | 'm' | 'l';
|
|
599
|
-
declare class
|
|
741
|
+
declare class MozStatusDotComponent {
|
|
600
742
|
status: _angular_core.InputSignal<MozStatusDotStatus>;
|
|
601
743
|
size: _angular_core.InputSignal<MozStatusDotSize>;
|
|
602
744
|
readonly classes: _angular_core.Signal<{
|
|
603
745
|
[x: string]: MozStatusDotStatus | MozStatusDotSize;
|
|
604
746
|
}>;
|
|
605
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
606
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
747
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusDotComponent, never>;
|
|
748
|
+
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>;
|
|
607
749
|
}
|
|
608
750
|
|
|
609
751
|
type MozStatusNotificationStatus = 'info' | 'success' | 'warning' | 'error';
|
|
610
|
-
declare class
|
|
752
|
+
declare class MozStatusNotificationComponent {
|
|
611
753
|
title: _angular_core.InputSignal<string>;
|
|
612
754
|
description: _angular_core.InputSignal<string>;
|
|
613
755
|
status: _angular_core.InputSignal<MozStatusNotificationStatus>;
|
|
@@ -619,18 +761,18 @@ declare class StatusNotificationComponent {
|
|
|
619
761
|
}>;
|
|
620
762
|
readonly iconComponent: _angular_core.Signal<typeof CheckCircle32>;
|
|
621
763
|
onCloseClick(): void;
|
|
622
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
623
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
764
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusNotificationComponent, never>;
|
|
765
|
+
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>;
|
|
624
766
|
}
|
|
625
767
|
|
|
626
|
-
interface
|
|
768
|
+
interface MozTabItem {
|
|
627
769
|
label: string;
|
|
628
770
|
icon?: Type<unknown>;
|
|
629
771
|
disabled?: boolean;
|
|
630
772
|
routerLink?: string;
|
|
631
773
|
}
|
|
632
|
-
declare class
|
|
633
|
-
tabs: _angular_core.InputSignal<
|
|
774
|
+
declare class MozTabsComponent {
|
|
775
|
+
tabs: _angular_core.InputSignal<MozTabItem[]>;
|
|
634
776
|
description: _angular_core.InputSignal<string | undefined>;
|
|
635
777
|
divider: _angular_core.InputSignal<boolean>;
|
|
636
778
|
centered: _angular_core.InputSignal<boolean>;
|
|
@@ -645,13 +787,13 @@ declare class TabsComponent {
|
|
|
645
787
|
'mc-tabs__tab--disabled': boolean;
|
|
646
788
|
}>;
|
|
647
789
|
onClickTab(index: number): void;
|
|
648
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
649
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
790
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTabsComponent, never>;
|
|
791
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTabsComponent, "moz-tabs", never, { "tabs": { "alias": "tabs"; "required": true; "isSignal": true; }; "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; }; }, { "selectedIndex": "selectedIndexChange"; "selectedIndexChange": "selectedIndexChange"; }, never, never, true, never>;
|
|
650
792
|
}
|
|
651
793
|
|
|
652
794
|
type MozTagType = 'informative' | 'interactive' | 'contextualised' | 'removable' | 'selectable';
|
|
653
795
|
type MozTagSize = 's' | 'm' | 'l';
|
|
654
|
-
declare class
|
|
796
|
+
declare class MozTagComponent implements ControlValueAccessor {
|
|
655
797
|
readonly type: _angular_core.InputSignal<MozTagType>;
|
|
656
798
|
readonly size: _angular_core.InputSignal<MozTagSize>;
|
|
657
799
|
readonly id: _angular_core.InputSignal<string>;
|
|
@@ -672,15 +814,15 @@ declare class TagComponent implements ControlValueAccessor {
|
|
|
672
814
|
registerOnTouched(fn: () => void): void;
|
|
673
815
|
onCheckboxChange(event: Event): void;
|
|
674
816
|
onRemove(): void;
|
|
675
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
676
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
817
|
+
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; }; "label": { "alias": "label"; "required": true; "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, never, true, never>;
|
|
677
819
|
}
|
|
678
820
|
|
|
679
821
|
/**
|
|
680
822
|
* Directive that transforms a simple textarea into a styled textarea.
|
|
681
823
|
* Applies Mozaic Design System styles to native textarea elements.
|
|
682
824
|
*/
|
|
683
|
-
declare class
|
|
825
|
+
declare class MozTextareaDirective implements ControlValueAccessor, AfterViewInit, OnDestroy {
|
|
684
826
|
private elementRef;
|
|
685
827
|
private renderer;
|
|
686
828
|
readonly isInvalid: _angular_core.InputSignal<boolean>;
|
|
@@ -700,8 +842,8 @@ declare class TextareaDirective implements ControlValueAccessor, AfterViewInit,
|
|
|
700
842
|
registerOnChange(fn: (value: string) => void): void;
|
|
701
843
|
registerOnTouched(fn: () => void): void;
|
|
702
844
|
setDisabledState(isDisabled: boolean): void;
|
|
703
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
704
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
845
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextareaDirective, never>;
|
|
846
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTextareaDirective, "textarea[moz-text-area]", never, { "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
705
847
|
}
|
|
706
848
|
|
|
707
849
|
type MozTextInputSize = 's' | 'm';
|
|
@@ -709,7 +851,7 @@ type MozTextInputSize = 's' | 'm';
|
|
|
709
851
|
* Directive that transforms a simple input into a styled text input with optional icon and clearable button.
|
|
710
852
|
* Wraps the input element in a container and adds additional elements as needed.
|
|
711
853
|
*/
|
|
712
|
-
declare class
|
|
854
|
+
declare class MozTextInputDirective implements ControlValueAccessor, AfterViewInit, OnDestroy {
|
|
713
855
|
private elementRef;
|
|
714
856
|
private renderer;
|
|
715
857
|
readonly isInvalid: _angular_core.InputSignal<boolean>;
|
|
@@ -740,12 +882,12 @@ declare class TextInputDirective implements ControlValueAccessor, AfterViewInit,
|
|
|
740
882
|
writeValue(value: string | number): void;
|
|
741
883
|
registerOnChange(fn: (value: string | number) => void): void;
|
|
742
884
|
registerOnTouched(fn: () => void): void;
|
|
743
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
744
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
885
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextInputDirective, never>;
|
|
886
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTextInputDirective, "input[moz-text-input]", never, { "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
745
887
|
}
|
|
746
888
|
|
|
747
889
|
type MozToggleSize = 's' | 'm';
|
|
748
|
-
declare class
|
|
890
|
+
declare class MozToggleComponent implements ControlValueAccessor {
|
|
749
891
|
id: _angular_core.InputSignal<string>;
|
|
750
892
|
name: _angular_core.InputSignal<string | undefined>;
|
|
751
893
|
label: _angular_core.InputSignal<string | undefined>;
|
|
@@ -761,20 +903,20 @@ declare class ToggleComponent implements ControlValueAccessor {
|
|
|
761
903
|
registerOnChange(fn: (value: boolean) => void): void;
|
|
762
904
|
registerOnTouched(fn: () => void): void;
|
|
763
905
|
onInputChange(event: Event): void;
|
|
764
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
765
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
906
|
+
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; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
766
908
|
}
|
|
767
909
|
|
|
768
910
|
type MozFlagType = 'default' | 'accent' | 'danger' | 'inverse';
|
|
769
|
-
declare class
|
|
911
|
+
declare class MozFlagComponent {
|
|
770
912
|
readonly type: _angular_core.InputSignal<MozFlagType>;
|
|
771
913
|
get typeClass(): "" | "mc-flag--accent" | "mc-flag--danger" | "mc-flag--inverse";
|
|
772
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
773
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
914
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFlagComponent, never>;
|
|
915
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozFlagComponent, "moz-flag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
774
916
|
}
|
|
775
917
|
|
|
776
918
|
type MozDatepickerSize = 'default' | 's';
|
|
777
|
-
declare class
|
|
919
|
+
declare class MozDatepickerComponent implements ControlValueAccessor {
|
|
778
920
|
readonly id: _angular_core.InputSignal<string>;
|
|
779
921
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
780
922
|
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
@@ -797,56 +939,73 @@ declare class DatepickerComponent implements ControlValueAccessor {
|
|
|
797
939
|
onInput(event: Event): void;
|
|
798
940
|
onClear(): void;
|
|
799
941
|
onBlur(): void;
|
|
800
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
801
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
942
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDatepickerComponent, never>;
|
|
943
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDatepickerComponent, "moz-datepicker", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
802
944
|
}
|
|
803
945
|
|
|
804
946
|
type MozTooltipPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
805
|
-
declare class
|
|
947
|
+
declare class MozTooltipComponent {
|
|
806
948
|
readonly id: _angular_core.InputSignal<string>;
|
|
807
949
|
readonly position: _angular_core.InputSignal<MozTooltipPosition>;
|
|
808
950
|
readonly noPointer: _angular_core.InputSignal<boolean>;
|
|
809
951
|
readonly standalone: _angular_core.InputSignal<boolean>;
|
|
952
|
+
content: string;
|
|
810
953
|
readonly classes: _angular_core.Signal<{
|
|
811
954
|
[x: string]: boolean;
|
|
812
955
|
'mc-tooltip': boolean;
|
|
813
956
|
'mc-tooltip--no-pointer': boolean;
|
|
814
957
|
'mc-tooltip--standalone': boolean;
|
|
815
958
|
}>;
|
|
816
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
817
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
959
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTooltipComponent, never>;
|
|
960
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTooltipComponent, "moz-tooltip", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "noPointer": { "alias": "noPointer"; "required": false; "isSignal": true; }; "standalone": { "alias": "standalone"; "required": false; "isSignal": true; }; }, {}, never, ["[trigger]", "[content]"], true, never>;
|
|
961
|
+
}
|
|
962
|
+
|
|
963
|
+
declare class MozTooltipDirective implements OnDestroy {
|
|
964
|
+
content: string;
|
|
965
|
+
tooltipPosition: MozTooltipPosition;
|
|
966
|
+
tooltipNoPointer: boolean;
|
|
967
|
+
private overlayRef;
|
|
968
|
+
private overlay;
|
|
969
|
+
private overlayPositionBuilder;
|
|
970
|
+
private elementRef;
|
|
971
|
+
show(): void;
|
|
972
|
+
hide(): void;
|
|
973
|
+
ngOnDestroy(): void;
|
|
974
|
+
private getPositions;
|
|
975
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTooltipDirective, never>;
|
|
976
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozTooltipDirective, "[mozTooltip]", never, { "content": { "alias": "mozTooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipNoPointer": { "alias": "tooltipNoPointer"; "required": false; }; }, {}, never, never, true, never>;
|
|
818
977
|
}
|
|
819
978
|
|
|
820
|
-
type
|
|
821
|
-
declare class
|
|
979
|
+
type MozCircularProgessBarSize = 's' | 'm' | 'l';
|
|
980
|
+
declare class MozCircularProgressBarComponent {
|
|
822
981
|
valuePercent: _angular_core.InputSignal<number>;
|
|
823
|
-
size: _angular_core.InputSignal<
|
|
982
|
+
size: _angular_core.InputSignal<MozCircularProgessBarSize>;
|
|
824
983
|
ariaLabel: _angular_core.InputSignal<string>;
|
|
825
984
|
numberLabel: _angular_core.InputSignal<string | null>;
|
|
826
985
|
textLabel: _angular_core.InputSignal<string | null>;
|
|
827
986
|
showPercentage: _angular_core.InputSignal<boolean>;
|
|
828
987
|
classes: _angular_core.Signal<string>;
|
|
829
988
|
hasNumberOrText: () => boolean;
|
|
830
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
831
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
989
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCircularProgressBarComponent, never>;
|
|
990
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozCircularProgressBarComponent, "moz-circular-progress-bar", never, { "valuePercent": { "alias": "valuePercent"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "numberLabel": { "alias": "numberLabel"; "required": false; "isSignal": true; }; "textLabel": { "alias": "textLabel"; "required": false; "isSignal": true; }; "showPercentage": { "alias": "showPercentage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
832
991
|
}
|
|
833
992
|
|
|
834
993
|
type MozLinearProgressBarBufferSize = 's' | 'm' | 'l';
|
|
835
|
-
declare class
|
|
994
|
+
declare class MozLinearProgressBarBufferComponent {
|
|
836
995
|
valuePercent: _angular_core.InputSignal<number>;
|
|
837
996
|
size: _angular_core.InputSignal<MozLinearProgressBarBufferSize>;
|
|
838
997
|
ariaLabel: _angular_core.InputSignal<string>;
|
|
839
998
|
classes: _angular_core.Signal<string>;
|
|
840
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
841
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
999
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLinearProgressBarBufferComponent, never>;
|
|
1000
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozLinearProgressBarBufferComponent, "moz-linear-progress-bar-buffer", never, { "valuePercent": { "alias": "valuePercent"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
842
1001
|
}
|
|
843
1002
|
|
|
844
|
-
declare class
|
|
1003
|
+
declare class MozLinearProgressBarPercentageComponent {
|
|
845
1004
|
valuePercent: _angular_core.InputSignal<number>;
|
|
846
1005
|
ariaLabel: _angular_core.InputSignal<string>;
|
|
847
1006
|
showLabel: _angular_core.InputSignal<boolean>;
|
|
848
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
849
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
1007
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLinearProgressBarPercentageComponent, never>;
|
|
1008
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozLinearProgressBarPercentageComponent, "moz-linear-progress-bar-percentage", never, { "valuePercent": { "alias": "valuePercent"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
850
1009
|
}
|
|
851
1010
|
|
|
852
1011
|
type MozCalloutVariant = 'default' | 'inverse' | 'tips' | 'accent';
|
|
@@ -855,15 +1014,14 @@ declare class MozCalloutComponent {
|
|
|
855
1014
|
message: _angular_core.InputSignal<string | null>;
|
|
856
1015
|
role: _angular_core.InputSignal<string>;
|
|
857
1016
|
variant: _angular_core.InputSignal<MozCalloutVariant>;
|
|
858
|
-
footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
859
1017
|
classes: _angular_core.Signal<string>;
|
|
860
1018
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCalloutComponent, never>;
|
|
861
|
-
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; }; }, {}, ["
|
|
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; }; }, {}, never, ["[footer]"], true, never>;
|
|
862
1020
|
}
|
|
863
1021
|
|
|
864
|
-
type
|
|
1022
|
+
type MozAvatarSize = 's' | 'm' | 'l';
|
|
865
1023
|
declare class MozAvatarComponent {
|
|
866
|
-
size: _angular_core.InputSignal<
|
|
1024
|
+
size: _angular_core.InputSignal<MozAvatarSize>;
|
|
867
1025
|
hostClasses: _angular_core.Signal<string>;
|
|
868
1026
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozAvatarComponent, never>;
|
|
869
1027
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozAvatarComponent, "moz-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
@@ -969,24 +1127,24 @@ declare class MozToasterComponent implements AfterContentInit {
|
|
|
969
1127
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozToasterComponent, "moz-toaster", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "timeout": { "alias": "timeout"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; "closed": "closed"; }, ["actionSlot"], ["[action]"], true, never>;
|
|
970
1128
|
}
|
|
971
1129
|
|
|
972
|
-
type
|
|
1130
|
+
type MozSidebarSubItem = {
|
|
973
1131
|
id: string;
|
|
974
1132
|
label: string;
|
|
975
1133
|
href?: string;
|
|
976
1134
|
selected?: boolean;
|
|
977
1135
|
};
|
|
978
|
-
type
|
|
1136
|
+
type MozSidebarItem = {
|
|
979
1137
|
id: string;
|
|
980
1138
|
label: string;
|
|
981
1139
|
icon?: Type<unknown>;
|
|
982
1140
|
href?: string;
|
|
983
1141
|
selected?: boolean;
|
|
984
1142
|
open?: boolean;
|
|
985
|
-
children?:
|
|
1143
|
+
children?: MozSidebarSubItem[];
|
|
986
1144
|
};
|
|
987
1145
|
declare class MozSidebarComponent {
|
|
988
1146
|
expanded: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
989
|
-
items: _angular_core.InputSignal<
|
|
1147
|
+
items: _angular_core.InputSignal<MozSidebarItem[]>;
|
|
990
1148
|
title: _angular_core.InputSignal<string>;
|
|
991
1149
|
logoSrc: _angular_core.InputSignal<string | null>;
|
|
992
1150
|
logoAlt: _angular_core.InputSignal<string>;
|
|
@@ -1002,21 +1160,21 @@ declare class MozSidebarComponent {
|
|
|
1002
1160
|
}>;
|
|
1003
1161
|
hostClasses: _angular_core.Signal<string>;
|
|
1004
1162
|
expandButtonAriaLabel: _angular_core.Signal<"Collapse" | "Expand">;
|
|
1005
|
-
shouldOpen: (i:
|
|
1163
|
+
shouldOpen: (i: MozSidebarItem) => boolean;
|
|
1006
1164
|
toggleExpanded(): void;
|
|
1007
1165
|
onItemClick(itemId: string, subItemId: string | null, ev: Event): void;
|
|
1008
|
-
toggleOpen(item:
|
|
1166
|
+
toggleOpen(item: MozSidebarItem): void;
|
|
1009
1167
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozSidebarComponent, never>;
|
|
1010
1168
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozSidebarComponent, "moz-sidebar", never, { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "logoSrc": { "alias": "logoSrc"; "required": false; "isSignal": true; }; "logoAlt": { "alias": "logoAlt"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "showProfile": { "alias": "showProfile"; "required": false; "isSignal": true; }; "profileName": { "alias": "profileName"; "required": false; "isSignal": true; }; "profileTitle": { "alias": "profileTitle"; "required": false; "isSignal": true; }; "profileAvatarSrc": { "alias": "profileAvatarSrc"; "required": false; "isSignal": true; }; }, { "expandedChange": "expandedChange"; "itemClick": "itemClick"; }, never, never, true, never>;
|
|
1011
1169
|
}
|
|
1012
1170
|
|
|
1013
1171
|
type MozSegmentedControlSize = 's' | 'm';
|
|
1014
|
-
type
|
|
1172
|
+
type MozSegmentedItem = {
|
|
1015
1173
|
label: string;
|
|
1016
1174
|
value: string | number;
|
|
1017
1175
|
};
|
|
1018
1176
|
declare class MozSegmentedControlComponent {
|
|
1019
|
-
items: _angular_core.InputSignal<
|
|
1177
|
+
items: _angular_core.InputSignal<MozSegmentedItem[]>;
|
|
1020
1178
|
size: _angular_core.InputSignal<MozSegmentedControlSize>;
|
|
1021
1179
|
full: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1022
1180
|
ariaLabel: _angular_core.InputSignal<string>;
|
|
@@ -1217,16 +1375,16 @@ declare class MozCarouselComponent implements OnDestroy {
|
|
|
1217
1375
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozCarouselComponent, "moz-carousel", never, { "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "previousButtonAriaLabel": { "alias": "previousButtonAriaLabel"; "required": false; "isSignal": true; }; "nextButtonAriaLabel": { "alias": "nextButtonAriaLabel"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, { "index": "indexChange"; }, never, ["[header]", "*"], true, never>;
|
|
1218
1376
|
}
|
|
1219
1377
|
|
|
1220
|
-
type
|
|
1221
|
-
declare class
|
|
1222
|
-
status: _angular_core.InputSignal<
|
|
1378
|
+
type MozStatusMessageStatus = 'info' | 'success' | 'warning' | 'error' | 'neutral' | 'inprogress';
|
|
1379
|
+
declare class MozStatusMessageComponent {
|
|
1380
|
+
status: _angular_core.InputSignal<MozStatusMessageStatus>;
|
|
1223
1381
|
description: _angular_core.InputSignal<string | null>;
|
|
1224
1382
|
readonly classes: _angular_core.Signal<{
|
|
1225
|
-
[x: string]:
|
|
1383
|
+
[x: string]: MozStatusMessageStatus;
|
|
1226
1384
|
}>;
|
|
1227
1385
|
readonly iconComponent: _angular_core.Signal<typeof CrossCircleFilled24>;
|
|
1228
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
1229
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
1386
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusMessageComponent, never>;
|
|
1387
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusMessageComponent, "moz-status-message", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1230
1388
|
}
|
|
1231
1389
|
|
|
1232
1390
|
type MozKpiTrend = 'increasing' | 'decreasing' | 'stable';
|
|
@@ -1356,7 +1514,7 @@ declare class MozStarRatingComponent {
|
|
|
1356
1514
|
}
|
|
1357
1515
|
|
|
1358
1516
|
type MozBuiltInMenuItemTarget = '_self' | '_blank' | '_parent' | '_top';
|
|
1359
|
-
type
|
|
1517
|
+
type MozBuiltInMenuItem = {
|
|
1360
1518
|
label: string;
|
|
1361
1519
|
icon?: Type<unknown>;
|
|
1362
1520
|
href?: string;
|
|
@@ -1371,7 +1529,7 @@ declare class BuiltInMenuComponent {
|
|
|
1371
1529
|
/**
|
|
1372
1530
|
* Items displayed in the menu.
|
|
1373
1531
|
*/
|
|
1374
|
-
items: _angular_core.InputSignal<
|
|
1532
|
+
items: _angular_core.InputSignal<MozBuiltInMenuItem[]>;
|
|
1375
1533
|
/**
|
|
1376
1534
|
* Index of the currently selected menu item.
|
|
1377
1535
|
* Used with two-way binding: [(selectedIndex)].
|
|
@@ -1396,14 +1554,14 @@ declare class BuiltInMenuComponent {
|
|
|
1396
1554
|
* A check-list menu is a structured vertical list where each item represents a distinct section of content.
|
|
1397
1555
|
* It wraps moz-built-in-menu and adds a visual checked state using an icon.
|
|
1398
1556
|
*/
|
|
1399
|
-
type
|
|
1557
|
+
type MozCheckListMenuItem = Omit<MozBuiltInMenuItem, 'icon'> & {
|
|
1400
1558
|
checked: boolean;
|
|
1401
1559
|
};
|
|
1402
1560
|
declare class MozCheckListMenuComponent {
|
|
1403
1561
|
/**
|
|
1404
1562
|
* Defines the menu items, each of which sets a checked state and can act as a button or link.
|
|
1405
1563
|
*/
|
|
1406
|
-
items: _angular_core.InputSignal<
|
|
1564
|
+
items: _angular_core.InputSignal<MozCheckListMenuItem[]>;
|
|
1407
1565
|
/**
|
|
1408
1566
|
* When enabled, adds a visible border around the wrapper.
|
|
1409
1567
|
*/
|
|
@@ -1415,7 +1573,7 @@ declare class MozCheckListMenuComponent {
|
|
|
1415
1573
|
/**
|
|
1416
1574
|
* Internal mapping to BuiltInMenuItem with an icon for checked items.
|
|
1417
1575
|
*/
|
|
1418
|
-
readonly menuItems: _angular_core.Signal<
|
|
1576
|
+
readonly menuItems: _angular_core.Signal<MozBuiltInMenuItem[]>;
|
|
1419
1577
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCheckListMenuComponent, never>;
|
|
1420
1578
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozCheckListMenuComponent, "moz-check-list-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; }, never, never, true, never>;
|
|
1421
1579
|
}
|
|
@@ -1425,7 +1583,7 @@ declare class MozCheckListMenuComponent {
|
|
|
1425
1583
|
* in a structured process. It visually represents progress, completed steps, and
|
|
1426
1584
|
* upcoming steps, helping users understand their position within a workflow.
|
|
1427
1585
|
*/
|
|
1428
|
-
interface
|
|
1586
|
+
interface MozStepperInlineStep {
|
|
1429
1587
|
/**
|
|
1430
1588
|
* Label of the step.
|
|
1431
1589
|
*/
|
|
@@ -1443,7 +1601,7 @@ declare class MozStepperInlineComponent {
|
|
|
1443
1601
|
/**
|
|
1444
1602
|
* Steps of the stepper inline.
|
|
1445
1603
|
*/
|
|
1446
|
-
steps: _angular_core.InputSignal<
|
|
1604
|
+
steps: _angular_core.InputSignal<MozStepperInlineStep[]>;
|
|
1447
1605
|
/**
|
|
1448
1606
|
* Clamped current step between 1 and steps.length.
|
|
1449
1607
|
*/
|
|
@@ -1464,7 +1622,7 @@ declare class MozStepperInlineComponent {
|
|
|
1464
1622
|
* in a structured process. It visually represents progress, completed steps, and
|
|
1465
1623
|
* upcoming steps, helping users understand their position within a workflow.
|
|
1466
1624
|
*/
|
|
1467
|
-
interface
|
|
1625
|
+
interface MozStepperStackedStep {
|
|
1468
1626
|
/**
|
|
1469
1627
|
* Label of the step.
|
|
1470
1628
|
*/
|
|
@@ -1482,7 +1640,7 @@ declare class MozStepperStackedComponent {
|
|
|
1482
1640
|
/**
|
|
1483
1641
|
* Steps of the stepper stacked.
|
|
1484
1642
|
*/
|
|
1485
|
-
steps: _angular_core.InputSignal<
|
|
1643
|
+
steps: _angular_core.InputSignal<MozStepperStackedStep[]>;
|
|
1486
1644
|
/**
|
|
1487
1645
|
* Clamped current step between 1 and steps.length.
|
|
1488
1646
|
*/
|
|
@@ -1501,7 +1659,7 @@ declare class MozStepperStackedComponent {
|
|
|
1501
1659
|
/**
|
|
1502
1660
|
* Step position in the stepper workflow.
|
|
1503
1661
|
*/
|
|
1504
|
-
type
|
|
1662
|
+
type MozStepperBottomBarStep = 'start' | 'middle' | 'end';
|
|
1505
1663
|
/**
|
|
1506
1664
|
* Stepper Bottom Bar component for navigation in multi-step processes.
|
|
1507
1665
|
*
|
|
@@ -1513,7 +1671,7 @@ declare class MozStepperBottomBarComponent {
|
|
|
1513
1671
|
/**
|
|
1514
1672
|
* Step of the process.
|
|
1515
1673
|
*/
|
|
1516
|
-
step: _angular_core.InputSignal<
|
|
1674
|
+
step: _angular_core.InputSignal<MozStepperBottomBarStep>;
|
|
1517
1675
|
/**
|
|
1518
1676
|
* If `true`, display the cancel button.
|
|
1519
1677
|
*/
|
|
@@ -1558,14 +1716,14 @@ declare class MozStepperBottomBarComponent {
|
|
|
1558
1716
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStepperBottomBarComponent, "moz-stepper-bottom-bar", never, { "step": { "alias": "step"; "required": false; "isSignal": true; }; "hasCancel": { "alias": "hasCancel"; "required": false; "isSignal": true; }; "cancelText": { "alias": "cancelText"; "required": false; "isSignal": true; }; "previousText": { "alias": "previousText"; "required": false; "isSignal": true; }; "nextText": { "alias": "nextText"; "required": false; "isSignal": true; }; "validateText": { "alias": "validateText"; "required": false; "isSignal": true; }; }, { "cancel": "cancel"; "previous": "previous"; "next": "next"; "validate": "validate"; }, never, never, true, never>;
|
|
1559
1717
|
}
|
|
1560
1718
|
|
|
1561
|
-
interface
|
|
1719
|
+
interface MozPageHeaderScope {
|
|
1562
1720
|
id?: string;
|
|
1563
1721
|
text: string;
|
|
1564
1722
|
value: string | number;
|
|
1565
1723
|
attributes?: Record<string, string | boolean | number>;
|
|
1566
1724
|
disabled?: boolean;
|
|
1567
1725
|
}
|
|
1568
|
-
declare class
|
|
1726
|
+
declare class MozPageHeaderComponent {
|
|
1569
1727
|
title: _angular_core.InputSignal<string>;
|
|
1570
1728
|
shadow: _angular_core.InputSignal<boolean>;
|
|
1571
1729
|
backButton: _angular_core.InputSignal<boolean>;
|
|
@@ -1575,10 +1733,10 @@ declare class PageHeaderComponent {
|
|
|
1575
1733
|
status: _angular_core.InputSignal<MozStatusBadgeStatus | undefined>;
|
|
1576
1734
|
statusLabel: _angular_core.InputSignal<string | undefined>;
|
|
1577
1735
|
extraInfo: _angular_core.InputSignal<string | undefined>;
|
|
1578
|
-
scope: _angular_core.InputSignal<string |
|
|
1736
|
+
scope: _angular_core.InputSignal<string | MozPageHeaderScope[] | undefined>;
|
|
1579
1737
|
scopeValue: _angular_core.InputSignal<string | number | boolean | undefined>;
|
|
1580
1738
|
scopePlaceholder: _angular_core.InputSignal<string | undefined>;
|
|
1581
|
-
tabs: _angular_core.InputSignal<
|
|
1739
|
+
tabs: _angular_core.InputSignal<MozTabItem[] | undefined>;
|
|
1582
1740
|
activeTab: _angular_core.ModelSignal<number>;
|
|
1583
1741
|
readonly back: _angular_core.OutputEmitterRef<void>;
|
|
1584
1742
|
readonly search: _angular_core.OutputEmitterRef<void>;
|
|
@@ -1599,7 +1757,7 @@ declare class PageHeaderComponent {
|
|
|
1599
1757
|
readonly hasStatusOrExtraInfo: _angular_core.Signal<string | undefined>;
|
|
1600
1758
|
readonly hasStatusBadge: _angular_core.Signal<"" | MozStatusBadgeStatus | undefined>;
|
|
1601
1759
|
readonly hasIconButtons: _angular_core.Signal<boolean>;
|
|
1602
|
-
readonly scopeAsArray: _angular_core.Signal<
|
|
1760
|
+
readonly scopeAsArray: _angular_core.Signal<MozPageHeaderScope[]>;
|
|
1603
1761
|
readonly mobileTagLabel: _angular_core.Signal<string>;
|
|
1604
1762
|
onBack(): void;
|
|
1605
1763
|
onSearch(): void;
|
|
@@ -1610,12 +1768,12 @@ declare class PageHeaderComponent {
|
|
|
1610
1768
|
onScopeTagClick(): void;
|
|
1611
1769
|
onScopeSelectChange(value: string | number): void;
|
|
1612
1770
|
onActiveTabChange(index: number): void;
|
|
1613
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
1614
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
1771
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozPageHeaderComponent, never>;
|
|
1772
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozPageHeaderComponent, "moz-page-header", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "backButton": { "alias": "backButton"; "required": false; "isSignal": true; }; "searchButton": { "alias": "searchButton"; "required": false; "isSignal": true; }; "helpButton": { "alias": "helpButton"; "required": false; "isSignal": true; }; "notificationButton": { "alias": "notificationButton"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "statusLabel": { "alias": "statusLabel"; "required": false; "isSignal": true; }; "extraInfo": { "alias": "extraInfo"; "required": false; "isSignal": true; }; "scope": { "alias": "scope"; "required": false; "isSignal": true; }; "scopeValue": { "alias": "scopeValue"; "required": false; "isSignal": true; }; "scopePlaceholder": { "alias": "scopePlaceholder"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; "back": "back"; "search": "search"; "help": "help"; "notification": "notification"; "toggleMenu": "toggleMenu"; "toggleScope": "toggleScope"; "scopeValueChange": "scopeValueChange"; "activeTabChange": "activeTabChange"; }, never, ["[content]", "[actions]"], true, never>;
|
|
1615
1773
|
}
|
|
1616
1774
|
|
|
1617
1775
|
type MozTileAppearance = 'primary' | 'secondary' | 'inverse';
|
|
1618
|
-
declare class
|
|
1776
|
+
declare class MozBasicTileComponent {
|
|
1619
1777
|
appearance: _angular_core.InputSignal<MozTileAppearance>;
|
|
1620
1778
|
isBordered: _angular_core.InputSignal<boolean>;
|
|
1621
1779
|
extraAction: _angular_core.InputSignal<boolean>;
|
|
@@ -1624,9 +1782,53 @@ declare class BasicTileComponent {
|
|
|
1624
1782
|
'mc-tile': boolean;
|
|
1625
1783
|
'mc-tile--bordered': boolean;
|
|
1626
1784
|
}>;
|
|
1627
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
1628
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
1785
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozBasicTileComponent, never>;
|
|
1786
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozBasicTileComponent, "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
|
+
}
|
|
1788
|
+
|
|
1789
|
+
type MozTileSelectableType = 'checkbox' | 'radio';
|
|
1790
|
+
type MozTileInputVerticalPosition = 'top' | 'center';
|
|
1791
|
+
type MozTileInputPosition = 'left' | 'right';
|
|
1792
|
+
type MozTileSelectableAppearance = 'primary';
|
|
1793
|
+
declare class MozTileSelectableComponent implements ControlValueAccessor {
|
|
1794
|
+
appearance: _angular_core.InputSignal<"primary">;
|
|
1795
|
+
bordered: _angular_core.InputSignal<boolean>;
|
|
1796
|
+
name: _angular_core.InputSignal<string>;
|
|
1797
|
+
value: _angular_core.InputSignal<string>;
|
|
1798
|
+
checked: _angular_core.InputSignal<boolean>;
|
|
1799
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
1800
|
+
inputVerticalPosition: _angular_core.InputSignal<MozTileInputVerticalPosition>;
|
|
1801
|
+
inputPosition: _angular_core.InputSignal<MozTileInputPosition>;
|
|
1802
|
+
inputType: _angular_core.InputSignal<MozTileSelectableType>;
|
|
1803
|
+
private innerValue;
|
|
1804
|
+
private onTouchedCallback;
|
|
1805
|
+
private onChangeCallback;
|
|
1806
|
+
protected classes: _angular_core.Signal<string>;
|
|
1807
|
+
protected isCheckbox: _angular_core.Signal<boolean>;
|
|
1808
|
+
protected isRadio: _angular_core.Signal<boolean>;
|
|
1809
|
+
writeValue(value: boolean | string): void;
|
|
1810
|
+
registerOnChange(fn: (value: boolean | string) => void): void;
|
|
1811
|
+
registerOnTouched(fn: () => void): void;
|
|
1812
|
+
onTileChange(event: Event): void;
|
|
1813
|
+
get isChecked(): boolean;
|
|
1814
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTileSelectableComponent, never>;
|
|
1815
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTileSelectableComponent, "moz-tile-selectable", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputVerticalPosition": { "alias": "inputVerticalPosition"; "required": false; "isSignal": true; }; "inputPosition": { "alias": "inputPosition"; "required": false; "isSignal": true; }; "inputType": { "alias": "inputType"; "required": false; "isSignal": true; }; }, {}, never, ["[body]", "[segmented]"], true, never>;
|
|
1816
|
+
}
|
|
1817
|
+
|
|
1818
|
+
type MozTileExpandableTrigger = 'container' | 'button' | 'icon';
|
|
1819
|
+
declare class MozTileExpandableComponent {
|
|
1820
|
+
triggerMode: _angular_core.InputSignal<MozTileExpandableTrigger>;
|
|
1821
|
+
id: _angular_core.InputSignal<number>;
|
|
1822
|
+
expanded: _angular_core.WritableSignal<boolean>;
|
|
1823
|
+
contentId: string;
|
|
1824
|
+
isContainerTrigger: _angular_core.Signal<boolean>;
|
|
1825
|
+
isIconTrigger: _angular_core.Signal<boolean>;
|
|
1826
|
+
isButtonTrigger: _angular_core.Signal<boolean>;
|
|
1827
|
+
toggle(): void;
|
|
1828
|
+
hostClass: _angular_core.Signal<string>;
|
|
1829
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTileExpandableComponent, never>;
|
|
1830
|
+
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>;
|
|
1629
1831
|
}
|
|
1630
1832
|
|
|
1631
|
-
export {
|
|
1632
|
-
export type { ActionListItem,
|
|
1833
|
+
export { BuiltInMenuComponent, MozAccordionComponent, MozAccordionContentComponent, MozAccordionHeaderComponent, MozAccordionPanelComponent, MozActionBottomBarComponent, MozActionListboxComponent, MozAvatarComponent, MozBasicTileComponent, MozBreadcrumbComponent, MozButtonComponent, MozCalloutComponent, MozCarouselComponent, MozCheckListMenuComponent, MozCheckboxComponent, MozCheckboxGroupComponent, MozCircularProgressBarComponent, MozDatepickerComponent, MozDividerComponent, MozDrawerComponent, MozDrawerRef, MozDrawerService, 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, MozTabsComponent, MozTagComponent, MozTextInputDirective, MozTextareaDirective, MozTileExpandableComponent, MozTileSelectableComponent, MozToasterComponent, MozToggleComponent, MozTooltipComponent, MozTooltipDirective };
|
|
1834
|
+
export type { ActionListItem, MozActionListItemAppearance, MozAvatarSize, MozBreadcrumbAppearance, MozBreadcrumbLink, MozBuiltInMenuItem, MozBuiltInMenuItemTarget, MozButtonAppearance, MozButtonIconPosition, MozButtonSize, MozButtonType, MozCalloutVariant, MozCheckListMenuItem, MozCircularProgessBarSize, MozDatepickerSize, MozDividerAppearance, MozDividerOrientation, MozDividerSize, MozDrawerButton, MozDrawerConfig, 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 };
|