@ascentgl/ads-ui 22.12.0 → 22.14.0

package/src/assets/sass/ads-ui/themes/_ads-palette.scss

@@ -1,98 +1,98 @@
-$primary: (
-  50: #e0e9f1,
-  100: #b3c8db,
-  200: #80a4c3,
-  300: #4d80ab,
-  400: #266499,
-  500: #5756b3,
-  600: #00427f,
-  700: #003974,
-  800: #00316a,
-  900: #002157,
-  A100: #89aaff,
-  A200: #5685ff,
-  A400: #2361ff,
-  A700: #094fff,
-  contrast: (
-    50: #000,
-    100: #000,
-    200: #000,
-    300: #fff,
-    400: #fff,
-    500: #fff,
-    600: #fff,
-    700: #fff,
-    800: #fff,
-    900: #fff,
-    A100: #000,
-    A200: #000,
-    A400: #fff,
-    A700: #fff,
-  ),
-);
-
-$accent: (
-  50: #e0f3f9,
-  100: #b3e0f0,
-  200: #80cce6,
-  300: #4db8db,
-  400: #26a8d4,
-  500: #09c,
-  600: #0091c7,
-  700: #0086c0,
-  800: #007cb9,
-  900: #006bad,
-  A100: #d7edff,
-  A200: #a4d7ff,
-  A400: #71c0ff,
-  A700: #58b5ff,
-  contrast: (
-    50: #000,
-    100: #000,
-    200: #000,
-    300: #000,
-    400: #000,
-    500: #fff,
-    600: #fff,
-    700: #fff,
-    800: #fff,
-    900: #fff,
-    A100: #000,
-    A200: #000,
-    A400: #000,
-    A700: #000,
-  ),
-);
-
-$warn: (
-  50: #f7e0e2,
-  100: #ebb3b8,
-  200: #de8088,
-  300: #d04d58,
-  400: #c62635,
-  500: #bc0011,
-  600: #b6000f,
-  700: #ad000c,
-  800: #a5000a,
-  900: #970005,
-  A100: #ffc2c2,
-  A200: #ff8f90,
-  A400: #ff5c5d,
-  A700: #ff4244,
-  contrast: (
-    50: #000,
-    100: #000,
-    200: #000,
-    300: #000,
-    400: #000,
-    500: #fff,
-    600: #fff,
-    700: #fff,
-    800: #fff,
-    900: #fff,
-    A100: #000,
-    A200: #000,
-    A400: #000,
-    A700: #000,
-  ),
-);
+$primary: (
+  50: #e0e9f1,
+  100: #b3c8db,
+  200: #80a4c3,
+  300: #4d80ab,
+  400: #266499,
+  500: #5756b3,
+  600: #00427f,
+  700: #003974,
+  800: #00316a,
+  900: #002157,
+  A100: #89aaff,
+  A200: #5685ff,
+  A400: #2361ff,
+  A700: #094fff,
+  contrast: (
+    50: #000,
+    100: #000,
+    200: #000,
+    300: #fff,
+    400: #fff,
+    500: #fff,
+    600: #fff,
+    700: #fff,
+    800: #fff,
+    900: #fff,
+    A100: #000,
+    A200: #000,
+    A400: #fff,
+    A700: #fff,
+  ),
+);
+
+$accent: (
+  50: #e0f3f9,
+  100: #b3e0f0,
+  200: #80cce6,
+  300: #4db8db,
+  400: #26a8d4,
+  500: #09c,
+  600: #0091c7,
+  700: #0086c0,
+  800: #007cb9,
+  900: #006bad,
+  A100: #d7edff,
+  A200: #a4d7ff,
+  A400: #71c0ff,
+  A700: #58b5ff,
+  contrast: (
+    50: #000,
+    100: #000,
+    200: #000,
+    300: #000,
+    400: #000,
+    500: #fff,
+    600: #fff,
+    700: #fff,
+    800: #fff,
+    900: #fff,
+    A100: #000,
+    A200: #000,
+    A400: #000,
+    A700: #000,
+  ),
+);
+
+$warn: (
+  50: #f7e0e2,
+  100: #ebb3b8,
+  200: #de8088,
+  300: #d04d58,
+  400: #c62635,
+  500: #bc0011,
+  600: #b6000f,
+  700: #ad000c,
+  800: #a5000a,
+  900: #970005,
+  A100: #ffc2c2,
+  A200: #ff8f90,
+  A400: #ff5c5d,
+  A700: #ff4244,
+  contrast: (
+    50: #000,
+    100: #000,
+    200: #000,
+    300: #000,
+    400: #000,
+    500: #fff,
+    600: #fff,
+    700: #fff,
+    800: #fff,
+    900: #fff,
+    A100: #000,
+    A200: #000,
+    A400: #000,
+    A700: #000,
+  ),
+);

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

@@ -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<"button" | "submit" | "reset">;
+    type: i0.InputSignal<"reset" | "submit" | "button">;
     /** Makes the button take 100% width of its container */
     fullWidth: i0.InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsButtonComponent, never>;
@@ -1925,8 +1925,6 @@ declare class AdsDatepickerComponent extends AdsDatetimepickerComponent implemen
     /** @ignore */
     private elementRef;
     /** @ignore */
-    private readonly overlayContainerRef;
-    /** @ignore */
     private intersectionObserver?;
     /** @ignore - Cleanup for scroll passthrough (pointerdown + scroll listeners) */
     private scrollPassthroughCleanup?;
@@ -1943,12 +1941,26 @@ declare class AdsDatepickerComponent extends AdsDatetimepickerComponent implemen
      * Disabling pointer events on the backdrop lets the browser handle scrolling
      * natively (preserving momentum / inertia). A document-level pointerdown
      * listener replaces the lost backdrop click-to-close behaviour.
+     *
+     * Everything here is scoped to *this* picker's own overlay via {@link getPopupRef}. Reading the
+     * shared `OverlayContainer` instead returns whichever overlay was created first, so a picker used
+     * inside a dialog silently operated on the dialog's backdrop and pane: the dialog lost its
+     * click-outside behavior, and — because a calendar cell is not inside the dialog's pane — the
+     * pointerdown listener treated every click on the calendar as "outside" and closed the picker
+     * before it could select a date.
      */
     onOpened(): void;
     /** @ignore */
     onClosed(): void;
     /** @ignore */
     private setupScrollPassthrough;
+    /**
+     * @ignore - This picker's own calendar overlay, or undefined while it is closed.
+     * `_popupRef` is private in `MatDatetimepickerComponent`, hence the cast; it is the only handle on
+     * the overlay this picker created, and the only safe one — the `OverlayContainer` is shared by
+     * every overlay on the page.
+     */
+    private getPopupRef;
     /** @ignore - Walk up the DOM to find the first ancestor with overflow-y: auto|scroll */
     private findScrollableAncestor;
     /** @ignore - Override to dispatch change event on blur when input was modified programmatically */
@@ -2100,6 +2112,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 +2127,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 +2177,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;