@mozaic-ds/angular 2.0.0-beta.35 → 2.0.0-beta.36
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 +1409 -526
- package/fesm2022/mozaic-ds-angular.mjs.map +1 -1
- package/package.json +1 -1
- package/types/mozaic-ds-angular.d.ts +719 -444
|
@@ -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,81 @@ 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
|
-
|
|
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>;
|
|
331
342
|
readonly classMap: _angular_core.Signal<{
|
|
332
|
-
|
|
343
|
+
[x: string]: boolean;
|
|
333
344
|
'is-open': boolean;
|
|
334
345
|
}>;
|
|
335
|
-
|
|
336
|
-
|
|
346
|
+
open(): void;
|
|
347
|
+
close(): void;
|
|
348
|
+
onBackdropClick(): void;
|
|
337
349
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalComponent, never>;
|
|
338
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalComponent, "moz-modal", never, { "
|
|
350
|
+
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
351
|
}
|
|
340
352
|
|
|
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>;
|
|
353
|
+
interface ModalConfig<D = unknown> {
|
|
354
|
+
title: string;
|
|
355
|
+
size?: MozModalSize;
|
|
356
|
+
hasCloseButton?: boolean;
|
|
357
|
+
closeOnBackdrop?: boolean;
|
|
358
|
+
closeOnEscape?: boolean;
|
|
359
|
+
data?: D;
|
|
369
360
|
}
|
|
361
|
+
declare const MODAL_CONFIG: InjectionToken<ModalConfig<unknown>>;
|
|
362
|
+
declare const MODAL_DATA: InjectionToken<unknown>;
|
|
363
|
+
declare const DEFAULT_MODAL_CONFIG: Partial<ModalConfig>;
|
|
370
364
|
|
|
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;
|
|
365
|
+
declare class ModalRef<R = unknown> {
|
|
366
|
+
private readonly overlayRef;
|
|
367
|
+
private readonly afterClosed$;
|
|
368
|
+
private readonly afterOpened$;
|
|
369
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
370
|
+
private animationDuration;
|
|
371
|
+
constructor(overlayRef: OverlayRef);
|
|
372
|
+
open(): void;
|
|
396
373
|
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>;
|
|
374
|
+
afterClosed(): Observable<R | undefined>;
|
|
375
|
+
afterOpened(): Observable<void>;
|
|
415
376
|
}
|
|
416
377
|
|
|
417
|
-
declare class
|
|
418
|
-
|
|
419
|
-
|
|
378
|
+
declare class ModalService {
|
|
379
|
+
private readonly overlay;
|
|
380
|
+
private readonly injector;
|
|
381
|
+
open<C, D = unknown, R = unknown>(component: Type<C>, config: ModalConfig<D>): ModalRef<R>;
|
|
382
|
+
private createOverlay;
|
|
383
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalService, never>;
|
|
384
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<ModalService>;
|
|
420
385
|
}
|
|
421
386
|
|
|
422
|
-
declare class
|
|
423
|
-
|
|
424
|
-
|
|
387
|
+
declare class MozModalFooterDirective {
|
|
388
|
+
private readonly tpl;
|
|
389
|
+
private readonly container;
|
|
390
|
+
constructor();
|
|
391
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalFooterDirective, never>;
|
|
392
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozModalFooterDirective, "[mozModalFooter]", never, {}, {}, never, never, true, never>;
|
|
425
393
|
}
|
|
426
394
|
|
|
427
395
|
type MozNumberBadgeAppearance = 'danger' | 'accent' | 'inverse' | 'standard';
|
|
428
396
|
type MozNumberBadgeSize = 's' | 'm';
|
|
397
|
+
|
|
429
398
|
declare class MozNumberBadgeComponent {
|
|
430
|
-
label: _angular_core.InputSignal<number>;
|
|
431
|
-
appearance: _angular_core.InputSignal<MozNumberBadgeAppearance>;
|
|
432
|
-
size: _angular_core.InputSignal<MozNumberBadgeSize>;
|
|
399
|
+
readonly label: _angular_core.InputSignal<number>;
|
|
400
|
+
readonly appearance: _angular_core.InputSignal<MozNumberBadgeAppearance>;
|
|
401
|
+
readonly size: _angular_core.InputSignal<MozNumberBadgeSize>;
|
|
433
402
|
readonly classes: _angular_core.Signal<{
|
|
434
403
|
[x: string]: boolean | MozNumberBadgeAppearance | MozNumberBadgeSize;
|
|
435
404
|
'mc-number-badge': boolean;
|
|
@@ -444,11 +413,11 @@ declare class MozOverlayComponent {
|
|
|
444
413
|
/**
|
|
445
414
|
* Controls the visibility of the overlay.
|
|
446
415
|
*/
|
|
447
|
-
isVisible: _angular_core.InputSignal<boolean | undefined>;
|
|
416
|
+
readonly isVisible: _angular_core.InputSignal<boolean | undefined>;
|
|
448
417
|
/**
|
|
449
418
|
* Accessible label for the overlay dialog.
|
|
450
419
|
*/
|
|
451
|
-
dialogLabel: _angular_core.InputSignal<string | undefined>;
|
|
420
|
+
readonly dialogLabel: _angular_core.InputSignal<string | undefined>;
|
|
452
421
|
readonly classes: _angular_core.Signal<{
|
|
453
422
|
overlay: boolean;
|
|
454
423
|
'is-visible': boolean | undefined;
|
|
@@ -528,17 +497,19 @@ declare class MozPasswordInputDirective implements ControlValueAccessor, AfterVi
|
|
|
528
497
|
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
498
|
}
|
|
530
499
|
|
|
500
|
+
type MozPincodeLength = 4 | 5 | 6;
|
|
501
|
+
|
|
531
502
|
declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
|
|
532
503
|
private readonly cdr;
|
|
533
504
|
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>[]>;
|
|
505
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
506
|
+
readonly length: _angular_core.InputSignal<MozPincodeLength>;
|
|
507
|
+
readonly name: _angular_core.InputSignal<string | undefined>;
|
|
508
|
+
readonly isInvalid: _angular_core.InputSignal<boolean>;
|
|
509
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
510
|
+
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
511
|
+
readonly otp: WritableSignal<string[]>;
|
|
512
|
+
readonly inputRefs: _angular_core.Signal<readonly ElementRef<HTMLInputElement>[]>;
|
|
542
513
|
private _value;
|
|
543
514
|
onChange: (value: string) => void;
|
|
544
515
|
onTouched: () => void;
|
|
@@ -560,6 +531,7 @@ declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
|
|
|
560
531
|
}
|
|
561
532
|
|
|
562
533
|
type MozQuantitySelectorSize = 's' | 'm';
|
|
534
|
+
|
|
563
535
|
declare class MozQuantitySelectorComponent implements ControlValueAccessor {
|
|
564
536
|
readonly id: _angular_core.InputSignal<string>;
|
|
565
537
|
readonly name: _angular_core.InputSignal<string>;
|
|
@@ -591,12 +563,12 @@ declare class MozQuantitySelectorComponent implements ControlValueAccessor {
|
|
|
591
563
|
}
|
|
592
564
|
|
|
593
565
|
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>;
|
|
566
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
567
|
+
readonly name: _angular_core.InputSignal<string | undefined>;
|
|
568
|
+
readonly label: _angular_core.InputSignal<string | undefined>;
|
|
569
|
+
readonly isInvalid: _angular_core.InputSignal<boolean>;
|
|
570
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
571
|
+
readonly _value: _angular_core.WritableSignal<boolean>;
|
|
600
572
|
onChange: (_: boolean) => void;
|
|
601
573
|
onTouched: () => void;
|
|
602
574
|
handleChange(event: Event): void;
|
|
@@ -612,16 +584,16 @@ declare class MozRadioComponent implements ControlValueAccessor {
|
|
|
612
584
|
}
|
|
613
585
|
|
|
614
586
|
declare class MozRadioGroupComponent implements ControlValueAccessor {
|
|
615
|
-
name: _angular_core.InputSignal<string>;
|
|
616
|
-
options: _angular_core.InputSignal<{
|
|
587
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
588
|
+
readonly options: _angular_core.InputSignal<{
|
|
617
589
|
id: string;
|
|
618
590
|
label: string;
|
|
619
591
|
value: string;
|
|
620
592
|
disabled?: boolean;
|
|
621
593
|
}[]>;
|
|
622
|
-
isInvalid: _angular_core.InputSignal<boolean>;
|
|
623
|
-
inline: _angular_core.InputSignal<boolean>;
|
|
624
|
-
_value: _angular_core.WritableSignal<string | null>;
|
|
594
|
+
readonly isInvalid: _angular_core.InputSignal<boolean>;
|
|
595
|
+
readonly inline: _angular_core.InputSignal<boolean>;
|
|
596
|
+
readonly _value: _angular_core.WritableSignal<string | null>;
|
|
625
597
|
onChange: (value: string) => void;
|
|
626
598
|
onTouched: () => void;
|
|
627
599
|
writeValue(value: string): void;
|
|
@@ -645,16 +617,17 @@ type MozSelectOption = {
|
|
|
645
617
|
disabled?: boolean;
|
|
646
618
|
};
|
|
647
619
|
type MozSelectSize = 's' | 'm';
|
|
620
|
+
|
|
648
621
|
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>;
|
|
622
|
+
readonly id: _angular_core.InputSignal<string | undefined>;
|
|
623
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
624
|
+
readonly options: _angular_core.InputSignal<MozSelectOption[] | undefined>;
|
|
625
|
+
readonly placeholder: _angular_core.InputSignal<string | undefined>;
|
|
626
|
+
readonly isInvalid: _angular_core.InputSignal<boolean>;
|
|
627
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
628
|
+
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
629
|
+
readonly size: _angular_core.InputSignal<MozSelectSize>;
|
|
630
|
+
readonly _value: _angular_core.WritableSignal<MozSelectValue>;
|
|
658
631
|
onChange: (value: MozSelectValue) => void;
|
|
659
632
|
onTouched: () => void;
|
|
660
633
|
writeValue(value: MozSelectValue): void;
|
|
@@ -672,9 +645,10 @@ declare class MozSelectComponent implements ControlValueAccessor {
|
|
|
672
645
|
}
|
|
673
646
|
|
|
674
647
|
type MozStatusBadgeStatus = 'info' | 'success' | 'warning' | 'error' | 'neutral';
|
|
648
|
+
|
|
675
649
|
declare class MozStatusBadgeComponent {
|
|
676
|
-
label: _angular_core.InputSignal<string | undefined>;
|
|
677
|
-
status: _angular_core.InputSignal<MozStatusBadgeStatus>;
|
|
650
|
+
readonly label: _angular_core.InputSignal<string | undefined>;
|
|
651
|
+
readonly status: _angular_core.InputSignal<MozStatusBadgeStatus>;
|
|
678
652
|
readonly classes: _angular_core.Signal<{
|
|
679
653
|
[x: string]: boolean | MozStatusBadgeStatus;
|
|
680
654
|
'mc-status-badge': boolean;
|
|
@@ -685,9 +659,10 @@ declare class MozStatusBadgeComponent {
|
|
|
685
659
|
|
|
686
660
|
type MozStatusDotStatus = 'info' | 'success' | 'warning' | 'error' | 'neutral';
|
|
687
661
|
type MozStatusDotSize = 's' | 'm' | 'l';
|
|
662
|
+
|
|
688
663
|
declare class MozStatusDotComponent {
|
|
689
|
-
status: _angular_core.InputSignal<MozStatusDotStatus>;
|
|
690
|
-
size: _angular_core.InputSignal<MozStatusDotSize>;
|
|
664
|
+
readonly status: _angular_core.InputSignal<MozStatusDotStatus>;
|
|
665
|
+
readonly size: _angular_core.InputSignal<MozStatusDotSize>;
|
|
691
666
|
readonly classes: _angular_core.Signal<{
|
|
692
667
|
[x: string]: boolean | MozStatusDotStatus | MozStatusDotSize;
|
|
693
668
|
'mc-status-dot': boolean;
|
|
@@ -697,14 +672,15 @@ declare class MozStatusDotComponent {
|
|
|
697
672
|
}
|
|
698
673
|
|
|
699
674
|
type MozStatusNotificationStatus = 'info' | 'success' | 'warning' | 'error';
|
|
675
|
+
|
|
700
676
|
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>;
|
|
677
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
678
|
+
readonly title: _angular_core.InputSignal<string | undefined>;
|
|
679
|
+
readonly status: _angular_core.InputSignal<MozStatusNotificationStatus>;
|
|
680
|
+
readonly closable: _angular_core.InputSignal<boolean>;
|
|
681
|
+
readonly closed: _angular_core.OutputEmitterRef<void>;
|
|
682
|
+
readonly descriptionTpl: Signal<TemplateRef<void> | undefined>;
|
|
683
|
+
readonly footerTpl: Signal<TemplateRef<void> | undefined>;
|
|
708
684
|
readonly classes: Signal<{
|
|
709
685
|
[x: string]: boolean | MozStatusNotificationStatus;
|
|
710
686
|
'mc-status-notification': boolean;
|
|
@@ -732,6 +708,7 @@ interface MozTabItem {
|
|
|
732
708
|
disabled?: boolean;
|
|
733
709
|
routerLink?: string;
|
|
734
710
|
}
|
|
711
|
+
|
|
735
712
|
declare class MozTabsComponent implements AfterContentInit {
|
|
736
713
|
tabs: QueryList<MozTabComponent>;
|
|
737
714
|
description: _angular_core.InputSignal<string | undefined>;
|
|
@@ -768,6 +745,7 @@ declare class MozTabsComponent implements AfterContentInit {
|
|
|
768
745
|
|
|
769
746
|
type MozTagType = 'informative' | 'interactive' | 'contextualised' | 'removable' | 'selectable';
|
|
770
747
|
type MozTagSize = 's' | 'm' | 'l';
|
|
748
|
+
|
|
771
749
|
declare class MozTagComponent implements ControlValueAccessor {
|
|
772
750
|
readonly type: _angular_core.InputSignal<MozTagType>;
|
|
773
751
|
readonly size: _angular_core.InputSignal<MozTagSize>;
|
|
@@ -823,10 +801,6 @@ declare class MozTextarea implements ControlValueAccessor, AfterViewInit, OnDest
|
|
|
823
801
|
}
|
|
824
802
|
|
|
825
803
|
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
804
|
declare class MozTextInput implements ControlValueAccessor, AfterViewInit, OnDestroy {
|
|
831
805
|
private elementRef;
|
|
832
806
|
private renderer;
|
|
@@ -836,6 +810,8 @@ declare class MozTextInput implements ControlValueAccessor, AfterViewInit, OnDes
|
|
|
836
810
|
readonly size: _angular_core.InputSignal<MozTextInputSize>;
|
|
837
811
|
readonly clearable: _angular_core.InputSignal<boolean>;
|
|
838
812
|
readonly clearLabel: _angular_core.InputSignal<string>;
|
|
813
|
+
readonly prefix: _angular_core.InputSignal<string>;
|
|
814
|
+
readonly suffix: _angular_core.InputSignal<string>;
|
|
839
815
|
private wrapper;
|
|
840
816
|
private clearButton;
|
|
841
817
|
private iconContainer;
|
|
@@ -849,6 +825,7 @@ declare class MozTextInput implements ControlValueAccessor, AfterViewInit, OnDes
|
|
|
849
825
|
ngAfterViewInit(): void;
|
|
850
826
|
ngOnDestroy(): void;
|
|
851
827
|
private wrapInput;
|
|
828
|
+
private createAddon;
|
|
852
829
|
private findIconElement;
|
|
853
830
|
private createIconContainer;
|
|
854
831
|
private createClearButton;
|
|
@@ -862,15 +839,16 @@ declare class MozTextInput implements ControlValueAccessor, AfterViewInit, OnDes
|
|
|
862
839
|
registerOnTouched(fn: () => void): void;
|
|
863
840
|
setDisabledState(isDisabled: boolean): void;
|
|
864
841
|
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>;
|
|
842
|
+
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
843
|
}
|
|
867
844
|
|
|
868
845
|
type MozToggleSize = 's' | 'm';
|
|
846
|
+
|
|
869
847
|
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>;
|
|
848
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
849
|
+
readonly name: _angular_core.InputSignal<string | undefined>;
|
|
850
|
+
readonly size: _angular_core.InputSignal<MozToggleSize>;
|
|
851
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
874
852
|
readonly classes: _angular_core.Signal<{
|
|
875
853
|
[x: string]: boolean | MozToggleSize;
|
|
876
854
|
toggle: boolean;
|
|
@@ -887,6 +865,7 @@ declare class MozToggleComponent implements ControlValueAccessor {
|
|
|
887
865
|
}
|
|
888
866
|
|
|
889
867
|
type MozFlagType = 'default' | 'accent' | 'danger' | 'inverse';
|
|
868
|
+
|
|
890
869
|
declare class MozFlagComponent {
|
|
891
870
|
readonly type: _angular_core.InputSignal<MozFlagType>;
|
|
892
871
|
readonly classes: _angular_core.Signal<"flag" | "flag flag--accent" | "flag flag--danger" | "flag flag--inverse">;
|
|
@@ -895,6 +874,7 @@ declare class MozFlagComponent {
|
|
|
895
874
|
}
|
|
896
875
|
|
|
897
876
|
type MozDatepickerSize = 'default' | 's';
|
|
877
|
+
|
|
898
878
|
declare class MozDatepickerComponent implements ControlValueAccessor {
|
|
899
879
|
readonly id: _angular_core.InputSignal<string>;
|
|
900
880
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
@@ -904,7 +884,7 @@ declare class MozDatepickerComponent implements ControlValueAccessor {
|
|
|
904
884
|
readonly clearable: _angular_core.InputSignal<boolean>;
|
|
905
885
|
readonly size: _angular_core.InputSignal<MozDatepickerSize>;
|
|
906
886
|
readonly label: _angular_core.InputSignal<string>;
|
|
907
|
-
_value: _angular_core.WritableSignal<string | null>;
|
|
887
|
+
readonly _value: _angular_core.WritableSignal<string | null>;
|
|
908
888
|
readonly classes: _angular_core.Signal<{
|
|
909
889
|
'mc-datepicker': boolean;
|
|
910
890
|
'mc-text-input': boolean;
|
|
@@ -925,6 +905,7 @@ declare class MozDatepickerComponent implements ControlValueAccessor {
|
|
|
925
905
|
}
|
|
926
906
|
|
|
927
907
|
type MozTooltipPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
908
|
+
|
|
928
909
|
declare class MozTooltipComponent {
|
|
929
910
|
readonly id: _angular_core.InputSignal<string>;
|
|
930
911
|
readonly position: _angular_core.InputSignal<MozTooltipPosition>;
|
|
@@ -958,53 +939,57 @@ declare class MozTooltipDirective implements OnDestroy {
|
|
|
958
939
|
}
|
|
959
940
|
|
|
960
941
|
type MozCircularProgessBarSize = 's' | 'm' | 'l';
|
|
942
|
+
|
|
961
943
|
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:
|
|
944
|
+
readonly valuePercent: _angular_core.InputSignal<number>;
|
|
945
|
+
readonly size: _angular_core.InputSignal<MozCircularProgessBarSize>;
|
|
946
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
947
|
+
readonly numberLabel: _angular_core.InputSignal<string | null>;
|
|
948
|
+
readonly textLabel: _angular_core.InputSignal<string | null>;
|
|
949
|
+
readonly showPercentage: _angular_core.InputSignal<boolean>;
|
|
950
|
+
readonly classes: _angular_core.Signal<string>;
|
|
951
|
+
readonly hasNumberOrText: _angular_core.Signal<boolean>;
|
|
970
952
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCircularProgressBarComponent, never>;
|
|
971
953
|
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
954
|
}
|
|
973
955
|
|
|
974
956
|
type MozLinearProgressBarBufferSize = 's' | 'm' | 'l';
|
|
957
|
+
|
|
975
958
|
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>;
|
|
959
|
+
readonly valuePercent: _angular_core.InputSignal<number>;
|
|
960
|
+
readonly size: _angular_core.InputSignal<MozLinearProgressBarBufferSize>;
|
|
961
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
962
|
+
readonly classes: _angular_core.Signal<string>;
|
|
980
963
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLinearProgressBarBufferComponent, never>;
|
|
981
964
|
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
965
|
}
|
|
983
966
|
|
|
984
967
|
declare class MozLinearProgressBarPercentageComponent {
|
|
985
|
-
valuePercent: _angular_core.InputSignal<number>;
|
|
986
|
-
ariaLabel: _angular_core.InputSignal<string>;
|
|
987
|
-
showLabel: _angular_core.InputSignal<boolean>;
|
|
968
|
+
readonly valuePercent: _angular_core.InputSignal<number>;
|
|
969
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
970
|
+
readonly showLabel: _angular_core.InputSignal<boolean>;
|
|
988
971
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLinearProgressBarPercentageComponent, never>;
|
|
989
972
|
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
973
|
}
|
|
991
974
|
|
|
992
975
|
type MozCalloutVariant = 'default' | 'inverse' | 'tips' | 'accent';
|
|
976
|
+
|
|
993
977
|
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>;
|
|
978
|
+
readonly title: _angular_core.InputSignal<string | null>;
|
|
979
|
+
readonly message: _angular_core.InputSignal<string | null>;
|
|
980
|
+
readonly role: _angular_core.InputSignal<string>;
|
|
981
|
+
readonly variant: _angular_core.InputSignal<MozCalloutVariant>;
|
|
982
|
+
readonly footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
983
|
+
readonly classes: _angular_core.Signal<string>;
|
|
1000
984
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCalloutComponent, never>;
|
|
1001
985
|
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
986
|
}
|
|
1003
987
|
|
|
1004
988
|
type MozAvatarSize = 's' | 'm' | 'l';
|
|
989
|
+
|
|
1005
990
|
declare class MozAvatarComponent {
|
|
1006
|
-
size: _angular_core.InputSignal<MozAvatarSize>;
|
|
1007
|
-
classes: _angular_core.Signal<string>;
|
|
991
|
+
readonly size: _angular_core.InputSignal<MozAvatarSize>;
|
|
992
|
+
readonly classes: _angular_core.Signal<string>;
|
|
1008
993
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozAvatarComponent, never>;
|
|
1009
994
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozAvatarComponent, "moz-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1010
995
|
}
|
|
@@ -1018,41 +1003,43 @@ type MozPhoneNumberValue = {
|
|
|
1018
1003
|
country: string;
|
|
1019
1004
|
number: string;
|
|
1020
1005
|
};
|
|
1006
|
+
type MozPhoneNumberSize = 's' | 'm';
|
|
1007
|
+
|
|
1021
1008
|
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>;
|
|
1009
|
+
readonly label: _angular_core.InputSignal<string>;
|
|
1010
|
+
readonly requirementText: _angular_core.InputSignal<string | null>;
|
|
1011
|
+
readonly showRequirement: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1012
|
+
readonly helpText: _angular_core.InputSignal<string | null>;
|
|
1013
|
+
readonly size: _angular_core.InputSignal<MozPhoneNumberSize>;
|
|
1014
|
+
readonly placeholder: _angular_core.InputSignal<string | null>;
|
|
1015
|
+
readonly defaultCountry: _angular_core.InputSignal<string>;
|
|
1016
|
+
readonly locale: _angular_core.InputSignal<string>;
|
|
1017
|
+
readonly countryCodes: _angular_core.InputSignal<string[] | null>;
|
|
1018
|
+
readonly countries: _angular_core.InputSignal<MozPhoneNumberCountry[]>;
|
|
1019
|
+
readonly showCountrySelect: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1020
|
+
readonly showCountryCode: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1021
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1022
|
+
readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1023
|
+
readonly invalid: _angular_core.InputSignal<boolean | null>;
|
|
1024
|
+
readonly errorMessage: _angular_core.InputSignal<string | null>;
|
|
1025
|
+
readonly selectName: _angular_core.InputSignal<string>;
|
|
1026
|
+
readonly inputName: _angular_core.InputSignal<string>;
|
|
1027
|
+
private readonly _country;
|
|
1028
|
+
private readonly _number;
|
|
1029
|
+
private readonly uid;
|
|
1030
|
+
readonly selectId: string;
|
|
1031
|
+
readonly flagImgId: string;
|
|
1032
|
+
readonly inputId: string;
|
|
1033
|
+
readonly helpId: string;
|
|
1034
|
+
readonly errorId: string;
|
|
1035
|
+
readonly ccId: string;
|
|
1036
|
+
readonly selectedCountryCode: _angular_core.Signal<string>;
|
|
1037
|
+
readonly availableCountries: _angular_core.Signal<string[]>;
|
|
1038
|
+
readonly selectedCountryName: _angular_core.Signal<string>;
|
|
1039
|
+
readonly selectedDialCode: _angular_core.Signal<string>;
|
|
1040
|
+
readonly selectedFlagUrl: _angular_core.Signal<string>;
|
|
1041
|
+
readonly number: _angular_core.Signal<string>;
|
|
1042
|
+
readonly dynamicPlaceholder: _angular_core.Signal<string>;
|
|
1056
1043
|
private selectedLibCountryCode;
|
|
1057
1044
|
private parsedNumber;
|
|
1058
1045
|
private phoneIsValid;
|
|
@@ -1081,20 +1068,21 @@ declare class MozPhoneNumberComponent implements ControlValueAccessor {
|
|
|
1081
1068
|
type MozToasterStatus = 'info' | 'success' | 'warning' | 'error';
|
|
1082
1069
|
type MozToasterPosition = 'top' | 'bottom' | 'top-center' | 'bottom-center';
|
|
1083
1070
|
type MozToasterRole = 'status' | 'alert';
|
|
1071
|
+
|
|
1084
1072
|
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
|
|
1073
|
+
readonly open: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1074
|
+
readonly position: _angular_core.InputSignal<MozToasterPosition>;
|
|
1075
|
+
readonly description: _angular_core.InputSignal<string>;
|
|
1076
|
+
readonly status: _angular_core.InputSignal<MozToasterStatus>;
|
|
1077
|
+
readonly closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1078
|
+
readonly progress: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1079
|
+
readonly timeout: _angular_core.InputSignal<number | null>;
|
|
1080
|
+
readonly role: _angular_core.InputSignal<MozToasterRole>;
|
|
1081
|
+
readonly closeAriaLabel: _angular_core.InputSignal<string>;
|
|
1082
|
+
readonly openChange: _angular_core.OutputEmitterRef<boolean>;
|
|
1083
|
+
readonly closed: _angular_core.OutputEmitterRef<void>;
|
|
1084
|
+
readonly actionSlot: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
|
|
1085
|
+
readonly hasAction: _angular_core.WritableSignal<boolean>;
|
|
1098
1086
|
ngAfterContentInit(): void;
|
|
1099
1087
|
classes: _angular_core.Signal<string>;
|
|
1100
1088
|
private _progressValue;
|
|
@@ -1124,24 +1112,25 @@ type MozSidebarItem = {
|
|
|
1124
1112
|
open?: boolean;
|
|
1125
1113
|
children?: MozSidebarSubItem[];
|
|
1126
1114
|
};
|
|
1115
|
+
|
|
1127
1116
|
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<{
|
|
1117
|
+
readonly expanded: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1118
|
+
readonly items: _angular_core.InputSignal<MozSidebarItem[]>;
|
|
1119
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
1120
|
+
readonly logoSrc: _angular_core.InputSignal<string | null>;
|
|
1121
|
+
readonly logoAlt: _angular_core.InputSignal<string>;
|
|
1122
|
+
readonly showFooter: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1123
|
+
readonly showProfile: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1124
|
+
readonly profileName: _angular_core.InputSignal<string | null>;
|
|
1125
|
+
readonly profileTitle: _angular_core.InputSignal<string | null>;
|
|
1126
|
+
readonly profileAvatarSrc: _angular_core.InputSignal<string | null>;
|
|
1127
|
+
readonly expandedChange: _angular_core.OutputEmitterRef<boolean>;
|
|
1128
|
+
readonly itemClick: _angular_core.OutputEmitterRef<{
|
|
1140
1129
|
itemId: string;
|
|
1141
1130
|
subItemId: string | null;
|
|
1142
1131
|
}>;
|
|
1143
|
-
hostClasses: _angular_core.Signal<string>;
|
|
1144
|
-
expandButtonAriaLabel: _angular_core.Signal<"Collapse" | "Expand">;
|
|
1132
|
+
readonly hostClasses: _angular_core.Signal<string>;
|
|
1133
|
+
readonly expandButtonAriaLabel: _angular_core.Signal<"Collapse" | "Expand">;
|
|
1145
1134
|
shouldOpen: (i: MozSidebarItem) => boolean;
|
|
1146
1135
|
toggleExpanded(): void;
|
|
1147
1136
|
onItemClick(itemId: string, subItemId: string | null, ev: Event): void;
|
|
@@ -1155,26 +1144,27 @@ type MozSegmentedItem = {
|
|
|
1155
1144
|
label: string;
|
|
1156
1145
|
value: string | number;
|
|
1157
1146
|
};
|
|
1147
|
+
|
|
1158
1148
|
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<{
|
|
1149
|
+
readonly items: _angular_core.InputSignal<MozSegmentedItem[]>;
|
|
1150
|
+
readonly size: _angular_core.InputSignal<MozSegmentedControlSize>;
|
|
1151
|
+
readonly full: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
1152
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
1153
|
+
readonly selectedIndex: _angular_core.ModelSignal<number>;
|
|
1154
|
+
readonly change: _angular_core.OutputEmitterRef<{
|
|
1165
1155
|
index: number;
|
|
1166
1156
|
value: string | number;
|
|
1167
1157
|
}>;
|
|
1168
|
-
classes: _angular_core.Signal<{
|
|
1158
|
+
readonly classes: _angular_core.Signal<{
|
|
1169
1159
|
'segmented-control': boolean;
|
|
1170
1160
|
'segmented-control--m': boolean;
|
|
1171
1161
|
'segmented-control--full': boolean;
|
|
1172
1162
|
}>;
|
|
1173
|
-
segmentClasses: (index: number) => _angular_core.Signal<{
|
|
1163
|
+
readonly segmentClasses: (index: number) => _angular_core.Signal<{
|
|
1174
1164
|
'segmented-control__segment': boolean;
|
|
1175
1165
|
'segmented-control__segment--selected': boolean;
|
|
1176
1166
|
}>;
|
|
1177
|
-
private buttons;
|
|
1167
|
+
private readonly buttons;
|
|
1178
1168
|
onSelect(index: number): void;
|
|
1179
1169
|
private focusIndex;
|
|
1180
1170
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozSegmentedControlComponent, never>;
|
|
@@ -1182,23 +1172,23 @@ declare class MozSegmentedControlComponent {
|
|
|
1182
1172
|
}
|
|
1183
1173
|
|
|
1184
1174
|
declare class MozAccordionHeaderComponent {
|
|
1185
|
-
tpl: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
1175
|
+
readonly tpl: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
1186
1176
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozAccordionHeaderComponent, never>;
|
|
1187
1177
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozAccordionHeaderComponent, "moz-accordion-header", never, {}, {}, never, ["[title]", "[subtitle]"], true, never>;
|
|
1188
1178
|
}
|
|
1189
1179
|
|
|
1190
1180
|
declare class MozAccordionContentComponent {
|
|
1191
|
-
tpl: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
1181
|
+
readonly tpl: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
1192
1182
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozAccordionContentComponent, never>;
|
|
1193
1183
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozAccordionContentComponent, "moz-accordion-content", never, {}, {}, never, ["*"], true, never>;
|
|
1194
1184
|
}
|
|
1195
1185
|
|
|
1196
1186
|
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>;
|
|
1187
|
+
readonly icon: _angular_core.InputSignal<Type<unknown> | null>;
|
|
1188
|
+
readonly open: _angular_core.InputSignal<boolean>;
|
|
1189
|
+
readonly state: _angular_core.WritableSignal<boolean>;
|
|
1190
|
+
readonly header: _angular_core.Signal<MozAccordionHeaderComponent | undefined>;
|
|
1191
|
+
readonly content: _angular_core.Signal<MozAccordionContentComponent | undefined>;
|
|
1202
1192
|
ngOnInit(): void;
|
|
1203
1193
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozAccordionPanelComponent, never>;
|
|
1204
1194
|
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 +1224,21 @@ declare class MozAccordionComponent {
|
|
|
1234
1224
|
*
|
|
1235
1225
|
* @default false
|
|
1236
1226
|
*/
|
|
1237
|
-
ghost: _angular_core.InputSignal<boolean>;
|
|
1227
|
+
readonly ghost: _angular_core.InputSignal<boolean>;
|
|
1238
1228
|
/**
|
|
1239
1229
|
* Uses native HTML `<details>` and `<summary>` elements instead of custom implementation.
|
|
1240
1230
|
* Provides better accessibility and performance with browser-native behavior.
|
|
1241
1231
|
*
|
|
1242
1232
|
* @default false
|
|
1243
1233
|
*/
|
|
1244
|
-
native: _angular_core.InputSignal<boolean>;
|
|
1234
|
+
readonly native: _angular_core.InputSignal<boolean>;
|
|
1245
1235
|
/**
|
|
1246
1236
|
* Computed CSS classes based on component inputs.
|
|
1247
1237
|
* Automatically updates when ghost input changes.
|
|
1248
1238
|
*
|
|
1249
1239
|
* @internal
|
|
1250
1240
|
*/
|
|
1251
|
-
cssClasses: _angular_core.Signal<{
|
|
1241
|
+
readonly cssClasses: _angular_core.Signal<{
|
|
1252
1242
|
accordion: boolean;
|
|
1253
1243
|
'accordion--ghost': boolean;
|
|
1254
1244
|
}>;
|
|
@@ -1258,7 +1248,7 @@ declare class MozAccordionComponent {
|
|
|
1258
1248
|
*
|
|
1259
1249
|
* @internal
|
|
1260
1250
|
*/
|
|
1261
|
-
panels: _angular_core.Signal<readonly MozAccordionPanelComponent[]>;
|
|
1251
|
+
readonly panels: _angular_core.Signal<readonly MozAccordionPanelComponent[]>;
|
|
1262
1252
|
/**
|
|
1263
1253
|
* Toggles the open/closed state of an accordion panel.
|
|
1264
1254
|
*
|
|
@@ -1278,7 +1268,7 @@ declare class MozAccordionComponent {
|
|
|
1278
1268
|
}
|
|
1279
1269
|
|
|
1280
1270
|
declare class MozActionBottomBarComponent {
|
|
1281
|
-
boxShadow: _angular_core.InputSignal<boolean>;
|
|
1271
|
+
readonly boxShadow: _angular_core.InputSignal<boolean>;
|
|
1282
1272
|
readonly classes: _angular_core.Signal<{
|
|
1283
1273
|
'mc-action-bottom-bar': boolean;
|
|
1284
1274
|
'mc-action-bottom-bar--shadow': boolean;
|
|
@@ -1288,7 +1278,7 @@ declare class MozActionBottomBarComponent {
|
|
|
1288
1278
|
}
|
|
1289
1279
|
|
|
1290
1280
|
type MozActionListItemAppearance = 'standard' | 'danger';
|
|
1291
|
-
interface
|
|
1281
|
+
interface MozActionListItem {
|
|
1292
1282
|
/**
|
|
1293
1283
|
* The icon component displayed for the item.
|
|
1294
1284
|
*/
|
|
@@ -1310,6 +1300,7 @@ interface ActionListItem {
|
|
|
1310
1300
|
*/
|
|
1311
1301
|
divider?: boolean;
|
|
1312
1302
|
}
|
|
1303
|
+
|
|
1313
1304
|
/**
|
|
1314
1305
|
* An action list is a contextual menu that presents a list of available actions related to a specific element or interface area.
|
|
1315
1306
|
* It allows users to quickly access functions such as editing, sharing, deleting, or navigating to sub-actions.
|
|
@@ -1319,16 +1310,20 @@ declare class MozActionListboxComponent {
|
|
|
1319
1310
|
/**
|
|
1320
1311
|
* Title displayed in mobile version.
|
|
1321
1312
|
*/
|
|
1322
|
-
title: _angular_core.InputSignal<string | undefined>;
|
|
1313
|
+
readonly title: _angular_core.InputSignal<string | undefined>;
|
|
1323
1314
|
/**
|
|
1324
1315
|
* An array of objects that allows you to provide all the data needed to generate the content for each item.
|
|
1325
1316
|
*/
|
|
1326
|
-
items: _angular_core.InputSignal<
|
|
1317
|
+
readonly items: _angular_core.InputSignal<MozActionListItem[]>;
|
|
1318
|
+
/**
|
|
1319
|
+
* Emitted when an item is clicked.
|
|
1320
|
+
*/
|
|
1321
|
+
readonly itemClick: _angular_core.OutputEmitterRef<MozActionListItem>;
|
|
1327
1322
|
/**
|
|
1328
1323
|
* Computed signal that maps items to their CSS classes.
|
|
1329
1324
|
*/
|
|
1330
|
-
itemsWithClasses: _angular_core.Signal<{
|
|
1331
|
-
item:
|
|
1325
|
+
readonly itemsWithClasses: _angular_core.Signal<{
|
|
1326
|
+
item: MozActionListItem;
|
|
1332
1327
|
classes: {
|
|
1333
1328
|
'action-list__element': boolean;
|
|
1334
1329
|
'action-list__element--danger': boolean;
|
|
@@ -1336,21 +1331,73 @@ declare class MozActionListboxComponent {
|
|
|
1336
1331
|
};
|
|
1337
1332
|
}[]>;
|
|
1338
1333
|
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>;
|
|
1334
|
+
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>;
|
|
1335
|
+
}
|
|
1336
|
+
|
|
1337
|
+
type ActionListboxPosition = 'below' | 'above' | 'before' | 'after';
|
|
1338
|
+
interface ActionListboxConfig {
|
|
1339
|
+
items: MozActionListItem[];
|
|
1340
|
+
title?: string;
|
|
1341
|
+
position?: ActionListboxPosition;
|
|
1342
|
+
hasBackdrop?: boolean;
|
|
1343
|
+
}
|
|
1344
|
+
declare const ACTION_LISTBOX_CONFIG: InjectionToken<ActionListboxConfig>;
|
|
1345
|
+
declare const DEFAULT_ACTION_LISTBOX_CONFIG: Omit<Partial<ActionListboxConfig>, 'items'>;
|
|
1346
|
+
|
|
1347
|
+
declare class ActionListboxContainerComponent {
|
|
1348
|
+
readonly config: ActionListboxConfig;
|
|
1349
|
+
private readonly listboxRef;
|
|
1350
|
+
onItemClick(item: MozActionListItem): void;
|
|
1351
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ActionListboxContainerComponent, never>;
|
|
1352
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ActionListboxContainerComponent, "moz-action-listbox-container", never, {}, {}, never, never, true, never>;
|
|
1353
|
+
}
|
|
1354
|
+
|
|
1355
|
+
declare class MozActionListboxTriggerDirective implements OnDestroy {
|
|
1356
|
+
private readonly overlay;
|
|
1357
|
+
private readonly elementRef;
|
|
1358
|
+
private readonly injector;
|
|
1359
|
+
/** The list of items to display */
|
|
1360
|
+
readonly mozActionListboxTrigger: _angular_core.InputSignal<MozActionListItem[]>;
|
|
1361
|
+
/** Optional title for the listbox */
|
|
1362
|
+
readonly actionListboxTitle: _angular_core.InputSignal<string | undefined>;
|
|
1363
|
+
/** Position relative to the trigger element */
|
|
1364
|
+
readonly actionListboxPosition: _angular_core.InputSignal<ActionListboxPosition>;
|
|
1365
|
+
/** Emits the clicked item */
|
|
1366
|
+
readonly itemClick: _angular_core.OutputEmitterRef<MozActionListItem>;
|
|
1367
|
+
private listboxRef;
|
|
1368
|
+
toggle(): void;
|
|
1369
|
+
open(): void;
|
|
1370
|
+
close(): void;
|
|
1371
|
+
ngOnDestroy(): void;
|
|
1372
|
+
private createOverlay;
|
|
1373
|
+
private getPositions;
|
|
1374
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozActionListboxTriggerDirective, never>;
|
|
1375
|
+
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>;
|
|
1376
|
+
}
|
|
1377
|
+
|
|
1378
|
+
declare class ActionListboxRef {
|
|
1379
|
+
private readonly overlayRef;
|
|
1380
|
+
private readonly afterClosed$;
|
|
1381
|
+
private readonly itemClicked$;
|
|
1382
|
+
constructor(overlayRef: OverlayRef);
|
|
1383
|
+
close(): void;
|
|
1384
|
+
selectItem(item: MozActionListItem): void;
|
|
1385
|
+
afterClosed(): Observable<void>;
|
|
1386
|
+
onItemClick(): Observable<MozActionListItem>;
|
|
1340
1387
|
}
|
|
1341
1388
|
|
|
1342
1389
|
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;
|
|
1390
|
+
readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
|
|
1391
|
+
readonly previousButtonAriaLabel: _angular_core.InputSignal<string>;
|
|
1392
|
+
readonly nextButtonAriaLabel: _angular_core.InputSignal<string>;
|
|
1393
|
+
readonly index: _angular_core.ModelSignal<number>;
|
|
1394
|
+
private readonly contentEl;
|
|
1348
1395
|
private metrics;
|
|
1349
1396
|
private raf;
|
|
1350
1397
|
private cleanup;
|
|
1351
1398
|
private eps;
|
|
1352
|
-
canPrev: _angular_core.Signal<boolean>;
|
|
1353
|
-
canNext: _angular_core.Signal<boolean>;
|
|
1399
|
+
readonly canPrev: _angular_core.Signal<boolean>;
|
|
1400
|
+
readonly canNext: _angular_core.Signal<boolean>;
|
|
1354
1401
|
private updateLogicalIndexFromScroll;
|
|
1355
1402
|
constructor();
|
|
1356
1403
|
ngOnDestroy(): void;
|
|
@@ -1361,10 +1408,11 @@ declare class MozCarouselComponent implements OnDestroy {
|
|
|
1361
1408
|
}
|
|
1362
1409
|
|
|
1363
1410
|
type MozStatusMessageStatus = 'info' | 'success' | 'warning' | 'error' | 'neutral' | 'inprogress';
|
|
1411
|
+
|
|
1364
1412
|
declare class MozStatusMessageComponent {
|
|
1365
|
-
status: _angular_core.InputSignal<MozStatusMessageStatus>;
|
|
1366
|
-
description: _angular_core.InputSignal<string | null>;
|
|
1367
|
-
id: _angular_core.InputSignal<string>;
|
|
1413
|
+
readonly status: _angular_core.InputSignal<MozStatusMessageStatus>;
|
|
1414
|
+
readonly description: _angular_core.InputSignal<string | null>;
|
|
1415
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
1368
1416
|
readonly classes: Signal<{
|
|
1369
1417
|
[x: string]: boolean | MozStatusMessageStatus;
|
|
1370
1418
|
'mc-status-message': boolean;
|
|
@@ -1377,19 +1425,20 @@ declare class MozStatusMessageComponent {
|
|
|
1377
1425
|
type MozKpiTrend = 'increasing' | 'decreasing' | 'stable';
|
|
1378
1426
|
type MozKpiStatus = 'info' | 'warning' | 'error' | 'success' | 'neutral';
|
|
1379
1427
|
type MozKpiSize = 's' | 'm' | 'l';
|
|
1428
|
+
|
|
1380
1429
|
declare class MozKpiComponent {
|
|
1381
1430
|
/** The current value of the KPI item. */
|
|
1382
|
-
value: _angular_core.InputSignal<string>;
|
|
1431
|
+
readonly value: _angular_core.InputSignal<string>;
|
|
1383
1432
|
/** Defines the evolution of the KPI. */
|
|
1384
|
-
trend: _angular_core.InputSignal<MozKpiTrend | null>;
|
|
1433
|
+
readonly trend: _angular_core.InputSignal<MozKpiTrend | null>;
|
|
1385
1434
|
/** Label of the KPI item. */
|
|
1386
|
-
label: _angular_core.InputSignal<string | null>;
|
|
1435
|
+
readonly label: _angular_core.InputSignal<string | null>;
|
|
1387
1436
|
/** Allows to define the KPI item status. */
|
|
1388
|
-
status: _angular_core.InputSignal<MozKpiStatus>;
|
|
1437
|
+
readonly status: _angular_core.InputSignal<MozKpiStatus>;
|
|
1389
1438
|
/** The evolution information defining the KPI. */
|
|
1390
|
-
information: _angular_core.InputSignal<string | null>;
|
|
1439
|
+
readonly information: _angular_core.InputSignal<string | null>;
|
|
1391
1440
|
/** Allows to define the KPI item size. */
|
|
1392
|
-
size: _angular_core.InputSignal<MozKpiSize>;
|
|
1441
|
+
readonly size: _angular_core.InputSignal<MozKpiSize>;
|
|
1393
1442
|
readonly isMedium: _angular_core.Signal<boolean>;
|
|
1394
1443
|
readonly isLarge: _angular_core.Signal<boolean>;
|
|
1395
1444
|
readonly rootClasses: _angular_core.Signal<{
|
|
@@ -1423,46 +1472,47 @@ declare class MozStepperCompactComponent {
|
|
|
1423
1472
|
|
|
1424
1473
|
type MozStarRatingSize = 's' | 'm' | 'l';
|
|
1425
1474
|
type MozStarRatingAppearance = 'standard' | 'accent';
|
|
1475
|
+
|
|
1426
1476
|
declare class MozStarRatingComponent {
|
|
1427
1477
|
/**
|
|
1428
1478
|
* The current rating value of the component.
|
|
1429
1479
|
* Used with two-way binding [(value)].
|
|
1430
1480
|
* When the rating changes (via click or keyboard), the model is automatically updated.
|
|
1431
1481
|
*/
|
|
1432
|
-
value: _angular_core.ModelSignal<number>;
|
|
1482
|
+
readonly value: _angular_core.ModelSignal<number>;
|
|
1433
1483
|
/**
|
|
1434
1484
|
* Determines whether the rating is interactive or read-only.
|
|
1435
1485
|
* When true, all user interactions (click, hover, keyboard) are disabled.
|
|
1436
1486
|
* Automatically set to true when `compact`, `href`, or `text` are provided.
|
|
1437
1487
|
*/
|
|
1438
|
-
readonly: _angular_core.InputSignal<boolean>;
|
|
1488
|
+
readonly readonly: _angular_core.InputSignal<boolean>;
|
|
1439
1489
|
/**
|
|
1440
1490
|
* Enables a compact display mode that shows only one star instead of five.
|
|
1441
1491
|
* Typically used for summaries or quick visual cues.
|
|
1442
1492
|
* When enabled, the component automatically becomes read-only.
|
|
1443
1493
|
*/
|
|
1444
|
-
compact: _angular_core.InputSignal<boolean>;
|
|
1494
|
+
readonly compact: _angular_core.InputSignal<boolean>;
|
|
1445
1495
|
/**
|
|
1446
1496
|
* Defines the visual size of the star icons and the accompanying text.
|
|
1447
1497
|
*/
|
|
1448
|
-
size: _angular_core.InputSignal<MozStarRatingSize>;
|
|
1498
|
+
readonly size: _angular_core.InputSignal<MozStarRatingSize>;
|
|
1449
1499
|
/**
|
|
1450
1500
|
* Specifies the color scheme of the stars.
|
|
1451
1501
|
*/
|
|
1452
|
-
appearance: _angular_core.InputSignal<MozStarRatingAppearance>;
|
|
1502
|
+
readonly appearance: _angular_core.InputSignal<MozStarRatingAppearance>;
|
|
1453
1503
|
/**
|
|
1454
1504
|
* Optional text displayed next to the star rating.
|
|
1455
1505
|
* If provided, the component automatically becomes read-only.
|
|
1456
1506
|
*/
|
|
1457
|
-
text: _angular_core.InputSignal<string | null>;
|
|
1507
|
+
readonly text: _angular_core.InputSignal<string | null>;
|
|
1458
1508
|
/**
|
|
1459
1509
|
* URL for the link (for external links).
|
|
1460
1510
|
*/
|
|
1461
|
-
href: _angular_core.InputSignal<string | null>;
|
|
1511
|
+
readonly href: _angular_core.InputSignal<string | null>;
|
|
1462
1512
|
/**
|
|
1463
1513
|
* Where to open the link.
|
|
1464
1514
|
*/
|
|
1465
|
-
target: _angular_core.InputSignal<string | null>;
|
|
1515
|
+
readonly target: _angular_core.InputSignal<string | null>;
|
|
1466
1516
|
readonly maxValue: _angular_core.Signal<1 | 5>;
|
|
1467
1517
|
readonly isReadonly: _angular_core.Signal<boolean>;
|
|
1468
1518
|
readonly hasInfoText: _angular_core.Signal<boolean>;
|
|
@@ -1508,6 +1558,7 @@ type MozBuiltInMenuItem = {
|
|
|
1508
1558
|
routerLink?: string | unknown[];
|
|
1509
1559
|
target?: MozBuiltInMenuItemTarget;
|
|
1510
1560
|
};
|
|
1561
|
+
|
|
1511
1562
|
/**
|
|
1512
1563
|
* A built-in menu is a structured list of navigational or interactive options,
|
|
1513
1564
|
* typically displayed as a vertical stack.
|
|
@@ -1516,20 +1567,20 @@ declare class BuiltInMenuComponent {
|
|
|
1516
1567
|
/**
|
|
1517
1568
|
* Items displayed in the menu.
|
|
1518
1569
|
*/
|
|
1519
|
-
items: _angular_core.InputSignal<MozBuiltInMenuItem[]>;
|
|
1570
|
+
readonly items: _angular_core.InputSignal<MozBuiltInMenuItem[]>;
|
|
1520
1571
|
/**
|
|
1521
1572
|
* Index of the currently selected menu item.
|
|
1522
1573
|
* Used with two-way binding: [(selectedIndex)].
|
|
1523
1574
|
*/
|
|
1524
|
-
selectedIndex: _angular_core.ModelSignal<number | null>;
|
|
1575
|
+
readonly selectedIndex: _angular_core.ModelSignal<number | null>;
|
|
1525
1576
|
/**
|
|
1526
1577
|
* When enabled, adds a visible border around the wrapper.
|
|
1527
1578
|
*/
|
|
1528
|
-
outlined: _angular_core.InputSignal<boolean>;
|
|
1579
|
+
readonly outlined: _angular_core.InputSignal<boolean>;
|
|
1529
1580
|
/**
|
|
1530
1581
|
* Accessible label for the navigation.
|
|
1531
1582
|
*/
|
|
1532
|
-
ariaLabel: _angular_core.InputSignal<string>;
|
|
1583
|
+
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
1533
1584
|
readonly hostClasses: _angular_core.Signal<string>;
|
|
1534
1585
|
isSelected(index: number): boolean;
|
|
1535
1586
|
onItemClick(index: number, event: Event): void;
|
|
@@ -1544,19 +1595,20 @@ declare class BuiltInMenuComponent {
|
|
|
1544
1595
|
type MozCheckListMenuItem = Omit<MozBuiltInMenuItem, 'icon'> & {
|
|
1545
1596
|
checked: boolean;
|
|
1546
1597
|
};
|
|
1598
|
+
|
|
1547
1599
|
declare class MozCheckListMenuComponent {
|
|
1548
1600
|
/**
|
|
1549
1601
|
* Defines the menu items, each of which sets a checked state and can act as a button or link.
|
|
1550
1602
|
*/
|
|
1551
|
-
items: _angular_core.InputSignal<MozCheckListMenuItem[]>;
|
|
1603
|
+
readonly items: _angular_core.InputSignal<MozCheckListMenuItem[]>;
|
|
1552
1604
|
/**
|
|
1553
1605
|
* When enabled, adds a visible border around the wrapper.
|
|
1554
1606
|
*/
|
|
1555
|
-
outlined: _angular_core.InputSignal<boolean>;
|
|
1607
|
+
readonly outlined: _angular_core.InputSignal<boolean>;
|
|
1556
1608
|
/**
|
|
1557
1609
|
* Currently selected item index (two-way bindable with [(selectedIndex)]).
|
|
1558
1610
|
*/
|
|
1559
|
-
selectedIndex: _angular_core.ModelSignal<number | null>;
|
|
1611
|
+
readonly selectedIndex: _angular_core.ModelSignal<number | null>;
|
|
1560
1612
|
/**
|
|
1561
1613
|
* Internal mapping to BuiltInMenuItem with an icon for checked items.
|
|
1562
1614
|
*/
|
|
@@ -1580,15 +1632,16 @@ interface MozStepperInlineStep {
|
|
|
1580
1632
|
*/
|
|
1581
1633
|
additionalInfo?: string;
|
|
1582
1634
|
}
|
|
1635
|
+
|
|
1583
1636
|
declare class MozStepperInlineComponent {
|
|
1584
1637
|
/**
|
|
1585
1638
|
* Current step of the stepper inline (1-based index).
|
|
1586
1639
|
*/
|
|
1587
|
-
currentStep: _angular_core.InputSignal<number>;
|
|
1640
|
+
readonly currentStep: _angular_core.InputSignal<number>;
|
|
1588
1641
|
/**
|
|
1589
1642
|
* Steps of the stepper inline.
|
|
1590
1643
|
*/
|
|
1591
|
-
steps: _angular_core.InputSignal<MozStepperInlineStep[]>;
|
|
1644
|
+
readonly steps: _angular_core.InputSignal<MozStepperInlineStep[]>;
|
|
1592
1645
|
/**
|
|
1593
1646
|
* Clamped current step between 1 and steps.length.
|
|
1594
1647
|
*/
|
|
@@ -1619,15 +1672,16 @@ interface MozStepperStackedStep {
|
|
|
1619
1672
|
*/
|
|
1620
1673
|
additionalInfo?: string;
|
|
1621
1674
|
}
|
|
1675
|
+
|
|
1622
1676
|
declare class MozStepperStackedComponent {
|
|
1623
1677
|
/**
|
|
1624
1678
|
* Current step of the stepper stacked (1-based index).
|
|
1625
1679
|
*/
|
|
1626
|
-
currentStep: _angular_core.InputSignal<number>;
|
|
1680
|
+
readonly currentStep: _angular_core.InputSignal<number>;
|
|
1627
1681
|
/**
|
|
1628
1682
|
* Steps of the stepper stacked.
|
|
1629
1683
|
*/
|
|
1630
|
-
steps: _angular_core.InputSignal<MozStepperStackedStep[]>;
|
|
1684
|
+
readonly steps: _angular_core.InputSignal<MozStepperStackedStep[]>;
|
|
1631
1685
|
/**
|
|
1632
1686
|
* Clamped current step between 1 and steps.length.
|
|
1633
1687
|
*/
|
|
@@ -1729,21 +1783,22 @@ interface MozPageHeaderScope {
|
|
|
1729
1783
|
attributes?: Record<string, string | boolean | number>;
|
|
1730
1784
|
disabled?: boolean;
|
|
1731
1785
|
}
|
|
1786
|
+
|
|
1732
1787
|
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>;
|
|
1788
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
1789
|
+
readonly shadow: _angular_core.InputSignal<boolean>;
|
|
1790
|
+
readonly backButton: _angular_core.InputSignal<boolean>;
|
|
1791
|
+
readonly searchButton: _angular_core.InputSignal<boolean>;
|
|
1792
|
+
readonly helpButton: _angular_core.InputSignal<boolean>;
|
|
1793
|
+
readonly notificationButton: _angular_core.InputSignal<boolean>;
|
|
1794
|
+
readonly status: _angular_core.InputSignal<MozStatusBadgeStatus | undefined>;
|
|
1795
|
+
readonly statusLabel: _angular_core.InputSignal<string | undefined>;
|
|
1796
|
+
readonly extraInfo: _angular_core.InputSignal<string | undefined>;
|
|
1797
|
+
readonly scope: _angular_core.InputSignal<string | MozPageHeaderScope[] | undefined>;
|
|
1798
|
+
readonly scopeValue: _angular_core.InputSignal<string | number | boolean | undefined>;
|
|
1799
|
+
readonly scopePlaceholder: _angular_core.InputSignal<string | undefined>;
|
|
1800
|
+
readonly tabs: _angular_core.InputSignal<MozTabItem[] | undefined>;
|
|
1801
|
+
readonly activeTab: _angular_core.ModelSignal<number>;
|
|
1747
1802
|
readonly back: _angular_core.OutputEmitterRef<void>;
|
|
1748
1803
|
readonly search: _angular_core.OutputEmitterRef<void>;
|
|
1749
1804
|
readonly help: _angular_core.OutputEmitterRef<void>;
|
|
@@ -1779,10 +1834,11 @@ declare class MozPageHeaderComponent {
|
|
|
1779
1834
|
}
|
|
1780
1835
|
|
|
1781
1836
|
type MozTileAppearance = 'primary' | 'secondary' | 'inverse';
|
|
1837
|
+
|
|
1782
1838
|
declare class MozTileComponent {
|
|
1783
|
-
appearance: _angular_core.InputSignal<MozTileAppearance>;
|
|
1784
|
-
isBordered: _angular_core.InputSignal<boolean>;
|
|
1785
|
-
extraAction: _angular_core.InputSignal<boolean>;
|
|
1839
|
+
readonly appearance: _angular_core.InputSignal<MozTileAppearance>;
|
|
1840
|
+
readonly isBordered: _angular_core.InputSignal<boolean>;
|
|
1841
|
+
readonly extraAction: _angular_core.InputSignal<boolean>;
|
|
1786
1842
|
readonly classes: _angular_core.Signal<{
|
|
1787
1843
|
[x: string]: boolean;
|
|
1788
1844
|
'mc-tile': boolean;
|
|
@@ -1796,47 +1852,118 @@ type MozTileSelectableType = 'checkbox' | 'radio';
|
|
|
1796
1852
|
type MozTileInputVerticalPosition = 'top' | 'center';
|
|
1797
1853
|
type MozTileInputPosition = 'left' | 'right';
|
|
1798
1854
|
type MozTileSelectableAppearance = 'primary';
|
|
1855
|
+
|
|
1799
1856
|
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;
|
|
1857
|
+
readonly appearance: _angular_core.InputSignal<"primary">;
|
|
1858
|
+
readonly bordered: _angular_core.InputSignal<boolean>;
|
|
1859
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
1860
|
+
readonly value: _angular_core.InputSignal<string>;
|
|
1861
|
+
readonly checked: _angular_core.InputSignal<boolean>;
|
|
1862
|
+
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
1863
|
+
readonly inputVerticalPosition: _angular_core.InputSignal<MozTileInputVerticalPosition>;
|
|
1864
|
+
readonly inputPosition: _angular_core.InputSignal<MozTileInputPosition>;
|
|
1865
|
+
readonly inputType: _angular_core.InputSignal<MozTileSelectableType>;
|
|
1866
|
+
private readonly innerValue;
|
|
1867
|
+
private readonly isControlledByForm;
|
|
1810
1868
|
private onTouchedCallback;
|
|
1811
1869
|
private onChangeCallback;
|
|
1812
|
-
|
|
1813
|
-
protected isCheckbox: _angular_core.Signal<boolean>;
|
|
1814
|
-
protected isRadio: _angular_core.Signal<boolean>;
|
|
1870
|
+
constructor();
|
|
1871
|
+
protected readonly isCheckbox: _angular_core.Signal<boolean>;
|
|
1872
|
+
protected readonly isRadio: _angular_core.Signal<boolean>;
|
|
1873
|
+
protected readonly isChecked: _angular_core.Signal<boolean>;
|
|
1874
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
1815
1875
|
writeValue(value: boolean | string): void;
|
|
1816
1876
|
registerOnChange(fn: (value: boolean | string) => void): void;
|
|
1817
1877
|
registerOnTouched(fn: () => void): void;
|
|
1818
1878
|
onTileChange(event: Event): void;
|
|
1819
|
-
get isChecked(): boolean;
|
|
1820
1879
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTileSelectableComponent, never>;
|
|
1821
1880
|
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
1881
|
}
|
|
1823
1882
|
|
|
1824
1883
|
type MozTileExpandableTrigger = 'container' | 'button' | 'icon';
|
|
1884
|
+
|
|
1825
1885
|
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>;
|
|
1886
|
+
readonly triggerMode: _angular_core.InputSignal<MozTileExpandableTrigger>;
|
|
1887
|
+
readonly id: _angular_core.InputSignal<number>;
|
|
1888
|
+
readonly expanded: _angular_core.WritableSignal<boolean>;
|
|
1889
|
+
readonly contentId: string;
|
|
1890
|
+
readonly isContainerTrigger: _angular_core.Signal<boolean>;
|
|
1891
|
+
readonly isIconTrigger: _angular_core.Signal<boolean>;
|
|
1892
|
+
readonly isButtonTrigger: _angular_core.Signal<boolean>;
|
|
1893
|
+
readonly toggle: () => void;
|
|
1894
|
+
readonly hostClass: _angular_core.Signal<string>;
|
|
1835
1895
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTileExpandableComponent, never>;
|
|
1836
1896
|
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
1897
|
}
|
|
1838
1898
|
|
|
1839
1899
|
type MozDrawerPosition = 'left' | 'right';
|
|
1900
|
+
|
|
1901
|
+
interface DrawerConfig<D = unknown> {
|
|
1902
|
+
title: string;
|
|
1903
|
+
contentTitle?: string;
|
|
1904
|
+
position?: MozDrawerPosition;
|
|
1905
|
+
extended?: boolean;
|
|
1906
|
+
back?: boolean;
|
|
1907
|
+
data?: D;
|
|
1908
|
+
}
|
|
1909
|
+
declare const DRAWER_CONFIG: InjectionToken<DrawerConfig<unknown>>;
|
|
1910
|
+
declare const DRAWER_DATA: InjectionToken<unknown>;
|
|
1911
|
+
|
|
1912
|
+
declare class DrawerRef<R = unknown> {
|
|
1913
|
+
private readonly overlayRef;
|
|
1914
|
+
private readonly afterClosed$;
|
|
1915
|
+
private readonly afterOpened$;
|
|
1916
|
+
private readonly backClicked$;
|
|
1917
|
+
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
1918
|
+
private animationDuration;
|
|
1919
|
+
constructor(overlayRef: OverlayRef);
|
|
1920
|
+
open(): void;
|
|
1921
|
+
close(result?: R): void;
|
|
1922
|
+
backClick(): void;
|
|
1923
|
+
afterClosed(): Observable<R | undefined>;
|
|
1924
|
+
afterOpened(): Observable<void>;
|
|
1925
|
+
onBackClick(): Observable<void>;
|
|
1926
|
+
}
|
|
1927
|
+
|
|
1928
|
+
declare class DrawerService {
|
|
1929
|
+
private readonly overlay;
|
|
1930
|
+
private readonly injector;
|
|
1931
|
+
open<C, D = unknown, R = unknown>(component: Type<C>, config: DrawerConfig<D>): DrawerRef<R>;
|
|
1932
|
+
private createOverlay;
|
|
1933
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerService, never>;
|
|
1934
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<DrawerService>;
|
|
1935
|
+
}
|
|
1936
|
+
|
|
1937
|
+
declare class MozDrawerFooterDirective {
|
|
1938
|
+
private readonly tpl;
|
|
1939
|
+
private readonly container;
|
|
1940
|
+
constructor();
|
|
1941
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDrawerFooterDirective, never>;
|
|
1942
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozDrawerFooterDirective, "[mozDrawerFooter]", never, {}, {}, never, never, true, never>;
|
|
1943
|
+
}
|
|
1944
|
+
|
|
1945
|
+
declare class DrawerContainerComponent {
|
|
1946
|
+
readonly drawerRef: DrawerRef<any>;
|
|
1947
|
+
readonly config: DrawerConfig<unknown>;
|
|
1948
|
+
readonly portalOutlet: _angular_core.Signal<CdkPortalOutlet | undefined>;
|
|
1949
|
+
footerTpl: TemplateRef<void> | null;
|
|
1950
|
+
private componentRef;
|
|
1951
|
+
readonly classMap: _angular_core.Signal<{
|
|
1952
|
+
[x: string]: boolean;
|
|
1953
|
+
'is-open': boolean;
|
|
1954
|
+
'mc-drawer--extend': boolean;
|
|
1955
|
+
}>;
|
|
1956
|
+
readonly ariaModal: _angular_core.Signal<"true" | "false">;
|
|
1957
|
+
attachComponent<C>(component: Type<C>): ComponentRef<C>;
|
|
1958
|
+
registerFooter(tpl: TemplateRef<void>): void;
|
|
1959
|
+
noop(): void;
|
|
1960
|
+
onBackClick(): void;
|
|
1961
|
+
onBackdropClick(event: MouseEvent): void;
|
|
1962
|
+
onEscape(): void;
|
|
1963
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerContainerComponent, never>;
|
|
1964
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerContainerComponent, "moz-drawer-container", never, {}, {}, never, never, true, never>;
|
|
1965
|
+
}
|
|
1966
|
+
|
|
1840
1967
|
declare class MozDrawerComponent {
|
|
1841
1968
|
readonly open: _angular_core.InputSignal<boolean>;
|
|
1842
1969
|
readonly position: _angular_core.InputSignal<MozDrawerPosition>;
|
|
@@ -1846,7 +1973,7 @@ declare class MozDrawerComponent {
|
|
|
1846
1973
|
readonly contentTitle: _angular_core.InputSignal<string | undefined>;
|
|
1847
1974
|
readonly updateOpen: _angular_core.OutputEmitterRef<boolean>;
|
|
1848
1975
|
readonly backEvent: _angular_core.OutputEmitterRef<void>;
|
|
1849
|
-
footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
1976
|
+
readonly footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
1850
1977
|
readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
1851
1978
|
readonly classMap: _angular_core.Signal<{
|
|
1852
1979
|
[x: string]: boolean;
|
|
@@ -1864,5 +1991,153 @@ declare class MozDrawerComponent {
|
|
|
1864
1991
|
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
1992
|
}
|
|
1866
1993
|
|
|
1867
|
-
|
|
1868
|
-
|
|
1994
|
+
type MozPopoverAppearance = 'default' | 'inverse';
|
|
1995
|
+
type MozPopoverPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
1996
|
+
type MozPopoverSize = 's' | 'm';
|
|
1997
|
+
interface PopoverConfig<D = unknown> {
|
|
1998
|
+
title?: string;
|
|
1999
|
+
description?: string;
|
|
2000
|
+
appearance?: MozPopoverAppearance;
|
|
2001
|
+
position?: MozPopoverPosition;
|
|
2002
|
+
size?: MozPopoverSize;
|
|
2003
|
+
pointer?: boolean;
|
|
2004
|
+
closable?: boolean;
|
|
2005
|
+
buttonLabel?: string;
|
|
2006
|
+
data?: D;
|
|
2007
|
+
}
|
|
2008
|
+
declare const POPOVER_CONFIG: InjectionToken<PopoverConfig<unknown>>;
|
|
2009
|
+
declare const POPOVER_DATA: InjectionToken<unknown>;
|
|
2010
|
+
|
|
2011
|
+
declare class MozPopoverComponent {
|
|
2012
|
+
readonly appearance: _angular_core.InputSignal<MozPopoverAppearance>;
|
|
2013
|
+
readonly position: _angular_core.InputSignal<MozPopoverPosition>;
|
|
2014
|
+
readonly size: _angular_core.InputSignal<MozPopoverSize>;
|
|
2015
|
+
readonly pointer: _angular_core.InputSignal<boolean>;
|
|
2016
|
+
readonly closable: _angular_core.InputSignal<boolean>;
|
|
2017
|
+
readonly title: _angular_core.InputSignal<string | undefined>;
|
|
2018
|
+
readonly description: _angular_core.InputSignal<string | undefined>;
|
|
2019
|
+
readonly buttonLabel: _angular_core.InputSignal<string | undefined>;
|
|
2020
|
+
readonly open: _angular_core.InputSignal<boolean>;
|
|
2021
|
+
readonly closeClick: _angular_core.OutputEmitterRef<void>;
|
|
2022
|
+
footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
|
|
2023
|
+
readonly classMap: _angular_core.Signal<{
|
|
2024
|
+
[x: string]: boolean;
|
|
2025
|
+
'mc-popover': boolean;
|
|
2026
|
+
'mc-popover--inverse': boolean;
|
|
2027
|
+
'mc-popover--no-pointer': boolean;
|
|
2028
|
+
}>;
|
|
2029
|
+
readonly closeButtonClass: _angular_core.Signal<{
|
|
2030
|
+
'mc-popover__close': boolean;
|
|
2031
|
+
'mc-button': boolean;
|
|
2032
|
+
'mc-button--icon-button': boolean;
|
|
2033
|
+
'mc-button--s': boolean;
|
|
2034
|
+
'mc-button--ghost': boolean;
|
|
2035
|
+
'mc-button--inverse': boolean;
|
|
2036
|
+
}>;
|
|
2037
|
+
onClose(): void;
|
|
2038
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozPopoverComponent, never>;
|
|
2039
|
+
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>;
|
|
2040
|
+
}
|
|
2041
|
+
|
|
2042
|
+
declare class PopoverRef<R = unknown> {
|
|
2043
|
+
private readonly overlayRef;
|
|
2044
|
+
private readonly afterClosed$;
|
|
2045
|
+
constructor(overlayRef: OverlayRef);
|
|
2046
|
+
close(result?: R): void;
|
|
2047
|
+
afterClosed(): Observable<R | undefined>;
|
|
2048
|
+
}
|
|
2049
|
+
|
|
2050
|
+
declare class MozPopoverTriggerDirective implements OnDestroy {
|
|
2051
|
+
private readonly overlay;
|
|
2052
|
+
private readonly elementRef;
|
|
2053
|
+
private readonly injector;
|
|
2054
|
+
/** The component to inject inside the popover, or null for config-only popover */
|
|
2055
|
+
readonly mozPopoverTrigger: _angular_core.InputSignal<Type<unknown> | null>;
|
|
2056
|
+
/** Popover config */
|
|
2057
|
+
readonly popoverTitle: _angular_core.InputSignal<string | undefined>;
|
|
2058
|
+
readonly popoverDescription: _angular_core.InputSignal<string | undefined>;
|
|
2059
|
+
readonly popoverAppearance: _angular_core.InputSignal<_mozaic_ds_angular.MozPopoverAppearance | undefined>;
|
|
2060
|
+
readonly popoverPosition: _angular_core.InputSignal<MozPopoverPosition>;
|
|
2061
|
+
readonly popoverSize: _angular_core.InputSignal<_mozaic_ds_angular.MozPopoverSize | undefined>;
|
|
2062
|
+
readonly popoverPointer: _angular_core.InputSignal<boolean>;
|
|
2063
|
+
readonly popoverClosable: _angular_core.InputSignal<boolean>;
|
|
2064
|
+
readonly popoverButtonLabel: _angular_core.InputSignal<string | undefined>;
|
|
2065
|
+
readonly popoverData: _angular_core.InputSignal<unknown>;
|
|
2066
|
+
/** Emits when popover closes */
|
|
2067
|
+
readonly popoverClosed: _angular_core.OutputEmitterRef<unknown>;
|
|
2068
|
+
private popoverRef;
|
|
2069
|
+
toggle(): void;
|
|
2070
|
+
open(): void;
|
|
2071
|
+
close(): void;
|
|
2072
|
+
ngOnDestroy(): void;
|
|
2073
|
+
private createOverlay;
|
|
2074
|
+
private getPositions;
|
|
2075
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozPopoverTriggerDirective, never>;
|
|
2076
|
+
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>;
|
|
2077
|
+
}
|
|
2078
|
+
|
|
2079
|
+
declare class PopoverService {
|
|
2080
|
+
private readonly overlay;
|
|
2081
|
+
private readonly injector;
|
|
2082
|
+
/**
|
|
2083
|
+
* Open a popover attached to an element.
|
|
2084
|
+
*/
|
|
2085
|
+
open<C, D = unknown, R = unknown>(component: Type<C>, origin: ElementRef | HTMLElement, config: PopoverConfig<D>): PopoverRef<R>;
|
|
2086
|
+
private createOverlay;
|
|
2087
|
+
private getPositions;
|
|
2088
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverService, never>;
|
|
2089
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<PopoverService>;
|
|
2090
|
+
}
|
|
2091
|
+
|
|
2092
|
+
declare class PopoverContainerComponent {
|
|
2093
|
+
readonly popoverRef: PopoverRef<any>;
|
|
2094
|
+
readonly config: PopoverConfig<unknown>;
|
|
2095
|
+
private readonly cdr;
|
|
2096
|
+
readonly portalOutlet: _angular_core.Signal<CdkPortalOutlet | undefined>;
|
|
2097
|
+
readonly footerTpl: _angular_core.WritableSignal<TemplateRef<void> | null>;
|
|
2098
|
+
registerFooter(tpl: TemplateRef<void>): void;
|
|
2099
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverContainerComponent, never>;
|
|
2100
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverContainerComponent, "moz-popover-container", never, {}, {}, never, never, true, never>;
|
|
2101
|
+
}
|
|
2102
|
+
|
|
2103
|
+
declare class MozPopoverFooterDirective {
|
|
2104
|
+
private readonly tpl;
|
|
2105
|
+
private readonly container;
|
|
2106
|
+
constructor();
|
|
2107
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozPopoverFooterDirective, never>;
|
|
2108
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MozPopoverFooterDirective, "[mozPopoverFooter]", never, {}, {}, never, never, true, never>;
|
|
2109
|
+
}
|
|
2110
|
+
|
|
2111
|
+
type MozNavigationIndicatorAction = 'pause' | 'resume';
|
|
2112
|
+
|
|
2113
|
+
declare class MozNavigationIndicatorComponent {
|
|
2114
|
+
/** Total number of steps */
|
|
2115
|
+
readonly steps: _angular_core.InputSignal<number>;
|
|
2116
|
+
/** Currently active step index (0-based) */
|
|
2117
|
+
readonly active: _angular_core.ModelSignal<number>;
|
|
2118
|
+
/** Action button type: 'pause' or 'resume' */
|
|
2119
|
+
readonly action: _angular_core.InputSignal<MozNavigationIndicatorAction>;
|
|
2120
|
+
/** Use light (icon-only) variant for the action button */
|
|
2121
|
+
readonly light: _angular_core.InputSignal<boolean>;
|
|
2122
|
+
/** Hide the action button entirely */
|
|
2123
|
+
readonly hideAction: _angular_core.InputSignal<boolean>;
|
|
2124
|
+
/** Label for the pause button */
|
|
2125
|
+
readonly pauseLabel: _angular_core.InputSignal<string>;
|
|
2126
|
+
/** Label for the resume button */
|
|
2127
|
+
readonly resumeLabel: _angular_core.InputSignal<string>;
|
|
2128
|
+
/** Emits when a step indicator is clicked */
|
|
2129
|
+
readonly stepClick: _angular_core.OutputEmitterRef<number>;
|
|
2130
|
+
/** Emits when the action button (pause/resume) is clicked */
|
|
2131
|
+
readonly actionClick: _angular_core.OutputEmitterRef<MozNavigationIndicatorAction>;
|
|
2132
|
+
/** Array of step indices for iteration */
|
|
2133
|
+
readonly stepsArray: _angular_core.Signal<number[]>;
|
|
2134
|
+
/** Current action label */
|
|
2135
|
+
readonly actionLabel: _angular_core.Signal<string>;
|
|
2136
|
+
onStepClick(index: number): void;
|
|
2137
|
+
onActionClick(): void;
|
|
2138
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozNavigationIndicatorComponent, never>;
|
|
2139
|
+
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>;
|
|
2140
|
+
}
|
|
2141
|
+
|
|
2142
|
+
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 };
|
|
2143
|
+
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 };
|