@ascentgl/ads-ui 22.11.1 → 22.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascentgl/ads-ui",
-  "version": "22.11.1",
+  "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

@@ -96,7 +96,7 @@ declare class AdsNumericBadgeComponent extends AdsIconHoverComponent {
     /** provide icon name. NOTE: the icon must be registered in icon registry **/
     name: i0.InputSignal<adsIcon>;
     /** choose ads icon theme **/
-    theme: i0.InputSignal<"iconPrimary" | "primary" | "success" | "warn" | "white">;
+    theme: i0.InputSignal<"primary" | "iconPrimary" | "success" | "warn" | "white">;
     /** set badge value as number **/
     value: i0.InputSignal<number>;
     /** @ignore **/
@@ -159,7 +159,7 @@ declare class AdsButtonComponent {
     /** Whether the button is a smaller version */
     size: i0.InputSignal<Size>;
     /** Sets the "type" attribute on the button */
-    type: i0.InputSignal<"submit" | "button" | "reset">;
+    type: i0.InputSignal<"button" | "submit" | "reset">;
     /** Makes the button take 100% width of its container */
     fullWidth: i0.InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsButtonComponent, never>;
@@ -168,7 +168,7 @@ declare class AdsButtonComponent {
 
 declare class AdsButtonContainerComponent {
     /** How buttons in the container should be placed */
-    justify: i0.InputSignal<"center" | "flex-start" | "flex-end">;
+    justify: i0.InputSignal<"flex-start" | "flex-end" | "center">;
     /** The gap between elements */
     gap: i0.InputSignal<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsButtonContainerComponent, never>;
@@ -1470,6 +1470,10 @@ declare class AdsInputDropdownComponent extends AbstractInputComponent implement
     decimalMarker: "." | "," | [".", ","];
     /** Transform function applied to the model value before it is written to the FormControl */
     outputTransformFn: OutputTransformFn | null;
+    /** Minimum allowed numeric value. Forwarded to the inner `ads-input` when `type="number"`. */
+    min?: number;
+    /** Maximum allowed numeric value. Forwarded to the inner `ads-input` when `type="number"`. */
+    max?: number;
     /** Custom function to execute on blur event */
     onBlur: (event: FocusEvent) => void;
     /** Set to true if you want to enable option tooltip */
@@ -1488,7 +1492,7 @@ declare class AdsInputDropdownComponent extends AbstractInputComponent implement
         immediateValidation: SimpleChange;
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsInputDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsInputDropdownComponent, "ads-input-dropdown", never, { "maxlength": { "alias": "maxlength"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "dropdownControl": { "alias": "dropdownControl"; "required": false; }; "dropdownId": { "alias": "dropdownId"; "required": false; }; "dropdownLabel": { "alias": "dropdownLabel"; "required": false; }; "dropdownPlaceholder": { "alias": "dropdownPlaceholder"; "required": false; }; "inputWidth": { "alias": "inputWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "autoSelectSingleDropdownOption": { "alias": "autoSelectSingleDropdownOption"; "required": false; }; "options": { "alias": "options"; "required": false; }; "displayValueKey": { "alias": "displayValueKey"; "required": false; }; "hasEmptyValue": { "alias": "hasEmptyValue"; "required": false; }; "fitContent": { "alias": "fitContent"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "dropSpecialCharacters": { "alias": "dropSpecialCharacters"; "required": false; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; }; "decimalMarker": { "alias": "decimalMarker"; "required": false; }; "outputTransformFn": { "alias": "outputTransformFn"; "required": false; }; "onBlur": { "alias": "onBlur"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "closeOnOutOfView": { "alias": "closeOnOutOfView"; "required": false; }; "outOfViewRootMargin": { "alias": "outOfViewRootMargin"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsInputDropdownComponent, "ads-input-dropdown", never, { "maxlength": { "alias": "maxlength"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "dropdownControl": { "alias": "dropdownControl"; "required": false; }; "dropdownId": { "alias": "dropdownId"; "required": false; }; "dropdownLabel": { "alias": "dropdownLabel"; "required": false; }; "dropdownPlaceholder": { "alias": "dropdownPlaceholder"; "required": false; }; "inputWidth": { "alias": "inputWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "autoSelectSingleDropdownOption": { "alias": "autoSelectSingleDropdownOption"; "required": false; }; "options": { "alias": "options"; "required": false; }; "displayValueKey": { "alias": "displayValueKey"; "required": false; }; "hasEmptyValue": { "alias": "hasEmptyValue"; "required": false; }; "fitContent": { "alias": "fitContent"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "dropSpecialCharacters": { "alias": "dropSpecialCharacters"; "required": false; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; }; "decimalMarker": { "alias": "decimalMarker"; "required": false; }; "outputTransformFn": { "alias": "outputTransformFn"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "onBlur": { "alias": "onBlur"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "closeOnOutOfView": { "alias": "closeOnOutOfView"; "required": false; }; "outOfViewRootMargin": { "alias": "outOfViewRootMargin"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class AdsCurrencyFieldComponent extends AbstractInputComponent {
@@ -2096,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;
@@ -2105,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 */
@@ -2135,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;
@@ -2711,7 +2736,7 @@ declare class AdsSortMenuComponent implements OnChanges, OnDestroy {
     /** All column sort/filter configs (all possible columns) */
     columnSortFilterConfigs: ColumnSortFilterConfig[];
     /** Current column sort states from the table */
-    columnSortStates: Map<string, "asc" | "desc" | null>;
+    columnSortStates: Map<string, "desc" | "asc" | null>;
     /** Emits when sort configuration changes (order or direction) */
     sortChanged: EventEmitter<SortMenuChangeEvent>;
     /** Emits when sorts are removed for columns */
@@ -2828,7 +2853,7 @@ declare class AdsTableComponent implements AfterViewInit, AfterViewChecked, OnCh
         values: string[];
     }>;
     /** Event emitted when view mode changes between grid and list */
-    viewChanged: EventEmitter<"grid" | "list">;
+    viewChanged: EventEmitter<"list" | "grid">;
     /** @ignore - Current view mode: grid or list */
     isListView: i0.WritableSignal<boolean>;
     /** @ignore - Cached filtered row data for list view */
@@ -2868,7 +2893,7 @@ declare class AdsTableComponent implements AfterViewInit, AfterViewChecked, OnCh
     /** @ignore */
     activeColumnMenu: i0.WritableSignal<string | null>;
     /** @ignore */
-    columnSortStates: i0.WritableSignal<Map<string, "asc" | "desc" | null>>;
+    columnSortStates: i0.WritableSignal<Map<string, "desc" | "asc" | null>>;
     /** @ignore */
     columnFilterStates: i0.WritableSignal<Map<string, string[]>>;
     /** @ignore */