@mozaic-ds/angular 2.0.0-beta.34 → 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.
Files changed (4) hide show
  1. package/fesm2022/mozaic-ds-angular.mjs +1438 -538
  2. package/fesm2022/mozaic-ds-angular.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/types/mozaic-ds-angular.d.ts +742 -450
package/types/mozaic-ds-angular.d.ts CHANGED
@@ -1,10 +1,12 @@
1
1
  import * as _angular_core from '@angular/core';
2
- import { TemplateRef, OnInit, ElementRef, OnDestroy, Type, AfterViewInit, Renderer2, WritableSignal, AfterContentInit, QueryList, EventEmitter } from '@angular/core';
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
- import { CheckCircle32, Uploading32, WarningCircle32, CrossCircleFilled24 } from '@mozaic-ds/icons-angular';
4
+ import { CheckCircle32, Uploading32, WarningCircle32 } from '@mozaic-ds/icons-angular';
5
5
  import { RouterLink } from '@angular/router';
6
- import { DialogRef } from '@angular/cdk/dialog';
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 hostClasses: _angular_core.Signal<string>;
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 indentedClass: _angular_core.Signal<{
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
- open: _angular_core.InputSignal<boolean>;
326
- readonly isOpen: _angular_core.WritableSignal<boolean>;
327
- readonly updateOpen: _angular_core.OutputEmitterRef<boolean>;
328
- readonly closeRequest: _angular_core.OutputEmitterRef<void>;
329
- constructor();
330
- close(): void;
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
- modal: boolean;
343
+ [x: string]: boolean;
333
344
  'is-open': boolean;
334
345
  }>;
335
- readonly ariaModal: _angular_core.Signal<"true" | "false">;
336
- noop(): void;
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, { "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "updateOpen": "updateOpen"; "closeRequest": "closeRequest"; }, never, ["*"], true, 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
- declare class MozModalContainerComponent<T = unknown, R = unknown> implements OnDestroy {
342
- readonly dialogRef: DialogRef<R, unknown>;
343
- readonly data: MozModalConfig<T>;
344
- readonly isOpen: _angular_core.WritableSignal<boolean>;
345
- readonly modalElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
346
- private pendingClose;
347
- private isClosing;
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
- interface MozModalButton {
372
- label: string;
373
- onClick?: () => void;
374
- primary?: boolean;
375
- }
376
- interface MozModalConfig<T = unknown> {
377
- title?: string;
378
- closable?: boolean;
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
- get afterClosed(): Observable<R | undefined>;
398
- get componentInstance(): MozModalContainerComponent | null;
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>;
374
+ afterClosed(): Observable<R | undefined>;
375
+ afterOpened(): Observable<void>;
406
376
  }
407
377
 
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>;
415
- }
416
-
417
- declare class MozModalBodyComponent {
418
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalBodyComponent, never>;
419
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalBodyComponent, "moz-modal-body", never, {}, {}, never, ["*"], true, never>;
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 MozModalFooterComponent {
423
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozModalFooterComponent, never>;
424
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalFooterComponent, "moz-modal-footer", never, {}, {}, never, ["[link]", "*"], true, never>;
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<6 | 4 | 5>;
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,21 +672,23 @@ declare class MozStatusDotComponent {
697
672
  }
698
673
 
699
674
  type MozStatusNotificationStatus = 'info' | 'success' | 'warning' | 'error';
675
+
700
676
  declare class MozStatusNotificationComponent {
701
- title: _angular_core.InputSignal<string | undefined>;
702
- status: _angular_core.InputSignal<MozStatusNotificationStatus>;
703
- closable: _angular_core.InputSignal<boolean>;
704
- closed: _angular_core.OutputEmitterRef<void>;
705
- descriptionTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
706
- footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
707
- readonly classes: _angular_core.Signal<{
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>;
684
+ readonly classes: Signal<{
708
685
  [x: string]: boolean | MozStatusNotificationStatus;
709
686
  'mc-status-notification': boolean;
710
687
  }>;
711
- readonly iconComponent: _angular_core.Signal<typeof CheckCircle32>;
688
+ readonly iconComponent: Signal<Type<unknown>>;
712
689
  onCloseClick(): void;
713
690
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusNotificationComponent, never>;
714
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusNotificationComponent, "moz-status-notification", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, ["descriptionTpl", "footerTpl"], never, true, never>;
691
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusNotificationComponent, "moz-status-notification", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, ["descriptionTpl", "footerTpl"], never, true, never>;
715
692
  }
716
693
 
717
694
  declare class MozTabComponent {
@@ -731,6 +708,7 @@ interface MozTabItem {
731
708
  disabled?: boolean;
732
709
  routerLink?: string;
733
710
  }
711
+
734
712
  declare class MozTabsComponent implements AfterContentInit {
735
713
  tabs: QueryList<MozTabComponent>;
736
714
  description: _angular_core.InputSignal<string | undefined>;
@@ -767,6 +745,7 @@ declare class MozTabsComponent implements AfterContentInit {
767
745
 
768
746
  type MozTagType = 'informative' | 'interactive' | 'contextualised' | 'removable' | 'selectable';
769
747
  type MozTagSize = 's' | 'm' | 'l';
748
+
770
749
  declare class MozTagComponent implements ControlValueAccessor {
771
750
  readonly type: _angular_core.InputSignal<MozTagType>;
772
751
  readonly size: _angular_core.InputSignal<MozTagSize>;
@@ -822,10 +801,6 @@ declare class MozTextarea implements ControlValueAccessor, AfterViewInit, OnDest
822
801
  }
823
802
 
824
803
  type MozTextInputSize = 's' | 'm';
825
- /**
826
- * Directive that transforms a simple input into a styled text input with optional icon and clearable button.
827
- * Wraps the input element in a container and adds additional elements as needed.
828
- */
829
804
  declare class MozTextInput implements ControlValueAccessor, AfterViewInit, OnDestroy {
830
805
  private elementRef;
831
806
  private renderer;
@@ -835,6 +810,8 @@ declare class MozTextInput implements ControlValueAccessor, AfterViewInit, OnDes
835
810
  readonly size: _angular_core.InputSignal<MozTextInputSize>;
836
811
  readonly clearable: _angular_core.InputSignal<boolean>;
837
812
  readonly clearLabel: _angular_core.InputSignal<string>;
813
+ readonly prefix: _angular_core.InputSignal<string>;
814
+ readonly suffix: _angular_core.InputSignal<string>;
838
815
  private wrapper;
839
816
  private clearButton;
840
817
  private iconContainer;
@@ -848,6 +825,7 @@ declare class MozTextInput implements ControlValueAccessor, AfterViewInit, OnDes
848
825
  ngAfterViewInit(): void;
849
826
  ngOnDestroy(): void;
850
827
  private wrapInput;
828
+ private createAddon;
851
829
  private findIconElement;
852
830
  private createIconContainer;
853
831
  private createClearButton;
@@ -861,15 +839,16 @@ declare class MozTextInput implements ControlValueAccessor, AfterViewInit, OnDes
861
839
  registerOnTouched(fn: () => void): void;
862
840
  setDisabledState(isDisabled: boolean): void;
863
841
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextInput, never>;
864
- 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>;
865
843
  }
866
844
 
867
845
  type MozToggleSize = 's' | 'm';
846
+
868
847
  declare class MozToggleComponent implements ControlValueAccessor {
869
- id: _angular_core.InputSignal<string>;
870
- name: _angular_core.InputSignal<string | undefined>;
871
- size: _angular_core.InputSignal<MozToggleSize>;
872
- 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>;
873
852
  readonly classes: _angular_core.Signal<{
874
853
  [x: string]: boolean | MozToggleSize;
875
854
  toggle: boolean;
@@ -886,6 +865,7 @@ declare class MozToggleComponent implements ControlValueAccessor {
886
865
  }
887
866
 
888
867
  type MozFlagType = 'default' | 'accent' | 'danger' | 'inverse';
868
+
889
869
  declare class MozFlagComponent {
890
870
  readonly type: _angular_core.InputSignal<MozFlagType>;
891
871
  readonly classes: _angular_core.Signal<"flag" | "flag flag--accent" | "flag flag--danger" | "flag flag--inverse">;
@@ -894,6 +874,7 @@ declare class MozFlagComponent {
894
874
  }
895
875
 
896
876
  type MozDatepickerSize = 'default' | 's';
877
+
897
878
  declare class MozDatepickerComponent implements ControlValueAccessor {
898
879
  readonly id: _angular_core.InputSignal<string>;
899
880
  readonly disabled: _angular_core.InputSignal<boolean>;
@@ -903,7 +884,7 @@ declare class MozDatepickerComponent implements ControlValueAccessor {
903
884
  readonly clearable: _angular_core.InputSignal<boolean>;
904
885
  readonly size: _angular_core.InputSignal<MozDatepickerSize>;
905
886
  readonly label: _angular_core.InputSignal<string>;
906
- _value: _angular_core.WritableSignal<string | null>;
887
+ readonly _value: _angular_core.WritableSignal<string | null>;
907
888
  readonly classes: _angular_core.Signal<{
908
889
  'mc-datepicker': boolean;
909
890
  'mc-text-input': boolean;
@@ -924,6 +905,7 @@ declare class MozDatepickerComponent implements ControlValueAccessor {
924
905
  }
925
906
 
926
907
  type MozTooltipPosition = 'top' | 'bottom' | 'left' | 'right';
908
+
927
909
  declare class MozTooltipComponent {
928
910
  readonly id: _angular_core.InputSignal<string>;
929
911
  readonly position: _angular_core.InputSignal<MozTooltipPosition>;
@@ -957,53 +939,57 @@ declare class MozTooltipDirective implements OnDestroy {
957
939
  }
958
940
 
959
941
  type MozCircularProgessBarSize = 's' | 'm' | 'l';
942
+
960
943
  declare class MozCircularProgressBarComponent {
961
- valuePercent: _angular_core.InputSignal<number>;
962
- size: _angular_core.InputSignal<MozCircularProgessBarSize>;
963
- ariaLabel: _angular_core.InputSignal<string>;
964
- numberLabel: _angular_core.InputSignal<string | null>;
965
- textLabel: _angular_core.InputSignal<string | null>;
966
- showPercentage: _angular_core.InputSignal<boolean>;
967
- classes: _angular_core.Signal<string>;
968
- hasNumberOrText: () => boolean;
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>;
969
952
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCircularProgressBarComponent, never>;
970
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>;
971
954
  }
972
955
 
973
956
  type MozLinearProgressBarBufferSize = 's' | 'm' | 'l';
957
+
974
958
  declare class MozLinearProgressBarBufferComponent {
975
- valuePercent: _angular_core.InputSignal<number>;
976
- size: _angular_core.InputSignal<MozLinearProgressBarBufferSize>;
977
- ariaLabel: _angular_core.InputSignal<string>;
978
- 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>;
979
963
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLinearProgressBarBufferComponent, never>;
980
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>;
981
965
  }
982
966
 
983
967
  declare class MozLinearProgressBarPercentageComponent {
984
- valuePercent: _angular_core.InputSignal<number>;
985
- ariaLabel: _angular_core.InputSignal<string>;
986
- 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>;
987
971
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLinearProgressBarPercentageComponent, never>;
988
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>;
989
973
  }
990
974
 
991
975
  type MozCalloutVariant = 'default' | 'inverse' | 'tips' | 'accent';
976
+
992
977
  declare class MozCalloutComponent {
993
- title: _angular_core.InputSignal<string | null>;
994
- message: _angular_core.InputSignal<string | null>;
995
- role: _angular_core.InputSignal<string>;
996
- variant: _angular_core.InputSignal<MozCalloutVariant>;
997
- footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
998
- 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>;
999
984
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCalloutComponent, never>;
1000
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>;
1001
986
  }
1002
987
 
1003
988
  type MozAvatarSize = 's' | 'm' | 'l';
989
+
1004
990
  declare class MozAvatarComponent {
1005
- size: _angular_core.InputSignal<MozAvatarSize>;
1006
- classes: _angular_core.Signal<string>;
991
+ readonly size: _angular_core.InputSignal<MozAvatarSize>;
992
+ readonly classes: _angular_core.Signal<string>;
1007
993
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozAvatarComponent, never>;
1008
994
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozAvatarComponent, "moz-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1009
995
  }
@@ -1017,41 +1003,43 @@ type MozPhoneNumberValue = {
1017
1003
  country: string;
1018
1004
  number: string;
1019
1005
  };
1006
+ type MozPhoneNumberSize = 's' | 'm';
1007
+
1020
1008
  declare class MozPhoneNumberComponent implements ControlValueAccessor {
1021
- label: _angular_core.InputSignal<string>;
1022
- requirementText: _angular_core.InputSignal<string | null>;
1023
- showRequirement: _angular_core.InputSignalWithTransform<boolean, unknown>;
1024
- helpText: _angular_core.InputSignal<string | null>;
1025
- size: _angular_core.InputSignal<"s" | "m">;
1026
- placeholder: _angular_core.InputSignal<string | null>;
1027
- defaultCountry: _angular_core.InputSignal<string>;
1028
- locale: _angular_core.InputSignal<string>;
1029
- countryCodes: _angular_core.InputSignal<string[] | null>;
1030
- countries: _angular_core.InputSignal<MozPhoneNumberCountry[]>;
1031
- showCountrySelect: _angular_core.InputSignalWithTransform<boolean, unknown>;
1032
- showCountryCode: _angular_core.InputSignalWithTransform<boolean, unknown>;
1033
- disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
1034
- readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
1035
- invalid: _angular_core.InputSignal<boolean | null>;
1036
- errorMessage: _angular_core.InputSignal<string | null>;
1037
- selectName: _angular_core.InputSignal<string>;
1038
- inputName: _angular_core.InputSignal<string>;
1039
- private _country;
1040
- private _number;
1041
- private uid;
1042
- selectId: string;
1043
- flagImgId: string;
1044
- inputId: string;
1045
- helpId: string;
1046
- errorId: string;
1047
- ccId: string;
1048
- selectedCountryCode: _angular_core.Signal<string>;
1049
- availableCountries: _angular_core.Signal<string[]>;
1050
- selectedCountryName: _angular_core.Signal<string>;
1051
- selectedDialCode: _angular_core.Signal<string>;
1052
- selectedFlagUrl: _angular_core.Signal<string>;
1053
- number: _angular_core.Signal<string>;
1054
- 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>;
1055
1043
  private selectedLibCountryCode;
1056
1044
  private parsedNumber;
1057
1045
  private phoneIsValid;
@@ -1080,20 +1068,21 @@ declare class MozPhoneNumberComponent implements ControlValueAccessor {
1080
1068
  type MozToasterStatus = 'info' | 'success' | 'warning' | 'error';
1081
1069
  type MozToasterPosition = 'top' | 'bottom' | 'top-center' | 'bottom-center';
1082
1070
  type MozToasterRole = 'status' | 'alert';
1071
+
1083
1072
  declare class MozToasterComponent implements AfterContentInit {
1084
- open: _angular_core.InputSignalWithTransform<boolean, unknown>;
1085
- position: _angular_core.InputSignal<MozToasterPosition>;
1086
- description: _angular_core.InputSignal<string>;
1087
- status: _angular_core.InputSignal<MozToasterStatus>;
1088
- closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
1089
- progress: _angular_core.InputSignalWithTransform<boolean, unknown>;
1090
- timeout: _angular_core.InputSignal<number | null>;
1091
- role: _angular_core.InputSignal<MozToasterRole>;
1092
- closeAriaLabel: _angular_core.InputSignal<string>;
1093
- openChange: _angular_core.OutputEmitterRef<boolean>;
1094
- closed: _angular_core.OutputEmitterRef<void>;
1095
- actionSlot: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
1096
- 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>;
1097
1086
  ngAfterContentInit(): void;
1098
1087
  classes: _angular_core.Signal<string>;
1099
1088
  private _progressValue;
@@ -1123,24 +1112,25 @@ type MozSidebarItem = {
1123
1112
  open?: boolean;
1124
1113
  children?: MozSidebarSubItem[];
1125
1114
  };
1115
+
1126
1116
  declare class MozSidebarComponent {
1127
- expanded: _angular_core.InputSignalWithTransform<boolean, unknown>;
1128
- items: _angular_core.InputSignal<MozSidebarItem[]>;
1129
- title: _angular_core.InputSignal<string>;
1130
- logoSrc: _angular_core.InputSignal<string | null>;
1131
- logoAlt: _angular_core.InputSignal<string>;
1132
- showFooter: _angular_core.InputSignalWithTransform<boolean, unknown>;
1133
- showProfile: _angular_core.InputSignalWithTransform<boolean, unknown>;
1134
- profileName: _angular_core.InputSignal<string | null>;
1135
- profileTitle: _angular_core.InputSignal<string | null>;
1136
- profileAvatarSrc: _angular_core.InputSignal<string | null>;
1137
- expandedChange: _angular_core.OutputEmitterRef<boolean>;
1138
- 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<{
1139
1129
  itemId: string;
1140
1130
  subItemId: string | null;
1141
1131
  }>;
1142
- hostClasses: _angular_core.Signal<string>;
1143
- expandButtonAriaLabel: _angular_core.Signal<"Collapse" | "Expand">;
1132
+ readonly hostClasses: _angular_core.Signal<string>;
1133
+ readonly expandButtonAriaLabel: _angular_core.Signal<"Collapse" | "Expand">;
1144
1134
  shouldOpen: (i: MozSidebarItem) => boolean;
1145
1135
  toggleExpanded(): void;
1146
1136
  onItemClick(itemId: string, subItemId: string | null, ev: Event): void;
@@ -1154,26 +1144,27 @@ type MozSegmentedItem = {
1154
1144
  label: string;
1155
1145
  value: string | number;
1156
1146
  };
1147
+
1157
1148
  declare class MozSegmentedControlComponent {
1158
- items: _angular_core.InputSignal<MozSegmentedItem[]>;
1159
- size: _angular_core.InputSignal<MozSegmentedControlSize>;
1160
- full: _angular_core.InputSignalWithTransform<boolean, unknown>;
1161
- ariaLabel: _angular_core.InputSignal<string>;
1162
- selectedIndex: _angular_core.ModelSignal<number>;
1163
- 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<{
1164
1155
  index: number;
1165
1156
  value: string | number;
1166
1157
  }>;
1167
- classes: _angular_core.Signal<{
1158
+ readonly classes: _angular_core.Signal<{
1168
1159
  'segmented-control': boolean;
1169
1160
  'segmented-control--m': boolean;
1170
1161
  'segmented-control--full': boolean;
1171
1162
  }>;
1172
- segmentClasses: (index: number) => _angular_core.Signal<{
1163
+ readonly segmentClasses: (index: number) => _angular_core.Signal<{
1173
1164
  'segmented-control__segment': boolean;
1174
1165
  'segmented-control__segment--selected': boolean;
1175
1166
  }>;
1176
- private buttons;
1167
+ private readonly buttons;
1177
1168
  onSelect(index: number): void;
1178
1169
  private focusIndex;
1179
1170
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozSegmentedControlComponent, never>;
@@ -1181,23 +1172,23 @@ declare class MozSegmentedControlComponent {
1181
1172
  }
1182
1173
 
1183
1174
  declare class MozAccordionHeaderComponent {
1184
- tpl: _angular_core.Signal<TemplateRef<any> | undefined>;
1175
+ readonly tpl: _angular_core.Signal<TemplateRef<any> | undefined>;
1185
1176
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozAccordionHeaderComponent, never>;
1186
1177
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozAccordionHeaderComponent, "moz-accordion-header", never, {}, {}, never, ["[title]", "[subtitle]"], true, never>;
1187
1178
  }
1188
1179
 
1189
1180
  declare class MozAccordionContentComponent {
1190
- tpl: _angular_core.Signal<TemplateRef<any> | undefined>;
1181
+ readonly tpl: _angular_core.Signal<TemplateRef<any> | undefined>;
1191
1182
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozAccordionContentComponent, never>;
1192
1183
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozAccordionContentComponent, "moz-accordion-content", never, {}, {}, never, ["*"], true, never>;
1193
1184
  }
1194
1185
 
1195
1186
  declare class MozAccordionPanelComponent {
1196
- icon: _angular_core.InputSignal<Type<unknown> | null>;
1197
- open: _angular_core.InputSignal<boolean>;
1198
- state: _angular_core.WritableSignal<boolean>;
1199
- header: _angular_core.Signal<MozAccordionHeaderComponent | undefined>;
1200
- 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>;
1201
1192
  ngOnInit(): void;
1202
1193
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozAccordionPanelComponent, never>;
1203
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>;
@@ -1233,21 +1224,21 @@ declare class MozAccordionComponent {
1233
1224
  *
1234
1225
  * @default false
1235
1226
  */
1236
- ghost: _angular_core.InputSignal<boolean>;
1227
+ readonly ghost: _angular_core.InputSignal<boolean>;
1237
1228
  /**
1238
1229
  * Uses native HTML `<details>` and `<summary>` elements instead of custom implementation.
1239
1230
  * Provides better accessibility and performance with browser-native behavior.
1240
1231
  *
1241
1232
  * @default false
1242
1233
  */
1243
- native: _angular_core.InputSignal<boolean>;
1234
+ readonly native: _angular_core.InputSignal<boolean>;
1244
1235
  /**
1245
1236
  * Computed CSS classes based on component inputs.
1246
1237
  * Automatically updates when ghost input changes.
1247
1238
  *
1248
1239
  * @internal
1249
1240
  */
1250
- cssClasses: _angular_core.Signal<{
1241
+ readonly cssClasses: _angular_core.Signal<{
1251
1242
  accordion: boolean;
1252
1243
  'accordion--ghost': boolean;
1253
1244
  }>;
@@ -1257,7 +1248,7 @@ declare class MozAccordionComponent {
1257
1248
  *
1258
1249
  * @internal
1259
1250
  */
1260
- panels: _angular_core.Signal<readonly MozAccordionPanelComponent[]>;
1251
+ readonly panels: _angular_core.Signal<readonly MozAccordionPanelComponent[]>;
1261
1252
  /**
1262
1253
  * Toggles the open/closed state of an accordion panel.
1263
1254
  *
@@ -1277,7 +1268,7 @@ declare class MozAccordionComponent {
1277
1268
  }
1278
1269
 
1279
1270
  declare class MozActionBottomBarComponent {
1280
- boxShadow: _angular_core.InputSignal<boolean>;
1271
+ readonly boxShadow: _angular_core.InputSignal<boolean>;
1281
1272
  readonly classes: _angular_core.Signal<{
1282
1273
  'mc-action-bottom-bar': boolean;
1283
1274
  'mc-action-bottom-bar--shadow': boolean;
@@ -1287,7 +1278,7 @@ declare class MozActionBottomBarComponent {
1287
1278
  }
1288
1279
 
1289
1280
  type MozActionListItemAppearance = 'standard' | 'danger';
1290
- interface ActionListItem {
1281
+ interface MozActionListItem {
1291
1282
  /**
1292
1283
  * The icon component displayed for the item.
1293
1284
  */
@@ -1309,6 +1300,7 @@ interface ActionListItem {
1309
1300
  */
1310
1301
  divider?: boolean;
1311
1302
  }
1303
+
1312
1304
  /**
1313
1305
  * An action list is a contextual menu that presents a list of available actions related to a specific element or interface area.
1314
1306
  * It allows users to quickly access functions such as editing, sharing, deleting, or navigating to sub-actions.
@@ -1318,16 +1310,20 @@ declare class MozActionListboxComponent {
1318
1310
  /**
1319
1311
  * Title displayed in mobile version.
1320
1312
  */
1321
- title: _angular_core.InputSignal<string | undefined>;
1313
+ readonly title: _angular_core.InputSignal<string | undefined>;
1322
1314
  /**
1323
1315
  * An array of objects that allows you to provide all the data needed to generate the content for each item.
1324
1316
  */
1325
- items: _angular_core.InputSignal<ActionListItem[]>;
1317
+ readonly items: _angular_core.InputSignal<MozActionListItem[]>;
1318
+ /**
1319
+ * Emitted when an item is clicked.
1320
+ */
1321
+ readonly itemClick: _angular_core.OutputEmitterRef<MozActionListItem>;
1326
1322
  /**
1327
1323
  * Computed signal that maps items to their CSS classes.
1328
1324
  */
1329
- itemsWithClasses: _angular_core.Signal<{
1330
- item: ActionListItem;
1325
+ readonly itemsWithClasses: _angular_core.Signal<{
1326
+ item: MozActionListItem;
1331
1327
  classes: {
1332
1328
  'action-list__element': boolean;
1333
1329
  'action-list__element--danger': boolean;
@@ -1335,21 +1331,73 @@ declare class MozActionListboxComponent {
1335
1331
  };
1336
1332
  }[]>;
1337
1333
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozActionListboxComponent, never>;
1338
- 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>;
1339
1387
  }
1340
1388
 
1341
1389
  declare class MozCarouselComponent implements OnDestroy {
1342
- ariaLabelledby: _angular_core.InputSignal<string | null>;
1343
- previousButtonAriaLabel: _angular_core.InputSignal<string>;
1344
- nextButtonAriaLabel: _angular_core.InputSignal<string>;
1345
- index: _angular_core.ModelSignal<number>;
1346
- 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;
1347
1395
  private metrics;
1348
1396
  private raf;
1349
1397
  private cleanup;
1350
1398
  private eps;
1351
- canPrev: _angular_core.Signal<boolean>;
1352
- canNext: _angular_core.Signal<boolean>;
1399
+ readonly canPrev: _angular_core.Signal<boolean>;
1400
+ readonly canNext: _angular_core.Signal<boolean>;
1353
1401
  private updateLogicalIndexFromScroll;
1354
1402
  constructor();
1355
1403
  ngOnDestroy(): void;
@@ -1360,34 +1408,37 @@ declare class MozCarouselComponent implements OnDestroy {
1360
1408
  }
1361
1409
 
1362
1410
  type MozStatusMessageStatus = 'info' | 'success' | 'warning' | 'error' | 'neutral' | 'inprogress';
1411
+
1363
1412
  declare class MozStatusMessageComponent {
1364
- status: _angular_core.InputSignal<MozStatusMessageStatus>;
1365
- description: _angular_core.InputSignal<string | null>;
1366
- readonly classes: _angular_core.Signal<{
1413
+ readonly status: _angular_core.InputSignal<MozStatusMessageStatus>;
1414
+ readonly description: _angular_core.InputSignal<string | null>;
1415
+ readonly id: _angular_core.InputSignal<string>;
1416
+ readonly classes: Signal<{
1367
1417
  [x: string]: boolean | MozStatusMessageStatus;
1368
1418
  'mc-status-message': boolean;
1369
1419
  }>;
1370
- readonly iconComponent: _angular_core.Signal<typeof CrossCircleFilled24>;
1420
+ readonly iconComponent: Signal<Type<unknown>>;
1371
1421
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusMessageComponent, never>;
1372
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusMessageComponent, "moz-status-message", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1422
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusMessageComponent, "moz-status-message", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1373
1423
  }
1374
1424
 
1375
1425
  type MozKpiTrend = 'increasing' | 'decreasing' | 'stable';
1376
1426
  type MozKpiStatus = 'info' | 'warning' | 'error' | 'success' | 'neutral';
1377
1427
  type MozKpiSize = 's' | 'm' | 'l';
1428
+
1378
1429
  declare class MozKpiComponent {
1379
1430
  /** The current value of the KPI item. */
1380
- value: _angular_core.InputSignal<string>;
1431
+ readonly value: _angular_core.InputSignal<string>;
1381
1432
  /** Defines the evolution of the KPI. */
1382
- trend: _angular_core.InputSignal<MozKpiTrend | null>;
1433
+ readonly trend: _angular_core.InputSignal<MozKpiTrend | null>;
1383
1434
  /** Label of the KPI item. */
1384
- label: _angular_core.InputSignal<string | null>;
1435
+ readonly label: _angular_core.InputSignal<string | null>;
1385
1436
  /** Allows to define the KPI item status. */
1386
- status: _angular_core.InputSignal<MozKpiStatus>;
1437
+ readonly status: _angular_core.InputSignal<MozKpiStatus>;
1387
1438
  /** The evolution information defining the KPI. */
1388
- information: _angular_core.InputSignal<string | null>;
1439
+ readonly information: _angular_core.InputSignal<string | null>;
1389
1440
  /** Allows to define the KPI item size. */
1390
- size: _angular_core.InputSignal<MozKpiSize>;
1441
+ readonly size: _angular_core.InputSignal<MozKpiSize>;
1391
1442
  readonly isMedium: _angular_core.Signal<boolean>;
1392
1443
  readonly isLarge: _angular_core.Signal<boolean>;
1393
1444
  readonly rootClasses: _angular_core.Signal<{
@@ -1421,46 +1472,47 @@ declare class MozStepperCompactComponent {
1421
1472
 
1422
1473
  type MozStarRatingSize = 's' | 'm' | 'l';
1423
1474
  type MozStarRatingAppearance = 'standard' | 'accent';
1475
+
1424
1476
  declare class MozStarRatingComponent {
1425
1477
  /**
1426
1478
  * The current rating value of the component.
1427
1479
  * Used with two-way binding [(value)].
1428
1480
  * When the rating changes (via click or keyboard), the model is automatically updated.
1429
1481
  */
1430
- value: _angular_core.ModelSignal<number>;
1482
+ readonly value: _angular_core.ModelSignal<number>;
1431
1483
  /**
1432
1484
  * Determines whether the rating is interactive or read-only.
1433
1485
  * When true, all user interactions (click, hover, keyboard) are disabled.
1434
1486
  * Automatically set to true when `compact`, `href`, or `text` are provided.
1435
1487
  */
1436
- readonly: _angular_core.InputSignal<boolean>;
1488
+ readonly readonly: _angular_core.InputSignal<boolean>;
1437
1489
  /**
1438
1490
  * Enables a compact display mode that shows only one star instead of five.
1439
1491
  * Typically used for summaries or quick visual cues.
1440
1492
  * When enabled, the component automatically becomes read-only.
1441
1493
  */
1442
- compact: _angular_core.InputSignal<boolean>;
1494
+ readonly compact: _angular_core.InputSignal<boolean>;
1443
1495
  /**
1444
1496
  * Defines the visual size of the star icons and the accompanying text.
1445
1497
  */
1446
- size: _angular_core.InputSignal<MozStarRatingSize>;
1498
+ readonly size: _angular_core.InputSignal<MozStarRatingSize>;
1447
1499
  /**
1448
1500
  * Specifies the color scheme of the stars.
1449
1501
  */
1450
- appearance: _angular_core.InputSignal<MozStarRatingAppearance>;
1502
+ readonly appearance: _angular_core.InputSignal<MozStarRatingAppearance>;
1451
1503
  /**
1452
1504
  * Optional text displayed next to the star rating.
1453
1505
  * If provided, the component automatically becomes read-only.
1454
1506
  */
1455
- text: _angular_core.InputSignal<string | null>;
1507
+ readonly text: _angular_core.InputSignal<string | null>;
1456
1508
  /**
1457
1509
  * URL for the link (for external links).
1458
1510
  */
1459
- href: _angular_core.InputSignal<string | null>;
1511
+ readonly href: _angular_core.InputSignal<string | null>;
1460
1512
  /**
1461
1513
  * Where to open the link.
1462
1514
  */
1463
- target: _angular_core.InputSignal<string | null>;
1515
+ readonly target: _angular_core.InputSignal<string | null>;
1464
1516
  readonly maxValue: _angular_core.Signal<1 | 5>;
1465
1517
  readonly isReadonly: _angular_core.Signal<boolean>;
1466
1518
  readonly hasInfoText: _angular_core.Signal<boolean>;
@@ -1506,6 +1558,7 @@ type MozBuiltInMenuItem = {
1506
1558
  routerLink?: string | unknown[];
1507
1559
  target?: MozBuiltInMenuItemTarget;
1508
1560
  };
1561
+
1509
1562
  /**
1510
1563
  * A built-in menu is a structured list of navigational or interactive options,
1511
1564
  * typically displayed as a vertical stack.
@@ -1514,20 +1567,20 @@ declare class BuiltInMenuComponent {
1514
1567
  /**
1515
1568
  * Items displayed in the menu.
1516
1569
  */
1517
- items: _angular_core.InputSignal<MozBuiltInMenuItem[]>;
1570
+ readonly items: _angular_core.InputSignal<MozBuiltInMenuItem[]>;
1518
1571
  /**
1519
1572
  * Index of the currently selected menu item.
1520
1573
  * Used with two-way binding: [(selectedIndex)].
1521
1574
  */
1522
- selectedIndex: _angular_core.ModelSignal<number | null>;
1575
+ readonly selectedIndex: _angular_core.ModelSignal<number | null>;
1523
1576
  /**
1524
1577
  * When enabled, adds a visible border around the wrapper.
1525
1578
  */
1526
- outlined: _angular_core.InputSignal<boolean>;
1579
+ readonly outlined: _angular_core.InputSignal<boolean>;
1527
1580
  /**
1528
1581
  * Accessible label for the navigation.
1529
1582
  */
1530
- ariaLabel: _angular_core.InputSignal<string>;
1583
+ readonly ariaLabel: _angular_core.InputSignal<string>;
1531
1584
  readonly hostClasses: _angular_core.Signal<string>;
1532
1585
  isSelected(index: number): boolean;
1533
1586
  onItemClick(index: number, event: Event): void;
@@ -1542,19 +1595,20 @@ declare class BuiltInMenuComponent {
1542
1595
  type MozCheckListMenuItem = Omit<MozBuiltInMenuItem, 'icon'> & {
1543
1596
  checked: boolean;
1544
1597
  };
1598
+
1545
1599
  declare class MozCheckListMenuComponent {
1546
1600
  /**
1547
1601
  * Defines the menu items, each of which sets a checked state and can act as a button or link.
1548
1602
  */
1549
- items: _angular_core.InputSignal<MozCheckListMenuItem[]>;
1603
+ readonly items: _angular_core.InputSignal<MozCheckListMenuItem[]>;
1550
1604
  /**
1551
1605
  * When enabled, adds a visible border around the wrapper.
1552
1606
  */
1553
- outlined: _angular_core.InputSignal<boolean>;
1607
+ readonly outlined: _angular_core.InputSignal<boolean>;
1554
1608
  /**
1555
1609
  * Currently selected item index (two-way bindable with [(selectedIndex)]).
1556
1610
  */
1557
- selectedIndex: _angular_core.ModelSignal<number | null>;
1611
+ readonly selectedIndex: _angular_core.ModelSignal<number | null>;
1558
1612
  /**
1559
1613
  * Internal mapping to BuiltInMenuItem with an icon for checked items.
1560
1614
  */
@@ -1578,15 +1632,16 @@ interface MozStepperInlineStep {
1578
1632
  */
1579
1633
  additionalInfo?: string;
1580
1634
  }
1635
+
1581
1636
  declare class MozStepperInlineComponent {
1582
1637
  /**
1583
1638
  * Current step of the stepper inline (1-based index).
1584
1639
  */
1585
- currentStep: _angular_core.InputSignal<number>;
1640
+ readonly currentStep: _angular_core.InputSignal<number>;
1586
1641
  /**
1587
1642
  * Steps of the stepper inline.
1588
1643
  */
1589
- steps: _angular_core.InputSignal<MozStepperInlineStep[]>;
1644
+ readonly steps: _angular_core.InputSignal<MozStepperInlineStep[]>;
1590
1645
  /**
1591
1646
  * Clamped current step between 1 and steps.length.
1592
1647
  */
@@ -1617,15 +1672,16 @@ interface MozStepperStackedStep {
1617
1672
  */
1618
1673
  additionalInfo?: string;
1619
1674
  }
1675
+
1620
1676
  declare class MozStepperStackedComponent {
1621
1677
  /**
1622
1678
  * Current step of the stepper stacked (1-based index).
1623
1679
  */
1624
- currentStep: _angular_core.InputSignal<number>;
1680
+ readonly currentStep: _angular_core.InputSignal<number>;
1625
1681
  /**
1626
1682
  * Steps of the stepper stacked.
1627
1683
  */
1628
- steps: _angular_core.InputSignal<MozStepperStackedStep[]>;
1684
+ readonly steps: _angular_core.InputSignal<MozStepperStackedStep[]>;
1629
1685
  /**
1630
1686
  * Clamped current step between 1 and steps.length.
1631
1687
  */
@@ -1653,6 +1709,10 @@ type MozStepperBottomBarStep = 'start' | 'middle' | 'end';
1653
1709
  * with cancel, previous, next, and validate buttons that adapt based on the current step.
1654
1710
  */
1655
1711
  declare class MozStepperBottomBarComponent {
1712
+ /**
1713
+ * Base ID for the stepper component.
1714
+ */
1715
+ id: _angular_core.InputSignal<string>;
1656
1716
  /**
1657
1717
  * Step of the process.
1658
1718
  */
@@ -1701,8 +1761,19 @@ declare class MozStepperBottomBarComponent {
1701
1761
  handlePrevious(): void;
1702
1762
  handleNext(): void;
1703
1763
  handleValidate(): void;
1764
+ /**
1765
+ * Computed IDs for buttons
1766
+ */
1767
+ cancelButtonId: _angular_core.Signal<string>;
1768
+ cancelButtonIconId: _angular_core.Signal<string>;
1769
+ previousButtonId: _angular_core.Signal<string>;
1770
+ previousButtonIconId: _angular_core.Signal<string>;
1771
+ nextButtonId: _angular_core.Signal<string>;
1772
+ nextButtonIconId: _angular_core.Signal<string>;
1773
+ validateButtonId: _angular_core.Signal<string>;
1774
+ validateButtonIconId: _angular_core.Signal<string>;
1704
1775
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStepperBottomBarComponent, never>;
1705
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStepperBottomBarComponent, "moz-stepper-bottom-bar", never, { "step": { "alias": "step"; "required": false; "isSignal": true; }; "hasCancel": { "alias": "hasCancel"; "required": false; "isSignal": true; }; "cancelText": { "alias": "cancelText"; "required": false; "isSignal": true; }; "previousText": { "alias": "previousText"; "required": false; "isSignal": true; }; "nextText": { "alias": "nextText"; "required": false; "isSignal": true; }; "validateText": { "alias": "validateText"; "required": false; "isSignal": true; }; "disabledNext": { "alias": "disabledNext"; "required": false; "isSignal": true; }; }, { "cancel": "cancel"; "previous": "previous"; "next": "next"; "validate": "validate"; }, never, never, true, never>;
1776
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStepperBottomBarComponent, "moz-stepper-bottom-bar", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "hasCancel": { "alias": "hasCancel"; "required": false; "isSignal": true; }; "cancelText": { "alias": "cancelText"; "required": false; "isSignal": true; }; "previousText": { "alias": "previousText"; "required": false; "isSignal": true; }; "nextText": { "alias": "nextText"; "required": false; "isSignal": true; }; "validateText": { "alias": "validateText"; "required": false; "isSignal": true; }; "disabledNext": { "alias": "disabledNext"; "required": false; "isSignal": true; }; }, { "cancel": "cancel"; "previous": "previous"; "next": "next"; "validate": "validate"; }, never, never, true, never>;
1706
1777
  }
1707
1778
 
1708
1779
  interface MozPageHeaderScope {
@@ -1712,21 +1783,22 @@ interface MozPageHeaderScope {
1712
1783
  attributes?: Record<string, string | boolean | number>;
1713
1784
  disabled?: boolean;
1714
1785
  }
1786
+
1715
1787
  declare class MozPageHeaderComponent {
1716
- title: _angular_core.InputSignal<string>;
1717
- shadow: _angular_core.InputSignal<boolean>;
1718
- backButton: _angular_core.InputSignal<boolean>;
1719
- searchButton: _angular_core.InputSignal<boolean>;
1720
- helpButton: _angular_core.InputSignal<boolean>;
1721
- notificationButton: _angular_core.InputSignal<boolean>;
1722
- status: _angular_core.InputSignal<MozStatusBadgeStatus | undefined>;
1723
- statusLabel: _angular_core.InputSignal<string | undefined>;
1724
- extraInfo: _angular_core.InputSignal<string | undefined>;
1725
- scope: _angular_core.InputSignal<string | MozPageHeaderScope[] | undefined>;
1726
- scopeValue: _angular_core.InputSignal<string | number | boolean | undefined>;
1727
- scopePlaceholder: _angular_core.InputSignal<string | undefined>;
1728
- tabs: _angular_core.InputSignal<MozTabItem[] | undefined>;
1729
- 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>;
1730
1802
  readonly back: _angular_core.OutputEmitterRef<void>;
1731
1803
  readonly search: _angular_core.OutputEmitterRef<void>;
1732
1804
  readonly help: _angular_core.OutputEmitterRef<void>;
@@ -1762,10 +1834,11 @@ declare class MozPageHeaderComponent {
1762
1834
  }
1763
1835
 
1764
1836
  type MozTileAppearance = 'primary' | 'secondary' | 'inverse';
1837
+
1765
1838
  declare class MozTileComponent {
1766
- appearance: _angular_core.InputSignal<MozTileAppearance>;
1767
- isBordered: _angular_core.InputSignal<boolean>;
1768
- 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>;
1769
1842
  readonly classes: _angular_core.Signal<{
1770
1843
  [x: string]: boolean;
1771
1844
  'mc-tile': boolean;
@@ -1779,47 +1852,118 @@ type MozTileSelectableType = 'checkbox' | 'radio';
1779
1852
  type MozTileInputVerticalPosition = 'top' | 'center';
1780
1853
  type MozTileInputPosition = 'left' | 'right';
1781
1854
  type MozTileSelectableAppearance = 'primary';
1855
+
1782
1856
  declare class MozTileSelectableComponent implements ControlValueAccessor {
1783
- appearance: _angular_core.InputSignal<"primary">;
1784
- bordered: _angular_core.InputSignal<boolean>;
1785
- name: _angular_core.InputSignal<string>;
1786
- value: _angular_core.InputSignal<string>;
1787
- checked: _angular_core.InputSignal<boolean>;
1788
- disabled: _angular_core.InputSignal<boolean>;
1789
- inputVerticalPosition: _angular_core.InputSignal<MozTileInputVerticalPosition>;
1790
- inputPosition: _angular_core.InputSignal<MozTileInputPosition>;
1791
- inputType: _angular_core.InputSignal<MozTileSelectableType>;
1792
- 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;
1793
1868
  private onTouchedCallback;
1794
1869
  private onChangeCallback;
1795
- protected classes: _angular_core.Signal<string>;
1796
- protected isCheckbox: _angular_core.Signal<boolean>;
1797
- 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>;
1798
1875
  writeValue(value: boolean | string): void;
1799
1876
  registerOnChange(fn: (value: boolean | string) => void): void;
1800
1877
  registerOnTouched(fn: () => void): void;
1801
1878
  onTileChange(event: Event): void;
1802
- get isChecked(): boolean;
1803
1879
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTileSelectableComponent, never>;
1804
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>;
1805
1881
  }
1806
1882
 
1807
1883
  type MozTileExpandableTrigger = 'container' | 'button' | 'icon';
1884
+
1808
1885
  declare class MozTileExpandableComponent {
1809
- triggerMode: _angular_core.InputSignal<MozTileExpandableTrigger>;
1810
- id: _angular_core.InputSignal<number>;
1811
- expanded: _angular_core.WritableSignal<boolean>;
1812
- contentId: string;
1813
- isContainerTrigger: _angular_core.Signal<boolean>;
1814
- isIconTrigger: _angular_core.Signal<boolean>;
1815
- isButtonTrigger: _angular_core.Signal<boolean>;
1816
- toggle(): void;
1817
- 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>;
1818
1895
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTileExpandableComponent, never>;
1819
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>;
1820
1897
  }
1821
1898
 
1822
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
+
1823
1967
  declare class MozDrawerComponent {
1824
1968
  readonly open: _angular_core.InputSignal<boolean>;
1825
1969
  readonly position: _angular_core.InputSignal<MozDrawerPosition>;
@@ -1829,7 +1973,7 @@ declare class MozDrawerComponent {
1829
1973
  readonly contentTitle: _angular_core.InputSignal<string | undefined>;
1830
1974
  readonly updateOpen: _angular_core.OutputEmitterRef<boolean>;
1831
1975
  readonly backEvent: _angular_core.OutputEmitterRef<void>;
1832
- footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
1976
+ readonly footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
1833
1977
  readonly isOpen: _angular_core.WritableSignal<boolean>;
1834
1978
  readonly classMap: _angular_core.Signal<{
1835
1979
  [x: string]: boolean;
@@ -1847,5 +1991,153 @@ declare class MozDrawerComponent {
1847
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>;
1848
1992
  }
1849
1993
 
1850
- export { BuiltInMenuComponent, MozAccordionComponent, MozAccordionContentComponent, MozAccordionHeaderComponent, MozAccordionPanelComponent, MozActionBottomBarComponent, MozActionListboxComponent, MozAvatarComponent, MozBreadcrumbComponent, MozButtonComponent, MozCalloutComponent, MozCarouselComponent, MozCheckListMenuComponent, MozCheckboxComponent, MozCheckboxGroupComponent, MozCircularProgressBarComponent, MozDatepickerComponent, MozDividerComponent, MozDrawerComponent, MozFieldComponent, MozFieldGroupComponent, MozFileUploaderComponent, MozFileUploaderItemComponent, MozFlagComponent, MozIconButtonComponent, MozKpiComponent, MozLinearProgressBarBufferComponent, MozLinearProgressBarPercentageComponent, MozLinkComponent, MozLoaderComponent, MozLoadingOverlayComponent, MozModalBodyComponent, MozModalComponent, MozModalContainerComponent, MozModalFooterComponent, MozModalHeaderComponent, MozModalRef, MozModalService, MozNumberBadgeComponent, MozOverlayComponent, MozPageHeaderComponent, MozPaginationComponent, MozPasswordInputDirective, MozPhoneNumberComponent, MozPincodeInputComponent, MozQuantitySelectorComponent, MozRadioComponent, MozRadioGroupComponent, MozSegmentedControlComponent, MozSelectComponent, MozSidebarComponent, MozStarRatingComponent, MozStatusBadgeComponent, MozStatusDotComponent, MozStatusMessageComponent, MozStatusNotificationComponent, MozStepperBottomBarComponent, MozStepperCompactComponent, MozStepperInlineComponent, MozStepperStackedComponent, MozTabComponent, MozTabsComponent, MozTagComponent, MozTextInput, MozTextarea, MozTileComponent, MozTileExpandableComponent, MozTileSelectableComponent, MozToasterComponent, MozToggleComponent, MozTooltipComponent, MozTooltipDirective };
1851
- export type { ActionListItem, MozActionListItemAppearance, MozAvatarSize, MozBreadcrumbAppearance, MozBreadcrumbLink, MozBuiltInMenuItem, MozBuiltInMenuItemTarget, MozButtonAppearance, MozButtonIconPosition, MozButtonSize, MozButtonType, MozCalloutVariant, MozCheckListMenuItem, MozCircularProgessBarSize, MozDatepickerSize, MozDividerAppearance, MozDividerOrientation, MozDividerSize, MozDrawerPosition, MozFileUploaderFormat, MozFileUploaderItemFormat, MozFlagType, MozIconButtonAppearance, MozIconButtonSize, MozIconButtonType, MozKpiSize, MozKpiStatus, MozKpiTrend, MozLinkAppearance, MozLinkIconPosition, MozLinkSize, MozLoaderAppearance, MozLoaderSize, MozModalButton, MozModalConfig, MozNumberBadgeAppearance, MozNumberBadgeSize, MozPageHeaderScope, MozPhoneNumberCountry, MozPhoneNumberValue, MozQuantitySelectorSize, MozSegmentedControlSize, MozSegmentedItem, MozSelectOption, MozSelectSize, MozSelectValue, MozSidebarItem, MozSidebarSubItem, MozStarRatingAppearance, MozStarRatingSize, MozStatusBadgeStatus, MozStatusDotSize, MozStatusDotStatus, MozStatusMessageStatus, MozStatusNotificationStatus, MozStepperBottomBarStep, MozStepperInlineStep, MozStepperStackedStep, MozTabItem, MozTagSize, MozTagType, MozTextInputSize, MozTileAppearance, MozTileExpandableTrigger, MozTileInputPosition, MozTileInputVerticalPosition, MozTileSelectableAppearance, MozTileSelectableType, MozToasterPosition, MozToasterRole, MozToasterStatus, MozToggleSize, MozTooltipPosition };
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 };