ngwr 6.0.0 → 7.0.0

package/fesm2022/ngwr-toast.mjs

@@ -0,0 +1,446 @@
+import { ComponentPortal } from '@angular/cdk/portal';
+import * as i0 from '@angular/core';
+import { input, output, signal, computed, ViewEncapsulation, Component, inject, DestroyRef, InjectionToken, Service, makeEnvironmentProviders } from '@angular/core';
+import { WR_OVERLAY } from 'ngwr/overlay';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * One toast row inside the toast host. Not used directly — see
+ * `WrToast.show()`.
+ *
+ * @internal
+ */
+class WrToastItem {
+    type = input('info', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    title = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    message = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+    dismissible = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dismissible" }] : /* istanbul ignore next */ []));
+    showProgress = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showProgress" }] : /* istanbul ignore next */ []));
+    showCopy = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showCopy" }] : /* istanbul ignore next */ []));
+    /** Auto-dismiss duration in ms — used to scale the progress bar. `0` hides it. */
+    duration = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "duration" }] : /* istanbul ignore next */ []));
+    labels = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
+    dismissed = output();
+    pauseRequested = output();
+    resumeRequested = output();
+    /** True for ~1.5s after a successful copy; flips the icon to a check. */
+    justCopied = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "justCopied" }] : /* istanbul ignore next */ []));
+    copyResetTimer = null;
+    classes = computed(() => `wr-toast wr-toast--${this.type()}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    /** Escalate to `alert`/`assertive` for danger/warning toasts. */
+    liveRole = computed(() => (this.type() === 'danger' ? 'alert' : 'status'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "liveRole" }] : /* istanbul ignore next */ []));
+    liveLevel = computed(() => this.type() === 'danger' || this.type() === 'warning' ? 'assertive' : 'polite', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "liveLevel" }] : /* istanbul ignore next */ []));
+    /** Inline CSS value for `--wr-toast-duration`. */
+    durationMs = computed(() => `${this.duration()}ms`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "durationMs" }] : /* istanbul ignore next */ []));
+    progressVisible = computed(() => this.showProgress() && this.duration() > 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "progressVisible" }] : /* istanbul ignore next */ []));
+    async onCopy() {
+        try {
+            await navigator.clipboard.writeText(this.message());
+            this.justCopied.set(true);
+            if (this.copyResetTimer)
+                clearTimeout(this.copyResetTimer);
+            this.copyResetTimer = setTimeout(() => this.justCopied.set(false), 1500);
+        }
+        catch {
+            // Clipboard unavailable (insecure context / permission denied) — silent.
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrToastItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: WrToastItem, isStandalone: true, selector: "wr-toast", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, showProgress: { classPropertyName: "showProgress", publicName: "showProgress", isSignal: true, isRequired: false, transformFunction: null }, showCopy: { classPropertyName: "showCopy", publicName: "showCopy", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { dismissed: "dismissed", pauseRequested: "pauseRequested", resumeRequested: "resumeRequested" }, host: { listeners: { "mouseenter": "pauseRequested.emit()", "mouseleave": "resumeRequested.emit()" }, properties: { "class": "classes()", "style.--wr-toast-duration": "durationMs()", "attr.role": "liveRole()", "attr.aria-live": "liveLevel()" } }, ngImport: i0, template: "<div class=\"wr-toast__body\">\n  @if (title(); as text) {\n    <p class=\"wr-toast__title\">{{ text }}</p>\n  }\n  <p class=\"wr-toast__message\">{{ message() }}</p>\n</div>\n\n<div class=\"wr-toast__actions\">\n  @if (showCopy()) {\n    <button\n      type=\"button\"\n      class=\"wr-toast__action\"\n      [attr.aria-label]=\"justCopied() ? labels().copied : labels().copy\"\n      [title]=\"justCopied() ? labels().copied : labels().copy\"\n      (click)=\"onCopy()\"\n    >\n      @if (justCopied()) {\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M20 6 9 17l-5-5\" />\n        </svg>\n      } @else {\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n          <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n        </svg>\n      }\n    </button>\n  }\n\n  @if (dismissible()) {\n    <button\n      type=\"button\"\n      class=\"wr-toast__action\"\n      [attr.aria-label]=\"labels().close\"\n      [title]=\"labels().close\"\n      (click)=\"dismissed.emit()\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M18 6 6 18\" />\n        <path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  }\n</div>\n\n@if (progressVisible()) {\n  <span class=\"wr-toast__progress\" aria-hidden=\"true\"></span>\n}\n", encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrToastItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'wr-toast', encapsulation: ViewEncapsulation.None, host: {
+                        '[class]': 'classes()',
+                        '[style.--wr-toast-duration]': 'durationMs()',
+                        '[attr.role]': 'liveRole()',
+                        '[attr.aria-live]': 'liveLevel()',
+                        '(mouseenter)': 'pauseRequested.emit()',
+                        '(mouseleave)': 'resumeRequested.emit()',
+                    }, template: "<div class=\"wr-toast__body\">\n  @if (title(); as text) {\n    <p class=\"wr-toast__title\">{{ text }}</p>\n  }\n  <p class=\"wr-toast__message\">{{ message() }}</p>\n</div>\n\n<div class=\"wr-toast__actions\">\n  @if (showCopy()) {\n    <button\n      type=\"button\"\n      class=\"wr-toast__action\"\n      [attr.aria-label]=\"justCopied() ? labels().copied : labels().copy\"\n      [title]=\"justCopied() ? labels().copied : labels().copy\"\n      (click)=\"onCopy()\"\n    >\n      @if (justCopied()) {\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M20 6 9 17l-5-5\" />\n        </svg>\n      } @else {\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n          <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n        </svg>\n      }\n    </button>\n  }\n\n  @if (dismissible()) {\n    <button\n      type=\"button\"\n      class=\"wr-toast__action\"\n      [attr.aria-label]=\"labels().close\"\n      [title]=\"labels().close\"\n      (click)=\"dismissed.emit()\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M18 6 6 18\" />\n        <path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  }\n</div>\n\n@if (progressVisible()) {\n  <span class=\"wr-toast__progress\" aria-hidden=\"true\"></span>\n}\n" }]
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], showProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "showProgress", required: false }] }], showCopy: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCopy", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: true }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }], pauseRequested: [{ type: i0.Output, args: ["pauseRequested"] }], resumeRequested: [{ type: i0.Output, args: ["resumeRequested"] }] } });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/** ms before a mouseleave actually collapses the stack. Buffers the cursor
+ * briefly leaving the host as toasts reflow underneath it. */
+const COLLAPSE_DELAY_MS = 120;
+/**
+ * Internal host that lives inside the toast overlay and renders the
+ * active stack. Owned by `WrToast`.
+ *
+ * @internal
+ */
+class WrToastHost {
+    position = input('top-end', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    config = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+    /** Layout mode. @default 'stack' (Sonner-style; hover to fan out) */
+    mode = input('stack', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    /** @internal — hover toggles this in stack mode. */
+    expanded = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+    destroyRef = inject(DestroyRef);
+    collapseTimer = null;
+    constructor() {
+        this.destroyRef.onDestroy(() => this.clearCollapseTimer());
+    }
+    /** @internal */
+    onMouseEnter() {
+        this.clearCollapseTimer();
+        this.expanded.set(true);
+    }
+    /** @internal — delay the collapse so cursor briefly slipping off the host
+     * during a layout reflow doesn't cause a flicker. */
+    onMouseLeave() {
+        this.clearCollapseTimer();
+        this.collapseTimer = setTimeout(() => {
+            this.expanded.set(false);
+            this.collapseTimer = null;
+        }, COLLAPSE_DELAY_MS);
+    }
+    clearCollapseTimer() {
+        if (this.collapseTimer !== null) {
+            clearTimeout(this.collapseTimer);
+            this.collapseTimer = null;
+        }
+    }
+    /** @internal — pushed by the service. */
+    toasts = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "toasts" }] : /* istanbul ignore next */ []));
+    /** @internal — service listens to update its internal state. */
+    dismissed = output();
+    pauseRequested = output();
+    resumeRequested = output();
+    dismissAllRequested = output();
+    classes = computed(() => {
+        const parts = ['wr-toast-host', `wr-toast-host--${this.position()}`, `wr-toast-host--${this.mode()}`];
+        if (this.mode() === 'stack' && this.expanded())
+            parts.push('wr-toast-host--expanded');
+        return parts.join(' ');
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    /** Distance from the front of the stack (0 = newest / fully visible). */
+    stackIndex(i) {
+        return this.toasts().length - 1 - i;
+    }
+    closeAllVisible = computed(() => {
+        const cfg = this.config();
+        // In stack mode the toasts cascade absolutely while collapsed, which
+        // makes the close-all button jump between layout positions on hover
+        // (button moves → cursor leaves → host collapses → cycle = blink).
+        // Only show it once the stack is expanded, or always in list mode.
+        if (this.mode() === 'stack' && !this.expanded())
+            return false;
+        return cfg.showCloseAll && this.toasts().length >= cfg.closeAllThreshold;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "closeAllVisible" }] : /* istanbul ignore next */ []));
+    showProgressFor(t) {
+        return t.showProgress ?? this.config().showProgress;
+    }
+    showCopyFor(t) {
+        return t.showCopy ?? this.config().showCopy;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrToastHost, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: WrToastHost, isStandalone: true, selector: "wr-toast-host", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed", pauseRequested: "pauseRequested", resumeRequested: "resumeRequested", dismissAllRequested: "dismissAllRequested" }, host: { attributes: { "role": "region", "aria-label": "Notifications" }, listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, properties: { "class": "classes()" } }, ngImport: i0, template: "@if (closeAllVisible()) {\n  <button type=\"button\" class=\"wr-toast-host__close-all\" (click)=\"dismissAllRequested.emit()\">\n    {{ config().labels.closeAll }} ({{ toasts().length }})\n  </button>\n}\n\n@for (toast of toasts(); track toast.id) {\n  <wr-toast\n    [style.--wr-toast-stack-index]=\"stackIndex($index)\"\n    [type]=\"toast.type ?? 'info'\"\n    [title]=\"toast.title ?? null\"\n    [message]=\"toast.message\"\n    [dismissible]=\"toast.dismissible ?? true\"\n    [showProgress]=\"showProgressFor(toast)\"\n    [showCopy]=\"showCopyFor(toast)\"\n    [duration]=\"toast.resolvedDuration\"\n    [labels]=\"config().labels\"\n    (dismissed)=\"dismissed.emit(toast.id)\"\n    (pauseRequested)=\"pauseRequested.emit(toast.id)\"\n    (resumeRequested)=\"resumeRequested.emit(toast.id)\"\n  />\n}\n", dependencies: [{ kind: "component", type: WrToastItem, selector: "wr-toast", inputs: ["type", "title", "message", "dismissible", "showProgress", "showCopy", "duration", "labels"], outputs: ["dismissed", "pauseRequested", "resumeRequested"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrToastHost, decorators: [{
+            type: Component,
+            args: [{ selector: 'wr-toast-host', encapsulation: ViewEncapsulation.None, host: {
+                        '[class]': 'classes()',
+                        role: 'region',
+                        'aria-label': 'Notifications',
+                        '(mouseenter)': 'onMouseEnter()',
+                        '(mouseleave)': 'onMouseLeave()',
+                    }, imports: [WrToastItem], template: "@if (closeAllVisible()) {\n  <button type=\"button\" class=\"wr-toast-host__close-all\" (click)=\"dismissAllRequested.emit()\">\n    {{ config().labels.closeAll }} ({{ toasts().length }})\n  </button>\n}\n\n@for (toast of toasts(); track toast.id) {\n  <wr-toast\n    [style.--wr-toast-stack-index]=\"stackIndex($index)\"\n    [type]=\"toast.type ?? 'info'\"\n    [title]=\"toast.title ?? null\"\n    [message]=\"toast.message\"\n    [dismissible]=\"toast.dismissible ?? true\"\n    [showProgress]=\"showProgressFor(toast)\"\n    [showCopy]=\"showCopyFor(toast)\"\n    [duration]=\"toast.resolvedDuration\"\n    [labels]=\"config().labels\"\n    (dismissed)=\"dismissed.emit(toast.id)\"\n    (pauseRequested)=\"pauseRequested.emit(toast.id)\"\n    (resumeRequested)=\"resumeRequested.emit(toast.id)\"\n  />\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }], pauseRequested: [{ type: i0.Output, args: ["pauseRequested"] }], resumeRequested: [{ type: i0.Output, args: ["resumeRequested"] }], dismissAllRequested: [{ type: i0.Output, args: ["dismissAllRequested"] }] } });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Handle returned by `WrToast.show()`. Call `dismiss()` to remove
+ * the toast early. Inspect `options` to see what the caller requested.
+ */
+class WrToastRef {
+    id;
+    options;
+    onDismiss;
+    constructor(id, options, onDismiss) {
+        this.id = id;
+        this.options = options;
+        this.onDismiss = onDismiss;
+    }
+    /** Remove this toast from the stack. */
+    dismiss() {
+        this.onDismiss(this.id);
+    }
+}
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Library defaults applied when no {@link provideWrToastConfig} call is
+ * registered. Merged shallowly with the consumer's overrides (the `labels`
+ * sub-object is merged separately so callers can override one string at a
+ * time).
+ */
+const DEFAULT_TOAST_CONFIG = {
+    position: 'top-end',
+    mode: 'stack',
+    duration: 4000,
+    showProgress: true,
+    showCopy: false,
+    showCloseAll: true,
+    closeAllThreshold: 2,
+    maxStack: 5,
+    labels: {
+        close: 'Close',
+        copy: 'Copy',
+        copied: 'Copied',
+        closeAll: 'Close all',
+    },
+};
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Holds the global {@link WrToastConfig} used by {@link WrToast}.
+ * The default factory returns {@link DEFAULT_TOAST_CONFIG} so the service
+ * works out of the box; override via {@link provideWrToastConfig}.
+ */
+const WR_TOAST_CONFIG = new InjectionToken('WR_TOAST_CONFIG', {
+    providedIn: 'root',
+    factory: () => DEFAULT_TOAST_CONFIG,
+});
+
+/**
+ * Opens toast notifications in a single shared overlay.
+ *
+ * Global defaults come from {@link WR_TOAST_CONFIG}; register
+ * {@link provideWrToastConfig} once at bootstrap to customise. Each
+ * `show()` call accepts per-toast overrides via {@link WrToastOptions}.
+ *
+ * @example
+ * ```ts
+ * const toast = inject(WrToast);
+ *
+ * toast.show({ type: 'success', title: 'Saved', message: 'Profile updated.' });
+ * toast.show({ type: 'danger', message: 'Network error', duration: 0 });
+ * toast.show({ message: 'Permalink copied', position: 'bottom', showCopy: true });
+ * ```
+ *
+ * @see https://ngwr.dev/components/toast
+ */
+class WrToast {
+    overlay = inject(WR_OVERLAY);
+    config = inject(WR_TOAST_CONFIG);
+    overlayRef = null;
+    hostRef = null;
+    currentPosition = this.config.position;
+    currentMode = this.config.mode;
+    nextId = 1;
+    active = [];
+    /** Open a toast. Returns a handle you can `dismiss()` early. */
+    show(options) {
+        const resolvedPosition = options.position ?? this.config.position;
+        const resolvedDuration = options.duration ?? this.config.duration;
+        this.ensureHost(resolvedPosition);
+        const entry = {
+            ...options,
+            id: this.nextId++,
+            resolvedDuration,
+            resolvedPosition,
+            remaining: resolvedDuration,
+        };
+        this.active = [...this.active, entry];
+        this.enforceMaxStack();
+        this.pushToHost();
+        this.startTimer(entry);
+        return new WrToastRef(entry.id, options, id => this.dismiss(id));
+    }
+    /** Dismiss a single toast by id. */
+    dismiss(id) {
+        const entry = this.active.find(t => t.id === id);
+        if (entry?.timer)
+            clearTimeout(entry.timer);
+        this.active = this.active.filter(t => t.id !== id);
+        this.pushToHost();
+        if (this.active.length === 0)
+            this.disposeHost();
+    }
+    /** Dismiss every visible toast. Wired to the host's "Close all" button. */
+    dismissAll() {
+        for (const entry of this.active) {
+            if (entry.timer)
+                clearTimeout(entry.timer);
+        }
+        this.active = [];
+        this.disposeHost();
+    }
+    /** Change the corner the stack opens in. Affects future toasts. */
+    setPosition(position) {
+        this.currentPosition = position;
+        if (this.hostRef)
+            this.hostRef.setInput('position', position);
+    }
+    /** Switch the layout mode at runtime. Persists across host re-creation. */
+    setMode(mode) {
+        this.currentMode = mode;
+        if (this.hostRef)
+            this.hostRef.setInput('mode', mode);
+    }
+    // Timer
+    startTimer(entry) {
+        if (entry.remaining <= 0)
+            return;
+        entry.startedAt = Date.now();
+        entry.timer = setTimeout(() => this.dismiss(entry.id), entry.remaining);
+    }
+    pauseTimer(entry) {
+        if (!entry.timer)
+            return;
+        clearTimeout(entry.timer);
+        entry.timer = undefined;
+        if (entry.startedAt) {
+            entry.remaining = Math.max(0, entry.remaining - (Date.now() - entry.startedAt));
+        }
+    }
+    // Host plumbing
+    ensureHost(position) {
+        if (this.overlayRef) {
+            if (position !== this.currentPosition)
+                this.setPosition(position);
+            return;
+        }
+        this.currentPosition = position;
+        this.overlayRef = this.overlay.create({
+            positionStrategy: this.overlay.position().global(),
+            scrollStrategy: this.overlay.scrollStrategies.noop(),
+            hasBackdrop: false,
+            panelClass: ['wr-toast-overlay'],
+        });
+        const portal = new ComponentPortal(WrToastHost);
+        this.hostRef = this.overlayRef.attach(portal);
+        this.hostRef.setInput('position', position);
+        this.hostRef.setInput('mode', this.currentMode);
+        this.hostRef.setInput('config', this.config);
+        const inst = this.hostRef.instance;
+        inst.dismissed.subscribe(id => this.dismiss(id));
+        inst.dismissAllRequested.subscribe(() => this.dismissAll());
+        inst.pauseRequested.subscribe(id => {
+            const entry = this.active.find(t => t.id === id);
+            if (entry)
+                this.pauseTimer(entry);
+        });
+        inst.resumeRequested.subscribe(id => {
+            const entry = this.active.find(t => t.id === id);
+            if (entry)
+                this.startTimer(entry);
+        });
+    }
+    enforceMaxStack() {
+        const max = this.config.maxStack;
+        if (max <= 0 || this.active.length <= max)
+            return;
+        const overflow = this.active.slice(0, this.active.length - max);
+        for (const entry of overflow) {
+            if (entry.timer)
+                clearTimeout(entry.timer);
+        }
+        this.active = this.active.slice(this.active.length - max);
+    }
+    pushToHost() {
+        this.hostRef?.instance.toasts.set([...this.active]);
+    }
+    disposeHost() {
+        if (this.overlayRef) {
+            this.overlayRef.dispose();
+            this.overlayRef = null;
+            this.hostRef = null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrToast, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.0.1", ngImport: i0, type: WrToast });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrToast, decorators: [{
+            type: Service
+        }] });
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Registers a global {@link WrToastConfig} for {@link WrToast}. Any
+ * field you omit falls back to {@link DEFAULT_TOAST_CONFIG}; the `labels`
+ * sub-object is merged separately so you can override a single string at a
+ * time (useful for i18n).
+ *
+ * @example
+ * ```ts
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideWrToastConfig({
+ *       position: 'bottom-end',
+ *       showCopy: true,
+ *       maxStack: 3,
+ *       labels: { close: 'Закрыть', copy: 'Копировать', copied: 'Скопировано', closeAll: 'Закрыть все' },
+ *     }),
+ *   ],
+ * });
+ * ```
+ */
+function provideWrToastConfig(config) {
+    const merged = {
+        ...DEFAULT_TOAST_CONFIG,
+        ...config,
+        labels: { ...DEFAULT_TOAST_CONFIG.labels, ...config.labels },
+    };
+    return makeEnvironmentProviders([{ provide: WR_TOAST_CONFIG, useValue: merged }]);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DEFAULT_TOAST_CONFIG, WR_TOAST_CONFIG, WrToast, WrToastRef, provideWrToastConfig };
+//# sourceMappingURL=ngwr-toast.mjs.map

package/fesm2022/ngwr-toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-toast.mjs","sources":["../../../projects/lib/toast/toast-item.ts","../../../projects/lib/toast/toast-item.html","../../../projects/lib/toast/toast-host.ts","../../../projects/lib/toast/toast-host.html","../../../projects/lib/toast/toast-ref.ts","../../../projects/lib/toast/default-toast-config.ts","../../../projects/lib/toast/tokens/toast-config.token.ts","../../../projects/lib/toast/services/toast.ts","../../../projects/lib/toast/provide-wr-toast-config.ts","../../../projects/lib/toast/ngwr-toast.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, ViewEncapsulation, computed, input, output, signal } from '@angular/core';\n\nimport type { WrToastConfig, WrToastType } from './interfaces';\n\n/**\n * One toast row inside the toast host. Not used directly — see\n * `WrToast.show()`.\n *\n * @internal\n */\n@Component({\n  selector: 'wr-toast',\n  templateUrl: './toast-item.html',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'classes()',\n    '[style.--wr-toast-duration]': 'durationMs()',\n    '[attr.role]': 'liveRole()',\n    '[attr.aria-live]': 'liveLevel()',\n    '(mouseenter)': 'pauseRequested.emit()',\n    '(mouseleave)': 'resumeRequested.emit()',\n  },\n})\nexport class WrToastItem {\n  readonly type = input<WrToastType>('info');\n  readonly title = input<string | null>(null);\n  readonly message = input.required<string>();\n  readonly dismissible = input<boolean>(true);\n  readonly showProgress = input<boolean>(false);\n  readonly showCopy = input<boolean>(false);\n  /** Auto-dismiss duration in ms — used to scale the progress bar. `0` hides it. */\n  readonly duration = input<number>(0);\n  readonly labels = input.required<WrToastConfig['labels']>();\n\n  readonly dismissed = output<void>();\n  readonly pauseRequested = output<void>();\n  readonly resumeRequested = output<void>();\n\n  /** True for ~1.5s after a successful copy; flips the icon to a check. */\n  protected readonly justCopied = signal(false);\n  private copyResetTimer: ReturnType<typeof setTimeout> | null = null;\n\n  protected readonly classes = computed(() => `wr-toast wr-toast--${this.type()}`);\n\n  /** Escalate to `alert`/`assertive` for danger/warning toasts. */\n  protected readonly liveRole = computed(() => (this.type() === 'danger' ? 'alert' : 'status'));\n  protected readonly liveLevel = computed(() =>\n    this.type() === 'danger' || this.type() === 'warning' ? 'assertive' : 'polite'\n  );\n\n  /** Inline CSS value for `--wr-toast-duration`. */\n  protected readonly durationMs = computed(() => `${this.duration()}ms`);\n\n  protected readonly progressVisible = computed(() => this.showProgress() && this.duration() > 0);\n\n  protected async onCopy(): Promise<void> {\n    try {\n      await navigator.clipboard.writeText(this.message());\n      this.justCopied.set(true);\n      if (this.copyResetTimer) clearTimeout(this.copyResetTimer);\n      this.copyResetTimer = setTimeout(() => this.justCopied.set(false), 1500);\n    } catch {\n      // Clipboard unavailable (insecure context / permission denied) — silent.\n    }\n  }\n}\n","<div class=\"wr-toast__body\">\n  @if (title(); as text) {\n    <p class=\"wr-toast__title\">{{ text }}</p>\n  }\n  <p class=\"wr-toast__message\">{{ message() }}</p>\n</div>\n\n<div class=\"wr-toast__actions\">\n  @if (showCopy()) {\n    <button\n      type=\"button\"\n      class=\"wr-toast__action\"\n      [attr.aria-label]=\"justCopied() ? labels().copied : labels().copy\"\n      [title]=\"justCopied() ? labels().copied : labels().copy\"\n      (click)=\"onCopy()\"\n    >\n      @if (justCopied()) {\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M20 6 9 17l-5-5\" />\n        </svg>\n      } @else {\n        <svg\n          class=\"wr-icon__svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n          <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n        </svg>\n      }\n    </button>\n  }\n\n  @if (dismissible()) {\n    <button\n      type=\"button\"\n      class=\"wr-toast__action\"\n      [attr.aria-label]=\"labels().close\"\n      [title]=\"labels().close\"\n      (click)=\"dismissed.emit()\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M18 6 6 18\" />\n        <path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  }\n</div>\n\n@if (progressVisible()) {\n  <span class=\"wr-toast__progress\" aria-hidden=\"true\"></span>\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, DestroyRef, ViewEncapsulation, computed, inject, input, output, signal } from '@angular/core';\n\nimport type { WrToastConfig, WrToastMode, WrToastOptions, WrToastPosition } from './interfaces';\nimport { WrToastItem } from './toast-item';\n\n/** ms before a mouseleave actually collapses the stack. Buffers the cursor\n * briefly leaving the host as toasts reflow underneath it. */\nconst COLLAPSE_DELAY_MS = 120;\n\n/** Active entry pushed by the service — adds the bookkeeping fields the host renders. */\ntype ActiveToast = WrToastOptions & {\n  readonly id: number;\n  readonly resolvedDuration: number;\n};\n\n/**\n * Internal host that lives inside the toast overlay and renders the\n * active stack. Owned by `WrToast`.\n *\n * @internal\n */\n@Component({\n  selector: 'wr-toast-host',\n  templateUrl: './toast-host.html',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'classes()',\n    role: 'region',\n    'aria-label': 'Notifications',\n    '(mouseenter)': 'onMouseEnter()',\n    '(mouseleave)': 'onMouseLeave()',\n  },\n  imports: [WrToastItem],\n})\nexport class WrToastHost {\n  readonly position = input<WrToastPosition>('top-end');\n  readonly config = input.required<WrToastConfig>();\n  /** Layout mode. @default 'stack' (Sonner-style; hover to fan out) */\n  readonly mode = input<WrToastMode>('stack');\n\n  /** @internal — hover toggles this in stack mode. */\n  protected readonly expanded = signal(false);\n\n  private readonly destroyRef = inject(DestroyRef);\n  private collapseTimer: ReturnType<typeof setTimeout> | null = null;\n\n  constructor() {\n    this.destroyRef.onDestroy(() => this.clearCollapseTimer());\n  }\n\n  /** @internal */\n  protected onMouseEnter(): void {\n    this.clearCollapseTimer();\n    this.expanded.set(true);\n  }\n\n  /** @internal — delay the collapse so cursor briefly slipping off the host\n   * during a layout reflow doesn't cause a flicker. */\n  protected onMouseLeave(): void {\n    this.clearCollapseTimer();\n    this.collapseTimer = setTimeout(() => {\n      this.expanded.set(false);\n      this.collapseTimer = null;\n    }, COLLAPSE_DELAY_MS);\n  }\n\n  private clearCollapseTimer(): void {\n    if (this.collapseTimer !== null) {\n      clearTimeout(this.collapseTimer);\n      this.collapseTimer = null;\n    }\n  }\n\n  /** @internal — pushed by the service. */\n  readonly toasts = signal<readonly ActiveToast[]>([]);\n\n  /** @internal — service listens to update its internal state. */\n  readonly dismissed = output<number>();\n  readonly pauseRequested = output<number>();\n  readonly resumeRequested = output<number>();\n  readonly dismissAllRequested = output<void>();\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-toast-host', `wr-toast-host--${this.position()}`, `wr-toast-host--${this.mode()}`];\n    if (this.mode() === 'stack' && this.expanded()) parts.push('wr-toast-host--expanded');\n    return parts.join(' ');\n  });\n\n  /** Distance from the front of the stack (0 = newest / fully visible). */\n  protected stackIndex(i: number): number {\n    return this.toasts().length - 1 - i;\n  }\n\n  protected readonly closeAllVisible = computed(() => {\n    const cfg = this.config();\n    // In stack mode the toasts cascade absolutely while collapsed, which\n    // makes the close-all button jump between layout positions on hover\n    // (button moves → cursor leaves → host collapses → cycle = blink).\n    // Only show it once the stack is expanded, or always in list mode.\n    if (this.mode() === 'stack' && !this.expanded()) return false;\n    return cfg.showCloseAll && this.toasts().length >= cfg.closeAllThreshold;\n  });\n\n  protected showProgressFor(t: WrToastOptions): boolean {\n    return t.showProgress ?? this.config().showProgress;\n  }\n\n  protected showCopyFor(t: WrToastOptions): boolean {\n    return t.showCopy ?? this.config().showCopy;\n  }\n}\n","@if (closeAllVisible()) {\n  <button type=\"button\" class=\"wr-toast-host__close-all\" (click)=\"dismissAllRequested.emit()\">\n    {{ config().labels.closeAll }} ({{ toasts().length }})\n  </button>\n}\n\n@for (toast of toasts(); track toast.id) {\n  <wr-toast\n    [style.--wr-toast-stack-index]=\"stackIndex($index)\"\n    [type]=\"toast.type ?? 'info'\"\n    [title]=\"toast.title ?? null\"\n    [message]=\"toast.message\"\n    [dismissible]=\"toast.dismissible ?? true\"\n    [showProgress]=\"showProgressFor(toast)\"\n    [showCopy]=\"showCopyFor(toast)\"\n    [duration]=\"toast.resolvedDuration\"\n    [labels]=\"config().labels\"\n    (dismissed)=\"dismissed.emit(toast.id)\"\n    (pauseRequested)=\"pauseRequested.emit(toast.id)\"\n    (resumeRequested)=\"resumeRequested.emit(toast.id)\"\n  />\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrToastOptions } from './interfaces';\n\n/**\n * Handle returned by `WrToast.show()`. Call `dismiss()` to remove\n * the toast early. Inspect `options` to see what the caller requested.\n */\nexport class WrToastRef {\n  constructor(\n    public readonly id: number,\n    public readonly options: WrToastOptions,\n    private readonly onDismiss: (id: number) => void\n  ) {}\n\n  /** Remove this toast from the stack. */\n  dismiss(): void {\n    this.onDismiss(this.id);\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { WrToastConfig } from './interfaces';\n\n/**\n * Library defaults applied when no {@link provideWrToastConfig} call is\n * registered. Merged shallowly with the consumer's overrides (the `labels`\n * sub-object is merged separately so callers can override one string at a\n * time).\n */\nexport const DEFAULT_TOAST_CONFIG: WrToastConfig = {\n  position: 'top-end',\n  mode: 'stack',\n  duration: 4000,\n  showProgress: true,\n  showCopy: false,\n  showCloseAll: true,\n  closeAllThreshold: 2,\n  maxStack: 5,\n  labels: {\n    close: 'Close',\n    copy: 'Copy',\n    copied: 'Copied',\n    closeAll: 'Close all',\n  },\n};\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { InjectionToken } from '@angular/core';\n\nimport { DEFAULT_TOAST_CONFIG } from '../default-toast-config';\nimport type { WrToastConfig } from '../interfaces';\n\n/**\n * Holds the global {@link WrToastConfig} used by {@link WrToast}.\n * The default factory returns {@link DEFAULT_TOAST_CONFIG} so the service\n * works out of the box; override via {@link provideWrToastConfig}.\n */\nexport const WR_TOAST_CONFIG = new InjectionToken<WrToastConfig>('WR_TOAST_CONFIG', {\n  providedIn: 'root',\n  factory: () => DEFAULT_TOAST_CONFIG,\n});\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { type OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { type ComponentRef, Service, inject } from '@angular/core';\n\nimport { WR_OVERLAY } from 'ngwr/overlay';\n\nimport type { WrToastOptions, WrToastPosition } from '../interfaces';\nimport { WrToastHost } from '../toast-host';\nimport { WrToastRef } from '../toast-ref';\nimport { WR_TOAST_CONFIG } from '../tokens';\n\ntype ActiveEntry = WrToastOptions & {\n  readonly id: number;\n  /** Resolved auto-dismiss duration in ms after merging with global config. */\n  readonly resolvedDuration: number;\n  /** Resolved corner for this stack. */\n  readonly resolvedPosition: WrToastPosition;\n  /** Pending timeout handle. */\n  timer?: ReturnType<typeof setTimeout>;\n  /** Timestamp of the last timer (re)start, used to compute remaining on pause. */\n  startedAt?: number;\n  /** Milliseconds left when paused. */\n  remaining: number;\n};\n\n/**\n * Opens toast notifications in a single shared overlay.\n *\n * Global defaults come from {@link WR_TOAST_CONFIG}; register\n * {@link provideWrToastConfig} once at bootstrap to customise. Each\n * `show()` call accepts per-toast overrides via {@link WrToastOptions}.\n *\n * @example\n * ```ts\n * const toast = inject(WrToast);\n *\n * toast.show({ type: 'success', title: 'Saved', message: 'Profile updated.' });\n * toast.show({ type: 'danger', message: 'Network error', duration: 0 });\n * toast.show({ message: 'Permalink copied', position: 'bottom', showCopy: true });\n * ```\n *\n * @see https://ngwr.dev/components/toast\n */\n@Service()\nexport class WrToast {\n  private readonly overlay = inject(WR_OVERLAY);\n  private readonly config = inject(WR_TOAST_CONFIG);\n\n  private overlayRef: OverlayRef | null = null;\n  private hostRef: ComponentRef<WrToastHost> | null = null;\n  private currentPosition: WrToastPosition = this.config.position;\n  private currentMode: 'stack' | 'list' = this.config.mode;\n  private nextId = 1;\n  private active: ActiveEntry[] = [];\n\n  /** Open a toast. Returns a handle you can `dismiss()` early. */\n  show(options: WrToastOptions): WrToastRef {\n    const resolvedPosition = options.position ?? this.config.position;\n    const resolvedDuration = options.duration ?? this.config.duration;\n\n    this.ensureHost(resolvedPosition);\n\n    const entry: ActiveEntry = {\n      ...options,\n      id: this.nextId++,\n      resolvedDuration,\n      resolvedPosition,\n      remaining: resolvedDuration,\n    };\n\n    this.active = [...this.active, entry];\n    this.enforceMaxStack();\n    this.pushToHost();\n    this.startTimer(entry);\n\n    return new WrToastRef(entry.id, options, id => this.dismiss(id));\n  }\n\n  /** Dismiss a single toast by id. */\n  dismiss(id: number): void {\n    const entry = this.active.find(t => t.id === id);\n    if (entry?.timer) clearTimeout(entry.timer);\n    this.active = this.active.filter(t => t.id !== id);\n    this.pushToHost();\n    if (this.active.length === 0) this.disposeHost();\n  }\n\n  /** Dismiss every visible toast. Wired to the host's \"Close all\" button. */\n  dismissAll(): void {\n    for (const entry of this.active) {\n      if (entry.timer) clearTimeout(entry.timer);\n    }\n    this.active = [];\n    this.disposeHost();\n  }\n\n  /** Change the corner the stack opens in. Affects future toasts. */\n  setPosition(position: WrToastPosition): void {\n    this.currentPosition = position;\n    if (this.hostRef) this.hostRef.setInput('position', position);\n  }\n\n  /** Switch the layout mode at runtime. Persists across host re-creation. */\n  setMode(mode: 'stack' | 'list'): void {\n    this.currentMode = mode;\n    if (this.hostRef) this.hostRef.setInput('mode', mode);\n  }\n\n  // Timer\n\n  private startTimer(entry: ActiveEntry): void {\n    if (entry.remaining <= 0) return;\n    entry.startedAt = Date.now();\n    entry.timer = setTimeout(() => this.dismiss(entry.id), entry.remaining);\n  }\n\n  private pauseTimer(entry: ActiveEntry): void {\n    if (!entry.timer) return;\n    clearTimeout(entry.timer);\n    entry.timer = undefined;\n    if (entry.startedAt) {\n      entry.remaining = Math.max(0, entry.remaining - (Date.now() - entry.startedAt));\n    }\n  }\n\n  // Host plumbing\n\n  private ensureHost(position: WrToastPosition): void {\n    if (this.overlayRef) {\n      if (position !== this.currentPosition) this.setPosition(position);\n      return;\n    }\n\n    this.currentPosition = position;\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy: this.overlay.position().global(),\n      scrollStrategy: this.overlay.scrollStrategies.noop(),\n      hasBackdrop: false,\n      panelClass: ['wr-toast-overlay'],\n    });\n\n    const portal = new ComponentPortal(WrToastHost);\n    this.hostRef = this.overlayRef.attach(portal);\n    this.hostRef.setInput('position', position);\n    this.hostRef.setInput('mode', this.currentMode);\n    this.hostRef.setInput('config', this.config);\n\n    const inst = this.hostRef.instance;\n    inst.dismissed.subscribe(id => this.dismiss(id));\n    inst.dismissAllRequested.subscribe(() => this.dismissAll());\n    inst.pauseRequested.subscribe(id => {\n      const entry = this.active.find(t => t.id === id);\n      if (entry) this.pauseTimer(entry);\n    });\n    inst.resumeRequested.subscribe(id => {\n      const entry = this.active.find(t => t.id === id);\n      if (entry) this.startTimer(entry);\n    });\n  }\n\n  private enforceMaxStack(): void {\n    const max = this.config.maxStack;\n    if (max <= 0 || this.active.length <= max) return;\n    const overflow = this.active.slice(0, this.active.length - max);\n    for (const entry of overflow) {\n      if (entry.timer) clearTimeout(entry.timer);\n    }\n    this.active = this.active.slice(this.active.length - max);\n  }\n\n  private pushToHost(): void {\n    this.hostRef?.instance.toasts.set([...this.active]);\n  }\n\n  private disposeHost(): void {\n    if (this.overlayRef) {\n      this.overlayRef.dispose();\n      this.overlayRef = null;\n      this.hostRef = null;\n    }\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { type EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\n\nimport { DEFAULT_TOAST_CONFIG } from './default-toast-config';\nimport type { WrToastConfig } from './interfaces';\nimport { WR_TOAST_CONFIG } from './tokens';\n\n/**\n * Registers a global {@link WrToastConfig} for {@link WrToast}. Any\n * field you omit falls back to {@link DEFAULT_TOAST_CONFIG}; the `labels`\n * sub-object is merged separately so you can override a single string at a\n * time (useful for i18n).\n *\n * @example\n * ```ts\n * bootstrapApplication(AppComponent, {\n *   providers: [\n *     provideWrToastConfig({\n *       position: 'bottom-end',\n *       showCopy: true,\n *       maxStack: 3,\n *       labels: { close: 'Закрыть', copy: 'Копировать', copied: 'Скопировано', closeAll: 'Закрыть все' },\n *     }),\n *   ],\n * });\n * ```\n */\nexport function provideWrToastConfig(config: Partial<WrToastConfig>): EnvironmentProviders {\n  const merged: WrToastConfig = {\n    ...DEFAULT_TOAST_CONFIG,\n    ...config,\n    labels: { ...DEFAULT_TOAST_CONFIG.labels, ...config.labels },\n  };\n  return makeEnvironmentProviders([{ provide: WR_TOAST_CONFIG, useValue: merged }]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAAA;;;;;AAKG;AAMH;;;;;AAKG;MAcU,WAAW,CAAA;IACb,IAAI,GAAG,KAAK,CAAc,MAAM;6EAAC;IACjC,KAAK,GAAG,KAAK,CAAgB,IAAI;8EAAC;IAClC,OAAO,GAAG,KAAK,CAAC,QAAQ;gFAAU;IAClC,WAAW,GAAG,KAAK,CAAU,IAAI;oFAAC;IAClC,YAAY,GAAG,KAAK,CAAU,KAAK;qFAAC;IACpC,QAAQ,GAAG,KAAK,CAAU,KAAK;iFAAC;;IAEhC,QAAQ,GAAG,KAAK,CAAS,CAAC;iFAAC;IAC3B,MAAM,GAAG,KAAK,CAAC,QAAQ;+EAA2B;IAElD,SAAS,GAAG,MAAM,EAAQ;IAC1B,cAAc,GAAG,MAAM,EAAQ;IAC/B,eAAe,GAAG,MAAM,EAAQ;;IAGtB,UAAU,GAAG,MAAM,CAAC,KAAK;mFAAC;IACrC,cAAc,GAAyC,IAAI;IAEhD,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAA,mBAAA,EAAsB,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE;gFAAC;;IAG7D,QAAQ,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,IAAI,EAAE,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;iFAAC;IAC1E,SAAS,GAAG,QAAQ,CAAC,MACtC,IAAI,CAAC,IAAI,EAAE,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,SAAS,GAAG,WAAW,GAAG,QAAQ;kFAC/E;;IAGkB,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAA,EAAG,IAAI,CAAC,QAAQ,EAAE,CAAA,EAAA,CAAI;mFAAC;AAEnD,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC;wFAAC;AAErF,IAAA,MAAM,MAAM,GAAA;AACpB,QAAA,IAAI;YACF,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;AACnD,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;YACzB,IAAI,IAAI,CAAC,cAAc;AAAE,gBAAA,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC;AAC1D,YAAA,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;QAC1E;AAAE,QAAA,MAAM;;QAER;IACF;uGAzCW,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,+6CC9BxB,+pEA8EA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDhDa,WAAW,EAAA,UAAA,EAAA,CAAA;kBAbvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAAA,aAAA,EAEL,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,SAAS,EAAE,WAAW;AACtB,wBAAA,6BAA6B,EAAE,cAAc;AAC7C,wBAAA,aAAa,EAAE,YAAY;AAC3B,wBAAA,kBAAkB,EAAE,aAAa;AACjC,wBAAA,cAAc,EAAE,uBAAuB;AACvC,wBAAA,cAAc,EAAE,wBAAwB;AACzC,qBAAA,EAAA,QAAA,EAAA,+pEAAA,EAAA;;;AE5BH;;;;;AAKG;AAOH;AAC8D;AAC9D,MAAM,iBAAiB,GAAG,GAAG;AAQ7B;;;;;AAKG;MAcU,WAAW,CAAA;IACb,QAAQ,GAAG,KAAK,CAAkB,SAAS;iFAAC;IAC5C,MAAM,GAAG,KAAK,CAAC,QAAQ;+EAAiB;;IAExC,IAAI,GAAG,KAAK,CAAc,OAAO;6EAAC;;IAGxB,QAAQ,GAAG,MAAM,CAAC,KAAK;iFAAC;AAE1B,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;IACxC,aAAa,GAAyC,IAAI;AAElE,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5D;;IAGU,YAAY,GAAA;QACpB,IAAI,CAAC,kBAAkB,EAAE;AACzB,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;IACzB;AAEA;AACqD;IAC3C,YAAY,GAAA;QACpB,IAAI,CAAC,kBAAkB,EAAE;AACzB,QAAA,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,MAAK;AACnC,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;AACxB,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI;QAC3B,CAAC,EAAE,iBAAiB,CAAC;IACvB;IAEQ,kBAAkB,GAAA;AACxB,QAAA,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI,EAAE;AAC/B,YAAA,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;AAChC,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI;QAC3B;IACF;;IAGS,MAAM,GAAG,MAAM,CAAyB,EAAE;+EAAC;;IAG3C,SAAS,GAAG,MAAM,EAAU;IAC5B,cAAc,GAAG,MAAM,EAAU;IACjC,eAAe,GAAG,MAAM,EAAU;IAClC,mBAAmB,GAAG,MAAM,EAAQ;AAE1B,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;AACzC,QAAA,MAAM,KAAK,GAAG,CAAC,eAAe,EAAE,CAAA,eAAA,EAAkB,IAAI,CAAC,QAAQ,EAAE,CAAA,CAAE,EAAE,kBAAkB,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,CAAC;QACrG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE;AAAE,YAAA,KAAK,CAAC,IAAI,CAAC,yBAAyB,CAAC;AACrF,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;IACxB,CAAC;gFAAC;;AAGQ,IAAA,UAAU,CAAC,CAAS,EAAA;QAC5B,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC;IACrC;AAEmB,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;AACjD,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE;;;;;QAKzB,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAAE,YAAA,OAAO,KAAK;AAC7D,QAAA,OAAO,GAAG,CAAC,YAAY,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,IAAI,GAAG,CAAC,iBAAiB;IAC1E,CAAC;wFAAC;AAEQ,IAAA,eAAe,CAAC,CAAiB,EAAA;QACzC,OAAO,CAAC,CAAC,YAAY,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,YAAY;IACrD;AAEU,IAAA,WAAW,CAAC,CAAiB,EAAA;QACrC,OAAO,CAAC,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ;IAC7C;uGA3EW,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,YAAA,EAAA,eAAA,EAAA,EAAA,SAAA,EAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzCxB,6yBAsBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDiBY,WAAW,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,WAAA,EAAA,gBAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAEV,WAAW,EAAA,UAAA,EAAA,CAAA;kBAbvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,aAAA,EAEV,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,SAAS,EAAE,WAAW;AACtB,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,YAAY,EAAE,eAAe;AAC7B,wBAAA,cAAc,EAAE,gBAAgB;AAChC,wBAAA,cAAc,EAAE,gBAAgB;qBACjC,EAAA,OAAA,EACQ,CAAC,WAAW,CAAC,EAAA,QAAA,EAAA,6yBAAA,EAAA;;;AEvCxB;;;;;AAKG;AAIH;;;AAGG;MACU,UAAU,CAAA;AAEH,IAAA,EAAA;AACA,IAAA,OAAA;AACC,IAAA,SAAA;AAHnB,IAAA,WAAA,CACkB,EAAU,EACV,OAAuB,EACtB,SAA+B,EAAA;QAFhC,IAAA,CAAA,EAAE,GAAF,EAAE;QACF,IAAA,CAAA,OAAO,GAAP,OAAO;QACN,IAAA,CAAA,SAAS,GAAT,SAAS;IACzB;;IAGH,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;IACzB;AACD;;ACxBD;;;;;AAKG;AAIH;;;;;AAKG;AACI,MAAM,oBAAoB,GAAkB;AACjD,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,iBAAiB,EAAE,CAAC;AACpB,IAAA,QAAQ,EAAE,CAAC;AACX,IAAA,MAAM,EAAE;AACN,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,MAAM,EAAE,QAAQ;AAChB,QAAA,QAAQ,EAAE,WAAW;AACtB,KAAA;;;AC7BH;;;;;AAKG;AAOH;;;;AAIG;MACU,eAAe,GAAG,IAAI,cAAc,CAAgB,iBAAiB,EAAE;AAClF,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,OAAO,EAAE,MAAM,oBAAoB;AACpC,CAAA;;ACYD;;;;;;;;;;;;;;;;;AAiBG;MAEU,OAAO,CAAA;AACD,IAAA,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;AAC5B,IAAA,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC;IAEzC,UAAU,GAAsB,IAAI;IACpC,OAAO,GAAqC,IAAI;AAChD,IAAA,eAAe,GAAoB,IAAI,CAAC,MAAM,CAAC,QAAQ;AACvD,IAAA,WAAW,GAAqB,IAAI,CAAC,MAAM,CAAC,IAAI;IAChD,MAAM,GAAG,CAAC;IACV,MAAM,GAAkB,EAAE;;AAGlC,IAAA,IAAI,CAAC,OAAuB,EAAA;QAC1B,MAAM,gBAAgB,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ;QACjE,MAAM,gBAAgB,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ;AAEjE,QAAA,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC;AAEjC,QAAA,MAAM,KAAK,GAAgB;AACzB,YAAA,GAAG,OAAO;AACV,YAAA,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;YACjB,gBAAgB;YAChB,gBAAgB;AAChB,YAAA,SAAS,EAAE,gBAAgB;SAC5B;QAED,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;QACrC,IAAI,CAAC,eAAe,EAAE;QACtB,IAAI,CAAC,UAAU,EAAE;AACjB,QAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;QAEtB,OAAO,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAClE;;AAGA,IAAA,OAAO,CAAC,EAAU,EAAA;AAChB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;QAChD,IAAI,KAAK,EAAE,KAAK;AAAE,YAAA,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;AAC3C,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;QAClD,IAAI,CAAC,UAAU,EAAE;AACjB,QAAA,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,IAAI,CAAC,WAAW,EAAE;IAClD;;IAGA,UAAU,GAAA;AACR,QAAA,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;YAC/B,IAAI,KAAK,CAAC,KAAK;AAAE,gBAAA,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;QAC5C;AACA,QAAA,IAAI,CAAC,MAAM,GAAG,EAAE;QAChB,IAAI,CAAC,WAAW,EAAE;IACpB;;AAGA,IAAA,WAAW,CAAC,QAAyB,EAAA;AACnC,QAAA,IAAI,CAAC,eAAe,GAAG,QAAQ;QAC/B,IAAI,IAAI,CAAC,OAAO;YAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC/D;;AAGA,IAAA,OAAO,CAAC,IAAsB,EAAA;AAC5B,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;QACvB,IAAI,IAAI,CAAC,OAAO;YAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;IACvD;;AAIQ,IAAA,UAAU,CAAC,KAAkB,EAAA;AACnC,QAAA,IAAI,KAAK,CAAC,SAAS,IAAI,CAAC;YAAE;AAC1B,QAAA,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE;QAC5B,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzE;AAEQ,IAAA,UAAU,CAAC,KAAkB,EAAA;QACnC,IAAI,CAAC,KAAK,CAAC,KAAK;YAAE;AAClB,QAAA,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;AACzB,QAAA,KAAK,CAAC,KAAK,GAAG,SAAS;AACvB,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE;YACnB,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;QACjF;IACF;;AAIQ,IAAA,UAAU,CAAC,QAAyB,EAAA;AAC1C,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,IAAI,QAAQ,KAAK,IAAI,CAAC,eAAe;AAAE,gBAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;YACjE;QACF;AAEA,QAAA,IAAI,CAAC,eAAe,GAAG,QAAQ;QAE/B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;YACpC,gBAAgB,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE;YAClD,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,EAAE;AACpD,YAAA,WAAW,EAAE,KAAK;YAClB,UAAU,EAAE,CAAC,kBAAkB,CAAC;AACjC,SAAA,CAAC;AAEF,QAAA,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,WAAW,CAAC;QAC/C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC;QAC7C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC;QAC3C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC;QAC/C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC;AAE5C,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ;AAClC,QAAA,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AAChD,QAAA,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;AAC3D,QAAA,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,IAAG;AACjC,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;AAChD,YAAA,IAAI,KAAK;AAAE,gBAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;AACnC,QAAA,CAAC,CAAC;AACF,QAAA,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,IAAG;AAClC,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;AAChD,YAAA,IAAI,KAAK;AAAE,gBAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;AACnC,QAAA,CAAC,CAAC;IACJ;IAEQ,eAAe,GAAA;AACrB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ;QAChC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,GAAG;YAAE;AAC3C,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC;AAC/D,QAAA,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE;YAC5B,IAAI,KAAK,CAAC,KAAK;AAAE,gBAAA,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;QAC5C;AACA,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC;IAC3D;IAEQ,UAAU,GAAA;AAChB,QAAA,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;IACrD;IAEQ,WAAW,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;AACzB,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AACtB,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;QACrB;IACF;uGAzIW,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,OAAA,EAAA,CAAA;wGAAP,OAAO,EAAA,CAAA;;2FAAP,OAAO,EAAA,UAAA,EAAA,CAAA;kBADnB;;;AClDD;;;;;AAKG;AAQH;;;;;;;;;;;;;;;;;;;AAmBG;AACG,SAAU,oBAAoB,CAAC,MAA8B,EAAA;AACjE,IAAA,MAAM,MAAM,GAAkB;AAC5B,QAAA,GAAG,oBAAoB;AACvB,QAAA,GAAG,MAAM;QACT,MAAM,EAAE,EAAE,GAAG,oBAAoB,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE;KAC7D;AACD,IAAA,OAAO,wBAAwB,CAAC,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;AACnF;;ACxCA;;AAEG;;;;"}

package/fesm2022/ngwr-toolbar.mjs

@@ -0,0 +1,46 @@
+import * as i0 from '@angular/core';
+import { ViewEncapsulation, Component } from '@angular/core';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Action bar with three named zones — `[wrToolbarStart]`,
+ * `[wrToolbarCenter]`, `[wrToolbarEnd]`. Use any one or all three.
+ *
+ * @example
+ * ```html
+ * <wr-toolbar>
+ *   <div wrToolbarStart>
+ *     <button wrButton>Back</button>
+ *     <strong>Items</strong>
+ *   </div>
+ *   <div wrToolbarCenter>
+ *     <wr-segmented [(value)]="view" [options]="['grid', 'list']" />
+ *   </div>
+ *   <div wrToolbarEnd>
+ *     <button wrButton color="primary">New</button>
+ *   </div>
+ * </wr-toolbar>
+ * ```
+ *
+ * @see https://ngwr.dev/components/toolbar
+ */
+class WrToolbar {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: WrToolbar, isStandalone: true, selector: "wr-toolbar", host: { attributes: { "role": "toolbar" }, classAttribute: "wr-toolbar" }, ngImport: i0, template: "<div class=\"wr-toolbar__zone wr-toolbar__zone--start\">\n  <ng-content select=\"[wrToolbarStart]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--center\">\n  <ng-content select=\"[wrToolbarCenter]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--end\">\n  <ng-content select=\"[wrToolbarEnd]\" />\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: WrToolbar, decorators: [{
+            type: Component,
+            args: [{ selector: 'wr-toolbar', encapsulation: ViewEncapsulation.None, host: { class: 'wr-toolbar', role: 'toolbar' }, template: "<div class=\"wr-toolbar__zone wr-toolbar__zone--start\">\n  <ng-content select=\"[wrToolbarStart]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--center\">\n  <ng-content select=\"[wrToolbarCenter]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--end\">\n  <ng-content select=\"[wrToolbarEnd]\" />\n</div>\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrToolbar };
+//# sourceMappingURL=ngwr-toolbar.mjs.map

package/fesm2022/ngwr-toolbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-toolbar.mjs","sources":["../../../projects/lib/toolbar/toolbar.ts","../../../projects/lib/toolbar/toolbar.html","../../../projects/lib/toolbar/ngwr-toolbar.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Component, ViewEncapsulation } from '@angular/core';\n\n/**\n * Action bar with three named zones — `[wrToolbarStart]`,\n * `[wrToolbarCenter]`, `[wrToolbarEnd]`. Use any one or all three.\n *\n * @example\n * ```html\n * <wr-toolbar>\n *   <div wrToolbarStart>\n *     <button wrButton>Back</button>\n *     <strong>Items</strong>\n *   </div>\n *   <div wrToolbarCenter>\n *     <wr-segmented [(value)]=\"view\" [options]=\"['grid', 'list']\" />\n *   </div>\n *   <div wrToolbarEnd>\n *     <button wrButton color=\"primary\">New</button>\n *   </div>\n * </wr-toolbar>\n * ```\n *\n * @see https://ngwr.dev/components/toolbar\n */\n@Component({\n  selector: 'wr-toolbar',\n  templateUrl: './toolbar.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-toolbar', role: 'toolbar' },\n})\nexport class WrToolbar {}\n","<div class=\"wr-toolbar__zone wr-toolbar__zone--start\">\n  <ng-content select=\"[wrToolbarStart]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--center\">\n  <ng-content select=\"[wrToolbarCenter]\" />\n</div>\n<div class=\"wr-toolbar__zone wr-toolbar__zone--end\">\n  <ng-content select=\"[wrToolbarEnd]\" />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAAA;;;;;AAKG;AAIH;;;;;;;;;;;;;;;;;;;;;AAqBG;MAOU,SAAS,CAAA;uGAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAT,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,iJCrCtB,gVASA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FD4Ba,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,aAAA,EAEP,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,EAAA,QAAA,EAAA,gVAAA,EAAA;;;AEnChD;;AAEG;;;;"}