@mozaic-ds/angular 2.0.0-beta.8 → 2.0.0

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