@mozaic-ds/angular 2.0.0-beta.0 → 2.0.0-beta.10
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 +1062 -547
- package/fesm2022/mozaic-ds-angular.mjs.map +1 -1
- package/package.json +3 -3
- package/{index.d.ts → types/mozaic-ds-angular.d.ts} +389 -207
|
@@ -1,30 +1,35 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { TemplateRef, OnInit,
|
|
2
|
+
import { TemplateRef, OnInit, ElementRef, OnDestroy, Type, AfterViewInit, Renderer2, WritableSignal, EventEmitter, AfterContentInit } from '@angular/core';
|
|
3
3
|
import { ControlValueAccessor } from '@angular/forms';
|
|
4
4
|
import { CheckCircle32, Uploading32, WarningCircle32, CrossCircleFilled24 } from '@mozaic-ds/icons-angular';
|
|
5
|
-
import {
|
|
5
|
+
import { RouterLink } from '@angular/router';
|
|
6
|
+
import { DialogRef } from '@angular/cdk/dialog';
|
|
7
|
+
import { Observable } from 'rxjs';
|
|
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
|
-
[x: string]: MozBreadcrumbAppearance;
|
|
19
|
+
[x: string]: boolean | MozBreadcrumbAppearance;
|
|
20
|
+
'mc-breadcrumb': boolean;
|
|
18
21
|
}>;
|
|
19
|
-
|
|
20
|
-
|
|
22
|
+
getLinkClass(): string;
|
|
23
|
+
getCurrentLinkClass(): string;
|
|
24
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozBreadcrumbComponent, never>;
|
|
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>;
|
|
21
26
|
}
|
|
22
27
|
|
|
23
28
|
type MozButtonAppearance = 'standard' | 'accent' | 'danger' | 'inverse';
|
|
24
29
|
type MozButtonSize = 's' | 'm' | 'l';
|
|
25
30
|
type MozButtonIconPosition = 'left' | 'right' | 'only' | null;
|
|
26
31
|
type MozButtonType = 'button' | 'submit' | 'reset';
|
|
27
|
-
declare class
|
|
32
|
+
declare class MozButtonComponent {
|
|
28
33
|
appearance: _angular_core.InputSignal<MozButtonAppearance>;
|
|
29
34
|
size: _angular_core.InputSignal<MozButtonSize | undefined>;
|
|
30
35
|
disabled: _angular_core.InputSignal<boolean | undefined>;
|
|
@@ -35,11 +40,11 @@ declare class ButtonComponent {
|
|
|
35
40
|
isLoading: _angular_core.InputSignal<boolean | undefined>;
|
|
36
41
|
iconTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
37
42
|
readonly hostClasses: _angular_core.Signal<string>;
|
|
38
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
39
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
43
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozButtonComponent, never>;
|
|
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>;
|
|
40
45
|
}
|
|
41
46
|
|
|
42
|
-
declare class
|
|
47
|
+
declare class MozCheckboxComponent implements ControlValueAccessor {
|
|
43
48
|
id: _angular_core.InputSignal<string>;
|
|
44
49
|
name: _angular_core.InputSignal<string | undefined>;
|
|
45
50
|
label: _angular_core.InputSignal<string | undefined>;
|
|
@@ -54,18 +59,23 @@ declare class CheckboxComponent implements ControlValueAccessor {
|
|
|
54
59
|
'is-invalid': boolean;
|
|
55
60
|
}>;
|
|
56
61
|
readonly indentedClass: _angular_core.Signal<{
|
|
62
|
+
'mc-checkbox': boolean;
|
|
57
63
|
'mc-checkbox--indented': boolean;
|
|
58
64
|
}>;
|
|
59
65
|
writeValue(value: boolean): void;
|
|
60
66
|
registerOnChange(fn: (_: boolean) => void): void;
|
|
61
67
|
registerOnTouched(fn: () => void): void;
|
|
62
68
|
onInputChange(event: Event): void;
|
|
63
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
64
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
69
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCheckboxComponent, never>;
|
|
70
|
+
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
71
|
}
|
|
66
72
|
|
|
67
|
-
declare class
|
|
73
|
+
declare class MozCheckboxGroupComponent implements ControlValueAccessor {
|
|
68
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>;
|
|
69
79
|
options: _angular_core.InputSignal<{
|
|
70
80
|
id: string;
|
|
71
81
|
label: string;
|
|
@@ -76,6 +86,7 @@ declare class CheckboxGroupComponent implements ControlValueAccessor {
|
|
|
76
86
|
inline: _angular_core.InputSignal<boolean>;
|
|
77
87
|
_value: _angular_core.WritableSignal<string[]>;
|
|
78
88
|
readonly containerClass: _angular_core.Signal<{
|
|
89
|
+
'mc-field__content': boolean;
|
|
79
90
|
'mc-field__content--inline': boolean;
|
|
80
91
|
}>;
|
|
81
92
|
onChange: (_: string[]) => void;
|
|
@@ -85,8 +96,11 @@ declare class CheckboxGroupComponent implements ControlValueAccessor {
|
|
|
85
96
|
registerOnTouched(fn: () => void): void;
|
|
86
97
|
toggleSelection(event: Event, val: string): void;
|
|
87
98
|
isChecked(value: string): boolean;
|
|
88
|
-
|
|
89
|
-
|
|
99
|
+
getCheckboxInputClass(option: {
|
|
100
|
+
isInvalid?: boolean;
|
|
101
|
+
}): string;
|
|
102
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCheckboxGroupComponent, 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>;
|
|
90
104
|
}
|
|
91
105
|
|
|
92
106
|
type MozDividerOrientation = 'horizontal' | 'vertical';
|
|
@@ -95,7 +109,7 @@ type MozDividerSize = 's' | 'm' | 'l';
|
|
|
95
109
|
/**
|
|
96
110
|
* 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
111
|
*/
|
|
98
|
-
declare class
|
|
112
|
+
declare class MozDividerComponent {
|
|
99
113
|
/**
|
|
100
114
|
* Determines the orientation of the divider.
|
|
101
115
|
*/
|
|
@@ -111,37 +125,11 @@ declare class DividerComponent {
|
|
|
111
125
|
readonly classes: _angular_core.Signal<{
|
|
112
126
|
[x: string]: boolean | MozDividerOrientation;
|
|
113
127
|
}>;
|
|
114
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
115
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
type MozDrawerPosition = 'left' | 'right';
|
|
119
|
-
declare class DrawerComponent {
|
|
120
|
-
readonly open: _angular_core.InputSignal<boolean>;
|
|
121
|
-
readonly position: _angular_core.InputSignal<MozDrawerPosition>;
|
|
122
|
-
readonly extended: _angular_core.InputSignal<boolean>;
|
|
123
|
-
readonly back: _angular_core.InputSignal<boolean>;
|
|
124
|
-
readonly title: _angular_core.InputSignal<string>;
|
|
125
|
-
readonly contentTitle: _angular_core.InputSignal<string | undefined>;
|
|
126
|
-
readonly updateOpen: _angular_core.OutputEmitterRef<boolean>;
|
|
127
|
-
readonly backEvent: _angular_core.OutputEmitterRef<void>;
|
|
128
|
-
footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
129
|
-
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
130
|
-
readonly classMap: _angular_core.Signal<{
|
|
131
|
-
[x: string]: boolean;
|
|
132
|
-
'is-open': boolean;
|
|
133
|
-
'mc-drawer--extend': boolean;
|
|
134
|
-
}>;
|
|
135
|
-
readonly ariaModal: _angular_core.Signal<"true" | "false">;
|
|
136
|
-
constructor();
|
|
137
|
-
close(): void;
|
|
138
|
-
backClick(): void;
|
|
139
|
-
noop(): void;
|
|
140
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerComponent, never>;
|
|
141
|
-
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>;
|
|
128
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDividerComponent, never>;
|
|
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>;
|
|
142
130
|
}
|
|
143
131
|
|
|
144
|
-
declare class
|
|
132
|
+
declare class MozFieldComponent {
|
|
145
133
|
id: _angular_core.InputSignal<string | undefined>;
|
|
146
134
|
label: _angular_core.InputSignal<string | undefined>;
|
|
147
135
|
requirementText: _angular_core.InputSignal<string | undefined>;
|
|
@@ -152,14 +140,15 @@ declare class FieldComponent {
|
|
|
152
140
|
messageId: _angular_core.InputSignal<string | undefined>;
|
|
153
141
|
message: _angular_core.InputSignal<string | undefined>;
|
|
154
142
|
readonly classes: _angular_core.Signal<{
|
|
143
|
+
'mc-field__validation-message': boolean;
|
|
155
144
|
'is-valid': boolean;
|
|
156
145
|
'is-invalid': boolean;
|
|
157
146
|
}>;
|
|
158
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
159
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
147
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFieldComponent, never>;
|
|
148
|
+
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
149
|
}
|
|
161
150
|
|
|
162
|
-
declare class
|
|
151
|
+
declare class MozFieldGroupComponent {
|
|
163
152
|
id: _angular_core.InputSignal<string>;
|
|
164
153
|
legend: _angular_core.InputSignal<string>;
|
|
165
154
|
requirementText: _angular_core.InputSignal<string | undefined>;
|
|
@@ -167,12 +156,12 @@ declare class FieldGroupComponent {
|
|
|
167
156
|
isValid: _angular_core.InputSignal<boolean>;
|
|
168
157
|
isInvalid: _angular_core.InputSignal<boolean>;
|
|
169
158
|
message: _angular_core.InputSignal<string | undefined>;
|
|
170
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
171
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
159
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFieldGroupComponent, never>;
|
|
160
|
+
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
161
|
}
|
|
173
162
|
|
|
174
163
|
type MozFileUploaderFormat = 'inline' | 'stacked';
|
|
175
|
-
declare class
|
|
164
|
+
declare class MozFileUploaderComponent implements OnInit {
|
|
176
165
|
id: _angular_core.InputSignal<string>;
|
|
177
166
|
label: _angular_core.InputSignal<string | undefined>;
|
|
178
167
|
helpText: _angular_core.InputSignal<string | undefined>;
|
|
@@ -209,6 +198,7 @@ declare class FileUploaderComponent implements OnInit {
|
|
|
209
198
|
'mc-file-uploader__input--dragged': boolean;
|
|
210
199
|
}>;
|
|
211
200
|
iconTpl: any;
|
|
201
|
+
fileInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
|
|
212
202
|
ngOnInit(): void;
|
|
213
203
|
removeFile(index: number): void;
|
|
214
204
|
onDeleteFile(file: File): void;
|
|
@@ -219,12 +209,12 @@ declare class FileUploaderComponent implements OnInit {
|
|
|
219
209
|
openFileDialog(): void;
|
|
220
210
|
onDragOver(event: DragEvent): void;
|
|
221
211
|
onDragLeave(event: DragEvent): void;
|
|
222
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
223
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
212
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFileUploaderComponent, never>;
|
|
213
|
+
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
214
|
}
|
|
225
215
|
|
|
226
216
|
type MozFileUploaderItemFormat = 'inline' | 'stacked';
|
|
227
|
-
declare class
|
|
217
|
+
declare class MozFileUploaderItemComponent {
|
|
228
218
|
format: _angular_core.InputSignal<MozFileUploaderItemFormat>;
|
|
229
219
|
invalid: _angular_core.InputSignal<boolean>;
|
|
230
220
|
uploading: _angular_core.InputSignal<boolean>;
|
|
@@ -251,14 +241,14 @@ declare class FileUploaderItemComponent {
|
|
|
251
241
|
onRetry(): void;
|
|
252
242
|
onPreview(): void;
|
|
253
243
|
private formatFileSize;
|
|
254
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
255
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
244
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFileUploaderItemComponent, never>;
|
|
245
|
+
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
246
|
}
|
|
257
247
|
|
|
258
248
|
type MozIconButtonAppearance = 'standard' | 'accent' | 'danger' | 'inverse';
|
|
259
249
|
type MozIconButtonSize = 's' | 'm' | 'l';
|
|
260
250
|
type MozIconButtonType = 'button' | 'reset' | 'submit';
|
|
261
|
-
declare class
|
|
251
|
+
declare class MozIconButtonComponent {
|
|
262
252
|
appearance: _angular_core.InputSignal<MozIconButtonAppearance>;
|
|
263
253
|
size: _angular_core.InputSignal<MozIconButtonSize>;
|
|
264
254
|
disabled: _angular_core.InputSignal<boolean | undefined>;
|
|
@@ -268,17 +258,19 @@ declare class IconButtonComponent {
|
|
|
268
258
|
ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
269
259
|
readonly classes: _angular_core.Signal<{
|
|
270
260
|
[x: string]: boolean | MozIconButtonAppearance | MozIconButtonSize;
|
|
261
|
+
'mc-button': boolean;
|
|
262
|
+
'mc-button--icon-button': boolean;
|
|
271
263
|
'mc-button--ghost': boolean;
|
|
272
264
|
'mc-button--outlined': boolean;
|
|
273
265
|
}>;
|
|
274
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
275
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
266
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozIconButtonComponent, never>;
|
|
267
|
+
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
268
|
}
|
|
277
269
|
|
|
278
270
|
type MozLinkAppearance = 'secondary' | 'accent' | 'inverse' | 'standard';
|
|
279
271
|
type MozLinkSize = 's' | 'm';
|
|
280
272
|
type MozLinkIconPosition = 'left' | 'right' | 'only';
|
|
281
|
-
declare class
|
|
273
|
+
declare class MozLinkComponent {
|
|
282
274
|
href: _angular_core.InputSignal<string | undefined>;
|
|
283
275
|
target: _angular_core.InputSignal<string | undefined>;
|
|
284
276
|
appearance: _angular_core.InputSignal<MozLinkAppearance>;
|
|
@@ -288,78 +280,162 @@ declare class LinkComponent {
|
|
|
288
280
|
iconPosition: _angular_core.InputSignal<MozLinkIconPosition>;
|
|
289
281
|
current: _angular_core.InputSignal<boolean>;
|
|
290
282
|
ariaCurrent: _angular_core.InputSignal<string | null>;
|
|
291
|
-
iconTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
292
283
|
private readonly routerLinkActive;
|
|
293
|
-
readonly routerLink:
|
|
284
|
+
readonly routerLink: RouterLink | null;
|
|
294
285
|
readonly classes: _angular_core.Signal<{
|
|
295
286
|
[x: string]: boolean | MozLinkAppearance | MozLinkSize;
|
|
287
|
+
'mc-link': boolean;
|
|
296
288
|
'mc-link--inline': boolean;
|
|
297
289
|
'mc-link--stand-alone': boolean;
|
|
298
290
|
'mc-link--active': boolean;
|
|
299
291
|
'mc-link--breadcrumb__current': boolean;
|
|
300
292
|
}>;
|
|
301
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
302
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
293
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLinkComponent, never>;
|
|
294
|
+
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
295
|
}
|
|
304
296
|
|
|
305
297
|
type MozLoaderAppearance = 'standard' | 'accent' | 'inverse';
|
|
306
|
-
type MozLoaderSize = 's' | 'm' | 'l';
|
|
307
|
-
declare class
|
|
298
|
+
type MozLoaderSize = 'xs' | 's' | 'm' | 'l';
|
|
299
|
+
declare class MozLoaderComponent {
|
|
308
300
|
appearance: _angular_core.InputSignal<MozLoaderAppearance>;
|
|
309
301
|
size: _angular_core.InputSignal<MozLoaderSize>;
|
|
310
302
|
text: _angular_core.InputSignal<string | undefined>;
|
|
311
303
|
readonly classes: _angular_core.Signal<{
|
|
312
304
|
[x: string]: boolean | MozLoaderAppearance | MozLoaderSize;
|
|
305
|
+
'mc-loader': boolean;
|
|
313
306
|
"mc-loader--text-visible": boolean;
|
|
314
307
|
}>;
|
|
315
|
-
readonly viewBox: _angular_core.Signal<"0 0 24 24" | "0 0 64 64" | "0 0 32 32">;
|
|
316
|
-
readonly circleRadius: _angular_core.Signal<6 | 19 | 9>;
|
|
317
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
318
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
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>;
|
|
310
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLoaderComponent, never>;
|
|
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>;
|
|
319
312
|
}
|
|
320
313
|
|
|
321
|
-
declare class
|
|
314
|
+
declare class MozLoadingOverlayComponent {
|
|
322
315
|
label: _angular_core.InputSignal<string>;
|
|
323
316
|
visible: _angular_core.InputSignal<boolean>;
|
|
324
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
325
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
317
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLoadingOverlayComponent, never>;
|
|
318
|
+
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
319
|
}
|
|
327
320
|
|
|
328
|
-
declare class
|
|
321
|
+
declare class MozModalComponent {
|
|
329
322
|
open: _angular_core.InputSignal<boolean>;
|
|
330
|
-
title: _angular_core.InputSignal<string>;
|
|
331
|
-
description: _angular_core.InputSignal<string>;
|
|
332
|
-
closable: _angular_core.InputSignal<boolean>;
|
|
333
323
|
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
334
324
|
readonly updateOpen: _angular_core.OutputEmitterRef<boolean>;
|
|
335
|
-
|
|
336
|
-
linkTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
337
|
-
iconTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
325
|
+
readonly closeRequest: _angular_core.OutputEmitterRef<void>;
|
|
338
326
|
constructor();
|
|
339
327
|
close(): void;
|
|
340
328
|
readonly classMap: _angular_core.Signal<{
|
|
329
|
+
'mc-modal': boolean;
|
|
341
330
|
'is-open': boolean;
|
|
342
331
|
}>;
|
|
343
332
|
readonly ariaModal: _angular_core.Signal<"true" | "false">;
|
|
344
333
|
noop(): void;
|
|
345
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
346
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
334
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalComponent, never>;
|
|
335
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalComponent, "moz-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "updateOpen": "updateOpen"; "closeRequest": "closeRequest"; }, never, ["*"], true, never>;
|
|
336
|
+
}
|
|
337
|
+
|
|
338
|
+
declare class MozModalContainerComponent<T = unknown, R = unknown> implements OnDestroy {
|
|
339
|
+
readonly dialogRef: DialogRef<R, unknown>;
|
|
340
|
+
readonly data: MozModalConfig<T>;
|
|
341
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
342
|
+
readonly modalElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
|
|
343
|
+
private pendingClose;
|
|
344
|
+
private isClosing;
|
|
345
|
+
private transitionEndHandler?;
|
|
346
|
+
private closeTimeoutId?;
|
|
347
|
+
constructor();
|
|
348
|
+
ngOnDestroy(): void;
|
|
349
|
+
private onTransitionEnd;
|
|
350
|
+
private cleanupAndClose;
|
|
351
|
+
isTemplate(content: unknown): content is TemplateRef<{
|
|
352
|
+
$implicit: T | undefined;
|
|
353
|
+
}>;
|
|
354
|
+
isComponent(content: unknown): content is Type<unknown>;
|
|
355
|
+
asTemplate(content: unknown): TemplateRef<{
|
|
356
|
+
$implicit: T | undefined;
|
|
357
|
+
}>;
|
|
358
|
+
asComponent(content: unknown): Type<unknown>;
|
|
359
|
+
onButtonClick(button: {
|
|
360
|
+
label: string;
|
|
361
|
+
onClick?: () => void;
|
|
362
|
+
}): void;
|
|
363
|
+
close(result?: R): void;
|
|
364
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalContainerComponent<any, any>, never>;
|
|
365
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalContainerComponent<any, any>, "moz-modal-container", never, {}, {}, never, never, true, never>;
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
interface MozModalButton {
|
|
369
|
+
label: string;
|
|
370
|
+
onClick?: () => void;
|
|
371
|
+
primary?: boolean;
|
|
372
|
+
}
|
|
373
|
+
interface MozModalConfig<T = unknown> {
|
|
374
|
+
title?: string;
|
|
375
|
+
closable?: boolean;
|
|
376
|
+
content?: TemplateRef<T> | Type<unknown> | string;
|
|
377
|
+
data?: T;
|
|
378
|
+
panelClass?: string | string[];
|
|
379
|
+
backdropClass?: string | string[];
|
|
380
|
+
disableClose?: boolean;
|
|
381
|
+
ariaLabel?: string;
|
|
382
|
+
ariaDescribedBy?: string;
|
|
383
|
+
icon?: Type<unknown>;
|
|
384
|
+
footerButtons?: MozModalButton[];
|
|
385
|
+
footerLink?: {
|
|
386
|
+
label: string;
|
|
387
|
+
href: string;
|
|
388
|
+
};
|
|
389
|
+
}
|
|
390
|
+
declare class MozModalRef<R = unknown> {
|
|
391
|
+
private _dialogRef;
|
|
392
|
+
setDialogRef(dialogRef: DialogRef<R, MozModalContainerComponent>): void;
|
|
393
|
+
close(result?: R): void;
|
|
394
|
+
get afterClosed(): Observable<R | undefined>;
|
|
395
|
+
get componentInstance(): MozModalContainerComponent | null;
|
|
396
|
+
}
|
|
397
|
+
declare class MozModalService {
|
|
398
|
+
private readonly dialog;
|
|
399
|
+
private readonly injector;
|
|
400
|
+
open<T = unknown, R = unknown>(config?: MozModalConfig<T>): MozModalRef<R>;
|
|
401
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalService, never>;
|
|
402
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<MozModalService>;
|
|
403
|
+
}
|
|
404
|
+
|
|
405
|
+
declare class MozModalHeaderComponent {
|
|
406
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
407
|
+
readonly titleId: _angular_core.InputSignal<string>;
|
|
408
|
+
readonly closable: _angular_core.InputSignal<boolean>;
|
|
409
|
+
readonly closeClick: _angular_core.OutputEmitterRef<void>;
|
|
410
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalHeaderComponent, never>;
|
|
411
|
+
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>;
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
declare class MozModalBodyComponent {
|
|
415
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalBodyComponent, never>;
|
|
416
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalBodyComponent, "moz-modal-body", never, {}, {}, never, ["*"], true, never>;
|
|
417
|
+
}
|
|
418
|
+
|
|
419
|
+
declare class MozModalFooterComponent {
|
|
420
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalFooterComponent, never>;
|
|
421
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalFooterComponent, "moz-modal-footer", never, {}, {}, never, ["[link]", "*"], true, never>;
|
|
347
422
|
}
|
|
348
423
|
|
|
349
424
|
type MozNumberBadgeAppearance = 'danger' | 'accent' | 'inverse' | 'standard';
|
|
350
425
|
type MozNumberBadgeSize = 's' | 'm';
|
|
351
|
-
declare class
|
|
426
|
+
declare class MozNumberBadgeComponent {
|
|
352
427
|
label: _angular_core.InputSignal<number>;
|
|
353
428
|
appearance: _angular_core.InputSignal<MozNumberBadgeAppearance>;
|
|
354
429
|
size: _angular_core.InputSignal<MozNumberBadgeSize>;
|
|
355
430
|
readonly classes: _angular_core.Signal<{
|
|
356
|
-
[x: string]: MozNumberBadgeAppearance | MozNumberBadgeSize;
|
|
431
|
+
[x: string]: boolean | MozNumberBadgeAppearance | MozNumberBadgeSize;
|
|
432
|
+
'mc-number-badge': boolean;
|
|
357
433
|
}>;
|
|
358
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
359
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
434
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozNumberBadgeComponent, never>;
|
|
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>;
|
|
360
436
|
}
|
|
361
437
|
|
|
362
|
-
declare class
|
|
438
|
+
declare class MozOverlayComponent {
|
|
363
439
|
readonly backdropClick: _angular_core.OutputEmitterRef<void>;
|
|
364
440
|
readonly backdropKeydown: _angular_core.OutputEmitterRef<void>;
|
|
365
441
|
/**
|
|
@@ -370,13 +446,17 @@ declare class OverlayComponent {
|
|
|
370
446
|
* Accessible label for the overlay dialog.
|
|
371
447
|
*/
|
|
372
448
|
dialogLabel: _angular_core.InputSignal<string | undefined>;
|
|
449
|
+
readonly classes: _angular_core.Signal<{
|
|
450
|
+
'mc-overlay': boolean;
|
|
451
|
+
'is-visible': boolean | undefined;
|
|
452
|
+
}>;
|
|
373
453
|
onBackdropClick(): void;
|
|
374
454
|
noop(): void;
|
|
375
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
376
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
455
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozOverlayComponent, never>;
|
|
456
|
+
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
457
|
}
|
|
378
458
|
|
|
379
|
-
declare class
|
|
459
|
+
declare class MozPaginationComponent {
|
|
380
460
|
readonly id: _angular_core.InputSignal<string>;
|
|
381
461
|
readonly compact: _angular_core.InputSignal<boolean>;
|
|
382
462
|
readonly options: _angular_core.InputSignal<{
|
|
@@ -394,15 +474,15 @@ declare class PaginationComponent {
|
|
|
394
474
|
previous(): void;
|
|
395
475
|
next(): void;
|
|
396
476
|
onSelectChange(value: string): void;
|
|
397
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
398
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
477
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozPaginationComponent, never>;
|
|
478
|
+
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
479
|
}
|
|
400
480
|
|
|
401
481
|
/**
|
|
402
482
|
* Directive that transforms a simple input into a styled password input with toggle visibility and clearable button.
|
|
403
483
|
* Wraps the input element in a container and adds additional elements as needed.
|
|
404
484
|
*/
|
|
405
|
-
declare class
|
|
485
|
+
declare class MozPasswordInputDirective implements ControlValueAccessor, AfterViewInit, OnDestroy {
|
|
406
486
|
private elementRef;
|
|
407
487
|
private renderer;
|
|
408
488
|
readonly isInvalid: _angular_core.InputSignal<boolean>;
|
|
@@ -441,15 +521,15 @@ declare class PasswordInputDirective implements ControlValueAccessor, AfterViewI
|
|
|
441
521
|
writeValue(value: string): void;
|
|
442
522
|
registerOnChange(fn: (value: string) => void): void;
|
|
443
523
|
registerOnTouched(fn: () => void): void;
|
|
444
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
445
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
524
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozPasswordInputDirective, never>;
|
|
525
|
+
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
526
|
}
|
|
447
527
|
|
|
448
|
-
declare class
|
|
528
|
+
declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
|
|
449
529
|
private readonly cdr;
|
|
450
530
|
private readonly ngZone;
|
|
451
531
|
id: _angular_core.InputSignal<string>;
|
|
452
|
-
length: _angular_core.InputSignal<
|
|
532
|
+
length: _angular_core.InputSignal<6 | 4 | 5>;
|
|
453
533
|
name: _angular_core.InputSignal<string | undefined>;
|
|
454
534
|
isInvalid: _angular_core.InputSignal<boolean>;
|
|
455
535
|
disabled: _angular_core.InputSignal<boolean>;
|
|
@@ -460,6 +540,7 @@ declare class PincodeInputComponent implements OnInit, ControlValueAccessor {
|
|
|
460
540
|
onChange: (value: string) => void;
|
|
461
541
|
onTouched: () => void;
|
|
462
542
|
readonly classObject: _angular_core.Signal<{
|
|
543
|
+
'mc-pincode-input': boolean;
|
|
463
544
|
'is-invalid': boolean;
|
|
464
545
|
}>;
|
|
465
546
|
ngOnInit(): void;
|
|
@@ -471,12 +552,12 @@ declare class PincodeInputComponent implements OnInit, ControlValueAccessor {
|
|
|
471
552
|
onKeyDown(event: KeyboardEvent, index: number): void;
|
|
472
553
|
onBackspace(event: KeyboardEvent, index: number): void;
|
|
473
554
|
onPaste(event: ClipboardEvent): void;
|
|
474
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
475
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
555
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozPincodeInputComponent, never>;
|
|
556
|
+
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
557
|
}
|
|
477
558
|
|
|
478
559
|
type MozQuantitySelectorSize = 's' | 'm';
|
|
479
|
-
declare class
|
|
560
|
+
declare class MozQuantitySelectorComponent implements ControlValueAccessor {
|
|
480
561
|
readonly id: _angular_core.InputSignal<string>;
|
|
481
562
|
readonly name: _angular_core.InputSignal<string>;
|
|
482
563
|
readonly size: _angular_core.InputSignal<MozQuantitySelectorSize>;
|
|
@@ -491,6 +572,7 @@ declare class QuantitySelectorComponent implements ControlValueAccessor {
|
|
|
491
572
|
readonly _value: _angular_core.WritableSignal<number>;
|
|
492
573
|
readonly classes: _angular_core.Signal<{
|
|
493
574
|
[x: string]: boolean | MozQuantitySelectorSize;
|
|
575
|
+
'mc-quantity-selector': boolean;
|
|
494
576
|
'is-invalid': boolean;
|
|
495
577
|
}>;
|
|
496
578
|
private onChange;
|
|
@@ -501,11 +583,11 @@ declare class QuantitySelectorComponent implements ControlValueAccessor {
|
|
|
501
583
|
onChangeInput(event: Event): void;
|
|
502
584
|
increment(): void;
|
|
503
585
|
decrement(): void;
|
|
504
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
505
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
586
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozQuantitySelectorComponent, never>;
|
|
587
|
+
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
588
|
}
|
|
507
589
|
|
|
508
|
-
declare class
|
|
590
|
+
declare class MozRadioComponent implements ControlValueAccessor {
|
|
509
591
|
id: _angular_core.InputSignal<string>;
|
|
510
592
|
name: _angular_core.InputSignal<string | undefined>;
|
|
511
593
|
label: _angular_core.InputSignal<string | undefined>;
|
|
@@ -519,13 +601,14 @@ declare class RadioComponent implements ControlValueAccessor {
|
|
|
519
601
|
registerOnChange(fn: (value: boolean) => void): void;
|
|
520
602
|
registerOnTouched(fn: () => void): void;
|
|
521
603
|
readonly classes: _angular_core.Signal<{
|
|
604
|
+
'mc-radio__input': boolean;
|
|
522
605
|
'is-invalid': boolean;
|
|
523
606
|
}>;
|
|
524
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
525
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
607
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozRadioComponent, never>;
|
|
608
|
+
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
609
|
}
|
|
527
610
|
|
|
528
|
-
declare class
|
|
611
|
+
declare class MozRadioGroupComponent implements ControlValueAccessor {
|
|
529
612
|
name: _angular_core.InputSignal<string>;
|
|
530
613
|
options: _angular_core.InputSignal<{
|
|
531
614
|
id: string;
|
|
@@ -543,10 +626,11 @@ declare class RadioGroupComponent implements ControlValueAccessor {
|
|
|
543
626
|
registerOnTouched(fn: () => void): void;
|
|
544
627
|
select(value: string): void;
|
|
545
628
|
readonly classes: _angular_core.Signal<{
|
|
629
|
+
'mc-field__content': boolean;
|
|
546
630
|
'mc-field__content--inline': boolean;
|
|
547
631
|
}>;
|
|
548
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
549
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
632
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozRadioGroupComponent, never>;
|
|
633
|
+
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
634
|
}
|
|
551
635
|
|
|
552
636
|
type MozSelectValue = string | number | null;
|
|
@@ -558,7 +642,7 @@ type MozSelectOption = {
|
|
|
558
642
|
disabled?: boolean;
|
|
559
643
|
};
|
|
560
644
|
type MozSelectSize = 's' | 'm';
|
|
561
|
-
declare class
|
|
645
|
+
declare class MozSelectComponent implements ControlValueAccessor {
|
|
562
646
|
id: _angular_core.InputSignal<string | undefined>;
|
|
563
647
|
name: _angular_core.InputSignal<string>;
|
|
564
648
|
options: _angular_core.InputSignal<MozSelectOption[] | undefined>;
|
|
@@ -576,38 +660,41 @@ declare class SelectComponent implements ControlValueAccessor {
|
|
|
576
660
|
handleChange(event: Event): void;
|
|
577
661
|
readonly classes: _angular_core.Signal<{
|
|
578
662
|
[x: string]: boolean | MozSelectSize;
|
|
663
|
+
'mc-select': boolean;
|
|
579
664
|
'mc-select--readonly': boolean;
|
|
580
665
|
'is-invalid': boolean;
|
|
581
666
|
}>;
|
|
582
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
583
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
667
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozSelectComponent, never>;
|
|
668
|
+
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
669
|
}
|
|
585
670
|
|
|
586
671
|
type MozStatusBadgeStatus = 'info' | 'success' | 'warning' | 'error' | 'neutral';
|
|
587
|
-
declare class
|
|
672
|
+
declare class MozStatusBadgeComponent {
|
|
588
673
|
label: _angular_core.InputSignal<string | undefined>;
|
|
589
674
|
status: _angular_core.InputSignal<MozStatusBadgeStatus>;
|
|
590
675
|
readonly classes: _angular_core.Signal<{
|
|
591
|
-
[x: string]: MozStatusBadgeStatus;
|
|
676
|
+
[x: string]: boolean | MozStatusBadgeStatus;
|
|
677
|
+
'mc-status-badge': boolean;
|
|
592
678
|
}>;
|
|
593
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
594
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
679
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusBadgeComponent, never>;
|
|
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>;
|
|
595
681
|
}
|
|
596
682
|
|
|
597
683
|
type MozStatusDotStatus = 'info' | 'success' | 'warning' | 'error' | 'neutral';
|
|
598
684
|
type MozStatusDotSize = 's' | 'm' | 'l';
|
|
599
|
-
declare class
|
|
685
|
+
declare class MozStatusDotComponent {
|
|
600
686
|
status: _angular_core.InputSignal<MozStatusDotStatus>;
|
|
601
687
|
size: _angular_core.InputSignal<MozStatusDotSize>;
|
|
602
688
|
readonly classes: _angular_core.Signal<{
|
|
603
|
-
[x: string]: MozStatusDotStatus | MozStatusDotSize;
|
|
689
|
+
[x: string]: boolean | MozStatusDotStatus | MozStatusDotSize;
|
|
690
|
+
'mc-status-dot': boolean;
|
|
604
691
|
}>;
|
|
605
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
606
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
692
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusDotComponent, never>;
|
|
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>;
|
|
607
694
|
}
|
|
608
695
|
|
|
609
696
|
type MozStatusNotificationStatus = 'info' | 'success' | 'warning' | 'error';
|
|
610
|
-
declare class
|
|
697
|
+
declare class MozStatusNotificationComponent {
|
|
611
698
|
title: _angular_core.InputSignal<string>;
|
|
612
699
|
description: _angular_core.InputSignal<string>;
|
|
613
700
|
status: _angular_core.InputSignal<MozStatusNotificationStatus>;
|
|
@@ -615,48 +702,50 @@ declare class StatusNotificationComponent {
|
|
|
615
702
|
closed: _angular_core.OutputEmitterRef<void>;
|
|
616
703
|
footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
617
704
|
readonly classes: _angular_core.Signal<{
|
|
618
|
-
[x: string]: MozStatusNotificationStatus;
|
|
705
|
+
[x: string]: boolean | MozStatusNotificationStatus;
|
|
706
|
+
'mc-status-notification': boolean;
|
|
619
707
|
}>;
|
|
620
708
|
readonly iconComponent: _angular_core.Signal<typeof CheckCircle32>;
|
|
621
709
|
onCloseClick(): void;
|
|
622
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
623
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
710
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusNotificationComponent, never>;
|
|
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>;
|
|
624
712
|
}
|
|
625
713
|
|
|
626
|
-
interface
|
|
714
|
+
interface MozTabItem {
|
|
627
715
|
label: string;
|
|
628
716
|
icon?: Type<unknown>;
|
|
629
717
|
disabled?: boolean;
|
|
630
718
|
routerLink?: string;
|
|
631
719
|
}
|
|
632
|
-
declare class
|
|
633
|
-
tabs: _angular_core.InputSignal<
|
|
720
|
+
declare class MozTabsComponent {
|
|
721
|
+
tabs: _angular_core.InputSignal<MozTabItem[]>;
|
|
634
722
|
description: _angular_core.InputSignal<string | undefined>;
|
|
635
723
|
divider: _angular_core.InputSignal<boolean>;
|
|
636
724
|
centered: _angular_core.InputSignal<boolean>;
|
|
637
725
|
selectedIndex: _angular_core.ModelSignal<number>;
|
|
638
726
|
selectedIndexChange: EventEmitter<number>;
|
|
639
727
|
readonly classes: _angular_core.Signal<{
|
|
728
|
+
'mc-tabs': boolean;
|
|
640
729
|
'mc-tabs--centered': boolean;
|
|
641
730
|
}>;
|
|
642
731
|
isTabSelected: (index: number) => boolean;
|
|
643
732
|
getTabClasses(index: number): _angular_core.Signal<{
|
|
733
|
+
'mc-tabs__tab': boolean;
|
|
644
734
|
'mc-tabs__tab--selected': boolean;
|
|
645
735
|
'mc-tabs__tab--disabled': boolean;
|
|
646
736
|
}>;
|
|
647
737
|
onClickTab(index: number): void;
|
|
648
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
649
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
738
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTabsComponent, never>;
|
|
739
|
+
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
740
|
}
|
|
651
741
|
|
|
652
742
|
type MozTagType = 'informative' | 'interactive' | 'contextualised' | 'removable' | 'selectable';
|
|
653
743
|
type MozTagSize = 's' | 'm' | 'l';
|
|
654
|
-
declare class
|
|
744
|
+
declare class MozTagComponent implements ControlValueAccessor {
|
|
655
745
|
readonly type: _angular_core.InputSignal<MozTagType>;
|
|
656
746
|
readonly size: _angular_core.InputSignal<MozTagSize>;
|
|
657
747
|
readonly id: _angular_core.InputSignal<string>;
|
|
658
748
|
readonly name: _angular_core.InputSignal<string | undefined>;
|
|
659
|
-
readonly label: _angular_core.InputSignal<string>;
|
|
660
749
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
661
750
|
readonly contextualisedNumber: _angular_core.InputSignal<number>;
|
|
662
751
|
readonly removableLabel: _angular_core.InputSignal<string>;
|
|
@@ -672,15 +761,15 @@ declare class TagComponent implements ControlValueAccessor {
|
|
|
672
761
|
registerOnTouched(fn: () => void): void;
|
|
673
762
|
onCheckboxChange(event: Event): void;
|
|
674
763
|
onRemove(): void;
|
|
675
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
676
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
764
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTagComponent, never>;
|
|
765
|
+
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>;
|
|
677
766
|
}
|
|
678
767
|
|
|
679
768
|
/**
|
|
680
769
|
* Directive that transforms a simple textarea into a styled textarea.
|
|
681
770
|
* Applies Mozaic Design System styles to native textarea elements.
|
|
682
771
|
*/
|
|
683
|
-
declare class
|
|
772
|
+
declare class MozTextareaDirective implements ControlValueAccessor, AfterViewInit, OnDestroy {
|
|
684
773
|
private elementRef;
|
|
685
774
|
private renderer;
|
|
686
775
|
readonly isInvalid: _angular_core.InputSignal<boolean>;
|
|
@@ -700,8 +789,8 @@ declare class TextareaDirective implements ControlValueAccessor, AfterViewInit,
|
|
|
700
789
|
registerOnChange(fn: (value: string) => void): void;
|
|
701
790
|
registerOnTouched(fn: () => void): void;
|
|
702
791
|
setDisabledState(isDisabled: boolean): void;
|
|
703
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
704
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
792
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextareaDirective, never>;
|
|
793
|
+
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
794
|
}
|
|
706
795
|
|
|
707
796
|
type MozTextInputSize = 's' | 'm';
|
|
@@ -709,7 +798,7 @@ type MozTextInputSize = 's' | 'm';
|
|
|
709
798
|
* Directive that transforms a simple input into a styled text input with optional icon and clearable button.
|
|
710
799
|
* Wraps the input element in a container and adds additional elements as needed.
|
|
711
800
|
*/
|
|
712
|
-
declare class
|
|
801
|
+
declare class MozTextInputDirective implements ControlValueAccessor, AfterViewInit, OnDestroy {
|
|
713
802
|
private elementRef;
|
|
714
803
|
private renderer;
|
|
715
804
|
readonly isInvalid: _angular_core.InputSignal<boolean>;
|
|
@@ -740,19 +829,19 @@ declare class TextInputDirective implements ControlValueAccessor, AfterViewInit,
|
|
|
740
829
|
writeValue(value: string | number): void;
|
|
741
830
|
registerOnChange(fn: (value: string | number) => void): void;
|
|
742
831
|
registerOnTouched(fn: () => void): void;
|
|
743
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
744
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
832
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextInputDirective, never>;
|
|
833
|
+
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
834
|
}
|
|
746
835
|
|
|
747
836
|
type MozToggleSize = 's' | 'm';
|
|
748
|
-
declare class
|
|
837
|
+
declare class MozToggleComponent implements ControlValueAccessor {
|
|
749
838
|
id: _angular_core.InputSignal<string>;
|
|
750
839
|
name: _angular_core.InputSignal<string | undefined>;
|
|
751
|
-
label: _angular_core.InputSignal<string | undefined>;
|
|
752
840
|
size: _angular_core.InputSignal<MozToggleSize>;
|
|
753
841
|
disabled: _angular_core.InputSignal<boolean>;
|
|
754
842
|
readonly classes: _angular_core.Signal<{
|
|
755
|
-
[x: string]: MozToggleSize;
|
|
843
|
+
[x: string]: boolean | MozToggleSize;
|
|
844
|
+
'mc-toggle': boolean;
|
|
756
845
|
}>;
|
|
757
846
|
_value: _angular_core.WritableSignal<boolean>;
|
|
758
847
|
onChange: (_: boolean) => void;
|
|
@@ -761,20 +850,20 @@ declare class ToggleComponent implements ControlValueAccessor {
|
|
|
761
850
|
registerOnChange(fn: (value: boolean) => void): void;
|
|
762
851
|
registerOnTouched(fn: () => void): void;
|
|
763
852
|
onInputChange(event: Event): void;
|
|
764
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
765
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
853
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozToggleComponent, never>;
|
|
854
|
+
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>;
|
|
766
855
|
}
|
|
767
856
|
|
|
768
857
|
type MozFlagType = 'default' | 'accent' | 'danger' | 'inverse';
|
|
769
|
-
declare class
|
|
858
|
+
declare class MozFlagComponent {
|
|
770
859
|
readonly type: _angular_core.InputSignal<MozFlagType>;
|
|
771
|
-
get typeClass(): "" | "mc-flag--accent" | "mc-flag--danger" | "mc-flag--inverse";
|
|
772
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
773
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
860
|
+
get typeClass(): "mc-flag" | "mc-flag mc-flag--accent" | "mc-flag mc-flag--danger" | "mc-flag mc-flag--inverse";
|
|
861
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFlagComponent, never>;
|
|
862
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozFlagComponent, "moz-flag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
774
863
|
}
|
|
775
864
|
|
|
776
865
|
type MozDatepickerSize = 'default' | 's';
|
|
777
|
-
declare class
|
|
866
|
+
declare class MozDatepickerComponent implements ControlValueAccessor {
|
|
778
867
|
readonly id: _angular_core.InputSignal<string>;
|
|
779
868
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
780
869
|
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
@@ -785,6 +874,8 @@ declare class DatepickerComponent implements ControlValueAccessor {
|
|
|
785
874
|
readonly label: _angular_core.InputSignal<string>;
|
|
786
875
|
_value: _angular_core.WritableSignal<string | null>;
|
|
787
876
|
readonly classes: _angular_core.Signal<{
|
|
877
|
+
'mc-datepicker': boolean;
|
|
878
|
+
'mc-text-input': boolean;
|
|
788
879
|
'is-invalid': boolean;
|
|
789
880
|
'mc-datepicker--s': boolean;
|
|
790
881
|
'mc-text-input--s': boolean;
|
|
@@ -797,56 +888,73 @@ declare class DatepickerComponent implements ControlValueAccessor {
|
|
|
797
888
|
onInput(event: Event): void;
|
|
798
889
|
onClear(): void;
|
|
799
890
|
onBlur(): void;
|
|
800
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
801
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
891
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDatepickerComponent, never>;
|
|
892
|
+
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
893
|
}
|
|
803
894
|
|
|
804
895
|
type MozTooltipPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
805
|
-
declare class
|
|
896
|
+
declare class MozTooltipComponent {
|
|
806
897
|
readonly id: _angular_core.InputSignal<string>;
|
|
807
898
|
readonly position: _angular_core.InputSignal<MozTooltipPosition>;
|
|
808
899
|
readonly noPointer: _angular_core.InputSignal<boolean>;
|
|
809
900
|
readonly standalone: _angular_core.InputSignal<boolean>;
|
|
901
|
+
content: string;
|
|
810
902
|
readonly classes: _angular_core.Signal<{
|
|
811
903
|
[x: string]: boolean;
|
|
812
904
|
'mc-tooltip': boolean;
|
|
813
905
|
'mc-tooltip--no-pointer': boolean;
|
|
814
906
|
'mc-tooltip--standalone': boolean;
|
|
815
907
|
}>;
|
|
816
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
817
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
908
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTooltipComponent, never>;
|
|
909
|
+
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>;
|
|
910
|
+
}
|
|
911
|
+
|
|
912
|
+
declare class MozTooltipDirective implements OnDestroy {
|
|
913
|
+
content: string;
|
|
914
|
+
tooltipPosition: MozTooltipPosition;
|
|
915
|
+
tooltipNoPointer: boolean;
|
|
916
|
+
private overlayRef;
|
|
917
|
+
private overlay;
|
|
918
|
+
private overlayPositionBuilder;
|
|
919
|
+
private elementRef;
|
|
920
|
+
show(): void;
|
|
921
|
+
hide(): void;
|
|
922
|
+
ngOnDestroy(): void;
|
|
923
|
+
private getPositions;
|
|
924
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTooltipDirective, never>;
|
|
925
|
+
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
926
|
}
|
|
819
927
|
|
|
820
|
-
type
|
|
821
|
-
declare class
|
|
928
|
+
type MozCircularProgessBarSize = 's' | 'm' | 'l';
|
|
929
|
+
declare class MozCircularProgressBarComponent {
|
|
822
930
|
valuePercent: _angular_core.InputSignal<number>;
|
|
823
|
-
size: _angular_core.InputSignal<
|
|
931
|
+
size: _angular_core.InputSignal<MozCircularProgessBarSize>;
|
|
824
932
|
ariaLabel: _angular_core.InputSignal<string>;
|
|
825
933
|
numberLabel: _angular_core.InputSignal<string | null>;
|
|
826
934
|
textLabel: _angular_core.InputSignal<string | null>;
|
|
827
935
|
showPercentage: _angular_core.InputSignal<boolean>;
|
|
828
936
|
classes: _angular_core.Signal<string>;
|
|
829
937
|
hasNumberOrText: () => boolean;
|
|
830
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
831
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
938
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCircularProgressBarComponent, never>;
|
|
939
|
+
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
940
|
}
|
|
833
941
|
|
|
834
942
|
type MozLinearProgressBarBufferSize = 's' | 'm' | 'l';
|
|
835
|
-
declare class
|
|
943
|
+
declare class MozLinearProgressBarBufferComponent {
|
|
836
944
|
valuePercent: _angular_core.InputSignal<number>;
|
|
837
945
|
size: _angular_core.InputSignal<MozLinearProgressBarBufferSize>;
|
|
838
946
|
ariaLabel: _angular_core.InputSignal<string>;
|
|
839
947
|
classes: _angular_core.Signal<string>;
|
|
840
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
841
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
948
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLinearProgressBarBufferComponent, never>;
|
|
949
|
+
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
950
|
}
|
|
843
951
|
|
|
844
|
-
declare class
|
|
952
|
+
declare class MozLinearProgressBarPercentageComponent {
|
|
845
953
|
valuePercent: _angular_core.InputSignal<number>;
|
|
846
954
|
ariaLabel: _angular_core.InputSignal<string>;
|
|
847
955
|
showLabel: _angular_core.InputSignal<boolean>;
|
|
848
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
849
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
956
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLinearProgressBarPercentageComponent, never>;
|
|
957
|
+
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
958
|
}
|
|
851
959
|
|
|
852
960
|
type MozCalloutVariant = 'default' | 'inverse' | 'tips' | 'accent';
|
|
@@ -861,9 +969,9 @@ declare class MozCalloutComponent {
|
|
|
861
969
|
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>;
|
|
862
970
|
}
|
|
863
971
|
|
|
864
|
-
type
|
|
972
|
+
type MozAvatarSize = 's' | 'm' | 'l';
|
|
865
973
|
declare class MozAvatarComponent {
|
|
866
|
-
size: _angular_core.InputSignal<
|
|
974
|
+
size: _angular_core.InputSignal<MozAvatarSize>;
|
|
867
975
|
hostClasses: _angular_core.Signal<string>;
|
|
868
976
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozAvatarComponent, never>;
|
|
869
977
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozAvatarComponent, "moz-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
@@ -969,24 +1077,24 @@ declare class MozToasterComponent implements AfterContentInit {
|
|
|
969
1077
|
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
1078
|
}
|
|
971
1079
|
|
|
972
|
-
type
|
|
1080
|
+
type MozSidebarSubItem = {
|
|
973
1081
|
id: string;
|
|
974
1082
|
label: string;
|
|
975
1083
|
href?: string;
|
|
976
1084
|
selected?: boolean;
|
|
977
1085
|
};
|
|
978
|
-
type
|
|
1086
|
+
type MozSidebarItem = {
|
|
979
1087
|
id: string;
|
|
980
1088
|
label: string;
|
|
981
1089
|
icon?: Type<unknown>;
|
|
982
1090
|
href?: string;
|
|
983
1091
|
selected?: boolean;
|
|
984
1092
|
open?: boolean;
|
|
985
|
-
children?:
|
|
1093
|
+
children?: MozSidebarSubItem[];
|
|
986
1094
|
};
|
|
987
1095
|
declare class MozSidebarComponent {
|
|
988
1096
|
expanded: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
989
|
-
items: _angular_core.InputSignal<
|
|
1097
|
+
items: _angular_core.InputSignal<MozSidebarItem[]>;
|
|
990
1098
|
title: _angular_core.InputSignal<string>;
|
|
991
1099
|
logoSrc: _angular_core.InputSignal<string | null>;
|
|
992
1100
|
logoAlt: _angular_core.InputSignal<string>;
|
|
@@ -1002,21 +1110,21 @@ declare class MozSidebarComponent {
|
|
|
1002
1110
|
}>;
|
|
1003
1111
|
hostClasses: _angular_core.Signal<string>;
|
|
1004
1112
|
expandButtonAriaLabel: _angular_core.Signal<"Collapse" | "Expand">;
|
|
1005
|
-
shouldOpen: (i:
|
|
1113
|
+
shouldOpen: (i: MozSidebarItem) => boolean;
|
|
1006
1114
|
toggleExpanded(): void;
|
|
1007
1115
|
onItemClick(itemId: string, subItemId: string | null, ev: Event): void;
|
|
1008
|
-
toggleOpen(item:
|
|
1116
|
+
toggleOpen(item: MozSidebarItem): void;
|
|
1009
1117
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozSidebarComponent, never>;
|
|
1010
1118
|
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
1119
|
}
|
|
1012
1120
|
|
|
1013
1121
|
type MozSegmentedControlSize = 's' | 'm';
|
|
1014
|
-
type
|
|
1122
|
+
type MozSegmentedItem = {
|
|
1015
1123
|
label: string;
|
|
1016
1124
|
value: string | number;
|
|
1017
1125
|
};
|
|
1018
1126
|
declare class MozSegmentedControlComponent {
|
|
1019
|
-
items: _angular_core.InputSignal<
|
|
1127
|
+
items: _angular_core.InputSignal<MozSegmentedItem[]>;
|
|
1020
1128
|
size: _angular_core.InputSignal<MozSegmentedControlSize>;
|
|
1021
1129
|
full: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1022
1130
|
ariaLabel: _angular_core.InputSignal<string>;
|
|
@@ -1025,11 +1133,13 @@ declare class MozSegmentedControlComponent {
|
|
|
1025
1133
|
index: number;
|
|
1026
1134
|
value: string | number;
|
|
1027
1135
|
}>;
|
|
1028
|
-
|
|
1136
|
+
classes: _angular_core.Signal<{
|
|
1137
|
+
'mc-segmented-control': boolean;
|
|
1029
1138
|
'mc-segmented-control--m': boolean;
|
|
1030
1139
|
'mc-segmented-control--full': boolean;
|
|
1031
1140
|
}>;
|
|
1032
1141
|
segmentClasses: (index: number) => _angular_core.Signal<{
|
|
1142
|
+
'mc-segmented-control__segment': boolean;
|
|
1033
1143
|
'mc-segmented-control__segment--selected': boolean;
|
|
1034
1144
|
}>;
|
|
1035
1145
|
private buttons;
|
|
@@ -1138,6 +1248,7 @@ declare class MozAccordionComponent {
|
|
|
1138
1248
|
declare class MozActionBottomBarComponent {
|
|
1139
1249
|
boxShadow: _angular_core.InputSignal<boolean>;
|
|
1140
1250
|
readonly classes: _angular_core.Signal<{
|
|
1251
|
+
'mc-action-bottom-bar': boolean;
|
|
1141
1252
|
'mc-action-bottom-bar--shadow': boolean;
|
|
1142
1253
|
}>;
|
|
1143
1254
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozActionBottomBarComponent, never>;
|
|
@@ -1217,16 +1328,17 @@ declare class MozCarouselComponent implements OnDestroy {
|
|
|
1217
1328
|
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
1329
|
}
|
|
1219
1330
|
|
|
1220
|
-
type
|
|
1221
|
-
declare class
|
|
1222
|
-
status: _angular_core.InputSignal<
|
|
1331
|
+
type MozStatusMessageStatus = 'info' | 'success' | 'warning' | 'error' | 'neutral' | 'inprogress';
|
|
1332
|
+
declare class MozStatusMessageComponent {
|
|
1333
|
+
status: _angular_core.InputSignal<MozStatusMessageStatus>;
|
|
1223
1334
|
description: _angular_core.InputSignal<string | null>;
|
|
1224
1335
|
readonly classes: _angular_core.Signal<{
|
|
1225
|
-
[x: string]:
|
|
1336
|
+
[x: string]: boolean | MozStatusMessageStatus;
|
|
1337
|
+
'mc-status-message': boolean;
|
|
1226
1338
|
}>;
|
|
1227
1339
|
readonly iconComponent: _angular_core.Signal<typeof CrossCircleFilled24>;
|
|
1228
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
1229
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
1340
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusMessageComponent, never>;
|
|
1341
|
+
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
1342
|
}
|
|
1231
1343
|
|
|
1232
1344
|
type MozKpiTrend = 'increasing' | 'decreasing' | 'stable';
|
|
@@ -1323,7 +1435,7 @@ declare class MozStarRatingComponent {
|
|
|
1323
1435
|
readonly hasInfoText: _angular_core.Signal<boolean>;
|
|
1324
1436
|
readonly ariaLabel: _angular_core.Signal<string>;
|
|
1325
1437
|
readonly stars: _angular_core.Signal<number[]>;
|
|
1326
|
-
readonly
|
|
1438
|
+
readonly classes: _angular_core.Signal<{
|
|
1327
1439
|
'mc-star-rating': boolean;
|
|
1328
1440
|
'mc-star-rating--link': boolean;
|
|
1329
1441
|
'mc-star-rating--slider': boolean;
|
|
@@ -1356,7 +1468,7 @@ declare class MozStarRatingComponent {
|
|
|
1356
1468
|
}
|
|
1357
1469
|
|
|
1358
1470
|
type MozBuiltInMenuItemTarget = '_self' | '_blank' | '_parent' | '_top';
|
|
1359
|
-
type
|
|
1471
|
+
type MozBuiltInMenuItem = {
|
|
1360
1472
|
label: string;
|
|
1361
1473
|
icon?: Type<unknown>;
|
|
1362
1474
|
href?: string;
|
|
@@ -1371,7 +1483,7 @@ declare class BuiltInMenuComponent {
|
|
|
1371
1483
|
/**
|
|
1372
1484
|
* Items displayed in the menu.
|
|
1373
1485
|
*/
|
|
1374
|
-
items: _angular_core.InputSignal<
|
|
1486
|
+
items: _angular_core.InputSignal<MozBuiltInMenuItem[]>;
|
|
1375
1487
|
/**
|
|
1376
1488
|
* Index of the currently selected menu item.
|
|
1377
1489
|
* Used with two-way binding: [(selectedIndex)].
|
|
@@ -1396,14 +1508,14 @@ declare class BuiltInMenuComponent {
|
|
|
1396
1508
|
* A check-list menu is a structured vertical list where each item represents a distinct section of content.
|
|
1397
1509
|
* It wraps moz-built-in-menu and adds a visual checked state using an icon.
|
|
1398
1510
|
*/
|
|
1399
|
-
type
|
|
1511
|
+
type MozCheckListMenuItem = Omit<MozBuiltInMenuItem, 'icon'> & {
|
|
1400
1512
|
checked: boolean;
|
|
1401
1513
|
};
|
|
1402
1514
|
declare class MozCheckListMenuComponent {
|
|
1403
1515
|
/**
|
|
1404
1516
|
* Defines the menu items, each of which sets a checked state and can act as a button or link.
|
|
1405
1517
|
*/
|
|
1406
|
-
items: _angular_core.InputSignal<
|
|
1518
|
+
items: _angular_core.InputSignal<MozCheckListMenuItem[]>;
|
|
1407
1519
|
/**
|
|
1408
1520
|
* When enabled, adds a visible border around the wrapper.
|
|
1409
1521
|
*/
|
|
@@ -1415,7 +1527,7 @@ declare class MozCheckListMenuComponent {
|
|
|
1415
1527
|
/**
|
|
1416
1528
|
* Internal mapping to BuiltInMenuItem with an icon for checked items.
|
|
1417
1529
|
*/
|
|
1418
|
-
readonly menuItems: _angular_core.Signal<
|
|
1530
|
+
readonly menuItems: _angular_core.Signal<MozBuiltInMenuItem[]>;
|
|
1419
1531
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCheckListMenuComponent, never>;
|
|
1420
1532
|
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
1533
|
}
|
|
@@ -1425,7 +1537,7 @@ declare class MozCheckListMenuComponent {
|
|
|
1425
1537
|
* in a structured process. It visually represents progress, completed steps, and
|
|
1426
1538
|
* upcoming steps, helping users understand their position within a workflow.
|
|
1427
1539
|
*/
|
|
1428
|
-
interface
|
|
1540
|
+
interface MozStepperInlineStep {
|
|
1429
1541
|
/**
|
|
1430
1542
|
* Label of the step.
|
|
1431
1543
|
*/
|
|
@@ -1443,7 +1555,7 @@ declare class MozStepperInlineComponent {
|
|
|
1443
1555
|
/**
|
|
1444
1556
|
* Steps of the stepper inline.
|
|
1445
1557
|
*/
|
|
1446
|
-
steps: _angular_core.InputSignal<
|
|
1558
|
+
steps: _angular_core.InputSignal<MozStepperInlineStep[]>;
|
|
1447
1559
|
/**
|
|
1448
1560
|
* Clamped current step between 1 and steps.length.
|
|
1449
1561
|
*/
|
|
@@ -1464,7 +1576,7 @@ declare class MozStepperInlineComponent {
|
|
|
1464
1576
|
* in a structured process. It visually represents progress, completed steps, and
|
|
1465
1577
|
* upcoming steps, helping users understand their position within a workflow.
|
|
1466
1578
|
*/
|
|
1467
|
-
interface
|
|
1579
|
+
interface MozStepperStackedStep {
|
|
1468
1580
|
/**
|
|
1469
1581
|
* Label of the step.
|
|
1470
1582
|
*/
|
|
@@ -1482,7 +1594,7 @@ declare class MozStepperStackedComponent {
|
|
|
1482
1594
|
/**
|
|
1483
1595
|
* Steps of the stepper stacked.
|
|
1484
1596
|
*/
|
|
1485
|
-
steps: _angular_core.InputSignal<
|
|
1597
|
+
steps: _angular_core.InputSignal<MozStepperStackedStep[]>;
|
|
1486
1598
|
/**
|
|
1487
1599
|
* Clamped current step between 1 and steps.length.
|
|
1488
1600
|
*/
|
|
@@ -1501,7 +1613,7 @@ declare class MozStepperStackedComponent {
|
|
|
1501
1613
|
/**
|
|
1502
1614
|
* Step position in the stepper workflow.
|
|
1503
1615
|
*/
|
|
1504
|
-
type
|
|
1616
|
+
type MozStepperBottomBarStep = 'start' | 'middle' | 'end';
|
|
1505
1617
|
/**
|
|
1506
1618
|
* Stepper Bottom Bar component for navigation in multi-step processes.
|
|
1507
1619
|
*
|
|
@@ -1513,7 +1625,7 @@ declare class MozStepperBottomBarComponent {
|
|
|
1513
1625
|
/**
|
|
1514
1626
|
* Step of the process.
|
|
1515
1627
|
*/
|
|
1516
|
-
step: _angular_core.InputSignal<
|
|
1628
|
+
step: _angular_core.InputSignal<MozStepperBottomBarStep>;
|
|
1517
1629
|
/**
|
|
1518
1630
|
* If `true`, display the cancel button.
|
|
1519
1631
|
*/
|
|
@@ -1558,14 +1670,14 @@ declare class MozStepperBottomBarComponent {
|
|
|
1558
1670
|
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
1671
|
}
|
|
1560
1672
|
|
|
1561
|
-
interface
|
|
1673
|
+
interface MozPageHeaderScope {
|
|
1562
1674
|
id?: string;
|
|
1563
1675
|
text: string;
|
|
1564
1676
|
value: string | number;
|
|
1565
1677
|
attributes?: Record<string, string | boolean | number>;
|
|
1566
1678
|
disabled?: boolean;
|
|
1567
1679
|
}
|
|
1568
|
-
declare class
|
|
1680
|
+
declare class MozPageHeaderComponent {
|
|
1569
1681
|
title: _angular_core.InputSignal<string>;
|
|
1570
1682
|
shadow: _angular_core.InputSignal<boolean>;
|
|
1571
1683
|
backButton: _angular_core.InputSignal<boolean>;
|
|
@@ -1575,10 +1687,10 @@ declare class PageHeaderComponent {
|
|
|
1575
1687
|
status: _angular_core.InputSignal<MozStatusBadgeStatus | undefined>;
|
|
1576
1688
|
statusLabel: _angular_core.InputSignal<string | undefined>;
|
|
1577
1689
|
extraInfo: _angular_core.InputSignal<string | undefined>;
|
|
1578
|
-
scope: _angular_core.InputSignal<string |
|
|
1690
|
+
scope: _angular_core.InputSignal<string | MozPageHeaderScope[] | undefined>;
|
|
1579
1691
|
scopeValue: _angular_core.InputSignal<string | number | boolean | undefined>;
|
|
1580
1692
|
scopePlaceholder: _angular_core.InputSignal<string | undefined>;
|
|
1581
|
-
tabs: _angular_core.InputSignal<
|
|
1693
|
+
tabs: _angular_core.InputSignal<MozTabItem[] | undefined>;
|
|
1582
1694
|
activeTab: _angular_core.ModelSignal<number>;
|
|
1583
1695
|
readonly back: _angular_core.OutputEmitterRef<void>;
|
|
1584
1696
|
readonly search: _angular_core.OutputEmitterRef<void>;
|
|
@@ -1599,7 +1711,7 @@ declare class PageHeaderComponent {
|
|
|
1599
1711
|
readonly hasStatusOrExtraInfo: _angular_core.Signal<string | undefined>;
|
|
1600
1712
|
readonly hasStatusBadge: _angular_core.Signal<"" | MozStatusBadgeStatus | undefined>;
|
|
1601
1713
|
readonly hasIconButtons: _angular_core.Signal<boolean>;
|
|
1602
|
-
readonly scopeAsArray: _angular_core.Signal<
|
|
1714
|
+
readonly scopeAsArray: _angular_core.Signal<MozPageHeaderScope[]>;
|
|
1603
1715
|
readonly mobileTagLabel: _angular_core.Signal<string>;
|
|
1604
1716
|
onBack(): void;
|
|
1605
1717
|
onSearch(): void;
|
|
@@ -1610,12 +1722,12 @@ declare class PageHeaderComponent {
|
|
|
1610
1722
|
onScopeTagClick(): void;
|
|
1611
1723
|
onScopeSelectChange(value: string | number): void;
|
|
1612
1724
|
onActiveTabChange(index: number): void;
|
|
1613
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
1614
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
1725
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozPageHeaderComponent, never>;
|
|
1726
|
+
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
1727
|
}
|
|
1616
1728
|
|
|
1617
1729
|
type MozTileAppearance = 'primary' | 'secondary' | 'inverse';
|
|
1618
|
-
declare class
|
|
1730
|
+
declare class MozTileComponent {
|
|
1619
1731
|
appearance: _angular_core.InputSignal<MozTileAppearance>;
|
|
1620
1732
|
isBordered: _angular_core.InputSignal<boolean>;
|
|
1621
1733
|
extraAction: _angular_core.InputSignal<boolean>;
|
|
@@ -1624,9 +1736,79 @@ declare class BasicTileComponent {
|
|
|
1624
1736
|
'mc-tile': boolean;
|
|
1625
1737
|
'mc-tile--bordered': boolean;
|
|
1626
1738
|
}>;
|
|
1627
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
1628
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
1739
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTileComponent, never>;
|
|
1740
|
+
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>;
|
|
1741
|
+
}
|
|
1742
|
+
|
|
1743
|
+
type MozTileSelectableType = 'checkbox' | 'radio';
|
|
1744
|
+
type MozTileInputVerticalPosition = 'top' | 'center';
|
|
1745
|
+
type MozTileInputPosition = 'left' | 'right';
|
|
1746
|
+
type MozTileSelectableAppearance = 'primary';
|
|
1747
|
+
declare class MozTileSelectableComponent implements ControlValueAccessor {
|
|
1748
|
+
appearance: _angular_core.InputSignal<"primary">;
|
|
1749
|
+
bordered: _angular_core.InputSignal<boolean>;
|
|
1750
|
+
name: _angular_core.InputSignal<string>;
|
|
1751
|
+
value: _angular_core.InputSignal<string>;
|
|
1752
|
+
checked: _angular_core.InputSignal<boolean>;
|
|
1753
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
1754
|
+
inputVerticalPosition: _angular_core.InputSignal<MozTileInputVerticalPosition>;
|
|
1755
|
+
inputPosition: _angular_core.InputSignal<MozTileInputPosition>;
|
|
1756
|
+
inputType: _angular_core.InputSignal<MozTileSelectableType>;
|
|
1757
|
+
private innerValue;
|
|
1758
|
+
private onTouchedCallback;
|
|
1759
|
+
private onChangeCallback;
|
|
1760
|
+
protected classes: _angular_core.Signal<string>;
|
|
1761
|
+
protected isCheckbox: _angular_core.Signal<boolean>;
|
|
1762
|
+
protected isRadio: _angular_core.Signal<boolean>;
|
|
1763
|
+
writeValue(value: boolean | string): void;
|
|
1764
|
+
registerOnChange(fn: (value: boolean | string) => void): void;
|
|
1765
|
+
registerOnTouched(fn: () => void): void;
|
|
1766
|
+
onTileChange(event: Event): void;
|
|
1767
|
+
get isChecked(): boolean;
|
|
1768
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTileSelectableComponent, never>;
|
|
1769
|
+
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>;
|
|
1770
|
+
}
|
|
1771
|
+
|
|
1772
|
+
type MozTileExpandableTrigger = 'container' | 'button' | 'icon';
|
|
1773
|
+
declare class MozTileExpandableComponent {
|
|
1774
|
+
triggerMode: _angular_core.InputSignal<MozTileExpandableTrigger>;
|
|
1775
|
+
id: _angular_core.InputSignal<number>;
|
|
1776
|
+
expanded: _angular_core.WritableSignal<boolean>;
|
|
1777
|
+
contentId: string;
|
|
1778
|
+
isContainerTrigger: _angular_core.Signal<boolean>;
|
|
1779
|
+
isIconTrigger: _angular_core.Signal<boolean>;
|
|
1780
|
+
isButtonTrigger: _angular_core.Signal<boolean>;
|
|
1781
|
+
toggle(): void;
|
|
1782
|
+
hostClass: _angular_core.Signal<string>;
|
|
1783
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTileExpandableComponent, never>;
|
|
1784
|
+
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>;
|
|
1785
|
+
}
|
|
1786
|
+
|
|
1787
|
+
type MozDrawerPosition = 'left' | 'right';
|
|
1788
|
+
declare class DrawerComponent {
|
|
1789
|
+
readonly open: _angular_core.InputSignal<boolean>;
|
|
1790
|
+
readonly position: _angular_core.InputSignal<MozDrawerPosition>;
|
|
1791
|
+
readonly extended: _angular_core.InputSignal<boolean>;
|
|
1792
|
+
readonly back: _angular_core.InputSignal<boolean>;
|
|
1793
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
1794
|
+
readonly contentTitle: _angular_core.InputSignal<string | undefined>;
|
|
1795
|
+
readonly updateOpen: _angular_core.OutputEmitterRef<boolean>;
|
|
1796
|
+
readonly backEvent: _angular_core.OutputEmitterRef<void>;
|
|
1797
|
+
footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
1798
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
1799
|
+
readonly classMap: _angular_core.Signal<{
|
|
1800
|
+
[x: string]: boolean;
|
|
1801
|
+
'is-open': boolean;
|
|
1802
|
+
'mc-drawer--extend': boolean;
|
|
1803
|
+
}>;
|
|
1804
|
+
readonly ariaModal: _angular_core.Signal<"true" | "false">;
|
|
1805
|
+
constructor();
|
|
1806
|
+
close(): void;
|
|
1807
|
+
backClick(): void;
|
|
1808
|
+
noop(): void;
|
|
1809
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerComponent, never>;
|
|
1810
|
+
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>;
|
|
1629
1811
|
}
|
|
1630
1812
|
|
|
1631
|
-
export {
|
|
1632
|
-
export type { ActionListItem,
|
|
1813
|
+
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, MozTabsComponent, MozTagComponent, MozTextInputDirective, MozTextareaDirective, MozTileComponent, MozTileExpandableComponent, MozTileSelectableComponent, MozToasterComponent, MozToggleComponent, MozTooltipComponent, MozTooltipDirective };
|
|
1814
|
+
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 };
|