@ascentgl/ads-ui 22.12.0 → 22.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascentgl/ads-ui",
-  "version": "22.12.0",
+  "version": "22.13.0",
   "peerDependencies": {
     "@angular/animations": ">=22.0.0",
     "date-fns": ">=4.1.0",

package/src/assets/sass/ads-ui/overrides/angular-material/_snackbar.scss

@@ -20,6 +20,14 @@
     --mat-snack-bar-container-color: #{color(success)};
   }
 
+  &.warning {
+    --mat-snack-bar-container-color: #{color(alert)};
+
+    & > .button {
+      color: color(error);
+    }
+  }
+
   &.secondary {
     --mat-snack-bar-container-color: #{color(secondary)};
   }
@@ -36,5 +44,8 @@
     padding-right: 0;
     min-width: 200px;
     max-width: unset;
+    // Positioning context for the auto-close countdown bar
+    // (`.snackbar-progress`) rendered inside the snackbar component.
+    position: relative;
   }
 }

package/types/ascentgl-ads-ui.d.ts

@@ -2100,6 +2100,12 @@ declare class AdsSliderComponent extends AdsCheckboxComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AdsSliderComponent, "ads-slider", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "tickInterval": { "alias": "tickInterval"; "required": false; }; "invert": { "alias": "invert"; "required": false; }; "thumbLabel": { "alias": "thumbLabel"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+declare enum PanelClass {
+    Success = "success",
+    Error = "error",
+    Warning = "warning",
+    Primary = "primary"
+}
 type SnackBarData = {
     id?: string;
     message: string;
@@ -2109,29 +2115,49 @@ type SnackBarData = {
     onButtonClick?: () => void;
     /**
      * Optional duration in milliseconds to auto-close the snackbar.
-     * If not set and panel class is 'success', defaults to 4000ms.
+     * If not set, the 'success' and 'warning' panel classes default to 5000ms.
+     * Set to 0 to disable auto-close for any panel class.
      */
     autoCloseDuration?: number;
+    /**
+     * Optional override for the leading status icon. Each panel class renders a
+     * predefined icon; set this to display a different one from the icon registry.
+     */
+    icon?: adsIcon;
+    /** Hide the leading status icon entirely. */
+    hideIcon?: boolean;
+};
+/** Leading status icon configuration for a panel class. */
+type SnackbarIcon = {
+    name: adsIcon;
+    color?: string;
+    stroke?: keyof IconThemes;
+    /** Rotate the glyph 180° (used to turn the information icon into a caution mark). */
+    rotated?: boolean;
 };
 declare class AdsSnackbarComponent implements AfterViewInit, OnDestroy {
     private elementRef;
     data: SnackBarData;
     snackBarRef: MatSnackBarRef<any>;
+    private registry;
     readonly defaultButtonCaption = "Close";
     protected readonly PanelClass: typeof PanelClass;
     private autoCloseTimeoutId?;
     /** @ignore */
     constructor(elementRef: ElementRef<HTMLElement>);
+    /** @ignore */
+    get panelClass(): PanelClass;
     get buttonPanelClass(): Variant;
+    /** Resolved leading status icon for the current panel class, or null when hidden. */
+    get icon(): SnackbarIcon | null;
+    /** Resolved auto-close duration in ms, or null when the snackbar should not auto-close. */
+    get autoCloseDuration(): number | null;
+    /** Whether the countdown progress bar should be shown (only while auto-closing). */
+    get showProgressBar(): boolean;
     /** @ignore */
     get id(): string;
     /** @ignore */
     ngAfterViewInit(): void;
-    /**
-     * Sets up the auto-close timer if required.
-     * If autoCloseDuration is 0, null, or undefined, disables auto-close even for 'success'.
-     */
-    private setupAutoCloseTimer;
     /** @ignore */
     ngOnDestroy(): void;
     /** @ignore */
@@ -2139,11 +2165,6 @@ declare class AdsSnackbarComponent implements AfterViewInit, OnDestroy {
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsSnackbarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AdsSnackbarComponent, "ads-snackbar", never, {}, {}, never, never, true, never>;
 }
-declare enum PanelClass {
-    Success = "success",
-    Error = "error",
-    Primary = "primary"
-}
 
 interface IViewportService {
     isMatched(breakpoints: string | string[]): boolean;