@mozaic-ds/angular 2.0.0-beta.2 → 2.0.0-beta.21

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 +717 -749
  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} +179 -176
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
  }
@@ -56,7 +59,8 @@ declare class MozCheckboxComponent implements ControlValueAccessor {
56
59
  'is-invalid': boolean;
57
60
  }>;
58
61
  readonly indentedClass: _angular_core.Signal<{
59
- 'mc-checkbox--indented': boolean;
62
+ checkbox: boolean;
63
+ 'checkbox--indented': boolean;
60
64
  }>;
61
65
  writeValue(value: boolean): void;
62
66
  registerOnChange(fn: (_: boolean) => void): void;
@@ -68,6 +72,10 @@ declare class MozCheckboxComponent implements ControlValueAccessor {
68
72
 
69
73
  declare class MozCheckboxGroupComponent implements ControlValueAccessor {
70
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>;
71
79
  options: _angular_core.InputSignal<{
72
80
  id: string;
73
81
  label: string;
@@ -78,7 +86,8 @@ declare class MozCheckboxGroupComponent implements ControlValueAccessor {
78
86
  inline: _angular_core.InputSignal<boolean>;
79
87
  _value: _angular_core.WritableSignal<string[]>;
80
88
  readonly containerClass: _angular_core.Signal<{
81
- 'mc-field__content--inline': boolean;
89
+ field__content: boolean;
90
+ 'field__content--inline': boolean;
82
91
  }>;
83
92
  onChange: (_: string[]) => void;
84
93
  onTouched: () => void;
@@ -87,8 +96,13 @@ declare class MozCheckboxGroupComponent implements ControlValueAccessor {
87
96
  registerOnTouched(fn: () => void): void;
88
97
  toggleSelection(event: Event, val: string): void;
89
98
  isChecked(value: string): boolean;
99
+ getCheckboxInputClass(option: {
100
+ isInvalid?: boolean;
101
+ }): {
102
+ [key: string]: boolean;
103
+ };
90
104
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCheckboxGroupComponent, never>;
91
- 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>;
92
106
  }
93
107
 
94
108
  type MozDividerOrientation = 'horizontal' | 'vertical';
@@ -117,96 +131,6 @@ declare class MozDividerComponent {
117
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>;
118
132
  }
119
133
 
120
- type MozDrawerPosition = 'left' | 'right';
121
- declare class MozDrawerComponent {
122
- readonly open: _angular_core.InputSignal<boolean>;
123
- readonly position: _angular_core.InputSignal<MozDrawerPosition>;
124
- readonly extended: _angular_core.InputSignal<boolean>;
125
- readonly back: _angular_core.InputSignal<boolean>;
126
- readonly title: _angular_core.InputSignal<string>;
127
- readonly contentTitle: _angular_core.InputSignal<string | undefined>;
128
- readonly updateOpen: _angular_core.OutputEmitterRef<boolean>;
129
- readonly backEvent: _angular_core.OutputEmitterRef<void>;
130
- footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
131
- readonly isOpen: _angular_core.WritableSignal<boolean>;
132
- readonly classMap: _angular_core.Signal<{
133
- [x: string]: boolean;
134
- 'is-open': boolean;
135
- 'mc-drawer--extend': boolean;
136
- }>;
137
- readonly ariaModal: _angular_core.Signal<"true" | "false">;
138
- constructor();
139
- close(): void;
140
- backClick(): void;
141
- noop(): void;
142
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDrawerComponent, never>;
143
- 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>;
144
- }
145
-
146
- declare class MozDrawerContainerComponent<T = unknown, R = unknown> {
147
- readonly dialogRef: DialogRef<R, unknown>;
148
- readonly data: MozDrawerConfig<T>;
149
- readonly isOpen: _angular_core.WritableSignal<boolean>;
150
- readonly drawerElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
151
- private pendingClose;
152
- private isClosing;
153
- constructor();
154
- private onTransitionEnd;
155
- isTemplate(content: unknown): content is TemplateRef<{
156
- $implicit: T | undefined;
157
- }>;
158
- isComponent(content: unknown): content is Type<unknown>;
159
- asTemplate(content: unknown): TemplateRef<{
160
- $implicit: T | undefined;
161
- }>;
162
- asComponent(content: unknown): Type<unknown>;
163
- onButtonClick(button: {
164
- label: string;
165
- onClick?: () => void;
166
- }): void;
167
- onUpdateOpen(open: boolean): void;
168
- onBackClick(): void;
169
- close(result?: R): void;
170
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDrawerContainerComponent<any, any>, never>;
171
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDrawerContainerComponent<any, any>, "moz-drawer-container", never, {}, {}, never, never, true, never>;
172
- }
173
-
174
- interface MozDrawerButton {
175
- label: string;
176
- onClick?: () => void;
177
- primary?: boolean;
178
- }
179
- interface MozDrawerConfig<T = unknown> {
180
- title?: string;
181
- contentTitle?: string;
182
- position?: 'left' | 'right';
183
- extended?: boolean;
184
- back?: boolean;
185
- onBack?: () => void;
186
- content?: TemplateRef<T> | Type<unknown> | string;
187
- data?: T;
188
- panelClass?: string | string[];
189
- backdropClass?: string | string[];
190
- disableClose?: boolean;
191
- ariaLabel?: string;
192
- ariaDescribedBy?: string;
193
- footerButtons?: MozDrawerButton[];
194
- }
195
- declare class MozDrawerRef<R = unknown> {
196
- private _dialogRef;
197
- setDialogRef(dialogRef: DialogRef<R, MozDrawerContainerComponent>): void;
198
- close(result?: R): void;
199
- get afterClosed(): Observable<R | undefined>;
200
- get componentInstance(): MozDrawerContainerComponent | null;
201
- }
202
- declare class MozDrawerService {
203
- private readonly dialog;
204
- private readonly injector;
205
- open<T = unknown, R = unknown>(config?: MozDrawerConfig<T>): MozDrawerRef<R>;
206
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDrawerService, never>;
207
- static ɵprov: _angular_core.ɵɵInjectableDeclaration<MozDrawerService>;
208
- }
209
-
210
134
  declare class MozFieldComponent {
211
135
  id: _angular_core.InputSignal<string | undefined>;
212
136
  label: _angular_core.InputSignal<string | undefined>;
@@ -218,6 +142,7 @@ declare class MozFieldComponent {
218
142
  messageId: _angular_core.InputSignal<string | undefined>;
219
143
  message: _angular_core.InputSignal<string | undefined>;
220
144
  readonly classes: _angular_core.Signal<{
145
+ 'mc-field__validation-message': boolean;
221
146
  'is-valid': boolean;
222
147
  'is-invalid': boolean;
223
148
  }>;
@@ -268,13 +193,14 @@ declare class MozFileUploaderComponent implements OnInit {
268
193
  isDragged: _angular_core.WritableSignal<boolean>;
269
194
  initialFiles: _angular_core.InputSignal<File[]>;
270
195
  readonly classes: _angular_core.Signal<{
271
- 'mc-file-uploader--draggable': boolean;
196
+ 'file-uploader--draggable': boolean;
272
197
  }>;
273
198
  readonly inputClasses: _angular_core.Signal<{
274
- 'mc-file-uploader__input--disabled': boolean;
275
- 'mc-file-uploader__input--dragged': boolean;
199
+ 'file-uploader__input--disabled': boolean;
200
+ 'file-uploader__input--dragged': boolean;
276
201
  }>;
277
202
  iconTpl: any;
203
+ fileInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
278
204
  ngOnInit(): void;
279
205
  removeFile(index: number): void;
280
206
  onDeleteFile(file: File): void;
@@ -334,6 +260,8 @@ declare class MozIconButtonComponent {
334
260
  ariaLabel: _angular_core.InputSignal<string | undefined>;
335
261
  readonly classes: _angular_core.Signal<{
336
262
  [x: string]: boolean | MozIconButtonAppearance | MozIconButtonSize;
263
+ 'mc-button': boolean;
264
+ 'mc-button--icon-button': boolean;
337
265
  'mc-button--ghost': boolean;
338
266
  'mc-button--outlined': boolean;
339
267
  }>;
@@ -355,30 +283,32 @@ declare class MozLinkComponent {
355
283
  current: _angular_core.InputSignal<boolean>;
356
284
  ariaCurrent: _angular_core.InputSignal<string | null>;
357
285
  private readonly routerLinkActive;
358
- readonly routerLink: RouterLinkWithHref | null;
286
+ readonly routerLink: RouterLink | null;
359
287
  readonly classes: _angular_core.Signal<{
360
288
  [x: string]: boolean | MozLinkAppearance | MozLinkSize;
361
- 'mc-link--inline': boolean;
362
- 'mc-link--stand-alone': boolean;
363
- 'mc-link--active': boolean;
364
- '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;
365
294
  }>;
366
295
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLinkComponent, never>;
367
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>;
368
297
  }
369
298
 
370
299
  type MozLoaderAppearance = 'standard' | 'accent' | 'inverse';
371
- type MozLoaderSize = 's' | 'm' | 'l';
300
+ type MozLoaderSize = 'xs' | 's' | 'm' | 'l';
372
301
  declare class MozLoaderComponent {
373
302
  appearance: _angular_core.InputSignal<MozLoaderAppearance>;
374
303
  size: _angular_core.InputSignal<MozLoaderSize>;
375
304
  text: _angular_core.InputSignal<string | undefined>;
376
305
  readonly classes: _angular_core.Signal<{
377
306
  [x: string]: boolean | MozLoaderAppearance | MozLoaderSize;
378
- "mc-loader--text-visible": boolean;
307
+ loader: boolean;
308
+ "loader--text-visible": boolean;
379
309
  }>;
380
- readonly viewBox: _angular_core.Signal<"0 0 24 24" | "0 0 64 64" | "0 0 32 32">;
381
- 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>;
382
312
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLoaderComponent, never>;
383
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>;
384
314
  }
@@ -398,6 +328,7 @@ declare class MozModalComponent {
398
328
  constructor();
399
329
  close(): void;
400
330
  readonly classMap: _angular_core.Signal<{
331
+ modal: boolean;
401
332
  'is-open': boolean;
402
333
  }>;
403
334
  readonly ariaModal: _angular_core.Signal<"true" | "false">;
@@ -406,15 +337,19 @@ declare class MozModalComponent {
406
337
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozModalComponent, "moz-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "updateOpen": "updateOpen"; "closeRequest": "closeRequest"; }, never, ["*"], true, never>;
407
338
  }
408
339
 
409
- declare class MozModalContainerComponent<T = unknown, R = unknown> {
340
+ declare class MozModalContainerComponent<T = unknown, R = unknown> implements OnDestroy {
410
341
  readonly dialogRef: DialogRef<R, unknown>;
411
342
  readonly data: MozModalConfig<T>;
412
343
  readonly isOpen: _angular_core.WritableSignal<boolean>;
413
344
  readonly modalElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
414
345
  private pendingClose;
415
346
  private isClosing;
347
+ private transitionEndHandler?;
348
+ private closeTimeoutId?;
416
349
  constructor();
350
+ ngOnDestroy(): void;
417
351
  private onTransitionEnd;
352
+ private cleanupAndClose;
418
353
  isTemplate(content: unknown): content is TemplateRef<{
419
354
  $implicit: T | undefined;
420
355
  }>;
@@ -495,7 +430,8 @@ declare class MozNumberBadgeComponent {
495
430
  appearance: _angular_core.InputSignal<MozNumberBadgeAppearance>;
496
431
  size: _angular_core.InputSignal<MozNumberBadgeSize>;
497
432
  readonly classes: _angular_core.Signal<{
498
- [x: string]: MozNumberBadgeAppearance | MozNumberBadgeSize;
433
+ [x: string]: boolean | MozNumberBadgeAppearance | MozNumberBadgeSize;
434
+ 'mc-number-badge': boolean;
499
435
  }>;
500
436
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozNumberBadgeComponent, never>;
501
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>;
@@ -512,6 +448,10 @@ declare class MozOverlayComponent {
512
448
  * Accessible label for the overlay dialog.
513
449
  */
514
450
  dialogLabel: _angular_core.InputSignal<string | undefined>;
451
+ readonly classes: _angular_core.Signal<{
452
+ overlay: boolean;
453
+ 'is-visible': boolean | undefined;
454
+ }>;
515
455
  onBackdropClick(): void;
516
456
  noop(): void;
517
457
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozOverlayComponent, never>;
@@ -591,7 +531,7 @@ declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
591
531
  private readonly cdr;
592
532
  private readonly ngZone;
593
533
  id: _angular_core.InputSignal<string>;
594
- length: _angular_core.InputSignal<4 | 5 | 6>;
534
+ length: _angular_core.InputSignal<6 | 4 | 5>;
595
535
  name: _angular_core.InputSignal<string | undefined>;
596
536
  isInvalid: _angular_core.InputSignal<boolean>;
597
537
  disabled: _angular_core.InputSignal<boolean>;
@@ -601,7 +541,8 @@ declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
601
541
  private _value;
602
542
  onChange: (value: string) => void;
603
543
  onTouched: () => void;
604
- readonly classObject: _angular_core.Signal<{
544
+ readonly classes: _angular_core.Signal<{
545
+ 'mc-pincode-input': boolean;
605
546
  'is-invalid': boolean;
606
547
  }>;
607
548
  ngOnInit(): void;
@@ -633,6 +574,7 @@ declare class MozQuantitySelectorComponent implements ControlValueAccessor {
633
574
  readonly _value: _angular_core.WritableSignal<number>;
634
575
  readonly classes: _angular_core.Signal<{
635
576
  [x: string]: boolean | MozQuantitySelectorSize;
577
+ 'quantity-selector': boolean;
636
578
  'is-invalid': boolean;
637
579
  }>;
638
580
  private onChange;
@@ -661,6 +603,7 @@ declare class MozRadioComponent implements ControlValueAccessor {
661
603
  registerOnChange(fn: (value: boolean) => void): void;
662
604
  registerOnTouched(fn: () => void): void;
663
605
  readonly classes: _angular_core.Signal<{
606
+ radio__input: boolean;
664
607
  'is-invalid': boolean;
665
608
  }>;
666
609
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozRadioComponent, never>;
@@ -685,7 +628,8 @@ declare class MozRadioGroupComponent implements ControlValueAccessor {
685
628
  registerOnTouched(fn: () => void): void;
686
629
  select(value: string): void;
687
630
  readonly classes: _angular_core.Signal<{
688
- 'mc-field__content--inline': boolean;
631
+ field__content: boolean;
632
+ 'field__content--inline': boolean;
689
633
  }>;
690
634
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozRadioGroupComponent, never>;
691
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>;
@@ -718,7 +662,8 @@ declare class MozSelectComponent implements ControlValueAccessor {
718
662
  handleChange(event: Event): void;
719
663
  readonly classes: _angular_core.Signal<{
720
664
  [x: string]: boolean | MozSelectSize;
721
- 'mc-select--readonly': boolean;
665
+ select: boolean;
666
+ 'select--readonly': boolean;
722
667
  'is-invalid': boolean;
723
668
  }>;
724
669
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozSelectComponent, never>;
@@ -730,7 +675,8 @@ declare class MozStatusBadgeComponent {
730
675
  label: _angular_core.InputSignal<string | undefined>;
731
676
  status: _angular_core.InputSignal<MozStatusBadgeStatus>;
732
677
  readonly classes: _angular_core.Signal<{
733
- [x: string]: MozStatusBadgeStatus;
678
+ [x: string]: boolean | MozStatusBadgeStatus;
679
+ 'mc-status-badge': boolean;
734
680
  }>;
735
681
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusBadgeComponent, never>;
736
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>;
@@ -742,7 +688,8 @@ declare class MozStatusDotComponent {
742
688
  status: _angular_core.InputSignal<MozStatusDotStatus>;
743
689
  size: _angular_core.InputSignal<MozStatusDotSize>;
744
690
  readonly classes: _angular_core.Signal<{
745
- [x: string]: MozStatusDotStatus | MozStatusDotSize;
691
+ [x: string]: boolean | MozStatusDotStatus | MozStatusDotSize;
692
+ 'mc-status-dot': boolean;
746
693
  }>;
747
694
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusDotComponent, never>;
748
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>;
@@ -757,12 +704,22 @@ declare class MozStatusNotificationComponent {
757
704
  closed: _angular_core.OutputEmitterRef<void>;
758
705
  footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
759
706
  readonly classes: _angular_core.Signal<{
760
- [x: string]: MozStatusNotificationStatus;
707
+ [x: string]: boolean | MozStatusNotificationStatus;
708
+ 'mc-status-notification': boolean;
761
709
  }>;
762
710
  readonly iconComponent: _angular_core.Signal<typeof CheckCircle32>;
763
711
  onCloseClick(): void;
764
712
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusNotificationComponent, never>;
765
- 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": 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"], ["[footer]"], 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>;
766
723
  }
767
724
 
768
725
  interface MozTabItem {
@@ -771,24 +728,38 @@ interface MozTabItem {
771
728
  disabled?: boolean;
772
729
  routerLink?: string;
773
730
  }
774
- declare class MozTabsComponent {
775
- tabs: _angular_core.InputSignal<MozTabItem[]>;
731
+ declare class MozTabsComponent implements AfterContentInit {
732
+ tabs: QueryList<MozTabComponent>;
776
733
  description: _angular_core.InputSignal<string | undefined>;
777
734
  divider: _angular_core.InputSignal<boolean>;
778
735
  centered: _angular_core.InputSignal<boolean>;
779
736
  selectedIndex: _angular_core.ModelSignal<number>;
737
+ tabsInput: _angular_core.InputSignal<MozTabItem[]>;
780
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>;
781
744
  readonly classes: _angular_core.Signal<{
782
- 'mc-tabs--centered': boolean;
745
+ tabs: boolean;
746
+ 'tabs--centered': boolean;
783
747
  }>;
784
748
  isTabSelected: (index: number) => boolean;
785
749
  getTabClasses(index: number): _angular_core.Signal<{
786
- 'mc-tabs__tab--selected': boolean;
787
- '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;
788
758
  }>;
789
759
  onClickTab(index: number): void;
760
+ onClickVirtualTab(index: number, tab: MozTabItem): void;
790
761
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTabsComponent, never>;
791
- 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>;
792
763
  }
793
764
 
794
765
  type MozTagType = 'informative' | 'interactive' | 'contextualised' | 'removable' | 'selectable';
@@ -798,7 +769,6 @@ declare class MozTagComponent implements ControlValueAccessor {
798
769
  readonly size: _angular_core.InputSignal<MozTagSize>;
799
770
  readonly id: _angular_core.InputSignal<string>;
800
771
  readonly name: _angular_core.InputSignal<string | undefined>;
801
- readonly label: _angular_core.InputSignal<string>;
802
772
  readonly disabled: _angular_core.InputSignal<boolean>;
803
773
  readonly contextualisedNumber: _angular_core.InputSignal<number>;
804
774
  readonly removableLabel: _angular_core.InputSignal<string>;
@@ -815,14 +785,14 @@ declare class MozTagComponent implements ControlValueAccessor {
815
785
  onCheckboxChange(event: Event): void;
816
786
  onRemove(): void;
817
787
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTagComponent, never>;
818
- 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>;
819
789
  }
820
790
 
821
791
  /**
822
792
  * Directive that transforms a simple textarea into a styled textarea.
823
793
  * Applies Mozaic Design System styles to native textarea elements.
824
794
  */
825
- declare class MozTextareaDirective implements ControlValueAccessor, AfterViewInit, OnDestroy {
795
+ declare class MozTextarea implements ControlValueAccessor, AfterViewInit, OnDestroy {
826
796
  private elementRef;
827
797
  private renderer;
828
798
  readonly isInvalid: _angular_core.InputSignal<boolean>;
@@ -842,8 +812,8 @@ declare class MozTextareaDirective implements ControlValueAccessor, AfterViewIni
842
812
  registerOnChange(fn: (value: string) => void): void;
843
813
  registerOnTouched(fn: () => void): void;
844
814
  setDisabledState(isDisabled: boolean): void;
845
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextareaDirective, never>;
846
- 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>;
815
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextarea, never>;
816
+ 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>;
847
817
  }
848
818
 
849
819
  type MozTextInputSize = 's' | 'm';
@@ -851,7 +821,7 @@ type MozTextInputSize = 's' | 'm';
851
821
  * Directive that transforms a simple input into a styled text input with optional icon and clearable button.
852
822
  * Wraps the input element in a container and adds additional elements as needed.
853
823
  */
854
- declare class MozTextInputDirective implements ControlValueAccessor, AfterViewInit, OnDestroy {
824
+ declare class MozTextInput implements ControlValueAccessor, AfterViewInit, OnDestroy {
855
825
  private elementRef;
856
826
  private renderer;
857
827
  readonly isInvalid: _angular_core.InputSignal<boolean>;
@@ -882,19 +852,19 @@ declare class MozTextInputDirective implements ControlValueAccessor, AfterViewIn
882
852
  writeValue(value: string | number): void;
883
853
  registerOnChange(fn: (value: string | number) => void): void;
884
854
  registerOnTouched(fn: () => void): void;
885
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextInputDirective, never>;
886
- 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>;
855
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTextInput, never>;
856
+ 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>;
887
857
  }
888
858
 
889
859
  type MozToggleSize = 's' | 'm';
890
860
  declare class MozToggleComponent implements ControlValueAccessor {
891
861
  id: _angular_core.InputSignal<string>;
892
862
  name: _angular_core.InputSignal<string | undefined>;
893
- label: _angular_core.InputSignal<string | undefined>;
894
863
  size: _angular_core.InputSignal<MozToggleSize>;
895
864
  disabled: _angular_core.InputSignal<boolean>;
896
865
  readonly classes: _angular_core.Signal<{
897
- [x: string]: MozToggleSize;
866
+ [x: string]: boolean | MozToggleSize;
867
+ toggle: boolean;
898
868
  }>;
899
869
  _value: _angular_core.WritableSignal<boolean>;
900
870
  onChange: (_: boolean) => void;
@@ -904,13 +874,13 @@ declare class MozToggleComponent implements ControlValueAccessor {
904
874
  registerOnTouched(fn: () => void): void;
905
875
  onInputChange(event: Event): void;
906
876
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozToggleComponent, never>;
907
- 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>;
877
+ 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>;
908
878
  }
909
879
 
910
880
  type MozFlagType = 'default' | 'accent' | 'danger' | 'inverse';
911
881
  declare class MozFlagComponent {
912
882
  readonly type: _angular_core.InputSignal<MozFlagType>;
913
- get typeClass(): "" | "mc-flag--accent" | "mc-flag--danger" | "mc-flag--inverse";
883
+ readonly classes: _angular_core.Signal<"flag" | "flag flag--accent" | "flag flag--danger" | "flag flag--inverse">;
914
884
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFlagComponent, never>;
915
885
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozFlagComponent, "moz-flag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
916
886
  }
@@ -927,6 +897,8 @@ declare class MozDatepickerComponent implements ControlValueAccessor {
927
897
  readonly label: _angular_core.InputSignal<string>;
928
898
  _value: _angular_core.WritableSignal<string | null>;
929
899
  readonly classes: _angular_core.Signal<{
900
+ 'mc-datepicker': boolean;
901
+ 'mc-text-input': boolean;
930
902
  'is-invalid': boolean;
931
903
  'mc-datepicker--s': boolean;
932
904
  'mc-text-input--s': boolean;
@@ -952,9 +924,9 @@ declare class MozTooltipComponent {
952
924
  content: string;
953
925
  readonly classes: _angular_core.Signal<{
954
926
  [x: string]: boolean;
955
- 'mc-tooltip': boolean;
956
- 'mc-tooltip--no-pointer': boolean;
957
- 'mc-tooltip--standalone': boolean;
927
+ tooltip: boolean;
928
+ 'tooltip--no-pointer': boolean;
929
+ 'tooltip--standalone': boolean;
958
930
  }>;
959
931
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTooltipComponent, never>;
960
932
  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>;
@@ -1014,15 +986,16 @@ declare class MozCalloutComponent {
1014
986
  message: _angular_core.InputSignal<string | null>;
1015
987
  role: _angular_core.InputSignal<string>;
1016
988
  variant: _angular_core.InputSignal<MozCalloutVariant>;
989
+ footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
1017
990
  classes: _angular_core.Signal<string>;
1018
991
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCalloutComponent, never>;
1019
- 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>;
992
+ 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>;
1020
993
  }
1021
994
 
1022
995
  type MozAvatarSize = 's' | 'm' | 'l';
1023
996
  declare class MozAvatarComponent {
1024
997
  size: _angular_core.InputSignal<MozAvatarSize>;
1025
- hostClasses: _angular_core.Signal<string>;
998
+ classes: _angular_core.Signal<string>;
1026
999
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozAvatarComponent, never>;
1027
1000
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozAvatarComponent, "moz-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1028
1001
  }
@@ -1114,7 +1087,7 @@ declare class MozToasterComponent implements AfterContentInit {
1114
1087
  actionSlot: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
1115
1088
  hasAction: boolean;
1116
1089
  ngAfterContentInit(): void;
1117
- hostClasses: _angular_core.Signal<string>;
1090
+ classes: _angular_core.Signal<string>;
1118
1091
  private _progressValue;
1119
1092
  progressValue: () => number;
1120
1093
  private intervalId;
@@ -1183,12 +1156,14 @@ declare class MozSegmentedControlComponent {
1183
1156
  index: number;
1184
1157
  value: string | number;
1185
1158
  }>;
1186
- hostClasses: _angular_core.Signal<{
1187
- 'mc-segmented-control--m': boolean;
1188
- 'mc-segmented-control--full': boolean;
1159
+ classes: _angular_core.Signal<{
1160
+ 'segmented-control': boolean;
1161
+ 'segmented-control--m': boolean;
1162
+ 'segmented-control--full': boolean;
1189
1163
  }>;
1190
1164
  segmentClasses: (index: number) => _angular_core.Signal<{
1191
- 'mc-segmented-control__segment--selected': boolean;
1165
+ 'segmented-control__segment': boolean;
1166
+ 'segmented-control__segment--selected': boolean;
1192
1167
  }>;
1193
1168
  private buttons;
1194
1169
  onSelect(index: number): void;
@@ -1265,8 +1240,8 @@ declare class MozAccordionComponent {
1265
1240
  * @internal
1266
1241
  */
1267
1242
  cssClasses: _angular_core.Signal<{
1268
- 'mc-accordion': boolean;
1269
- 'mc-accordion--ghost': boolean;
1243
+ accordion: boolean;
1244
+ 'accordion--ghost': boolean;
1270
1245
  }>;
1271
1246
  /**
1272
1247
  * Signal containing all accordion panels projected into this component.
@@ -1296,6 +1271,7 @@ declare class MozAccordionComponent {
1296
1271
  declare class MozActionBottomBarComponent {
1297
1272
  boxShadow: _angular_core.InputSignal<boolean>;
1298
1273
  readonly classes: _angular_core.Signal<{
1274
+ 'mc-action-bottom-bar': boolean;
1299
1275
  'mc-action-bottom-bar--shadow': boolean;
1300
1276
  }>;
1301
1277
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozActionBottomBarComponent, never>;
@@ -1345,9 +1321,9 @@ declare class MozActionListboxComponent {
1345
1321
  itemsWithClasses: _angular_core.Signal<{
1346
1322
  item: ActionListItem;
1347
1323
  classes: {
1348
- 'mc-action-list__element': boolean;
1349
- 'mc-action-list__element--danger': boolean;
1350
- 'mc-action-list__element--disabled': boolean;
1324
+ 'action-list__element': boolean;
1325
+ 'action-list__element--danger': boolean;
1326
+ 'action-list__element--disabled': boolean;
1351
1327
  };
1352
1328
  }[]>;
1353
1329
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozActionListboxComponent, never>;
@@ -1380,7 +1356,8 @@ declare class MozStatusMessageComponent {
1380
1356
  status: _angular_core.InputSignal<MozStatusMessageStatus>;
1381
1357
  description: _angular_core.InputSignal<string | null>;
1382
1358
  readonly classes: _angular_core.Signal<{
1383
- [x: string]: MozStatusMessageStatus;
1359
+ [x: string]: boolean | MozStatusMessageStatus;
1360
+ 'mc-status-message': boolean;
1384
1361
  }>;
1385
1362
  readonly iconComponent: _angular_core.Signal<typeof CrossCircleFilled24>;
1386
1363
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusMessageComponent, never>;
@@ -1406,15 +1383,15 @@ declare class MozKpiComponent {
1406
1383
  readonly isMedium: _angular_core.Signal<boolean>;
1407
1384
  readonly isLarge: _angular_core.Signal<boolean>;
1408
1385
  readonly rootClasses: _angular_core.Signal<{
1409
- 'mc-kpi': boolean;
1410
- 'mc-kpi--s': boolean;
1411
- 'mc-kpi--m': boolean;
1412
- 'mc-kpi--l': boolean;
1413
- 'mc-kpi--info': boolean;
1414
- 'mc-kpi--warning': boolean;
1415
- 'mc-kpi--error': boolean;
1416
- 'mc-kpi--success': boolean;
1417
- 'mc-kpi--neutral': boolean;
1386
+ kpi: boolean;
1387
+ 'kpi--s': boolean;
1388
+ 'kpi--m': boolean;
1389
+ 'kpi--l': boolean;
1390
+ 'kpi--info': boolean;
1391
+ 'kpi--warning': boolean;
1392
+ 'kpi--error': boolean;
1393
+ 'kpi--success': boolean;
1394
+ 'kpi--neutral': boolean;
1418
1395
  }>;
1419
1396
  private readonly iconMap;
1420
1397
  readonly IconComponent: _angular_core.Signal<Type<unknown> | null>;
@@ -1481,15 +1458,15 @@ declare class MozStarRatingComponent {
1481
1458
  readonly hasInfoText: _angular_core.Signal<boolean>;
1482
1459
  readonly ariaLabel: _angular_core.Signal<string>;
1483
1460
  readonly stars: _angular_core.Signal<number[]>;
1484
- readonly rootClasses: _angular_core.Signal<{
1485
- 'mc-star-rating': boolean;
1486
- 'mc-star-rating--link': boolean;
1487
- 'mc-star-rating--slider': boolean;
1488
- 'mc-star-rating--s': boolean;
1489
- 'mc-star-rating--m': boolean;
1490
- 'mc-star-rating--l': boolean;
1491
- 'mc-star-rating--standard': boolean;
1492
- 'mc-star-rating--accent': boolean;
1461
+ readonly classes: _angular_core.Signal<{
1462
+ 'star-rating': boolean;
1463
+ 'star-rating--link': boolean;
1464
+ 'star-rating--slider': boolean;
1465
+ 'star-rating--s': boolean;
1466
+ 'star-rating--m': boolean;
1467
+ 'star-rating--l': boolean;
1468
+ 'star-rating--standard': boolean;
1469
+ 'star-rating--accent': boolean;
1493
1470
  }>;
1494
1471
  private readonly iconMaps;
1495
1472
  private hoverValue;
@@ -1773,7 +1750,7 @@ declare class MozPageHeaderComponent {
1773
1750
  }
1774
1751
 
1775
1752
  type MozTileAppearance = 'primary' | 'secondary' | 'inverse';
1776
- declare class MozBasicTileComponent {
1753
+ declare class MozTileComponent {
1777
1754
  appearance: _angular_core.InputSignal<MozTileAppearance>;
1778
1755
  isBordered: _angular_core.InputSignal<boolean>;
1779
1756
  extraAction: _angular_core.InputSignal<boolean>;
@@ -1782,8 +1759,8 @@ declare class MozBasicTileComponent {
1782
1759
  'mc-tile': boolean;
1783
1760
  'mc-tile--bordered': boolean;
1784
1761
  }>;
1785
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozBasicTileComponent, never>;
1786
- 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>;
1762
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTileComponent, never>;
1763
+ 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>;
1787
1764
  }
1788
1765
 
1789
1766
  type MozTileSelectableType = 'checkbox' | 'radio';
@@ -1830,5 +1807,31 @@ declare class MozTileExpandableComponent {
1830
1807
  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>;
1831
1808
  }
1832
1809
 
1833
- export { BuiltInMenuComponent, MozAccordionComponent, MozAccordionContentComponent, MozAccordionHeaderComponent, MozAccordionPanelComponent, MozActionBottomBarComponent, MozActionListboxComponent, MozAvatarComponent, MozBasicTileComponent, MozBreadcrumbComponent, MozButtonComponent, 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 };
1834
- 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 };
1810
+ type MozDrawerPosition = 'left' | 'right';
1811
+ declare class DrawerComponent {
1812
+ readonly open: _angular_core.InputSignal<boolean>;
1813
+ readonly position: _angular_core.InputSignal<MozDrawerPosition>;
1814
+ readonly extended: _angular_core.InputSignal<boolean>;
1815
+ readonly back: _angular_core.InputSignal<boolean>;
1816
+ readonly title: _angular_core.InputSignal<string>;
1817
+ readonly contentTitle: _angular_core.InputSignal<string | undefined>;
1818
+ readonly updateOpen: _angular_core.OutputEmitterRef<boolean>;
1819
+ readonly backEvent: _angular_core.OutputEmitterRef<void>;
1820
+ footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
1821
+ readonly isOpen: _angular_core.WritableSignal<boolean>;
1822
+ readonly classMap: _angular_core.Signal<{
1823
+ [x: string]: boolean;
1824
+ 'is-open': boolean;
1825
+ 'mc-drawer--extend': boolean;
1826
+ }>;
1827
+ readonly ariaModal: _angular_core.Signal<"true" | "false">;
1828
+ constructor();
1829
+ close(): void;
1830
+ backClick(): void;
1831
+ noop(): void;
1832
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerComponent, never>;
1833
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerComponent, "moz-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "extended": { "alias": "extended"; "required": false; "isSignal": true; }; "back": { "alias": "back"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "contentTitle": { "alias": "contentTitle"; "required": false; "isSignal": true; }; }, { "updateOpen": "updateOpen"; "backEvent": "backEvent"; }, ["footerTpl"], ["*"], true, never>;
1834
+ }
1835
+
1836
+ export { BuiltInMenuComponent, DrawerComponent, MozAccordionComponent, MozAccordionContentComponent, MozAccordionHeaderComponent, MozAccordionPanelComponent, MozActionBottomBarComponent, MozActionListboxComponent, MozAvatarComponent, MozBreadcrumbComponent, MozButtonComponent, MozCalloutComponent, MozCarouselComponent, MozCheckListMenuComponent, MozCheckboxComponent, MozCheckboxGroupComponent, MozCircularProgressBarComponent, MozDatepickerComponent, MozDividerComponent, MozFieldComponent, MozFieldGroupComponent, MozFileUploaderComponent, MozFileUploaderItemComponent, MozFlagComponent, MozIconButtonComponent, MozKpiComponent, MozLinearProgressBarBufferComponent, MozLinearProgressBarPercentageComponent, MozLinkComponent, MozLoaderComponent, MozLoadingOverlayComponent, MozModalBodyComponent, MozModalComponent, MozModalContainerComponent, MozModalFooterComponent, MozModalHeaderComponent, MozModalRef, MozModalService, MozNumberBadgeComponent, MozOverlayComponent, MozPageHeaderComponent, MozPaginationComponent, MozPasswordInputDirective, MozPhoneNumberComponent, MozPincodeInputComponent, MozQuantitySelectorComponent, MozRadioComponent, MozRadioGroupComponent, MozSegmentedControlComponent, MozSelectComponent, MozSidebarComponent, MozStarRatingComponent, MozStatusBadgeComponent, MozStatusDotComponent, MozStatusMessageComponent, MozStatusNotificationComponent, MozStepperBottomBarComponent, MozStepperCompactComponent, MozStepperInlineComponent, MozStepperStackedComponent, MozTabComponent, MozTabsComponent, MozTagComponent, MozTextInput, MozTextarea, MozTileComponent, MozTileExpandableComponent, MozTileSelectableComponent, MozToasterComponent, MozToggleComponent, MozTooltipComponent, MozTooltipDirective };
1837
+ 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 };