ng-primitives 0.59.0 → 0.61.0

package/toast/toast/toast-timer.d.ts

@@ -0,0 +1,14 @@
+declare class NgpToastTimer {
+    private duration;
+    private callback;
+    private startTime;
+    private remaining;
+    private timeoutId;
+    private isRunning;
+    constructor(duration: number, callback: () => void);
+    start(): void;
+    pause(): void;
+    stop(): void;
+}
+export declare function toastTimer(duration: number, callback: () => void): NgpToastTimer;
+export {};

package/toast/toast/toast.d.ts

@@ -1,52 +1,75 @@
-import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
-import { NgpToastGravity, NgpToastPosition } from './toast-ref';
 import * as i0 from "@angular/core";
-export interface NgpToastContext {
-    dismiss: () => void;
-}
 export declare class NgpToast {
-    private readonly config;
-    /** Access the ng-template */
-    private readonly template;
-    /** Access the view container */
-    private readonly viewContainer;
-    /** Access the injector */
+    private readonly manager;
     private readonly injector;
-    /** Access the document */
-    private readonly document;
+    protected readonly config: import("../config/toast-config").NgpToastConfig;
+    /** @internal */
+    readonly context: import("./toast-options").NgpToastOptions;
+    private readonly interactivityChecker;
+    private readonly isInteracting;
+    private pointerStartRef;
+    private dragStartTime;
+    protected readonly swiping: import("@angular/core").WritableSignal<boolean>;
+    protected readonly swipeDirection: import("@angular/core").WritableSignal<"x" | "y" | null>;
+    protected readonly swipeAmount: import("@angular/core").WritableSignal<{
+        x: number;
+        y: number;
+    }>;
+    protected readonly swipeOutDirection: import("@angular/core").Signal<"right" | "left" | "bottom" | "top" | null>;
+    /**
+     * Get all toasts that are currently being displayed in the same position.
+     */
+    private readonly toasts;
+    /**
+     * The number of toasts that are currently being displayed before this toast.
+     */
+    protected readonly index: import("@angular/core").Signal<number>;
+    /**
+     * Determine the position of the toast in the list of toasts.
+     * This is the combination of the heights of all the toasts before this one, plus the gap between them.
+     */
+    protected readonly offset: import("@angular/core").Signal<number>;
+    /**
+     * Determine if this toast is visible.
+     * Visible considers the maximum number of toasts that can be displayed at once, and the last x toasts that are currently being displayed.
+     */
+    protected readonly visible: import("@angular/core").Signal<boolean>;
+    /**
+     * Determine the height of the front toast.
+     * This is used to determine the height of the toast when it is not expanded.
+     */
+    protected readonly frontToastHeight: import("@angular/core").Signal<number>;
     /**
-     * The duration the toast will display for before it is automatically dismissed in milliseconds.
-     * @default 3000
+     * Determine the z-index of the toast. This is the inverse of the index.
+     * The first toast will have the highest z-index, and the last toast will have the lowest z-index.
+     * This is used to ensure that the first toast is always on top of the others.
      */
-    readonly duration: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    protected readonly zIndex: import("@angular/core").Signal<number>;
     /**
-     * The direction the toast will appear from.
-     * @default 'top'
+     * The height of the toast in pixels.
      */
-    readonly gravity: import("@angular/core").InputSignal<NgpToastGravity>;
+    protected readonly dimensions: import("@angular/core").WritableSignal<{
+        width: number;
+        height: number;
+        mounted: boolean;
+    }>;
     /**
-     * The position the toast will on the horizontal axis.
-     * @default 'end'
+     * The x position of the toast.
      */
-    readonly position: import("@angular/core").InputSignal<NgpToastPosition>;
+    readonly x: string;
     /**
-     * Whether the automatic dismissal of the toast should be paused when the user hovers over it.
-     * @default true
+     * The y position of the toast.
      */
-    readonly stopOnHover: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    readonly y: string;
     /**
-     * Whether the toast should be announced to assistive technologies.
-     * @default 'polite'
+     * The toast timer instance.
      */
-    readonly ariaLive: import("@angular/core").InputSignal<string>;
-    /** Store the list of toasts */
-    private static toasts;
-    /** Show the toast. */
-    show(): void;
-    /** Build the toast */
-    private createToast;
-    /** Position the toast on the DOM */
-    private reposition;
+    private readonly timer;
+    constructor();
+    protected onPointerDown(event: PointerEvent): void;
+    protected onPointerMove(event: PointerEvent): void;
+    protected onPointerUp(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpToast, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpToast, "[ngpToast]", ["ngpToast"], { "duration": { "alias": "ngpToastDuration"; "required": false; "isSignal": true; }; "gravity": { "alias": "ngpToastGravity"; "required": false; "isSignal": true; }; "position": { "alias": "ngpToastPosition"; "required": false; "isSignal": true; }; "stopOnHover": { "alias": "ngpToastStopOnHover"; "required": false; "isSignal": true; }; "ariaLive": { "alias": "ngpToastAriaLive"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpToast, "[ngpToast]", ["ngpToast"], {}, {}, never, never, true, never>;
 }
+export type NgpToastSwipeDirection = 'top' | 'right' | 'bottom' | 'left';

package/toast/toast/toast-ref.d.ts

@@ -1,49 +0,0 @@
-export type NgpToastPosition = 'start' | 'center' | 'end';
-export type NgpToastGravity = 'top' | 'bottom';
-export declare class NgpToastRef {
-    /** Store the toast element */
-    private readonly toastElement;
-    /** Store the duration */
-    private readonly duration;
-    /** The position of the toast */
-    readonly position: NgpToastPosition;
-    /** The gravity of the toast */
-    readonly gravity: NgpToastGravity;
-    /** Whether we should stop on focus */
-    private readonly stopOnHover;
-    /** The aria live setting */
-    private readonly ariaLive;
-    private readonly onDismiss;
-    /** Store the current timeout */
-    private timeoutId;
-    /** Get the toast height */
-    get height(): number;
-    constructor(
-    /** Store the toast element */
-    toastElement: HTMLElement, 
-    /** Store the duration */
-    duration: number, 
-    /** The position of the toast */
-    position: NgpToastPosition, 
-    /** The gravity of the toast */
-    gravity: NgpToastGravity, 
-    /** Whether we should stop on focus */
-    stopOnHover: boolean, 
-    /** The aria live setting */
-    ariaLive: string, onDismiss: () => void);
-    dismiss(): void;
-    private removeElement;
-    /** Setup duration timeouts */
-    private setupTimeouts;
-    private setupListeners;
-    /** Set the position attribute */
-    private setPosition;
-    /** Set the gravity attribute */
-    private setGravity;
-    /** Set the aria live attribute */
-    private setAriaLive;
-    /**
-     * @internal
-     */
-    setInset(property: 'top' | 'bottom', value: string): void;
-}