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

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 +339 -531
  3. package/fesm2022/mozaic-ds-angular.mjs.map +1 -1
  4. package/package.json +1 -1
  5. package/types/mozaic-ds-angular.d.ts +94 -135
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mozaic-ds/angular",
3
- "version": "2.0.0-beta.7",
3
+ "version": "2.0.0-beta.8",
4
4
  "type": "module",
5
5
  "peerDependencies": {
6
6
  "@angular/common": ">=20.3.15",
package/types/mozaic-ds-angular.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  import * as _angular_core from '@angular/core';
2
- import { TemplateRef, OnDestroy, ElementRef, Type, OnInit, AfterViewInit, Renderer2, WritableSignal, EventEmitter, AfterContentInit } from '@angular/core';
2
+ import { TemplateRef, OnInit, ElementRef, OnDestroy, Type, AfterViewInit, Renderer2, WritableSignal, EventEmitter, AfterContentInit } from '@angular/core';
3
3
  import { ControlValueAccessor } from '@angular/forms';
4
- import { DialogRef } from '@angular/cdk/dialog';
5
- import { Observable } from 'rxjs';
6
4
  import { CheckCircle32, Uploading32, WarningCircle32, CrossCircleFilled24 } from '@mozaic-ds/icons-angular';
7
5
  import { RouterLinkWithHref } from '@angular/router';
6
+ import { DialogRef } from '@angular/cdk/dialog';
7
+ import { Observable } from 'rxjs';
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
+ 'mc-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
  }
@@ -38,22 +41,7 @@ declare class MozButtonComponent {
38
41
  iconTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
39
42
  readonly hostClasses: _angular_core.Signal<string>;
40
43
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozButtonComponent, never>;
41
- 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
- }
43
-
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>;
44
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozButtonComponent, "moz-button", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ghost": { "alias": "ghost"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, {}, ["iconTpl"], ["*", "[icon]"], true, never>;
57
45
  }
58
46
 
59
47
  declare class MozCheckboxComponent implements ControlValueAccessor {
@@ -71,6 +59,7 @@ declare class MozCheckboxComponent implements ControlValueAccessor {
71
59
  'is-invalid': boolean;
72
60
  }>;
73
61
  readonly indentedClass: _angular_core.Signal<{
62
+ 'mc-checkbox': boolean;
74
63
  'mc-checkbox--indented': boolean;
75
64
  }>;
76
65
  writeValue(value: boolean): 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,6 +86,7 @@ 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<{
89
+ 'mc-field__content': boolean;
96
90
  'mc-field__content--inline': boolean;
97
91
  }>;
98
92
  onChange: (_: string[]) => void;
@@ -102,8 +96,11 @@ 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
+ }): string;
105
102
  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>;
103
+ 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
104
  }
108
105
 
109
106
  type MozDividerOrientation = 'horizontal' | 'vertical';
@@ -132,100 +129,6 @@ declare class MozDividerComponent {
132
129
  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
130
  }
134
131
 
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> implements OnDestroy {
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
- private transitionEndHandler?;
169
- private closeTimeoutId?;
170
- constructor();
171
- ngOnDestroy(): void;
172
- private onTransitionEnd;
173
- private cleanupAndClose;
174
- isTemplate(content: unknown): content is TemplateRef<{
175
- $implicit: T | undefined;
176
- }>;
177
- isComponent(content: unknown): content is Type<unknown>;
178
- asTemplate(content: unknown): TemplateRef<{
179
- $implicit: T | undefined;
180
- }>;
181
- asComponent(content: unknown): Type<unknown>;
182
- onButtonClick(button: {
183
- label: string;
184
- onClick?: () => void;
185
- }): void;
186
- onUpdateOpen(open: boolean): void;
187
- onBackClick(): void;
188
- close(result?: R): void;
189
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDrawerContainerComponent<any, any>, never>;
190
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozDrawerContainerComponent<any, any>, "moz-drawer-container", never, {}, {}, never, never, true, never>;
191
- }
192
-
193
- interface MozDrawerButton {
194
- label: string;
195
- onClick?: () => void;
196
- primary?: boolean;
197
- }
198
- interface MozDrawerConfig<T = unknown> {
199
- title?: string;
200
- contentTitle?: string;
201
- position?: 'left' | 'right';
202
- extended?: boolean;
203
- back?: boolean;
204
- onBack?: () => void;
205
- content?: TemplateRef<T> | Type<unknown> | string;
206
- data?: T;
207
- panelClass?: string | string[];
208
- backdropClass?: string | string[];
209
- disableClose?: boolean;
210
- ariaLabel?: string;
211
- ariaDescribedBy?: string;
212
- footerButtons?: MozDrawerButton[];
213
- }
214
- declare class MozDrawerRef<R = unknown> {
215
- private _dialogRef;
216
- setDialogRef(dialogRef: DialogRef<R, MozDrawerContainerComponent>): void;
217
- close(result?: R): void;
218
- get afterClosed(): Observable<R | undefined>;
219
- get componentInstance(): MozDrawerContainerComponent | null;
220
- }
221
- declare class MozDrawerService {
222
- private readonly dialog;
223
- private readonly injector;
224
- open<T = unknown, R = unknown>(config?: MozDrawerConfig<T>): MozDrawerRef<R>;
225
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozDrawerService, never>;
226
- static ɵprov: _angular_core.ɵɵInjectableDeclaration<MozDrawerService>;
227
- }
228
-
229
132
  declare class MozFieldComponent {
230
133
  id: _angular_core.InputSignal<string | undefined>;
231
134
  label: _angular_core.InputSignal<string | undefined>;
@@ -237,6 +140,7 @@ declare class MozFieldComponent {
237
140
  messageId: _angular_core.InputSignal<string | undefined>;
238
141
  message: _angular_core.InputSignal<string | undefined>;
239
142
  readonly classes: _angular_core.Signal<{
143
+ 'mc-field__validation-message': boolean;
240
144
  'is-valid': boolean;
241
145
  'is-invalid': boolean;
242
146
  }>;
@@ -294,6 +198,7 @@ declare class MozFileUploaderComponent implements OnInit {
294
198
  'mc-file-uploader__input--dragged': boolean;
295
199
  }>;
296
200
  iconTpl: any;
201
+ fileInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
297
202
  ngOnInit(): void;
298
203
  removeFile(index: number): void;
299
204
  onDeleteFile(file: File): void;
@@ -326,7 +231,7 @@ declare class MozFileUploaderItemComponent {
326
231
  readonly fileName: _angular_core.Signal<string>;
327
232
  readonly fileInfo: _angular_core.Signal<string>;
328
233
  readonly isInline: _angular_core.Signal<boolean>;
329
- readonly stateModifier: _angular_core.Signal<"error" | "loading" | "default">;
234
+ readonly stateModifier: _angular_core.Signal<"default" | "error" | "loading">;
330
235
  readonly modifierClass: _angular_core.Signal<string>;
331
236
  readonly isUploading: _angular_core.Signal<boolean>;
332
237
  readonly stateIcon: _angular_core.Signal<typeof CheckCircle32 | typeof Uploading32 | typeof WarningCircle32>;
@@ -353,6 +258,8 @@ declare class MozIconButtonComponent {
353
258
  ariaLabel: _angular_core.InputSignal<string | undefined>;
354
259
  readonly classes: _angular_core.Signal<{
355
260
  [x: string]: boolean | MozIconButtonAppearance | MozIconButtonSize;
261
+ 'mc-button': boolean;
262
+ 'mc-button--icon-button': boolean;
356
263
  'mc-button--ghost': boolean;
357
264
  'mc-button--outlined': boolean;
358
265
  }>;
@@ -377,6 +284,7 @@ declare class MozLinkComponent {
377
284
  readonly routerLink: RouterLinkWithHref | null;
378
285
  readonly classes: _angular_core.Signal<{
379
286
  [x: string]: boolean | MozLinkAppearance | MozLinkSize;
287
+ 'mc-link': boolean;
380
288
  'mc-link--inline': boolean;
381
289
  'mc-link--stand-alone': boolean;
382
290
  'mc-link--active': boolean;
@@ -387,17 +295,18 @@ declare class MozLinkComponent {
387
295
  }
388
296
 
389
297
  type MozLoaderAppearance = 'standard' | 'accent' | 'inverse';
390
- type MozLoaderSize = 's' | 'm' | 'l';
298
+ type MozLoaderSize = 'xs' | 's' | 'm' | 'l';
391
299
  declare class MozLoaderComponent {
392
300
  appearance: _angular_core.InputSignal<MozLoaderAppearance>;
393
301
  size: _angular_core.InputSignal<MozLoaderSize>;
394
302
  text: _angular_core.InputSignal<string | undefined>;
395
303
  readonly classes: _angular_core.Signal<{
396
304
  [x: string]: boolean | MozLoaderAppearance | MozLoaderSize;
305
+ 'mc-loader': boolean;
397
306
  "mc-loader--text-visible": boolean;
398
307
  }>;
399
- readonly viewBox: _angular_core.Signal<"0 0 24 24" | "0 0 64 64" | "0 0 32 32">;
400
- readonly circleRadius: _angular_core.Signal<6 | 19 | 9>;
308
+ readonly viewBox: _angular_core.Signal<"0 0 20 20" | "0 0 24 24" | "0 0 64 64" | "0 0 32 32">;
309
+ readonly circleRadius: _angular_core.Signal<3 | 6 | 19 | 9>;
401
310
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozLoaderComponent, never>;
402
311
  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>;
403
312
  }
@@ -417,6 +326,7 @@ declare class MozModalComponent {
417
326
  constructor();
418
327
  close(): void;
419
328
  readonly classMap: _angular_core.Signal<{
329
+ 'mc-modal': boolean;
420
330
  'is-open': boolean;
421
331
  }>;
422
332
  readonly ariaModal: _angular_core.Signal<"true" | "false">;
@@ -518,7 +428,8 @@ declare class MozNumberBadgeComponent {
518
428
  appearance: _angular_core.InputSignal<MozNumberBadgeAppearance>;
519
429
  size: _angular_core.InputSignal<MozNumberBadgeSize>;
520
430
  readonly classes: _angular_core.Signal<{
521
- [x: string]: MozNumberBadgeAppearance | MozNumberBadgeSize;
431
+ [x: string]: boolean | MozNumberBadgeAppearance | MozNumberBadgeSize;
432
+ 'mc-number-badge': boolean;
522
433
  }>;
523
434
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozNumberBadgeComponent, never>;
524
435
  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>;
@@ -535,6 +446,10 @@ declare class MozOverlayComponent {
535
446
  * Accessible label for the overlay dialog.
536
447
  */
537
448
  dialogLabel: _angular_core.InputSignal<string | undefined>;
449
+ readonly classes: _angular_core.Signal<{
450
+ 'mc-overlay': boolean;
451
+ 'is-visible': boolean | undefined;
452
+ }>;
538
453
  onBackdropClick(): void;
539
454
  noop(): void;
540
455
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozOverlayComponent, never>;
@@ -614,7 +529,7 @@ declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
614
529
  private readonly cdr;
615
530
  private readonly ngZone;
616
531
  id: _angular_core.InputSignal<string>;
617
- length: _angular_core.InputSignal<4 | 5 | 6>;
532
+ length: _angular_core.InputSignal<6 | 4 | 5>;
618
533
  name: _angular_core.InputSignal<string | undefined>;
619
534
  isInvalid: _angular_core.InputSignal<boolean>;
620
535
  disabled: _angular_core.InputSignal<boolean>;
@@ -625,6 +540,7 @@ declare class MozPincodeInputComponent implements OnInit, ControlValueAccessor {
625
540
  onChange: (value: string) => void;
626
541
  onTouched: () => void;
627
542
  readonly classObject: _angular_core.Signal<{
543
+ 'mc-pincode-input': boolean;
628
544
  'is-invalid': boolean;
629
545
  }>;
630
546
  ngOnInit(): void;
@@ -656,6 +572,7 @@ declare class MozQuantitySelectorComponent implements ControlValueAccessor {
656
572
  readonly _value: _angular_core.WritableSignal<number>;
657
573
  readonly classes: _angular_core.Signal<{
658
574
  [x: string]: boolean | MozQuantitySelectorSize;
575
+ 'mc-quantity-selector': boolean;
659
576
  'is-invalid': boolean;
660
577
  }>;
661
578
  private onChange;
@@ -684,6 +601,7 @@ declare class MozRadioComponent implements ControlValueAccessor {
684
601
  registerOnChange(fn: (value: boolean) => void): void;
685
602
  registerOnTouched(fn: () => void): void;
686
603
  readonly classes: _angular_core.Signal<{
604
+ 'mc-radio__input': boolean;
687
605
  'is-invalid': boolean;
688
606
  }>;
689
607
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozRadioComponent, never>;
@@ -708,6 +626,7 @@ declare class MozRadioGroupComponent implements ControlValueAccessor {
708
626
  registerOnTouched(fn: () => void): void;
709
627
  select(value: string): void;
710
628
  readonly classes: _angular_core.Signal<{
629
+ 'mc-field__content': boolean;
711
630
  'mc-field__content--inline': boolean;
712
631
  }>;
713
632
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozRadioGroupComponent, never>;
@@ -741,6 +660,7 @@ declare class MozSelectComponent implements ControlValueAccessor {
741
660
  handleChange(event: Event): void;
742
661
  readonly classes: _angular_core.Signal<{
743
662
  [x: string]: boolean | MozSelectSize;
663
+ 'mc-select': boolean;
744
664
  'mc-select--readonly': boolean;
745
665
  'is-invalid': boolean;
746
666
  }>;
@@ -753,7 +673,8 @@ declare class MozStatusBadgeComponent {
753
673
  label: _angular_core.InputSignal<string | undefined>;
754
674
  status: _angular_core.InputSignal<MozStatusBadgeStatus>;
755
675
  readonly classes: _angular_core.Signal<{
756
- [x: string]: MozStatusBadgeStatus;
676
+ [x: string]: boolean | MozStatusBadgeStatus;
677
+ 'mc-status-badge': boolean;
757
678
  }>;
758
679
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusBadgeComponent, never>;
759
680
  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>;
@@ -765,7 +686,8 @@ declare class MozStatusDotComponent {
765
686
  status: _angular_core.InputSignal<MozStatusDotStatus>;
766
687
  size: _angular_core.InputSignal<MozStatusDotSize>;
767
688
  readonly classes: _angular_core.Signal<{
768
- [x: string]: MozStatusDotStatus | MozStatusDotSize;
689
+ [x: string]: boolean | MozStatusDotStatus | MozStatusDotSize;
690
+ 'mc-status-dot': boolean;
769
691
  }>;
770
692
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusDotComponent, never>;
771
693
  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>;
@@ -780,7 +702,8 @@ declare class MozStatusNotificationComponent {
780
702
  closed: _angular_core.OutputEmitterRef<void>;
781
703
  footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
782
704
  readonly classes: _angular_core.Signal<{
783
- [x: string]: MozStatusNotificationStatus;
705
+ [x: string]: boolean | MozStatusNotificationStatus;
706
+ 'mc-status-notification': boolean;
784
707
  }>;
785
708
  readonly iconComponent: _angular_core.Signal<typeof CheckCircle32>;
786
709
  onCloseClick(): void;
@@ -802,10 +725,12 @@ declare class MozTabsComponent {
802
725
  selectedIndex: _angular_core.ModelSignal<number>;
803
726
  selectedIndexChange: EventEmitter<number>;
804
727
  readonly classes: _angular_core.Signal<{
728
+ 'mc-tabs': boolean;
805
729
  'mc-tabs--centered': boolean;
806
730
  }>;
807
731
  isTabSelected: (index: number) => boolean;
808
732
  getTabClasses(index: number): _angular_core.Signal<{
733
+ 'mc-tabs__tab': boolean;
809
734
  'mc-tabs__tab--selected': boolean;
810
735
  'mc-tabs__tab--disabled': boolean;
811
736
  }>;
@@ -917,7 +842,8 @@ declare class MozToggleComponent implements ControlValueAccessor {
917
842
  size: _angular_core.InputSignal<MozToggleSize>;
918
843
  disabled: _angular_core.InputSignal<boolean>;
919
844
  readonly classes: _angular_core.Signal<{
920
- [x: string]: MozToggleSize;
845
+ [x: string]: boolean | MozToggleSize;
846
+ 'mc-toggle': boolean;
921
847
  }>;
922
848
  _value: _angular_core.WritableSignal<boolean>;
923
849
  onChange: (_: boolean) => void;
@@ -933,7 +859,7 @@ declare class MozToggleComponent implements ControlValueAccessor {
933
859
  type MozFlagType = 'default' | 'accent' | 'danger' | 'inverse';
934
860
  declare class MozFlagComponent {
935
861
  readonly type: _angular_core.InputSignal<MozFlagType>;
936
- get typeClass(): "" | "mc-flag--accent" | "mc-flag--danger" | "mc-flag--inverse";
862
+ get typeClass(): "mc-flag" | "mc-flag mc-flag--accent" | "mc-flag mc-flag--danger" | "mc-flag mc-flag--inverse";
937
863
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozFlagComponent, never>;
938
864
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozFlagComponent, "moz-flag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
939
865
  }
@@ -950,6 +876,8 @@ declare class MozDatepickerComponent implements ControlValueAccessor {
950
876
  readonly label: _angular_core.InputSignal<string>;
951
877
  _value: _angular_core.WritableSignal<string | null>;
952
878
  readonly classes: _angular_core.Signal<{
879
+ 'mc-datepicker': boolean;
880
+ 'mc-text-input': boolean;
953
881
  'is-invalid': boolean;
954
882
  'mc-datepicker--s': boolean;
955
883
  'mc-text-input--s': boolean;
@@ -1037,9 +965,10 @@ declare class MozCalloutComponent {
1037
965
  message: _angular_core.InputSignal<string | null>;
1038
966
  role: _angular_core.InputSignal<string>;
1039
967
  variant: _angular_core.InputSignal<MozCalloutVariant>;
968
+ footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
1040
969
  classes: _angular_core.Signal<string>;
1041
970
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozCalloutComponent, never>;
1042
- 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>;
971
+ 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>;
1043
972
  }
1044
973
 
1045
974
  type MozAvatarSize = 's' | 'm' | 'l';
@@ -1206,11 +1135,13 @@ declare class MozSegmentedControlComponent {
1206
1135
  index: number;
1207
1136
  value: string | number;
1208
1137
  }>;
1209
- hostClasses: _angular_core.Signal<{
1138
+ classes: _angular_core.Signal<{
1139
+ 'mc-segmented-control': boolean;
1210
1140
  'mc-segmented-control--m': boolean;
1211
1141
  'mc-segmented-control--full': boolean;
1212
1142
  }>;
1213
1143
  segmentClasses: (index: number) => _angular_core.Signal<{
1144
+ 'mc-segmented-control__segment': boolean;
1214
1145
  'mc-segmented-control__segment--selected': boolean;
1215
1146
  }>;
1216
1147
  private buttons;
@@ -1319,6 +1250,7 @@ declare class MozAccordionComponent {
1319
1250
  declare class MozActionBottomBarComponent {
1320
1251
  boxShadow: _angular_core.InputSignal<boolean>;
1321
1252
  readonly classes: _angular_core.Signal<{
1253
+ 'mc-action-bottom-bar': boolean;
1322
1254
  'mc-action-bottom-bar--shadow': boolean;
1323
1255
  }>;
1324
1256
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozActionBottomBarComponent, never>;
@@ -1403,7 +1335,8 @@ declare class MozStatusMessageComponent {
1403
1335
  status: _angular_core.InputSignal<MozStatusMessageStatus>;
1404
1336
  description: _angular_core.InputSignal<string | null>;
1405
1337
  readonly classes: _angular_core.Signal<{
1406
- [x: string]: MozStatusMessageStatus;
1338
+ [x: string]: boolean | MozStatusMessageStatus;
1339
+ 'mc-status-message': boolean;
1407
1340
  }>;
1408
1341
  readonly iconComponent: _angular_core.Signal<typeof CrossCircleFilled24>;
1409
1342
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusMessageComponent, never>;
@@ -1504,7 +1437,7 @@ declare class MozStarRatingComponent {
1504
1437
  readonly hasInfoText: _angular_core.Signal<boolean>;
1505
1438
  readonly ariaLabel: _angular_core.Signal<string>;
1506
1439
  readonly stars: _angular_core.Signal<number[]>;
1507
- readonly rootClasses: _angular_core.Signal<{
1440
+ readonly classes: _angular_core.Signal<{
1508
1441
  'mc-star-rating': boolean;
1509
1442
  'mc-star-rating--link': boolean;
1510
1443
  'mc-star-rating--slider': boolean;
@@ -1796,7 +1729,7 @@ declare class MozPageHeaderComponent {
1796
1729
  }
1797
1730
 
1798
1731
  type MozTileAppearance = 'primary' | 'secondary' | 'inverse';
1799
- declare class MozBasicTileComponent {
1732
+ declare class MozTileComponent {
1800
1733
  appearance: _angular_core.InputSignal<MozTileAppearance>;
1801
1734
  isBordered: _angular_core.InputSignal<boolean>;
1802
1735
  extraAction: _angular_core.InputSignal<boolean>;
@@ -1805,8 +1738,8 @@ declare class MozBasicTileComponent {
1805
1738
  'mc-tile': boolean;
1806
1739
  'mc-tile--bordered': boolean;
1807
1740
  }>;
1808
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozBasicTileComponent, never>;
1809
- 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>;
1741
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTileComponent, never>;
1742
+ 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>;
1810
1743
  }
1811
1744
 
1812
1745
  type MozTileSelectableType = 'checkbox' | 'radio';
@@ -1853,5 +1786,31 @@ declare class MozTileExpandableComponent {
1853
1786
  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>;
1854
1787
  }
1855
1788
 
1856
- 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 };
1857
- 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 };
1789
+ type MozDrawerPosition = 'left' | 'right';
1790
+ declare class DrawerComponent {
1791
+ readonly open: _angular_core.InputSignal<boolean>;
1792
+ readonly position: _angular_core.InputSignal<MozDrawerPosition>;
1793
+ readonly extended: _angular_core.InputSignal<boolean>;
1794
+ readonly back: _angular_core.InputSignal<boolean>;
1795
+ readonly title: _angular_core.InputSignal<string>;
1796
+ readonly contentTitle: _angular_core.InputSignal<string | undefined>;
1797
+ readonly updateOpen: _angular_core.OutputEmitterRef<boolean>;
1798
+ readonly backEvent: _angular_core.OutputEmitterRef<void>;
1799
+ footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
1800
+ readonly isOpen: _angular_core.WritableSignal<boolean>;
1801
+ readonly classMap: _angular_core.Signal<{
1802
+ [x: string]: boolean;
1803
+ 'is-open': boolean;
1804
+ 'mc-drawer--extend': boolean;
1805
+ }>;
1806
+ readonly ariaModal: _angular_core.Signal<"true" | "false">;
1807
+ constructor();
1808
+ close(): void;
1809
+ backClick(): void;
1810
+ noop(): void;
1811
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerComponent, never>;
1812
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerComponent, "moz-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "extended": { "alias": "extended"; "required": false; "isSignal": true; }; "back": { "alias": "back"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "contentTitle": { "alias": "contentTitle"; "required": false; "isSignal": true; }; }, { "updateOpen": "updateOpen"; "backEvent": "backEvent"; }, ["footerTpl"], ["*"], true, never>;
1813
+ }
1814
+
1815
+ export { BuiltInMenuComponent, DrawerComponent, MozAccordionComponent, MozAccordionContentComponent, MozAccordionHeaderComponent, MozAccordionPanelComponent, MozActionBottomBarComponent, MozActionListboxComponent, MozAvatarComponent, MozBreadcrumbComponent, MozButtonComponent, MozCalloutComponent, MozCarouselComponent, MozCheckListMenuComponent, MozCheckboxComponent, MozCheckboxGroupComponent, MozCircularProgressBarComponent, MozDatepickerComponent, MozDividerComponent, MozFieldComponent, MozFieldGroupComponent, MozFileUploaderComponent, MozFileUploaderItemComponent, MozFlagComponent, MozIconButtonComponent, MozKpiComponent, MozLinearProgressBarBufferComponent, MozLinearProgressBarPercentageComponent, MozLinkComponent, MozLoaderComponent, MozLoadingOverlayComponent, MozModalBodyComponent, MozModalComponent, MozModalContainerComponent, MozModalFooterComponent, MozModalHeaderComponent, MozModalRef, MozModalService, MozNumberBadgeComponent, MozOverlayComponent, MozPageHeaderComponent, MozPaginationComponent, MozPasswordInputDirective, MozPhoneNumberComponent, MozPincodeInputComponent, MozQuantitySelectorComponent, MozRadioComponent, MozRadioGroupComponent, MozSegmentedControlComponent, MozSelectComponent, MozSidebarComponent, MozStarRatingComponent, MozStatusBadgeComponent, MozStatusDotComponent, MozStatusMessageComponent, MozStatusNotificationComponent, MozStepperBottomBarComponent, MozStepperCompactComponent, MozStepperInlineComponent, MozStepperStackedComponent, MozTabsComponent, MozTagComponent, MozTextInputDirective, MozTextareaDirective, MozTileComponent, MozTileExpandableComponent, MozTileSelectableComponent, MozToasterComponent, MozToggleComponent, MozTooltipComponent, MozTooltipDirective };
1816
+ export type { ActionListItem, MozActionListItemAppearance, MozAvatarSize, MozBreadcrumbAppearance, MozBreadcrumbLink, MozBuiltInMenuItem, MozBuiltInMenuItemTarget, MozButtonAppearance, MozButtonIconPosition, MozButtonSize, MozButtonType, MozCalloutVariant, MozCheckListMenuItem, MozCircularProgessBarSize, MozDatepickerSize, MozDividerAppearance, MozDividerOrientation, MozDividerSize, MozDrawerPosition, MozFileUploaderFormat, MozFileUploaderItemFormat, MozFlagType, MozIconButtonAppearance, MozIconButtonSize, MozIconButtonType, MozKpiSize, MozKpiStatus, MozKpiTrend, MozLinkAppearance, MozLinkIconPosition, MozLinkSize, MozLoaderAppearance, MozLoaderSize, MozModalButton, MozModalConfig, MozNumberBadgeAppearance, MozNumberBadgeSize, MozPageHeaderScope, MozPhoneNumberCountry, MozPhoneNumberValue, MozQuantitySelectorSize, MozSegmentedControlSize, MozSegmentedItem, MozSelectOption, MozSelectSize, MozSelectValue, MozSidebarItem, MozSidebarSubItem, MozStarRatingAppearance, MozStarRatingSize, MozStatusBadgeStatus, MozStatusDotSize, MozStatusDotStatus, MozStatusMessageStatus, MozStatusNotificationStatus, MozStepperBottomBarStep, MozStepperInlineStep, MozStepperStackedStep, MozTabItem, MozTagSize, MozTagType, MozTextInputSize, MozTileAppearance, MozTileExpandableTrigger, MozTileInputPosition, MozTileInputVerticalPosition, MozTileSelectableAppearance, MozTileSelectableType, MozToasterPosition, MozToasterRole, MozToasterStatus, MozToggleSize, MozTooltipPosition };