@gravionlabs/helix-core 22.0.0

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

@@ -0,0 +1,807 @@
+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*/ `
+    .h-toast {
+        width: dt('toast.width');
+        white-space: pre-line;
+        word-break: break-word;
+    }
+
+    .h-toast-message {
+        margin: 0 0 1rem 0;
+        display: grid;
+        grid-template-rows: 1fr;
+    }
+
+    .h-toast-message-icon {
+        flex-shrink: 0;
+        font-size: dt('toast.icon.size');
+        width: dt('toast.icon.size');
+        height: dt('toast.icon.size');
+    }
+
+    .h-toast-message-content {
+        display: flex;
+        align-items: flex-start;
+        padding: dt('toast.content.padding');
+        gap: dt('toast.content.gap');
+        min-height: 0;
+        overflow: hidden;
+        transition: padding 250ms ease-in;
+    }
+
+    .h-toast-message-text {
+        flex: 1 1 auto;
+        display: flex;
+        flex-direction: column;
+        gap: dt('toast.text.gap');
+    }
+
+    .h-toast-summary {
+        font-weight: dt('toast.summary.font.weight');
+        font-size: dt('toast.summary.font.size');
+    }
+
+    .h-toast-detail {
+        font-weight: dt('toast.detail.font.weight');
+        font-size: dt('toast.detail.font.size');
+    }
+
+    .h-toast-close-button {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        overflow: hidden;
+        position: relative;
+        cursor: pointer;
+        background: transparent;
+        transition:
+            background dt('toast.transition.duration'),
+            color dt('toast.transition.duration'),
+            outline-color dt('toast.transition.duration'),
+            box-shadow dt('toast.transition.duration');
+        outline-color: transparent;
+        color: inherit;
+        width: dt('toast.close.button.width');
+        height: dt('toast.close.button.height');
+        border-radius: dt('toast.close.button.border.radius');
+        margin: -25% 0 0 0;
+        right: -25%;
+        padding: 0;
+        border: none;
+        user-select: none;
+    }
+
+    .h-toast-close-button:dir(rtl) {
+        margin: -25% 0 0 auto;
+        left: -25%;
+        right: auto;
+    }
+
+    .h-toast-message-info,
+    .h-toast-message-success,
+    .h-toast-message-warn,
+    .h-toast-message-error,
+    .h-toast-message-secondary,
+    .h-toast-message-contrast {
+        border-width: dt('toast.border.width');
+        border-style: solid;
+        backdrop-filter: blur(dt('toast.blur'));
+        border-radius: dt('toast.border.radius');
+    }
+
+    .h-toast-close-icon {
+        font-size: dt('toast.close.icon.size');
+        width: dt('toast.close.icon.size');
+        height: dt('toast.close.icon.size');
+    }
+
+    .h-toast-close-button:focus-visible {
+        outline-width: dt('focus.ring.width');
+        outline-style: dt('focus.ring.style');
+        outline-offset: dt('focus.ring.offset');
+    }
+
+    .h-toast-message-info {
+        background: dt('toast.info.background');
+        border-color: dt('toast.info.border.color');
+        color: dt('toast.info.color');
+        box-shadow: dt('toast.info.shadow');
+    }
+
+    .h-toast-message-info .h-toast-detail {
+        color: dt('toast.info.detail.color');
+    }
+
+    .h-toast-message-info .h-toast-close-button:focus-visible {
+        outline-color: dt('toast.info.close.button.focus.ring.color');
+        box-shadow: dt('toast.info.close.button.focus.ring.shadow');
+    }
+
+    .h-toast-message-info .h-toast-close-button:hover {
+        background: dt('toast.info.close.button.hover.background');
+    }
+
+    .h-toast-message-success {
+        background: dt('toast.success.background');
+        border-color: dt('toast.success.border.color');
+        color: dt('toast.success.color');
+        box-shadow: dt('toast.success.shadow');
+    }
+
+    .h-toast-message-success .h-toast-detail {
+        color: dt('toast.success.detail.color');
+    }
+
+    .h-toast-message-success .h-toast-close-button:focus-visible {
+        outline-color: dt('toast.success.close.button.focus.ring.color');
+        box-shadow: dt('toast.success.close.button.focus.ring.shadow');
+    }
+
+    .h-toast-message-success .h-toast-close-button:hover {
+        background: dt('toast.success.close.button.hover.background');
+    }
+
+    .h-toast-message-warn {
+        background: dt('toast.warn.background');
+        border-color: dt('toast.warn.border.color');
+        color: dt('toast.warn.color');
+        box-shadow: dt('toast.warn.shadow');
+    }
+
+    .h-toast-message-warn .h-toast-detail {
+        color: dt('toast.warn.detail.color');
+    }
+
+    .h-toast-message-warn .h-toast-close-button:focus-visible {
+        outline-color: dt('toast.warn.close.button.focus.ring.color');
+        box-shadow: dt('toast.warn.close.button.focus.ring.shadow');
+    }
+
+    .h-toast-message-warn .h-toast-close-button:hover {
+        background: dt('toast.warn.close.button.hover.background');
+    }
+
+    .h-toast-message-error {
+        background: dt('toast.error.background');
+        border-color: dt('toast.error.border.color');
+        color: dt('toast.error.color');
+        box-shadow: dt('toast.error.shadow');
+    }
+
+    .h-toast-message-error .h-toast-detail {
+        color: dt('toast.error.detail.color');
+    }
+
+    .h-toast-message-error .h-toast-close-button:focus-visible {
+        outline-color: dt('toast.error.close.button.focus.ring.color');
+        box-shadow: dt('toast.error.close.button.focus.ring.shadow');
+    }
+
+    .h-toast-message-error .h-toast-close-button:hover {
+        background: dt('toast.error.close.button.hover.background');
+    }
+
+    .h-toast-message-secondary {
+        background: dt('toast.secondary.background');
+        border-color: dt('toast.secondary.border.color');
+        color: dt('toast.secondary.color');
+        box-shadow: dt('toast.secondary.shadow');
+    }
+
+    .h-toast-message-secondary .h-toast-detail {
+        color: dt('toast.secondary.detail.color');
+    }
+
+    .h-toast-message-secondary .h-toast-close-button:focus-visible {
+        outline-color: dt('toast.secondary.close.button.focus.ring.color');
+        box-shadow: dt('toast.secondary.close.button.focus.ring.shadow');
+    }
+
+    .h-toast-message-secondary .h-toast-close-button:hover {
+        background: dt('toast.secondary.close.button.hover.background');
+    }
+
+    .h-toast-message-contrast {
+        background: dt('toast.contrast.background');
+        border-color: dt('toast.contrast.border.color');
+        color: dt('toast.contrast.color');
+        box-shadow: dt('toast.contrast.shadow');
+    }
+    
+    .h-toast-message-contrast .h-toast-detail {
+        color: dt('toast.contrast.detail.color');
+    }
+
+    .h-toast-message-contrast .h-toast-close-button:focus-visible {
+        outline-color: dt('toast.contrast.close.button.focus.ring.color');
+        box-shadow: dt('toast.contrast.close.button.focus.ring.shadow');
+    }
+
+    .h-toast-message-contrast .h-toast-close-button:hover {
+        background: dt('toast.contrast.close.button.hover.background');
+    }
+
+    .h-toast-top-center {
+        transform: translateX(-50%);
+    }
+
+    .h-toast-bottom-center {
+        transform: translateX(-50%);
+    }
+
+    .h-toast-center {
+        min-width: 20vw;
+        transform: translate(-50%, -50%);
+    }
+
+    .h-toast-message-enter-active {
+        animation: h-animate-toast-enter 300ms ease-out;
+    }
+
+    .h-toast-message-leave-active {
+        animation: h-animate-toast-leave 250ms ease-in;
+    }
+
+    .h-toast-message-leave-to .h-toast-message-content {
+        padding-top: 0;
+        padding-bottom: 0;
+    }
+
+    @keyframes h-animate-toast-enter {
+        from {
+            opacity: 0;
+            transform: scale(0.6);
+        }
+        to {
+            opacity: 1;
+            grid-template-rows: 1fr;
+        }
+    }
+
+     @keyframes h-animate-toast-leave {
+        from {
+            opacity: 1;
+        }
+        to {
+            opacity: 0;
+            margin-bottom: 0;
+            grid-template-rows: 0fr;
+            transform: translateY(-100%) scale(0.6);
+        }
+    }
+`;
+
+// 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 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
+    })
+};
+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 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";
+})(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 += `
+                    @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.
+ */
+
+export { Toast, ToastClasses, ToastItem, ToastModule, ToastStyle };
+//# sourceMappingURL=gravionlabs-helix-core-toast.mjs.map