@rt-tools/ui-kit-v2 0.16.0 → 0.18.0

package/fesm2022/rt-tools-ui-kit-v2-toast.mjs

@@ -0,0 +1,338 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, ElementRef, signal, computed, input, booleanAttribute, output, effect, HostBinding, ViewEncapsulation, ChangeDetectionStrategy, Component, linkedSignal, numberAttribute } from '@angular/core';
+import { BlockDirective, ElemDirective } from '@rt-tools/core';
+import { RT_KIT_LABELS, NotificationBus, rtKitLabel } from '@rt-tools/ui-kit-v2/core';
+import { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';
+import { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';
+import { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+const RT_TOASTER_GAP_PX = 14;
+/**
+ * Значки severity у тоста. Приложение подменяет карту целиком — например, на имена
+ * Material, — а тост со своим `icon` берёт свой значок мимо карты.
+ */
+const RT_TOAST_SEVERITY_ICONS = new InjectionToken('RT_TOAST_SEVERITY_ICONS', {
+    providedIn: 'root',
+    factory: () => ({
+        info: 'info-circle',
+        success: 'check-circle',
+        warning: 'exclamation-circle',
+        danger: 'times-circle',
+    }),
+});
+
+const BEM_BLOCK$1 = 'rt-toast';
+const UNMOUNT_DELAY_MS = 200;
+class RtToastComponent {
+    #host;
+    #severityIcons;
+    #mounted;
+    #removed;
+    #offsetBeforeRemove;
+    #initialHeight;
+    #heightIndex;
+    #heightBefore;
+    #offset;
+    #positionY;
+    #timeoutId;
+    #unmountTimeoutId;
+    #remainingTimeMs;
+    #closeTimerStartedAt;
+    #closeTimerPausedAt;
+    get hostModifierClasses() {
+        return {
+            [`${BEM_BLOCK$1}--severity--${this.toast().severity}`]: true,
+            [`${BEM_BLOCK$1}--filled`]: this.toast().filled === true,
+            [`${BEM_BLOCK$1}--y--${this.#positionY()}`]: true,
+            [`${BEM_BLOCK$1}--mounted`]: this.#mounted(),
+            [`${BEM_BLOCK$1}--removed`]: this.#removed(),
+            [`${BEM_BLOCK$1}--front`]: this.index() === 0,
+            [`${BEM_BLOCK$1}--hidden`]: this.index() + 1 > this.visibleToasts(),
+            [`${BEM_BLOCK$1}--expanded`]: this.expanded() || (this.expandByDefault() && this.#mounted()),
+            [`${BEM_BLOCK$1}--paused`]: this.paused(),
+        };
+    }
+    get hostStackStyles() {
+        return {
+            '--index': `${this.index()}`,
+            '--toasts-before': `${this.index()}`,
+            '--z-index': `${this.totalToasts() - this.index()}`,
+            '--offset': `${this.#removed() ? this.#offsetBeforeRemove() : this.#offset()}px`,
+            '--initial-height': this.expandByDefault() ? 'auto' : `${this.#initialHeight()}px`,
+            '--lifetime': `${this.lifetime() ?? 0}ms`,
+        };
+    }
+    constructor() {
+        this.#host = inject(ElementRef);
+        this.#severityIcons = inject(RT_TOAST_SEVERITY_ICONS);
+        this.#mounted = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#mounted" }] : /* istanbul ignore next */ []));
+        this.#removed = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#removed" }] : /* istanbul ignore next */ []));
+        this.#offsetBeforeRemove = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#offsetBeforeRemove" }] : /* istanbul ignore next */ []));
+        this.#initialHeight = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#initialHeight" }] : /* istanbul ignore next */ []));
+        this.#heightIndex = computed(() => this.heights().findIndex((item) => item.toastId === this.toast().id), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#heightIndex" }] : /* istanbul ignore next */ []));
+        this.#heightBefore = computed(() => this.heights().reduce((total, item, itemIndex) => itemIndex >= this.#heightIndex() ? total : total + item.height, 0), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#heightBefore" }] : /* istanbul ignore next */ []));
+        this.#offset = computed(() => Math.round(this.#heightIndex() * RT_TOASTER_GAP_PX + this.#heightBefore()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#offset" }] : /* istanbul ignore next */ []));
+        this.#positionY = computed(() => this.position().startsWith('top') ? 'top' : 'bottom', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#positionY" }] : /* istanbul ignore next */ []));
+        this.#remainingTimeMs = 0;
+        this.#closeTimerStartedAt = 0;
+        this.#closeTimerPausedAt = 0;
+        this.t = inject(RT_KIT_LABELS);
+        /** Свой значок тоста важнее карты severity; `null` у тоста значок снимает. */
+        this.icon = computed(() => {
+            const icon = this.toast().icon;
+            return icon === undefined ? this.#severityIcons[this.toast().severity] : icon;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+        /** Срок жизни тоста: свой, если задан, иначе тостера; `null` — таймера нет. */
+        this.lifetime = computed(() => {
+            const duration = this.toast().duration;
+            return duration === undefined ? this.duration() : duration;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "lifetime" }] : /* istanbul ignore next */ []));
+        this.showProgress = computed(() => this.toast().progress === true && this.lifetime() !== null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showProgress" }] : /* istanbul ignore next */ []));
+        /** Таймер и полоса срока встают от одного признака, чтобы не разойтись. */
+        this.paused = computed(() => this.expanded() || this.interacting(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "paused" }] : /* istanbul ignore next */ []));
+        this.toast = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "toast" }] : /* istanbul ignore next */ []));
+        this.index = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+        this.totalToasts = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "totalToasts" }] : /* istanbul ignore next */ []));
+        this.heights = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "heights" }] : /* istanbul ignore next */ []));
+        this.expanded = input.required({ ...(ngDevMode ? { debugName: "expanded" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.expandByDefault = input(false, { ...(ngDevMode ? { debugName: "expandByDefault" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.interacting = input(false, { ...(ngDevMode ? { debugName: "interacting" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.position = input('bottom-right', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+        this.visibleToasts = input(3, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "visibleToasts" }] : /* istanbul ignore next */ []));
+        this.duration = input(4000, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "duration" }] : /* istanbul ignore next */ []));
+        this.heightAdded = output();
+        this.heightRemoved = output();
+        this.dismissed = output();
+        effect((onCleanup) => {
+            if (!this.#mounted() || this.#removed() || this.lifetime() === null) {
+                return;
+            }
+            if (this.paused()) {
+                this.#pauseTimer();
+            }
+            else {
+                this.#startTimer();
+            }
+            onCleanup(() => clearTimeout(this.#timeoutId));
+        });
+        // Вытесненный в режиме `replace` уходит тем же путём, что и закрытый крестиком.
+        effect(() => {
+            if (this.#mounted() && this.toast().replaced === true) {
+                this.#deleteToast();
+            }
+        });
+    }
+    ngAfterViewInit() {
+        this.#remainingTimeMs = this.lifetime() ?? 0;
+        const height = this.#host.nativeElement.getBoundingClientRect().height;
+        this.#initialHeight.set(height);
+        this.heightAdded.emit({ toastId: this.toast().id, height });
+        this.#mounted.set(true);
+    }
+    ngOnDestroy() {
+        clearTimeout(this.#timeoutId);
+        clearTimeout(this.#unmountTimeoutId);
+    }
+    onAction() {
+        this.toast().action?.handler();
+        this.#deleteToast();
+    }
+    onSecondaryAction() {
+        this.toast().secondaryAction?.handler();
+        this.#deleteToast();
+    }
+    onClose() {
+        this.#deleteToast();
+    }
+    #deleteToast() {
+        if (this.#removed()) {
+            return;
+        }
+        this.#removed.set(true);
+        this.#offsetBeforeRemove.set(this.#offset());
+        this.heightRemoved.emit(this.toast().id);
+        this.#unmountTimeoutId = setTimeout(() => this.dismissed.emit(this.toast().id), UNMOUNT_DELAY_MS);
+    }
+    #startTimer() {
+        this.#closeTimerStartedAt = Date.now();
+        this.#timeoutId = setTimeout(() => this.#deleteToast(), this.#remainingTimeMs);
+    }
+    #pauseTimer() {
+        if (this.#closeTimerPausedAt < this.#closeTimerStartedAt) {
+            const elapsedMs = Date.now() - this.#closeTimerStartedAt;
+            this.#remainingTimeMs = this.#remainingTimeMs - elapsedMs;
+        }
+        this.#closeTimerPausedAt = Date.now();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtToastComponent, isStandalone: true, selector: "rt-toast", inputs: { toast: { classPropertyName: "toast", publicName: "toast", isSignal: true, isRequired: true, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, totalToasts: { classPropertyName: "totalToasts", publicName: "totalToasts", isSignal: true, isRequired: true, transformFunction: null }, heights: { classPropertyName: "heights", publicName: "heights", isSignal: true, isRequired: true, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: true, transformFunction: null }, expandByDefault: { classPropertyName: "expandByDefault", publicName: "expandByDefault", isSignal: true, isRequired: false, transformFunction: null }, interacting: { classPropertyName: "interacting", publicName: "interacting", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, visibleToasts: { classPropertyName: "visibleToasts", publicName: "visibleToasts", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { heightAdded: "heightAdded", heightRemoved: "heightRemoved", dismissed: "dismissed" }, host: { attributes: { "role": "status", "aria-atomic": "true" }, properties: { "class": "this.hostModifierClasses", "style": "this.hostStackStyles" }, classAttribute: "rt-toast" }, ngImport: i0, template: "<ng-container rtBlock=\"rt-toast\">\n    @if (icon(); as icon) {\n        <rt-icon rtElem=\"icon\" qa-dataid=\"toast-icon\" size=\"sm\" [name]=\"icon\" />\n    }\n    <div rtElem=\"content\" qa-dataid=\"toast-content\">\n        @if (toast().meta; as meta) {\n            <span rtElem=\"meta\" qa-dataid=\"toast-meta\">{{ meta }}</span>\n        }\n        <span rtElem=\"message\" qa-dataid=\"toast-message\">{{ toast().message }}</span>\n        @if (toast().description; as description) {\n            <span rtElem=\"description\" qa-dataid=\"toast-description\">{{ description }}</span>\n        }\n        @if (toast().action || toast().secondaryAction) {\n            <div rtElem=\"actions\">\n                @if (toast().action; as action) {\n                    <button rtButton rtElem=\"action\" qa-dataid=\"toast-action\" size=\"sm\" type=\"button\" (click)=\"onAction()\">\n                        {{ action.label }}\n                    </button>\n                }\n                @if (toast().secondaryAction; as secondaryAction) {\n                    <button\n                        rtButton\n                        rtElem=\"action\"\n                        qa-dataid=\"toast-secondary-action\"\n                        size=\"sm\"\n                        theme=\"secondary\"\n                        appearance=\"text\"\n                        type=\"button\"\n                        (click)=\"onSecondaryAction()\">\n                        {{ secondaryAction.label }}\n                    </button>\n                }\n            </div>\n        }\n    </div>\n    <rt-icon-button\n        rtElem=\"close\"\n        qa-dataid=\"toast-close\"\n        icon=\"ico-close\"\n        variant=\"ghost\"\n        size=\"sm\"\n        [ariaLabel]=\"t().uiClose\"\n        (clicked)=\"onClose()\" />\n    @if (showProgress()) {\n        <span rtElem=\"progress\" qa-dataid=\"toast-progress\" aria-hidden=\"true\"></span>\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-toast{--rt-toast-radius: var(--rt-radius-md);--rt-toast-border-width: var(--rt-border-width-thin);--rt-toast-shadow: var(--rt-shadow-card);--rt-toast-enter-duration: var(--rt-duration-slow);--rt-toast-shadow-duration: var(--rt-duration-base);--rt-toast-leave-duration: var(--rt-duration-slower);--rt-toast-fade-duration: var(--rt-duration-fast);--rt-toast-severity-color: var(--rt-color-state-info);--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));position:absolute;z-index:var(--z-index);display:flex;width:100%;box-sizing:border-box;align-items:center;padding:var(--rt-space-4);border:var(--rt-toast-border-width) solid var(--rt-toast-border-color, var(--rt-color-border-subtle));border-radius:var(--rt-toast-radius);background:var(--rt-toast-bg, var(--rt-color-bg-surface));box-shadow:var(--rt-toast-shadow);color:var(--rt-toast-color, var(--rt-color-text-primary));font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-medium);gap:var(--rt-space-2);line-height:var(--rt-leading-normal);opacity:0;outline:none;overflow-wrap:anywhere;touch-action:none;transform:var(--y);transition:transform var(--rt-toast-enter-duration),opacity var(--rt-toast-enter-duration),height var(--rt-toast-enter-duration),box-shadow var(--rt-toast-shadow-duration)}.rt-toast:after{position:absolute;bottom:100%;left:0;width:100%;height:calc(var(--gap) + 1px);content:\"\"}.rt-toast>*{transition:opacity var(--rt-toast-enter-duration)}.rt-toast--y--top{--y: translateY(-100%);--lift: 1;top:0}.rt-toast--y--bottom{--y: translateY(100%);--lift: -1;bottom:0}.rt-toast--severity--success{--rt-toast-severity-color: var(--rt-color-state-success)}.rt-toast--severity--warning{--rt-toast-severity-color: var(--rt-color-state-warning)}.rt-toast--severity--danger{--rt-toast-severity-color: var(--rt-color-state-danger)}.rt-toast--filled .rt-toast__description{color:inherit}.rt-toast--filled .rt-toast__icon{color:currentcolor}.rt-toast--filled.rt-toast--severity--info{border-color:var(--rt-toast-filled-info-border-color, var(--rt-color-state-info-bg));background:var(--rt-toast-filled-info-bg, var(--rt-color-state-info-bg));color:var(--rt-toast-filled-info-color, var(--rt-color-state-info))}.rt-toast--filled.rt-toast--severity--success{border-color:var(--rt-toast-filled-success-border-color, var(--rt-color-state-success-bg));background:var(--rt-toast-filled-success-bg, var(--rt-color-state-success-bg));color:var(--rt-toast-filled-success-color, var(--rt-color-state-success))}.rt-toast--filled.rt-toast--severity--warning{border-color:var(--rt-toast-filled-warning-border-color, var(--rt-color-state-warning-bg));background:var(--rt-toast-filled-warning-bg, var(--rt-color-state-warning-bg));color:var(--rt-toast-filled-warning-color, var(--rt-color-state-warning))}.rt-toast--filled.rt-toast--severity--danger{border-color:var(--rt-toast-filled-danger-border-color, var(--rt-color-state-danger-bg));background:var(--rt-toast-filled-danger-bg, var(--rt-color-state-danger-bg));color:var(--rt-toast-filled-danger-color, var(--rt-color-state-danger))}.rt-toast--mounted{--y: translateY(0);opacity:1}.rt-toast:not(.rt-toast--expanded,.rt-toast--front){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}.rt-toast:not(.rt-toast--expanded,.rt-toast--front)>*{opacity:0}.rt-toast--hidden{opacity:0;pointer-events:none}.rt-toast--mounted.rt-toast--expanded{--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}.rt-toast--removed.rt-toast--front{--y: translateY(calc(var(--lift) * -100%));opacity:0}.rt-toast--removed.rt-toast--expanded:not(.rt-toast--front){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}.rt-toast--removed:not(.rt-toast--front,.rt-toast--expanded){--y: translateY(40%);opacity:0;transition:transform var(--rt-toast-leave-duration),opacity var(--rt-toast-shadow-duration)}.rt-toast--removed:not(.rt-toast--front):before{position:absolute;content:\"\";inset:0;transform:scaleY(2)}.rt-toast__icon{flex-shrink:0;color:var(--rt-toast-icon-color, var(--rt-toast-severity-color))}.rt-toast__progress{position:absolute;bottom:0;animation:rt-toast-progress var(--lifetime) linear forwards;background:var(--rt-toast-progress-color, var(--rt-toast-severity-color));block-size:var(--rt-toast-progress-height, var(--rt-space-0-5));border-end-end-radius:var(--rt-toast-radius);border-end-start-radius:var(--rt-toast-radius);inset-inline:0;transform-origin:left center}.rt-toast--paused .rt-toast__progress{animation-play-state:paused}.rt-toast__content{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:var(--rt-space-0-5)}.rt-toast__description,.rt-toast__meta{color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular)}.rt-toast__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--rt-space-2);margin-block-start:var(--rt-space-1)}.rt-toast .rt-toast__action{align-self:flex-start}.rt-toast .rt-toast__action:not(.rt-button--text){--rt-btn-bg: var(--rt-toast-action-color, var(--rt-color-action-primary));--rt-btn-bg-hover: var(--rt-toast-action-color, var(--rt-color-action-primary-hover));--rt-btn-bg-active: var(--rt-toast-action-color, var(--rt-color-action-primary-active))}.rt-toast .rt-toast__close{--rt-icon-button-color: var(--rt-toast-close-color, var(--rt-color-text-primary));flex-shrink:0;align-self:flex-start;margin-inline-start:auto;opacity:0;transition:opacity var(--rt-toast-fade-duration)}.rt-toast:hover .rt-toast__close,.rt-toast .rt-toast__close:focus-visible{opacity:1}@media(prefers-reduced-motion){.rt-toast{transition:none}.rt-toast>*{transition:none}}@keyframes rt-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}}\n"], dependencies: [{ kind: "directive", type: RtButtonDirective, selector: "button[rtButton], a[rtButton]", inputs: ["label", "icon", "iconPos", "theme", "appearance", "size", "loading", "loadingIcon", "loadingLabel", "pressed"] }, { kind: "component", type: RtIconComponent, selector: "rt-icon", inputs: ["name", "glyph", "size", "color", "fill", "spin", "rotate"] }, { kind: "component", type: RtIconButtonComponent, selector: "rt-icon-button", inputs: ["icon", "glyph", "ariaLabel", "variant", "iconColor", "iconFill", "size", "iconSize", "type", "tooltip", "tabIndex", "loading", "disabled", "active", "indicator"], outputs: ["clicked"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-toast', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [RtButtonDirective, RtIconComponent, RtIconButtonComponent, BlockDirective, ElemDirective], host: {
+                        class: BEM_BLOCK$1,
+                        role: 'status',
+                        'aria-atomic': 'true',
+                    }, template: "<ng-container rtBlock=\"rt-toast\">\n    @if (icon(); as icon) {\n        <rt-icon rtElem=\"icon\" qa-dataid=\"toast-icon\" size=\"sm\" [name]=\"icon\" />\n    }\n    <div rtElem=\"content\" qa-dataid=\"toast-content\">\n        @if (toast().meta; as meta) {\n            <span rtElem=\"meta\" qa-dataid=\"toast-meta\">{{ meta }}</span>\n        }\n        <span rtElem=\"message\" qa-dataid=\"toast-message\">{{ toast().message }}</span>\n        @if (toast().description; as description) {\n            <span rtElem=\"description\" qa-dataid=\"toast-description\">{{ description }}</span>\n        }\n        @if (toast().action || toast().secondaryAction) {\n            <div rtElem=\"actions\">\n                @if (toast().action; as action) {\n                    <button rtButton rtElem=\"action\" qa-dataid=\"toast-action\" size=\"sm\" type=\"button\" (click)=\"onAction()\">\n                        {{ action.label }}\n                    </button>\n                }\n                @if (toast().secondaryAction; as secondaryAction) {\n                    <button\n                        rtButton\n                        rtElem=\"action\"\n                        qa-dataid=\"toast-secondary-action\"\n                        size=\"sm\"\n                        theme=\"secondary\"\n                        appearance=\"text\"\n                        type=\"button\"\n                        (click)=\"onSecondaryAction()\">\n                        {{ secondaryAction.label }}\n                    </button>\n                }\n            </div>\n        }\n    </div>\n    <rt-icon-button\n        rtElem=\"close\"\n        qa-dataid=\"toast-close\"\n        icon=\"ico-close\"\n        variant=\"ghost\"\n        size=\"sm\"\n        [ariaLabel]=\"t().uiClose\"\n        (clicked)=\"onClose()\" />\n    @if (showProgress()) {\n        <span rtElem=\"progress\" qa-dataid=\"toast-progress\" aria-hidden=\"true\"></span>\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-toast{--rt-toast-radius: var(--rt-radius-md);--rt-toast-border-width: var(--rt-border-width-thin);--rt-toast-shadow: var(--rt-shadow-card);--rt-toast-enter-duration: var(--rt-duration-slow);--rt-toast-shadow-duration: var(--rt-duration-base);--rt-toast-leave-duration: var(--rt-duration-slower);--rt-toast-fade-duration: var(--rt-duration-fast);--rt-toast-severity-color: var(--rt-color-state-info);--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));position:absolute;z-index:var(--z-index);display:flex;width:100%;box-sizing:border-box;align-items:center;padding:var(--rt-space-4);border:var(--rt-toast-border-width) solid var(--rt-toast-border-color, var(--rt-color-border-subtle));border-radius:var(--rt-toast-radius);background:var(--rt-toast-bg, var(--rt-color-bg-surface));box-shadow:var(--rt-toast-shadow);color:var(--rt-toast-color, var(--rt-color-text-primary));font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-medium);gap:var(--rt-space-2);line-height:var(--rt-leading-normal);opacity:0;outline:none;overflow-wrap:anywhere;touch-action:none;transform:var(--y);transition:transform var(--rt-toast-enter-duration),opacity var(--rt-toast-enter-duration),height var(--rt-toast-enter-duration),box-shadow var(--rt-toast-shadow-duration)}.rt-toast:after{position:absolute;bottom:100%;left:0;width:100%;height:calc(var(--gap) + 1px);content:\"\"}.rt-toast>*{transition:opacity var(--rt-toast-enter-duration)}.rt-toast--y--top{--y: translateY(-100%);--lift: 1;top:0}.rt-toast--y--bottom{--y: translateY(100%);--lift: -1;bottom:0}.rt-toast--severity--success{--rt-toast-severity-color: var(--rt-color-state-success)}.rt-toast--severity--warning{--rt-toast-severity-color: var(--rt-color-state-warning)}.rt-toast--severity--danger{--rt-toast-severity-color: var(--rt-color-state-danger)}.rt-toast--filled .rt-toast__description{color:inherit}.rt-toast--filled .rt-toast__icon{color:currentcolor}.rt-toast--filled.rt-toast--severity--info{border-color:var(--rt-toast-filled-info-border-color, var(--rt-color-state-info-bg));background:var(--rt-toast-filled-info-bg, var(--rt-color-state-info-bg));color:var(--rt-toast-filled-info-color, var(--rt-color-state-info))}.rt-toast--filled.rt-toast--severity--success{border-color:var(--rt-toast-filled-success-border-color, var(--rt-color-state-success-bg));background:var(--rt-toast-filled-success-bg, var(--rt-color-state-success-bg));color:var(--rt-toast-filled-success-color, var(--rt-color-state-success))}.rt-toast--filled.rt-toast--severity--warning{border-color:var(--rt-toast-filled-warning-border-color, var(--rt-color-state-warning-bg));background:var(--rt-toast-filled-warning-bg, var(--rt-color-state-warning-bg));color:var(--rt-toast-filled-warning-color, var(--rt-color-state-warning))}.rt-toast--filled.rt-toast--severity--danger{border-color:var(--rt-toast-filled-danger-border-color, var(--rt-color-state-danger-bg));background:var(--rt-toast-filled-danger-bg, var(--rt-color-state-danger-bg));color:var(--rt-toast-filled-danger-color, var(--rt-color-state-danger))}.rt-toast--mounted{--y: translateY(0);opacity:1}.rt-toast:not(.rt-toast--expanded,.rt-toast--front){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}.rt-toast:not(.rt-toast--expanded,.rt-toast--front)>*{opacity:0}.rt-toast--hidden{opacity:0;pointer-events:none}.rt-toast--mounted.rt-toast--expanded{--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}.rt-toast--removed.rt-toast--front{--y: translateY(calc(var(--lift) * -100%));opacity:0}.rt-toast--removed.rt-toast--expanded:not(.rt-toast--front){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}.rt-toast--removed:not(.rt-toast--front,.rt-toast--expanded){--y: translateY(40%);opacity:0;transition:transform var(--rt-toast-leave-duration),opacity var(--rt-toast-shadow-duration)}.rt-toast--removed:not(.rt-toast--front):before{position:absolute;content:\"\";inset:0;transform:scaleY(2)}.rt-toast__icon{flex-shrink:0;color:var(--rt-toast-icon-color, var(--rt-toast-severity-color))}.rt-toast__progress{position:absolute;bottom:0;animation:rt-toast-progress var(--lifetime) linear forwards;background:var(--rt-toast-progress-color, var(--rt-toast-severity-color));block-size:var(--rt-toast-progress-height, var(--rt-space-0-5));border-end-end-radius:var(--rt-toast-radius);border-end-start-radius:var(--rt-toast-radius);inset-inline:0;transform-origin:left center}.rt-toast--paused .rt-toast__progress{animation-play-state:paused}.rt-toast__content{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:var(--rt-space-0-5)}.rt-toast__description,.rt-toast__meta{color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular)}.rt-toast__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--rt-space-2);margin-block-start:var(--rt-space-1)}.rt-toast .rt-toast__action{align-self:flex-start}.rt-toast .rt-toast__action:not(.rt-button--text){--rt-btn-bg: var(--rt-toast-action-color, var(--rt-color-action-primary));--rt-btn-bg-hover: var(--rt-toast-action-color, var(--rt-color-action-primary-hover));--rt-btn-bg-active: var(--rt-toast-action-color, var(--rt-color-action-primary-active))}.rt-toast .rt-toast__close{--rt-icon-button-color: var(--rt-toast-close-color, var(--rt-color-text-primary));flex-shrink:0;align-self:flex-start;margin-inline-start:auto;opacity:0;transition:opacity var(--rt-toast-fade-duration)}.rt-toast:hover .rt-toast__close,.rt-toast .rt-toast__close:focus-visible{opacity:1}@media(prefers-reduced-motion){.rt-toast{transition:none}.rt-toast>*{transition:none}}@keyframes rt-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { toast: [{ type: i0.Input, args: [{ isSignal: true, alias: "toast", required: true }] }], index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: true }] }], totalToasts: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalToasts", required: true }] }], heights: [{ type: i0.Input, args: [{ isSignal: true, alias: "heights", required: true }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: true }] }], expandByDefault: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandByDefault", required: false }] }], interacting: [{ type: i0.Input, args: [{ isSignal: true, alias: "interacting", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], visibleToasts: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibleToasts", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], heightAdded: [{ type: i0.Output, args: ["heightAdded"] }], heightRemoved: [{ type: i0.Output, args: ["heightRemoved"] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }], hostModifierClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], hostStackStyles: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+
+const BEM_BLOCK = 'rt-toaster';
+const DEFAULT_DURATION_MS = 4000;
+const DEFAULT_VISIBLE_TOASTS = 3;
+class RtToasterComponent {
+    #notificationBus;
+    #toastCounter;
+    get hostModifierClasses() {
+        return {
+            [`${BEM_BLOCK}--y--${this.positionY()}`]: true,
+            [`${BEM_BLOCK}--x--${this.positionX()}`]: true,
+        };
+    }
+    get hostStackStyles() {
+        return {
+            '--front-toast-height': `${this.heights()[0]?.height ?? 0}px`,
+            '--gap': `${RT_TOASTER_GAP_PX}px`,
+        };
+    }
+    constructor() {
+        this.#notificationBus = inject(NotificationBus);
+        this.ariaLabel = rtKitLabel('uiNotifications');
+        this.#toastCounter = 0;
+        this.toasts = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "toasts" }] : /* istanbul ignore next */ []));
+        this.heights = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "heights" }] : /* istanbul ignore next */ []));
+        this.expanded = linkedSignal({ ...(ngDevMode ? { debugName: "expanded" } : /* istanbul ignore next */ {}), source: this.toasts,
+            computation: (toasts) => toasts.length < 1 });
+        this.interacting = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "interacting" }] : /* istanbul ignore next */ []));
+        this.positionY = computed(() => this.position().startsWith('top') ? 'top' : 'bottom', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "positionY" }] : /* istanbul ignore next */ []));
+        this.positionX = computed(() => {
+            if (this.position().endsWith('left')) {
+                return 'left';
+            }
+            return this.position().endsWith('center') ? 'center' : 'right';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "positionX" }] : /* istanbul ignore next */ []));
+        this.position = input('bottom-right', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+        this.duration = input(DEFAULT_DURATION_MS, { ...(ngDevMode ? { debugName: "duration" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        this.visibleToasts = input(DEFAULT_VISIBLE_TOASTS, { ...(ngDevMode ? { debugName: "visibleToasts" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /** `replace` — новый тост уводит прежние их же анимацией ухода, а не копится стопкой. */
+        this.mode = input('stack', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+        this.expand = input(false, { ...(ngDevMode ? { debugName: "expand" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.#notificationBus
+            .onEmit()
+            .pipe(takeUntilDestroyed())
+            .subscribe((event) => this.#addToast(event));
+    }
+    onStackEnter() {
+        if (this.toasts().length > 0) {
+            this.expanded.set(true);
+        }
+    }
+    onStackLeave() {
+        if (!this.interacting()) {
+            this.expanded.set(false);
+        }
+    }
+    onStackPointerDown() {
+        this.interacting.set(true);
+    }
+    onStackPointerUp() {
+        this.interacting.set(false);
+    }
+    onHeightAdded(height) {
+        this.heights.update((items) => this.#sortHeights([height, ...items.filter((item) => item.toastId !== height.toastId)]));
+    }
+    onHeightRemoved(toastId) {
+        this.heights.update((items) => items.filter((item) => item.toastId !== toastId));
+    }
+    onDismissed(toastId) {
+        this.onHeightRemoved(toastId);
+        this.toasts.update((items) => items.filter((item) => item.id !== toastId));
+    }
+    #addToast(event) {
+        this.#toastCounter += 1;
+        const toast = {
+            id: this.#toastCounter,
+            severity: event.payload.severity,
+            message: event.payload.message,
+            description: event.payload.description,
+            meta: event.payload.meta,
+            action: event.payload.action,
+            secondaryAction: event.payload.secondaryAction,
+            filled: event.payload.filled,
+            duration: event.payload.duration,
+            progress: event.payload.progress,
+            icon: event.payload.icon,
+        };
+        this.toasts.update((items) => [
+            toast,
+            ...(this.mode() === 'replace' ? items.map((item) => this.#replaced(item)) : items),
+        ]);
+    }
+    #replaced(toast) {
+        return toast.replaced ? toast : { ...toast, replaced: true };
+    }
+    #sortHeights(items) {
+        const order = this.toasts().map((toast) => toast.id);
+        return [...items].sort((left, right) => order.indexOf(left.toastId) - order.indexOf(right.toastId));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtToasterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtToasterComponent, isStandalone: true, selector: "rt-toaster", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, visibleToasts: { classPropertyName: "visibleToasts", publicName: "visibleToasts", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, expand: { classPropertyName: "expand", publicName: "expand", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "region" }, listeners: { "mouseenter": "onStackEnter()", "mousemove": "onStackEnter()", "mouseleave": "onStackLeave()", "pointerdown": "onStackPointerDown()", "pointerup": "onStackPointerUp()" }, properties: { "attr.aria-label": "ariaLabel()", "class": "this.hostModifierClasses", "style": "this.hostStackStyles" }, classAttribute: "rt-toaster" }, ngImport: i0, template: "@for (item of toasts(); track item.id) {\n    <rt-toast\n        qa-dataid=\"toast\"\n        [toast]=\"item\"\n        [index]=\"$index\"\n        [totalToasts]=\"toasts().length\"\n        [heights]=\"heights()\"\n        [expanded]=\"expanded()\"\n        [expandByDefault]=\"expand()\"\n        [interacting]=\"interacting()\"\n        [position]=\"position()\"\n        [visibleToasts]=\"visibleToasts()\"\n        [duration]=\"duration()\"\n        (heightAdded)=\"onHeightAdded($event)\"\n        (heightRemoved)=\"onHeightRemoved($event)\"\n        (dismissed)=\"onDismissed($event)\" />\n}\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-toaster{--width: 356px;--toaster-offset: 32px;--rt-toaster-z-index: var(--rt-z-sticky);position:fixed;z-index:var(--rt-toaster-z-index);width:var(--width);box-sizing:border-box;padding:0;margin:0;outline:none}.rt-toaster--x--right{right:max(var(--toaster-offset),env(safe-area-inset-right))}.rt-toaster--x--left{left:max(var(--toaster-offset),env(safe-area-inset-left))}.rt-toaster--x--center{left:50%;transform:translate(-50%)}.rt-toaster--y--top{top:max(var(--toaster-offset),env(safe-area-inset-top))}.rt-toaster--y--bottom{bottom:max(var(--toaster-offset),env(safe-area-inset-bottom))}@media(width<=480px){.rt-toaster{--toaster-offset: 16px;right:var(--toaster-offset);left:var(--toaster-offset);width:auto}.rt-toaster--x--center{transform:none}}}\n"], dependencies: [{ kind: "component", type: RtToastComponent, selector: "rt-toast", inputs: ["toast", "index", "totalToasts", "heights", "expanded", "expandByDefault", "interacting", "position", "visibleToasts", "duration"], outputs: ["heightAdded", "heightRemoved", "dismissed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtToasterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-toaster', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [RtToastComponent], host: {
+                        class: BEM_BLOCK,
+                        role: 'region',
+                        '[attr.aria-label]': 'ariaLabel()',
+                        '(mouseenter)': 'onStackEnter()',
+                        '(mousemove)': 'onStackEnter()',
+                        '(mouseleave)': 'onStackLeave()',
+                        '(pointerdown)': 'onStackPointerDown()',
+                        '(pointerup)': 'onStackPointerUp()',
+                    }, template: "@for (item of toasts(); track item.id) {\n    <rt-toast\n        qa-dataid=\"toast\"\n        [toast]=\"item\"\n        [index]=\"$index\"\n        [totalToasts]=\"toasts().length\"\n        [heights]=\"heights()\"\n        [expanded]=\"expanded()\"\n        [expandByDefault]=\"expand()\"\n        [interacting]=\"interacting()\"\n        [position]=\"position()\"\n        [visibleToasts]=\"visibleToasts()\"\n        [duration]=\"duration()\"\n        (heightAdded)=\"onHeightAdded($event)\"\n        (heightRemoved)=\"onHeightRemoved($event)\"\n        (dismissed)=\"onDismissed($event)\" />\n}\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-toaster{--width: 356px;--toaster-offset: 32px;--rt-toaster-z-index: var(--rt-z-sticky);position:fixed;z-index:var(--rt-toaster-z-index);width:var(--width);box-sizing:border-box;padding:0;margin:0;outline:none}.rt-toaster--x--right{right:max(var(--toaster-offset),env(safe-area-inset-right))}.rt-toaster--x--left{left:max(var(--toaster-offset),env(safe-area-inset-left))}.rt-toaster--x--center{left:50%;transform:translate(-50%)}.rt-toaster--y--top{top:max(var(--toaster-offset),env(safe-area-inset-top))}.rt-toaster--y--bottom{bottom:max(var(--toaster-offset),env(safe-area-inset-bottom))}@media(width<=480px){.rt-toaster{--toaster-offset: 16px;right:var(--toaster-offset);left:var(--toaster-offset);width:auto}.rt-toaster--x--center{transform:none}}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], visibleToasts: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibleToasts", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], expand: [{ type: i0.Input, args: [{ isSignal: true, alias: "expand", required: false }] }], hostModifierClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], hostStackStyles: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RT_TOASTER_GAP_PX, RT_TOAST_SEVERITY_ICONS, RtToastComponent, RtToasterComponent };
+//# sourceMappingURL=rt-tools-ui-kit-v2-toast.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-toast.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/toast/rt-toaster.model.ts","../../../projects/ui-kit-v2/src/lib/components/toast/rt-toast.component.ts","../../../projects/ui-kit-v2/src/lib/components/toast/rt-toast.component.html","../../../projects/ui-kit-v2/src/lib/components/toast/rt-toaster.component.ts","../../../projects/ui-kit-v2/src/lib/components/toast/rt-toaster.component.html","../../../projects/ui-kit-v2/src/lib/components/toast/rt-tools-ui-kit-v2-toast.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nimport { INotification } from '@rt-tools/ui-kit-v2/core';\n\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\n\nexport const RT_TOASTER_GAP_PX: number = 14;\n\n/**\n * Значки severity у тоста. Приложение подменяет карту целиком — например, на имена\n * Material, — а тост со своим `icon` берёт свой значок мимо карты.\n */\nexport const RT_TOAST_SEVERITY_ICONS: InjectionToken<Readonly<Record<INotification.Severity, IRtIcon.Name>>> = new InjectionToken<\n    Readonly<Record<INotification.Severity, IRtIcon.Name>>\n>('RT_TOAST_SEVERITY_ICONS', {\n    providedIn: 'root',\n    factory: (): Readonly<Record<INotification.Severity, IRtIcon.Name>> => ({\n        info: 'info-circle',\n        success: 'check-circle',\n        warning: 'exclamation-circle',\n        danger: 'times-circle',\n    }),\n});\n\nexport namespace IRtToaster {\n    export type Position = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';\n\n    export type PositionY = 'top' | 'bottom';\n\n    export type PositionX = 'left' | 'center' | 'right';\n\n    /** `stack` копит тосты стопкой; `replace` — новый тост уводит прежние. */\n    export type Mode = 'stack' | 'replace';\n\n    export interface Toast {\n        readonly id: number;\n        readonly severity: INotification.Severity;\n        readonly message: string;\n        readonly description?: string;\n        readonly meta?: string;\n        readonly action?: INotification.Action;\n        readonly secondaryAction?: INotification.Action;\n        readonly filled?: boolean;\n        readonly duration?: number | null;\n        readonly progress?: boolean;\n        readonly icon?: IRtIcon.Name | null;\n        /** Тост вытеснен новым в режиме `replace` и уходит своей анимацией. */\n        readonly replaced?: boolean;\n    }\n\n    export interface Height {\n        readonly toastId: number;\n        readonly height: number;\n    }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    AfterViewInit,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    effect,\n    ElementRef,\n    HostBinding,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    OnDestroy,\n    output,\n    OutputEmitterRef,\n    signal,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { INotification } from '@rt-tools/ui-kit-v2/core';\n\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\nimport { RT_TOAST_SEVERITY_ICONS, RT_TOASTER_GAP_PX, IRtToaster } from './rt-toaster.model';\n\nconst BEM_BLOCK: string = 'rt-toast';\n\nconst UNMOUNT_DELAY_MS: number = 200;\n\n@Component({\n    selector: 'rt-toast',\n    templateUrl: './rt-toast.component.html',\n    styleUrl: './rt-toast.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [RtButtonDirective, RtIconComponent, RtIconButtonComponent, BlockDirective, ElemDirective],\n    host: {\n        class: BEM_BLOCK,\n        role: 'status',\n        'aria-atomic': 'true',\n    },\n})\nexport class RtToastComponent implements AfterViewInit, OnDestroy {\n    readonly #host: ElementRef<HTMLElement> = inject(ElementRef);\n\n    readonly #severityIcons: Readonly<Record<INotification.Severity, IRtIcon.Name>> = inject(RT_TOAST_SEVERITY_ICONS);\n\n    readonly #mounted: WritableSignal<boolean> = signal<boolean>(false);\n\n    readonly #removed: WritableSignal<boolean> = signal<boolean>(false);\n\n    readonly #offsetBeforeRemove: WritableSignal<number> = signal<number>(0);\n\n    readonly #initialHeight: WritableSignal<number> = signal<number>(0);\n\n    readonly #heightIndex: Signal<number> = computed((): number =>\n        this.heights().findIndex((item: IRtToaster.Height): boolean => item.toastId === this.toast().id)\n    );\n\n    readonly #heightBefore: Signal<number> = computed((): number =>\n        this.heights().reduce(\n            (total: number, item: IRtToaster.Height, itemIndex: number): number =>\n                itemIndex >= this.#heightIndex() ? total : total + item.height,\n            0\n        )\n    );\n\n    readonly #offset: Signal<number> = computed((): number => Math.round(this.#heightIndex() * RT_TOASTER_GAP_PX + this.#heightBefore()));\n\n    readonly #positionY: Signal<IRtToaster.PositionY> = computed((): IRtToaster.PositionY =>\n        this.position().startsWith('top') ? 'top' : 'bottom'\n    );\n\n    #timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n    #unmountTimeoutId: ReturnType<typeof setTimeout> | undefined;\n\n    #remainingTimeMs: number = 0;\n\n    #closeTimerStartedAt: number = 0;\n\n    #closeTimerPausedAt: number = 0;\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    /** Свой значок тоста важнее карты severity; `null` у тоста значок снимает. */\n    protected readonly icon: Signal<IRtIcon.Name | null> = computed((): IRtIcon.Name | null => {\n        const icon: IRtIcon.Name | null | undefined = this.toast().icon;\n        return icon === undefined ? this.#severityIcons[this.toast().severity] : icon;\n    });\n\n    /** Срок жизни тоста: свой, если задан, иначе тостера; `null` — таймера нет. */\n    protected readonly lifetime: Signal<number | null> = computed((): number | null => {\n        const duration: number | null | undefined = this.toast().duration;\n        return duration === undefined ? this.duration() : duration;\n    });\n\n    protected readonly showProgress: Signal<boolean> = computed((): boolean => this.toast().progress === true && this.lifetime() !== null);\n\n    /** Таймер и полоса срока встают от одного признака, чтобы не разойтись. */\n    protected readonly paused: Signal<boolean> = computed((): boolean => this.expanded() || this.interacting());\n\n    public readonly toast: InputSignal<IRtToaster.Toast> = input.required<IRtToaster.Toast>();\n\n    public readonly index: InputSignal<number> = input.required<number>();\n\n    public readonly totalToasts: InputSignal<number> = input.required<number>();\n\n    public readonly heights: InputSignal<IRtToaster.Height[]> = input.required<IRtToaster.Height[]>();\n\n    public readonly expanded: InputSignalWithTransform<boolean, BooleanInput> = input.required<boolean, BooleanInput>({\n        transform: booleanAttribute,\n    });\n\n    public readonly expandByDefault: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly interacting: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly position: InputSignal<IRtToaster.Position> = input<IRtToaster.Position>('bottom-right');\n\n    public readonly visibleToasts: InputSignal<number> = input<number>(3);\n\n    public readonly duration: InputSignal<number> = input<number>(4000);\n\n    public readonly heightAdded: OutputEmitterRef<IRtToaster.Height> = output<IRtToaster.Height>();\n\n    public readonly heightRemoved: OutputEmitterRef<number> = output<number>();\n\n    public readonly dismissed: OutputEmitterRef<number> = output<number>();\n\n    @HostBinding('class')\n    public get hostModifierClasses(): Record<string, boolean> {\n        return {\n            [`${BEM_BLOCK}--severity--${this.toast().severity}`]: true,\n            [`${BEM_BLOCK}--filled`]: this.toast().filled === true,\n            [`${BEM_BLOCK}--y--${this.#positionY()}`]: true,\n            [`${BEM_BLOCK}--mounted`]: this.#mounted(),\n            [`${BEM_BLOCK}--removed`]: this.#removed(),\n            [`${BEM_BLOCK}--front`]: this.index() === 0,\n            [`${BEM_BLOCK}--hidden`]: this.index() + 1 > this.visibleToasts(),\n            [`${BEM_BLOCK}--expanded`]: this.expanded() || (this.expandByDefault() && this.#mounted()),\n            [`${BEM_BLOCK}--paused`]: this.paused(),\n        };\n    }\n\n    @HostBinding('style')\n    public get hostStackStyles(): Record<string, string> {\n        return {\n            '--index': `${this.index()}`,\n            '--toasts-before': `${this.index()}`,\n            '--z-index': `${this.totalToasts() - this.index()}`,\n            '--offset': `${this.#removed() ? this.#offsetBeforeRemove() : this.#offset()}px`,\n            '--initial-height': this.expandByDefault() ? 'auto' : `${this.#initialHeight()}px`,\n            '--lifetime': `${this.lifetime() ?? 0}ms`,\n        };\n    }\n\n    constructor() {\n        effect((onCleanup: (cleanup: () => void) => void): void => {\n            if (!this.#mounted() || this.#removed() || this.lifetime() === null) {\n                return;\n            }\n\n            if (this.paused()) {\n                this.#pauseTimer();\n            } else {\n                this.#startTimer();\n            }\n\n            onCleanup((): void => clearTimeout(this.#timeoutId));\n        });\n\n        // Вытесненный в режиме `replace` уходит тем же путём, что и закрытый крестиком.\n        effect((): void => {\n            if (this.#mounted() && this.toast().replaced === true) {\n                this.#deleteToast();\n            }\n        });\n    }\n\n    public ngAfterViewInit(): void {\n        this.#remainingTimeMs = this.lifetime() ?? 0;\n\n        const height: number = this.#host.nativeElement.getBoundingClientRect().height;\n        this.#initialHeight.set(height);\n        this.heightAdded.emit({ toastId: this.toast().id, height });\n\n        this.#mounted.set(true);\n    }\n\n    public ngOnDestroy(): void {\n        clearTimeout(this.#timeoutId);\n        clearTimeout(this.#unmountTimeoutId);\n    }\n\n    protected onAction(): void {\n        this.toast().action?.handler();\n        this.#deleteToast();\n    }\n\n    protected onSecondaryAction(): void {\n        this.toast().secondaryAction?.handler();\n        this.#deleteToast();\n    }\n\n    protected onClose(): void {\n        this.#deleteToast();\n    }\n\n    #deleteToast(): void {\n        if (this.#removed()) {\n            return;\n        }\n\n        this.#removed.set(true);\n        this.#offsetBeforeRemove.set(this.#offset());\n        this.heightRemoved.emit(this.toast().id);\n\n        this.#unmountTimeoutId = setTimeout((): void => this.dismissed.emit(this.toast().id), UNMOUNT_DELAY_MS);\n    }\n\n    #startTimer(): void {\n        this.#closeTimerStartedAt = Date.now();\n        this.#timeoutId = setTimeout((): void => this.#deleteToast(), this.#remainingTimeMs);\n    }\n\n    #pauseTimer(): void {\n        if (this.#closeTimerPausedAt < this.#closeTimerStartedAt) {\n            const elapsedMs: number = Date.now() - this.#closeTimerStartedAt;\n            this.#remainingTimeMs = this.#remainingTimeMs - elapsedMs;\n        }\n\n        this.#closeTimerPausedAt = Date.now();\n    }\n}\n","<ng-container rtBlock=\"rt-toast\">\n    @if (icon(); as icon) {\n        <rt-icon rtElem=\"icon\" qa-dataid=\"toast-icon\" size=\"sm\" [name]=\"icon\" />\n    }\n    <div rtElem=\"content\" qa-dataid=\"toast-content\">\n        @if (toast().meta; as meta) {\n            <span rtElem=\"meta\" qa-dataid=\"toast-meta\">{{ meta }}</span>\n        }\n        <span rtElem=\"message\" qa-dataid=\"toast-message\">{{ toast().message }}</span>\n        @if (toast().description; as description) {\n            <span rtElem=\"description\" qa-dataid=\"toast-description\">{{ description }}</span>\n        }\n        @if (toast().action || toast().secondaryAction) {\n            <div rtElem=\"actions\">\n                @if (toast().action; as action) {\n                    <button rtButton rtElem=\"action\" qa-dataid=\"toast-action\" size=\"sm\" type=\"button\" (click)=\"onAction()\">\n                        {{ action.label }}\n                    </button>\n                }\n                @if (toast().secondaryAction; as secondaryAction) {\n                    <button\n                        rtButton\n                        rtElem=\"action\"\n                        qa-dataid=\"toast-secondary-action\"\n                        size=\"sm\"\n                        theme=\"secondary\"\n                        appearance=\"text\"\n                        type=\"button\"\n                        (click)=\"onSecondaryAction()\">\n                        {{ secondaryAction.label }}\n                    </button>\n                }\n            </div>\n        }\n    </div>\n    <rt-icon-button\n        rtElem=\"close\"\n        qa-dataid=\"toast-close\"\n        icon=\"ico-close\"\n        variant=\"ghost\"\n        size=\"sm\"\n        [ariaLabel]=\"t().uiClose\"\n        (clicked)=\"onClose()\" />\n    @if (showProgress()) {\n        <span rtElem=\"progress\" qa-dataid=\"toast-progress\" aria-hidden=\"true\"></span>\n    }\n</ng-container>\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    InputSignal,\n    InputSignalWithTransform,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n    booleanAttribute,\n    computed,\n    inject,\n    input,\n    linkedSignal,\n    numberAttribute,\n    signal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { INotification, NotificationBus } from '@rt-tools/ui-kit-v2/core';\n\nimport { RtToastComponent } from './rt-toast.component';\nimport { RT_TOASTER_GAP_PX, IRtToaster } from './rt-toaster.model';\n\nconst BEM_BLOCK: string = 'rt-toaster';\n\nconst DEFAULT_DURATION_MS: number = 4000;\n\nconst DEFAULT_VISIBLE_TOASTS: number = 3;\n\n@Component({\n    selector: 'rt-toaster',\n    templateUrl: './rt-toaster.component.html',\n    styleUrl: './rt-toaster.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [RtToastComponent],\n    host: {\n        class: BEM_BLOCK,\n        role: 'region',\n        '[attr.aria-label]': 'ariaLabel()',\n        '(mouseenter)': 'onStackEnter()',\n        '(mousemove)': 'onStackEnter()',\n        '(mouseleave)': 'onStackLeave()',\n        '(pointerdown)': 'onStackPointerDown()',\n        '(pointerup)': 'onStackPointerUp()',\n    },\n})\nexport class RtToasterComponent {\n    readonly #notificationBus: NotificationBus = inject(NotificationBus);\n\n    protected readonly ariaLabel: Signal<string> = rtKitLabel('uiNotifications');\n\n    #toastCounter: number = 0;\n\n    protected readonly toasts: WritableSignal<IRtToaster.Toast[]> = signal<IRtToaster.Toast[]>([]);\n\n    protected readonly heights: WritableSignal<IRtToaster.Height[]> = signal<IRtToaster.Height[]>([]);\n\n    protected readonly expanded: WritableSignal<boolean> = linkedSignal<IRtToaster.Toast[], boolean>({\n        source: this.toasts,\n        computation: (toasts: IRtToaster.Toast[]): boolean => toasts.length < 1,\n    });\n\n    protected readonly interacting: WritableSignal<boolean> = signal<boolean>(false);\n\n    protected readonly positionY: Signal<IRtToaster.PositionY> = computed((): IRtToaster.PositionY =>\n        this.position().startsWith('top') ? 'top' : 'bottom'\n    );\n\n    protected readonly positionX: Signal<IRtToaster.PositionX> = computed((): IRtToaster.PositionX => {\n        if (this.position().endsWith('left')) {\n            return 'left';\n        }\n        return this.position().endsWith('center') ? 'center' : 'right';\n    });\n\n    public readonly position: InputSignal<IRtToaster.Position> = input<IRtToaster.Position>('bottom-right');\n\n    public readonly duration: InputSignalWithTransform<number, number | string> = input<number, number | string>(DEFAULT_DURATION_MS, {\n        transform: numberAttribute,\n    });\n\n    public readonly visibleToasts: InputSignalWithTransform<number, number | string> = input<number, number | string>(\n        DEFAULT_VISIBLE_TOASTS,\n        { transform: numberAttribute }\n    );\n\n    /** `replace` — новый тост уводит прежние их же анимацией ухода, а не копится стопкой. */\n    public readonly mode: InputSignal<IRtToaster.Mode> = input<IRtToaster.Mode>('stack');\n\n    public readonly expand: InputSignalWithTransform<boolean, boolean | string> = input<boolean, boolean | string>(false, {\n        transform: booleanAttribute,\n    });\n\n    @HostBinding('class')\n    public get hostModifierClasses(): Record<string, boolean> {\n        return {\n            [`${BEM_BLOCK}--y--${this.positionY()}`]: true,\n            [`${BEM_BLOCK}--x--${this.positionX()}`]: true,\n        };\n    }\n\n    @HostBinding('style')\n    public get hostStackStyles(): Record<string, string> {\n        return {\n            '--front-toast-height': `${this.heights()[0]?.height ?? 0}px`,\n            '--gap': `${RT_TOASTER_GAP_PX}px`,\n        };\n    }\n\n    constructor() {\n        this.#notificationBus\n            .onEmit()\n            .pipe(takeUntilDestroyed())\n            .subscribe((event: INotification.Event): void => this.#addToast(event));\n    }\n\n    protected onStackEnter(): void {\n        if (this.toasts().length > 0) {\n            this.expanded.set(true);\n        }\n    }\n\n    protected onStackLeave(): void {\n        if (!this.interacting()) {\n            this.expanded.set(false);\n        }\n    }\n\n    protected onStackPointerDown(): void {\n        this.interacting.set(true);\n    }\n\n    protected onStackPointerUp(): void {\n        this.interacting.set(false);\n    }\n\n    protected onHeightAdded(height: IRtToaster.Height): void {\n        this.heights.update((items: IRtToaster.Height[]): IRtToaster.Height[] =>\n            this.#sortHeights([height, ...items.filter((item: IRtToaster.Height): boolean => item.toastId !== height.toastId)])\n        );\n    }\n\n    protected onHeightRemoved(toastId: number): void {\n        this.heights.update((items: IRtToaster.Height[]): IRtToaster.Height[] =>\n            items.filter((item: IRtToaster.Height): boolean => item.toastId !== toastId)\n        );\n    }\n\n    protected onDismissed(toastId: number): void {\n        this.onHeightRemoved(toastId);\n        this.toasts.update((items: IRtToaster.Toast[]): IRtToaster.Toast[] =>\n            items.filter((item: IRtToaster.Toast): boolean => item.id !== toastId)\n        );\n    }\n\n    #addToast(event: INotification.Event): void {\n        this.#toastCounter += 1;\n        const toast: IRtToaster.Toast = {\n            id: this.#toastCounter,\n            severity: event.payload.severity,\n            message: event.payload.message,\n            description: event.payload.description,\n            meta: event.payload.meta,\n            action: event.payload.action,\n            secondaryAction: event.payload.secondaryAction,\n            filled: event.payload.filled,\n            duration: event.payload.duration,\n            progress: event.payload.progress,\n            icon: event.payload.icon,\n        };\n        this.toasts.update((items: IRtToaster.Toast[]): IRtToaster.Toast[] => [\n            toast,\n            ...(this.mode() === 'replace' ? items.map((item: IRtToaster.Toast): IRtToaster.Toast => this.#replaced(item)) : items),\n        ]);\n    }\n\n    #replaced(toast: IRtToaster.Toast): IRtToaster.Toast {\n        return toast.replaced ? toast : { ...toast, replaced: true };\n    }\n\n    #sortHeights(items: IRtToaster.Height[]): IRtToaster.Height[] {\n        const order: number[] = this.toasts().map((toast: IRtToaster.Toast): number => toast.id);\n        return [...items].sort(\n            (left: IRtToaster.Height, right: IRtToaster.Height): number => order.indexOf(left.toastId) - order.indexOf(right.toastId)\n        );\n    }\n}\n","@for (item of toasts(); track item.id) {\n    <rt-toast\n        qa-dataid=\"toast\"\n        [toast]=\"item\"\n        [index]=\"$index\"\n        [totalToasts]=\"toasts().length\"\n        [heights]=\"heights()\"\n        [expanded]=\"expanded()\"\n        [expandByDefault]=\"expand()\"\n        [interacting]=\"interacting()\"\n        [position]=\"position()\"\n        [visibleToasts]=\"visibleToasts()\"\n        [duration]=\"duration()\"\n        (heightAdded)=\"onHeightAdded($event)\"\n        (heightRemoved)=\"onHeightRemoved($event)\"\n        (dismissed)=\"onDismissed($event)\" />\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["BEM_BLOCK"],"mappings":"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"}