@mozaic-ds/angular 2.0.0-beta.34 → 2.0.0-beta.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/angular",
-  "version": "2.0.0-beta.34",
+  "version": "2.0.0-beta.35",
   "type": "module",
   "peerDependencies": {
     "@angular/common": ">=20.3.15",

package/types/mozaic-ds-angular.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef, OnInit, ElementRef, OnDestroy, Type, AfterViewInit, Renderer2, WritableSignal, AfterContentInit, QueryList, EventEmitter } from '@angular/core';
+import { TemplateRef, OnInit, ElementRef, OnDestroy, Type, AfterViewInit, Renderer2, WritableSignal, Signal, AfterContentInit, QueryList, EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { CheckCircle32, Uploading32, WarningCircle32, CrossCircleFilled24 } from '@mozaic-ds/icons-angular';
+import { CheckCircle32, Uploading32, WarningCircle32 } from '@mozaic-ds/icons-angular';
 import { RouterLink } from '@angular/router';
 import { DialogRef } from '@angular/cdk/dialog';
 import { Observable } from 'rxjs';
@@ -698,20 +698,21 @@ declare class MozStatusDotComponent {
 
 type MozStatusNotificationStatus = 'info' | 'success' | 'warning' | 'error';
 declare class MozStatusNotificationComponent {
+    id: _angular_core.InputSignal<string>;
     title: _angular_core.InputSignal<string | undefined>;
     status: _angular_core.InputSignal<MozStatusNotificationStatus>;
     closable: _angular_core.InputSignal<boolean>;
     closed: _angular_core.OutputEmitterRef<void>;
-    descriptionTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
-    footerTpl: _angular_core.Signal<TemplateRef<void> | undefined>;
-    readonly classes: _angular_core.Signal<{
+    descriptionTpl: Signal<TemplateRef<void> | undefined>;
+    footerTpl: Signal<TemplateRef<void> | undefined>;
+    readonly classes: Signal<{
         [x: string]: boolean | MozStatusNotificationStatus;
         'mc-status-notification': boolean;
     }>;
-    readonly iconComponent: _angular_core.Signal<typeof CheckCircle32>;
+    readonly iconComponent: Signal<Type<unknown>>;
     onCloseClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusNotificationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusNotificationComponent, "moz-status-notification", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, ["descriptionTpl", "footerTpl"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusNotificationComponent, "moz-status-notification", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, ["descriptionTpl", "footerTpl"], never, true, never>;
 }
 
 declare class MozTabComponent {
@@ -1363,13 +1364,14 @@ type MozStatusMessageStatus = 'info' | 'success' | 'warning' | 'error' | 'neutra
 declare class MozStatusMessageComponent {
     status: _angular_core.InputSignal<MozStatusMessageStatus>;
     description: _angular_core.InputSignal<string | null>;
-    readonly classes: _angular_core.Signal<{
+    id: _angular_core.InputSignal<string>;
+    readonly classes: Signal<{
         [x: string]: boolean | MozStatusMessageStatus;
         'mc-status-message': boolean;
     }>;
-    readonly iconComponent: _angular_core.Signal<typeof CrossCircleFilled24>;
+    readonly iconComponent: Signal<Type<unknown>>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStatusMessageComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusMessageComponent, "moz-status-message", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStatusMessageComponent, "moz-status-message", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type MozKpiTrend = 'increasing' | 'decreasing' | 'stable';
@@ -1653,6 +1655,10 @@ type MozStepperBottomBarStep = 'start' | 'middle' | 'end';
  * with cancel, previous, next, and validate buttons that adapt based on the current step.
  */
 declare class MozStepperBottomBarComponent {
+    /**
+     * Base ID for the stepper component.
+     */
+    id: _angular_core.InputSignal<string>;
     /**
      * Step of the process.
      */
@@ -1701,8 +1707,19 @@ declare class MozStepperBottomBarComponent {
     handlePrevious(): void;
     handleNext(): void;
     handleValidate(): void;
+    /**
+     * Computed IDs for buttons
+     */
+    cancelButtonId: _angular_core.Signal<string>;
+    cancelButtonIconId: _angular_core.Signal<string>;
+    previousButtonId: _angular_core.Signal<string>;
+    previousButtonIconId: _angular_core.Signal<string>;
+    nextButtonId: _angular_core.Signal<string>;
+    nextButtonIconId: _angular_core.Signal<string>;
+    validateButtonId: _angular_core.Signal<string>;
+    validateButtonIconId: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozStepperBottomBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStepperBottomBarComponent, "moz-stepper-bottom-bar", never, { "step": { "alias": "step"; "required": false; "isSignal": true; }; "hasCancel": { "alias": "hasCancel"; "required": false; "isSignal": true; }; "cancelText": { "alias": "cancelText"; "required": false; "isSignal": true; }; "previousText": { "alias": "previousText"; "required": false; "isSignal": true; }; "nextText": { "alias": "nextText"; "required": false; "isSignal": true; }; "validateText": { "alias": "validateText"; "required": false; "isSignal": true; }; "disabledNext": { "alias": "disabledNext"; "required": false; "isSignal": true; }; }, { "cancel": "cancel"; "previous": "previous"; "next": "next"; "validate": "validate"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozStepperBottomBarComponent, "moz-stepper-bottom-bar", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "hasCancel": { "alias": "hasCancel"; "required": false; "isSignal": true; }; "cancelText": { "alias": "cancelText"; "required": false; "isSignal": true; }; "previousText": { "alias": "previousText"; "required": false; "isSignal": true; }; "nextText": { "alias": "nextText"; "required": false; "isSignal": true; }; "validateText": { "alias": "validateText"; "required": false; "isSignal": true; }; "disabledNext": { "alias": "disabledNext"; "required": false; "isSignal": true; }; }, { "cancel": "cancel"; "previous": "previous"; "next": "next"; "validate": "validate"; }, never, never, true, never>;
 }
 
 interface MozPageHeaderScope {