@gravionlabs/helix-core 22.1.2 → 22.1.4

package/fesm2022/gravionlabs-helix-core-toast.mjs

@@ -1,20 +1,19 @@
-export * from '@gravionlabs/helix-core/types/toast';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, input, numberAttribute, output, inject, signal, effect, ChangeDetectionStrategy, ViewEncapsulation, Component, booleanAttribute, model, computed, contentChild, contentChildren, NgModule } from '@angular/core';
-import { uuid, isEmpty, setAttribute } from '@gravionlabs/helix-core/uix/utils';
-import { SharedModule, MessageService, HelixTemplate } from '@gravionlabs/helix-core/api';
-import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
-import * as i3 from '@gravionlabs/helix-core/bind';
-import { Bind } from '@gravionlabs/helix-core/bind';
-import { CheckIcon, ExclamationTriangleIcon, InfoCircleIcon, TimesIcon, TimesCircleIcon } from '@gravionlabs/helix-core/icons';
-import * as i2 from '@gravionlabs/helix-core/motion';
-import { MotionModule } from '@gravionlabs/helix-core/motion';
-import { ZIndexUtils } from '@gravionlabs/helix-core/utils';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
-const style = /*css*/ `
+import * as i1 from "@angular/common";
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, booleanAttribute, computed, contentChild, contentChildren, effect, inject, input, model, numberAttribute, output, signal } from "@angular/core";
+import { isEmpty, setAttribute, uuid } from "@gravionlabs/helix-core/uix/utils";
+import { HelixTemplate, MessageService, SharedModule } from "@gravionlabs/helix-core/api";
+import { BaseComponent, PARENT_INSTANCE } from "@gravionlabs/helix-core/basecomponent";
+import * as i3 from "@gravionlabs/helix-core/bind";
+import { Bind } from "@gravionlabs/helix-core/bind";
+import { CheckIcon, ExclamationTriangleIcon, InfoCircleIcon, TimesCircleIcon, TimesIcon } from "@gravionlabs/helix-core/icons";
+import * as i2 from "@gravionlabs/helix-core/motion";
+import { MotionModule } from "@gravionlabs/helix-core/motion";
+import { ZIndexUtils } from "@gravionlabs/helix-core/utils";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/toast";
+const style = `
     .h-toast {
         width: dt('toast.width');
         white-space: pre-line;
@@ -285,523 +284,1081 @@ const style = /*css*/ `
         }
     }
 `;
-
-// Position
-const inlineStyles = {
-    root: ({ instance }) => {
-        const { _position } = instance;
-        return {
-            position: 'fixed',
-            top: _position === 'top-right' || _position === 'top-left' || _position === 'top-center' ? '20px' : _position === 'center' ? '50%' : null,
-            right: (_position === 'top-right' || _position === 'bottom-right') && '20px',
-            bottom: (_position === 'bottom-left' || _position === 'bottom-right' || _position === 'bottom-center') && '20px',
-            left: _position === 'top-left' || _position === 'bottom-left' ? '20px' : _position === 'center' || _position === 'top-center' || _position === 'bottom-center' ? '50%' : null
-        };
-    }
-};
+const inlineStyles = { root: ({ instance }) => {
+	const { _position } = instance;
+	return {
+		position: "fixed",
+		top: _position === "top-right" || _position === "top-left" || _position === "top-center" ? "20px" : _position === "center" ? "50%" : null,
+		right: (_position === "top-right" || _position === "bottom-right") && "20px",
+		bottom: (_position === "bottom-left" || _position === "bottom-right" || _position === "bottom-center") && "20px",
+		left: _position === "top-left" || _position === "bottom-left" ? "20px" : _position === "center" || _position === "top-center" || _position === "bottom-center" ? "50%" : null
+	};
+} };
 const classes = {
-    root: ({ instance }) => ['h-toast h-component', `h-toast-${instance._position}`],
-    message: ({ instance }) => ({
-        'h-toast-message': true,
-        'h-toast-message-info': instance.message.severity === 'info' || instance.message.severity === undefined,
-        'h-toast-message-warn': instance.message.severity === 'warn',
-        'h-toast-message-error': instance.message.severity === 'error',
-        'h-toast-message-success': instance.message.severity === 'success',
-        'h-toast-message-secondary': instance.message.severity === 'secondary',
-        'h-toast-message-contrast': instance.message.severity === 'contrast'
-    }),
-    messageContent: 'h-toast-message-content',
-    messageIcon: ({ instance }) => ({
-        'h-toast-message-icon': true,
-        [`pi ${instance.message.icon}`]: !!instance.message.icon
-    }),
-    messageText: 'h-toast-message-text',
-    summary: 'h-toast-summary',
-    detail: 'h-toast-detail',
-    closeButton: 'h-toast-close-button',
-    closeIcon: ({ instance }) => ({
-        'h-toast-close-icon': true,
-        [`pi ${instance.message.closeIcon}`]: !!instance.message.closeIcon
-    })
+	root: ({ instance }) => ["h-toast h-component", `h-toast-${instance._position}`],
+	message: ({ instance }) => ({
+		"h-toast-message": true,
+		"h-toast-message-info": instance.message.severity === "info" || instance.message.severity === void 0,
+		"h-toast-message-warn": instance.message.severity === "warn",
+		"h-toast-message-error": instance.message.severity === "error",
+		"h-toast-message-success": instance.message.severity === "success",
+		"h-toast-message-secondary": instance.message.severity === "secondary",
+		"h-toast-message-contrast": instance.message.severity === "contrast"
+	}),
+	messageContent: "h-toast-message-content",
+	messageIcon: ({ instance }) => ({
+		"h-toast-message-icon": true,
+		[`pi ${instance.message.icon}`]: !!instance.message.icon
+	}),
+	messageText: "h-toast-message-text",
+	summary: "h-toast-summary",
+	detail: "h-toast-detail",
+	closeButton: "h-toast-close-button",
+	closeIcon: ({ instance }) => ({
+		"h-toast-close-icon": true,
+		[`pi ${instance.message.closeIcon}`]: !!instance.message.closeIcon
+	})
 };
-class ToastStyle extends BaseStyle {
-    name = 'toast';
-    style = style;
-    classes = classes;
-    inlineStyles = inlineStyles;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ToastStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ToastStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ToastStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * Toast is used to display messages in an overlay.
- *
- * [Live Demo](https://www.primeng.org/toast/)
- *
- * @module toaststyle
- *
- */
+var ToastStyle = class ToastStyle extends BaseStyle {
+	name = "toast";
+	style = style;
+	classes = classes;
+	inlineStyles = inlineStyles;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ToastStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ToastStyle
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: ToastStyle,
+	decorators: [{ type: Injectable }]
+});
 var ToastClasses;
-(function (ToastClasses) {
-    /**
-     * Class name of the root element
-     */
-    ToastClasses["root"] = "h-toast";
-    /**
-     * Class name of the message element
-     */
-    ToastClasses["message"] = "h-toast-message";
-    /**
-     * Class name of the message content element
-     */
-    ToastClasses["messageContent"] = "h-toast-message-content";
-    /**
-     * Class name of the message icon element
-     */
-    ToastClasses["messageIcon"] = "h-toast-message-icon";
-    /**
-     * Class name of the message text element
-     */
-    ToastClasses["messageText"] = "h-toast-message-text";
-    /**
-     * Class name of the summary element
-     */
-    ToastClasses["summary"] = "h-toast-summary";
-    /**
-     * Class name of the detail element
-     */
-    ToastClasses["detail"] = "h-toast-detail";
-    /**
-     * Class name of the close button element
-     */
-    ToastClasses["closeButton"] = "h-toast-close-button";
-    /**
-     * Class name of the close icon element
-     */
-    ToastClasses["closeIcon"] = "h-toast-close-icon";
+(function(ToastClasses) {
+	ToastClasses["root"] = "h-toast";
+	ToastClasses["message"] = "h-toast-message";
+	ToastClasses["messageContent"] = "h-toast-message-content";
+	ToastClasses["messageIcon"] = "h-toast-message-icon";
+	ToastClasses["messageText"] = "h-toast-message-text";
+	ToastClasses["summary"] = "h-toast-summary";
+	ToastClasses["detail"] = "h-toast-detail";
+	ToastClasses["closeButton"] = "h-toast-close-button";
+	ToastClasses["closeIcon"] = "h-toast-close-icon";
 })(ToastClasses || (ToastClasses = {}));
-
-const TOAST_INSTANCE = new InjectionToken('TOAST_INSTANCE');
-class ToastItem extends BaseComponent {
-    zone;
-    message = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
-    index = input(undefined, { ...(ngDevMode ? { debugName: "index" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-    life = input(undefined, { ...(ngDevMode ? { debugName: "life" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-    template = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "template" }] : /* istanbul ignore next */ []));
-    headlessTemplate = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "headlessTemplate" }] : /* istanbul ignore next */ []));
-    showTransformOptions = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "showTransformOptions" }] : /* istanbul ignore next */ []));
-    hideTransformOptions = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "hideTransformOptions" }] : /* istanbul ignore next */ []));
-    showTransitionOptions = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "showTransitionOptions" }] : /* istanbul ignore next */ []));
-    hideTransitionOptions = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "hideTransitionOptions" }] : /* istanbul ignore next */ []));
-    motionOptions = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "motionOptions" }] : /* istanbul ignore next */ []));
-    clearAll = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "clearAll" }] : /* istanbul ignore next */ []));
-    onAnimationStart = output();
-    onAnimationEnd = output();
-    onBeforeEnter(event) {
-        this.onAnimationStart.emit(event.element);
-    }
-    onAfterLeave(event) {
-        if (!this.visible() && !this.isDestroyed) {
-            this.onClose.emit({
-                index: this.index(),
-                message: this.message()
-            });
-            if (!this.isDestroyed) {
-                this.onAnimationEnd.emit(event.element);
-            }
-        }
-    }
-    onClose = output();
-    _componentStyle = inject(ToastStyle);
-    timeout;
-    visible = signal(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
-    isDestroyed = false;
-    isClosing = false;
-    constructor(zone) {
-        super();
-        this.zone = zone;
-        effect(() => {
-            if (this.clearAll()) {
-                this.visible.set(false);
-            }
-        });
-    }
-    onAfterViewInit() {
-        this.message()?.sticky && this.visible.set(true);
-        this.initTimeout();
-    }
-    initTimeout() {
-        if (!this.message()?.sticky) {
-            this.clearTimeout();
-            this.zone.runOutsideAngular(() => {
-                this.visible.set(true);
-                this.timeout = setTimeout(() => {
-                    this.visible.set(false);
-                }, this.message()?.life || this.life() || 3000);
-            });
-        }
-    }
-    clearTimeout() {
-        if (this.timeout) {
-            clearTimeout(this.timeout);
-            this.timeout = null;
-        }
-    }
-    onMouseEnter() {
-        this.clearTimeout();
-    }
-    onMouseLeave() {
-        if (!this.isClosing) {
-            this.initTimeout();
-        }
-    }
-    onCloseIconClick = (event) => {
-        this.isClosing = true;
-        this.clearTimeout();
-        this.visible.set(false);
-        event.preventDefault();
-    };
-    get closeAriaLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.close : undefined;
-    }
-    onDestroy() {
-        this.isDestroyed = true;
-        this.clearTimeout();
-        this.visible.set(false);
-    }
-    get dataP() {
-        return this.cn({
-            [this.message()?.severity]: this.message()?.severity
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ToastItem, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: ToastItem, isStandalone: true, selector: "h-toastItem", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, life: { classPropertyName: "life", publicName: "life", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, headlessTemplate: { classPropertyName: "headlessTemplate", publicName: "headlessTemplate", isSignal: true, isRequired: false, transformFunction: null }, showTransformOptions: { classPropertyName: "showTransformOptions", publicName: "showTransformOptions", isSignal: true, isRequired: false, transformFunction: null }, hideTransformOptions: { classPropertyName: "hideTransformOptions", publicName: "hideTransformOptions", isSignal: true, isRequired: false, transformFunction: null }, showTransitionOptions: { classPropertyName: "showTransitionOptions", publicName: "showTransitionOptions", isSignal: true, isRequired: false, transformFunction: null }, hideTransitionOptions: { classPropertyName: "hideTransitionOptions", publicName: "hideTransitionOptions", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null }, clearAll: { classPropertyName: "clearAll", publicName: "clearAll", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onAnimationStart: "onAnimationStart", onAnimationEnd: "onAnimationEnd", onClose: "onClose" }, providers: [ToastStyle], usesInheritance: true, ngImport: i0, template: "<div\n  #container\n  [hMotion]=\"visible()\"\n  [pMotionAppear]=\"true\"\n  [pMotionName]=\"'h-toast-message'\"\n  [pMotionOptions]=\"motionOptions()\"\n  (pMotionOnBeforeEnter)=\"onBeforeEnter($event)\"\n  (pMotionOnAfterLeave)=\"onAfterLeave($event)\"\n  [attr.id]=\"message()?.id\"\n  [hBind]=\"ptm('message')\"\n  [class]=\"cn(cx('message'), $safeNavigationMigration(message()?.styleClass))\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n  role=\"alert\"\n  aria-live=\"assertive\"\n  aria-atomic=\"true\"\n  [attr.data-h]=\"dataP\"\n  >\n  @if (headlessTemplate()) {\n    <ng-container *ngTemplateOutlet=\"headlessTemplate(); context: { $implicit: message(), closeFn: onCloseIconClick }\"></ng-container>\n  } @else {\n    <div [hBind]=\"ptm('messageContent')\" [class]=\"cn(cx('messageContent'), $safeNavigationMigration(message()?.contentStyleClass))\">\n      @if (!template()) {\n        @if (message()?.icon) {\n          <span [hBind]=\"ptm('messageIcon')\" [class]=\"cn(cx('messageIcon'), $safeNavigationMigration(message()?.icon))\"></span>\n        } @else {\n          @switch (message()?.severity) {\n            @case ('success') {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"check\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n            @case ('info') {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"info-circle\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n            @case ('error') {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"times-circle\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n            @case ('warn') {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"exclamation-triangle\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n            @default {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"info-circle\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n          }\n        }\n        <div [hBind]=\"ptm('messageText')\" [ngClass]=\"cx('messageText')\" [attr.data-h]=\"dataP\">\n          <div [hBind]=\"ptm('summary')\" [ngClass]=\"cx('summary')\" [attr.data-h]=\"dataP\">\n            {{ message()?.summary }}\n          </div>\n          <div [hBind]=\"ptm('detail')\" [ngClass]=\"cx('detail')\" [attr.data-h]=\"dataP\">{{ message()?.detail }}</div>\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"template(); context: { $implicit: message() }\"></ng-container>\n      @if (message()?.closable !== false) {\n        <div>\n          <button\n            [hBind]=\"ptm('closeButton')\"\n            type=\"button\"\n            [attr.class]=\"cx('closeButton')\"\n            (click)=\"onCloseIconClick($event)\"\n            (keydown.enter)=\"onCloseIconClick($event)\"\n            [attr.aria-label]=\"closeAriaLabel\"\n            autofocus\n            [attr.data-h]=\"dataP\"\n            >\n            @if (message()?.closeIcon) {\n              @if (message()?.closeIcon) {\n                <span [hBind]=\"ptm('closeIcon')\" [class]=\"cn(cx('closeIcon'), $safeNavigationMigration(message()?.closeIcon))\"></span>\n              }\n            } @else {\n              <svg [hBind]=\"ptm('closeIcon')\" data-h-icon=\"times\" [class]=\"cx('closeIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n          </button>\n        </div>\n      }\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CheckIcon, selector: "[data-h-icon=\"check\"]" }, { kind: "component", type: ExclamationTriangleIcon, selector: "[data-h-icon=\"exclamation-triangle\"]" }, { kind: "component", type: InfoCircleIcon, selector: "[data-h-icon=\"info-circle\"]" }, { kind: "component", type: TimesIcon, selector: "[data-h-icon=\"times\"]" }, { kind: "component", type: TimesCircleIcon, selector: "[data-h-icon=\"times-circle\"]" }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[hBind]", inputs: ["hBind"] }, { kind: "ngmodule", type: MotionModule }, { kind: "directive", type: i2.MotionDirective, selector: "[hMotion]", inputs: ["hMotion", "pMotionName", "pMotionType", "pMotionSafe", "pMotionDisabled", "pMotionAppear", "pMotionEnter", "pMotionLeave", "pMotionDuration", "pMotionHideStrategy", "pMotionEnterFromClass", "pMotionEnterToClass", "pMotionEnterActiveClass", "pMotionLeaveFromClass", "pMotionLeaveToClass", "pMotionLeaveActiveClass", "pMotionOptions"], outputs: ["pMotionOnBeforeEnter", "pMotionOnEnter", "pMotionOnAfterEnter", "pMotionOnEnterCancelled", "pMotionOnBeforeLeave", "pMotionOnLeave", "pMotionOnAfterLeave", "pMotionOnLeaveCancelled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ToastItem, decorators: [{
-            type: Component,
-            args: [{ selector: 'h-toastItem', standalone: true, imports: [CommonModule, CheckIcon, ExclamationTriangleIcon, InfoCircleIcon, TimesIcon, TimesCircleIcon, SharedModule, Bind, MotionModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [ToastStyle], template: "<div\n  #container\n  [hMotion]=\"visible()\"\n  [pMotionAppear]=\"true\"\n  [pMotionName]=\"'h-toast-message'\"\n  [pMotionOptions]=\"motionOptions()\"\n  (pMotionOnBeforeEnter)=\"onBeforeEnter($event)\"\n  (pMotionOnAfterLeave)=\"onAfterLeave($event)\"\n  [attr.id]=\"message()?.id\"\n  [hBind]=\"ptm('message')\"\n  [class]=\"cn(cx('message'), $safeNavigationMigration(message()?.styleClass))\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n  role=\"alert\"\n  aria-live=\"assertive\"\n  aria-atomic=\"true\"\n  [attr.data-h]=\"dataP\"\n  >\n  @if (headlessTemplate()) {\n    <ng-container *ngTemplateOutlet=\"headlessTemplate(); context: { $implicit: message(), closeFn: onCloseIconClick }\"></ng-container>\n  } @else {\n    <div [hBind]=\"ptm('messageContent')\" [class]=\"cn(cx('messageContent'), $safeNavigationMigration(message()?.contentStyleClass))\">\n      @if (!template()) {\n        @if (message()?.icon) {\n          <span [hBind]=\"ptm('messageIcon')\" [class]=\"cn(cx('messageIcon'), $safeNavigationMigration(message()?.icon))\"></span>\n        } @else {\n          @switch (message()?.severity) {\n            @case ('success') {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"check\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n            @case ('info') {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"info-circle\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n            @case ('error') {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"times-circle\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n            @case ('warn') {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"exclamation-triangle\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n            @default {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"info-circle\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n          }\n        }\n        <div [hBind]=\"ptm('messageText')\" [ngClass]=\"cx('messageText')\" [attr.data-h]=\"dataP\">\n          <div [hBind]=\"ptm('summary')\" [ngClass]=\"cx('summary')\" [attr.data-h]=\"dataP\">\n            {{ message()?.summary }}\n          </div>\n          <div [hBind]=\"ptm('detail')\" [ngClass]=\"cx('detail')\" [attr.data-h]=\"dataP\">{{ message()?.detail }}</div>\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"template(); context: { $implicit: message() }\"></ng-container>\n      @if (message()?.closable !== false) {\n        <div>\n          <button\n            [hBind]=\"ptm('closeButton')\"\n            type=\"button\"\n            [attr.class]=\"cx('closeButton')\"\n            (click)=\"onCloseIconClick($event)\"\n            (keydown.enter)=\"onCloseIconClick($event)\"\n            [attr.aria-label]=\"closeAriaLabel\"\n            autofocus\n            [attr.data-h]=\"dataP\"\n            >\n            @if (message()?.closeIcon) {\n              @if (message()?.closeIcon) {\n                <span [hBind]=\"ptm('closeIcon')\" [class]=\"cn(cx('closeIcon'), $safeNavigationMigration(message()?.closeIcon))\"></span>\n              }\n            } @else {\n              <svg [hBind]=\"ptm('closeIcon')\" data-h-icon=\"times\" [class]=\"cx('closeIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n          </button>\n        </div>\n      }\n    </div>\n  }\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: false }] }], life: [{ type: i0.Input, args: [{ isSignal: true, alias: "life", required: false }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }], headlessTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "headlessTemplate", required: false }] }], showTransformOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTransformOptions", required: false }] }], hideTransformOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideTransformOptions", required: false }] }], showTransitionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTransitionOptions", required: false }] }], hideTransitionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideTransitionOptions", required: false }] }], motionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "motionOptions", required: false }] }], clearAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearAll", required: false }] }], onAnimationStart: [{ type: i0.Output, args: ["onAnimationStart"] }], onAnimationEnd: [{ type: i0.Output, args: ["onAnimationEnd"] }], onClose: [{ type: i0.Output, args: ["onClose"] }] } });
-/**
- * Toast is used to display messages in an overlay.
- * @group Components
- */
-class Toast extends BaseComponent {
-    componentName = 'Toast';
-    $pcToast = inject(TOAST_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    bindDirectiveInstance = inject(Bind, { self: true });
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-    }
-    /**
-     * Key of the message in case message is targeted to a specific toast component.
-     * @group Props
-     */
-    key = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "key" }] : /* istanbul ignore next */ []));
-    /**
-     * Whether to automatically manage layering.
-     * @group Props
-     */
-    autoZIndex = input(true, { ...(ngDevMode ? { debugName: "autoZIndex" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Base zIndex value to use in layering.
-     * @group Props
-     */
-    baseZIndex = input(0, { ...(ngDevMode ? { debugName: "baseZIndex" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-    /**
-     * The default time to display messages for in milliseconds.
-     * @group Props
-     */
-    life = input(3000, { ...(ngDevMode ? { debugName: "life" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-    /**
-     * Inline class of the component.
-     * @deprecated since v20.0.0, use `class` instead.
-     * @group Props
-     */
-    styleClass = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
-    /**
-     * Position of the toast in viewport.
-     * @group Props
-     */
-    position = model('top-right', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
-    /**
-     * It does not add the new message if there is already a toast displayed with the same content
-     * @group Props
-     */
-    preventOpenDuplicates = input(false, { ...(ngDevMode ? { debugName: "preventOpenDuplicates" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Displays only once a message with the same content.
-     * @group Props
-     */
-    preventDuplicates = input(false, { ...(ngDevMode ? { debugName: "preventDuplicates" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Transform options of the show animation.
-     * @group Props
-     * @deprecated since v21.0.0. Use `motionOptions` instead.
-     */
-    showTransformOptions = input('translateY(100%)', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showTransformOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * Transform options of the hide animation.
-     * @group Props
-     * @deprecated since v21.0.0. Use `motionOptions` instead.
-     */
-    hideTransformOptions = input('translateY(-100%)', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hideTransformOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     * @deprecated since v21.0.0. Use `motionOptions` instead.
-     */
-    showTransitionOptions = input('300ms ease-out', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showTransitionOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     * @deprecated since v21.0.0. Use `motionOptions` instead.
-     */
-    hideTransitionOptions = input('250ms ease-in', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hideTransitionOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * The motion options.
-     * @group Props
-     */
-    motionOptions = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "motionOptions" }] : /* istanbul ignore next */ []));
-    computedMotionOptions = computed(() => {
-        return {
-            ...this.ptm('motion'),
-            ...this.motionOptions()
-        };
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "computedMotionOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * Object literal to define styles per screen size.
-     * @group Props
-     */
-    breakpoints = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "breakpoints" }] : /* istanbul ignore next */ []));
-    /**
-     * Callback to invoke when a message is closed.
-     * @param {ToastCloseEvent} event - custom close event.
-     * @group Emits
-     */
-    onClose = output();
-    /**
-     * Custom message template.
-     * @param {ToastMessageTemplateContext} context - message context.
-     * @see {@link ToastMessageTemplateContext}
-     * @group Templates
-     */
-    template = contentChild('message', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
-    /**
-     * Custom headless template.
-     * @param {ToastHeadlessTemplateContext} context - headless context.
-     * @see {@link ToastHeadlessTemplateContext}
-     * @group Templates
-     */
-    headlessTemplate = contentChild('headless', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "headlessTemplate" }] : /* istanbul ignore next */ []));
-    messageSubscription;
-    clearSubscription;
-    messages;
-    messagesArchieve;
-    messageService = inject(MessageService);
-    _componentStyle = inject(ToastStyle);
-    styleElement;
-    id = uuid('pn_id_');
-    templates = contentChildren(HelixTemplate, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
-    clearAllTrigger = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "clearAllTrigger" }] : /* istanbul ignore next */ []));
-    constructor() {
-        super();
-    }
-    onInit() {
-        this.messageSubscription = this.messageService.messageObserver.subscribe((messages) => {
-            if (messages) {
-                if (Array.isArray(messages)) {
-                    const filteredMessages = messages.filter((m) => this.canAdd(m));
-                    this.add(filteredMessages);
-                }
-                else if (this.canAdd(messages)) {
-                    this.add([messages]);
-                }
-            }
-        });
-        this.clearSubscription = this.messageService.clearObserver.subscribe((key) => {
-            if (key) {
-                if (this.key() === key) {
-                    this.clearAll();
-                }
-            }
-            else {
-                this.clearAll();
-            }
-            this.cd.markForCheck();
-        });
-    }
-    clearAll() {
-        // trigger signal to clear all messages
-        this.clearAllTrigger.set({});
-    }
-    _template;
-    _headlessTemplate;
-    onAfterContentInit() {
-        this.templates()?.forEach((item) => {
-            switch (item.getType()) {
-                case 'message':
-                    this._template = item.template;
-                    break;
-                case 'headless':
-                    this._headlessTemplate = item.template;
-                    break;
-                default:
-                    this._template = item.template;
-                    break;
-            }
-        });
-    }
-    onAfterViewInit() {
-        if (this.breakpoints()) {
-            this.createStyle();
-        }
-    }
-    add(messages) {
-        this.messages = this.messages ? [...this.messages, ...messages] : [...messages];
-        if (this.preventDuplicates()) {
-            this.messagesArchieve = this.messagesArchieve ? [...this.messagesArchieve, ...messages] : [...messages];
-        }
-        this.cd.markForCheck();
-    }
-    canAdd(message) {
-        let allow = this.key() === message.key;
-        if (allow && this.preventOpenDuplicates()) {
-            allow = !this.containsMessage(this.messages, message);
-        }
-        if (allow && this.preventDuplicates()) {
-            allow = !this.containsMessage(this.messagesArchieve, message);
-        }
-        return allow;
-    }
-    containsMessage(collection, message) {
-        if (!collection) {
-            return false;
-        }
-        return (collection.find((m) => {
-            return m.summary === message.summary && m.detail == message.detail && m.severity === message.severity;
-        }) != null);
-    }
-    onMessageClose(event) {
-        this.messages?.splice(event.index, 1);
-        this.onClose.emit({
-            message: event.message
-        });
-        this.onAnimationEnd();
-        this.cd.detectChanges();
-    }
-    onAnimationStart() {
-        this.renderer.setAttribute(this.el?.nativeElement, this.id, '');
-        if (this.autoZIndex() && this.el?.nativeElement.style.zIndex === '') {
-            ZIndexUtils.set('modal', this.el?.nativeElement, this.baseZIndex() || this.config.zIndex.modal);
-        }
-    }
-    onAnimationEnd() {
-        if (this.autoZIndex() && isEmpty(this.messages)) {
-            ZIndexUtils.clear(this.el?.nativeElement);
-        }
-    }
-    createStyle() {
-        const bps = this.breakpoints();
-        if (!this.styleElement) {
-            this.styleElement = this.renderer.createElement('style');
-            this.styleElement.type = 'text/css';
-            setAttribute(this.styleElement, 'nonce', this.config?.csp()?.nonce);
-            this.renderer.appendChild(this.document.head, this.styleElement);
-            let innerHTML = '';
-            for (let breakpoint in bps) {
-                let breakpointStyle = '';
-                for (let styleProp in bps[breakpoint]) {
-                    breakpointStyle += styleProp + ':' + bps[breakpoint][styleProp] + ' !important;';
-                }
-                innerHTML += `
+const TOAST_INSTANCE = new InjectionToken("TOAST_INSTANCE");
+var ToastItem = class ToastItem extends BaseComponent {
+	zone;
+	message = input(void 0, ...ngDevMode ? [{ debugName: "message" }] : 	/* istanbul ignore next */ []);
+	index = input(void 0, {
+		...ngDevMode ? { debugName: "index" } : 		/* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	life = input(void 0, {
+		...ngDevMode ? { debugName: "life" } : 		/* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	template = input(...ngDevMode ? [void 0, { debugName: "template" }] : 	/* istanbul ignore next */ []);
+	headlessTemplate = input(void 0, ...ngDevMode ? [{ debugName: "headlessTemplate" }] : 	/* istanbul ignore next */ []);
+	showTransformOptions = input(...ngDevMode ? [void 0, { debugName: "showTransformOptions" }] : 	/* istanbul ignore next */ []);
+	hideTransformOptions = input(...ngDevMode ? [void 0, { debugName: "hideTransformOptions" }] : 	/* istanbul ignore next */ []);
+	showTransitionOptions = input(...ngDevMode ? [void 0, { debugName: "showTransitionOptions" }] : 	/* istanbul ignore next */ []);
+	hideTransitionOptions = input(...ngDevMode ? [void 0, { debugName: "hideTransitionOptions" }] : 	/* istanbul ignore next */ []);
+	motionOptions = input(...ngDevMode ? [void 0, { debugName: "motionOptions" }] : 	/* istanbul ignore next */ []);
+	clearAll = input(null, ...ngDevMode ? [{ debugName: "clearAll" }] : 	/* istanbul ignore next */ []);
+	onAnimationStart = output();
+	onAnimationEnd = output();
+	onBeforeEnter(event) {
+		this.onAnimationStart.emit(event.element);
+	}
+	onAfterLeave(event) {
+		if (!this.visible() && !this.isDestroyed) {
+			this.onClose.emit({
+				index: this.index(),
+				message: this.message()
+			});
+			if (!this.isDestroyed) this.onAnimationEnd.emit(event.element);
+		}
+	}
+	onClose = output();
+	_componentStyle = inject(ToastStyle);
+	timeout;
+	visible = signal(void 0, ...ngDevMode ? [{ debugName: "visible" }] : 	/* istanbul ignore next */ []);
+	isDestroyed = false;
+	isClosing = false;
+	constructor(zone) {
+		super();
+		this.zone = zone;
+		effect(() => {
+			if (this.clearAll()) this.visible.set(false);
+		});
+	}
+	onAfterViewInit() {
+		this.message()?.sticky && this.visible.set(true);
+		this.initTimeout();
+	}
+	initTimeout() {
+		if (!this.message()?.sticky) {
+			this.clearTimeout();
+			this.zone.runOutsideAngular(() => {
+				this.visible.set(true);
+				this.timeout = setTimeout(() => {
+					this.visible.set(false);
+				}, this.message()?.life || this.life() || 3e3);
+			});
+		}
+	}
+	clearTimeout() {
+		if (this.timeout) {
+			clearTimeout(this.timeout);
+			this.timeout = null;
+		}
+	}
+	onMouseEnter() {
+		this.clearTimeout();
+	}
+	onMouseLeave() {
+		if (!this.isClosing) this.initTimeout();
+	}
+	onCloseIconClick = (event) => {
+		this.isClosing = true;
+		this.clearTimeout();
+		this.visible.set(false);
+		event.preventDefault();
+	};
+	get closeAriaLabel() {
+		return this.config.translation.aria ? this.config.translation.aria.close : void 0;
+	}
+	onDestroy() {
+		this.isDestroyed = true;
+		this.clearTimeout();
+		this.visible.set(false);
+	}
+	get dataP() {
+		return this.cn({ [this.message()?.severity]: this.message()?.severity });
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ToastItem,
+		deps: [{ token: i0.NgZone }],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: ToastItem,
+		isStandalone: true,
+		selector: "h-toastItem",
+		inputs: {
+			message: {
+				classPropertyName: "message",
+				publicName: "message",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			index: {
+				classPropertyName: "index",
+				publicName: "index",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			life: {
+				classPropertyName: "life",
+				publicName: "life",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			template: {
+				classPropertyName: "template",
+				publicName: "template",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			headlessTemplate: {
+				classPropertyName: "headlessTemplate",
+				publicName: "headlessTemplate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showTransformOptions: {
+				classPropertyName: "showTransformOptions",
+				publicName: "showTransformOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hideTransformOptions: {
+				classPropertyName: "hideTransformOptions",
+				publicName: "hideTransformOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showTransitionOptions: {
+				classPropertyName: "showTransitionOptions",
+				publicName: "showTransitionOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hideTransitionOptions: {
+				classPropertyName: "hideTransitionOptions",
+				publicName: "hideTransitionOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			motionOptions: {
+				classPropertyName: "motionOptions",
+				publicName: "motionOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			clearAll: {
+				classPropertyName: "clearAll",
+				publicName: "clearAll",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			onAnimationStart: "onAnimationStart",
+			onAnimationEnd: "onAnimationEnd",
+			onClose: "onClose"
+		},
+		providers: [ToastStyle],
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<div\n  #container\n  [hMotion]=\"visible()\"\n  [pMotionAppear]=\"true\"\n  [pMotionName]=\"'h-toast-message'\"\n  [pMotionOptions]=\"motionOptions()\"\n  (pMotionOnBeforeEnter)=\"onBeforeEnter($event)\"\n  (pMotionOnAfterLeave)=\"onAfterLeave($event)\"\n  [attr.id]=\"message()?.id\"\n  [hBind]=\"ptm('message')\"\n  [class]=\"cn(cx('message'), $safeNavigationMigration(message()?.styleClass))\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n  role=\"alert\"\n  aria-live=\"assertive\"\n  aria-atomic=\"true\"\n  [attr.data-h]=\"dataP\"\n  >\n  @if (headlessTemplate()) {\n    <ng-container *ngTemplateOutlet=\"headlessTemplate(); context: { $implicit: message(), closeFn: onCloseIconClick }\"></ng-container>\n  } @else {\n    <div [hBind]=\"ptm('messageContent')\" [class]=\"cn(cx('messageContent'), $safeNavigationMigration(message()?.contentStyleClass))\">\n      @if (!template()) {\n        @if (message()?.icon) {\n          <span [hBind]=\"ptm('messageIcon')\" [class]=\"cn(cx('messageIcon'), $safeNavigationMigration(message()?.icon))\"></span>\n        } @else {\n          @switch (message()?.severity) {\n            @case ('success') {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"check\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n            @case ('info') {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"info-circle\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n            @case ('error') {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"times-circle\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n            @case ('warn') {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"exclamation-triangle\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n            @default {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"info-circle\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n          }\n        }\n        <div [hBind]=\"ptm('messageText')\" [ngClass]=\"cx('messageText')\" [attr.data-h]=\"dataP\">\n          <div [hBind]=\"ptm('summary')\" [ngClass]=\"cx('summary')\" [attr.data-h]=\"dataP\">\n            {{ message()?.summary }}\n          </div>\n          <div [hBind]=\"ptm('detail')\" [ngClass]=\"cx('detail')\" [attr.data-h]=\"dataP\">{{ message()?.detail }}</div>\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"template(); context: { $implicit: message() }\"></ng-container>\n      @if (message()?.closable !== false) {\n        <div>\n          <button\n            [hBind]=\"ptm('closeButton')\"\n            type=\"button\"\n            [attr.class]=\"cx('closeButton')\"\n            (click)=\"onCloseIconClick($event)\"\n            (keydown.enter)=\"onCloseIconClick($event)\"\n            [attr.aria-label]=\"closeAriaLabel\"\n            autofocus\n            [attr.data-h]=\"dataP\"\n            >\n            @if (message()?.closeIcon) {\n              @if (message()?.closeIcon) {\n                <span [hBind]=\"ptm('closeIcon')\" [class]=\"cn(cx('closeIcon'), $safeNavigationMigration(message()?.closeIcon))\"></span>\n              }\n            } @else {\n              <svg [hBind]=\"ptm('closeIcon')\" data-h-icon=\"times\" [class]=\"cx('closeIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n          </button>\n        </div>\n      }\n    </div>\n  }\n</div>\n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: i1.NgClass,
+				selector: "[ngClass]",
+				inputs: ["class", "ngClass"]
+			},
+			{
+				kind: "directive",
+				type: i1.NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "component",
+				type: CheckIcon,
+				selector: "[data-h-icon=\"check\"]"
+			},
+			{
+				kind: "component",
+				type: ExclamationTriangleIcon,
+				selector: "[data-h-icon=\"exclamation-triangle\"]"
+			},
+			{
+				kind: "component",
+				type: InfoCircleIcon,
+				selector: "[data-h-icon=\"info-circle\"]"
+			},
+			{
+				kind: "component",
+				type: TimesIcon,
+				selector: "[data-h-icon=\"times\"]"
+			},
+			{
+				kind: "component",
+				type: TimesCircleIcon,
+				selector: "[data-h-icon=\"times-circle\"]"
+			},
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "directive",
+				type: Bind,
+				selector: "[hBind]",
+				inputs: ["hBind"]
+			},
+			{
+				kind: "ngmodule",
+				type: MotionModule
+			},
+			{
+				kind: "directive",
+				type: i2.MotionDirective,
+				selector: "[hMotion]",
+				inputs: [
+					"hMotion",
+					"pMotionName",
+					"pMotionType",
+					"pMotionSafe",
+					"pMotionDisabled",
+					"pMotionAppear",
+					"pMotionEnter",
+					"pMotionLeave",
+					"pMotionDuration",
+					"pMotionHideStrategy",
+					"pMotionEnterFromClass",
+					"pMotionEnterToClass",
+					"pMotionEnterActiveClass",
+					"pMotionLeaveFromClass",
+					"pMotionLeaveToClass",
+					"pMotionLeaveActiveClass",
+					"pMotionOptions"
+				],
+				outputs: [
+					"pMotionOnBeforeEnter",
+					"pMotionOnEnter",
+					"pMotionOnAfterEnter",
+					"pMotionOnEnterCancelled",
+					"pMotionOnBeforeLeave",
+					"pMotionOnLeave",
+					"pMotionOnAfterLeave",
+					"pMotionOnLeaveCancelled"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: ToastItem,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-toastItem",
+			standalone: true,
+			imports: [
+				CommonModule,
+				CheckIcon,
+				ExclamationTriangleIcon,
+				InfoCircleIcon,
+				TimesIcon,
+				TimesCircleIcon,
+				SharedModule,
+				Bind,
+				MotionModule
+			],
+			encapsulation: ViewEncapsulation.None,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [ToastStyle],
+			template: "<div\n  #container\n  [hMotion]=\"visible()\"\n  [pMotionAppear]=\"true\"\n  [pMotionName]=\"'h-toast-message'\"\n  [pMotionOptions]=\"motionOptions()\"\n  (pMotionOnBeforeEnter)=\"onBeforeEnter($event)\"\n  (pMotionOnAfterLeave)=\"onAfterLeave($event)\"\n  [attr.id]=\"message()?.id\"\n  [hBind]=\"ptm('message')\"\n  [class]=\"cn(cx('message'), $safeNavigationMigration(message()?.styleClass))\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n  role=\"alert\"\n  aria-live=\"assertive\"\n  aria-atomic=\"true\"\n  [attr.data-h]=\"dataP\"\n  >\n  @if (headlessTemplate()) {\n    <ng-container *ngTemplateOutlet=\"headlessTemplate(); context: { $implicit: message(), closeFn: onCloseIconClick }\"></ng-container>\n  } @else {\n    <div [hBind]=\"ptm('messageContent')\" [class]=\"cn(cx('messageContent'), $safeNavigationMigration(message()?.contentStyleClass))\">\n      @if (!template()) {\n        @if (message()?.icon) {\n          <span [hBind]=\"ptm('messageIcon')\" [class]=\"cn(cx('messageIcon'), $safeNavigationMigration(message()?.icon))\"></span>\n        } @else {\n          @switch (message()?.severity) {\n            @case ('success') {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"check\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n            @case ('info') {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"info-circle\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n            @case ('error') {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"times-circle\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n            @case ('warn') {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"exclamation-triangle\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n            @default {\n              <svg [hBind]=\"ptm('messageIcon')\" data-h-icon=\"info-circle\" [class]=\"cx('messageIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n          }\n        }\n        <div [hBind]=\"ptm('messageText')\" [ngClass]=\"cx('messageText')\" [attr.data-h]=\"dataP\">\n          <div [hBind]=\"ptm('summary')\" [ngClass]=\"cx('summary')\" [attr.data-h]=\"dataP\">\n            {{ message()?.summary }}\n          </div>\n          <div [hBind]=\"ptm('detail')\" [ngClass]=\"cx('detail')\" [attr.data-h]=\"dataP\">{{ message()?.detail }}</div>\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"template(); context: { $implicit: message() }\"></ng-container>\n      @if (message()?.closable !== false) {\n        <div>\n          <button\n            [hBind]=\"ptm('closeButton')\"\n            type=\"button\"\n            [attr.class]=\"cx('closeButton')\"\n            (click)=\"onCloseIconClick($event)\"\n            (keydown.enter)=\"onCloseIconClick($event)\"\n            [attr.aria-label]=\"closeAriaLabel\"\n            autofocus\n            [attr.data-h]=\"dataP\"\n            >\n            @if (message()?.closeIcon) {\n              @if (message()?.closeIcon) {\n                <span [hBind]=\"ptm('closeIcon')\" [class]=\"cn(cx('closeIcon'), $safeNavigationMigration(message()?.closeIcon))\"></span>\n              }\n            } @else {\n              <svg [hBind]=\"ptm('closeIcon')\" data-h-icon=\"times\" [class]=\"cx('closeIcon')\" [attr.aria-hidden]=\"true\" />\n            }\n          </button>\n        </div>\n      }\n    </div>\n  }\n</div>\n"
+		}]
+	}],
+	ctorParameters: () => [{ type: i0.NgZone }],
+	propDecorators: {
+		message: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "message",
+				required: false
+			}]
+		}],
+		index: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "index",
+				required: false
+			}]
+		}],
+		life: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "life",
+				required: false
+			}]
+		}],
+		template: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "template",
+				required: false
+			}]
+		}],
+		headlessTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "headlessTemplate",
+				required: false
+			}]
+		}],
+		showTransformOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showTransformOptions",
+				required: false
+			}]
+		}],
+		hideTransformOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hideTransformOptions",
+				required: false
+			}]
+		}],
+		showTransitionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showTransitionOptions",
+				required: false
+			}]
+		}],
+		hideTransitionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hideTransitionOptions",
+				required: false
+			}]
+		}],
+		motionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "motionOptions",
+				required: false
+			}]
+		}],
+		clearAll: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "clearAll",
+				required: false
+			}]
+		}],
+		onAnimationStart: [{
+			type: i0.Output,
+			args: ["onAnimationStart"]
+		}],
+		onAnimationEnd: [{
+			type: i0.Output,
+			args: ["onAnimationEnd"]
+		}],
+		onClose: [{
+			type: i0.Output,
+			args: ["onClose"]
+		}]
+	}
+});
+var Toast = class Toast extends BaseComponent {
+	componentName = "Toast";
+	$pcToast = inject(TOAST_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
+	}
+	key = input(...ngDevMode ? [void 0, { debugName: "key" }] : 	/* istanbul ignore next */ []);
+	autoZIndex = input(true, {
+		...ngDevMode ? { debugName: "autoZIndex" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	baseZIndex = input(0, {
+		...ngDevMode ? { debugName: "baseZIndex" } : 		/* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	life = input(3e3, {
+		...ngDevMode ? { debugName: "life" } : 		/* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	styleClass = input(...ngDevMode ? [void 0, { debugName: "styleClass" }] : 	/* istanbul ignore next */ []);
+	position = model("top-right", ...ngDevMode ? [{ debugName: "position" }] : 	/* istanbul ignore next */ []);
+	preventOpenDuplicates = input(false, {
+		...ngDevMode ? { debugName: "preventOpenDuplicates" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	preventDuplicates = input(false, {
+		...ngDevMode ? { debugName: "preventDuplicates" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	showTransformOptions = input("translateY(100%)", ...ngDevMode ? [{ debugName: "showTransformOptions" }] : 	/* istanbul ignore next */ []);
+	hideTransformOptions = input("translateY(-100%)", ...ngDevMode ? [{ debugName: "hideTransformOptions" }] : 	/* istanbul ignore next */ []);
+	showTransitionOptions = input("300ms ease-out", ...ngDevMode ? [{ debugName: "showTransitionOptions" }] : 	/* istanbul ignore next */ []);
+	hideTransitionOptions = input("250ms ease-in", ...ngDevMode ? [{ debugName: "hideTransitionOptions" }] : 	/* istanbul ignore next */ []);
+	motionOptions = input(void 0, ...ngDevMode ? [{ debugName: "motionOptions" }] : 	/* istanbul ignore next */ []);
+	computedMotionOptions = computed(() => {
+		return {
+			...this.ptm("motion"),
+			...this.motionOptions()
+		};
+	}, ...ngDevMode ? [{ debugName: "computedMotionOptions" }] : 	/* istanbul ignore next */ []);
+	breakpoints = input(...ngDevMode ? [void 0, { debugName: "breakpoints" }] : 	/* istanbul ignore next */ []);
+	onClose = output();
+	template = contentChild("message", ...ngDevMode ? [{ debugName: "template" }] : 	/* istanbul ignore next */ []);
+	headlessTemplate = contentChild("headless", ...ngDevMode ? [{ debugName: "headlessTemplate" }] : 	/* istanbul ignore next */ []);
+	messageSubscription;
+	clearSubscription;
+	messages;
+	messagesArchieve;
+	messageService = inject(MessageService);
+	_componentStyle = inject(ToastStyle);
+	styleElement;
+	id = uuid("pn_id_");
+	templates = contentChildren(HelixTemplate, ...ngDevMode ? [{ debugName: "templates" }] : 	/* istanbul ignore next */ []);
+	clearAllTrigger = signal(null, ...ngDevMode ? [{ debugName: "clearAllTrigger" }] : 	/* istanbul ignore next */ []);
+	constructor() {
+		super();
+	}
+	onInit() {
+		this.messageSubscription = this.messageService.messageObserver.subscribe((messages) => {
+			if (messages) {
+				if (Array.isArray(messages)) {
+					const filteredMessages = messages.filter((m) => this.canAdd(m));
+					this.add(filteredMessages);
+				} else if (this.canAdd(messages)) this.add([messages]);
+			}
+		});
+		this.clearSubscription = this.messageService.clearObserver.subscribe((key) => {
+			if (key) {
+				if (this.key() === key) this.clearAll();
+			} else this.clearAll();
+			this.cd.markForCheck();
+		});
+	}
+	clearAll() {
+		this.clearAllTrigger.set({});
+	}
+	_template;
+	_headlessTemplate;
+	onAfterContentInit() {
+		this.templates()?.forEach((item) => {
+			switch (item.getType()) {
+				case "message":
+					this._template = item.template;
+					break;
+				case "headless":
+					this._headlessTemplate = item.template;
+					break;
+				default:
+					this._template = item.template;
+					break;
+			}
+		});
+	}
+	onAfterViewInit() {
+		if (this.breakpoints()) this.createStyle();
+	}
+	add(messages) {
+		this.messages = this.messages ? [...this.messages, ...messages] : [...messages];
+		if (this.preventDuplicates()) this.messagesArchieve = this.messagesArchieve ? [...this.messagesArchieve, ...messages] : [...messages];
+		this.cd.markForCheck();
+	}
+	canAdd(message) {
+		let allow = this.key() === message.key;
+		if (allow && this.preventOpenDuplicates()) allow = !this.containsMessage(this.messages, message);
+		if (allow && this.preventDuplicates()) allow = !this.containsMessage(this.messagesArchieve, message);
+		return allow;
+	}
+	containsMessage(collection, message) {
+		if (!collection) return false;
+		return collection.find((m) => {
+			return m.summary === message.summary && m.detail == message.detail && m.severity === message.severity;
+		}) != null;
+	}
+	onMessageClose(event) {
+		this.messages?.splice(event.index, 1);
+		this.onClose.emit({ message: event.message });
+		this.onAnimationEnd();
+		this.cd.detectChanges();
+	}
+	onAnimationStart() {
+		this.renderer.setAttribute(this.el?.nativeElement, this.id, "");
+		if (this.autoZIndex() && this.el?.nativeElement.style.zIndex === "") ZIndexUtils.set("modal", this.el?.nativeElement, this.baseZIndex() || this.config.zIndex.modal);
+	}
+	onAnimationEnd() {
+		if (this.autoZIndex() && isEmpty(this.messages)) ZIndexUtils.clear(this.el?.nativeElement);
+	}
+	createStyle() {
+		const bps = this.breakpoints();
+		if (!this.styleElement) {
+			this.styleElement = this.renderer.createElement("style");
+			this.styleElement.type = "text/css";
+			setAttribute(this.styleElement, "nonce", this.config?.csp()?.nonce);
+			this.renderer.appendChild(this.document.head, this.styleElement);
+			let innerHTML = "";
+			for (let breakpoint in bps) {
+				let breakpointStyle = "";
+				for (let styleProp in bps[breakpoint]) breakpointStyle += styleProp + ":" + bps[breakpoint][styleProp] + " !important;";
+				innerHTML += `
                     @media screen and (max-width: ${breakpoint}) {
                         .h-toast[${this.id}] {
                            ${breakpointStyle}
                         }
                     }
                 `;
-            }
-            this.renderer.setProperty(this.styleElement, 'innerHTML', innerHTML);
-            setAttribute(this.styleElement, 'nonce', this.config?.csp()?.nonce);
-        }
-    }
-    destroyStyle() {
-        if (this.styleElement) {
-            this.renderer.removeChild(this.document.head, this.styleElement);
-            this.styleElement = null;
-        }
-    }
-    onDestroy() {
-        if (this.messageSubscription) {
-            this.messageSubscription.unsubscribe();
-        }
-        if (this.el && this.autoZIndex()) {
-            ZIndexUtils.clear(this.el.nativeElement);
-        }
-        if (this.clearSubscription) {
-            this.clearSubscription.unsubscribe();
-        }
-        this.destroyStyle();
-    }
-    get dataP() {
-        return this.cn({
-            [this.position()]: this.position()
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Toast, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: Toast, isStandalone: true, selector: "h-toast", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null }, autoZIndex: { classPropertyName: "autoZIndex", publicName: "autoZIndex", isSignal: true, isRequired: false, transformFunction: null }, baseZIndex: { classPropertyName: "baseZIndex", publicName: "baseZIndex", isSignal: true, isRequired: false, transformFunction: null }, life: { classPropertyName: "life", publicName: "life", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, preventOpenDuplicates: { classPropertyName: "preventOpenDuplicates", publicName: "preventOpenDuplicates", isSignal: true, isRequired: false, transformFunction: null }, preventDuplicates: { classPropertyName: "preventDuplicates", publicName: "preventDuplicates", isSignal: true, isRequired: false, transformFunction: null }, showTransformOptions: { classPropertyName: "showTransformOptions", publicName: "showTransformOptions", isSignal: true, isRequired: false, transformFunction: null }, hideTransformOptions: { classPropertyName: "hideTransformOptions", publicName: "hideTransformOptions", isSignal: true, isRequired: false, transformFunction: null }, showTransitionOptions: { classPropertyName: "showTransitionOptions", publicName: "showTransitionOptions", isSignal: true, isRequired: false, transformFunction: null }, hideTransitionOptions: { classPropertyName: "hideTransitionOptions", publicName: "hideTransitionOptions", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null }, breakpoints: { classPropertyName: "breakpoints", publicName: "breakpoints", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { position: "positionChange", onClose: "onClose" }, host: { properties: { "class": "cn(cx('root'), styleClass())", "style": "sx('root')", "attr.data-h": "dataP" } }, providers: [ToastStyle, { provide: TOAST_INSTANCE, useExisting: Toast }, { provide: PARENT_INSTANCE, useExisting: Toast }], queries: [{ propertyName: "template", first: true, predicate: ["message"], descendants: true, isSignal: true }, { propertyName: "headlessTemplate", first: true, predicate: ["headless"], descendants: true, isSignal: true }, { propertyName: "templates", predicate: HelixTemplate, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i3.Bind }], ngImport: i0, template: "@for (msg of messages; track msg; let i = $index) {\n  <h-toastItem\n    [message]=\"msg\"\n    [index]=\"i\"\n    [life]=\"life()\"\n    [clearAll]=\"clearAllTrigger()\"\n    (onClose)=\"onMessageClose($event)\"\n    (onAnimationEnd)=\"onAnimationEnd()\"\n    (onAnimationStart)=\"onAnimationStart()\"\n    [template]=\"template() || _template\"\n    [headlessTemplate]=\"headlessTemplate() || _headlessTemplate\"\n    [pt]=\"pt\"\n    [unstyled]=\"unstyled()\"\n    [motionOptions]=\"computedMotionOptions()\"\n  ></h-toastItem>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ToastItem, selector: "h-toastItem", inputs: ["message", "index", "life", "template", "headlessTemplate", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "motionOptions", "clearAll"], outputs: ["onAnimationStart", "onAnimationEnd", "onClose"] }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Toast, decorators: [{
-            type: Component,
-            args: [{ selector: 'h-toast', standalone: true, imports: [CommonModule, ToastItem, SharedModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [ToastStyle, { provide: TOAST_INSTANCE, useExisting: Toast }, { provide: PARENT_INSTANCE, useExisting: Toast }], host: {
-                        '[class]': "cn(cx('root'), styleClass())",
-                        '[style]': "sx('root')",
-                        '[attr.data-h]': 'dataP'
-                    }, hostDirectives: [Bind], template: "@for (msg of messages; track msg; let i = $index) {\n  <h-toastItem\n    [message]=\"msg\"\n    [index]=\"i\"\n    [life]=\"life()\"\n    [clearAll]=\"clearAllTrigger()\"\n    (onClose)=\"onMessageClose($event)\"\n    (onAnimationEnd)=\"onAnimationEnd()\"\n    (onAnimationStart)=\"onAnimationStart()\"\n    [template]=\"template() || _template\"\n    [headlessTemplate]=\"headlessTemplate() || _headlessTemplate\"\n    [pt]=\"pt\"\n    [unstyled]=\"unstyled()\"\n    [motionOptions]=\"computedMotionOptions()\"\n  ></h-toastItem>\n}\n" }]
-        }], ctorParameters: () => [], propDecorators: { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], autoZIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoZIndex", required: false }] }], baseZIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseZIndex", required: false }] }], life: [{ type: i0.Input, args: [{ isSignal: true, alias: "life", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }, { type: i0.Output, args: ["positionChange"] }], preventOpenDuplicates: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventOpenDuplicates", required: false }] }], preventDuplicates: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventDuplicates", required: false }] }], showTransformOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTransformOptions", required: false }] }], hideTransformOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideTransformOptions", required: false }] }], showTransitionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTransitionOptions", required: false }] }], hideTransitionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideTransitionOptions", required: false }] }], motionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "motionOptions", required: false }] }], breakpoints: [{ type: i0.Input, args: [{ isSignal: true, alias: "breakpoints", required: false }] }], onClose: [{ type: i0.Output, args: ["onClose"] }], template: [{ type: i0.ContentChild, args: ['message', { isSignal: true }] }], headlessTemplate: [{ type: i0.ContentChild, args: ['headless', { isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }] }] } });
-class ToastModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: ToastModule, imports: [Toast, SharedModule], exports: [Toast, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ToastModule, imports: [Toast, SharedModule, SharedModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ToastModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [Toast, SharedModule],
-                    exports: [Toast, SharedModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+			}
+			this.renderer.setProperty(this.styleElement, "innerHTML", innerHTML);
+			setAttribute(this.styleElement, "nonce", this.config?.csp()?.nonce);
+		}
+	}
+	destroyStyle() {
+		if (this.styleElement) {
+			this.renderer.removeChild(this.document.head, this.styleElement);
+			this.styleElement = null;
+		}
+	}
+	onDestroy() {
+		if (this.messageSubscription) this.messageSubscription.unsubscribe();
+		if (this.el && this.autoZIndex()) ZIndexUtils.clear(this.el.nativeElement);
+		if (this.clearSubscription) this.clearSubscription.unsubscribe();
+		this.destroyStyle();
+	}
+	get dataP() {
+		return this.cn({ [this.position()]: this.position() });
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: Toast,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: Toast,
+		isStandalone: true,
+		selector: "h-toast",
+		inputs: {
+			key: {
+				classPropertyName: "key",
+				publicName: "key",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			autoZIndex: {
+				classPropertyName: "autoZIndex",
+				publicName: "autoZIndex",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			baseZIndex: {
+				classPropertyName: "baseZIndex",
+				publicName: "baseZIndex",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			life: {
+				classPropertyName: "life",
+				publicName: "life",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			styleClass: {
+				classPropertyName: "styleClass",
+				publicName: "styleClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			position: {
+				classPropertyName: "position",
+				publicName: "position",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			preventOpenDuplicates: {
+				classPropertyName: "preventOpenDuplicates",
+				publicName: "preventOpenDuplicates",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			preventDuplicates: {
+				classPropertyName: "preventDuplicates",
+				publicName: "preventDuplicates",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showTransformOptions: {
+				classPropertyName: "showTransformOptions",
+				publicName: "showTransformOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hideTransformOptions: {
+				classPropertyName: "hideTransformOptions",
+				publicName: "hideTransformOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showTransitionOptions: {
+				classPropertyName: "showTransitionOptions",
+				publicName: "showTransitionOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hideTransitionOptions: {
+				classPropertyName: "hideTransitionOptions",
+				publicName: "hideTransitionOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			motionOptions: {
+				classPropertyName: "motionOptions",
+				publicName: "motionOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			breakpoints: {
+				classPropertyName: "breakpoints",
+				publicName: "breakpoints",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			position: "positionChange",
+			onClose: "onClose"
+		},
+		host: { properties: {
+			"class": "cn(cx('root'), styleClass())",
+			"style": "sx('root')",
+			"attr.data-h": "dataP"
+		} },
+		providers: [
+			ToastStyle,
+			{
+				provide: TOAST_INSTANCE,
+				useExisting: Toast
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: Toast
+			}
+		],
+		queries: [
+			{
+				propertyName: "template",
+				first: true,
+				predicate: ["message"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "headlessTemplate",
+				first: true,
+				predicate: ["headless"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "templates",
+				predicate: HelixTemplate,
+				isSignal: true
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i3.Bind }],
+		ngImport: i0,
+		template: "@for (msg of messages; track msg; let i = $index) {\n  <h-toastItem\n    [message]=\"msg\"\n    [index]=\"i\"\n    [life]=\"life()\"\n    [clearAll]=\"clearAllTrigger()\"\n    (onClose)=\"onMessageClose($event)\"\n    (onAnimationEnd)=\"onAnimationEnd()\"\n    (onAnimationStart)=\"onAnimationStart()\"\n    [template]=\"template() || _template\"\n    [headlessTemplate]=\"headlessTemplate() || _headlessTemplate\"\n    [pt]=\"pt\"\n    [unstyled]=\"unstyled()\"\n    [motionOptions]=\"computedMotionOptions()\"\n  ></h-toastItem>\n}\n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "component",
+				type: ToastItem,
+				selector: "h-toastItem",
+				inputs: [
+					"message",
+					"index",
+					"life",
+					"template",
+					"headlessTemplate",
+					"showTransformOptions",
+					"hideTransformOptions",
+					"showTransitionOptions",
+					"hideTransitionOptions",
+					"motionOptions",
+					"clearAll"
+				],
+				outputs: [
+					"onAnimationStart",
+					"onAnimationEnd",
+					"onClose"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: Toast,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-toast",
+			standalone: true,
+			imports: [
+				CommonModule,
+				ToastItem,
+				SharedModule
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			providers: [
+				ToastStyle,
+				{
+					provide: TOAST_INSTANCE,
+					useExisting: Toast
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: Toast
+				}
+			],
+			host: {
+				"[class]": "cn(cx('root'), styleClass())",
+				"[style]": "sx('root')",
+				"[attr.data-h]": "dataP"
+			},
+			hostDirectives: [Bind],
+			template: "@for (msg of messages; track msg; let i = $index) {\n  <h-toastItem\n    [message]=\"msg\"\n    [index]=\"i\"\n    [life]=\"life()\"\n    [clearAll]=\"clearAllTrigger()\"\n    (onClose)=\"onMessageClose($event)\"\n    (onAnimationEnd)=\"onAnimationEnd()\"\n    (onAnimationStart)=\"onAnimationStart()\"\n    [template]=\"template() || _template\"\n    [headlessTemplate]=\"headlessTemplate() || _headlessTemplate\"\n    [pt]=\"pt\"\n    [unstyled]=\"unstyled()\"\n    [motionOptions]=\"computedMotionOptions()\"\n  ></h-toastItem>\n}\n"
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		key: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "key",
+				required: false
+			}]
+		}],
+		autoZIndex: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "autoZIndex",
+				required: false
+			}]
+		}],
+		baseZIndex: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "baseZIndex",
+				required: false
+			}]
+		}],
+		life: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "life",
+				required: false
+			}]
+		}],
+		styleClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "styleClass",
+				required: false
+			}]
+		}],
+		position: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "position",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["positionChange"]
+		}],
+		preventOpenDuplicates: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "preventOpenDuplicates",
+				required: false
+			}]
+		}],
+		preventDuplicates: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "preventDuplicates",
+				required: false
+			}]
+		}],
+		showTransformOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showTransformOptions",
+				required: false
+			}]
+		}],
+		hideTransformOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hideTransformOptions",
+				required: false
+			}]
+		}],
+		showTransitionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showTransitionOptions",
+				required: false
+			}]
+		}],
+		hideTransitionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hideTransitionOptions",
+				required: false
+			}]
+		}],
+		motionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "motionOptions",
+				required: false
+			}]
+		}],
+		breakpoints: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "breakpoints",
+				required: false
+			}]
+		}],
+		onClose: [{
+			type: i0.Output,
+			args: ["onClose"]
+		}],
+		template: [{
+			type: i0.ContentChild,
+			args: ["message", { isSignal: true }]
+		}],
+		headlessTemplate: [{
+			type: i0.ContentChild,
+			args: ["headless", { isSignal: true }]
+		}],
+		templates: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }]
+		}]
+	}
+});
+var ToastModule = class ToastModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ToastModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ToastModule,
+		imports: [Toast, SharedModule],
+		exports: [Toast, SharedModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ToastModule,
+		imports: [
+			Toast,
+			SharedModule,
+			SharedModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: ToastModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [Toast, SharedModule],
+			exports: [Toast, SharedModule]
+		}]
+	}]
+});
 export { Toast, ToastClasses, ToastItem, ToastModule, ToastStyle };
-//# sourceMappingURL=gravionlabs-helix-core-toast.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-toast.mjs.map