@mozaic-ds/angular 2.0.0-beta.35 → 2.0.0-beta.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/mozaic-ds-angular.mjs +1204 -532
- package/fesm2022/mozaic-ds-angular.mjs.map +1 -1
- package/package.json +1 -1
- package/types/mozaic-ds-angular.d.ts +723 -445
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { TemplateRef, OnInit, ElementRef,
|
|
2
|
+
import { TemplateRef, OnInit, ElementRef, InjectionToken, Type, AfterViewInit, OnDestroy, Renderer2, WritableSignal, Signal, AfterContentInit, QueryList, EventEmitter, ComponentRef } from '@angular/core';
|
|
3
3
|
import { ControlValueAccessor } from '@angular/forms';
|
|
4
4
|
import { CheckCircle32, Uploading32, WarningCircle32 } from '@mozaic-ds/icons-angular';
|
|
5
5
|
import { RouterLink } from '@angular/router';
|
|
6
|
-
import {
|
|
6
|
+
import { OverlayRef } from '@angular/cdk/overlay';
|
|
7
7
|
import { Observable } from 'rxjs';
|
|
8
|
+
import { CdkPortalOutlet } from '@angular/cdk/portal';
|
|
9
|
+
import * as _mozaic_ds_angular from '@mozaic-ds/angular';
|
|
8
10
|
|
|
9
11
|
type MozBreadcrumbAppearance = 'standard' | 'inverse';
|
|
10
12
|
interface MozBreadcrumbLink {
|
|
@@ -12,9 +14,10 @@ interface MozBreadcrumbLink {
|
|
|
12
14
|
href: string;
|
|
13
15
|
router?: boolean;
|
|
14
16
|
}
|
|
17
|
+
|
|
15
18
|
declare class MozBreadcrumbComponent {
|
|
16
|
-
appearance: _angular_core.InputSignal<MozBreadcrumbAppearance>;
|
|
17
|
-
links: _angular_core.InputSignal<MozBreadcrumbLink[]>;
|
|
19
|
+
readonly appearance: _angular_core.InputSignal<MozBreadcrumbAppearance>;
|
|
20
|
+
readonly links: _angular_core.InputSignal<MozBreadcrumbLink[]>;
|
|
18
21
|
readonly classObject: _angular_core.Signal<{
|
|
19
22
|
[x: string]: boolean | MozBreadcrumbAppearance;
|
|
20
23
|
breadcrumb: boolean;
|
|
@@ -29,36 +32,37 @@ type MozButtonAppearance = 'standard' | 'accent' | 'danger' | 'inverse';
|
|
|
29
32
|
type MozButtonSize = 's' | 'm' | 'l';
|
|
30
33
|
type MozButtonIconPosition = 'left' | 'right' | 'only' | null;
|
|
31
34
|
type MozButtonType = 'button' | 'submit' | 'reset';
|
|
35
|
+
|
|
32
36
|
declare class MozButtonComponent {
|
|
33
|
-
appearance: _angular_core.InputSignal<MozButtonAppearance>;
|
|
34
|
-
size: _angular_core.InputSignal<MozButtonSize | undefined>;
|
|
35
|
-
disabled: _angular_core.InputSignal<boolean | undefined>;
|
|
36
|
-
ghost: _angular_core.InputSignal<boolean | undefined>;
|
|
37
|
-
outlined: _angular_core.InputSignal<boolean | undefined>;
|
|
38
|
-
iconPosition: _angular_core.InputSignal<MozButtonIconPosition>;
|
|
39
|
-
type: _angular_core.InputSignal<MozButtonType>;
|
|
40
|
-
isLoading: _angular_core.InputSignal<boolean | undefined>;
|
|
41
|
-
iconTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
42
|
-
readonly
|
|
37
|
+
readonly appearance: _angular_core.InputSignal<MozButtonAppearance>;
|
|
38
|
+
readonly size: _angular_core.InputSignal<MozButtonSize | undefined>;
|
|
39
|
+
readonly disabled: _angular_core.InputSignal<boolean | undefined>;
|
|
40
|
+
readonly ghost: _angular_core.InputSignal<boolean | undefined>;
|
|
41
|
+
readonly outlined: _angular_core.InputSignal<boolean | undefined>;
|
|
42
|
+
readonly iconPosition: _angular_core.InputSignal<MozButtonIconPosition>;
|
|
43
|
+
readonly type: _angular_core.InputSignal<MozButtonType>;
|
|
44
|
+
readonly isLoading: _angular_core.InputSignal<boolean | undefined>;
|
|
45
|
+
readonly iconTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
46
|
+
readonly classes: _angular_core.Signal<string>;
|
|
43
47
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozButtonComponent, never>;
|
|
44
48
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozButtonComponent, "button[moz-button]", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ghost": { "alias": "ghost"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, {}, ["iconTpl"], ["*", "[icon]"], true, never>;
|
|
45
49
|
}
|
|
46
50
|
|
|
47
51
|
declare class MozCheckboxComponent implements ControlValueAccessor {
|
|
48
|
-
id: _angular_core.InputSignal<string>;
|
|
49
|
-
name: _angular_core.InputSignal<string | undefined>;
|
|
50
|
-
label: _angular_core.InputSignal<string | undefined>;
|
|
51
|
-
indeterminate: _angular_core.InputSignal<boolean>;
|
|
52
|
-
isInvalid: _angular_core.InputSignal<boolean>;
|
|
53
|
-
disabled: _angular_core.InputSignal<boolean>;
|
|
54
|
-
indented: _angular_core.InputSignal<boolean>;
|
|
52
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
53
|
+
readonly name: _angular_core.InputSignal<string | undefined>;
|
|
54
|
+
readonly label: _angular_core.InputSignal<string | undefined>;
|
|
55
|
+
readonly indeterminate: _angular_core.InputSignal<boolean>;
|
|
56
|
+
readonly isInvalid: _angular_core.InputSignal<boolean>;
|
|
57
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
58
|
+
readonly indented: _angular_core.InputSignal<boolean>;
|
|
55
59
|
_value: _angular_core.WritableSignal<boolean>;
|
|
56
60
|
onChange: (_: boolean) => void;
|
|
57
61
|
onTouched: () => void;
|
|
58
62
|
readonly classObject: _angular_core.Signal<{
|
|
59
63
|
'is-invalid': boolean;
|
|
60
64
|
}>;
|
|
61
|
-
readonly
|
|
65
|
+
readonly classes: _angular_core.Signal<{
|
|
62
66
|
checkbox: boolean;
|
|
63
67
|
'checkbox--indented': boolean;
|
|
64
68
|
}>;
|
|
@@ -71,20 +75,20 @@ declare class MozCheckboxComponent implements ControlValueAccessor {
|
|
|
71
75
|
}
|
|
72
76
|
|
|
73
77
|
declare class MozCheckboxGroupComponent implements ControlValueAccessor {
|
|
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>;
|
|
79
|
-
options: _angular_core.InputSignal<{
|
|
78
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
79
|
+
readonly legend: _angular_core.InputSignal<string | undefined>;
|
|
80
|
+
readonly necessityIndicator: _angular_core.InputSignal<string | undefined>;
|
|
81
|
+
readonly helpText: _angular_core.InputSignal<string | undefined>;
|
|
82
|
+
readonly helpId: _angular_core.InputSignal<string | undefined>;
|
|
83
|
+
readonly options: _angular_core.InputSignal<{
|
|
80
84
|
id: string;
|
|
81
85
|
label: string;
|
|
82
86
|
value: string;
|
|
83
87
|
disabled?: boolean;
|
|
84
88
|
isInvalid?: boolean;
|
|
85
89
|
}[] | undefined>;
|
|
86
|
-
inline: _angular_core.InputSignal<boolean>;
|
|
87
|
-
_value: _angular_core.WritableSignal<string[]>;
|
|
90
|
+
readonly inline: _angular_core.InputSignal<boolean>;
|
|
91
|
+
readonly _value: _angular_core.WritableSignal<string[]>;
|
|
88
92
|
readonly containerClass: _angular_core.Signal<{
|
|
89
93
|
field__content: boolean;
|
|
90
94
|
'field__content--inline': boolean;
|
|
@@ -108,6 +112,7 @@ declare class MozCheckboxGroupComponent implements ControlValueAccessor {
|
|
|
108
112
|
type MozDividerOrientation = 'horizontal' | 'vertical';
|
|
109
113
|
type MozDividerAppearance = 'primary' | 'secondary' | 'tertiary' | 'inverse';
|
|
110
114
|
type MozDividerSize = 's' | 'm' | 'l';
|
|
115
|
+
|
|
111
116
|
/**
|
|
112
117
|
* 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.
|
|
113
118
|
*/
|
|
@@ -115,15 +120,15 @@ declare class MozDividerComponent {
|
|
|
115
120
|
/**
|
|
116
121
|
* Determines the orientation of the divider.
|
|
117
122
|
*/
|
|
118
|
-
orientation: _angular_core.InputSignal<MozDividerOrientation>;
|
|
123
|
+
readonly orientation: _angular_core.InputSignal<MozDividerOrientation>;
|
|
119
124
|
/**
|
|
120
125
|
* Determines the appearance of the divider.
|
|
121
126
|
*/
|
|
122
|
-
appearance: _angular_core.InputSignal<MozDividerAppearance>;
|
|
127
|
+
readonly appearance: _angular_core.InputSignal<MozDividerAppearance>;
|
|
123
128
|
/**
|
|
124
129
|
* Determines the size of the divider.
|
|
125
130
|
*/
|
|
126
|
-
size: _angular_core.InputSignal<MozDividerSize>;
|
|
131
|
+
readonly size: _angular_core.InputSignal<MozDividerSize>;
|
|
127
132
|
readonly classes: _angular_core.Signal<{
|
|
128
133
|
[x: string]: boolean | MozDividerOrientation;
|
|
129
134
|
}>;
|
|
@@ -132,15 +137,15 @@ declare class MozDividerComponent {
|
|
|
132
137
|
}
|
|
133
138
|
|
|
134
139
|
declare class MozFieldComponent {
|
|
135
|
-
id: _angular_core.InputSignal<string | undefined>;
|
|
136
|
-
labelTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
|
|
137
|
-
requirementTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
|
|
138
|
-
helpTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
|
|
139
|
-
helpId: _angular_core.InputSignal<string | undefined>;
|
|
140
|
-
isValid: _angular_core.InputSignal<boolean>;
|
|
141
|
-
isInvalid: _angular_core.InputSignal<boolean>;
|
|
142
|
-
messageId: _angular_core.InputSignal<string | undefined>;
|
|
143
|
-
message: _angular_core.InputSignal<string | undefined>;
|
|
140
|
+
readonly id: _angular_core.InputSignal<string | undefined>;
|
|
141
|
+
readonly labelTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
|
|
142
|
+
readonly requirementTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
|
|
143
|
+
readonly helpTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
|
|
144
|
+
readonly helpId: _angular_core.InputSignal<string | undefined>;
|
|
145
|
+
readonly isValid: _angular_core.InputSignal<boolean>;
|
|
146
|
+
readonly isInvalid: _angular_core.InputSignal<boolean>;
|
|
147
|
+
readonly messageId: _angular_core.InputSignal<string | undefined>;
|
|
148
|
+
readonly message: _angular_core.InputSignal<string | undefined>;
|
|
144
149
|
readonly classes: _angular_core.Signal<{
|
|
145
150
|
'mc-field__validation-message': boolean;
|
|
146
151
|
'is-valid': boolean;
|
|
@@ -151,47 +156,47 @@ declare class MozFieldComponent {
|
|
|
151
156
|
}
|
|
152
157
|
|
|
153
158
|
declare class MozFieldGroupComponent {
|
|
154
|
-
id: _angular_core.InputSignal<string>;
|
|
155
|
-
legend: _angular_core.InputSignal<string>;
|
|
156
|
-
requirementText: _angular_core.InputSignal<string | undefined>;
|
|
157
|
-
helpText: _angular_core.InputSignal<string | undefined>;
|
|
158
|
-
isValid: _angular_core.InputSignal<boolean>;
|
|
159
|
-
isInvalid: _angular_core.InputSignal<boolean>;
|
|
160
|
-
message: _angular_core.InputSignal<string | undefined>;
|
|
159
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
160
|
+
readonly legend: _angular_core.InputSignal<string>;
|
|
161
|
+
readonly requirementText: _angular_core.InputSignal<string | undefined>;
|
|
162
|
+
readonly helpText: _angular_core.InputSignal<string | undefined>;
|
|
163
|
+
readonly isValid: _angular_core.InputSignal<boolean>;
|
|
164
|
+
readonly isInvalid: _angular_core.InputSignal<boolean>;
|
|
165
|
+
readonly message: _angular_core.InputSignal<string | undefined>;
|
|
161
166
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFieldGroupComponent, never>;
|
|
162
167
|
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>;
|
|
163
168
|
}
|
|
164
169
|
|
|
165
170
|
type MozFileUploaderFormat = 'inline' | 'stacked';
|
|
166
171
|
declare class MozFileUploaderComponent implements OnInit {
|
|
167
|
-
id: _angular_core.InputSignal<string>;
|
|
168
|
-
label: _angular_core.InputSignal<string | undefined>;
|
|
169
|
-
helpText: _angular_core.InputSignal<string | undefined>;
|
|
170
|
-
helpId: _angular_core.InputSignal<string | undefined>;
|
|
171
|
-
necessityIndicator: _angular_core.InputSignal<string>;
|
|
172
|
-
hasDragDrop: _angular_core.InputSignal<boolean>;
|
|
173
|
-
showFilesList: _angular_core.InputSignal<boolean>;
|
|
174
|
-
disabled: _angular_core.InputSignal<boolean>;
|
|
175
|
-
multipleFiles: _angular_core.InputSignal<boolean>;
|
|
176
|
-
accept: _angular_core.InputSignal<string | undefined>;
|
|
177
|
-
title: _angular_core.InputSignal<string>;
|
|
178
|
-
subtitle: _angular_core.InputSignal<string>;
|
|
179
|
-
uploadButtonLabel: _angular_core.InputSignal<string>;
|
|
180
|
-
format: _angular_core.InputSignal<MozFileUploaderFormat>;
|
|
181
|
-
errorMessage: _angular_core.InputSignal<string | undefined>;
|
|
182
|
-
invalid: _angular_core.InputSignal<boolean>;
|
|
183
|
-
uploading: _angular_core.InputSignal<boolean>;
|
|
184
|
-
hasPreview: _angular_core.InputSignal<boolean>;
|
|
185
|
-
retryButtonLabel: _angular_core.InputSignal<string>;
|
|
186
|
-
deleteButtonLabel: _angular_core.InputSignal<string>;
|
|
187
|
-
previewButtonLabel: _angular_core.InputSignal<string>;
|
|
188
|
-
information: _angular_core.InputSignal<string | undefined>;
|
|
189
|
-
fileInformation: _angular_core.InputSignal<((file: File) => string) | undefined>;
|
|
190
|
-
retryFile: _angular_core.OutputEmitterRef<File>;
|
|
191
|
-
previewFile: _angular_core.OutputEmitterRef<File>;
|
|
192
|
-
files: _angular_core.WritableSignal<File[]>;
|
|
193
|
-
isDragged: _angular_core.WritableSignal<boolean>;
|
|
194
|
-
initialFiles: _angular_core.InputSignal<File[]>;
|
|
172
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
173
|
+
readonly label: _angular_core.InputSignal<string | undefined>;
|
|
174
|
+
readonly helpText: _angular_core.InputSignal<string | undefined>;
|
|
175
|
+
readonly helpId: _angular_core.InputSignal<string | undefined>;
|
|
176
|
+
readonly necessityIndicator: _angular_core.InputSignal<string>;
|
|
177
|
+
readonly hasDragDrop: _angular_core.InputSignal<boolean>;
|
|
178
|
+
readonly showFilesList: _angular_core.InputSignal<boolean>;
|
|
179
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
180
|
+
readonly multipleFiles: _angular_core.InputSignal<boolean>;
|
|
181
|
+
readonly accept: _angular_core.InputSignal<string | undefined>;
|
|
182
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
183
|
+
readonly subtitle: _angular_core.InputSignal<string>;
|
|
184
|
+
readonly uploadButtonLabel: _angular_core.InputSignal<string>;
|
|
185
|
+
readonly format: _angular_core.InputSignal<MozFileUploaderFormat>;
|
|
186
|
+
readonly errorMessage: _angular_core.InputSignal<string | undefined>;
|
|
187
|
+
readonly invalid: _angular_core.InputSignal<boolean>;
|
|
188
|
+
readonly uploading: _angular_core.InputSignal<boolean>;
|
|
189
|
+
readonly hasPreview: _angular_core.InputSignal<boolean>;
|
|
190
|
+
readonly retryButtonLabel: _angular_core.InputSignal<string>;
|
|
191
|
+
readonly deleteButtonLabel: _angular_core.InputSignal<string>;
|
|
192
|
+
readonly previewButtonLabel: _angular_core.InputSignal<string>;
|
|
193
|
+
readonly information: _angular_core.InputSignal<string | undefined>;
|
|
194
|
+
readonly fileInformation: _angular_core.InputSignal<((file: File) => string) | undefined>;
|
|
195
|
+
readonly retryFile: _angular_core.OutputEmitterRef<File>;
|
|
196
|
+
readonly previewFile: _angular_core.OutputEmitterRef<File>;
|
|
197
|
+
readonly files: _angular_core.WritableSignal<File[]>;
|
|
198
|
+
readonly isDragged: _angular_core.WritableSignal<boolean>;
|
|
199
|
+
readonly initialFiles: _angular_core.InputSignal<File[]>;
|
|
195
200
|
readonly classes: _angular_core.Signal<{
|
|
196
201
|
'file-uploader--draggable': boolean;
|
|
197
202
|
}>;
|
|
@@ -199,8 +204,8 @@ declare class MozFileUploaderComponent implements OnInit {
|
|
|
199
204
|
'file-uploader__input--disabled': boolean;
|
|
200
205
|
'file-uploader__input--dragged': boolean;
|
|
201
206
|
}>;
|
|
202
|
-
iconTpl: any;
|
|
203
|
-
fileInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
|
|
207
|
+
readonly iconTpl: any;
|
|
208
|
+
readonly fileInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
|
|
204
209
|
ngOnInit(): void;
|
|
205
210
|
removeFile(index: number): void;
|
|
206
211
|
onDeleteFile(file: File): void;
|
|
@@ -216,20 +221,21 @@ declare class MozFileUploaderComponent implements OnInit {
|
|
|
216
221
|
}
|
|
217
222
|
|
|
218
223
|
type MozFileUploaderItemFormat = 'inline' | 'stacked';
|
|
224
|
+
|
|
219
225
|
declare class MozFileUploaderItemComponent {
|
|
220
|
-
format: _angular_core.InputSignal<MozFileUploaderItemFormat>;
|
|
221
|
-
invalid: _angular_core.InputSignal<boolean>;
|
|
222
|
-
uploading: _angular_core.InputSignal<boolean>;
|
|
223
|
-
errorMessage: _angular_core.InputSignal<string | undefined>;
|
|
224
|
-
hasPreview: _angular_core.InputSignal<boolean>;
|
|
225
|
-
file: _angular_core.InputSignal<File>;
|
|
226
|
-
fileInformation: _angular_core.InputSignal<((file: File) => string) | undefined>;
|
|
227
|
-
retryButtonLabel: _angular_core.InputSignal<string>;
|
|
228
|
-
deleteButtonLabel: _angular_core.InputSignal<string>;
|
|
229
|
-
previewButtonLabel: _angular_core.InputSignal<string>;
|
|
230
|
-
delete: _angular_core.OutputEmitterRef<File>;
|
|
231
|
-
retry: _angular_core.OutputEmitterRef<File>;
|
|
232
|
-
preview: _angular_core.OutputEmitterRef<File>;
|
|
226
|
+
readonly format: _angular_core.InputSignal<MozFileUploaderItemFormat>;
|
|
227
|
+
readonly invalid: _angular_core.InputSignal<boolean>;
|
|
228
|
+
readonly uploading: _angular_core.InputSignal<boolean>;
|
|
229
|
+
readonly errorMessage: _angular_core.InputSignal<string | undefined>;
|
|
230
|
+
readonly hasPreview: _angular_core.InputSignal<boolean>;
|
|
231
|
+
readonly file: _angular_core.InputSignal<File>;
|
|
232
|
+
readonly fileInformation: _angular_core.InputSignal<((file: File) => string) | undefined>;
|
|
233
|
+
readonly retryButtonLabel: _angular_core.InputSignal<string>;
|
|
234
|
+
readonly deleteButtonLabel: _angular_core.InputSignal<string>;
|
|
235
|
+
readonly previewButtonLabel: _angular_core.InputSignal<string>;
|
|
236
|
+
readonly delete: _angular_core.OutputEmitterRef<File>;
|
|
237
|
+
readonly retry: _angular_core.OutputEmitterRef<File>;
|
|
238
|
+
readonly preview: _angular_core.OutputEmitterRef<File>;
|
|
233
239
|
readonly fileName: _angular_core.Signal<string>;
|
|
234
240
|
readonly fileInfo: _angular_core.Signal<string>;
|
|
235
241
|
readonly isInline: _angular_core.Signal<boolean>;
|
|
@@ -250,15 +256,16 @@ declare class MozFileUploaderItemComponent {
|
|
|
250
256
|
type MozIconButtonAppearance = 'standard' | 'accent' | 'danger' | 'inverse';
|
|
251
257
|
type MozIconButtonSize = 's' | 'm' | 'l';
|
|
252
258
|
type MozIconButtonType = 'button' | 'reset' | 'submit';
|
|
259
|
+
|
|
253
260
|
declare class MozIconButtonComponent {
|
|
254
|
-
id: _angular_core.InputSignal<string>;
|
|
255
|
-
appearance: _angular_core.InputSignal<MozIconButtonAppearance>;
|
|
256
|
-
size: _angular_core.InputSignal<MozIconButtonSize>;
|
|
257
|
-
disabled: _angular_core.InputSignal<boolean | undefined>;
|
|
258
|
-
ghost: _angular_core.InputSignal<boolean | undefined>;
|
|
259
|
-
outlined: _angular_core.InputSignal<boolean | undefined>;
|
|
260
|
-
type: _angular_core.InputSignal<MozIconButtonType>;
|
|
261
|
-
ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
261
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
262
|
+
readonly appearance: _angular_core.InputSignal<MozIconButtonAppearance>;
|
|
263
|
+
readonly size: _angular_core.InputSignal<MozIconButtonSize>;
|
|
264
|
+
readonly disabled: _angular_core.InputSignal<boolean | undefined>;
|
|
265
|
+
readonly ghost: _angular_core.InputSignal<boolean | undefined>;
|
|
266
|
+
readonly outlined: _angular_core.InputSignal<boolean | undefined>;
|
|
267
|
+
readonly type: _angular_core.InputSignal<MozIconButtonType>;
|
|
268
|
+
readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
262
269
|
readonly classes: _angular_core.Signal<{
|
|
263
270
|
[x: string]: boolean | MozIconButtonAppearance | MozIconButtonSize;
|
|
264
271
|
'mc-button': boolean;
|
|
@@ -273,16 +280,17 @@ declare class MozIconButtonComponent {
|
|
|
273
280
|
type MozLinkAppearance = 'secondary' | 'accent' | 'inverse' | 'standard';
|
|
274
281
|
type MozLinkSize = 's' | 'm';
|
|
275
282
|
type MozLinkIconPosition = 'left' | 'right' | 'only';
|
|
283
|
+
|
|
276
284
|
declare class MozLinkComponent {
|
|
277
|
-
href: _angular_core.InputSignal<string | undefined>;
|
|
278
|
-
target: _angular_core.InputSignal<string | undefined>;
|
|
279
|
-
appearance: _angular_core.InputSignal<MozLinkAppearance>;
|
|
280
|
-
size: _angular_core.InputSignal<MozLinkSize>;
|
|
281
|
-
inline: _angular_core.InputSignal<boolean>;
|
|
282
|
-
router: _angular_core.InputSignal<boolean>;
|
|
283
|
-
iconPosition: _angular_core.InputSignal<MozLinkIconPosition>;
|
|
284
|
-
current: _angular_core.InputSignal<boolean>;
|
|
285
|
-
ariaCurrent: _angular_core.InputSignal<string | null>;
|
|
285
|
+
readonly href: _angular_core.InputSignal<string | undefined>;
|
|
286
|
+
readonly target: _angular_core.InputSignal<string | undefined>;
|
|
287
|
+
readonly appearance: _angular_core.InputSignal<MozLinkAppearance>;
|
|
288
|
+
readonly size: _angular_core.InputSignal<MozLinkSize>;
|
|
289
|
+
readonly inline: _angular_core.InputSignal<boolean>;
|
|
290
|
+
readonly router: _angular_core.InputSignal<boolean>;
|
|
291
|
+
readonly iconPosition: _angular_core.InputSignal<MozLinkIconPosition>;
|
|
292
|
+
readonly current: _angular_core.InputSignal<boolean>;
|
|
293
|
+
readonly ariaCurrent: _angular_core.InputSignal<string | null>;
|
|
286
294
|
private readonly routerLinkActive;
|
|
287
295
|
readonly routerLink: RouterLink | null;
|
|
288
296
|
readonly classes: _angular_core.Signal<{
|
|
@@ -299,10 +307,11 @@ declare class MozLinkComponent {
|
|
|
299
307
|
|
|
300
308
|
type MozLoaderAppearance = 'standard' | 'accent' | 'inverse';
|
|
301
309
|
type MozLoaderSize = 'xs' | 's' | 'm' | 'l';
|
|
310
|
+
|
|
302
311
|
declare class MozLoaderComponent {
|
|
303
|
-
appearance: _angular_core.InputSignal<MozLoaderAppearance>;
|
|
304
|
-
size: _angular_core.InputSignal<MozLoaderSize>;
|
|
305
|
-
text: _angular_core.InputSignal<string | undefined>;
|
|
312
|
+
readonly appearance: _angular_core.InputSignal<MozLoaderAppearance>;
|
|
313
|
+
readonly size: _angular_core.InputSignal<MozLoaderSize>;
|
|
314
|
+
readonly text: _angular_core.InputSignal<string | undefined>;
|
|
306
315
|
readonly classes: _angular_core.Signal<{
|
|
307
316
|
[x: string]: boolean | MozLoaderAppearance | MozLoaderSize;
|
|
308
317
|
loader: boolean;
|
|
@@ -315,121 +324,82 @@ declare class MozLoaderComponent {
|
|
|
315
324
|
}
|
|
316
325
|
|
|
317
326
|
declare class MozLoadingOverlayComponent {
|
|
318
|
-
label: _angular_core.InputSignal<string>;
|
|
319
|
-
visible: _angular_core.InputSignal<boolean>;
|
|
327
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
328
|
+
readonly visible: _angular_core.InputSignal<boolean>;
|
|
320
329
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLoadingOverlayComponent, never>;
|
|
321
330
|
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>;
|
|
322
331
|
}
|
|
323
332
|
|
|
333
|
+
type MozModalSize = 's' | 'm' | 'l';
|
|
334
|
+
|
|
324
335
|
declare class MozModalComponent {
|
|
325
|
-
|
|
326
|
-
readonly
|
|
327
|
-
readonly
|
|
328
|
-
readonly
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
readonly
|
|
336
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
337
|
+
readonly size: _angular_core.InputSignal<MozModalSize>;
|
|
338
|
+
readonly hasCloseButton: _angular_core.InputSignal<boolean>;
|
|
339
|
+
readonly closeOnBackdrop: _angular_core.InputSignal<boolean>;
|
|
340
|
+
readonly isOpen: _angular_core.ModelSignal<boolean>;
|
|
341
|
+
readonly footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
342
|
+
readonly classes: _angular_core.Signal<{
|
|
343
|
+
[x: string]: boolean;
|
|
332
344
|
modal: boolean;
|
|
333
345
|
'is-open': boolean;
|
|
334
346
|
}>;
|
|
335
|
-
|
|
336
|
-
|
|
347
|
+
open(): void;
|
|
348
|
+
close(): void;
|
|
349
|
+
onBackdropClick(): void;
|
|
337
350
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalComponent, never>;
|
|
338
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalComponent, "moz-modal", never, { "
|
|
351
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalComponent, "moz-modal", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hasCloseButton": { "alias": "hasCloseButton"; "required": false; "isSignal": true; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; }, ["footerTpl"], ["*"], true, never>;
|
|
339
352
|
}
|
|
340
353
|
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
private transitionEndHandler?;
|
|
349
|
-
private closeTimeoutId?;
|
|
350
|
-
constructor();
|
|
351
|
-
ngOnDestroy(): void;
|
|
352
|
-
private onTransitionEnd;
|
|
353
|
-
private cleanupAndClose;
|
|
354
|
-
isTemplate(content: unknown): content is TemplateRef<{
|
|
355
|
-
$implicit: T | undefined;
|
|
356
|
-
}>;
|
|
357
|
-
isComponent(content: unknown): content is Type<unknown>;
|
|
358
|
-
asTemplate(content: unknown): TemplateRef<{
|
|
359
|
-
$implicit: T | undefined;
|
|
360
|
-
}>;
|
|
361
|
-
asComponent(content: unknown): Type<unknown>;
|
|
362
|
-
onButtonClick(button: {
|
|
363
|
-
label: string;
|
|
364
|
-
onClick?: () => void;
|
|
365
|
-
}): void;
|
|
366
|
-
close(result?: R): void;
|
|
367
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalContainerComponent<any, any>, never>;
|
|
368
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalContainerComponent<any, any>, "moz-modal-container", never, {}, {}, never, never, true, never>;
|
|
354
|
+
interface ModalConfig<D = unknown> {
|
|
355
|
+
title: string;
|
|
356
|
+
size?: MozModalSize;
|
|
357
|
+
hasCloseButton?: boolean;
|
|
358
|
+
closeOnBackdrop?: boolean;
|
|
359
|
+
closeOnEscape?: boolean;
|
|
360
|
+
data?: D;
|
|
369
361
|
}
|
|
362
|
+
declare const MODAL_CONFIG: InjectionToken<ModalConfig<unknown>>;
|
|
363
|
+
declare const MODAL_DATA: InjectionToken<unknown>;
|
|
364
|
+
declare const DEFAULT_MODAL_CONFIG: Partial<ModalConfig>;
|
|
370
365
|
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
content?: TemplateRef<T> | Type<unknown> | string;
|
|
380
|
-
data?: T;
|
|
381
|
-
panelClass?: string | string[];
|
|
382
|
-
backdropClass?: string | string[];
|
|
383
|
-
disableClose?: boolean;
|
|
384
|
-
ariaLabel?: string;
|
|
385
|
-
ariaDescribedBy?: string;
|
|
386
|
-
icon?: Type<unknown>;
|
|
387
|
-
footerButtons?: MozModalButton[];
|
|
388
|
-
footerLink?: {
|
|
389
|
-
label: string;
|
|
390
|
-
href: string;
|
|
391
|
-
};
|
|
392
|
-
}
|
|
393
|
-
declare class MozModalRef<R = unknown> {
|
|
394
|
-
private _dialogRef;
|
|
395
|
-
setDialogRef(dialogRef: DialogRef<R, MozModalContainerComponent>): void;
|
|
366
|
+
declare class ModalRef<R = unknown> {
|
|
367
|
+
private readonly overlayRef;
|
|
368
|
+
private readonly afterClosed$;
|
|
369
|
+
private readonly afterOpened$;
|
|
370
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
371
|
+
private animationDuration;
|
|
372
|
+
constructor(overlayRef: OverlayRef);
|
|
373
|
+
open(): void;
|
|
396
374
|
close(result?: R): void;
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
}
|
|
400
|
-
declare class MozModalService {
|
|
401
|
-
private readonly dialog;
|
|
402
|
-
private readonly injector;
|
|
403
|
-
open<T = unknown, R = unknown>(config?: MozModalConfig<T>): MozModalRef<R>;
|
|
404
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalService, never>;
|
|
405
|
-
static ɵprov: _angular_core.ɵɵInjectableDeclaration<MozModalService>;
|
|
406
|
-
}
|
|
407
|
-
|
|
408
|
-
declare class MozModalHeaderComponent {
|
|
409
|
-
readonly title: _angular_core.InputSignal<string>;
|
|
410
|
-
readonly titleId: _angular_core.InputSignal<string>;
|
|
411
|
-
readonly closable: _angular_core.InputSignal<boolean>;
|
|
412
|
-
readonly closeClick: _angular_core.OutputEmitterRef<void>;
|
|
413
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalHeaderComponent, never>;
|
|
414
|
-
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>;
|
|
375
|
+
afterClosed(): Observable<R | undefined>;
|
|
376
|
+
afterOpened(): Observable<void>;
|
|
415
377
|
}
|
|
416
378
|
|
|
417
|
-
declare class
|
|
418
|
-
|
|
419
|
-
|
|
379
|
+
declare class ModalService {
|
|
380
|
+
private readonly overlay;
|
|
381
|
+
private readonly injector;
|
|
382
|
+
open<C, D = unknown, R = unknown>(component: Type<C>, config: ModalConfig<D>): ModalRef<R>;
|
|
383
|
+
private createOverlay;
|
|
384
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalService, never>;
|
|
385
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<ModalService>;
|
|
420
386
|
}
|
|
421
387
|
|
|
422
|
-
declare class
|
|
423
|
-
|
|
424
|
-
|
|
388
|
+
declare class MozModalFooterDirective {
|
|
389
|
+
private readonly tpl;
|
|
390
|
+
private readonly container;
|
|
391
|
+
constructor();
|
|
392
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalFooterDirective, never>;
|
|
393
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozModalFooterDirective, "[mozModalFooter]", never, {}, {}, never, never, true, never>;
|
|
425
394
|
}
|
|
426
395
|
|
|
427
396
|
type MozNumberBadgeAppearance = 'danger' | 'accent' | 'inverse' | 'standard';
|
|
428
397
|
type MozNumberBadgeSize = 's' | 'm';
|
|
398
|
+
|
|
429
399
|
declare class MozNumberBadgeComponent {
|
|
430
|
-
label: _angular_core.InputSignal<number>;
|
|
431
|
-
appearance: _angular_core.InputSignal<MozNumberBadgeAppearance>;
|
|
432
|
-
size: _angular_core.InputSignal<MozNumberBadgeSize>;
|
|
400
|
+
readonly label: _angular_core.InputSignal<number>;
|
|
401
|
+
readonly appearance: _angular_core.InputSignal<MozNumberBadgeAppearance>;
|
|
402
|
+
readonly size: _angular_core.InputSignal<MozNumberBadgeSize>;
|
|
433
403
|
readonly classes: _angular_core.Signal<{
|
|
434
404
|
[x: string]: boolean | MozNumberBadgeAppearance | MozNumberBadgeSize;
|
|
435
405
|
'mc-number-badge': boolean;
|
|
@@ -444,11 +414,11 @@ declare class MozOverlayComponent {
|
|
|
444
414
|
/**
|
|
445
415
|
* Controls the visibility of the overlay.
|
|
446
416
|
*/
|
|
447
|
-
isVisible: _angular_core.InputSignal<boolean | undefined>;
|
|
417
|
+
readonly isVisible: _angular_core.InputSignal<boolean | undefined>;
|
|
448
418
|
/**
|
|
449
419
|
* Accessible label for the overlay dialog.
|
|
450
420
|
*/
|
|
451
|
-
dialogLabel: _angular_core.InputSignal<string | undefined>;
|
|
421
|
+
readonly dialogLabel: _angular_core.InputSignal<string | undefined>;
|
|
452
422
|
readonly classes: _angular_core.Signal<{
|
|
453
423
|
overlay: boolean;
|
|
454
424
|
'is-visible': boolean | undefined;
|
|
@@ -528,17 +498,19 @@ declare class MozPasswordInputDirective implements ControlValueAccessor, AfterVi
|
|
|
528
498
|
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>;
|
|
529
499
|
}
|
|
530
500
|
|
|
501
|
+
type MozPincodeLength = 4 | 5 | 6;
|
|
502
|
+
|
|
531
503
|
declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
|
|
532
504
|
private readonly cdr;
|
|
533
505
|
private readonly ngZone;
|
|
534
|
-
id: _angular_core.InputSignal<string>;
|
|
535
|
-
length: _angular_core.InputSignal<
|
|
536
|
-
name: _angular_core.InputSignal<string | undefined>;
|
|
537
|
-
isInvalid: _angular_core.InputSignal<boolean>;
|
|
538
|
-
disabled: _angular_core.InputSignal<boolean>;
|
|
539
|
-
readonly: _angular_core.InputSignal<boolean>;
|
|
540
|
-
otp: WritableSignal<string[]>;
|
|
541
|
-
inputRefs: _angular_core.Signal<readonly ElementRef<HTMLInputElement>[]>;
|
|
506
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
507
|
+
readonly length: _angular_core.InputSignal<MozPincodeLength>;
|
|
508
|
+
readonly name: _angular_core.InputSignal<string | undefined>;
|
|
509
|
+
readonly isInvalid: _angular_core.InputSignal<boolean>;
|
|
510
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
511
|
+
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
512
|
+
readonly otp: WritableSignal<string[]>;
|
|
513
|
+
readonly inputRefs: _angular_core.Signal<readonly ElementRef<HTMLInputElement>[]>;
|
|
542
514
|
private _value;
|
|
543
515
|
onChange: (value: string) => void;
|
|
544
516
|
onTouched: () => void;
|
|
@@ -560,6 +532,7 @@ declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
|
|
|
560
532
|
}
|
|
561
533
|
|
|
562
534
|
type MozQuantitySelectorSize = 's' | 'm';
|
|
535
|
+
|
|
563
536
|
declare class MozQuantitySelectorComponent implements ControlValueAccessor {
|
|
564
537
|
readonly id: _angular_core.InputSignal<string>;
|
|
565
538
|
readonly name: _angular_core.InputSignal<string>;
|
|
@@ -591,12 +564,12 @@ declare class MozQuantitySelectorComponent implements ControlValueAccessor {
|
|
|
591
564
|
}
|
|
592
565
|
|
|
593
566
|
declare class MozRadioComponent implements ControlValueAccessor {
|
|
594
|
-
id: _angular_core.InputSignal<string>;
|
|
595
|
-
name: _angular_core.InputSignal<string | undefined>;
|
|
596
|
-
label: _angular_core.InputSignal<string | undefined>;
|
|
597
|
-
isInvalid: _angular_core.InputSignal<boolean>;
|
|
598
|
-
disabled: _angular_core.InputSignal<boolean>;
|
|
599
|
-
_value: _angular_core.WritableSignal<boolean>;
|
|
567
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
568
|
+
readonly name: _angular_core.InputSignal<string | undefined>;
|
|
569
|
+
readonly label: _angular_core.InputSignal<string | undefined>;
|
|
570
|
+
readonly isInvalid: _angular_core.InputSignal<boolean>;
|
|
571
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
572
|
+
readonly _value: _angular_core.WritableSignal<boolean>;
|
|
600
573
|
onChange: (_: boolean) => void;
|
|
601
574
|
onTouched: () => void;
|
|
602
575
|
handleChange(event: Event): void;
|
|
@@ -612,16 +585,16 @@ declare class MozRadioComponent implements ControlValueAccessor {
|
|
|
612
585
|
}
|
|
613
586
|
|
|
614
587
|
declare class MozRadioGroupComponent implements ControlValueAccessor {
|
|
615
|
-
name: _angular_core.InputSignal<string>;
|
|
616
|
-
options: _angular_core.InputSignal<{
|
|
588
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
589
|
+
readonly options: _angular_core.InputSignal<{
|
|
617
590
|
id: string;
|
|
618
591
|
label: string;
|
|
619
592
|
value: string;
|
|
620
593
|
disabled?: boolean;
|
|
621
594
|
}[]>;
|
|
622
|
-
isInvalid: _angular_core.InputSignal<boolean>;
|
|
623
|
-
inline: _angular_core.InputSignal<boolean>;
|
|
624
|
-
_value: _angular_core.WritableSignal<string | null>;
|
|
595
|
+
readonly isInvalid: _angular_core.InputSignal<boolean>;
|
|
596
|
+
readonly inline: _angular_core.InputSignal<boolean>;
|
|
597
|
+
readonly _value: _angular_core.WritableSignal<string | null>;
|
|
625
598
|
onChange: (value: string) => void;
|
|
626
599
|
onTouched: () => void;
|
|
627
600
|
writeValue(value: string): void;
|
|
@@ -645,16 +618,17 @@ type MozSelectOption = {
|
|
|
645
618
|
disabled?: boolean;
|
|
646
619
|
};
|
|
647
620
|
type MozSelectSize = 's' | 'm';
|
|
621
|
+
|
|
648
622
|
declare class MozSelectComponent implements ControlValueAccessor {
|
|
649
|
-
id: _angular_core.InputSignal<string | undefined>;
|
|
650
|
-
name: _angular_core.InputSignal<string>;
|
|
651
|
-
options: _angular_core.InputSignal<MozSelectOption[] | undefined>;
|
|
652
|
-
placeholder: _angular_core.InputSignal<string | undefined>;
|
|
653
|
-
isInvalid: _angular_core.InputSignal<boolean>;
|
|
654
|
-
disabled: _angular_core.InputSignal<boolean>;
|
|
655
|
-
readonly: _angular_core.InputSignal<boolean>;
|
|
656
|
-
size: _angular_core.InputSignal<MozSelectSize>;
|
|
657
|
-
_value: _angular_core.WritableSignal<MozSelectValue>;
|
|
623
|
+
readonly id: _angular_core.InputSignal<string | undefined>;
|
|
624
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
625
|
+
readonly options: _angular_core.InputSignal<MozSelectOption[] | undefined>;
|
|
626
|
+
readonly placeholder: _angular_core.InputSignal<string | undefined>;
|
|
627
|
+
readonly isInvalid: _angular_core.InputSignal<boolean>;
|
|
628
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
629
|
+
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
630
|
+
readonly size: _angular_core.InputSignal<MozSelectSize>;
|
|
631
|
+
readonly _value: _angular_core.WritableSignal<MozSelectValue>;
|
|
658
632
|
onChange: (value: MozSelectValue) => void;
|
|
659
633
|
onTouched: () => void;
|
|
660
634
|
writeValue(value: MozSelectValue): void;
|
|
@@ -672,9 +646,10 @@ declare class MozSelectComponent implements ControlValueAccessor {
|
|
|
672
646
|
}
|
|
673
647
|
|
|
674
648
|
type MozStatusBadgeStatus = 'info' | 'success' | 'warning' | 'error' | 'neutral';
|
|
649
|
+
|
|
675
650
|
declare class MozStatusBadgeComponent {
|
|
676
|
-
label: _angular_core.InputSignal<string | undefined>;
|
|
677
|
-
status: _angular_core.InputSignal<MozStatusBadgeStatus>;
|
|
651
|
+
readonly label: _angular_core.InputSignal<string | undefined>;
|
|
652
|
+
readonly status: _angular_core.InputSignal<MozStatusBadgeStatus>;
|
|
678
653
|
readonly classes: _angular_core.Signal<{
|
|
679
654
|
[x: string]: boolean | MozStatusBadgeStatus;
|
|
680
655
|
'mc-status-badge': boolean;
|
|
@@ -685,9 +660,10 @@ declare class MozStatusBadgeComponent {
|
|
|
685
660
|
|
|
686
661
|
type MozStatusDotStatus = 'info' | 'success' | 'warning' | 'error' | 'neutral';
|
|
687
662
|
type MozStatusDotSize = 's' | 'm' | 'l';
|
|
663
|
+
|
|
688
664
|
declare class MozStatusDotComponent {
|
|
689
|
-
status: _angular_core.InputSignal<MozStatusDotStatus>;
|
|
690
|
-
size: _angular_core.InputSignal<MozStatusDotSize>;
|
|
665
|
+
readonly status: _angular_core.InputSignal<MozStatusDotStatus>;
|
|
666
|
+
readonly size: _angular_core.InputSignal<MozStatusDotSize>;
|
|
691
667
|
readonly classes: _angular_core.Signal<{
|
|
692
668
|
[x: string]: boolean | MozStatusDotStatus | MozStatusDotSize;
|
|
693
669
|
'mc-status-dot': boolean;
|
|
@@ -697,14 +673,15 @@ declare class MozStatusDotComponent {
|
|
|
697
673
|
}
|
|
698
674
|
|
|
699
675
|
type MozStatusNotificationStatus = 'info' | 'success' | 'warning' | 'error';
|
|
676
|
+
|
|
700
677
|
declare class MozStatusNotificationComponent {
|
|
701
|
-
id: _angular_core.InputSignal<string>;
|
|
702
|
-
title: _angular_core.InputSignal<string | undefined>;
|
|
703
|
-
status: _angular_core.InputSignal<MozStatusNotificationStatus>;
|
|
704
|
-
closable: _angular_core.InputSignal<boolean>;
|
|
705
|
-
closed: _angular_core.OutputEmitterRef<void>;
|
|
706
|
-
descriptionTpl: Signal<TemplateRef<void> | undefined>;
|
|
707
|
-
footerTpl: Signal<TemplateRef<void> | undefined>;
|
|
678
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
679
|
+
readonly title: _angular_core.InputSignal<string | undefined>;
|
|
680
|
+
readonly status: _angular_core.InputSignal<MozStatusNotificationStatus>;
|
|
681
|
+
readonly closable: _angular_core.InputSignal<boolean>;
|
|
682
|
+
readonly closed: _angular_core.OutputEmitterRef<void>;
|
|
683
|
+
readonly descriptionTpl: Signal<TemplateRef<void> | undefined>;
|
|
684
|
+
readonly footerTpl: Signal<TemplateRef<void> | undefined>;
|
|
708
685
|
readonly classes: Signal<{
|
|
709
686
|
[x: string]: boolean | MozStatusNotificationStatus;
|
|
710
687
|
'mc-status-notification': boolean;
|
|
@@ -732,6 +709,7 @@ interface MozTabItem {
|
|
|
732
709
|
disabled?: boolean;
|
|
733
710
|
routerLink?: string;
|
|
734
711
|
}
|
|
712
|
+
|
|
735
713
|
declare class MozTabsComponent implements AfterContentInit {
|
|
736
714
|
tabs: QueryList<MozTabComponent>;
|
|
737
715
|
description: _angular_core.InputSignal<string | undefined>;
|
|
@@ -768,6 +746,7 @@ declare class MozTabsComponent implements AfterContentInit {
|
|
|
768
746
|
|
|
769
747
|
type MozTagType = 'informative' | 'interactive' | 'contextualised' | 'removable' | 'selectable';
|
|
770
748
|
type MozTagSize = 's' | 'm' | 'l';
|
|
749
|
+
|
|
771
750
|
declare class MozTagComponent implements ControlValueAccessor {
|
|
772
751
|
readonly type: _angular_core.InputSignal<MozTagType>;
|
|
773
752
|
readonly size: _angular_core.InputSignal<MozTagSize>;
|
|
@@ -823,10 +802,6 @@ declare class MozTextarea implements ControlValueAccessor, AfterViewInit, OnDest
|
|
|
823
802
|
}
|
|
824
803
|
|
|
825
804
|
type MozTextInputSize = 's' | 'm';
|
|
826
|
-
/**
|
|
827
|
-
* Directive that transforms a simple input into a styled text input with optional icon and clearable button.
|
|
828
|
-
* Wraps the input element in a container and adds additional elements as needed.
|
|
829
|
-
*/
|
|
830
805
|
declare class MozTextInput implements ControlValueAccessor, AfterViewInit, OnDestroy {
|
|
831
806
|
private elementRef;
|
|
832
807
|
private renderer;
|
|
@@ -836,6 +811,8 @@ declare class MozTextInput implements ControlValueAccessor, AfterViewInit, OnDes
|
|
|
836
811
|
readonly size: _angular_core.InputSignal<MozTextInputSize>;
|
|
837
812
|
readonly clearable: _angular_core.InputSignal<boolean>;
|
|
838
813
|
readonly clearLabel: _angular_core.InputSignal<string>;
|
|
814
|
+
readonly prefix: _angular_core.InputSignal<string>;
|
|
815
|
+
readonly suffix: _angular_core.InputSignal<string>;
|
|
839
816
|
private wrapper;
|
|
840
817
|
private clearButton;
|
|
841
818
|
private iconContainer;
|
|
@@ -849,6 +826,7 @@ declare class MozTextInput implements ControlValueAccessor, AfterViewInit, OnDes
|
|
|
849
826
|
ngAfterViewInit(): void;
|
|
850
827
|
ngOnDestroy(): void;
|
|
851
828
|
private wrapInput;
|
|
829
|
+
private createAddon;
|
|
852
830
|
private findIconElement;
|
|
853
831
|
private createIconContainer;
|
|
854
832
|
private createClearButton;
|
|
@@ -862,15 +840,16 @@ declare class MozTextInput implements ControlValueAccessor, AfterViewInit, OnDes
|
|
|
862
840
|
registerOnTouched(fn: () => void): void;
|
|
863
841
|
setDisabledState(isDisabled: boolean): void;
|
|
864
842
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextInput, never>;
|
|
865
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTextInput, "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>;
|
|
843
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTextInput, "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; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
866
844
|
}
|
|
867
845
|
|
|
868
846
|
type MozToggleSize = 's' | 'm';
|
|
847
|
+
|
|
869
848
|
declare class MozToggleComponent implements ControlValueAccessor {
|
|
870
|
-
id: _angular_core.InputSignal<string>;
|
|
871
|
-
name: _angular_core.InputSignal<string | undefined>;
|
|
872
|
-
size: _angular_core.InputSignal<MozToggleSize>;
|
|
873
|
-
disabled: _angular_core.InputSignal<boolean>;
|
|
849
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
850
|
+
readonly name: _angular_core.InputSignal<string | undefined>;
|
|
851
|
+
readonly size: _angular_core.InputSignal<MozToggleSize>;
|
|
852
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
874
853
|
readonly classes: _angular_core.Signal<{
|
|
875
854
|
[x: string]: boolean | MozToggleSize;
|
|
876
855
|
toggle: boolean;
|
|
@@ -887,6 +866,7 @@ declare class MozToggleComponent implements ControlValueAccessor {
|
|
|
887
866
|
}
|
|
888
867
|
|
|
889
868
|
type MozFlagType = 'default' | 'accent' | 'danger' | 'inverse';
|
|
869
|
+
|
|
890
870
|
declare class MozFlagComponent {
|
|
891
871
|
readonly type: _angular_core.InputSignal<MozFlagType>;
|
|
892
872
|
readonly classes: _angular_core.Signal<"flag" | "flag flag--accent" | "flag flag--danger" | "flag flag--inverse">;
|
|
@@ -895,6 +875,7 @@ declare class MozFlagComponent {
|
|
|
895
875
|
}
|
|
896
876
|
|
|
897
877
|
type MozDatepickerSize = 'default' | 's';
|
|
878
|
+
|
|
898
879
|
declare class MozDatepickerComponent implements ControlValueAccessor {
|
|
899
880
|
readonly id: _angular_core.InputSignal<string>;
|
|
900
881
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
@@ -904,7 +885,7 @@ declare class MozDatepickerComponent implements ControlValueAccessor {
|
|
|
904
885
|
readonly clearable: _angular_core.InputSignal<boolean>;
|
|
905
886
|
readonly size: _angular_core.InputSignal<MozDatepickerSize>;
|
|
906
887
|
readonly label: _angular_core.InputSignal<string>;
|
|
907
|
-
_value: _angular_core.WritableSignal<string | null>;
|
|
888
|
+
readonly _value: _angular_core.WritableSignal<string | null>;
|
|
908
889
|
readonly classes: _angular_core.Signal<{
|
|
909
890
|
'mc-datepicker': boolean;
|
|
910
891
|
'mc-text-input': boolean;
|
|
@@ -925,6 +906,7 @@ declare class MozDatepickerComponent implements ControlValueAccessor {
|
|
|
925
906
|
}
|
|
926
907
|
|
|
927
908
|
type MozTooltipPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
909
|
+
|
|
928
910
|
declare class MozTooltipComponent {
|
|
929
911
|
readonly id: _angular_core.InputSignal<string>;
|
|
930
912
|
readonly position: _angular_core.InputSignal<MozTooltipPosition>;
|
|
@@ -958,53 +940,57 @@ declare class MozTooltipDirective implements OnDestroy {
|
|
|
958
940
|
}
|
|
959
941
|
|
|
960
942
|
type MozCircularProgessBarSize = 's' | 'm' | 'l';
|
|
943
|
+
|
|
961
944
|
declare class MozCircularProgressBarComponent {
|
|
962
|
-
valuePercent: _angular_core.InputSignal<number>;
|
|
963
|
-
size: _angular_core.InputSignal<MozCircularProgessBarSize>;
|
|
964
|
-
ariaLabel: _angular_core.InputSignal<string>;
|
|
965
|
-
numberLabel: _angular_core.InputSignal<string | null>;
|
|
966
|
-
textLabel: _angular_core.InputSignal<string | null>;
|
|
967
|
-
showPercentage: _angular_core.InputSignal<boolean>;
|
|
968
|
-
classes: _angular_core.Signal<string>;
|
|
969
|
-
hasNumberOrText:
|
|
945
|
+
readonly valuePercent: _angular_core.InputSignal<number>;
|
|
946
|
+
readonly size: _angular_core.InputSignal<MozCircularProgessBarSize>;
|
|
947
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
948
|
+
readonly numberLabel: _angular_core.InputSignal<string | null>;
|
|
949
|
+
readonly textLabel: _angular_core.InputSignal<string | null>;
|
|
950
|
+
readonly showPercentage: _angular_core.InputSignal<boolean>;
|
|
951
|
+
readonly classes: _angular_core.Signal<string>;
|
|
952
|
+
readonly hasNumberOrText: _angular_core.Signal<boolean>;
|
|
970
953
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCircularProgressBarComponent, never>;
|
|
971
954
|
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>;
|
|
972
955
|
}
|
|
973
956
|
|
|
974
957
|
type MozLinearProgressBarBufferSize = 's' | 'm' | 'l';
|
|
958
|
+
|
|
975
959
|
declare class MozLinearProgressBarBufferComponent {
|
|
976
|
-
valuePercent: _angular_core.InputSignal<number>;
|
|
977
|
-
size: _angular_core.InputSignal<MozLinearProgressBarBufferSize>;
|
|
978
|
-
ariaLabel: _angular_core.InputSignal<string>;
|
|
979
|
-
classes: _angular_core.Signal<string>;
|
|
960
|
+
readonly valuePercent: _angular_core.InputSignal<number>;
|
|
961
|
+
readonly size: _angular_core.InputSignal<MozLinearProgressBarBufferSize>;
|
|
962
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
963
|
+
readonly classes: _angular_core.Signal<string>;
|
|
980
964
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLinearProgressBarBufferComponent, never>;
|
|
981
965
|
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>;
|
|
982
966
|
}
|
|
983
967
|
|
|
984
968
|
declare class MozLinearProgressBarPercentageComponent {
|
|
985
|
-
valuePercent: _angular_core.InputSignal<number>;
|
|
986
|
-
ariaLabel: _angular_core.InputSignal<string>;
|
|
987
|
-
showLabel: _angular_core.InputSignal<boolean>;
|
|
969
|
+
readonly valuePercent: _angular_core.InputSignal<number>;
|
|
970
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
971
|
+
readonly showLabel: _angular_core.InputSignal<boolean>;
|
|
988
972
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLinearProgressBarPercentageComponent, never>;
|
|
989
973
|
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>;
|
|
990
974
|
}
|
|
991
975
|
|
|
992
976
|
type MozCalloutVariant = 'default' | 'inverse' | 'tips' | 'accent';
|
|
977
|
+
|
|
993
978
|
declare class MozCalloutComponent {
|
|
994
|
-
title: _angular_core.InputSignal<string | null>;
|
|
995
|
-
message: _angular_core.InputSignal<string | null>;
|
|
996
|
-
role: _angular_core.InputSignal<string>;
|
|
997
|
-
variant: _angular_core.InputSignal<MozCalloutVariant>;
|
|
998
|
-
footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
999
|
-
classes: _angular_core.Signal<string>;
|
|
979
|
+
readonly title: _angular_core.InputSignal<string | null>;
|
|
980
|
+
readonly message: _angular_core.InputSignal<string | null>;
|
|
981
|
+
readonly role: _angular_core.InputSignal<string>;
|
|
982
|
+
readonly variant: _angular_core.InputSignal<MozCalloutVariant>;
|
|
983
|
+
readonly footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
984
|
+
readonly classes: _angular_core.Signal<string>;
|
|
1000
985
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCalloutComponent, never>;
|
|
1001
986
|
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>;
|
|
1002
987
|
}
|
|
1003
988
|
|
|
1004
989
|
type MozAvatarSize = 's' | 'm' | 'l';
|
|
990
|
+
|
|
1005
991
|
declare class MozAvatarComponent {
|
|
1006
|
-
size: _angular_core.InputSignal<MozAvatarSize>;
|
|
1007
|
-
classes: _angular_core.Signal<string>;
|
|
992
|
+
readonly size: _angular_core.InputSignal<MozAvatarSize>;
|
|
993
|
+
readonly classes: _angular_core.Signal<string>;
|
|
1008
994
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozAvatarComponent, never>;
|
|
1009
995
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozAvatarComponent, "moz-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1010
996
|
}
|
|
@@ -1018,41 +1004,43 @@ type MozPhoneNumberValue = {
|
|
|
1018
1004
|
country: string;
|
|
1019
1005
|
number: string;
|
|
1020
1006
|
};
|
|
1007
|
+
type MozPhoneNumberSize = 's' | 'm';
|
|
1008
|
+
|
|
1021
1009
|
declare class MozPhoneNumberComponent implements ControlValueAccessor {
|
|
1022
|
-
label: _angular_core.InputSignal<string>;
|
|
1023
|
-
requirementText: _angular_core.InputSignal<string | null>;
|
|
1024
|
-
showRequirement: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1025
|
-
helpText: _angular_core.InputSignal<string | null>;
|
|
1026
|
-
size: _angular_core.InputSignal<
|
|
1027
|
-
placeholder: _angular_core.InputSignal<string | null>;
|
|
1028
|
-
defaultCountry: _angular_core.InputSignal<string>;
|
|
1029
|
-
locale: _angular_core.InputSignal<string>;
|
|
1030
|
-
countryCodes: _angular_core.InputSignal<string[] | null>;
|
|
1031
|
-
countries: _angular_core.InputSignal<MozPhoneNumberCountry[]>;
|
|
1032
|
-
showCountrySelect: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1033
|
-
showCountryCode: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1034
|
-
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1035
|
-
readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1036
|
-
invalid: _angular_core.InputSignal<boolean | null>;
|
|
1037
|
-
errorMessage: _angular_core.InputSignal<string | null>;
|
|
1038
|
-
selectName: _angular_core.InputSignal<string>;
|
|
1039
|
-
inputName: _angular_core.InputSignal<string>;
|
|
1040
|
-
private _country;
|
|
1041
|
-
private _number;
|
|
1042
|
-
private uid;
|
|
1043
|
-
selectId: string;
|
|
1044
|
-
flagImgId: string;
|
|
1045
|
-
inputId: string;
|
|
1046
|
-
helpId: string;
|
|
1047
|
-
errorId: string;
|
|
1048
|
-
ccId: string;
|
|
1049
|
-
selectedCountryCode: _angular_core.Signal<string>;
|
|
1050
|
-
availableCountries: _angular_core.Signal<string[]>;
|
|
1051
|
-
selectedCountryName: _angular_core.Signal<string>;
|
|
1052
|
-
selectedDialCode: _angular_core.Signal<string>;
|
|
1053
|
-
selectedFlagUrl: _angular_core.Signal<string>;
|
|
1054
|
-
number: _angular_core.Signal<string>;
|
|
1055
|
-
dynamicPlaceholder: _angular_core.Signal<string>;
|
|
1010
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
1011
|
+
readonly requirementText: _angular_core.InputSignal<string | null>;
|
|
1012
|
+
readonly showRequirement: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1013
|
+
readonly helpText: _angular_core.InputSignal<string | null>;
|
|
1014
|
+
readonly size: _angular_core.InputSignal<MozPhoneNumberSize>;
|
|
1015
|
+
readonly placeholder: _angular_core.InputSignal<string | null>;
|
|
1016
|
+
readonly defaultCountry: _angular_core.InputSignal<string>;
|
|
1017
|
+
readonly locale: _angular_core.InputSignal<string>;
|
|
1018
|
+
readonly countryCodes: _angular_core.InputSignal<string[] | null>;
|
|
1019
|
+
readonly countries: _angular_core.InputSignal<MozPhoneNumberCountry[]>;
|
|
1020
|
+
readonly showCountrySelect: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1021
|
+
readonly showCountryCode: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1022
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1023
|
+
readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1024
|
+
readonly invalid: _angular_core.InputSignal<boolean | null>;
|
|
1025
|
+
readonly errorMessage: _angular_core.InputSignal<string | null>;
|
|
1026
|
+
readonly selectName: _angular_core.InputSignal<string>;
|
|
1027
|
+
readonly inputName: _angular_core.InputSignal<string>;
|
|
1028
|
+
private readonly _country;
|
|
1029
|
+
private readonly _number;
|
|
1030
|
+
private readonly uid;
|
|
1031
|
+
readonly selectId: string;
|
|
1032
|
+
readonly flagImgId: string;
|
|
1033
|
+
readonly inputId: string;
|
|
1034
|
+
readonly helpId: string;
|
|
1035
|
+
readonly errorId: string;
|
|
1036
|
+
readonly ccId: string;
|
|
1037
|
+
readonly selectedCountryCode: _angular_core.Signal<string>;
|
|
1038
|
+
readonly availableCountries: _angular_core.Signal<string[]>;
|
|
1039
|
+
readonly selectedCountryName: _angular_core.Signal<string>;
|
|
1040
|
+
readonly selectedDialCode: _angular_core.Signal<string>;
|
|
1041
|
+
readonly selectedFlagUrl: _angular_core.Signal<string>;
|
|
1042
|
+
readonly number: _angular_core.Signal<string>;
|
|
1043
|
+
readonly dynamicPlaceholder: _angular_core.Signal<string>;
|
|
1056
1044
|
private selectedLibCountryCode;
|
|
1057
1045
|
private parsedNumber;
|
|
1058
1046
|
private phoneIsValid;
|
|
@@ -1081,20 +1069,21 @@ declare class MozPhoneNumberComponent implements ControlValueAccessor {
|
|
|
1081
1069
|
type MozToasterStatus = 'info' | 'success' | 'warning' | 'error';
|
|
1082
1070
|
type MozToasterPosition = 'top' | 'bottom' | 'top-center' | 'bottom-center';
|
|
1083
1071
|
type MozToasterRole = 'status' | 'alert';
|
|
1072
|
+
|
|
1084
1073
|
declare class MozToasterComponent implements AfterContentInit {
|
|
1085
|
-
open: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1086
|
-
position: _angular_core.InputSignal<MozToasterPosition>;
|
|
1087
|
-
description: _angular_core.InputSignal<string>;
|
|
1088
|
-
status: _angular_core.InputSignal<MozToasterStatus>;
|
|
1089
|
-
closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1090
|
-
progress: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1091
|
-
timeout: _angular_core.InputSignal<number | null>;
|
|
1092
|
-
role: _angular_core.InputSignal<MozToasterRole>;
|
|
1093
|
-
closeAriaLabel: _angular_core.InputSignal<string>;
|
|
1094
|
-
openChange: _angular_core.OutputEmitterRef<boolean>;
|
|
1095
|
-
closed: _angular_core.OutputEmitterRef<void>;
|
|
1096
|
-
actionSlot: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
|
|
1097
|
-
hasAction: boolean
|
|
1074
|
+
readonly open: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1075
|
+
readonly position: _angular_core.InputSignal<MozToasterPosition>;
|
|
1076
|
+
readonly description: _angular_core.InputSignal<string>;
|
|
1077
|
+
readonly status: _angular_core.InputSignal<MozToasterStatus>;
|
|
1078
|
+
readonly closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1079
|
+
readonly progress: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1080
|
+
readonly timeout: _angular_core.InputSignal<number | null>;
|
|
1081
|
+
readonly role: _angular_core.InputSignal<MozToasterRole>;
|
|
1082
|
+
readonly closeAriaLabel: _angular_core.InputSignal<string>;
|
|
1083
|
+
readonly openChange: _angular_core.OutputEmitterRef<boolean>;
|
|
1084
|
+
readonly closed: _angular_core.OutputEmitterRef<void>;
|
|
1085
|
+
readonly actionSlot: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
|
|
1086
|
+
readonly hasAction: _angular_core.WritableSignal<boolean>;
|
|
1098
1087
|
ngAfterContentInit(): void;
|
|
1099
1088
|
classes: _angular_core.Signal<string>;
|
|
1100
1089
|
private _progressValue;
|
|
@@ -1124,24 +1113,25 @@ type MozSidebarItem = {
|
|
|
1124
1113
|
open?: boolean;
|
|
1125
1114
|
children?: MozSidebarSubItem[];
|
|
1126
1115
|
};
|
|
1116
|
+
|
|
1127
1117
|
declare class MozSidebarComponent {
|
|
1128
|
-
expanded: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1129
|
-
items: _angular_core.InputSignal<MozSidebarItem[]>;
|
|
1130
|
-
title: _angular_core.InputSignal<string>;
|
|
1131
|
-
logoSrc: _angular_core.InputSignal<string | null>;
|
|
1132
|
-
logoAlt: _angular_core.InputSignal<string>;
|
|
1133
|
-
showFooter: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1134
|
-
showProfile: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1135
|
-
profileName: _angular_core.InputSignal<string | null>;
|
|
1136
|
-
profileTitle: _angular_core.InputSignal<string | null>;
|
|
1137
|
-
profileAvatarSrc: _angular_core.InputSignal<string | null>;
|
|
1138
|
-
expandedChange: _angular_core.OutputEmitterRef<boolean>;
|
|
1139
|
-
itemClick: _angular_core.OutputEmitterRef<{
|
|
1118
|
+
readonly expanded: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1119
|
+
readonly items: _angular_core.InputSignal<MozSidebarItem[]>;
|
|
1120
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
1121
|
+
readonly logoSrc: _angular_core.InputSignal<string | null>;
|
|
1122
|
+
readonly logoAlt: _angular_core.InputSignal<string>;
|
|
1123
|
+
readonly showFooter: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1124
|
+
readonly showProfile: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1125
|
+
readonly profileName: _angular_core.InputSignal<string | null>;
|
|
1126
|
+
readonly profileTitle: _angular_core.InputSignal<string | null>;
|
|
1127
|
+
readonly profileAvatarSrc: _angular_core.InputSignal<string | null>;
|
|
1128
|
+
readonly expandedChange: _angular_core.OutputEmitterRef<boolean>;
|
|
1129
|
+
readonly itemClick: _angular_core.OutputEmitterRef<{
|
|
1140
1130
|
itemId: string;
|
|
1141
1131
|
subItemId: string | null;
|
|
1142
1132
|
}>;
|
|
1143
|
-
hostClasses: _angular_core.Signal<string>;
|
|
1144
|
-
expandButtonAriaLabel: _angular_core.Signal<"Collapse" | "Expand">;
|
|
1133
|
+
readonly hostClasses: _angular_core.Signal<string>;
|
|
1134
|
+
readonly expandButtonAriaLabel: _angular_core.Signal<"Collapse" | "Expand">;
|
|
1145
1135
|
shouldOpen: (i: MozSidebarItem) => boolean;
|
|
1146
1136
|
toggleExpanded(): void;
|
|
1147
1137
|
onItemClick(itemId: string, subItemId: string | null, ev: Event): void;
|
|
@@ -1155,26 +1145,27 @@ type MozSegmentedItem = {
|
|
|
1155
1145
|
label: string;
|
|
1156
1146
|
value: string | number;
|
|
1157
1147
|
};
|
|
1148
|
+
|
|
1158
1149
|
declare class MozSegmentedControlComponent {
|
|
1159
|
-
items: _angular_core.InputSignal<MozSegmentedItem[]>;
|
|
1160
|
-
size: _angular_core.InputSignal<MozSegmentedControlSize>;
|
|
1161
|
-
full: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1162
|
-
ariaLabel: _angular_core.InputSignal<string>;
|
|
1163
|
-
selectedIndex: _angular_core.ModelSignal<number>;
|
|
1164
|
-
change: _angular_core.OutputEmitterRef<{
|
|
1150
|
+
readonly items: _angular_core.InputSignal<MozSegmentedItem[]>;
|
|
1151
|
+
readonly size: _angular_core.InputSignal<MozSegmentedControlSize>;
|
|
1152
|
+
readonly full: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1153
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
1154
|
+
readonly selectedIndex: _angular_core.ModelSignal<number>;
|
|
1155
|
+
readonly change: _angular_core.OutputEmitterRef<{
|
|
1165
1156
|
index: number;
|
|
1166
1157
|
value: string | number;
|
|
1167
1158
|
}>;
|
|
1168
|
-
classes: _angular_core.Signal<{
|
|
1159
|
+
readonly classes: _angular_core.Signal<{
|
|
1169
1160
|
'segmented-control': boolean;
|
|
1170
1161
|
'segmented-control--m': boolean;
|
|
1171
1162
|
'segmented-control--full': boolean;
|
|
1172
1163
|
}>;
|
|
1173
|
-
segmentClasses: (index: number) => _angular_core.Signal<{
|
|
1164
|
+
readonly segmentClasses: (index: number) => _angular_core.Signal<{
|
|
1174
1165
|
'segmented-control__segment': boolean;
|
|
1175
1166
|
'segmented-control__segment--selected': boolean;
|
|
1176
1167
|
}>;
|
|
1177
|
-
private buttons;
|
|
1168
|
+
private readonly buttons;
|
|
1178
1169
|
onSelect(index: number): void;
|
|
1179
1170
|
private focusIndex;
|
|
1180
1171
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozSegmentedControlComponent, never>;
|
|
@@ -1182,23 +1173,23 @@ declare class MozSegmentedControlComponent {
|
|
|
1182
1173
|
}
|
|
1183
1174
|
|
|
1184
1175
|
declare class MozAccordionHeaderComponent {
|
|
1185
|
-
tpl: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
1176
|
+
readonly tpl: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
1186
1177
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozAccordionHeaderComponent, never>;
|
|
1187
1178
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozAccordionHeaderComponent, "moz-accordion-header", never, {}, {}, never, ["[title]", "[subtitle]"], true, never>;
|
|
1188
1179
|
}
|
|
1189
1180
|
|
|
1190
1181
|
declare class MozAccordionContentComponent {
|
|
1191
|
-
tpl: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
1182
|
+
readonly tpl: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
1192
1183
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozAccordionContentComponent, never>;
|
|
1193
1184
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozAccordionContentComponent, "moz-accordion-content", never, {}, {}, never, ["*"], true, never>;
|
|
1194
1185
|
}
|
|
1195
1186
|
|
|
1196
1187
|
declare class MozAccordionPanelComponent {
|
|
1197
|
-
icon: _angular_core.InputSignal<Type<unknown> | null>;
|
|
1198
|
-
open: _angular_core.InputSignal<boolean>;
|
|
1199
|
-
state: _angular_core.WritableSignal<boolean>;
|
|
1200
|
-
header: _angular_core.Signal<MozAccordionHeaderComponent | undefined>;
|
|
1201
|
-
content: _angular_core.Signal<MozAccordionContentComponent | undefined>;
|
|
1188
|
+
readonly icon: _angular_core.InputSignal<Type<unknown> | null>;
|
|
1189
|
+
readonly open: _angular_core.InputSignal<boolean>;
|
|
1190
|
+
readonly state: _angular_core.WritableSignal<boolean>;
|
|
1191
|
+
readonly header: _angular_core.Signal<MozAccordionHeaderComponent | undefined>;
|
|
1192
|
+
readonly content: _angular_core.Signal<MozAccordionContentComponent | undefined>;
|
|
1202
1193
|
ngOnInit(): void;
|
|
1203
1194
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozAccordionPanelComponent, never>;
|
|
1204
1195
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozAccordionPanelComponent, "moz-accordion-panel", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, {}, ["header", "content"], never, true, never>;
|
|
@@ -1234,21 +1225,21 @@ declare class MozAccordionComponent {
|
|
|
1234
1225
|
*
|
|
1235
1226
|
* @default false
|
|
1236
1227
|
*/
|
|
1237
|
-
ghost: _angular_core.InputSignal<boolean>;
|
|
1228
|
+
readonly ghost: _angular_core.InputSignal<boolean>;
|
|
1238
1229
|
/**
|
|
1239
1230
|
* Uses native HTML `<details>` and `<summary>` elements instead of custom implementation.
|
|
1240
1231
|
* Provides better accessibility and performance with browser-native behavior.
|
|
1241
1232
|
*
|
|
1242
1233
|
* @default false
|
|
1243
1234
|
*/
|
|
1244
|
-
native: _angular_core.InputSignal<boolean>;
|
|
1235
|
+
readonly native: _angular_core.InputSignal<boolean>;
|
|
1245
1236
|
/**
|
|
1246
1237
|
* Computed CSS classes based on component inputs.
|
|
1247
1238
|
* Automatically updates when ghost input changes.
|
|
1248
1239
|
*
|
|
1249
1240
|
* @internal
|
|
1250
1241
|
*/
|
|
1251
|
-
cssClasses: _angular_core.Signal<{
|
|
1242
|
+
readonly cssClasses: _angular_core.Signal<{
|
|
1252
1243
|
accordion: boolean;
|
|
1253
1244
|
'accordion--ghost': boolean;
|
|
1254
1245
|
}>;
|
|
@@ -1258,7 +1249,7 @@ declare class MozAccordionComponent {
|
|
|
1258
1249
|
*
|
|
1259
1250
|
* @internal
|
|
1260
1251
|
*/
|
|
1261
|
-
panels: _angular_core.Signal<readonly MozAccordionPanelComponent[]>;
|
|
1252
|
+
readonly panels: _angular_core.Signal<readonly MozAccordionPanelComponent[]>;
|
|
1262
1253
|
/**
|
|
1263
1254
|
* Toggles the open/closed state of an accordion panel.
|
|
1264
1255
|
*
|
|
@@ -1278,7 +1269,7 @@ declare class MozAccordionComponent {
|
|
|
1278
1269
|
}
|
|
1279
1270
|
|
|
1280
1271
|
declare class MozActionBottomBarComponent {
|
|
1281
|
-
boxShadow: _angular_core.InputSignal<boolean>;
|
|
1272
|
+
readonly boxShadow: _angular_core.InputSignal<boolean>;
|
|
1282
1273
|
readonly classes: _angular_core.Signal<{
|
|
1283
1274
|
'mc-action-bottom-bar': boolean;
|
|
1284
1275
|
'mc-action-bottom-bar--shadow': boolean;
|
|
@@ -1288,7 +1279,7 @@ declare class MozActionBottomBarComponent {
|
|
|
1288
1279
|
}
|
|
1289
1280
|
|
|
1290
1281
|
type MozActionListItemAppearance = 'standard' | 'danger';
|
|
1291
|
-
interface
|
|
1282
|
+
interface MozActionListItem {
|
|
1292
1283
|
/**
|
|
1293
1284
|
* The icon component displayed for the item.
|
|
1294
1285
|
*/
|
|
@@ -1310,6 +1301,7 @@ interface ActionListItem {
|
|
|
1310
1301
|
*/
|
|
1311
1302
|
divider?: boolean;
|
|
1312
1303
|
}
|
|
1304
|
+
|
|
1313
1305
|
/**
|
|
1314
1306
|
* An action list is a contextual menu that presents a list of available actions related to a specific element or interface area.
|
|
1315
1307
|
* It allows users to quickly access functions such as editing, sharing, deleting, or navigating to sub-actions.
|
|
@@ -1319,16 +1311,20 @@ declare class MozActionListboxComponent {
|
|
|
1319
1311
|
/**
|
|
1320
1312
|
* Title displayed in mobile version.
|
|
1321
1313
|
*/
|
|
1322
|
-
title: _angular_core.InputSignal<string | undefined>;
|
|
1314
|
+
readonly title: _angular_core.InputSignal<string | undefined>;
|
|
1323
1315
|
/**
|
|
1324
1316
|
* An array of objects that allows you to provide all the data needed to generate the content for each item.
|
|
1325
1317
|
*/
|
|
1326
|
-
items: _angular_core.InputSignal<
|
|
1318
|
+
readonly items: _angular_core.InputSignal<MozActionListItem[]>;
|
|
1319
|
+
/**
|
|
1320
|
+
* Emitted when an item is clicked.
|
|
1321
|
+
*/
|
|
1322
|
+
readonly itemClick: _angular_core.OutputEmitterRef<MozActionListItem>;
|
|
1327
1323
|
/**
|
|
1328
1324
|
* Computed signal that maps items to their CSS classes.
|
|
1329
1325
|
*/
|
|
1330
|
-
itemsWithClasses: _angular_core.Signal<{
|
|
1331
|
-
item:
|
|
1326
|
+
readonly itemsWithClasses: _angular_core.Signal<{
|
|
1327
|
+
item: MozActionListItem;
|
|
1332
1328
|
classes: {
|
|
1333
1329
|
'action-list__element': boolean;
|
|
1334
1330
|
'action-list__element--danger': boolean;
|
|
@@ -1336,21 +1332,73 @@ declare class MozActionListboxComponent {
|
|
|
1336
1332
|
};
|
|
1337
1333
|
}[]>;
|
|
1338
1334
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozActionListboxComponent, never>;
|
|
1339
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozActionListboxComponent, "moz-action-listbox", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1335
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozActionListboxComponent, "moz-action-listbox", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
|
|
1336
|
+
}
|
|
1337
|
+
|
|
1338
|
+
type ActionListboxPosition = 'below' | 'above' | 'before' | 'after';
|
|
1339
|
+
interface ActionListboxConfig {
|
|
1340
|
+
items: MozActionListItem[];
|
|
1341
|
+
title?: string;
|
|
1342
|
+
position?: ActionListboxPosition;
|
|
1343
|
+
hasBackdrop?: boolean;
|
|
1344
|
+
}
|
|
1345
|
+
declare const ACTION_LISTBOX_CONFIG: InjectionToken<ActionListboxConfig>;
|
|
1346
|
+
declare const DEFAULT_ACTION_LISTBOX_CONFIG: Omit<Partial<ActionListboxConfig>, 'items'>;
|
|
1347
|
+
|
|
1348
|
+
declare class ActionListboxContainerComponent {
|
|
1349
|
+
readonly config: ActionListboxConfig;
|
|
1350
|
+
private readonly listboxRef;
|
|
1351
|
+
onItemClick(item: MozActionListItem): void;
|
|
1352
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ActionListboxContainerComponent, never>;
|
|
1353
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ActionListboxContainerComponent, "moz-action-listbox-container", never, {}, {}, never, never, true, never>;
|
|
1354
|
+
}
|
|
1355
|
+
|
|
1356
|
+
declare class MozActionListboxTriggerDirective implements OnDestroy {
|
|
1357
|
+
private readonly overlay;
|
|
1358
|
+
private readonly elementRef;
|
|
1359
|
+
private readonly injector;
|
|
1360
|
+
/** The list of items to display */
|
|
1361
|
+
readonly mozActionListboxTrigger: _angular_core.InputSignal<MozActionListItem[]>;
|
|
1362
|
+
/** Optional title for the listbox */
|
|
1363
|
+
readonly actionListboxTitle: _angular_core.InputSignal<string | undefined>;
|
|
1364
|
+
/** Position relative to the trigger element */
|
|
1365
|
+
readonly actionListboxPosition: _angular_core.InputSignal<ActionListboxPosition>;
|
|
1366
|
+
/** Emits the clicked item */
|
|
1367
|
+
readonly itemClick: _angular_core.OutputEmitterRef<MozActionListItem>;
|
|
1368
|
+
private listboxRef;
|
|
1369
|
+
toggle(): void;
|
|
1370
|
+
open(): void;
|
|
1371
|
+
close(): void;
|
|
1372
|
+
ngOnDestroy(): void;
|
|
1373
|
+
private createOverlay;
|
|
1374
|
+
private getPositions;
|
|
1375
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozActionListboxTriggerDirective, never>;
|
|
1376
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozActionListboxTriggerDirective, "[mozActionListboxTrigger]", ["mozActionListboxTrigger"], { "mozActionListboxTrigger": { "alias": "mozActionListboxTrigger"; "required": true; "isSignal": true; }; "actionListboxTitle": { "alias": "actionListboxTitle"; "required": false; "isSignal": true; }; "actionListboxPosition": { "alias": "actionListboxPosition"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
|
|
1377
|
+
}
|
|
1378
|
+
|
|
1379
|
+
declare class ActionListboxRef {
|
|
1380
|
+
private readonly overlayRef;
|
|
1381
|
+
private readonly afterClosed$;
|
|
1382
|
+
private readonly itemClicked$;
|
|
1383
|
+
constructor(overlayRef: OverlayRef);
|
|
1384
|
+
close(): void;
|
|
1385
|
+
selectItem(item: MozActionListItem): void;
|
|
1386
|
+
afterClosed(): Observable<void>;
|
|
1387
|
+
onItemClick(): Observable<MozActionListItem>;
|
|
1340
1388
|
}
|
|
1341
1389
|
|
|
1342
1390
|
declare class MozCarouselComponent implements OnDestroy {
|
|
1343
|
-
ariaLabelledby: _angular_core.InputSignal<string | null>;
|
|
1344
|
-
previousButtonAriaLabel: _angular_core.InputSignal<string>;
|
|
1345
|
-
nextButtonAriaLabel: _angular_core.InputSignal<string>;
|
|
1346
|
-
index: _angular_core.ModelSignal<number>;
|
|
1347
|
-
private contentEl;
|
|
1391
|
+
readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
|
|
1392
|
+
readonly previousButtonAriaLabel: _angular_core.InputSignal<string>;
|
|
1393
|
+
readonly nextButtonAriaLabel: _angular_core.InputSignal<string>;
|
|
1394
|
+
readonly index: _angular_core.ModelSignal<number>;
|
|
1395
|
+
private readonly contentEl;
|
|
1348
1396
|
private metrics;
|
|
1349
1397
|
private raf;
|
|
1350
1398
|
private cleanup;
|
|
1351
1399
|
private eps;
|
|
1352
|
-
canPrev: _angular_core.Signal<boolean>;
|
|
1353
|
-
canNext: _angular_core.Signal<boolean>;
|
|
1400
|
+
readonly canPrev: _angular_core.Signal<boolean>;
|
|
1401
|
+
readonly canNext: _angular_core.Signal<boolean>;
|
|
1354
1402
|
private updateLogicalIndexFromScroll;
|
|
1355
1403
|
constructor();
|
|
1356
1404
|
ngOnDestroy(): void;
|
|
@@ -1361,10 +1409,11 @@ declare class MozCarouselComponent implements OnDestroy {
|
|
|
1361
1409
|
}
|
|
1362
1410
|
|
|
1363
1411
|
type MozStatusMessageStatus = 'info' | 'success' | 'warning' | 'error' | 'neutral' | 'inprogress';
|
|
1412
|
+
|
|
1364
1413
|
declare class MozStatusMessageComponent {
|
|
1365
|
-
status: _angular_core.InputSignal<MozStatusMessageStatus>;
|
|
1366
|
-
description: _angular_core.InputSignal<string | null>;
|
|
1367
|
-
id: _angular_core.InputSignal<string>;
|
|
1414
|
+
readonly status: _angular_core.InputSignal<MozStatusMessageStatus>;
|
|
1415
|
+
readonly description: _angular_core.InputSignal<string | null>;
|
|
1416
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
1368
1417
|
readonly classes: Signal<{
|
|
1369
1418
|
[x: string]: boolean | MozStatusMessageStatus;
|
|
1370
1419
|
'mc-status-message': boolean;
|
|
@@ -1377,19 +1426,20 @@ declare class MozStatusMessageComponent {
|
|
|
1377
1426
|
type MozKpiTrend = 'increasing' | 'decreasing' | 'stable';
|
|
1378
1427
|
type MozKpiStatus = 'info' | 'warning' | 'error' | 'success' | 'neutral';
|
|
1379
1428
|
type MozKpiSize = 's' | 'm' | 'l';
|
|
1429
|
+
|
|
1380
1430
|
declare class MozKpiComponent {
|
|
1381
1431
|
/** The current value of the KPI item. */
|
|
1382
|
-
value: _angular_core.InputSignal<string>;
|
|
1432
|
+
readonly value: _angular_core.InputSignal<string>;
|
|
1383
1433
|
/** Defines the evolution of the KPI. */
|
|
1384
|
-
trend: _angular_core.InputSignal<MozKpiTrend | null>;
|
|
1434
|
+
readonly trend: _angular_core.InputSignal<MozKpiTrend | null>;
|
|
1385
1435
|
/** Label of the KPI item. */
|
|
1386
|
-
label: _angular_core.InputSignal<string | null>;
|
|
1436
|
+
readonly label: _angular_core.InputSignal<string | null>;
|
|
1387
1437
|
/** Allows to define the KPI item status. */
|
|
1388
|
-
status: _angular_core.InputSignal<MozKpiStatus>;
|
|
1438
|
+
readonly status: _angular_core.InputSignal<MozKpiStatus>;
|
|
1389
1439
|
/** The evolution information defining the KPI. */
|
|
1390
|
-
information: _angular_core.InputSignal<string | null>;
|
|
1440
|
+
readonly information: _angular_core.InputSignal<string | null>;
|
|
1391
1441
|
/** Allows to define the KPI item size. */
|
|
1392
|
-
size: _angular_core.InputSignal<MozKpiSize>;
|
|
1442
|
+
readonly size: _angular_core.InputSignal<MozKpiSize>;
|
|
1393
1443
|
readonly isMedium: _angular_core.Signal<boolean>;
|
|
1394
1444
|
readonly isLarge: _angular_core.Signal<boolean>;
|
|
1395
1445
|
readonly rootClasses: _angular_core.Signal<{
|
|
@@ -1423,46 +1473,47 @@ declare class MozStepperCompactComponent {
|
|
|
1423
1473
|
|
|
1424
1474
|
type MozStarRatingSize = 's' | 'm' | 'l';
|
|
1425
1475
|
type MozStarRatingAppearance = 'standard' | 'accent';
|
|
1476
|
+
|
|
1426
1477
|
declare class MozStarRatingComponent {
|
|
1427
1478
|
/**
|
|
1428
1479
|
* The current rating value of the component.
|
|
1429
1480
|
* Used with two-way binding [(value)].
|
|
1430
1481
|
* When the rating changes (via click or keyboard), the model is automatically updated.
|
|
1431
1482
|
*/
|
|
1432
|
-
value: _angular_core.ModelSignal<number>;
|
|
1483
|
+
readonly value: _angular_core.ModelSignal<number>;
|
|
1433
1484
|
/**
|
|
1434
1485
|
* Determines whether the rating is interactive or read-only.
|
|
1435
1486
|
* When true, all user interactions (click, hover, keyboard) are disabled.
|
|
1436
1487
|
* Automatically set to true when `compact`, `href`, or `text` are provided.
|
|
1437
1488
|
*/
|
|
1438
|
-
readonly: _angular_core.InputSignal<boolean>;
|
|
1489
|
+
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
1439
1490
|
/**
|
|
1440
1491
|
* Enables a compact display mode that shows only one star instead of five.
|
|
1441
1492
|
* Typically used for summaries or quick visual cues.
|
|
1442
1493
|
* When enabled, the component automatically becomes read-only.
|
|
1443
1494
|
*/
|
|
1444
|
-
compact: _angular_core.InputSignal<boolean>;
|
|
1495
|
+
readonly compact: _angular_core.InputSignal<boolean>;
|
|
1445
1496
|
/**
|
|
1446
1497
|
* Defines the visual size of the star icons and the accompanying text.
|
|
1447
1498
|
*/
|
|
1448
|
-
size: _angular_core.InputSignal<MozStarRatingSize>;
|
|
1499
|
+
readonly size: _angular_core.InputSignal<MozStarRatingSize>;
|
|
1449
1500
|
/**
|
|
1450
1501
|
* Specifies the color scheme of the stars.
|
|
1451
1502
|
*/
|
|
1452
|
-
appearance: _angular_core.InputSignal<MozStarRatingAppearance>;
|
|
1503
|
+
readonly appearance: _angular_core.InputSignal<MozStarRatingAppearance>;
|
|
1453
1504
|
/**
|
|
1454
1505
|
* Optional text displayed next to the star rating.
|
|
1455
1506
|
* If provided, the component automatically becomes read-only.
|
|
1456
1507
|
*/
|
|
1457
|
-
text: _angular_core.InputSignal<string | null>;
|
|
1508
|
+
readonly text: _angular_core.InputSignal<string | null>;
|
|
1458
1509
|
/**
|
|
1459
1510
|
* URL for the link (for external links).
|
|
1460
1511
|
*/
|
|
1461
|
-
href: _angular_core.InputSignal<string | null>;
|
|
1512
|
+
readonly href: _angular_core.InputSignal<string | null>;
|
|
1462
1513
|
/**
|
|
1463
1514
|
* Where to open the link.
|
|
1464
1515
|
*/
|
|
1465
|
-
target: _angular_core.InputSignal<string | null>;
|
|
1516
|
+
readonly target: _angular_core.InputSignal<string | null>;
|
|
1466
1517
|
readonly maxValue: _angular_core.Signal<1 | 5>;
|
|
1467
1518
|
readonly isReadonly: _angular_core.Signal<boolean>;
|
|
1468
1519
|
readonly hasInfoText: _angular_core.Signal<boolean>;
|
|
@@ -1508,6 +1559,7 @@ type MozBuiltInMenuItem = {
|
|
|
1508
1559
|
routerLink?: string | unknown[];
|
|
1509
1560
|
target?: MozBuiltInMenuItemTarget;
|
|
1510
1561
|
};
|
|
1562
|
+
|
|
1511
1563
|
/**
|
|
1512
1564
|
* A built-in menu is a structured list of navigational or interactive options,
|
|
1513
1565
|
* typically displayed as a vertical stack.
|
|
@@ -1516,20 +1568,20 @@ declare class BuiltInMenuComponent {
|
|
|
1516
1568
|
/**
|
|
1517
1569
|
* Items displayed in the menu.
|
|
1518
1570
|
*/
|
|
1519
|
-
items: _angular_core.InputSignal<MozBuiltInMenuItem[]>;
|
|
1571
|
+
readonly items: _angular_core.InputSignal<MozBuiltInMenuItem[]>;
|
|
1520
1572
|
/**
|
|
1521
1573
|
* Index of the currently selected menu item.
|
|
1522
1574
|
* Used with two-way binding: [(selectedIndex)].
|
|
1523
1575
|
*/
|
|
1524
|
-
selectedIndex: _angular_core.ModelSignal<number | null>;
|
|
1576
|
+
readonly selectedIndex: _angular_core.ModelSignal<number | null>;
|
|
1525
1577
|
/**
|
|
1526
1578
|
* When enabled, adds a visible border around the wrapper.
|
|
1527
1579
|
*/
|
|
1528
|
-
outlined: _angular_core.InputSignal<boolean>;
|
|
1580
|
+
readonly outlined: _angular_core.InputSignal<boolean>;
|
|
1529
1581
|
/**
|
|
1530
1582
|
* Accessible label for the navigation.
|
|
1531
1583
|
*/
|
|
1532
|
-
ariaLabel: _angular_core.InputSignal<string>;
|
|
1584
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
1533
1585
|
readonly hostClasses: _angular_core.Signal<string>;
|
|
1534
1586
|
isSelected(index: number): boolean;
|
|
1535
1587
|
onItemClick(index: number, event: Event): void;
|
|
@@ -1544,19 +1596,20 @@ declare class BuiltInMenuComponent {
|
|
|
1544
1596
|
type MozCheckListMenuItem = Omit<MozBuiltInMenuItem, 'icon'> & {
|
|
1545
1597
|
checked: boolean;
|
|
1546
1598
|
};
|
|
1599
|
+
|
|
1547
1600
|
declare class MozCheckListMenuComponent {
|
|
1548
1601
|
/**
|
|
1549
1602
|
* Defines the menu items, each of which sets a checked state and can act as a button or link.
|
|
1550
1603
|
*/
|
|
1551
|
-
items: _angular_core.InputSignal<MozCheckListMenuItem[]>;
|
|
1604
|
+
readonly items: _angular_core.InputSignal<MozCheckListMenuItem[]>;
|
|
1552
1605
|
/**
|
|
1553
1606
|
* When enabled, adds a visible border around the wrapper.
|
|
1554
1607
|
*/
|
|
1555
|
-
outlined: _angular_core.InputSignal<boolean>;
|
|
1608
|
+
readonly outlined: _angular_core.InputSignal<boolean>;
|
|
1556
1609
|
/**
|
|
1557
1610
|
* Currently selected item index (two-way bindable with [(selectedIndex)]).
|
|
1558
1611
|
*/
|
|
1559
|
-
selectedIndex: _angular_core.ModelSignal<number | null>;
|
|
1612
|
+
readonly selectedIndex: _angular_core.ModelSignal<number | null>;
|
|
1560
1613
|
/**
|
|
1561
1614
|
* Internal mapping to BuiltInMenuItem with an icon for checked items.
|
|
1562
1615
|
*/
|
|
@@ -1580,15 +1633,16 @@ interface MozStepperInlineStep {
|
|
|
1580
1633
|
*/
|
|
1581
1634
|
additionalInfo?: string;
|
|
1582
1635
|
}
|
|
1636
|
+
|
|
1583
1637
|
declare class MozStepperInlineComponent {
|
|
1584
1638
|
/**
|
|
1585
1639
|
* Current step of the stepper inline (1-based index).
|
|
1586
1640
|
*/
|
|
1587
|
-
currentStep: _angular_core.InputSignal<number>;
|
|
1641
|
+
readonly currentStep: _angular_core.InputSignal<number>;
|
|
1588
1642
|
/**
|
|
1589
1643
|
* Steps of the stepper inline.
|
|
1590
1644
|
*/
|
|
1591
|
-
steps: _angular_core.InputSignal<MozStepperInlineStep[]>;
|
|
1645
|
+
readonly steps: _angular_core.InputSignal<MozStepperInlineStep[]>;
|
|
1592
1646
|
/**
|
|
1593
1647
|
* Clamped current step between 1 and steps.length.
|
|
1594
1648
|
*/
|
|
@@ -1619,15 +1673,16 @@ interface MozStepperStackedStep {
|
|
|
1619
1673
|
*/
|
|
1620
1674
|
additionalInfo?: string;
|
|
1621
1675
|
}
|
|
1676
|
+
|
|
1622
1677
|
declare class MozStepperStackedComponent {
|
|
1623
1678
|
/**
|
|
1624
1679
|
* Current step of the stepper stacked (1-based index).
|
|
1625
1680
|
*/
|
|
1626
|
-
currentStep: _angular_core.InputSignal<number>;
|
|
1681
|
+
readonly currentStep: _angular_core.InputSignal<number>;
|
|
1627
1682
|
/**
|
|
1628
1683
|
* Steps of the stepper stacked.
|
|
1629
1684
|
*/
|
|
1630
|
-
steps: _angular_core.InputSignal<MozStepperStackedStep[]>;
|
|
1685
|
+
readonly steps: _angular_core.InputSignal<MozStepperStackedStep[]>;
|
|
1631
1686
|
/**
|
|
1632
1687
|
* Clamped current step between 1 and steps.length.
|
|
1633
1688
|
*/
|
|
@@ -1729,21 +1784,22 @@ interface MozPageHeaderScope {
|
|
|
1729
1784
|
attributes?: Record<string, string | boolean | number>;
|
|
1730
1785
|
disabled?: boolean;
|
|
1731
1786
|
}
|
|
1787
|
+
|
|
1732
1788
|
declare class MozPageHeaderComponent {
|
|
1733
|
-
title: _angular_core.InputSignal<string>;
|
|
1734
|
-
shadow: _angular_core.InputSignal<boolean>;
|
|
1735
|
-
backButton: _angular_core.InputSignal<boolean>;
|
|
1736
|
-
searchButton: _angular_core.InputSignal<boolean>;
|
|
1737
|
-
helpButton: _angular_core.InputSignal<boolean>;
|
|
1738
|
-
notificationButton: _angular_core.InputSignal<boolean>;
|
|
1739
|
-
status: _angular_core.InputSignal<MozStatusBadgeStatus | undefined>;
|
|
1740
|
-
statusLabel: _angular_core.InputSignal<string | undefined>;
|
|
1741
|
-
extraInfo: _angular_core.InputSignal<string | undefined>;
|
|
1742
|
-
scope: _angular_core.InputSignal<string | MozPageHeaderScope[] | undefined>;
|
|
1743
|
-
scopeValue: _angular_core.InputSignal<string | number | boolean | undefined>;
|
|
1744
|
-
scopePlaceholder: _angular_core.InputSignal<string | undefined>;
|
|
1745
|
-
tabs: _angular_core.InputSignal<MozTabItem[] | undefined>;
|
|
1746
|
-
activeTab: _angular_core.ModelSignal<number>;
|
|
1789
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
1790
|
+
readonly shadow: _angular_core.InputSignal<boolean>;
|
|
1791
|
+
readonly backButton: _angular_core.InputSignal<boolean>;
|
|
1792
|
+
readonly searchButton: _angular_core.InputSignal<boolean>;
|
|
1793
|
+
readonly helpButton: _angular_core.InputSignal<boolean>;
|
|
1794
|
+
readonly notificationButton: _angular_core.InputSignal<boolean>;
|
|
1795
|
+
readonly status: _angular_core.InputSignal<MozStatusBadgeStatus | undefined>;
|
|
1796
|
+
readonly statusLabel: _angular_core.InputSignal<string | undefined>;
|
|
1797
|
+
readonly extraInfo: _angular_core.InputSignal<string | undefined>;
|
|
1798
|
+
readonly scope: _angular_core.InputSignal<string | MozPageHeaderScope[] | undefined>;
|
|
1799
|
+
readonly scopeValue: _angular_core.InputSignal<string | number | boolean | undefined>;
|
|
1800
|
+
readonly scopePlaceholder: _angular_core.InputSignal<string | undefined>;
|
|
1801
|
+
readonly tabs: _angular_core.InputSignal<MozTabItem[] | undefined>;
|
|
1802
|
+
readonly activeTab: _angular_core.ModelSignal<number>;
|
|
1747
1803
|
readonly back: _angular_core.OutputEmitterRef<void>;
|
|
1748
1804
|
readonly search: _angular_core.OutputEmitterRef<void>;
|
|
1749
1805
|
readonly help: _angular_core.OutputEmitterRef<void>;
|
|
@@ -1779,10 +1835,11 @@ declare class MozPageHeaderComponent {
|
|
|
1779
1835
|
}
|
|
1780
1836
|
|
|
1781
1837
|
type MozTileAppearance = 'primary' | 'secondary' | 'inverse';
|
|
1838
|
+
|
|
1782
1839
|
declare class MozTileComponent {
|
|
1783
|
-
appearance: _angular_core.InputSignal<MozTileAppearance>;
|
|
1784
|
-
isBordered: _angular_core.InputSignal<boolean>;
|
|
1785
|
-
extraAction: _angular_core.InputSignal<boolean>;
|
|
1840
|
+
readonly appearance: _angular_core.InputSignal<MozTileAppearance>;
|
|
1841
|
+
readonly isBordered: _angular_core.InputSignal<boolean>;
|
|
1842
|
+
readonly extraAction: _angular_core.InputSignal<boolean>;
|
|
1786
1843
|
readonly classes: _angular_core.Signal<{
|
|
1787
1844
|
[x: string]: boolean;
|
|
1788
1845
|
'mc-tile': boolean;
|
|
@@ -1796,47 +1853,119 @@ type MozTileSelectableType = 'checkbox' | 'radio';
|
|
|
1796
1853
|
type MozTileInputVerticalPosition = 'top' | 'center';
|
|
1797
1854
|
type MozTileInputPosition = 'left' | 'right';
|
|
1798
1855
|
type MozTileSelectableAppearance = 'primary';
|
|
1856
|
+
|
|
1799
1857
|
declare class MozTileSelectableComponent implements ControlValueAccessor {
|
|
1800
|
-
appearance: _angular_core.InputSignal<"primary">;
|
|
1801
|
-
bordered: _angular_core.InputSignal<boolean>;
|
|
1802
|
-
name: _angular_core.InputSignal<string>;
|
|
1803
|
-
value: _angular_core.InputSignal<string>;
|
|
1804
|
-
checked: _angular_core.InputSignal<boolean>;
|
|
1805
|
-
disabled: _angular_core.InputSignal<boolean>;
|
|
1806
|
-
inputVerticalPosition: _angular_core.InputSignal<MozTileInputVerticalPosition>;
|
|
1807
|
-
inputPosition: _angular_core.InputSignal<MozTileInputPosition>;
|
|
1808
|
-
inputType: _angular_core.InputSignal<MozTileSelectableType>;
|
|
1809
|
-
private innerValue;
|
|
1858
|
+
readonly appearance: _angular_core.InputSignal<"primary">;
|
|
1859
|
+
readonly bordered: _angular_core.InputSignal<boolean>;
|
|
1860
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
1861
|
+
readonly value: _angular_core.InputSignal<string>;
|
|
1862
|
+
readonly checked: _angular_core.InputSignal<boolean>;
|
|
1863
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
1864
|
+
readonly inputVerticalPosition: _angular_core.InputSignal<MozTileInputVerticalPosition>;
|
|
1865
|
+
readonly inputPosition: _angular_core.InputSignal<MozTileInputPosition>;
|
|
1866
|
+
readonly inputType: _angular_core.InputSignal<MozTileSelectableType>;
|
|
1867
|
+
private readonly innerValue;
|
|
1868
|
+
private readonly isControlledByForm;
|
|
1810
1869
|
private onTouchedCallback;
|
|
1811
1870
|
private onChangeCallback;
|
|
1812
|
-
|
|
1813
|
-
protected isCheckbox: _angular_core.Signal<boolean>;
|
|
1814
|
-
protected isRadio: _angular_core.Signal<boolean>;
|
|
1871
|
+
constructor();
|
|
1872
|
+
protected readonly isCheckbox: _angular_core.Signal<boolean>;
|
|
1873
|
+
protected readonly isRadio: _angular_core.Signal<boolean>;
|
|
1874
|
+
protected readonly isChecked: _angular_core.Signal<boolean>;
|
|
1875
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
1815
1876
|
writeValue(value: boolean | string): void;
|
|
1816
1877
|
registerOnChange(fn: (value: boolean | string) => void): void;
|
|
1817
1878
|
registerOnTouched(fn: () => void): void;
|
|
1818
1879
|
onTileChange(event: Event): void;
|
|
1819
|
-
get isChecked(): boolean;
|
|
1820
1880
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTileSelectableComponent, never>;
|
|
1821
1881
|
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>;
|
|
1822
1882
|
}
|
|
1823
1883
|
|
|
1824
1884
|
type MozTileExpandableTrigger = 'container' | 'button' | 'icon';
|
|
1885
|
+
|
|
1825
1886
|
declare class MozTileExpandableComponent {
|
|
1826
|
-
triggerMode: _angular_core.InputSignal<MozTileExpandableTrigger>;
|
|
1827
|
-
id: _angular_core.InputSignal<number>;
|
|
1828
|
-
expanded: _angular_core.WritableSignal<boolean>;
|
|
1829
|
-
contentId: string;
|
|
1830
|
-
isContainerTrigger: _angular_core.Signal<boolean>;
|
|
1831
|
-
isIconTrigger: _angular_core.Signal<boolean>;
|
|
1832
|
-
isButtonTrigger: _angular_core.Signal<boolean>;
|
|
1833
|
-
toggle()
|
|
1834
|
-
hostClass: _angular_core.Signal<string>;
|
|
1887
|
+
readonly triggerMode: _angular_core.InputSignal<MozTileExpandableTrigger>;
|
|
1888
|
+
readonly id: _angular_core.InputSignal<number>;
|
|
1889
|
+
readonly expanded: _angular_core.WritableSignal<boolean>;
|
|
1890
|
+
readonly contentId: string;
|
|
1891
|
+
readonly isContainerTrigger: _angular_core.Signal<boolean>;
|
|
1892
|
+
readonly isIconTrigger: _angular_core.Signal<boolean>;
|
|
1893
|
+
readonly isButtonTrigger: _angular_core.Signal<boolean>;
|
|
1894
|
+
readonly toggle: () => void;
|
|
1895
|
+
readonly hostClass: _angular_core.Signal<string>;
|
|
1835
1896
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTileExpandableComponent, never>;
|
|
1836
1897
|
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>;
|
|
1837
1898
|
}
|
|
1838
1899
|
|
|
1839
1900
|
type MozDrawerPosition = 'left' | 'right';
|
|
1901
|
+
|
|
1902
|
+
interface DrawerConfig<D = unknown> {
|
|
1903
|
+
title: string;
|
|
1904
|
+
contentTitle?: string;
|
|
1905
|
+
position?: MozDrawerPosition;
|
|
1906
|
+
extended?: boolean;
|
|
1907
|
+
back?: boolean;
|
|
1908
|
+
data?: D;
|
|
1909
|
+
}
|
|
1910
|
+
declare const DRAWER_CONFIG: InjectionToken<DrawerConfig<unknown>>;
|
|
1911
|
+
declare const DRAWER_DATA: InjectionToken<unknown>;
|
|
1912
|
+
|
|
1913
|
+
declare class DrawerRef<R = unknown> {
|
|
1914
|
+
private readonly overlayRef;
|
|
1915
|
+
private readonly afterClosed$;
|
|
1916
|
+
private readonly afterOpened$;
|
|
1917
|
+
private readonly backClicked$;
|
|
1918
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
1919
|
+
private animationDuration;
|
|
1920
|
+
constructor(overlayRef: OverlayRef);
|
|
1921
|
+
open(): void;
|
|
1922
|
+
close(result?: R): void;
|
|
1923
|
+
backClick(): void;
|
|
1924
|
+
afterClosed(): Observable<R | undefined>;
|
|
1925
|
+
afterOpened(): Observable<void>;
|
|
1926
|
+
onBackClick(): Observable<void>;
|
|
1927
|
+
}
|
|
1928
|
+
|
|
1929
|
+
declare class DrawerService {
|
|
1930
|
+
private readonly overlay;
|
|
1931
|
+
private readonly injector;
|
|
1932
|
+
open<C, D = unknown, R = unknown>(component: Type<C>, config: DrawerConfig<D>): DrawerRef<R>;
|
|
1933
|
+
private createOverlay;
|
|
1934
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerService, never>;
|
|
1935
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<DrawerService>;
|
|
1936
|
+
}
|
|
1937
|
+
|
|
1938
|
+
declare class MozDrawerFooterDirective {
|
|
1939
|
+
private readonly tpl;
|
|
1940
|
+
private readonly container;
|
|
1941
|
+
constructor();
|
|
1942
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDrawerFooterDirective, never>;
|
|
1943
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozDrawerFooterDirective, "[mozDrawerFooter]", never, {}, {}, never, never, true, never>;
|
|
1944
|
+
}
|
|
1945
|
+
|
|
1946
|
+
declare class DrawerContainerComponent {
|
|
1947
|
+
readonly drawerRef: DrawerRef<any>;
|
|
1948
|
+
readonly config: DrawerConfig<unknown>;
|
|
1949
|
+
readonly portalOutlet: _angular_core.Signal<CdkPortalOutlet | undefined>;
|
|
1950
|
+
footerTpl: TemplateRef<void> | null;
|
|
1951
|
+
private componentRef;
|
|
1952
|
+
readonly classes: _angular_core.Signal<{
|
|
1953
|
+
[x: string]: boolean;
|
|
1954
|
+
'mc-drawer': boolean;
|
|
1955
|
+
'is-open': boolean;
|
|
1956
|
+
'mc-drawer--extend': boolean;
|
|
1957
|
+
}>;
|
|
1958
|
+
readonly ariaModal: _angular_core.Signal<"true" | "false">;
|
|
1959
|
+
attachComponent<C>(component: Type<C>): ComponentRef<C>;
|
|
1960
|
+
registerFooter(tpl: TemplateRef<void>): void;
|
|
1961
|
+
noop(): void;
|
|
1962
|
+
onBackClick(): void;
|
|
1963
|
+
onBackdropClick(event: MouseEvent): void;
|
|
1964
|
+
onEscape(): void;
|
|
1965
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerContainerComponent, never>;
|
|
1966
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerContainerComponent, "moz-drawer-container", never, {}, {}, never, never, true, never>;
|
|
1967
|
+
}
|
|
1968
|
+
|
|
1840
1969
|
declare class MozDrawerComponent {
|
|
1841
1970
|
readonly open: _angular_core.InputSignal<boolean>;
|
|
1842
1971
|
readonly position: _angular_core.InputSignal<MozDrawerPosition>;
|
|
@@ -1846,10 +1975,11 @@ declare class MozDrawerComponent {
|
|
|
1846
1975
|
readonly contentTitle: _angular_core.InputSignal<string | undefined>;
|
|
1847
1976
|
readonly updateOpen: _angular_core.OutputEmitterRef<boolean>;
|
|
1848
1977
|
readonly backEvent: _angular_core.OutputEmitterRef<void>;
|
|
1849
|
-
footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
1978
|
+
readonly footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
1850
1979
|
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
1851
|
-
readonly
|
|
1980
|
+
readonly classes: _angular_core.Signal<{
|
|
1852
1981
|
[x: string]: boolean;
|
|
1982
|
+
'mc-drawer': boolean;
|
|
1853
1983
|
'is-open': boolean;
|
|
1854
1984
|
'mc-drawer--extend': boolean;
|
|
1855
1985
|
}>;
|
|
@@ -1864,5 +1994,153 @@ declare class MozDrawerComponent {
|
|
|
1864
1994
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDrawerComponent, "moz-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "extended": { "alias": "extended"; "required": false; "isSignal": true; }; "back": { "alias": "back"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "contentTitle": { "alias": "contentTitle"; "required": false; "isSignal": true; }; }, { "updateOpen": "updateOpen"; "backEvent": "backEvent"; }, ["footerTpl"], ["*"], true, never>;
|
|
1865
1995
|
}
|
|
1866
1996
|
|
|
1867
|
-
|
|
1868
|
-
|
|
1997
|
+
type MozPopoverAppearance = 'default' | 'inverse';
|
|
1998
|
+
type MozPopoverPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
1999
|
+
type MozPopoverSize = 's' | 'm';
|
|
2000
|
+
interface PopoverConfig<D = unknown> {
|
|
2001
|
+
title?: string;
|
|
2002
|
+
description?: string;
|
|
2003
|
+
appearance?: MozPopoverAppearance;
|
|
2004
|
+
position?: MozPopoverPosition;
|
|
2005
|
+
size?: MozPopoverSize;
|
|
2006
|
+
pointer?: boolean;
|
|
2007
|
+
closable?: boolean;
|
|
2008
|
+
buttonLabel?: string;
|
|
2009
|
+
data?: D;
|
|
2010
|
+
}
|
|
2011
|
+
declare const POPOVER_CONFIG: InjectionToken<PopoverConfig<unknown>>;
|
|
2012
|
+
declare const POPOVER_DATA: InjectionToken<unknown>;
|
|
2013
|
+
|
|
2014
|
+
declare class MozPopoverComponent {
|
|
2015
|
+
readonly appearance: _angular_core.InputSignal<MozPopoverAppearance>;
|
|
2016
|
+
readonly position: _angular_core.InputSignal<MozPopoverPosition>;
|
|
2017
|
+
readonly size: _angular_core.InputSignal<MozPopoverSize>;
|
|
2018
|
+
readonly pointer: _angular_core.InputSignal<boolean>;
|
|
2019
|
+
readonly closable: _angular_core.InputSignal<boolean>;
|
|
2020
|
+
readonly title: _angular_core.InputSignal<string | undefined>;
|
|
2021
|
+
readonly description: _angular_core.InputSignal<string | undefined>;
|
|
2022
|
+
readonly buttonLabel: _angular_core.InputSignal<string | undefined>;
|
|
2023
|
+
readonly open: _angular_core.InputSignal<boolean>;
|
|
2024
|
+
readonly closeClick: _angular_core.OutputEmitterRef<void>;
|
|
2025
|
+
footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
2026
|
+
readonly classMap: _angular_core.Signal<{
|
|
2027
|
+
[x: string]: boolean;
|
|
2028
|
+
'mc-popover': boolean;
|
|
2029
|
+
'mc-popover--inverse': boolean;
|
|
2030
|
+
'mc-popover--no-pointer': boolean;
|
|
2031
|
+
}>;
|
|
2032
|
+
readonly closeButtonClass: _angular_core.Signal<{
|
|
2033
|
+
'mc-popover__close': boolean;
|
|
2034
|
+
'mc-button': boolean;
|
|
2035
|
+
'mc-button--icon-button': boolean;
|
|
2036
|
+
'mc-button--s': boolean;
|
|
2037
|
+
'mc-button--ghost': boolean;
|
|
2038
|
+
'mc-button--inverse': boolean;
|
|
2039
|
+
}>;
|
|
2040
|
+
onClose(): void;
|
|
2041
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozPopoverComponent, never>;
|
|
2042
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozPopoverComponent, "moz-popover", ["mozPopover"], { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "closeClick": "closeClick"; }, ["footerTpl"], ["*"], true, never>;
|
|
2043
|
+
}
|
|
2044
|
+
|
|
2045
|
+
declare class PopoverRef<R = unknown> {
|
|
2046
|
+
private readonly overlayRef;
|
|
2047
|
+
private readonly afterClosed$;
|
|
2048
|
+
constructor(overlayRef: OverlayRef);
|
|
2049
|
+
close(result?: R): void;
|
|
2050
|
+
afterClosed(): Observable<R | undefined>;
|
|
2051
|
+
}
|
|
2052
|
+
|
|
2053
|
+
declare class MozPopoverTriggerDirective implements OnDestroy {
|
|
2054
|
+
private readonly overlay;
|
|
2055
|
+
private readonly elementRef;
|
|
2056
|
+
private readonly injector;
|
|
2057
|
+
/** The component to inject inside the popover, or null for config-only popover */
|
|
2058
|
+
readonly mozPopoverTrigger: _angular_core.InputSignal<Type<unknown> | null>;
|
|
2059
|
+
/** Popover config */
|
|
2060
|
+
readonly popoverTitle: _angular_core.InputSignal<string | undefined>;
|
|
2061
|
+
readonly popoverDescription: _angular_core.InputSignal<string | undefined>;
|
|
2062
|
+
readonly popoverAppearance: _angular_core.InputSignal<_mozaic_ds_angular.MozPopoverAppearance | undefined>;
|
|
2063
|
+
readonly popoverPosition: _angular_core.InputSignal<MozPopoverPosition>;
|
|
2064
|
+
readonly popoverSize: _angular_core.InputSignal<_mozaic_ds_angular.MozPopoverSize | undefined>;
|
|
2065
|
+
readonly popoverPointer: _angular_core.InputSignal<boolean>;
|
|
2066
|
+
readonly popoverClosable: _angular_core.InputSignal<boolean>;
|
|
2067
|
+
readonly popoverButtonLabel: _angular_core.InputSignal<string | undefined>;
|
|
2068
|
+
readonly popoverData: _angular_core.InputSignal<unknown>;
|
|
2069
|
+
/** Emits when popover closes */
|
|
2070
|
+
readonly popoverClosed: _angular_core.OutputEmitterRef<unknown>;
|
|
2071
|
+
private popoverRef;
|
|
2072
|
+
toggle(): void;
|
|
2073
|
+
open(): void;
|
|
2074
|
+
close(): void;
|
|
2075
|
+
ngOnDestroy(): void;
|
|
2076
|
+
private createOverlay;
|
|
2077
|
+
private getPositions;
|
|
2078
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozPopoverTriggerDirective, never>;
|
|
2079
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozPopoverTriggerDirective, "[mozPopoverTrigger]", ["mozPopoverTrigger"], { "mozPopoverTrigger": { "alias": "mozPopoverTrigger"; "required": false; "isSignal": true; }; "popoverTitle": { "alias": "popoverTitle"; "required": false; "isSignal": true; }; "popoverDescription": { "alias": "popoverDescription"; "required": false; "isSignal": true; }; "popoverAppearance": { "alias": "popoverAppearance"; "required": false; "isSignal": true; }; "popoverPosition": { "alias": "popoverPosition"; "required": false; "isSignal": true; }; "popoverSize": { "alias": "popoverSize"; "required": false; "isSignal": true; }; "popoverPointer": { "alias": "popoverPointer"; "required": false; "isSignal": true; }; "popoverClosable": { "alias": "popoverClosable"; "required": false; "isSignal": true; }; "popoverButtonLabel": { "alias": "popoverButtonLabel"; "required": false; "isSignal": true; }; "popoverData": { "alias": "popoverData"; "required": false; "isSignal": true; }; }, { "popoverClosed": "popoverClosed"; }, never, never, true, never>;
|
|
2080
|
+
}
|
|
2081
|
+
|
|
2082
|
+
declare class PopoverService {
|
|
2083
|
+
private readonly overlay;
|
|
2084
|
+
private readonly injector;
|
|
2085
|
+
/**
|
|
2086
|
+
* Open a popover attached to an element.
|
|
2087
|
+
*/
|
|
2088
|
+
open<C, D = unknown, R = unknown>(component: Type<C>, origin: ElementRef | HTMLElement, config: PopoverConfig<D>): PopoverRef<R>;
|
|
2089
|
+
private createOverlay;
|
|
2090
|
+
private getPositions;
|
|
2091
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverService, never>;
|
|
2092
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<PopoverService>;
|
|
2093
|
+
}
|
|
2094
|
+
|
|
2095
|
+
declare class PopoverContainerComponent {
|
|
2096
|
+
readonly popoverRef: PopoverRef<any>;
|
|
2097
|
+
readonly config: PopoverConfig<unknown>;
|
|
2098
|
+
private readonly cdr;
|
|
2099
|
+
readonly portalOutlet: _angular_core.Signal<CdkPortalOutlet | undefined>;
|
|
2100
|
+
readonly footerTpl: _angular_core.WritableSignal<TemplateRef<void> | null>;
|
|
2101
|
+
registerFooter(tpl: TemplateRef<void>): void;
|
|
2102
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverContainerComponent, never>;
|
|
2103
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverContainerComponent, "moz-popover-container", never, {}, {}, never, never, true, never>;
|
|
2104
|
+
}
|
|
2105
|
+
|
|
2106
|
+
declare class MozPopoverFooterDirective {
|
|
2107
|
+
private readonly tpl;
|
|
2108
|
+
private readonly container;
|
|
2109
|
+
constructor();
|
|
2110
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozPopoverFooterDirective, never>;
|
|
2111
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozPopoverFooterDirective, "[mozPopoverFooter]", never, {}, {}, never, never, true, never>;
|
|
2112
|
+
}
|
|
2113
|
+
|
|
2114
|
+
type MozNavigationIndicatorAction = 'pause' | 'resume';
|
|
2115
|
+
|
|
2116
|
+
declare class MozNavigationIndicatorComponent {
|
|
2117
|
+
/** Total number of steps */
|
|
2118
|
+
readonly steps: _angular_core.InputSignal<number>;
|
|
2119
|
+
/** Currently active step index (0-based) */
|
|
2120
|
+
readonly active: _angular_core.ModelSignal<number>;
|
|
2121
|
+
/** Action button type: 'pause' or 'resume' */
|
|
2122
|
+
readonly action: _angular_core.InputSignal<MozNavigationIndicatorAction>;
|
|
2123
|
+
/** Use light (icon-only) variant for the action button */
|
|
2124
|
+
readonly light: _angular_core.InputSignal<boolean>;
|
|
2125
|
+
/** Hide the action button entirely */
|
|
2126
|
+
readonly hideAction: _angular_core.InputSignal<boolean>;
|
|
2127
|
+
/** Label for the pause button */
|
|
2128
|
+
readonly pauseLabel: _angular_core.InputSignal<string>;
|
|
2129
|
+
/** Label for the resume button */
|
|
2130
|
+
readonly resumeLabel: _angular_core.InputSignal<string>;
|
|
2131
|
+
/** Emits when a step indicator is clicked */
|
|
2132
|
+
readonly stepClick: _angular_core.OutputEmitterRef<number>;
|
|
2133
|
+
/** Emits when the action button (pause/resume) is clicked */
|
|
2134
|
+
readonly actionClick: _angular_core.OutputEmitterRef<MozNavigationIndicatorAction>;
|
|
2135
|
+
/** Array of step indices for iteration */
|
|
2136
|
+
readonly stepsArray: _angular_core.Signal<number[]>;
|
|
2137
|
+
/** Current action label */
|
|
2138
|
+
readonly actionLabel: _angular_core.Signal<string>;
|
|
2139
|
+
onStepClick(index: number): void;
|
|
2140
|
+
onActionClick(): void;
|
|
2141
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozNavigationIndicatorComponent, never>;
|
|
2142
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozNavigationIndicatorComponent, "moz-navigation-indicator", never, { "steps": { "alias": "steps"; "required": true; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "light": { "alias": "light"; "required": false; "isSignal": true; }; "hideAction": { "alias": "hideAction"; "required": false; "isSignal": true; }; "pauseLabel": { "alias": "pauseLabel"; "required": false; "isSignal": true; }; "resumeLabel": { "alias": "resumeLabel"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "stepClick": "stepClick"; "actionClick": "actionClick"; }, never, never, true, never>;
|
|
2143
|
+
}
|
|
2144
|
+
|
|
2145
|
+
export { ACTION_LISTBOX_CONFIG, ActionListboxContainerComponent, ActionListboxRef, BuiltInMenuComponent, DEFAULT_ACTION_LISTBOX_CONFIG, DEFAULT_MODAL_CONFIG, DRAWER_CONFIG, DRAWER_DATA, DrawerContainerComponent, DrawerRef, DrawerService, MODAL_CONFIG, MODAL_DATA, ModalRef, ModalService, MozAccordionComponent, MozAccordionContentComponent, MozAccordionHeaderComponent, MozAccordionPanelComponent, MozActionBottomBarComponent, MozActionListboxComponent, MozActionListboxTriggerDirective, MozAvatarComponent, MozBreadcrumbComponent, MozButtonComponent, MozCalloutComponent, MozCarouselComponent, MozCheckListMenuComponent, MozCheckboxComponent, MozCheckboxGroupComponent, MozCircularProgressBarComponent, MozDatepickerComponent, MozDividerComponent, MozDrawerComponent, MozDrawerFooterDirective, MozFieldComponent, MozFieldGroupComponent, MozFileUploaderComponent, MozFileUploaderItemComponent, MozFlagComponent, MozIconButtonComponent, MozKpiComponent, MozLinearProgressBarBufferComponent, MozLinearProgressBarPercentageComponent, MozLinkComponent, MozLoaderComponent, MozLoadingOverlayComponent, MozModalComponent, MozModalFooterDirective, MozNavigationIndicatorComponent, MozNumberBadgeComponent, MozOverlayComponent, MozPageHeaderComponent, MozPaginationComponent, MozPasswordInputDirective, MozPhoneNumberComponent, MozPincodeInputComponent, MozPopoverComponent, MozPopoverFooterDirective, MozPopoverTriggerDirective, MozQuantitySelectorComponent, MozRadioComponent, MozRadioGroupComponent, MozSegmentedControlComponent, MozSelectComponent, MozSidebarComponent, MozStarRatingComponent, MozStatusBadgeComponent, MozStatusDotComponent, MozStatusMessageComponent, MozStatusNotificationComponent, MozStepperBottomBarComponent, MozStepperCompactComponent, MozStepperInlineComponent, MozStepperStackedComponent, MozTabComponent, MozTabsComponent, MozTagComponent, MozTextInput, MozTextarea, MozTileComponent, MozTileExpandableComponent, MozTileSelectableComponent, MozToasterComponent, MozToggleComponent, MozTooltipComponent, MozTooltipDirective, POPOVER_CONFIG, POPOVER_DATA, PopoverContainerComponent, PopoverRef, PopoverService };
|
|
2146
|
+
export type { ActionListboxConfig, ActionListboxPosition, DrawerConfig, MozActionListItem, 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, MozLinearProgressBarBufferSize, MozLinkAppearance, MozLinkIconPosition, MozLinkSize, MozLoaderAppearance, MozLoaderSize, MozNavigationIndicatorAction, MozNumberBadgeAppearance, MozNumberBadgeSize, MozPageHeaderScope, MozPhoneNumberCountry, MozPhoneNumberSize, MozPhoneNumberValue, MozPincodeLength, MozPopoverAppearance, MozPopoverPosition, MozPopoverSize, 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, PopoverConfig };
|