@gravionlabs/helix-core 22.1.2 → 22.1.3

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

@@ -1,17 +1,16 @@
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, input, booleanAttribute, computed, output, signal, contentChild, contentChildren, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';
-import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
-import * as i1 from '@gravionlabs/helix-core/bind';
-import { Bind } from '@gravionlabs/helix-core/bind';
-import { TimesIcon } from '@gravionlabs/helix-core/icons';
-import { MotionModule } from '@gravionlabs/helix-core/motion';
-import { Ripple } from '@gravionlabs/helix-core/ripple';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
-const style = /*css*/ `
+import * as i2 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, inject, input, output, signal } from "@angular/core";
+import { HelixTemplate, SharedModule } from "@gravionlabs/helix-core/api";
+import { BaseComponent, PARENT_INSTANCE } from "@gravionlabs/helix-core/basecomponent";
+import * as i1 from "@gravionlabs/helix-core/bind";
+import { Bind } from "@gravionlabs/helix-core/bind";
+import { TimesIcon } from "@gravionlabs/helix-core/icons";
+import { MotionModule } from "@gravionlabs/helix-core/motion";
+import { Ripple } from "@gravionlabs/helix-core/ripple";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+const style = `
     .h-message {
         display: grid;
         grid-template-rows: 1fr;
@@ -327,282 +326,600 @@ const style = /*css*/ `
         }
     }
 `;
-
 const classes = {
-    root: ({ instance }) => ['h-message h-component h-message-' + instance.severity(), instance.variant() && 'h-message-' + instance.variant(), { 'h-message-sm': instance.size() === 'small', 'h-message-lg': instance.size() === 'large' }],
-    contentWrapper: 'h-message-content-wrapper',
-    content: 'h-message-content',
-    icon: 'h-message-icon',
-    text: 'h-message-text',
-    closeButton: 'h-message-close-button',
-    closeIcon: 'h-message-close-icon'
+	root: ({ instance }) => [
+		"h-message h-component h-message-" + instance.severity(),
+		instance.variant() && "h-message-" + instance.variant(),
+		{
+			"h-message-sm": instance.size() === "small",
+			"h-message-lg": instance.size() === "large"
+		}
+	],
+	contentWrapper: "h-message-content-wrapper",
+	content: "h-message-content",
+	icon: "h-message-icon",
+	text: "h-message-text",
+	closeButton: "h-message-close-button",
+	closeIcon: "h-message-close-icon"
+};
+var MessageStyle = class MessageStyle extends BaseStyle {
+	name = "message";
+	style = style;
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: MessageStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: MessageStyle
+	});
 };
-class MessageStyle extends BaseStyle {
-    name = 'message';
-    style = style;
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MessageStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MessageStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MessageStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * Message groups a collection of contents in tabs.
- *
- * [Live Demo](https://www.primeng.org/message/)
- *
- * @module messagestyle
- *
- */
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: MessageStyle,
+	decorators: [{ type: Injectable }]
+});
 var MessageClasses;
-(function (MessageClasses) {
-    /**
-     * Class name of the root element
-     */
-    MessageClasses["root"] = "h-message";
-    /**
-     * Class name of the content element
-     */
-    MessageClasses["content"] = "h-message-content";
-    /**
-     * Class name of the icon element
-     */
-    MessageClasses["icon"] = "h-message-icon";
-    /**
-     * Class name of the text element
-     */
-    MessageClasses["text"] = "h-message-text";
-    /**
-     * Class name of the close button element
-     */
-    MessageClasses["closeButton"] = "h-message-close-button";
-    /**
-     * Class name of the close icon element
-     */
-    MessageClasses["closeIcon"] = "h-message-close-icon";
+(function(MessageClasses) {
+	MessageClasses["root"] = "h-message";
+	MessageClasses["content"] = "h-message-content";
+	MessageClasses["icon"] = "h-message-icon";
+	MessageClasses["text"] = "h-message-text";
+	MessageClasses["closeButton"] = "h-message-close-button";
+	MessageClasses["closeIcon"] = "h-message-close-icon";
 })(MessageClasses || (MessageClasses = {}));
-
-const MESSAGE_INSTANCE = new InjectionToken('MESSAGE_INSTANCE');
-/**
- * Message groups a collection of contents in tabs.
- * @group Components
- */
-class Message extends BaseComponent {
-    componentName = 'Message';
-    _componentStyle = inject(MessageStyle);
-    bindDirectiveInstance = inject(Bind, { self: true });
-    $pcMessage = inject(MESSAGE_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-    }
-    /**
-     * Severity level of the message.
-     * @defaultValue 'info'
-     * @group Props
-     */
-    severity = input('info', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "severity" }] : /* istanbul ignore next */ []));
-    /**
-     * Text content.
-     * @deprecated since v20.0.0. Use content projection instead '<h-message>Content</h-message>'.
-     * @group Props
-     */
-    text = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
-    /**
-     * Whether displaying messages would be escaped or not.
-     * @deprecated since v20.0.0. Use content projection instead '<h-message>Content</h-message>'.
-     * @group Props
-     */
-    escape = input(true, { ...(ngDevMode ? { debugName: "escape" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    style = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "style" }] : /* istanbul ignore next */ []));
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    styleClass = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
-    /**
-     * Whether the message can be closed manually using the close icon.
-     * @group Props
-     * @defaultValue false
-     */
-    closable = input(false, { ...(ngDevMode ? { debugName: "closable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Icon to display in the message.
-     * @group Props
-     * @defaultValue undefined
-     */
-    icon = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
-    /**
-     * Icon to display in the message close button.
-     * @group Props
-     * @defaultValue undefined
-     */
-    closeIcon = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "closeIcon" }] : /* istanbul ignore next */ []));
-    /**
-     * Delay in milliseconds to close the message automatically.
-     * @defaultValue undefined
-     */
-    life = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "life" }] : /* istanbul ignore next */ []));
-    /**
-     * Transition options of the show animation.
-     * @defaultValue '300ms ease-out'
-     * @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.
-     * @defaultValue '200ms cubic-bezier(0.86, 0, 0.07, 1)'
-     * @group Props
-     * @deprecated since v21.0.0, use `motionOptions` instead.
-     */
-    hideTransitionOptions = input('200ms cubic-bezier(0.86, 0, 0.07, 1)', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hideTransitionOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * Defines the size of the component.
-     * @group Props
-     */
-    size = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    variant = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "variant" }] : /* 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 */ []));
-    /**
-     * Emits when the message is closed.
-     * @param {{ originalEvent: Event }} event - The event object containing the original event.
-     * @group Emits
-     */
-    onClose = output();
-    get closeAriaLabel() {
-        return this.config.translation.aria ? this.config.translation.aria.close : undefined;
-    }
-    visible = signal(true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
-    /**
-     * Custom template of the message container.
-     * @param {MessageContainerTemplateContext} context - container context.
-     * @see {@link MessageContainerTemplateContext}
-     * @group Templates
-     */
-    containerTemplate = contentChild('container', { ...(ngDevMode ? { debugName: "containerTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom template of the message icon.
-     * @group Templates
-     */
-    iconTemplate = contentChild('icon', { ...(ngDevMode ? { debugName: "iconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    /**
-     * Custom template of the close icon.
-     * @group Templates
-     */
-    closeIconTemplate = contentChild('closeicon', { ...(ngDevMode ? { debugName: "closeIconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    templates = contentChildren(HelixTemplate, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
-    _containerTemplate;
-    _iconTemplate;
-    _closeIconTemplate;
-    closeCallback = (event) => {
-        this.close(event);
-    };
-    onInit() {
-        const life = this.life();
-        if (life) {
-            setTimeout(() => {
-                this.visible.set(false);
-            }, life);
-        }
-    }
-    onAfterContentInit() {
-        this.templates()?.forEach((item) => {
-            switch (item.getType()) {
-                case 'container':
-                    this._containerTemplate = item.template;
-                    break;
-                case 'icon':
-                    this._iconTemplate = item.template;
-                    break;
-                case 'closeicon':
-                    this._closeIconTemplate = item.template;
-                    break;
-            }
-        });
-    }
-    /**
-     * Closes the message.
-     * @param {Event} event - Browser event.
-     * @group Method
-     */
-    close(event) {
-        this.visible.set(false);
-        this.onClose.emit({ originalEvent: event });
-    }
-    get dataP() {
-        return this.cn({
-            outlined: this.variant() === 'outlined',
-            simple: this.variant() === 'simple',
-            [this.severity()]: this.severity(),
-            [this.size()]: this.size()
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Message, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: Message, isStandalone: true, selector: "h-message", inputs: { severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, escape: { classPropertyName: "escape", publicName: "escape", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, closeIcon: { classPropertyName: "closeIcon", publicName: "closeIcon", isSignal: true, isRequired: false, transformFunction: null }, life: { classPropertyName: "life", publicName: "life", 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 }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClose: "onClose" }, host: { attributes: { "role": "alert", "aria-live": "polite" }, properties: { "attr.data-h": "dataP", "class": "cn(cx(\"root\"), styleClass())", "animate.enter": "\"h-message-enter-active\"", "animate.leave": "\"h-message-leave-active\"", "class.h-message-leave-active": "!visible()" } }, providers: [MessageStyle, { provide: MESSAGE_INSTANCE, useExisting: Message }, { provide: PARENT_INSTANCE, useExisting: Message }], queries: [{ propertyName: "containerTemplate", first: true, predicate: ["container"], isSignal: true }, { propertyName: "iconTemplate", first: true, predicate: ["icon"], isSignal: true }, { propertyName: "closeIconTemplate", first: true, predicate: ["closeicon"], isSignal: true }, { propertyName: "templates", predicate: HelixTemplate, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "<div [hBind]=\"ptm('contentWrapper')\" [class]=\"cx('contentWrapper')\" [attr.data-h]=\"dataP\">\n  <div [hBind]=\"ptm('content')\" [class]=\"cx('content')\" [attr.data-h]=\"dataP\">\n    @if (iconTemplate() || _iconTemplate) {\n      <ng-container *ngTemplateOutlet=\"iconTemplate() || _iconTemplate\"></ng-container>\n    }\n    @if (icon()) {\n      <i [hBind]=\"ptm('icon')\" [class]=\"cn(cx('icon'), icon())\" [attr.data-h]=\"dataP\"></i>\n    }\n\n    @if (containerTemplate() || _containerTemplate) {\n      <ng-container *ngTemplateOutlet=\"containerTemplate() || _containerTemplate; context: { closeCallback: closeCallback }\"></ng-container>\n    } @else {\n      @if (!escape()) {\n        <div>\n          @if (!escape()) {\n            <span [hBind]=\"ptm('text')\" [ngClass]=\"cx('text')\" [innerHTML]=\"text()\" [attr.data-h]=\"dataP\"></span>\n          }\n        </div>\n      } @else {\n        @if (escape() && text()) {\n          <span [hBind]=\"ptm('text')\" [ngClass]=\"cx('text')\" [attr.data-h]=\"dataP\">{{ text() }}</span>\n        }\n      }\n\n\n      <span [hBind]=\"ptm('text')\" [ngClass]=\"cx('text')\" [attr.data-h]=\"dataP\">\n        <ng-content></ng-content>\n      </span>\n    }\n    @if (closable()) {\n      <button [hBind]=\"ptm('closeButton')\" hRipple type=\"button\" [class]=\"cx('closeButton')\" (click)=\"close($event)\" [attr.aria-label]=\"closeAriaLabel\" [attr.data-h]=\"dataP\">\n        @if (closeIcon()) {\n          <i [hBind]=\"ptm('closeIcon')\" [class]=\"cn(cx('closeIcon'), closeIcon())\" [ngClass]=\"closeIcon()\" [attr.data-h]=\"dataP\"></i>\n        }\n        @if (closeIconTemplate() || _closeIconTemplate) {\n          <ng-container *ngTemplateOutlet=\"closeIconTemplate() || _closeIconTemplate\"></ng-container>\n        }\n        @if (!closeIconTemplate() && !_closeIconTemplate && !closeIcon()) {\n          <svg [hBind]=\"ptm('closeIcon')\" data-h-icon=\"times\" [class]=\"cx('closeIcon')\" [attr.data-h]=\"dataP\" />\n        }\n      </button>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TimesIcon, selector: "[data-h-icon=\"times\"]" }, { kind: "directive", type: Ripple, selector: "[hRipple]" }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[hBind]", inputs: ["hBind"] }, { kind: "ngmodule", type: MotionModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Message, decorators: [{
-            type: Component,
-            args: [{ selector: 'h-message', standalone: true, imports: [CommonModule, TimesIcon, Ripple, SharedModule, Bind, MotionModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [MessageStyle, { provide: MESSAGE_INSTANCE, useExisting: Message }, { provide: PARENT_INSTANCE, useExisting: Message }], hostDirectives: [Bind], host: {
-                        '[attr.data-h]': 'dataP',
-                        role: 'alert',
-                        'aria-live': 'polite',
-                        '[class]': 'cn(cx("root"), styleClass())',
-                        '[animate.enter]': '"h-message-enter-active"',
-                        '[animate.leave]': '"h-message-leave-active"',
-                        '[class.h-message-leave-active]': '!visible()'
-                    }, template: "<div [hBind]=\"ptm('contentWrapper')\" [class]=\"cx('contentWrapper')\" [attr.data-h]=\"dataP\">\n  <div [hBind]=\"ptm('content')\" [class]=\"cx('content')\" [attr.data-h]=\"dataP\">\n    @if (iconTemplate() || _iconTemplate) {\n      <ng-container *ngTemplateOutlet=\"iconTemplate() || _iconTemplate\"></ng-container>\n    }\n    @if (icon()) {\n      <i [hBind]=\"ptm('icon')\" [class]=\"cn(cx('icon'), icon())\" [attr.data-h]=\"dataP\"></i>\n    }\n\n    @if (containerTemplate() || _containerTemplate) {\n      <ng-container *ngTemplateOutlet=\"containerTemplate() || _containerTemplate; context: { closeCallback: closeCallback }\"></ng-container>\n    } @else {\n      @if (!escape()) {\n        <div>\n          @if (!escape()) {\n            <span [hBind]=\"ptm('text')\" [ngClass]=\"cx('text')\" [innerHTML]=\"text()\" [attr.data-h]=\"dataP\"></span>\n          }\n        </div>\n      } @else {\n        @if (escape() && text()) {\n          <span [hBind]=\"ptm('text')\" [ngClass]=\"cx('text')\" [attr.data-h]=\"dataP\">{{ text() }}</span>\n        }\n      }\n\n\n      <span [hBind]=\"ptm('text')\" [ngClass]=\"cx('text')\" [attr.data-h]=\"dataP\">\n        <ng-content></ng-content>\n      </span>\n    }\n    @if (closable()) {\n      <button [hBind]=\"ptm('closeButton')\" hRipple type=\"button\" [class]=\"cx('closeButton')\" (click)=\"close($event)\" [attr.aria-label]=\"closeAriaLabel\" [attr.data-h]=\"dataP\">\n        @if (closeIcon()) {\n          <i [hBind]=\"ptm('closeIcon')\" [class]=\"cn(cx('closeIcon'), closeIcon())\" [ngClass]=\"closeIcon()\" [attr.data-h]=\"dataP\"></i>\n        }\n        @if (closeIconTemplate() || _closeIconTemplate) {\n          <ng-container *ngTemplateOutlet=\"closeIconTemplate() || _closeIconTemplate\"></ng-container>\n        }\n        @if (!closeIconTemplate() && !_closeIconTemplate && !closeIcon()) {\n          <svg [hBind]=\"ptm('closeIcon')\" data-h-icon=\"times\" [class]=\"cx('closeIcon')\" [attr.data-h]=\"dataP\" />\n        }\n      </button>\n    }\n  </div>\n</div>\n" }]
-        }], propDecorators: { severity: [{ type: i0.Input, args: [{ isSignal: true, alias: "severity", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], escape: [{ type: i0.Input, args: [{ isSignal: true, alias: "escape", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], closeIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeIcon", required: false }] }], life: [{ type: i0.Input, args: [{ isSignal: true, alias: "life", required: false }] }], showTransitionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTransitionOptions", required: false }] }], hideTransitionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideTransitionOptions", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], motionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "motionOptions", required: false }] }], onClose: [{ type: i0.Output, args: ["onClose"] }], containerTemplate: [{ type: i0.ContentChild, args: ['container', { ...{ descendants: false }, isSignal: true }] }], iconTemplate: [{ type: i0.ContentChild, args: ['icon', { ...{ descendants: false }, isSignal: true }] }], closeIconTemplate: [{ type: i0.ContentChild, args: ['closeicon', { ...{ descendants: false }, isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }] }] } });
-class MessageModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: MessageModule, imports: [Message, SharedModule], exports: [Message, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MessageModule, imports: [Message, SharedModule, SharedModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: MessageModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [Message, SharedModule],
-                    exports: [Message, SharedModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const MESSAGE_INSTANCE = new InjectionToken("MESSAGE_INSTANCE");
+var Message = class Message extends BaseComponent {
+	componentName = "Message";
+	_componentStyle = inject(MessageStyle);
+	bindDirectiveInstance = inject(Bind, { self: true });
+	$pcMessage = inject(MESSAGE_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
+	}
+	severity = input("info", ...ngDevMode ? [{ debugName: "severity" }] : 	/* istanbul ignore next */ []);
+	text = input(...ngDevMode ? [void 0, { debugName: "text" }] : 	/* istanbul ignore next */ []);
+	escape = input(true, {
+		...ngDevMode ? { debugName: "escape" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	style = input(...ngDevMode ? [void 0, { debugName: "style" }] : 	/* istanbul ignore next */ []);
+	styleClass = input(...ngDevMode ? [void 0, { debugName: "styleClass" }] : 	/* istanbul ignore next */ []);
+	closable = input(false, {
+		...ngDevMode ? { debugName: "closable" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	icon = input(...ngDevMode ? [void 0, { debugName: "icon" }] : 	/* istanbul ignore next */ []);
+	closeIcon = input(...ngDevMode ? [void 0, { debugName: "closeIcon" }] : 	/* istanbul ignore next */ []);
+	life = input(...ngDevMode ? [void 0, { debugName: "life" }] : 	/* istanbul ignore next */ []);
+	showTransitionOptions = input("300ms ease-out", ...ngDevMode ? [{ debugName: "showTransitionOptions" }] : 	/* istanbul ignore next */ []);
+	hideTransitionOptions = input("200ms cubic-bezier(0.86, 0, 0.07, 1)", ...ngDevMode ? [{ debugName: "hideTransitionOptions" }] : 	/* istanbul ignore next */ []);
+	size = input(...ngDevMode ? [void 0, { debugName: "size" }] : 	/* istanbul ignore next */ []);
+	variant = input(...ngDevMode ? [void 0, { debugName: "variant" }] : 	/* 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 */ []);
+	onClose = output();
+	get closeAriaLabel() {
+		return this.config.translation.aria ? this.config.translation.aria.close : void 0;
+	}
+	visible = signal(true, ...ngDevMode ? [{ debugName: "visible" }] : 	/* istanbul ignore next */ []);
+	containerTemplate = contentChild("container", {
+		...ngDevMode ? { debugName: "containerTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	iconTemplate = contentChild("icon", {
+		...ngDevMode ? { debugName: "iconTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	closeIconTemplate = contentChild("closeicon", {
+		...ngDevMode ? { debugName: "closeIconTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	templates = contentChildren(HelixTemplate, ...ngDevMode ? [{ debugName: "templates" }] : 	/* istanbul ignore next */ []);
+	_containerTemplate;
+	_iconTemplate;
+	_closeIconTemplate;
+	closeCallback = (event) => {
+		this.close(event);
+	};
+	onInit() {
+		const life = this.life();
+		if (life) setTimeout(() => {
+			this.visible.set(false);
+		}, life);
+	}
+	onAfterContentInit() {
+		this.templates()?.forEach((item) => {
+			switch (item.getType()) {
+				case "container":
+					this._containerTemplate = item.template;
+					break;
+				case "icon":
+					this._iconTemplate = item.template;
+					break;
+				case "closeicon":
+					this._closeIconTemplate = item.template;
+					break;
+			}
+		});
+	}
+	close(event) {
+		this.visible.set(false);
+		this.onClose.emit({ originalEvent: event });
+	}
+	get dataP() {
+		return this.cn({
+			outlined: this.variant() === "outlined",
+			simple: this.variant() === "simple",
+			[this.severity()]: this.severity(),
+			[this.size()]: this.size()
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: Message,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: Message,
+		isStandalone: true,
+		selector: "h-message",
+		inputs: {
+			severity: {
+				classPropertyName: "severity",
+				publicName: "severity",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			text: {
+				classPropertyName: "text",
+				publicName: "text",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			escape: {
+				classPropertyName: "escape",
+				publicName: "escape",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			style: {
+				classPropertyName: "style",
+				publicName: "style",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			styleClass: {
+				classPropertyName: "styleClass",
+				publicName: "styleClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			closable: {
+				classPropertyName: "closable",
+				publicName: "closable",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			icon: {
+				classPropertyName: "icon",
+				publicName: "icon",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			closeIcon: {
+				classPropertyName: "closeIcon",
+				publicName: "closeIcon",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			life: {
+				classPropertyName: "life",
+				publicName: "life",
+				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
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			motionOptions: {
+				classPropertyName: "motionOptions",
+				publicName: "motionOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { onClose: "onClose" },
+		host: {
+			attributes: {
+				"role": "alert",
+				"aria-live": "polite"
+			},
+			properties: {
+				"attr.data-h": "dataP",
+				"class": "cn(cx(\"root\"), styleClass())",
+				"animate.enter": "\"h-message-enter-active\"",
+				"animate.leave": "\"h-message-leave-active\"",
+				"class.h-message-leave-active": "!visible()"
+			}
+		},
+		providers: [
+			MessageStyle,
+			{
+				provide: MESSAGE_INSTANCE,
+				useExisting: Message
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: Message
+			}
+		],
+		queries: [
+			{
+				propertyName: "containerTemplate",
+				first: true,
+				predicate: ["container"],
+				isSignal: true
+			},
+			{
+				propertyName: "iconTemplate",
+				first: true,
+				predicate: ["icon"],
+				isSignal: true
+			},
+			{
+				propertyName: "closeIconTemplate",
+				first: true,
+				predicate: ["closeicon"],
+				isSignal: true
+			},
+			{
+				propertyName: "templates",
+				predicate: HelixTemplate,
+				isSignal: true
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: "<div [hBind]=\"ptm('contentWrapper')\" [class]=\"cx('contentWrapper')\" [attr.data-h]=\"dataP\">\n  <div [hBind]=\"ptm('content')\" [class]=\"cx('content')\" [attr.data-h]=\"dataP\">\n    @if (iconTemplate() || _iconTemplate) {\n      <ng-container *ngTemplateOutlet=\"iconTemplate() || _iconTemplate\"></ng-container>\n    }\n    @if (icon()) {\n      <i [hBind]=\"ptm('icon')\" [class]=\"cn(cx('icon'), icon())\" [attr.data-h]=\"dataP\"></i>\n    }\n\n    @if (containerTemplate() || _containerTemplate) {\n      <ng-container *ngTemplateOutlet=\"containerTemplate() || _containerTemplate; context: { closeCallback: closeCallback }\"></ng-container>\n    } @else {\n      @if (!escape()) {\n        <div>\n          @if (!escape()) {\n            <span [hBind]=\"ptm('text')\" [ngClass]=\"cx('text')\" [innerHTML]=\"text()\" [attr.data-h]=\"dataP\"></span>\n          }\n        </div>\n      } @else {\n        @if (escape() && text()) {\n          <span [hBind]=\"ptm('text')\" [ngClass]=\"cx('text')\" [attr.data-h]=\"dataP\">{{ text() }}</span>\n        }\n      }\n\n\n      <span [hBind]=\"ptm('text')\" [ngClass]=\"cx('text')\" [attr.data-h]=\"dataP\">\n        <ng-content></ng-content>\n      </span>\n    }\n    @if (closable()) {\n      <button [hBind]=\"ptm('closeButton')\" hRipple type=\"button\" [class]=\"cx('closeButton')\" (click)=\"close($event)\" [attr.aria-label]=\"closeAriaLabel\" [attr.data-h]=\"dataP\">\n        @if (closeIcon()) {\n          <i [hBind]=\"ptm('closeIcon')\" [class]=\"cn(cx('closeIcon'), closeIcon())\" [ngClass]=\"closeIcon()\" [attr.data-h]=\"dataP\"></i>\n        }\n        @if (closeIconTemplate() || _closeIconTemplate) {\n          <ng-container *ngTemplateOutlet=\"closeIconTemplate() || _closeIconTemplate\"></ng-container>\n        }\n        @if (!closeIconTemplate() && !_closeIconTemplate && !closeIcon()) {\n          <svg [hBind]=\"ptm('closeIcon')\" data-h-icon=\"times\" [class]=\"cx('closeIcon')\" [attr.data-h]=\"dataP\" />\n        }\n      </button>\n    }\n  </div>\n</div>\n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: i2.NgClass,
+				selector: "[ngClass]",
+				inputs: ["class", "ngClass"]
+			},
+			{
+				kind: "directive",
+				type: i2.NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "component",
+				type: TimesIcon,
+				selector: "[data-h-icon=\"times\"]"
+			},
+			{
+				kind: "directive",
+				type: Ripple,
+				selector: "[hRipple]"
+			},
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "directive",
+				type: Bind,
+				selector: "[hBind]",
+				inputs: ["hBind"]
+			},
+			{
+				kind: "ngmodule",
+				type: MotionModule
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: Message,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-message",
+			standalone: true,
+			imports: [
+				CommonModule,
+				TimesIcon,
+				Ripple,
+				SharedModule,
+				Bind,
+				MotionModule
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			providers: [
+				MessageStyle,
+				{
+					provide: MESSAGE_INSTANCE,
+					useExisting: Message
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: Message
+				}
+			],
+			hostDirectives: [Bind],
+			host: {
+				"[attr.data-h]": "dataP",
+				role: "alert",
+				"aria-live": "polite",
+				"[class]": "cn(cx(\"root\"), styleClass())",
+				"[animate.enter]": "\"h-message-enter-active\"",
+				"[animate.leave]": "\"h-message-leave-active\"",
+				"[class.h-message-leave-active]": "!visible()"
+			},
+			template: "<div [hBind]=\"ptm('contentWrapper')\" [class]=\"cx('contentWrapper')\" [attr.data-h]=\"dataP\">\n  <div [hBind]=\"ptm('content')\" [class]=\"cx('content')\" [attr.data-h]=\"dataP\">\n    @if (iconTemplate() || _iconTemplate) {\n      <ng-container *ngTemplateOutlet=\"iconTemplate() || _iconTemplate\"></ng-container>\n    }\n    @if (icon()) {\n      <i [hBind]=\"ptm('icon')\" [class]=\"cn(cx('icon'), icon())\" [attr.data-h]=\"dataP\"></i>\n    }\n\n    @if (containerTemplate() || _containerTemplate) {\n      <ng-container *ngTemplateOutlet=\"containerTemplate() || _containerTemplate; context: { closeCallback: closeCallback }\"></ng-container>\n    } @else {\n      @if (!escape()) {\n        <div>\n          @if (!escape()) {\n            <span [hBind]=\"ptm('text')\" [ngClass]=\"cx('text')\" [innerHTML]=\"text()\" [attr.data-h]=\"dataP\"></span>\n          }\n        </div>\n      } @else {\n        @if (escape() && text()) {\n          <span [hBind]=\"ptm('text')\" [ngClass]=\"cx('text')\" [attr.data-h]=\"dataP\">{{ text() }}</span>\n        }\n      }\n\n\n      <span [hBind]=\"ptm('text')\" [ngClass]=\"cx('text')\" [attr.data-h]=\"dataP\">\n        <ng-content></ng-content>\n      </span>\n    }\n    @if (closable()) {\n      <button [hBind]=\"ptm('closeButton')\" hRipple type=\"button\" [class]=\"cx('closeButton')\" (click)=\"close($event)\" [attr.aria-label]=\"closeAriaLabel\" [attr.data-h]=\"dataP\">\n        @if (closeIcon()) {\n          <i [hBind]=\"ptm('closeIcon')\" [class]=\"cn(cx('closeIcon'), closeIcon())\" [ngClass]=\"closeIcon()\" [attr.data-h]=\"dataP\"></i>\n        }\n        @if (closeIconTemplate() || _closeIconTemplate) {\n          <ng-container *ngTemplateOutlet=\"closeIconTemplate() || _closeIconTemplate\"></ng-container>\n        }\n        @if (!closeIconTemplate() && !_closeIconTemplate && !closeIcon()) {\n          <svg [hBind]=\"ptm('closeIcon')\" data-h-icon=\"times\" [class]=\"cx('closeIcon')\" [attr.data-h]=\"dataP\" />\n        }\n      </button>\n    }\n  </div>\n</div>\n"
+		}]
+	}],
+	propDecorators: {
+		severity: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "severity",
+				required: false
+			}]
+		}],
+		text: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "text",
+				required: false
+			}]
+		}],
+		escape: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "escape",
+				required: false
+			}]
+		}],
+		style: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "style",
+				required: false
+			}]
+		}],
+		styleClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "styleClass",
+				required: false
+			}]
+		}],
+		closable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closable",
+				required: false
+			}]
+		}],
+		icon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icon",
+				required: false
+			}]
+		}],
+		closeIcon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeIcon",
+				required: false
+			}]
+		}],
+		life: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "life",
+				required: false
+			}]
+		}],
+		showTransitionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showTransitionOptions",
+				required: false
+			}]
+		}],
+		hideTransitionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hideTransitionOptions",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		motionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "motionOptions",
+				required: false
+			}]
+		}],
+		onClose: [{
+			type: i0.Output,
+			args: ["onClose"]
+		}],
+		containerTemplate: [{
+			type: i0.ContentChild,
+			args: ["container", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		iconTemplate: [{
+			type: i0.ContentChild,
+			args: ["icon", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		closeIconTemplate: [{
+			type: i0.ContentChild,
+			args: ["closeicon", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		templates: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }]
+		}]
+	}
+});
+var MessageModule = class MessageModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: MessageModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: MessageModule,
+		imports: [Message, SharedModule],
+		exports: [Message, SharedModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: MessageModule,
+		imports: [
+			Message,
+			SharedModule,
+			SharedModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: MessageModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [Message, SharedModule],
+			exports: [Message, SharedModule]
+		}]
+	}]
+});
 export { Message, MessageClasses, MessageModule, MessageStyle };
-//# sourceMappingURL=gravionlabs-helix-core-message.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-message.mjs.map