@mozaic-ds/angular 2.0.0-beta.3 → 2.0.0-beta.31

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 +1 -1
  2. package/fesm2022/mozaic-ds-angular.mjs +757 -797
  3. package/fesm2022/mozaic-ds-angular.mjs.map +1 -1
  4. package/package.json +3 -3
  5. package/{index.d.ts → types/mozaic-ds-angular.d.ts} +197 -195
package/{index.d.ts → types/mozaic-ds-angular.d.ts} RENAMED
@@ -1,10 +1,10 @@
1
1
  import * as _angular_core from '@angular/core';
2
- import { TemplateRef, ElementRef, Type, OnInit, AfterViewInit, OnDestroy, Renderer2, WritableSignal, EventEmitter, AfterContentInit } from '@angular/core';
2
+ import { TemplateRef, OnInit, ElementRef, OnDestroy, Type, AfterViewInit, Renderer2, WritableSignal, AfterContentInit, QueryList, EventEmitter } from '@angular/core';
3
3
  import { ControlValueAccessor } from '@angular/forms';
4
+ import { CheckCircle32, Uploading32, WarningCircle32, CrossCircleFilled24 } from '@mozaic-ds/icons-angular';
5
+ import { RouterLink } from '@angular/router';
4
6
  import { DialogRef } from '@angular/cdk/dialog';
5
7
  import { Observable } from 'rxjs';
6
- import { CheckCircle32, Uploading32, WarningCircle32, CrossCircleFilled24 } from '@mozaic-ds/icons-angular';
7
- import { RouterLinkWithHref } from '@angular/router';
8
8
 
9
9
  type MozBreadcrumbAppearance = 'standard' | 'inverse';
10
10
  interface MozBreadcrumbLink {
@@ -16,8 +16,11 @@ declare class MozBreadcrumbComponent {
16
16
  appearance: _angular_core.InputSignal<MozBreadcrumbAppearance>;
17
17
  links: _angular_core.InputSignal<MozBreadcrumbLink[]>;
18
18
  readonly classObject: _angular_core.Signal<{
19
- [x: string]: MozBreadcrumbAppearance;
19
+ [x: string]: boolean | MozBreadcrumbAppearance;
20
+ breadcrumb: boolean;
20
21
  }>;
22
+ getLinkClass(): string;
23
+ getCurrentLinkClass(): string;
21
24
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozBreadcrumbComponent, never>;
22
25
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozBreadcrumbComponent, "moz-breadcrumb", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "links": { "alias": "links"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
23
26
  }
@@ -41,21 +44,6 @@ declare class MozButtonComponent {
41
44
  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>;
42
45
  }
43
46
 
44
- declare class MozButtonWrapperComponent {
45
- appearance: _angular_core.InputSignal<MozButtonAppearance>;
46
- size: _angular_core.InputSignal<MozButtonSize | undefined>;
47
- disabled: _angular_core.InputSignal<boolean | undefined>;
48
- ghost: _angular_core.InputSignal<boolean | undefined>;
49
- outlined: _angular_core.InputSignal<boolean | undefined>;
50
- iconPosition: _angular_core.InputSignal<MozButtonIconPosition>;
51
- type: _angular_core.InputSignal<MozButtonType>;
52
- isLoading: _angular_core.InputSignal<boolean | undefined>;
53
- iconTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
54
- readonly hostClasses: _angular_core.Signal<string>;
55
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozButtonWrapperComponent, never>;
56
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozButtonWrapperComponent, "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>;
57
- }
58
-
59
47
  declare class MozCheckboxComponent implements ControlValueAccessor {
60
48
  id: _angular_core.InputSignal<string>;
61
49
  name: _angular_core.InputSignal<string | undefined>;
@@ -71,7 +59,8 @@ declare class MozCheckboxComponent implements ControlValueAccessor {
71
59
  'is-invalid': boolean;
72
60
  }>;
73
61
  readonly indentedClass: _angular_core.Signal<{
74
- 'mc-checkbox--indented': boolean;
62
+ checkbox: boolean;
63
+ 'checkbox--indented': boolean;
75
64
  }>;
76
65
  writeValue(value: boolean): void;
77
66
  registerOnChange(fn: (_: boolean) => void): void;
@@ -83,6 +72,10 @@ declare class MozCheckboxComponent implements ControlValueAccessor {
83
72
 
84
73
  declare class MozCheckboxGroupComponent implements ControlValueAccessor {
85
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>;
86
79
  options: _angular_core.InputSignal<{
87
80
  id: string;
88
81
  label: string;
@@ -93,7 +86,8 @@ declare class MozCheckboxGroupComponent implements ControlValueAccessor {
93
86
  inline: _angular_core.InputSignal<boolean>;
94
87
  _value: _angular_core.WritableSignal<string[]>;
95
88
  readonly containerClass: _angular_core.Signal<{
96
- 'mc-field__content--inline': boolean;
89
+ field__content: boolean;
90
+ 'field__content--inline': boolean;
97
91
  }>;
98
92
  onChange: (_: string[]) => void;
99
93
  onTouched: () => void;
@@ -102,8 +96,13 @@ declare class MozCheckboxGroupComponent implements ControlValueAccessor {
102
96
  registerOnTouched(fn: () => void): void;
103
97
  toggleSelection(event: Event, val: string): void;
104
98
  isChecked(value: string): boolean;
99
+ getCheckboxInputClass(option: {
100
+ isInvalid?: boolean;
101
+ }): {
102
+ [key: string]: boolean;
103
+ };
105
104
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCheckboxGroupComponent, never>;
106
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozCheckboxGroupComponent, "moz-checkbox-group", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
105
+ 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>;
107
106
  }
108
107
 
109
108
  type MozDividerOrientation = 'horizontal' | 'vertical';
@@ -132,96 +131,6 @@ declare class MozDividerComponent {
132
131
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDividerComponent, "moz-divider", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
133
132
  }
134
133
 
135
- type MozDrawerPosition = 'left' | 'right';
136
- declare class MozDrawerComponent {
137
- readonly open: _angular_core.InputSignal<boolean>;
138
- readonly position: _angular_core.InputSignal<MozDrawerPosition>;
139
- readonly extended: _angular_core.InputSignal<boolean>;
140
- readonly back: _angular_core.InputSignal<boolean>;
141
- readonly title: _angular_core.InputSignal<string>;
142
- readonly contentTitle: _angular_core.InputSignal<string | undefined>;
143
- readonly updateOpen: _angular_core.OutputEmitterRef<boolean>;
144
- readonly backEvent: _angular_core.OutputEmitterRef<void>;
145
- footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
146
- readonly isOpen: _angular_core.WritableSignal<boolean>;
147
- readonly classMap: _angular_core.Signal<{
148
- [x: string]: boolean;
149
- 'is-open': boolean;
150
- 'mc-drawer--extend': boolean;
151
- }>;
152
- readonly ariaModal: _angular_core.Signal<"true" | "false">;
153
- constructor();
154
- close(): void;
155
- backClick(): void;
156
- noop(): void;
157
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDrawerComponent, never>;
158
- 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"], ["*", "[footer]"], true, never>;
159
- }
160
-
161
- declare class MozDrawerContainerComponent<T = unknown, R = unknown> {
162
- readonly dialogRef: DialogRef<R, unknown>;
163
- readonly data: MozDrawerConfig<T>;
164
- readonly isOpen: _angular_core.WritableSignal<boolean>;
165
- readonly drawerElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
166
- private pendingClose;
167
- private isClosing;
168
- constructor();
169
- private onTransitionEnd;
170
- isTemplate(content: unknown): content is TemplateRef<{
171
- $implicit: T | undefined;
172
- }>;
173
- isComponent(content: unknown): content is Type<unknown>;
174
- asTemplate(content: unknown): TemplateRef<{
175
- $implicit: T | undefined;
176
- }>;
177
- asComponent(content: unknown): Type<unknown>;
178
- onButtonClick(button: {
179
- label: string;
180
- onClick?: () => void;
181
- }): void;
182
- onUpdateOpen(open: boolean): void;
183
- onBackClick(): void;
184
- close(result?: R): void;
185
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDrawerContainerComponent<any, any>, never>;
186
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDrawerContainerComponent<any, any>, "moz-drawer-container", never, {}, {}, never, never, true, never>;
187
- }
188
-
189
- interface MozDrawerButton {
190
- label: string;
191
- onClick?: () => void;
192
- primary?: boolean;
193
- }
194
- interface MozDrawerConfig<T = unknown> {
195
- title?: string;
196
- contentTitle?: string;
197
- position?: 'left' | 'right';
198
- extended?: boolean;
199
- back?: boolean;
200
- onBack?: () => void;
201
- content?: TemplateRef<T> | Type<unknown> | string;
202
- data?: T;
203
- panelClass?: string | string[];
204
- backdropClass?: string | string[];
205
- disableClose?: boolean;
206
- ariaLabel?: string;
207
- ariaDescribedBy?: string;
208
- footerButtons?: MozDrawerButton[];
209
- }
210
- declare class MozDrawerRef<R = unknown> {
211
- private _dialogRef;
212
- setDialogRef(dialogRef: DialogRef<R, MozDrawerContainerComponent>): void;
213
- close(result?: R): void;
214
- get afterClosed(): Observable<R | undefined>;
215
- get componentInstance(): MozDrawerContainerComponent | null;
216
- }
217
- declare class MozDrawerService {
218
- private readonly dialog;
219
- private readonly injector;
220
- open<T = unknown, R = unknown>(config?: MozDrawerConfig<T>): MozDrawerRef<R>;
221
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDrawerService, never>;
222
- static ɵprov: _angular_core.ɵɵInjectableDeclaration<MozDrawerService>;
223
- }
224
-
225
134
  declare class MozFieldComponent {
226
135
  id: _angular_core.InputSignal<string | undefined>;
227
136
  label: _angular_core.InputSignal<string | undefined>;
@@ -233,6 +142,7 @@ declare class MozFieldComponent {
233
142
  messageId: _angular_core.InputSignal<string | undefined>;
234
143
  message: _angular_core.InputSignal<string | undefined>;
235
144
  readonly classes: _angular_core.Signal<{
145
+ 'mc-field__validation-message': boolean;
236
146
  'is-valid': boolean;
237
147
  'is-invalid': boolean;
238
148
  }>;
@@ -283,13 +193,14 @@ declare class MozFileUploaderComponent implements OnInit {
283
193
  isDragged: _angular_core.WritableSignal<boolean>;
284
194
  initialFiles: _angular_core.InputSignal<File[]>;
285
195
  readonly classes: _angular_core.Signal<{
286
- 'mc-file-uploader--draggable': boolean;
196
+ 'file-uploader--draggable': boolean;
287
197
  }>;
288
198
  readonly inputClasses: _angular_core.Signal<{
289
- 'mc-file-uploader__input--disabled': boolean;
290
- 'mc-file-uploader__input--dragged': boolean;
199
+ 'file-uploader__input--disabled': boolean;
200
+ 'file-uploader__input--dragged': boolean;
291
201
  }>;
292
202
  iconTpl: any;
203
+ fileInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
293
204
  ngOnInit(): void;
294
205
  removeFile(index: number): void;
295
206
  onDeleteFile(file: File): void;
@@ -340,6 +251,7 @@ type MozIconButtonAppearance = 'standard' | 'accent' | 'danger' | 'inverse';
340
251
  type MozIconButtonSize = 's' | 'm' | 'l';
341
252
  type MozIconButtonType = 'button' | 'reset' | 'submit';
342
253
  declare class MozIconButtonComponent {
254
+ id: _angular_core.InputSignal<string>;
343
255
  appearance: _angular_core.InputSignal<MozIconButtonAppearance>;
344
256
  size: _angular_core.InputSignal<MozIconButtonSize>;
345
257
  disabled: _angular_core.InputSignal<boolean | undefined>;
@@ -349,11 +261,13 @@ declare class MozIconButtonComponent {
349
261
  ariaLabel: _angular_core.InputSignal<string | undefined>;
350
262
  readonly classes: _angular_core.Signal<{
351
263
  [x: string]: boolean | MozIconButtonAppearance | MozIconButtonSize;
264
+ 'mc-button': boolean;
265
+ 'mc-button--icon-button': boolean;
352
266
  'mc-button--ghost': boolean;
353
267
  'mc-button--outlined': boolean;
354
268
  }>;
355
269
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozIconButtonComponent, never>;
356
- 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>;
270
+ 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>;
357
271
  }
358
272
 
359
273
  type MozLinkAppearance = 'secondary' | 'accent' | 'inverse' | 'standard';
@@ -370,30 +284,32 @@ declare class MozLinkComponent {
370
284
  current: _angular_core.InputSignal<boolean>;
371
285
  ariaCurrent: _angular_core.InputSignal<string | null>;
372
286
  private readonly routerLinkActive;
373
- readonly routerLink: RouterLinkWithHref | null;
287
+ readonly routerLink: RouterLink | null;
374
288
  readonly classes: _angular_core.Signal<{
375
289
  [x: string]: boolean | MozLinkAppearance | MozLinkSize;
376
- 'mc-link--inline': boolean;
377
- 'mc-link--stand-alone': boolean;
378
- 'mc-link--active': boolean;
379
- 'mc-link--breadcrumb__current': boolean;
290
+ link: boolean;
291
+ 'link--inline': boolean;
292
+ 'link--stand-alone': boolean;
293
+ 'link--active': boolean;
294
+ 'link--breadcrumb__current': boolean;
380
295
  }>;
381
296
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLinkComponent, never>;
382
297
  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>;
383
298
  }
384
299
 
385
300
  type MozLoaderAppearance = 'standard' | 'accent' | 'inverse';
386
- type MozLoaderSize = 's' | 'm' | 'l';
301
+ type MozLoaderSize = 'xs' | 's' | 'm' | 'l';
387
302
  declare class MozLoaderComponent {
388
303
  appearance: _angular_core.InputSignal<MozLoaderAppearance>;
389
304
  size: _angular_core.InputSignal<MozLoaderSize>;
390
305
  text: _angular_core.InputSignal<string | undefined>;
391
306
  readonly classes: _angular_core.Signal<{
392
307
  [x: string]: boolean | MozLoaderAppearance | MozLoaderSize;
393
- "mc-loader--text-visible": boolean;
308
+ loader: boolean;
309
+ "loader--text-visible": boolean;
394
310
  }>;
395
- readonly viewBox: _angular_core.Signal<"0 0 24 24" | "0 0 64 64" | "0 0 32 32">;
396
- readonly circleRadius: _angular_core.Signal<6 | 19 | 9>;
311
+ readonly viewBox: _angular_core.Signal<"0 0 20 20" | "0 0 24 24" | "0 0 64 64" | "0 0 32 32">;
312
+ readonly circleRadius: _angular_core.Signal<3 | 6 | 19 | 9>;
397
313
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLoaderComponent, never>;
398
314
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozLoaderComponent, "moz-loader", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
399
315
  }
@@ -413,6 +329,7 @@ declare class MozModalComponent {
413
329
  constructor();
414
330
  close(): void;
415
331
  readonly classMap: _angular_core.Signal<{
332
+ modal: boolean;
416
333
  'is-open': boolean;
417
334
  }>;
418
335
  readonly ariaModal: _angular_core.Signal<"true" | "false">;
@@ -421,15 +338,19 @@ declare class MozModalComponent {
421
338
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalComponent, "moz-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "updateOpen": "updateOpen"; "closeRequest": "closeRequest"; }, never, ["*"], true, never>;
422
339
  }
423
340
 
424
- declare class MozModalContainerComponent<T = unknown, R = unknown> {
341
+ declare class MozModalContainerComponent<T = unknown, R = unknown> implements OnDestroy {
425
342
  readonly dialogRef: DialogRef<R, unknown>;
426
343
  readonly data: MozModalConfig<T>;
427
344
  readonly isOpen: _angular_core.WritableSignal<boolean>;
428
345
  readonly modalElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
429
346
  private pendingClose;
430
347
  private isClosing;
348
+ private transitionEndHandler?;
349
+ private closeTimeoutId?;
431
350
  constructor();
351
+ ngOnDestroy(): void;
432
352
  private onTransitionEnd;
353
+ private cleanupAndClose;
433
354
  isTemplate(content: unknown): content is TemplateRef<{
434
355
  $implicit: T | undefined;
435
356
  }>;
@@ -510,7 +431,8 @@ declare class MozNumberBadgeComponent {
510
431
  appearance: _angular_core.InputSignal<MozNumberBadgeAppearance>;
511
432
  size: _angular_core.InputSignal<MozNumberBadgeSize>;
512
433
  readonly classes: _angular_core.Signal<{
513
- [x: string]: MozNumberBadgeAppearance | MozNumberBadgeSize;
434
+ [x: string]: boolean | MozNumberBadgeAppearance | MozNumberBadgeSize;
435
+ 'mc-number-badge': boolean;
514
436
  }>;
515
437
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozNumberBadgeComponent, never>;
516
438
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozNumberBadgeComponent, "moz-number-badge", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -527,6 +449,10 @@ declare class MozOverlayComponent {
527
449
  * Accessible label for the overlay dialog.
528
450
  */
529
451
  dialogLabel: _angular_core.InputSignal<string | undefined>;
452
+ readonly classes: _angular_core.Signal<{
453
+ overlay: boolean;
454
+ 'is-visible': boolean | undefined;
455
+ }>;
530
456
  onBackdropClick(): void;
531
457
  noop(): void;
532
458
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozOverlayComponent, never>;
@@ -606,7 +532,7 @@ declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
606
532
  private readonly cdr;
607
533
  private readonly ngZone;
608
534
  id: _angular_core.InputSignal<string>;
609
- length: _angular_core.InputSignal<4 | 5 | 6>;
535
+ length: _angular_core.InputSignal<6 | 4 | 5>;
610
536
  name: _angular_core.InputSignal<string | undefined>;
611
537
  isInvalid: _angular_core.InputSignal<boolean>;
612
538
  disabled: _angular_core.InputSignal<boolean>;
@@ -616,7 +542,8 @@ declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
616
542
  private _value;
617
543
  onChange: (value: string) => void;
618
544
  onTouched: () => void;
619
- readonly classObject: _angular_core.Signal<{
545
+ readonly classes: _angular_core.Signal<{
546
+ 'mc-pincode-input': boolean;
620
547
  'is-invalid': boolean;
621
548
  }>;
622
549
  ngOnInit(): void;
@@ -648,6 +575,7 @@ declare class MozQuantitySelectorComponent implements ControlValueAccessor {
648
575
  readonly _value: _angular_core.WritableSignal<number>;
649
576
  readonly classes: _angular_core.Signal<{
650
577
  [x: string]: boolean | MozQuantitySelectorSize;
578
+ 'quantity-selector': boolean;
651
579
  'is-invalid': boolean;
652
580
  }>;
653
581
  private onChange;
@@ -676,6 +604,7 @@ declare class MozRadioComponent implements ControlValueAccessor {
676
604
  registerOnChange(fn: (value: boolean) => void): void;
677
605
  registerOnTouched(fn: () => void): void;
678
606
  readonly classes: _angular_core.Signal<{
607
+ radio__input: boolean;
679
608
  'is-invalid': boolean;
680
609
  }>;
681
610
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozRadioComponent, never>;
@@ -700,7 +629,8 @@ declare class MozRadioGroupComponent implements ControlValueAccessor {
700
629
  registerOnTouched(fn: () => void): void;
701
630
  select(value: string): void;
702
631
  readonly classes: _angular_core.Signal<{
703
- 'mc-field__content--inline': boolean;
632
+ field__content: boolean;
633
+ 'field__content--inline': boolean;
704
634
  }>;
705
635
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozRadioGroupComponent, never>;
706
636
  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>;
@@ -733,7 +663,8 @@ declare class MozSelectComponent implements ControlValueAccessor {
733
663
  handleChange(event: Event): void;
734
664
  readonly classes: _angular_core.Signal<{
735
665
  [x: string]: boolean | MozSelectSize;
736
- 'mc-select--readonly': boolean;
666
+ select: boolean;
667
+ 'select--readonly': boolean;
737
668
  'is-invalid': boolean;
738
669
  }>;
739
670
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozSelectComponent, never>;
@@ -745,7 +676,8 @@ declare class MozStatusBadgeComponent {
745
676
  label: _angular_core.InputSignal<string | undefined>;
746
677
  status: _angular_core.InputSignal<MozStatusBadgeStatus>;
747
678
  readonly classes: _angular_core.Signal<{
748
- [x: string]: MozStatusBadgeStatus;
679
+ [x: string]: boolean | MozStatusBadgeStatus;
680
+ 'mc-status-badge': boolean;
749
681
  }>;
750
682
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusBadgeComponent, never>;
751
683
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusBadgeComponent, "moz-status-badge", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -757,7 +689,8 @@ declare class MozStatusDotComponent {
757
689
  status: _angular_core.InputSignal<MozStatusDotStatus>;
758
690
  size: _angular_core.InputSignal<MozStatusDotSize>;
759
691
  readonly classes: _angular_core.Signal<{
760
- [x: string]: MozStatusDotStatus | MozStatusDotSize;
692
+ [x: string]: boolean | MozStatusDotStatus | MozStatusDotSize;
693
+ 'mc-status-dot': boolean;
761
694
  }>;
762
695
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusDotComponent, never>;
763
696
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusDotComponent, "moz-status-dot", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -765,45 +698,71 @@ declare class MozStatusDotComponent {
765
698
 
766
699
  type MozStatusNotificationStatus = 'info' | 'success' | 'warning' | 'error';
767
700
  declare class MozStatusNotificationComponent {
768
- title: _angular_core.InputSignal<string>;
769
- description: _angular_core.InputSignal<string>;
701
+ title: _angular_core.InputSignal<string | undefined>;
770
702
  status: _angular_core.InputSignal<MozStatusNotificationStatus>;
771
703
  closable: _angular_core.InputSignal<boolean>;
772
704
  closed: _angular_core.OutputEmitterRef<void>;
705
+ descriptionTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
773
706
  footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
774
707
  readonly classes: _angular_core.Signal<{
775
- [x: string]: MozStatusNotificationStatus;
708
+ [x: string]: boolean | MozStatusNotificationStatus;
709
+ 'mc-status-notification': boolean;
776
710
  }>;
777
711
  readonly iconComponent: _angular_core.Signal<typeof CheckCircle32>;
778
712
  onCloseClick(): void;
779
713
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusNotificationComponent, never>;
780
- 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>;
714
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusNotificationComponent, "moz-status-notification", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, ["descriptionTpl", "footerTpl"], never, true, never>;
715
+ }
716
+
717
+ declare class MozTabComponent {
718
+ id: _angular_core.InputSignal<string>;
719
+ label: _angular_core.InputSignal<string>;
720
+ icon: _angular_core.InputSignal<Type<unknown> | undefined>;
721
+ disabled: _angular_core.InputSignal<boolean>;
722
+ routerLink: _angular_core.InputSignal<string | undefined>;
723
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTabComponent, never>;
724
+ 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>;
781
725
  }
782
726
 
783
727
  interface MozTabItem {
728
+ id: string;
784
729
  label: string;
785
730
  icon?: Type<unknown>;
786
731
  disabled?: boolean;
787
732
  routerLink?: string;
788
733
  }
789
- declare class MozTabsComponent {
790
- tabs: _angular_core.InputSignal<MozTabItem[]>;
734
+ declare class MozTabsComponent implements AfterContentInit {
735
+ tabs: QueryList<MozTabComponent>;
791
736
  description: _angular_core.InputSignal<string | undefined>;
792
737
  divider: _angular_core.InputSignal<boolean>;
793
738
  centered: _angular_core.InputSignal<boolean>;
794
739
  selectedIndex: _angular_core.ModelSignal<number>;
740
+ tabsInput: _angular_core.InputSignal<MozTabItem[]>;
795
741
  selectedIndexChange: EventEmitter<number>;
742
+ tabsArray: _angular_core.WritableSignal<MozTabComponent[]>;
743
+ virtualTabs: _angular_core.WritableSignal<MozTabItem[]>;
744
+ constructor();
745
+ ngAfterContentInit(): void;
746
+ hasVirtualTabs: _angular_core.Signal<boolean>;
796
747
  readonly classes: _angular_core.Signal<{
797
- 'mc-tabs--centered': boolean;
748
+ tabs: boolean;
749
+ 'tabs--centered': boolean;
798
750
  }>;
799
751
  isTabSelected: (index: number) => boolean;
800
752
  getTabClasses(index: number): _angular_core.Signal<{
801
- 'mc-tabs__tab--selected': boolean;
802
- 'mc-tabs__tab--disabled': boolean;
753
+ tabs__tab: boolean;
754
+ 'tabs__tab--selected': boolean;
755
+ 'tabs__tab--disabled': boolean;
756
+ }>;
757
+ getVirtualTabClasses(index: number): _angular_core.Signal<{
758
+ tabs__tab: boolean;
759
+ 'tabs__tab--selected': boolean;
760
+ 'tabs__tab--disabled': boolean;
803
761
  }>;
804
762
  onClickTab(index: number): void;
763
+ onClickVirtualTab(index: number, tab: MozTabItem): void;
805
764
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTabsComponent, never>;
806
- 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>;
765
+ 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>;
807
766
  }
808
767
 
809
768
  type MozTagType = 'informative' | 'interactive' | 'contextualised' | 'removable' | 'selectable';
@@ -813,7 +772,6 @@ declare class MozTagComponent implements ControlValueAccessor {
813
772
  readonly size: _angular_core.InputSignal<MozTagSize>;
814
773
  readonly id: _angular_core.InputSignal<string>;
815
774
  readonly name: _angular_core.InputSignal<string | undefined>;
816
- readonly label: _angular_core.InputSignal<string>;
817
775
  readonly disabled: _angular_core.InputSignal<boolean>;
818
776
  readonly contextualisedNumber: _angular_core.InputSignal<number>;
819
777
  readonly removableLabel: _angular_core.InputSignal<string>;
@@ -830,14 +788,14 @@ declare class MozTagComponent implements ControlValueAccessor {
830
788
  onCheckboxChange(event: Event): void;
831
789
  onRemove(): void;
832
790
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTagComponent, never>;
833
- 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>;
791
+ 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>;
834
792
  }
835
793
 
836
794
  /**
837
795
  * Directive that transforms a simple textarea into a styled textarea.
838
796
  * Applies Mozaic Design System styles to native textarea elements.
839
797
  */
840
- declare class MozTextareaDirective implements ControlValueAccessor, AfterViewInit, OnDestroy {
798
+ declare class MozTextarea implements ControlValueAccessor, AfterViewInit, OnDestroy {
841
799
  private elementRef;
842
800
  private renderer;
843
801
  readonly isInvalid: _angular_core.InputSignal<boolean>;
@@ -846,6 +804,8 @@ declare class MozTextareaDirective implements ControlValueAccessor, AfterViewIni
846
804
  readonly minLength: _angular_core.InputSignal<number | undefined>;
847
805
  readonly maxLength: _angular_core.InputSignal<number | undefined>;
848
806
  private _value;
807
+ private _isDisabled;
808
+ readonly isDisabledState: _angular_core.Signal<boolean>;
849
809
  onChange: (value: string) => void;
850
810
  onTouched: () => void;
851
811
  constructor(elementRef: ElementRef<HTMLTextAreaElement>, renderer: Renderer2);
@@ -857,8 +817,8 @@ declare class MozTextareaDirective implements ControlValueAccessor, AfterViewIni
857
817
  registerOnChange(fn: (value: string) => void): void;
858
818
  registerOnTouched(fn: () => void): void;
859
819
  setDisabledState(isDisabled: boolean): void;
860
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextareaDirective, never>;
861
- 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>;
820
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextarea, never>;
821
+ 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>;
862
822
  }
863
823
 
864
824
  type MozTextInputSize = 's' | 'm';
@@ -866,7 +826,7 @@ type MozTextInputSize = 's' | 'm';
866
826
  * Directive that transforms a simple input into a styled text input with optional icon and clearable button.
867
827
  * Wraps the input element in a container and adds additional elements as needed.
868
828
  */
869
- declare class MozTextInputDirective implements ControlValueAccessor, AfterViewInit, OnDestroy {
829
+ declare class MozTextInput implements ControlValueAccessor, AfterViewInit, OnDestroy {
870
830
  private elementRef;
871
831
  private renderer;
872
832
  readonly isInvalid: _angular_core.InputSignal<boolean>;
@@ -880,7 +840,9 @@ declare class MozTextInputDirective implements ControlValueAccessor, AfterViewIn
880
840
  private iconContainer;
881
841
  private iconComponentRef;
882
842
  private _value;
843
+ private _isDisabled;
883
844
  readonly isClearable: _angular_core.Signal<string | false>;
845
+ readonly isDisabledState: _angular_core.Signal<boolean>;
884
846
  private environmentInjector;
885
847
  constructor(elementRef: ElementRef<HTMLInputElement>, renderer: Renderer2);
886
848
  ngAfterViewInit(): void;
@@ -897,19 +859,20 @@ declare class MozTextInputDirective implements ControlValueAccessor, AfterViewIn
897
859
  writeValue(value: string | number): void;
898
860
  registerOnChange(fn: (value: string | number) => void): void;
899
861
  registerOnTouched(fn: () => void): void;
900
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextInputDirective, never>;
901
- 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>;
862
+ setDisabledState(isDisabled: boolean): void;
863
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextInput, never>;
864
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTextInput, "input[moz-text-input]", never, { "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
902
865
  }
903
866
 
904
867
  type MozToggleSize = 's' | 'm';
905
868
  declare class MozToggleComponent implements ControlValueAccessor {
906
869
  id: _angular_core.InputSignal<string>;
907
870
  name: _angular_core.InputSignal<string | undefined>;
908
- label: _angular_core.InputSignal<string | undefined>;
909
871
  size: _angular_core.InputSignal<MozToggleSize>;
910
872
  disabled: _angular_core.InputSignal<boolean>;
911
873
  readonly classes: _angular_core.Signal<{
912
- [x: string]: MozToggleSize;
874
+ [x: string]: boolean | MozToggleSize;
875
+ toggle: boolean;
913
876
  }>;
914
877
  _value: _angular_core.WritableSignal<boolean>;
915
878
  onChange: (_: boolean) => void;
@@ -919,13 +882,13 @@ declare class MozToggleComponent implements ControlValueAccessor {
919
882
  registerOnTouched(fn: () => void): void;
920
883
  onInputChange(event: Event): void;
921
884
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozToggleComponent, never>;
922
- 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>;
885
+ 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>;
923
886
  }
924
887
 
925
888
  type MozFlagType = 'default' | 'accent' | 'danger' | 'inverse';
926
889
  declare class MozFlagComponent {
927
890
  readonly type: _angular_core.InputSignal<MozFlagType>;
928
- get typeClass(): "" | "mc-flag--accent" | "mc-flag--danger" | "mc-flag--inverse";
891
+ readonly classes: _angular_core.Signal<"flag" | "flag flag--accent" | "flag flag--danger" | "flag flag--inverse">;
929
892
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFlagComponent, never>;
930
893
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozFlagComponent, "moz-flag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
931
894
  }
@@ -942,6 +905,8 @@ declare class MozDatepickerComponent implements ControlValueAccessor {
942
905
  readonly label: _angular_core.InputSignal<string>;
943
906
  _value: _angular_core.WritableSignal<string | null>;
944
907
  readonly classes: _angular_core.Signal<{
908
+ 'mc-datepicker': boolean;
909
+ 'mc-text-input': boolean;
945
910
  'is-invalid': boolean;
946
911
  'mc-datepicker--s': boolean;
947
912
  'mc-text-input--s': boolean;
@@ -967,9 +932,9 @@ declare class MozTooltipComponent {
967
932
  content: string;
968
933
  readonly classes: _angular_core.Signal<{
969
934
  [x: string]: boolean;
970
- 'mc-tooltip': boolean;
971
- 'mc-tooltip--no-pointer': boolean;
972
- 'mc-tooltip--standalone': boolean;
935
+ tooltip: boolean;
936
+ 'tooltip--no-pointer': boolean;
937
+ 'tooltip--standalone': boolean;
973
938
  }>;
974
939
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTooltipComponent, never>;
975
940
  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>;
@@ -1029,15 +994,16 @@ declare class MozCalloutComponent {
1029
994
  message: _angular_core.InputSignal<string | null>;
1030
995
  role: _angular_core.InputSignal<string>;
1031
996
  variant: _angular_core.InputSignal<MozCalloutVariant>;
997
+ footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
1032
998
  classes: _angular_core.Signal<string>;
1033
999
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCalloutComponent, never>;
1034
- 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; }; }, {}, never, ["[footer]"], true, never>;
1000
+ 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>;
1035
1001
  }
1036
1002
 
1037
1003
  type MozAvatarSize = 's' | 'm' | 'l';
1038
1004
  declare class MozAvatarComponent {
1039
1005
  size: _angular_core.InputSignal<MozAvatarSize>;
1040
- hostClasses: _angular_core.Signal<string>;
1006
+ classes: _angular_core.Signal<string>;
1041
1007
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozAvatarComponent, never>;
1042
1008
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozAvatarComponent, "moz-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1043
1009
  }
@@ -1129,7 +1095,7 @@ declare class MozToasterComponent implements AfterContentInit {
1129
1095
  actionSlot: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
1130
1096
  hasAction: boolean;
1131
1097
  ngAfterContentInit(): void;
1132
- hostClasses: _angular_core.Signal<string>;
1098
+ classes: _angular_core.Signal<string>;
1133
1099
  private _progressValue;
1134
1100
  progressValue: () => number;
1135
1101
  private intervalId;
@@ -1198,12 +1164,14 @@ declare class MozSegmentedControlComponent {
1198
1164
  index: number;
1199
1165
  value: string | number;
1200
1166
  }>;
1201
- hostClasses: _angular_core.Signal<{
1202
- 'mc-segmented-control--m': boolean;
1203
- 'mc-segmented-control--full': boolean;
1167
+ classes: _angular_core.Signal<{
1168
+ 'segmented-control': boolean;
1169
+ 'segmented-control--m': boolean;
1170
+ 'segmented-control--full': boolean;
1204
1171
  }>;
1205
1172
  segmentClasses: (index: number) => _angular_core.Signal<{
1206
- 'mc-segmented-control__segment--selected': boolean;
1173
+ 'segmented-control__segment': boolean;
1174
+ 'segmented-control__segment--selected': boolean;
1207
1175
  }>;
1208
1176
  private buttons;
1209
1177
  onSelect(index: number): void;
@@ -1280,8 +1248,8 @@ declare class MozAccordionComponent {
1280
1248
  * @internal
1281
1249
  */
1282
1250
  cssClasses: _angular_core.Signal<{
1283
- 'mc-accordion': boolean;
1284
- 'mc-accordion--ghost': boolean;
1251
+ accordion: boolean;
1252
+ 'accordion--ghost': boolean;
1285
1253
  }>;
1286
1254
  /**
1287
1255
  * Signal containing all accordion panels projected into this component.
@@ -1311,6 +1279,7 @@ declare class MozAccordionComponent {
1311
1279
  declare class MozActionBottomBarComponent {
1312
1280
  boxShadow: _angular_core.InputSignal<boolean>;
1313
1281
  readonly classes: _angular_core.Signal<{
1282
+ 'mc-action-bottom-bar': boolean;
1314
1283
  'mc-action-bottom-bar--shadow': boolean;
1315
1284
  }>;
1316
1285
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozActionBottomBarComponent, never>;
@@ -1360,9 +1329,9 @@ declare class MozActionListboxComponent {
1360
1329
  itemsWithClasses: _angular_core.Signal<{
1361
1330
  item: ActionListItem;
1362
1331
  classes: {
1363
- 'mc-action-list__element': boolean;
1364
- 'mc-action-list__element--danger': boolean;
1365
- 'mc-action-list__element--disabled': boolean;
1332
+ 'action-list__element': boolean;
1333
+ 'action-list__element--danger': boolean;
1334
+ 'action-list__element--disabled': boolean;
1366
1335
  };
1367
1336
  }[]>;
1368
1337
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozActionListboxComponent, never>;
@@ -1395,7 +1364,8 @@ declare class MozStatusMessageComponent {
1395
1364
  status: _angular_core.InputSignal<MozStatusMessageStatus>;
1396
1365
  description: _angular_core.InputSignal<string | null>;
1397
1366
  readonly classes: _angular_core.Signal<{
1398
- [x: string]: MozStatusMessageStatus;
1367
+ [x: string]: boolean | MozStatusMessageStatus;
1368
+ 'mc-status-message': boolean;
1399
1369
  }>;
1400
1370
  readonly iconComponent: _angular_core.Signal<typeof CrossCircleFilled24>;
1401
1371
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusMessageComponent, never>;
@@ -1421,15 +1391,15 @@ declare class MozKpiComponent {
1421
1391
  readonly isMedium: _angular_core.Signal<boolean>;
1422
1392
  readonly isLarge: _angular_core.Signal<boolean>;
1423
1393
  readonly rootClasses: _angular_core.Signal<{
1424
- 'mc-kpi': boolean;
1425
- 'mc-kpi--s': boolean;
1426
- 'mc-kpi--m': boolean;
1427
- 'mc-kpi--l': boolean;
1428
- 'mc-kpi--info': boolean;
1429
- 'mc-kpi--warning': boolean;
1430
- 'mc-kpi--error': boolean;
1431
- 'mc-kpi--success': boolean;
1432
- 'mc-kpi--neutral': boolean;
1394
+ kpi: boolean;
1395
+ 'kpi--s': boolean;
1396
+ 'kpi--m': boolean;
1397
+ 'kpi--l': boolean;
1398
+ 'kpi--info': boolean;
1399
+ 'kpi--warning': boolean;
1400
+ 'kpi--error': boolean;
1401
+ 'kpi--success': boolean;
1402
+ 'kpi--neutral': boolean;
1433
1403
  }>;
1434
1404
  private readonly iconMap;
1435
1405
  readonly IconComponent: _angular_core.Signal<Type<unknown> | null>;
@@ -1496,15 +1466,15 @@ declare class MozStarRatingComponent {
1496
1466
  readonly hasInfoText: _angular_core.Signal<boolean>;
1497
1467
  readonly ariaLabel: _angular_core.Signal<string>;
1498
1468
  readonly stars: _angular_core.Signal<number[]>;
1499
- readonly rootClasses: _angular_core.Signal<{
1500
- 'mc-star-rating': boolean;
1501
- 'mc-star-rating--link': boolean;
1502
- 'mc-star-rating--slider': boolean;
1503
- 'mc-star-rating--s': boolean;
1504
- 'mc-star-rating--m': boolean;
1505
- 'mc-star-rating--l': boolean;
1506
- 'mc-star-rating--standard': boolean;
1507
- 'mc-star-rating--accent': boolean;
1469
+ readonly classes: _angular_core.Signal<{
1470
+ 'star-rating': boolean;
1471
+ 'star-rating--link': boolean;
1472
+ 'star-rating--slider': boolean;
1473
+ 'star-rating--s': boolean;
1474
+ 'star-rating--m': boolean;
1475
+ 'star-rating--l': boolean;
1476
+ 'star-rating--standard': boolean;
1477
+ 'star-rating--accent': boolean;
1508
1478
  }>;
1509
1479
  private readonly iconMaps;
1510
1480
  private hoverValue;
@@ -1707,6 +1677,10 @@ declare class MozStepperBottomBarComponent {
1707
1677
  * Text for the validate button.
1708
1678
  */
1709
1679
  validateText: _angular_core.InputSignal<string>;
1680
+ /**
1681
+ * If `true`, disable the next button.
1682
+ */
1683
+ disabledNext: _angular_core.InputSignal<boolean>;
1710
1684
  /**
1711
1685
  * Event emitted when cancel button is clicked.
1712
1686
  */
@@ -1728,7 +1702,7 @@ declare class MozStepperBottomBarComponent {
1728
1702
  handleNext(): void;
1729
1703
  handleValidate(): void;
1730
1704
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStepperBottomBarComponent, never>;
1731
- 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>;
1705
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStepperBottomBarComponent, "moz-stepper-bottom-bar", never, { "step": { "alias": "step"; "required": false; "isSignal": true; }; "hasCancel": { "alias": "hasCancel"; "required": false; "isSignal": true; }; "cancelText": { "alias": "cancelText"; "required": false; "isSignal": true; }; "previousText": { "alias": "previousText"; "required": false; "isSignal": true; }; "nextText": { "alias": "nextText"; "required": false; "isSignal": true; }; "validateText": { "alias": "validateText"; "required": false; "isSignal": true; }; "disabledNext": { "alias": "disabledNext"; "required": false; "isSignal": true; }; }, { "cancel": "cancel"; "previous": "previous"; "next": "next"; "validate": "validate"; }, never, never, true, never>;
1732
1706
  }
1733
1707
 
1734
1708
  interface MozPageHeaderScope {
@@ -1788,7 +1762,7 @@ declare class MozPageHeaderComponent {
1788
1762
  }
1789
1763
 
1790
1764
  type MozTileAppearance = 'primary' | 'secondary' | 'inverse';
1791
- declare class MozBasicTileComponent {
1765
+ declare class MozTileComponent {
1792
1766
  appearance: _angular_core.InputSignal<MozTileAppearance>;
1793
1767
  isBordered: _angular_core.InputSignal<boolean>;
1794
1768
  extraAction: _angular_core.InputSignal<boolean>;
@@ -1797,8 +1771,8 @@ declare class MozBasicTileComponent {
1797
1771
  'mc-tile': boolean;
1798
1772
  'mc-tile--bordered': boolean;
1799
1773
  }>;
1800
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozBasicTileComponent, never>;
1801
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozBasicTileComponent, "moz-tile", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "isBordered": { "alias": "isBordered"; "required": false; "isSignal": true; }; "extraAction": { "alias": "extraAction"; "required": false; "isSignal": true; }; }, {}, never, ["[action]", "[segmented]", "[body]"], true, never>;
1774
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTileComponent, never>;
1775
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTileComponent, "moz-tile", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "isBordered": { "alias": "isBordered"; "required": false; "isSignal": true; }; "extraAction": { "alias": "extraAction"; "required": false; "isSignal": true; }; }, {}, never, ["[action]", "[segmented]", "[body]"], true, never>;
1802
1776
  }
1803
1777
 
1804
1778
  type MozTileSelectableType = 'checkbox' | 'radio';
@@ -1845,5 +1819,33 @@ declare class MozTileExpandableComponent {
1845
1819
  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>;
1846
1820
  }
1847
1821
 
1848
- export { BuiltInMenuComponent, MozAccordionComponent, MozAccordionContentComponent, MozAccordionHeaderComponent, MozAccordionPanelComponent, MozActionBottomBarComponent, MozActionListboxComponent, MozAvatarComponent, MozBasicTileComponent, MozBreadcrumbComponent, MozButtonComponent, MozButtonWrapperComponent, MozCalloutComponent, MozCarouselComponent, MozCheckListMenuComponent, MozCheckboxComponent, MozCheckboxGroupComponent, MozCircularProgressBarComponent, MozDatepickerComponent, MozDividerComponent, MozDrawerComponent, MozDrawerRef, MozDrawerService, 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, MozTileExpandableComponent, MozTileSelectableComponent, MozToasterComponent, MozToggleComponent, MozTooltipComponent, MozTooltipDirective };
1849
- export type { ActionListItem, MozActionListItemAppearance, MozAvatarSize, MozBreadcrumbAppearance, MozBreadcrumbLink, MozBuiltInMenuItem, MozBuiltInMenuItemTarget, MozButtonAppearance, MozButtonIconPosition, MozButtonSize, MozButtonType, MozCalloutVariant, MozCheckListMenuItem, MozCircularProgessBarSize, MozDatepickerSize, MozDividerAppearance, MozDividerOrientation, MozDividerSize, MozDrawerButton, MozDrawerConfig, 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 };
1822
+ type MozDrawerPosition = 'left' | 'right';
1823
+ declare class MozDrawerComponent {
1824
+ readonly open: _angular_core.InputSignal<boolean>;
1825
+ readonly position: _angular_core.InputSignal<MozDrawerPosition>;
1826
+ readonly extended: _angular_core.InputSignal<boolean>;
1827
+ readonly back: _angular_core.InputSignal<boolean>;
1828
+ readonly title: _angular_core.InputSignal<string>;
1829
+ readonly contentTitle: _angular_core.InputSignal<string | undefined>;
1830
+ readonly updateOpen: _angular_core.OutputEmitterRef<boolean>;
1831
+ readonly backEvent: _angular_core.OutputEmitterRef<void>;
1832
+ footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
1833
+ readonly isOpen: _angular_core.WritableSignal<boolean>;
1834
+ readonly classMap: _angular_core.Signal<{
1835
+ [x: string]: boolean;
1836
+ 'is-open': boolean;
1837
+ 'mc-drawer--extend': boolean;
1838
+ }>;
1839
+ readonly ariaModal: _angular_core.Signal<"true" | "false">;
1840
+ constructor();
1841
+ close(): void;
1842
+ backClick(): void;
1843
+ noop(): void;
1844
+ onEscape(): void;
1845
+ onBackdropClick(event: MouseEvent): void;
1846
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDrawerComponent, never>;
1847
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDrawerComponent, "moz-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "extended": { "alias": "extended"; "required": false; "isSignal": true; }; "back": { "alias": "back"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "contentTitle": { "alias": "contentTitle"; "required": false; "isSignal": true; }; }, { "updateOpen": "updateOpen"; "backEvent": "backEvent"; }, ["footerTpl"], ["*"], true, never>;
1848
+ }
1849
+
1850
+ export { BuiltInMenuComponent, MozAccordionComponent, MozAccordionContentComponent, MozAccordionHeaderComponent, MozAccordionPanelComponent, MozActionBottomBarComponent, MozActionListboxComponent, MozAvatarComponent, MozBreadcrumbComponent, MozButtonComponent, MozCalloutComponent, MozCarouselComponent, MozCheckListMenuComponent, MozCheckboxComponent, MozCheckboxGroupComponent, MozCircularProgressBarComponent, MozDatepickerComponent, MozDividerComponent, MozDrawerComponent, MozFieldComponent, MozFieldGroupComponent, MozFileUploaderComponent, MozFileUploaderItemComponent, MozFlagComponent, MozIconButtonComponent, MozKpiComponent, MozLinearProgressBarBufferComponent, MozLinearProgressBarPercentageComponent, MozLinkComponent, MozLoaderComponent, MozLoadingOverlayComponent, MozModalBodyComponent, MozModalComponent, MozModalContainerComponent, MozModalFooterComponent, MozModalHeaderComponent, MozModalRef, MozModalService, MozNumberBadgeComponent, MozOverlayComponent, MozPageHeaderComponent, MozPaginationComponent, MozPasswordInputDirective, MozPhoneNumberComponent, MozPincodeInputComponent, MozQuantitySelectorComponent, MozRadioComponent, MozRadioGroupComponent, MozSegmentedControlComponent, MozSelectComponent, MozSidebarComponent, MozStarRatingComponent, MozStatusBadgeComponent, MozStatusDotComponent, MozStatusMessageComponent, MozStatusNotificationComponent, MozStepperBottomBarComponent, MozStepperCompactComponent, MozStepperInlineComponent, MozStepperStackedComponent, MozTabComponent, MozTabsComponent, MozTagComponent, MozTextInput, MozTextarea, MozTileComponent, MozTileExpandableComponent, MozTileSelectableComponent, MozToasterComponent, MozToggleComponent, MozTooltipComponent, MozTooltipDirective };
1851
+ export type { ActionListItem, MozActionListItemAppearance, MozAvatarSize, MozBreadcrumbAppearance, MozBreadcrumbLink, MozBuiltInMenuItem, MozBuiltInMenuItemTarget, MozButtonAppearance, MozButtonIconPosition, MozButtonSize, MozButtonType, MozCalloutVariant, MozCheckListMenuItem, MozCircularProgessBarSize, MozDatepickerSize, MozDividerAppearance, MozDividerOrientation, MozDividerSize, MozDrawerPosition, MozFileUploaderFormat, MozFileUploaderItemFormat, MozFlagType, MozIconButtonAppearance, MozIconButtonSize, MozIconButtonType, MozKpiSize, MozKpiStatus, MozKpiTrend, MozLinkAppearance, MozLinkIconPosition, MozLinkSize, MozLoaderAppearance, MozLoaderSize, MozModalButton, MozModalConfig, MozNumberBadgeAppearance, MozNumberBadgeSize, MozPageHeaderScope, MozPhoneNumberCountry, MozPhoneNumberValue, MozQuantitySelectorSize, MozSegmentedControlSize, MozSegmentedItem, MozSelectOption, MozSelectSize, MozSelectValue, MozSidebarItem, MozSidebarSubItem, MozStarRatingAppearance, MozStarRatingSize, MozStatusBadgeStatus, MozStatusDotSize, MozStatusDotStatus, MozStatusMessageStatus, MozStatusNotificationStatus, MozStepperBottomBarStep, MozStepperInlineStep, MozStepperStackedStep, MozTabItem, MozTagSize, MozTagType, MozTextInputSize, MozTileAppearance, MozTileExpandableTrigger, MozTileInputPosition, MozTileInputVerticalPosition, MozTileSelectableAppearance, MozTileSelectableType, MozToasterPosition, MozToasterRole, MozToasterStatus, MozToggleSize, MozTooltipPosition };