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

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 +753 -795
  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} +193 -194
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;
@@ -349,6 +260,8 @@ declare class MozIconButtonComponent {
349
260
  ariaLabel: _angular_core.InputSignal<string | undefined>;
350
261
  readonly classes: _angular_core.Signal<{
351
262
  [x: string]: boolean | MozIconButtonAppearance | MozIconButtonSize;
263
+ 'mc-button': boolean;
264
+ 'mc-button--icon-button': boolean;
352
265
  'mc-button--ghost': boolean;
353
266
  'mc-button--outlined': boolean;
354
267
  }>;
@@ -370,30 +283,32 @@ declare class MozLinkComponent {
370
283
  current: _angular_core.InputSignal<boolean>;
371
284
  ariaCurrent: _angular_core.InputSignal<string | null>;
372
285
  private readonly routerLinkActive;
373
- readonly routerLink: RouterLinkWithHref | null;
286
+ readonly routerLink: RouterLink | null;
374
287
  readonly classes: _angular_core.Signal<{
375
288
  [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;
289
+ link: boolean;
290
+ 'link--inline': boolean;
291
+ 'link--stand-alone': boolean;
292
+ 'link--active': boolean;
293
+ 'link--breadcrumb__current': boolean;
380
294
  }>;
381
295
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLinkComponent, never>;
382
296
  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
297
  }
384
298
 
385
299
  type MozLoaderAppearance = 'standard' | 'accent' | 'inverse';
386
- type MozLoaderSize = 's' | 'm' | 'l';
300
+ type MozLoaderSize = 'xs' | 's' | 'm' | 'l';
387
301
  declare class MozLoaderComponent {
388
302
  appearance: _angular_core.InputSignal<MozLoaderAppearance>;
389
303
  size: _angular_core.InputSignal<MozLoaderSize>;
390
304
  text: _angular_core.InputSignal<string | undefined>;
391
305
  readonly classes: _angular_core.Signal<{
392
306
  [x: string]: boolean | MozLoaderAppearance | MozLoaderSize;
393
- "mc-loader--text-visible": boolean;
307
+ loader: boolean;
308
+ "loader--text-visible": boolean;
394
309
  }>;
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>;
310
+ readonly viewBox: _angular_core.Signal<"0 0 20 20" | "0 0 24 24" | "0 0 64 64" | "0 0 32 32">;
311
+ readonly circleRadius: _angular_core.Signal<3 | 6 | 19 | 9>;
397
312
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLoaderComponent, never>;
398
313
  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
314
  }
@@ -413,6 +328,7 @@ declare class MozModalComponent {
413
328
  constructor();
414
329
  close(): void;
415
330
  readonly classMap: _angular_core.Signal<{
331
+ modal: boolean;
416
332
  'is-open': boolean;
417
333
  }>;
418
334
  readonly ariaModal: _angular_core.Signal<"true" | "false">;
@@ -421,15 +337,19 @@ declare class MozModalComponent {
421
337
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalComponent, "moz-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "updateOpen": "updateOpen"; "closeRequest": "closeRequest"; }, never, ["*"], true, never>;
422
338
  }
423
339
 
424
- declare class MozModalContainerComponent<T = unknown, R = unknown> {
340
+ declare class MozModalContainerComponent<T = unknown, R = unknown> implements OnDestroy {
425
341
  readonly dialogRef: DialogRef<R, unknown>;
426
342
  readonly data: MozModalConfig<T>;
427
343
  readonly isOpen: _angular_core.WritableSignal<boolean>;
428
344
  readonly modalElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
429
345
  private pendingClose;
430
346
  private isClosing;
347
+ private transitionEndHandler?;
348
+ private closeTimeoutId?;
431
349
  constructor();
350
+ ngOnDestroy(): void;
432
351
  private onTransitionEnd;
352
+ private cleanupAndClose;
433
353
  isTemplate(content: unknown): content is TemplateRef<{
434
354
  $implicit: T | undefined;
435
355
  }>;
@@ -510,7 +430,8 @@ declare class MozNumberBadgeComponent {
510
430
  appearance: _angular_core.InputSignal<MozNumberBadgeAppearance>;
511
431
  size: _angular_core.InputSignal<MozNumberBadgeSize>;
512
432
  readonly classes: _angular_core.Signal<{
513
- [x: string]: MozNumberBadgeAppearance | MozNumberBadgeSize;
433
+ [x: string]: boolean | MozNumberBadgeAppearance | MozNumberBadgeSize;
434
+ 'mc-number-badge': boolean;
514
435
  }>;
515
436
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozNumberBadgeComponent, never>;
516
437
  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 +448,10 @@ declare class MozOverlayComponent {
527
448
  * Accessible label for the overlay dialog.
528
449
  */
529
450
  dialogLabel: _angular_core.InputSignal<string | undefined>;
451
+ readonly classes: _angular_core.Signal<{
452
+ overlay: boolean;
453
+ 'is-visible': boolean | undefined;
454
+ }>;
530
455
  onBackdropClick(): void;
531
456
  noop(): void;
532
457
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozOverlayComponent, never>;
@@ -606,7 +531,7 @@ declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
606
531
  private readonly cdr;
607
532
  private readonly ngZone;
608
533
  id: _angular_core.InputSignal<string>;
609
- length: _angular_core.InputSignal<4 | 5 | 6>;
534
+ length: _angular_core.InputSignal<6 | 4 | 5>;
610
535
  name: _angular_core.InputSignal<string | undefined>;
611
536
  isInvalid: _angular_core.InputSignal<boolean>;
612
537
  disabled: _angular_core.InputSignal<boolean>;
@@ -616,7 +541,8 @@ declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
616
541
  private _value;
617
542
  onChange: (value: string) => void;
618
543
  onTouched: () => void;
619
- readonly classObject: _angular_core.Signal<{
544
+ readonly classes: _angular_core.Signal<{
545
+ 'mc-pincode-input': boolean;
620
546
  'is-invalid': boolean;
621
547
  }>;
622
548
  ngOnInit(): void;
@@ -648,6 +574,7 @@ declare class MozQuantitySelectorComponent implements ControlValueAccessor {
648
574
  readonly _value: _angular_core.WritableSignal<number>;
649
575
  readonly classes: _angular_core.Signal<{
650
576
  [x: string]: boolean | MozQuantitySelectorSize;
577
+ 'quantity-selector': boolean;
651
578
  'is-invalid': boolean;
652
579
  }>;
653
580
  private onChange;
@@ -676,6 +603,7 @@ declare class MozRadioComponent implements ControlValueAccessor {
676
603
  registerOnChange(fn: (value: boolean) => void): void;
677
604
  registerOnTouched(fn: () => void): void;
678
605
  readonly classes: _angular_core.Signal<{
606
+ radio__input: boolean;
679
607
  'is-invalid': boolean;
680
608
  }>;
681
609
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozRadioComponent, never>;
@@ -700,7 +628,8 @@ declare class MozRadioGroupComponent implements ControlValueAccessor {
700
628
  registerOnTouched(fn: () => void): void;
701
629
  select(value: string): void;
702
630
  readonly classes: _angular_core.Signal<{
703
- 'mc-field__content--inline': boolean;
631
+ field__content: boolean;
632
+ 'field__content--inline': boolean;
704
633
  }>;
705
634
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozRadioGroupComponent, never>;
706
635
  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 +662,8 @@ declare class MozSelectComponent implements ControlValueAccessor {
733
662
  handleChange(event: Event): void;
734
663
  readonly classes: _angular_core.Signal<{
735
664
  [x: string]: boolean | MozSelectSize;
736
- 'mc-select--readonly': boolean;
665
+ select: boolean;
666
+ 'select--readonly': boolean;
737
667
  'is-invalid': boolean;
738
668
  }>;
739
669
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozSelectComponent, never>;
@@ -745,7 +675,8 @@ declare class MozStatusBadgeComponent {
745
675
  label: _angular_core.InputSignal<string | undefined>;
746
676
  status: _angular_core.InputSignal<MozStatusBadgeStatus>;
747
677
  readonly classes: _angular_core.Signal<{
748
- [x: string]: MozStatusBadgeStatus;
678
+ [x: string]: boolean | MozStatusBadgeStatus;
679
+ 'mc-status-badge': boolean;
749
680
  }>;
750
681
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusBadgeComponent, never>;
751
682
  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 +688,8 @@ declare class MozStatusDotComponent {
757
688
  status: _angular_core.InputSignal<MozStatusDotStatus>;
758
689
  size: _angular_core.InputSignal<MozStatusDotSize>;
759
690
  readonly classes: _angular_core.Signal<{
760
- [x: string]: MozStatusDotStatus | MozStatusDotSize;
691
+ [x: string]: boolean | MozStatusDotStatus | MozStatusDotSize;
692
+ 'mc-status-dot': boolean;
761
693
  }>;
762
694
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusDotComponent, never>;
763
695
  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,19 +697,29 @@ declare class MozStatusDotComponent {
765
697
 
766
698
  type MozStatusNotificationStatus = 'info' | 'success' | 'warning' | 'error';
767
699
  declare class MozStatusNotificationComponent {
768
- title: _angular_core.InputSignal<string>;
769
- description: _angular_core.InputSignal<string>;
700
+ title: _angular_core.InputSignal<string | undefined>;
770
701
  status: _angular_core.InputSignal<MozStatusNotificationStatus>;
771
702
  closable: _angular_core.InputSignal<boolean>;
772
703
  closed: _angular_core.OutputEmitterRef<void>;
704
+ descriptionTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
773
705
  footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
774
706
  readonly classes: _angular_core.Signal<{
775
- [x: string]: MozStatusNotificationStatus;
707
+ [x: string]: boolean | MozStatusNotificationStatus;
708
+ 'mc-status-notification': boolean;
776
709
  }>;
777
710
  readonly iconComponent: _angular_core.Signal<typeof CheckCircle32>;
778
711
  onCloseClick(): void;
779
712
  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>;
713
+ 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>;
714
+ }
715
+
716
+ declare class MozTabComponent {
717
+ label: _angular_core.InputSignal<string>;
718
+ icon: _angular_core.InputSignal<Type<unknown> | undefined>;
719
+ disabled: _angular_core.InputSignal<boolean>;
720
+ routerLink: _angular_core.InputSignal<string | undefined>;
721
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTabComponent, never>;
722
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTabComponent, "moz-tab", never, { "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
723
  }
782
724
 
783
725
  interface MozTabItem {
@@ -786,24 +728,38 @@ interface MozTabItem {
786
728
  disabled?: boolean;
787
729
  routerLink?: string;
788
730
  }
789
- declare class MozTabsComponent {
790
- tabs: _angular_core.InputSignal<MozTabItem[]>;
731
+ declare class MozTabsComponent implements AfterContentInit {
732
+ tabs: QueryList<MozTabComponent>;
791
733
  description: _angular_core.InputSignal<string | undefined>;
792
734
  divider: _angular_core.InputSignal<boolean>;
793
735
  centered: _angular_core.InputSignal<boolean>;
794
736
  selectedIndex: _angular_core.ModelSignal<number>;
737
+ tabsInput: _angular_core.InputSignal<MozTabItem[]>;
795
738
  selectedIndexChange: EventEmitter<number>;
739
+ tabsArray: _angular_core.WritableSignal<MozTabComponent[]>;
740
+ virtualTabs: _angular_core.WritableSignal<MozTabItem[]>;
741
+ constructor();
742
+ ngAfterContentInit(): void;
743
+ hasVirtualTabs: _angular_core.Signal<boolean>;
796
744
  readonly classes: _angular_core.Signal<{
797
- 'mc-tabs--centered': boolean;
745
+ tabs: boolean;
746
+ 'tabs--centered': boolean;
798
747
  }>;
799
748
  isTabSelected: (index: number) => boolean;
800
749
  getTabClasses(index: number): _angular_core.Signal<{
801
- 'mc-tabs__tab--selected': boolean;
802
- 'mc-tabs__tab--disabled': boolean;
750
+ tabs__tab: boolean;
751
+ 'tabs__tab--selected': boolean;
752
+ 'tabs__tab--disabled': boolean;
753
+ }>;
754
+ getVirtualTabClasses(index: number): _angular_core.Signal<{
755
+ tabs__tab: boolean;
756
+ 'tabs__tab--selected': boolean;
757
+ 'tabs__tab--disabled': boolean;
803
758
  }>;
804
759
  onClickTab(index: number): void;
760
+ onClickVirtualTab(index: number, tab: MozTabItem): void;
805
761
  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>;
762
+ 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
763
  }
808
764
 
809
765
  type MozTagType = 'informative' | 'interactive' | 'contextualised' | 'removable' | 'selectable';
@@ -813,7 +769,6 @@ declare class MozTagComponent implements ControlValueAccessor {
813
769
  readonly size: _angular_core.InputSignal<MozTagSize>;
814
770
  readonly id: _angular_core.InputSignal<string>;
815
771
  readonly name: _angular_core.InputSignal<string | undefined>;
816
- readonly label: _angular_core.InputSignal<string>;
817
772
  readonly disabled: _angular_core.InputSignal<boolean>;
818
773
  readonly contextualisedNumber: _angular_core.InputSignal<number>;
819
774
  readonly removableLabel: _angular_core.InputSignal<string>;
@@ -830,14 +785,14 @@ declare class MozTagComponent implements ControlValueAccessor {
830
785
  onCheckboxChange(event: Event): void;
831
786
  onRemove(): void;
832
787
  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>;
788
+ 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
789
  }
835
790
 
836
791
  /**
837
792
  * Directive that transforms a simple textarea into a styled textarea.
838
793
  * Applies Mozaic Design System styles to native textarea elements.
839
794
  */
840
- declare class MozTextareaDirective implements ControlValueAccessor, AfterViewInit, OnDestroy {
795
+ declare class MozTextarea implements ControlValueAccessor, AfterViewInit, OnDestroy {
841
796
  private elementRef;
842
797
  private renderer;
843
798
  readonly isInvalid: _angular_core.InputSignal<boolean>;
@@ -846,6 +801,8 @@ declare class MozTextareaDirective implements ControlValueAccessor, AfterViewIni
846
801
  readonly minLength: _angular_core.InputSignal<number | undefined>;
847
802
  readonly maxLength: _angular_core.InputSignal<number | undefined>;
848
803
  private _value;
804
+ private _isDisabled;
805
+ readonly isDisabledState: _angular_core.Signal<boolean>;
849
806
  onChange: (value: string) => void;
850
807
  onTouched: () => void;
851
808
  constructor(elementRef: ElementRef<HTMLTextAreaElement>, renderer: Renderer2);
@@ -857,8 +814,8 @@ declare class MozTextareaDirective implements ControlValueAccessor, AfterViewIni
857
814
  registerOnChange(fn: (value: string) => void): void;
858
815
  registerOnTouched(fn: () => void): void;
859
816
  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>;
817
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextarea, never>;
818
+ 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
819
  }
863
820
 
864
821
  type MozTextInputSize = 's' | 'm';
@@ -866,7 +823,7 @@ type MozTextInputSize = 's' | 'm';
866
823
  * Directive that transforms a simple input into a styled text input with optional icon and clearable button.
867
824
  * Wraps the input element in a container and adds additional elements as needed.
868
825
  */
869
- declare class MozTextInputDirective implements ControlValueAccessor, AfterViewInit, OnDestroy {
826
+ declare class MozTextInput implements ControlValueAccessor, AfterViewInit, OnDestroy {
870
827
  private elementRef;
871
828
  private renderer;
872
829
  readonly isInvalid: _angular_core.InputSignal<boolean>;
@@ -880,7 +837,9 @@ declare class MozTextInputDirective implements ControlValueAccessor, AfterViewIn
880
837
  private iconContainer;
881
838
  private iconComponentRef;
882
839
  private _value;
840
+ private _isDisabled;
883
841
  readonly isClearable: _angular_core.Signal<string | false>;
842
+ readonly isDisabledState: _angular_core.Signal<boolean>;
884
843
  private environmentInjector;
885
844
  constructor(elementRef: ElementRef<HTMLInputElement>, renderer: Renderer2);
886
845
  ngAfterViewInit(): void;
@@ -897,19 +856,20 @@ declare class MozTextInputDirective implements ControlValueAccessor, AfterViewIn
897
856
  writeValue(value: string | number): void;
898
857
  registerOnChange(fn: (value: string | number) => void): void;
899
858
  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>;
859
+ setDisabledState(isDisabled: boolean): void;
860
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextInput, never>;
861
+ 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
862
  }
903
863
 
904
864
  type MozToggleSize = 's' | 'm';
905
865
  declare class MozToggleComponent implements ControlValueAccessor {
906
866
  id: _angular_core.InputSignal<string>;
907
867
  name: _angular_core.InputSignal<string | undefined>;
908
- label: _angular_core.InputSignal<string | undefined>;
909
868
  size: _angular_core.InputSignal<MozToggleSize>;
910
869
  disabled: _angular_core.InputSignal<boolean>;
911
870
  readonly classes: _angular_core.Signal<{
912
- [x: string]: MozToggleSize;
871
+ [x: string]: boolean | MozToggleSize;
872
+ toggle: boolean;
913
873
  }>;
914
874
  _value: _angular_core.WritableSignal<boolean>;
915
875
  onChange: (_: boolean) => void;
@@ -919,13 +879,13 @@ declare class MozToggleComponent implements ControlValueAccessor {
919
879
  registerOnTouched(fn: () => void): void;
920
880
  onInputChange(event: Event): void;
921
881
  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>;
882
+ 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
883
  }
924
884
 
925
885
  type MozFlagType = 'default' | 'accent' | 'danger' | 'inverse';
926
886
  declare class MozFlagComponent {
927
887
  readonly type: _angular_core.InputSignal<MozFlagType>;
928
- get typeClass(): "" | "mc-flag--accent" | "mc-flag--danger" | "mc-flag--inverse";
888
+ readonly classes: _angular_core.Signal<"flag" | "flag flag--accent" | "flag flag--danger" | "flag flag--inverse">;
929
889
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFlagComponent, never>;
930
890
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozFlagComponent, "moz-flag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
931
891
  }
@@ -942,6 +902,8 @@ declare class MozDatepickerComponent implements ControlValueAccessor {
942
902
  readonly label: _angular_core.InputSignal<string>;
943
903
  _value: _angular_core.WritableSignal<string | null>;
944
904
  readonly classes: _angular_core.Signal<{
905
+ 'mc-datepicker': boolean;
906
+ 'mc-text-input': boolean;
945
907
  'is-invalid': boolean;
946
908
  'mc-datepicker--s': boolean;
947
909
  'mc-text-input--s': boolean;
@@ -967,9 +929,9 @@ declare class MozTooltipComponent {
967
929
  content: string;
968
930
  readonly classes: _angular_core.Signal<{
969
931
  [x: string]: boolean;
970
- 'mc-tooltip': boolean;
971
- 'mc-tooltip--no-pointer': boolean;
972
- 'mc-tooltip--standalone': boolean;
932
+ tooltip: boolean;
933
+ 'tooltip--no-pointer': boolean;
934
+ 'tooltip--standalone': boolean;
973
935
  }>;
974
936
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTooltipComponent, never>;
975
937
  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 +991,16 @@ declare class MozCalloutComponent {
1029
991
  message: _angular_core.InputSignal<string | null>;
1030
992
  role: _angular_core.InputSignal<string>;
1031
993
  variant: _angular_core.InputSignal<MozCalloutVariant>;
994
+ footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
1032
995
  classes: _angular_core.Signal<string>;
1033
996
  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>;
997
+ 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
998
  }
1036
999
 
1037
1000
  type MozAvatarSize = 's' | 'm' | 'l';
1038
1001
  declare class MozAvatarComponent {
1039
1002
  size: _angular_core.InputSignal<MozAvatarSize>;
1040
- hostClasses: _angular_core.Signal<string>;
1003
+ classes: _angular_core.Signal<string>;
1041
1004
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozAvatarComponent, never>;
1042
1005
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozAvatarComponent, "moz-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1043
1006
  }
@@ -1129,7 +1092,7 @@ declare class MozToasterComponent implements AfterContentInit {
1129
1092
  actionSlot: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
1130
1093
  hasAction: boolean;
1131
1094
  ngAfterContentInit(): void;
1132
- hostClasses: _angular_core.Signal<string>;
1095
+ classes: _angular_core.Signal<string>;
1133
1096
  private _progressValue;
1134
1097
  progressValue: () => number;
1135
1098
  private intervalId;
@@ -1198,12 +1161,14 @@ declare class MozSegmentedControlComponent {
1198
1161
  index: number;
1199
1162
  value: string | number;
1200
1163
  }>;
1201
- hostClasses: _angular_core.Signal<{
1202
- 'mc-segmented-control--m': boolean;
1203
- 'mc-segmented-control--full': boolean;
1164
+ classes: _angular_core.Signal<{
1165
+ 'segmented-control': boolean;
1166
+ 'segmented-control--m': boolean;
1167
+ 'segmented-control--full': boolean;
1204
1168
  }>;
1205
1169
  segmentClasses: (index: number) => _angular_core.Signal<{
1206
- 'mc-segmented-control__segment--selected': boolean;
1170
+ 'segmented-control__segment': boolean;
1171
+ 'segmented-control__segment--selected': boolean;
1207
1172
  }>;
1208
1173
  private buttons;
1209
1174
  onSelect(index: number): void;
@@ -1280,8 +1245,8 @@ declare class MozAccordionComponent {
1280
1245
  * @internal
1281
1246
  */
1282
1247
  cssClasses: _angular_core.Signal<{
1283
- 'mc-accordion': boolean;
1284
- 'mc-accordion--ghost': boolean;
1248
+ accordion: boolean;
1249
+ 'accordion--ghost': boolean;
1285
1250
  }>;
1286
1251
  /**
1287
1252
  * Signal containing all accordion panels projected into this component.
@@ -1311,6 +1276,7 @@ declare class MozAccordionComponent {
1311
1276
  declare class MozActionBottomBarComponent {
1312
1277
  boxShadow: _angular_core.InputSignal<boolean>;
1313
1278
  readonly classes: _angular_core.Signal<{
1279
+ 'mc-action-bottom-bar': boolean;
1314
1280
  'mc-action-bottom-bar--shadow': boolean;
1315
1281
  }>;
1316
1282
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozActionBottomBarComponent, never>;
@@ -1360,9 +1326,9 @@ declare class MozActionListboxComponent {
1360
1326
  itemsWithClasses: _angular_core.Signal<{
1361
1327
  item: ActionListItem;
1362
1328
  classes: {
1363
- 'mc-action-list__element': boolean;
1364
- 'mc-action-list__element--danger': boolean;
1365
- 'mc-action-list__element--disabled': boolean;
1329
+ 'action-list__element': boolean;
1330
+ 'action-list__element--danger': boolean;
1331
+ 'action-list__element--disabled': boolean;
1366
1332
  };
1367
1333
  }[]>;
1368
1334
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozActionListboxComponent, never>;
@@ -1395,7 +1361,8 @@ declare class MozStatusMessageComponent {
1395
1361
  status: _angular_core.InputSignal<MozStatusMessageStatus>;
1396
1362
  description: _angular_core.InputSignal<string | null>;
1397
1363
  readonly classes: _angular_core.Signal<{
1398
- [x: string]: MozStatusMessageStatus;
1364
+ [x: string]: boolean | MozStatusMessageStatus;
1365
+ 'mc-status-message': boolean;
1399
1366
  }>;
1400
1367
  readonly iconComponent: _angular_core.Signal<typeof CrossCircleFilled24>;
1401
1368
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusMessageComponent, never>;
@@ -1421,15 +1388,15 @@ declare class MozKpiComponent {
1421
1388
  readonly isMedium: _angular_core.Signal<boolean>;
1422
1389
  readonly isLarge: _angular_core.Signal<boolean>;
1423
1390
  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;
1391
+ kpi: boolean;
1392
+ 'kpi--s': boolean;
1393
+ 'kpi--m': boolean;
1394
+ 'kpi--l': boolean;
1395
+ 'kpi--info': boolean;
1396
+ 'kpi--warning': boolean;
1397
+ 'kpi--error': boolean;
1398
+ 'kpi--success': boolean;
1399
+ 'kpi--neutral': boolean;
1433
1400
  }>;
1434
1401
  private readonly iconMap;
1435
1402
  readonly IconComponent: _angular_core.Signal<Type<unknown> | null>;
@@ -1496,15 +1463,15 @@ declare class MozStarRatingComponent {
1496
1463
  readonly hasInfoText: _angular_core.Signal<boolean>;
1497
1464
  readonly ariaLabel: _angular_core.Signal<string>;
1498
1465
  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;
1466
+ readonly classes: _angular_core.Signal<{
1467
+ 'star-rating': boolean;
1468
+ 'star-rating--link': boolean;
1469
+ 'star-rating--slider': boolean;
1470
+ 'star-rating--s': boolean;
1471
+ 'star-rating--m': boolean;
1472
+ 'star-rating--l': boolean;
1473
+ 'star-rating--standard': boolean;
1474
+ 'star-rating--accent': boolean;
1508
1475
  }>;
1509
1476
  private readonly iconMaps;
1510
1477
  private hoverValue;
@@ -1707,6 +1674,10 @@ declare class MozStepperBottomBarComponent {
1707
1674
  * Text for the validate button.
1708
1675
  */
1709
1676
  validateText: _angular_core.InputSignal<string>;
1677
+ /**
1678
+ * If `true`, disable the next button.
1679
+ */
1680
+ disabledNext: _angular_core.InputSignal<boolean>;
1710
1681
  /**
1711
1682
  * Event emitted when cancel button is clicked.
1712
1683
  */
@@ -1728,7 +1699,7 @@ declare class MozStepperBottomBarComponent {
1728
1699
  handleNext(): void;
1729
1700
  handleValidate(): void;
1730
1701
  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>;
1702
+ 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
1703
  }
1733
1704
 
1734
1705
  interface MozPageHeaderScope {
@@ -1788,7 +1759,7 @@ declare class MozPageHeaderComponent {
1788
1759
  }
1789
1760
 
1790
1761
  type MozTileAppearance = 'primary' | 'secondary' | 'inverse';
1791
- declare class MozBasicTileComponent {
1762
+ declare class MozTileComponent {
1792
1763
  appearance: _angular_core.InputSignal<MozTileAppearance>;
1793
1764
  isBordered: _angular_core.InputSignal<boolean>;
1794
1765
  extraAction: _angular_core.InputSignal<boolean>;
@@ -1797,8 +1768,8 @@ declare class MozBasicTileComponent {
1797
1768
  'mc-tile': boolean;
1798
1769
  'mc-tile--bordered': boolean;
1799
1770
  }>;
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>;
1771
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTileComponent, never>;
1772
+ 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
1773
  }
1803
1774
 
1804
1775
  type MozTileSelectableType = 'checkbox' | 'radio';
@@ -1845,5 +1816,33 @@ declare class MozTileExpandableComponent {
1845
1816
  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
1817
  }
1847
1818
 
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 };
1819
+ type MozDrawerPosition = 'left' | 'right';
1820
+ declare class MozDrawerComponent {
1821
+ readonly open: _angular_core.InputSignal<boolean>;
1822
+ readonly position: _angular_core.InputSignal<MozDrawerPosition>;
1823
+ readonly extended: _angular_core.InputSignal<boolean>;
1824
+ readonly back: _angular_core.InputSignal<boolean>;
1825
+ readonly title: _angular_core.InputSignal<string>;
1826
+ readonly contentTitle: _angular_core.InputSignal<string | undefined>;
1827
+ readonly updateOpen: _angular_core.OutputEmitterRef<boolean>;
1828
+ readonly backEvent: _angular_core.OutputEmitterRef<void>;
1829
+ footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
1830
+ readonly isOpen: _angular_core.WritableSignal<boolean>;
1831
+ readonly classMap: _angular_core.Signal<{
1832
+ [x: string]: boolean;
1833
+ 'is-open': boolean;
1834
+ 'mc-drawer--extend': boolean;
1835
+ }>;
1836
+ readonly ariaModal: _angular_core.Signal<"true" | "false">;
1837
+ constructor();
1838
+ close(): void;
1839
+ backClick(): void;
1840
+ noop(): void;
1841
+ onEscape(): void;
1842
+ onBackdropClick(event: MouseEvent): void;
1843
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDrawerComponent, never>;
1844
+ 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>;
1845
+ }
1846
+
1847
+ 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 };
1848
+ 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 };