@acorex/components 22.1.0-next.31 → 22.1.0-next.32

package/fesm2022/acorex-components-message.mjs

@@ -0,0 +1,120 @@
+import * as i0 from '@angular/core';
+import { input, output, viewChild, computed, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { AXComponent } from '@acorex/cdk/common';
+import { AXAvatarComponent } from '@acorex/components/avatar';
+import { AXBubbleComponent } from '@acorex/components/bubble';
+import { AXDecoratorGenericComponent } from '@acorex/components/decorators';
+import { AXImageComponent } from '@acorex/components/image';
+import { AXContextMenuComponent } from '@acorex/components/menu';
+import { NgTemplateOutlet } from '@angular/common';
+import { cloneDeep } from 'lodash-es';
+import { AXInlineReactionComponent } from '@acorex/components/inline-reaction';
+import { AXMessageStatusComponent } from '@acorex/components/message-status';
+import { AXMessageTimeComponent } from '@acorex/components/message-time';
+
+class AXMessageComponent {
+    constructor() {
+        this.templateData = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "templateData" }] : /* istanbul ignore next */ []));
+        this.itemTemplate = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "itemTemplate" }] : /* istanbul ignore next */ []));
+        this.layout = input('ping-pong', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
+        /** Own message: aligned end in ping-pong and styled via inner ax-bubble. */
+        this.isown = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isown" }] : /* istanbul ignore next */ []));
+        this.text = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
+        this.avatarSrc = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "avatarSrc" }] : /* istanbul ignore next */ []));
+        this.avatarSize = input(32, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "avatarSize" }] : /* istanbul ignore next */ []));
+        this.showAvatar = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showAvatar" }] : /* istanbul ignore next */ []));
+        this.status = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+        this.time = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "time" }] : /* istanbul ignore next */ []));
+        /** Quick reactions shown in the context menu header. */
+        this.quickReactions = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "quickReactions" }] : /* istanbul ignore next */ []));
+        /** Context menu action items. Parent can also append via `contextMenuOpening`. */
+        this.contextMenuItems = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "contextMenuItems" }] : /* istanbul ignore next */ []));
+        /** Whether right-click context menu is enabled on the bubble. */
+        this.contextMenuEnabled = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "contextMenuEnabled" }] : /* istanbul ignore next */ []));
+        /** Emoji size in pixels inside the context menu reaction bar. */
+        this.reactionSize = input(20, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "reactionSize" }] : /* istanbul ignore next */ []));
+        /** Emits when a quick reaction or picker emoji is selected from the context menu. */
+        this.reactionSelected = output();
+        /** Emits while the context menu opens so the parent can customize `event.items`. */
+        this.contextMenuOpening = output();
+        /** Emits when a context menu action item is clicked. */
+        this.menuItemClick = output();
+        this.contextMenu = viewChild(AXContextMenuComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "contextMenu" }] : /* istanbul ignore next */ []));
+        this.hasTemplate = computed(() => !!this.itemTemplate(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasTemplate" }] : /* istanbul ignore next */ []));
+        this.showReactionBar = computed(() => this.quickReactions().length > 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showReactionBar" }] : /* istanbul ignore next */ []));
+        this.hostClass = computed(() => {
+            const layout = this.layout();
+            if (layout === 'stack') {
+                return 'ax-message ax-message-stack';
+            }
+            return `ax-message ax-message-ping-pong ax-message-${this.isown() ? 'end' : 'start'}`;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
+    }
+    onContextMenuOpening(event) {
+        event.items.push(...cloneDeep(this.contextMenuItems()));
+        this.contextMenuOpening.emit(event);
+    }
+    onReactionSelected(emoji) {
+        this.reactionSelected.emit(emoji);
+        this.contextMenu()?.close();
+    }
+    onMenuItemClick(event) {
+        this.menuItemClick.emit(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXMessageComponent, isStandalone: true, selector: "ax-message", inputs: { templateData: { classPropertyName: "templateData", publicName: "templateData", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, isown: { classPropertyName: "isown", publicName: "isown", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, avatarSrc: { classPropertyName: "avatarSrc", publicName: "avatarSrc", isSignal: true, isRequired: false, transformFunction: null }, avatarSize: { classPropertyName: "avatarSize", publicName: "avatarSize", isSignal: true, isRequired: false, transformFunction: null }, showAvatar: { classPropertyName: "showAvatar", publicName: "showAvatar", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, time: { classPropertyName: "time", publicName: "time", isSignal: true, isRequired: false, transformFunction: null }, quickReactions: { classPropertyName: "quickReactions", publicName: "quickReactions", isSignal: true, isRequired: false, transformFunction: null }, contextMenuItems: { classPropertyName: "contextMenuItems", publicName: "contextMenuItems", isSignal: true, isRequired: false, transformFunction: null }, contextMenuEnabled: { classPropertyName: "contextMenuEnabled", publicName: "contextMenuEnabled", isSignal: true, isRequired: false, transformFunction: null }, reactionSize: { classPropertyName: "reactionSize", publicName: "reactionSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { reactionSelected: "reactionSelected", contextMenuOpening: "contextMenuOpening", menuItemClick: "menuItemClick" }, host: { properties: { "class": "hostClass()" } }, providers: [{ provide: AXComponent, useExisting: AXMessageComponent }], viewQueries: [{ propertyName: "contextMenu", first: true, predicate: AXContextMenuComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (hasTemplate()) {\n  <ng-container [ngTemplateOutlet]=\"itemTemplate()!\" [ngTemplateOutletContext]=\"{ $implicit: templateData() }\" />\n} @else {\n  <div class=\"ax-message-body\">\n    @if (showAvatar()) {\n      <ax-avatar class=\"ax-message-avatar\" [size]=\"avatarSize()\">\n        @if (avatarSrc()) {\n          <ax-image [src]=\"avatarSrc()!\" [alt]=\"''\" />\n        }\n      </ax-avatar>\n    }\n\n    <div class=\"ax-message-bubble-target\" #bubbleTarget>\n      <ax-bubble [isown]=\"isown()\">\n        @if (text()) {\n          <ax-content>\n            <span class=\"ax-message-text\">\n              {{ text() }}\n            </span>\n          </ax-content>\n        }\n\n        <ng-content />\n\n        @if (status() || time()) {\n          <ax-footer class=\"ax-message-status-container\">\n            <ax-message-status [status]=\"status()!\" />\n            <ax-message-time [time]=\"time()\"></ax-message-time>\n          </ax-footer>\n        }\n      </ax-bubble>\n    </div>\n\n    @if (contextMenuEnabled()) {\n      <ax-context-menu\n        [target]=\"bubbleTarget\"\n        (onOpening)=\"onContextMenuOpening($event)\"\n        (onItemClick)=\"onMenuItemClick($event)\"\n      >\n        @if (showReactionBar()) {\n          <ax-header>\n            <ax-inline-reaction\n              [emojis]=\"quickReactions()\"\n              [size]=\"reactionSize()\"\n              [showExpanded]=\"true\"\n              (selected)=\"onReactionSelected($event)\"\n            />\n          </ax-header>\n        }\n      </ax-context-menu>\n    }\n  </div>\n}\n", styles: ["@layer components{ax-message{--ax-comp-bubble-radius: var(--ax-sys-border-radius);--ax-comp-bubble-tail-self: 0;display:flex;width:100%;max-width:100%}ax-message.ax-message-ping-pong.ax-message-start{justify-content:flex-start}ax-message.ax-message-ping-pong.ax-message-end{justify-content:flex-end}ax-message.ax-message-ping-pong .ax-message-body{display:inline-flex;max-width:85%;min-width:calc(var(--spacing, .25rem) * 0);align-items:flex-end;gap:calc(var(--spacing, .25rem) * 2)}ax-message.ax-message-ping-pong.ax-message-start .ax-message-body{flex-direction:row}ax-message.ax-message-ping-pong.ax-message-end .ax-message-body{flex-direction:row-reverse}ax-message.ax-message-stack{justify-content:flex-end}ax-message.ax-message-stack ax-bubble{border-radius:var(--ax-comp-bubble-radius);border-end-end-radius:var(--ax-comp-bubble-tail-self)}ax-message.ax-message-stack .ax-message-body{display:inline-flex;max-width:85%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:row-reverse;align-items:flex-end;gap:calc(var(--spacing, .25rem) * 2)}ax-message .ax-message-avatar{flex-shrink:0;align-self:flex-end}ax-message .ax-message-text{overflow-wrap:break-word;white-space:pre-wrap}ax-message .ax-message-status-container{display:flex;justify-content:flex-end}ax-message .ax-message-bubble-target{min-width:calc(var(--spacing, .25rem) * 0)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: AXBubbleComponent, selector: "ax-bubble", inputs: ["isown", "templateData", "itemTemplate"] }, { kind: "component", type: AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "component", type: AXMessageStatusComponent, selector: "ax-message-status", inputs: ["status"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXMessageTimeComponent, selector: "ax-message-time", inputs: ["time"] }, { kind: "component", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: ["orientation", "openOn", "closeOn", "closeOnRouteChange", "items", "target"], outputs: ["onItemClick", "onOpening", "onClose"] }, { kind: "component", type: AXInlineReactionComponent, selector: "ax-inline-reaction", inputs: ["emojis", "size", "maxVisible", "showExpanded", "closeOnClickOutside"], outputs: ["selected", "expandedChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-message', imports: [
+                        NgTemplateOutlet,
+                        AXAvatarComponent,
+                        AXBubbleComponent,
+                        AXImageComponent,
+                        AXMessageStatusComponent,
+                        AXDecoratorGenericComponent,
+                        AXMessageTimeComponent,
+                        AXContextMenuComponent,
+                        AXInlineReactionComponent,
+                    ], encapsulation: ViewEncapsulation.None, host: {
+                        '[class]': 'hostClass()',
+                    }, providers: [{ provide: AXComponent, useExisting: AXMessageComponent }], template: "@if (hasTemplate()) {\n  <ng-container [ngTemplateOutlet]=\"itemTemplate()!\" [ngTemplateOutletContext]=\"{ $implicit: templateData() }\" />\n} @else {\n  <div class=\"ax-message-body\">\n    @if (showAvatar()) {\n      <ax-avatar class=\"ax-message-avatar\" [size]=\"avatarSize()\">\n        @if (avatarSrc()) {\n          <ax-image [src]=\"avatarSrc()!\" [alt]=\"''\" />\n        }\n      </ax-avatar>\n    }\n\n    <div class=\"ax-message-bubble-target\" #bubbleTarget>\n      <ax-bubble [isown]=\"isown()\">\n        @if (text()) {\n          <ax-content>\n            <span class=\"ax-message-text\">\n              {{ text() }}\n            </span>\n          </ax-content>\n        }\n\n        <ng-content />\n\n        @if (status() || time()) {\n          <ax-footer class=\"ax-message-status-container\">\n            <ax-message-status [status]=\"status()!\" />\n            <ax-message-time [time]=\"time()\"></ax-message-time>\n          </ax-footer>\n        }\n      </ax-bubble>\n    </div>\n\n    @if (contextMenuEnabled()) {\n      <ax-context-menu\n        [target]=\"bubbleTarget\"\n        (onOpening)=\"onContextMenuOpening($event)\"\n        (onItemClick)=\"onMenuItemClick($event)\"\n      >\n        @if (showReactionBar()) {\n          <ax-header>\n            <ax-inline-reaction\n              [emojis]=\"quickReactions()\"\n              [size]=\"reactionSize()\"\n              [showExpanded]=\"true\"\n              (selected)=\"onReactionSelected($event)\"\n            />\n          </ax-header>\n        }\n      </ax-context-menu>\n    }\n  </div>\n}\n", styles: ["@layer components{ax-message{--ax-comp-bubble-radius: var(--ax-sys-border-radius);--ax-comp-bubble-tail-self: 0;display:flex;width:100%;max-width:100%}ax-message.ax-message-ping-pong.ax-message-start{justify-content:flex-start}ax-message.ax-message-ping-pong.ax-message-end{justify-content:flex-end}ax-message.ax-message-ping-pong .ax-message-body{display:inline-flex;max-width:85%;min-width:calc(var(--spacing, .25rem) * 0);align-items:flex-end;gap:calc(var(--spacing, .25rem) * 2)}ax-message.ax-message-ping-pong.ax-message-start .ax-message-body{flex-direction:row}ax-message.ax-message-ping-pong.ax-message-end .ax-message-body{flex-direction:row-reverse}ax-message.ax-message-stack{justify-content:flex-end}ax-message.ax-message-stack ax-bubble{border-radius:var(--ax-comp-bubble-radius);border-end-end-radius:var(--ax-comp-bubble-tail-self)}ax-message.ax-message-stack .ax-message-body{display:inline-flex;max-width:85%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:row-reverse;align-items:flex-end;gap:calc(var(--spacing, .25rem) * 2)}ax-message .ax-message-avatar{flex-shrink:0;align-self:flex-end}ax-message .ax-message-text{overflow-wrap:break-word;white-space:pre-wrap}ax-message .ax-message-status-container{display:flex;justify-content:flex-end}ax-message .ax-message-bubble-target{min-width:calc(var(--spacing, .25rem) * 0)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { templateData: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateData", required: false }] }], itemTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTemplate", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], isown: [{ type: i0.Input, args: [{ isSignal: true, alias: "isown", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], avatarSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarSrc", required: false }] }], avatarSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarSize", required: false }] }], showAvatar: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAvatar", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], time: [{ type: i0.Input, args: [{ isSignal: true, alias: "time", required: false }] }], quickReactions: [{ type: i0.Input, args: [{ isSignal: true, alias: "quickReactions", required: false }] }], contextMenuItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "contextMenuItems", required: false }] }], contextMenuEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "contextMenuEnabled", required: false }] }], reactionSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "reactionSize", required: false }] }], reactionSelected: [{ type: i0.Output, args: ["reactionSelected"] }], contextMenuOpening: [{ type: i0.Output, args: ["contextMenuOpening"] }], menuItemClick: [{ type: i0.Output, args: ["menuItemClick"] }], contextMenu: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXContextMenuComponent), { isSignal: true }] }] } });
+
+class AXMessageModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXMessageModule, imports: [AXMessageComponent], exports: [AXMessageComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXMessageModule, imports: [AXMessageComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXMessageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [AXMessageComponent],
+                    exports: [AXMessageComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXMessageComponent, AXMessageModule };
+//# sourceMappingURL=acorex-components-message.mjs.map

package/fesm2022/acorex-components-message.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-message.mjs","sources":["../../../../packages/components/message/src/lib/message.component.ts","../../../../packages/components/message/src/lib/message.component.html","../../../../packages/components/message/src/lib/message.module.ts","../../../../packages/components/message/src/acorex-components-message.ts"],"sourcesContent":["import { AXComponent } from '@acorex/cdk/common';\nimport { AXAvatarComponent } from '@acorex/components/avatar';\nimport { AXBubbleComponent } from '@acorex/components/bubble';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { AXImageComponent } from '@acorex/components/image';\nimport {\n  AXContextMenuComponent,\n  AXContextMenuItemsClickEvent,\n  AXContextMenuOpeningEvent,\n  AXMenuItem,\n} from '@acorex/components/menu';\nimport { AXEmoji } from '@acorex/core/constants';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { Component, computed, input, output, TemplateRef, viewChild, ViewEncapsulation } from '@angular/core';\nimport { cloneDeep } from 'lodash-es';\nimport { AXInlineReactionComponent } from '@acorex/components/inline-reaction';\nimport { AXMessageStatusComponent, MessageStatus } from '@acorex/components/message-status';\nimport { AXMessageTimeComponent } from '@acorex/components/message-time';\nimport type { AXMessageLayout, AXMessageTemplateContext } from './message.type';\n\n@Component({\n  selector: 'ax-message',\n  templateUrl: './message.component.html',\n  styleUrls: ['./message.component.css'],\n  imports: [\n    NgTemplateOutlet,\n    AXAvatarComponent,\n    AXBubbleComponent,\n    AXImageComponent,\n    AXMessageStatusComponent,\n    AXDecoratorGenericComponent,\n    AXMessageTimeComponent,\n    AXContextMenuComponent,\n    AXInlineReactionComponent,\n  ],\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'hostClass()',\n  },\n  providers: [{ provide: AXComponent, useExisting: AXMessageComponent }],\n})\nexport class AXMessageComponent<T = unknown> {\n  templateData = input<T>();\n\n  itemTemplate = input<TemplateRef<AXMessageTemplateContext<T>> | null>(null);\n\n  layout = input<AXMessageLayout>('ping-pong');\n\n  /** Own message: aligned end in ping-pong and styled via inner ax-bubble. */\n  isown = input(false);\n\n  text = input<string>('');\n\n  avatarSrc = input<string | null>(null);\n\n  avatarSize = input(32);\n\n  showAvatar = input(true);\n\n  status = input<MessageStatus | null>(null);\n\n  time = input<string | null>(null);\n\n  /** Quick reactions shown in the context menu header. */\n  quickReactions = input<readonly AXEmoji[]>([]);\n\n  /** Context menu action items. Parent can also append via `contextMenuOpening`. */\n  contextMenuItems = input<readonly AXMenuItem[]>([]);\n\n  /** Whether right-click context menu is enabled on the bubble. */\n  contextMenuEnabled = input(true);\n\n  /** Emoji size in pixels inside the context menu reaction bar. */\n  reactionSize = input(20);\n\n  /** Emits when a quick reaction or picker emoji is selected from the context menu. */\n  reactionSelected = output<AXEmoji>();\n\n  /** Emits while the context menu opens so the parent can customize `event.items`. */\n  contextMenuOpening = output<AXContextMenuOpeningEvent>();\n\n  /** Emits when a context menu action item is clicked. */\n  menuItemClick = output<AXContextMenuItemsClickEvent>();\n\n  private readonly contextMenu = viewChild(AXContextMenuComponent);\n\n  protected readonly hasTemplate = computed(() => !!this.itemTemplate());\n\n  protected readonly showReactionBar = computed(() => this.quickReactions().length > 0);\n\n  protected readonly hostClass = computed(() => {\n    const layout = this.layout();\n\n    if (layout === 'stack') {\n      return 'ax-message ax-message-stack';\n    }\n\n    return `ax-message ax-message-ping-pong ax-message-${this.isown() ? 'end' : 'start'}`;\n  });\n\n  protected onContextMenuOpening(event: AXContextMenuOpeningEvent): void {\n    event.items.push(...cloneDeep(this.contextMenuItems()));\n    this.contextMenuOpening.emit(event);\n  }\n\n  protected onReactionSelected(emoji: AXEmoji): void {\n    this.reactionSelected.emit(emoji);\n    this.contextMenu()?.close();\n  }\n\n  protected onMenuItemClick(event: AXContextMenuItemsClickEvent): void {\n    this.menuItemClick.emit(event);\n  }\n}\n","@if (hasTemplate()) {\n  <ng-container [ngTemplateOutlet]=\"itemTemplate()!\" [ngTemplateOutletContext]=\"{ $implicit: templateData() }\" />\n} @else {\n  <div class=\"ax-message-body\">\n    @if (showAvatar()) {\n      <ax-avatar class=\"ax-message-avatar\" [size]=\"avatarSize()\">\n        @if (avatarSrc()) {\n          <ax-image [src]=\"avatarSrc()!\" [alt]=\"''\" />\n        }\n      </ax-avatar>\n    }\n\n    <div class=\"ax-message-bubble-target\" #bubbleTarget>\n      <ax-bubble [isown]=\"isown()\">\n        @if (text()) {\n          <ax-content>\n            <span class=\"ax-message-text\">\n              {{ text() }}\n            </span>\n          </ax-content>\n        }\n\n        <ng-content />\n\n        @if (status() || time()) {\n          <ax-footer class=\"ax-message-status-container\">\n            <ax-message-status [status]=\"status()!\" />\n            <ax-message-time [time]=\"time()\"></ax-message-time>\n          </ax-footer>\n        }\n      </ax-bubble>\n    </div>\n\n    @if (contextMenuEnabled()) {\n      <ax-context-menu\n        [target]=\"bubbleTarget\"\n        (onOpening)=\"onContextMenuOpening($event)\"\n        (onItemClick)=\"onMenuItemClick($event)\"\n      >\n        @if (showReactionBar()) {\n          <ax-header>\n            <ax-inline-reaction\n              [emojis]=\"quickReactions()\"\n              [size]=\"reactionSize()\"\n              [showExpanded]=\"true\"\n              (selected)=\"onReactionSelected($event)\"\n            />\n          </ax-header>\n        }\n      </ax-context-menu>\n    }\n  </div>\n}\n","import { NgModule } from '@angular/core';\nimport { AXMessageComponent } from './message.component';\n\n@NgModule({\n  imports: [AXMessageComponent],\n  exports: [AXMessageComponent],\n})\nexport class AXMessageModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-navbar.mjs

@@ -16,10 +16,10 @@ class AXNavbarComponent extends MXLookComponent {
     get __hostClass() {
         return `ax-alert ax-none ${this.look}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXNavbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXNavbarComponent, isStandalone: true, selector: "ax-navbar", inputs: { look: "look" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXNavbarComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-navbar-start-side\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content select=\"ax-title\"></ng-content>\n</div>\n<ng-content></ng-content>\n<div class=\"ax-navbar-end-side\">\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: ["@layer properties;@layer components{ax-navbar{display:flex;min-height:calc(var(--spacing, .25rem) * 14);width:100%;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);background-color:rgba(var(--ax-comp-navbar-bg-color, none));border-bottom-width:var(--ax-comp-navbar-border-width, 0);border-color:rgba(var(--ax-comp-navbar-border-color, none))}ax-navbar.ax-fill{--ax-comp-navbar-bg-color: var(--ax-sys-color-surface)}ax-navbar.ax-flat{--ax-comp-navbar-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-navbar-border-width: 1px}.dark ax-navbar.ax-flat{--ax-comp-navbar-border-color: var(--ax-sys-color-border-darkest-surface)}ax-navbar.ax-solid{--ax-comp-navbar-bg-color: var(--ax-sys-color-lightest-surface)}.dark ax-navbar.ax-solid{--ax-comp-navbar-bg-color: var(--ax-sys-color-darkest-surface)}ax-navbar .ax-navbar-start-side{margin-inline-end:calc(var(--spacing, .25rem) * 8);display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6)}ax-navbar .ax-navbar-start-side ax-title{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-leading: calc(var(--spacing, .25rem) * 7);line-height:calc(var(--spacing, .25rem) * 7);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-navbar .ax-navbar-end-side ax-suffix{display:flex;gap:calc(var(--spacing, .25rem) * 2)}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNavbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AXNavbarComponent, isStandalone: true, selector: "ax-navbar", inputs: { look: "look" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXNavbarComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-navbar-start-side\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content select=\"ax-title\"></ng-content>\n</div>\n<ng-content></ng-content>\n<div class=\"ax-navbar-end-side\">\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: ["@layer properties;@layer components{ax-navbar{display:flex;min-height:calc(var(--spacing, .25rem) * 14);width:100%;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);background-color:rgba(var(--ax-comp-navbar-bg-color, none));border-bottom-width:var(--ax-comp-navbar-border-width, 0);border-color:rgba(var(--ax-comp-navbar-border-color, none))}ax-navbar.ax-fill{--ax-comp-navbar-bg-color: var(--ax-sys-color-surface)}ax-navbar.ax-flat{--ax-comp-navbar-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-navbar-border-width: 1px}.dark ax-navbar.ax-flat{--ax-comp-navbar-border-color: var(--ax-sys-color-border-darkest-surface)}ax-navbar.ax-solid{--ax-comp-navbar-bg-color: var(--ax-sys-color-lightest-surface)}.dark ax-navbar.ax-solid{--ax-comp-navbar-bg-color: var(--ax-sys-color-darkest-surface)}ax-navbar .ax-navbar-start-side{margin-inline-end:calc(var(--spacing, .25rem) * 8);display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6)}ax-navbar .ax-navbar-start-side ax-title{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-leading: calc(var(--spacing, .25rem) * 7);line-height:calc(var(--spacing, .25rem) * 7);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-navbar .ax-navbar-end-side ax-suffix{display:flex;gap:calc(var(--spacing, .25rem) * 2)}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXNavbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNavbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-navbar', inputs: ['look'], encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXNavbarComponent }], template: "<div class=\"ax-navbar-start-side\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content select=\"ax-title\"></ng-content>\n</div>\n<ng-content></ng-content>\n<div class=\"ax-navbar-end-side\">\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: ["@layer properties;@layer components{ax-navbar{display:flex;min-height:calc(var(--spacing, .25rem) * 14);width:100%;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);background-color:rgba(var(--ax-comp-navbar-bg-color, none));border-bottom-width:var(--ax-comp-navbar-border-width, 0);border-color:rgba(var(--ax-comp-navbar-border-color, none))}ax-navbar.ax-fill{--ax-comp-navbar-bg-color: var(--ax-sys-color-surface)}ax-navbar.ax-flat{--ax-comp-navbar-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-navbar-border-width: 1px}.dark ax-navbar.ax-flat{--ax-comp-navbar-border-color: var(--ax-sys-color-border-darkest-surface)}ax-navbar.ax-solid{--ax-comp-navbar-bg-color: var(--ax-sys-color-lightest-surface)}.dark ax-navbar.ax-solid{--ax-comp-navbar-bg-color: var(--ax-sys-color-darkest-surface)}ax-navbar .ax-navbar-start-side{margin-inline-end:calc(var(--spacing, .25rem) * 8);display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6)}ax-navbar .ax-navbar-start-side ax-title{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-leading: calc(var(--spacing, .25rem) * 7);line-height:calc(var(--spacing, .25rem) * 7);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-navbar .ax-navbar-end-side ax-suffix{display:flex;gap:calc(var(--spacing, .25rem) * 2)}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { __hostClass: [{
@@ -28,11 +28,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             }] } });
 
 class AXNavbarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXNavbarModule, imports: [AXNavbarComponent], exports: [AXNavbarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXNavbarModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXNavbarModule, imports: [AXNavbarComponent], exports: [AXNavbarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNavbarModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXNavbarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNavbarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AXNavbarComponent],

package/fesm2022/acorex-components-notification.mjs

@@ -338,10 +338,10 @@ class AXNotificationService {
         }
         return element.offsetTop + element.offsetHeight;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXNotificationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNotificationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXNotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNotificationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -469,13 +469,13 @@ class AXNotificationComponent extends MXBaseComponent {
     closeAll() {
         this.notificationService.hideAll();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXNotificationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXNotificationComponent, isStandalone: true, selector: "ax-notification", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, onClose: { classPropertyName: "onClose", publicName: "onClose", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNotificationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXNotificationComponent, isStandalone: true, selector: "ax-notification", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, onClose: { classPropertyName: "onClose", publicName: "onClose", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             { provide: AXClosableComponent, useExisting: AXNotificationComponent },
             { provide: AXComponent, useExisting: AXNotificationComponent },
-        ], usesInheritance: true, ngImport: i0, template: "<span class=\"ax-notification-icon ax-icon-solid {{ _icon }} ax-{{ this.config().color }}\"></span>\n<div class=\"ax-notification-content\">\n  <div class=\"ax-notification-title\" [class.ax-mb-2]=\"config().title && config().content\">\n    {{ config().title | translate | async }}\n  </div>\n  @if (templateContent(); as template) {\n    <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n  } @else if (componentContent(); as component) {\n    <ng-container [ngComponentOutlet]=\"component\"></ng-container>\n  } @else if (stringContent()) {\n    <div class=\"ax-notification-body\" [innerHTML]=\"stringContent() | translate | async | safe: 'html'\"></div>\n  }\n\n  @if (config().buttons?.length) {\n    <div class=\"ax-notification-buttons\">\n      @for (button of config().buttons; track $index) {\n        <ax-button\n          class=\"ax-xs\"\n          [text]=\"button.text | translate | async\"\n          [color]=\"button.color || 'default'\"\n          [look]=\"button.look || 'solid'\"\n          [disabled]=\"button.disabled\"\n          (onClick)=\"_handleButtonClick(button)\"\n        >\n          @if (button.loading) {\n            <ax-loading></ax-loading>\n          }\n        </ax-button>\n      }\n    </div>\n  }\n</div>\n@if (config().closeButton) {\n  <ax-close-button></ax-close-button>\n}\n@if (config().timeOutProgress && config().timeOut && remainingTime()) {\n  <div\n    [class]=\"'ax-notification-progress ax-' + this.config().color\"\n    [style.transition-duration]=\"transitionDuration()\"\n    [style.width]=\"(remainingTime() * 100) / config().timeOut + '%'\"\n  ></div>\n}\n", styles: ["@layer properties;@layer components{ax-notification{--ax-comp-notification-shadow-rest: var(--ax-sys-effect-prominent-floating);--ax-comp-notification-inner-border-rest: var(--ax-sys-inner-border-surface);--ax-comp-notification-contrast-inner-border-rest: var(--ax-sys-contrast-inner-border-surface);--ax-comp-notification-contrast-surface-overlay-rest: var(--ax-sys-contrast-surface-overlay-surface);--ax-comp-notification-backdrop-filter-rest: var(--ax-sys-backdrop-filter-surface);--ax-comp-notification-surface-overlay-rest: var(--ax-sys-surface-overlay-prominent-floating);position:relative;display:flex;width:98vw;overflow:hidden;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding:calc(var(--spacing, .25rem) * 4);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));background-color:rgba(var(--ax-sys-color-lightest-surface));background-image:linear-gradient(var(--ax-comp-notification-contrast-surface-overlay-rest),var(--ax-comp-notification-contrast-surface-overlay-rest)),linear-gradient(var(--ax-comp-notification-surface-overlay-rest),var(--ax-comp-notification-surface-overlay-rest));box-shadow:var(--ax-comp-notification-contrast-inner-border-rest),var(--ax-comp-notification-inner-border-rest),var(--ax-comp-notification-shadow-rest);backdrop-filter:var(--ax-comp-notification-backdrop-filter-rest);-webkit-backdrop-filter:var(--ax-comp-notification-backdrop-filter-rest)}ax-notification:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-darker-surface))}@media(min-width:768px){ax-notification{width:calc(var(--spacing, .25rem) * 96)}}ax-notification .ax-notification-icon{padding-inline-end:calc(var(--spacing, .25rem) * 3);color:var(--ax-comp-bg)}ax-notification .ax-notification-content{display:flex;flex:1;flex-direction:column;justify-content:center;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:rgba(var(--ax-sys-color-on-surface))}ax-notification .ax-notification-content .ax-notification-title{--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}ax-notification .ax-notification-content .ax-notification-body{--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5)}ax-notification .ax-notification-content .ax-notification-buttons{margin-top:calc(var(--spacing, .25rem) * 3);display:flex;gap:calc(var(--spacing, .25rem) * 3)}ax-notification .ax-notification-progress{position:absolute;inset-inline-start:calc(var(--spacing, .25rem) * 0);inset-inline-end:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);height:calc(var(--spacing, .25rem) * 1);width:100%;background-color:var(--ax-comp-bg);transition-property:width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .3s;transition-duration:.3s;--tw-ease: linear;transition-timing-function:linear}ax-notification .ax-notification-icon,ax-notification .ax-icon-close{max-width:fit-content;align-items:flex-start!important;font-size:var(--text-xl, 1.25rem)!important;line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))!important}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-ease{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-leading: initial;--tw-duration: initial;--tw-ease: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["closeAll", "icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXSafePipe, name: "safe" }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<span class=\"ax-notification-icon ax-icon-solid {{ _icon }} ax-{{ this.config().color }}\"></span>\n<div class=\"ax-notification-content\">\n  <div class=\"ax-notification-title\" [class.ax-mb-2]=\"config().title && config().content\">\n    {{ config().title | translate | async }}\n  </div>\n  @if (templateContent(); as template) {\n    <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n  } @else if (componentContent(); as component) {\n    <ng-container [ngComponentOutlet]=\"component\"></ng-container>\n  } @else if (stringContent()) {\n    <div class=\"ax-notification-body\" [innerHTML]=\"stringContent() | translate | async | safe: 'html'\"></div>\n  }\n\n  @if (config().buttons?.length) {\n    <div class=\"ax-notification-buttons\">\n      @for (button of config().buttons; track $index) {\n        <ax-button\n          class=\"ax-xs\"\n          [text]=\"button.text | translate | async\"\n          [color]=\"button.color || 'default'\"\n          [look]=\"button.look || 'solid'\"\n          [disabled]=\"button.disabled\"\n          (onClick)=\"_handleButtonClick(button)\"\n        >\n          @if (button.loading) {\n            <ax-loading></ax-loading>\n          }\n        </ax-button>\n      }\n    </div>\n  }\n</div>\n@if (config().closeButton) {\n  <ax-close-button></ax-close-button>\n}\n@if (config().timeOutProgress && config().timeOut && remainingTime()) {\n  <div\n    [class]=\"'ax-notification-progress ax-' + this.config().color\"\n    [style.transition-duration]=\"transitionDuration()\"\n    [style.width]=\"(remainingTime() * 100) / config().timeOut + '%'\"\n  ></div>\n}\n", styles: ["@layer properties;@layer components{ax-notification{--ax-comp-notification-shadow-rest: var(--ax-sys-effect-prominent-floating);--ax-comp-notification-inner-border-rest: var(--ax-sys-inner-border-surface);--ax-comp-notification-contrast-inner-border-rest: var(--ax-sys-contrast-inner-border-surface);--ax-comp-notification-contrast-surface-overlay-rest: var(--ax-sys-contrast-surface-overlay-surface);--ax-comp-notification-backdrop-filter-rest: var(--ax-sys-backdrop-filter-surface);--ax-comp-notification-surface-overlay-rest: var(--ax-sys-surface-overlay-prominent-floating);position:relative;display:flex;width:98vw;overflow:hidden;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));padding:calc(var(--spacing, .25rem) * 4);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));background-color:rgba(var(--ax-sys-color-lightest-surface));background-image:linear-gradient(var(--ax-comp-notification-contrast-surface-overlay-rest),var(--ax-comp-notification-contrast-surface-overlay-rest)),linear-gradient(var(--ax-comp-notification-surface-overlay-rest),var(--ax-comp-notification-surface-overlay-rest));box-shadow:var(--ax-comp-notification-contrast-inner-border-rest),var(--ax-comp-notification-inner-border-rest),var(--ax-comp-notification-shadow-rest);backdrop-filter:var(--ax-comp-notification-backdrop-filter-rest);-webkit-backdrop-filter:var(--ax-comp-notification-backdrop-filter-rest)}ax-notification:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-darker-surface))}@media(min-width:768px){ax-notification{width:calc(var(--spacing, .25rem) * 96)}}ax-notification .ax-notification-icon{padding-inline-end:calc(var(--spacing, .25rem) * 3);color:var(--ax-comp-bg)}ax-notification .ax-notification-content{display:flex;flex:1;flex-direction:column;justify-content:center;--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:rgba(var(--ax-sys-color-on-surface))}ax-notification .ax-notification-content .ax-notification-title{--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}ax-notification .ax-notification-content .ax-notification-body{--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5)}ax-notification .ax-notification-content .ax-notification-buttons{margin-top:calc(var(--spacing, .25rem) * 3);display:flex;gap:calc(var(--spacing, .25rem) * 3)}ax-notification .ax-notification-progress{position:absolute;inset-inline-start:calc(var(--spacing, .25rem) * 0);inset-inline-end:calc(var(--spacing, .25rem) * 0);bottom:calc(var(--spacing, .25rem) * 0);height:calc(var(--spacing, .25rem) * 1);width:100%;background-color:var(--ax-comp-bg);transition-property:width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .3s;transition-duration:.3s;--tw-ease: linear;transition-timing-function:linear}ax-notification .ax-notification-icon,ax-notification .ax-icon-close{max-width:fit-content;align-items:flex-start!important;font-size:var(--text-xl, 1.25rem)!important;line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))!important}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-ease{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-leading: initial;--tw-duration: initial;--tw-ease: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["closeAll", "icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXSafePipe, name: "safe" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXNotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNotificationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-notification', encapsulation: ViewEncapsulation.None, providers: [
                         { provide: AXClosableComponent, useExisting: AXNotificationComponent },
@@ -493,11 +493,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], onClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "onClose", required: false }] }] } });
 
 class AXNotificationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXNotificationModule, imports: [AXNotificationComponent], exports: [AXNotificationComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXNotificationModule, imports: [AXNotificationComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXNotificationModule, imports: [AXNotificationComponent], exports: [AXNotificationComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNotificationModule, imports: [AXNotificationComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXNotificationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AXNotificationComponent],

package/fesm2022/acorex-components-notification.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-notification.mjs","sources":["../../../../packages/components/notification/src/lib/notification.config.ts","../../../../packages/components/notification/src/lib/notification.service.ts","../../../../packages/components/notification/src/lib/notification.component.ts","../../../../packages/components/notification/src/lib/notification.component.html","../../../../packages/components/notification/src/lib/notification.module.ts","../../../../packages/components/notification/src/acorex-components-notification.ts"],"sourcesContent":["import { AXLocation } from '@acorex/cdk/common';\nimport { InjectionToken } from '@angular/core';\n\nexport interface AXNotificationConfig {\n  gap: number;\n  timeOut: number;\n  timeOutProgress: boolean;\n  location: AXLocation;\n  closeButton: boolean;\n  limit: number;\n  pauseOnHover: boolean;\n}\n\nexport const AX_NOTIFICATION_CONFIG = new InjectionToken<AXNotificationConfig>('AX_NOTIFICATION_CONFIG', {\n  providedIn: 'root',\n  factory: () => AXNotificationDefaultConfig,\n});\n\nexport const AXNotificationDefaultConfig: AXNotificationConfig = {\n  gap: 5,\n  timeOut: 2500,\n  timeOutProgress: true,\n  closeButton: true,\n  location: 'top-end',\n  limit: 3,\n  pauseOnHover: true,\n};\n\nexport type PartialNotificationConfig = Partial<AXNotificationConfig>;\n\nexport function notificationConfig(config: PartialNotificationConfig = {}): AXNotificationConfig {\n  const result = {\n    ...AXNotificationDefaultConfig,\n    ...config,\n  };\n  return result;\n}\n","import { AXLocation, AXStyleColorType } from '@acorex/cdk/common';\nimport { AXOverlayService } from '@acorex/cdk/overlay';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport { Injectable, inject, signal } from '@angular/core';\nimport {\n  AXNotificationData,\n  AXNotificationOptions as AXNotificationDisplayConfig,\n  AXNotificationInternalRef,\n  AXNotificationRef,\n} from './notification.class';\nimport { AXNotificationComponent } from './notification.component';\nimport { AXNotificationConfig, AX_NOTIFICATION_CONFIG } from './notification.config';\n\ntype AXReservedNotifications = {\n  config: AXNotificationDisplayConfig;\n  reservedRef: {\n    close: () => void;\n  };\n};\n\nlet notificationIdCounter = 0;\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class AXNotificationService {\n  private overlayService = inject(AXOverlayService);\n  private translationService: AXTranslationService = inject(AXTranslationService);\n  private defaultConfig: AXNotificationConfig = inject(AX_NOTIFICATION_CONFIG);\n\n  private activeNotifications = signal<AXNotificationInternalRef[]>([]);\n  private reservedNotifications = signal<AXReservedNotifications[]>([]);\n  private notificationCounterRef = signal<AXNotificationInternalRef | null>(null);\n  private moreNotificationsColor = signal<AXStyleColorType>('primary');\n  private moreNotificationsLocation = signal<AXLocation>('bottom-center');\n  private moreNotificationsContextElement = signal<AXNotificationDisplayConfig['contextElement']>(undefined);\n  private reserveCounter = signal(0);\n\n  show(config: AXNotificationDisplayConfig): AXNotificationRef {\n    config = { ...this.defaultConfig, ...config };\n\n    this.moreNotificationsColor.set(config.color);\n    this.moreNotificationsLocation.set(config.location);\n    this.moreNotificationsContextElement.set(config.contextElement);\n\n    if (this.defaultConfig.limit > 0 && this.activeNotifications().length >= this.defaultConfig.limit) {\n      const reservedRef = {\n        close: () => {\n          console.warn('Reserved notification cannot be closed until it is displayed.');\n        },\n      };\n      this.reservedNotifications.update((prev) => [...prev, { config, reservedRef }]);\n\n      this.handleReservedNotificationCounter();\n      return reservedRef;\n    }\n\n    return this.displayNotification(config);\n  }\n\n  private displayNotification(config: AXNotificationDisplayConfig): AXNotificationRef {\n    const gap = this.defaultConfig.gap;\n    const notificationData: AXNotificationData = {\n      buttons: config.buttons,\n      icon: config.icon,\n      title: config.title,\n      content: config.content,\n      location: config.location,\n      closeButton: config.closeButton ?? true,\n      color: config.color,\n      timeOut: config.timeOut,\n      timeOutProgress: config.timeOutProgress ?? true,\n      pauseOnHover: config.pauseOnHover,\n    };\n\n    const notificationId = `notification-${++notificationIdCounter}`;\n    let internalRef: AXNotificationInternalRef;\n\n    const closeNotification = () => {\n      if (internalRef) {\n        internalRef.overlayRef.dispose();\n        this.activeNotifications.set(this.activeNotifications().filter((n) => n.id !== internalRef.id));\n        this.handleShowReservedNotification();\n        this.handleReservedNotificationCounter();\n        setTimeout(() => {\n          this.reposition(config.location, gap);\n        });\n      }\n    };\n\n    this.overlayService\n      .create<AXNotificationComponent>(AXNotificationComponent, {\n        inputs: {\n          config: notificationData,\n          onClose: closeNotification,\n        },\n        contextElement: config.contextElement,\n        centered: false,\n        panelClass: ['animate-animated', 'animate-fadeIn', 'animate-faster'],\n        onDispose: () => {\n          // Clean up when disposed externally\n          const currentNotifications = this.activeNotifications();\n          if (internalRef && currentNotifications.find((n) => n.id === internalRef.id)) {\n            this.activeNotifications.set(currentNotifications.filter((n) => n.id !== internalRef.id));\n            this.handleShowReservedNotification();\n            this.handleReservedNotificationCounter();\n          }\n        },\n      })\n      .then((overlayRef) => {\n        internalRef = {\n          id: notificationId,\n          overlayRef,\n          config: notificationData,\n          contextElement: config.contextElement,\n          close: closeNotification,\n        };\n\n        // Position the notification BEFORE adding to activeNotifications\n        this.positionNotification(overlayRef.overlayElement, config.location, gap);\n\n        this.activeNotifications.update((prev) => [...prev, internalRef]);\n        this.handleReservedNotificationCounter();\n      });\n\n    return {\n      close: () => {\n        closeNotification();\n      },\n    };\n  }\n\n  hideAll() {\n    this.reserveCounter.set(0);\n    this.reservedNotifications.set([]);\n\n    // Close all active notifications\n    this.activeNotifications().forEach((notification) => {\n      notification.overlayRef.dispose();\n    });\n    this.activeNotifications.set([]);\n\n    // Close counter notification if exists\n    const counterRef = this.notificationCounterRef();\n    if (counterRef) {\n      counterRef.overlayRef.dispose();\n      this.notificationCounterRef.set(null);\n    }\n\n    this.handleReservedNotificationCounter();\n  }\n\n  private handleShowReservedNotification() {\n    if (this.activeNotifications().length > this.defaultConfig.limit - 1) return;\n    if (!this.reservedNotifications().length) return;\n\n    const reserved = this.reservedNotifications()[0];\n    this.reservedNotifications.update((prev) => prev.slice(1));\n\n    const displayedRef = this.displayNotification(reserved.config);\n    this.handleReservedNotificationCounter();\n    reserved.reservedRef.close = displayedRef.close;\n  }\n\n  private handleReservedNotificationCounter() {\n    const reservedCount = this.reservedNotifications().length;\n\n    if (reservedCount === this.reserveCounter()) return;\n\n    this.reserveCounter.set(reservedCount);\n\n    if (reservedCount === 0 && this.notificationCounterRef() !== null) {\n      this.notificationCounterRef().close();\n      this.notificationCounterRef.set(null);\n      return;\n    }\n\n    if (reservedCount > 0) {\n      if (this.notificationCounterRef() !== null) {\n        this.notificationCounterRef().close();\n        this.notificationCounterRef.set(null);\n      }\n      this.createReservedCounterNotification();\n    }\n  }\n\n  private async createReservedCounterNotification() {\n    const gap = this.defaultConfig.gap;\n    const opt: AXNotificationData = {\n      closeButton: false,\n      color: this.moreNotificationsColor(),\n      location: this.moreNotificationsLocation(),\n      title: await this.translationService.translateAsync('@acorex:common.notifications.more', {\n        params: { number: this.reserveCounter() },\n      }),\n      timeOutProgress: false,\n    };\n\n    const notificationId = `notification-counter-${++notificationIdCounter}`;\n\n    const counterContextElement =\n      this.moreNotificationsContextElement() ?? this.activeNotifications()[0]?.contextElement;\n\n    const overlayRef = await this.overlayService.create<AXNotificationComponent>(AXNotificationComponent, {\n      inputs: {\n        config: opt,\n        onClose: () => {\n          const currentCounterRef = this.notificationCounterRef();\n          if (currentCounterRef) {\n            currentCounterRef.overlayRef.dispose();\n            if (currentCounterRef.id === notificationId) {\n              this.notificationCounterRef.set(null);\n            }\n          }\n        },\n      },\n      contextElement: counterContextElement,\n      centered: false,\n      panelClass: ['animate-animated', 'animate-fadeIn', 'animate-faster'],\n    });\n\n    const counterInternalRef: AXNotificationInternalRef = {\n      id: notificationId,\n      overlayRef,\n      config: opt,\n      close: () => {\n        counterInternalRef.overlayRef.dispose();\n        if (this.notificationCounterRef()?.id === counterInternalRef.id) {\n          this.notificationCounterRef.set(null);\n        }\n      },\n    };\n\n    this.notificationCounterRef.set(counterInternalRef);\n\n    // Position the counter notification\n    this.positionNotification(overlayRef.overlayElement, opt.location, gap);\n  }\n\n  private positionNotification(element: HTMLElement, location: AXLocation, gap: number): void {\n    if (!element) return;\n\n    const pos = this.getPosition(location) + gap;\n\n    // Override the centered overlay container styles for notification positioning\n    element.style.width = 'max-content';\n    element.style.height = 'auto';\n    element.style.display = 'block';\n    element.style.alignItems = '';\n    element.style.justifyContent = '';\n\n    // Reset all positioning styles\n    element.style.top = '';\n    element.style.bottom = '';\n    element.style.left = '';\n    element.style.right = '';\n    element.style.transform = '';\n\n    // Apply position based on location\n    switch (location) {\n      case 'bottom-center':\n        element.style.bottom = pos + 'px';\n        element.style.left = '50%';\n        element.style.transform = 'translateX(-50%)';\n        break;\n      case 'bottom-end':\n        element.style.bottom = pos + 'px';\n        element.style.right = gap + 'px';\n        break;\n      case 'bottom-start':\n        element.style.bottom = pos + 'px';\n        element.style.left = gap + 'px';\n        break;\n      case 'top-center':\n        element.style.top = pos + 'px';\n        element.style.left = '50%';\n        element.style.transform = 'translateX(-50%)';\n        break;\n      case 'top-end':\n        element.style.top = pos + 'px';\n        element.style.right = gap + 'px';\n        break;\n      case 'top-start':\n        element.style.top = pos + 'px';\n        element.style.left = gap + 'px';\n        break;\n      case 'center-start':\n        element.style.top = '50%';\n        element.style.left = gap + 'px';\n        element.style.transform = 'translateY(-50%)';\n        break;\n      case 'center-end':\n        element.style.top = '50%';\n        element.style.right = gap + 'px';\n        element.style.transform = 'translateY(-50%)';\n        break;\n    }\n  }\n\n  private reposition(notificationLocation: AXLocation, gap: number): void {\n    const list = this.activeNotifications().filter((n) => n.config?.location === notificationLocation);\n\n    list.forEach((notification, index) => {\n      const element = notification.overlayRef.overlayElement;\n      if (!element) return;\n\n      const pos = this.getRepositionPosition(index, gap, list, notificationLocation);\n      this.applyRepositionPosition(element, notificationLocation, pos, gap);\n    });\n  }\n\n  private getRepositionPosition(\n    index: number,\n    gap: number,\n    list: AXNotificationInternalRef[],\n    notificationLocation: string,\n  ): number {\n    if (index === 0) return gap;\n    const previousNotification = list[index - 1];\n    const previousElement = previousNotification.overlayRef.overlayElement;\n    if (!previousElement) return gap;\n\n    if (notificationLocation.split('-')[0] === 'bottom') {\n      return window.innerHeight - previousElement.offsetTop + gap;\n    }\n    return previousElement.offsetTop + previousElement.offsetHeight + gap;\n  }\n\n  private applyRepositionPosition(element: HTMLElement, location: AXLocation, pos: number, gap: number): void {\n    // Reset transform if needed, then apply position\n    const isVerticalCenter = location === 'center-start' || location === 'center-end';\n    const isHorizontalCenter = location === 'bottom-center' || location === 'top-center';\n\n    if (location.startsWith('bottom')) {\n      element.style.bottom = pos + 'px';\n      element.style.top = '';\n      if (isHorizontalCenter) {\n        element.style.transform = 'translateX(-50%)';\n      }\n    } else if (location.startsWith('top')) {\n      element.style.top = pos + 'px';\n      element.style.bottom = '';\n      if (isHorizontalCenter) {\n        element.style.transform = 'translateX(-50%)';\n      }\n    } else if (isVerticalCenter) {\n      element.style.top = pos + 'px';\n      element.style.bottom = '';\n      element.style.transform = '';\n    }\n  }\n\n  private getPosition(location: string): number {\n    const list = this.activeNotifications().filter((n) => n.config?.location === location);\n    if (list.length === 0) return 0;\n\n    const lastNotification = list[list.length - 1];\n    const element = lastNotification.overlayRef.overlayElement;\n    if (!element) return 0;\n\n    if (location.split('-')[0] === 'bottom') {\n      return window.innerHeight - element.offsetTop;\n    }\n    return element.offsetTop + element.offsetHeight;\n  }\n}\n","import { AXClosableComponent, AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorCloseButtonComponent } from '@acorex/components/decorators';\nimport { AXLoadingComponent } from '@acorex/components/loading';\nimport { AXSafePipe } from '@acorex/core/pipes';\nimport { AXTranslatorPipe } from '@acorex/core/translation';\nimport { AsyncPipe, NgComponentOutlet, NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  computed,\n  inject,\n  input,\n  OnInit,\n  signal,\n  TemplateRef,\n  Type,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXNotificationButtonItem, AXNotificationData } from './notification.class';\nimport { AXNotificationService } from './notification.service';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-notification',\n  templateUrl: './notification.component.html',\n  styleUrl: './notification.component.css',\n\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXClosableComponent, useExisting: AXNotificationComponent },\n    { provide: AXComponent, useExisting: AXNotificationComponent },\n  ],\n  imports: [\n    NgTemplateOutlet,\n    NgComponentOutlet,\n    AXButtonComponent,\n    AXLoadingComponent,\n    AXDecoratorCloseButtonComponent,\n    AsyncPipe,\n    AXTranslatorPipe,\n    AXSafePipe,\n  ],\n})\nexport class AXNotificationComponent extends MXBaseComponent implements OnInit {\n  /** Notification configuration data */\n  config = input.required<AXNotificationData>();\n\n  /** @internal Callback function to close the notification */\n  onClose = input<() => void>();\n\n  private notificationService = inject(AXNotificationService);\n\n  /** @ignore */\n  protected _icon: string;\n\n  private intervalId: number;\n  private isPaused = signal(false);\n  protected remainingTime = signal(0);\n  protected transitionDuration = signal(150);\n\n  /** Template content if config.content is a TemplateRef */\n  protected templateContent = computed(() => {\n    const content = this.config().content;\n    return content instanceof TemplateRef ? content : null;\n  });\n\n  /** Component content if config.content is a component Type */\n  protected componentContent = computed(() => {\n    const content = this.config().content;\n    return typeof content === 'function' ? (content as Type<unknown>) : null;\n  });\n\n  /** String content if config.content is a string */\n  protected stringContent = computed(() => {\n    const content = this.config().content;\n    return typeof content === 'string' ? content : '';\n  });\n\n  override ngOnInit() {\n    super.ngOnInit();\n    this._initIcon();\n    this.remainingTime.set(this.config().timeOut);\n    this._handleTimeOut();\n\n    this.getHostElement().addEventListener('pointerenter', () => {\n      if (!this.config().pauseOnHover) return;\n      if (this.isPaused()) return;\n      // Only pause if not already paused\n      this.isPaused.set(true);\n      this.pauseAnimation();\n    });\n\n    this.getHostElement().addEventListener('pointerleave', () => {\n      if (!this.config().pauseOnHover) return;\n      if (!this.isPaused()) return;\n      // Only resume if paused\n      this.isPaused.set(false);\n      this._handleTimeOut();\n    });\n  }\n\n  private pauseAnimation() {\n    clearInterval(this.intervalId);\n  }\n\n  private _handleTimeOut() {\n    if (this.config().timeOut) {\n      this.intervalId = setInterval(() => {\n        this.remainingTime.update((prev) => prev - this.transitionDuration());\n        if (this.remainingTime() <= 0) {\n          clearInterval(this.intervalId);\n          this.close();\n        }\n      }, this.transitionDuration()) as unknown as number;\n    }\n  }\n\n  /** @ignore */\n  private _initIcon() {\n    if (!this.config().icon) {\n      switch (this.config().color) {\n        case 'success':\n          this._icon = 'ax-icon ax-icon-check-circle';\n          break;\n        case 'danger':\n          this._icon = 'ax-icon ax-icon-error';\n          break;\n        case 'warning':\n          this._icon = 'ax-icon ax-icon-warning';\n          break;\n        default:\n          this._icon = this.config().icon || 'ax-icon ax-icon-info';\n          break;\n      }\n    } else {\n      this._icon = this.config().icon;\n    }\n  }\n\n  /** @ignore */\n  protected _handleButtonClick(button: AXNotificationButtonItem) {\n    if (button.onClick) {\n      button.onClick({ source: button });\n    }\n  }\n\n  /**\n   * Closes the notification.\n   */\n  close() {\n    const closeCallback = this.onClose();\n    if (closeCallback) {\n      closeCallback();\n    }\n  }\n\n  /**\n   * Closes all notifications.\n   */\n  closeAll() {\n    this.notificationService.hideAll();\n  }\n}\n","<span class=\"ax-notification-icon ax-icon-solid {{ _icon }} ax-{{ this.config().color }}\"></span>\n<div class=\"ax-notification-content\">\n  <div class=\"ax-notification-title\" [class.ax-mb-2]=\"config().title && config().content\">\n    {{ config().title | translate | async }}\n  </div>\n  @if (templateContent(); as template) {\n    <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n  } @else if (componentContent(); as component) {\n    <ng-container [ngComponentOutlet]=\"component\"></ng-container>\n  } @else if (stringContent()) {\n    <div class=\"ax-notification-body\" [innerHTML]=\"stringContent() | translate | async | safe: 'html'\"></div>\n  }\n\n  @if (config().buttons?.length) {\n    <div class=\"ax-notification-buttons\">\n      @for (button of config().buttons; track $index) {\n        <ax-button\n          class=\"ax-xs\"\n          [text]=\"button.text | translate | async\"\n          [color]=\"button.color || 'default'\"\n          [look]=\"button.look || 'solid'\"\n          [disabled]=\"button.disabled\"\n          (onClick)=\"_handleButtonClick(button)\"\n        >\n          @if (button.loading) {\n            <ax-loading></ax-loading>\n          }\n        </ax-button>\n      }\n    </div>\n  }\n</div>\n@if (config().closeButton) {\n  <ax-close-button></ax-close-button>\n}\n@if (config().timeOutProgress && config().timeOut && remainingTime()) {\n  <div\n    [class]=\"'ax-notification-progress ax-' + this.config().color\"\n    [style.transition-duration]=\"transitionDuration()\"\n    [style.width]=\"(remainingTime() * 100) / config().timeOut + '%'\"\n  ></div>\n}\n","import { NgModule } from '@angular/core';\nimport { AXNotificationComponent } from './notification.component';\n\n@NgModule({\n  imports: [AXNotificationComponent],\n  exports: [AXNotificationComponent],\n})\nexport class AXNotificationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-notification.mjs","sources":["../../../../packages/components/notification/src/lib/notification.config.ts","../../../../packages/components/notification/src/lib/notification.service.ts","../../../../packages/components/notification/src/lib/notification.component.ts","../../../../packages/components/notification/src/lib/notification.component.html","../../../../packages/components/notification/src/lib/notification.module.ts","../../../../packages/components/notification/src/acorex-components-notification.ts"],"sourcesContent":["import { AXLocation } from '@acorex/cdk/common';\nimport { InjectionToken } from '@angular/core';\n\nexport interface AXNotificationConfig {\n  gap: number;\n  timeOut: number;\n  timeOutProgress: boolean;\n  location: AXLocation;\n  closeButton: boolean;\n  limit: number;\n  pauseOnHover: boolean;\n}\n\nexport const AX_NOTIFICATION_CONFIG = new InjectionToken<AXNotificationConfig>('AX_NOTIFICATION_CONFIG', {\n  providedIn: 'root',\n  factory: () => AXNotificationDefaultConfig,\n});\n\nexport const AXNotificationDefaultConfig: AXNotificationConfig = {\n  gap: 5,\n  timeOut: 2500,\n  timeOutProgress: true,\n  closeButton: true,\n  location: 'top-end',\n  limit: 3,\n  pauseOnHover: true,\n};\n\nexport type PartialNotificationConfig = Partial<AXNotificationConfig>;\n\nexport function notificationConfig(config: PartialNotificationConfig = {}): AXNotificationConfig {\n  const result = {\n    ...AXNotificationDefaultConfig,\n    ...config,\n  };\n  return result;\n}\n","import { AXLocation, AXStyleColorType } from '@acorex/cdk/common';\nimport { AXOverlayService } from '@acorex/cdk/overlay';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport { Injectable, inject, signal } from '@angular/core';\nimport {\n  AXNotificationData,\n  AXNotificationOptions as AXNotificationDisplayConfig,\n  AXNotificationInternalRef,\n  AXNotificationRef,\n} from './notification.class';\nimport { AXNotificationComponent } from './notification.component';\nimport { AXNotificationConfig, AX_NOTIFICATION_CONFIG } from './notification.config';\n\ntype AXReservedNotifications = {\n  config: AXNotificationDisplayConfig;\n  reservedRef: {\n    close: () => void;\n  };\n};\n\nlet notificationIdCounter = 0;\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class AXNotificationService {\n  private overlayService = inject(AXOverlayService);\n  private translationService: AXTranslationService = inject(AXTranslationService);\n  private defaultConfig: AXNotificationConfig = inject(AX_NOTIFICATION_CONFIG);\n\n  private activeNotifications = signal<AXNotificationInternalRef[]>([]);\n  private reservedNotifications = signal<AXReservedNotifications[]>([]);\n  private notificationCounterRef = signal<AXNotificationInternalRef | null>(null);\n  private moreNotificationsColor = signal<AXStyleColorType>('primary');\n  private moreNotificationsLocation = signal<AXLocation>('bottom-center');\n  private moreNotificationsContextElement = signal<AXNotificationDisplayConfig['contextElement']>(undefined);\n  private reserveCounter = signal(0);\n\n  show(config: AXNotificationDisplayConfig): AXNotificationRef {\n    config = { ...this.defaultConfig, ...config };\n\n    this.moreNotificationsColor.set(config.color);\n    this.moreNotificationsLocation.set(config.location);\n    this.moreNotificationsContextElement.set(config.contextElement);\n\n    if (this.defaultConfig.limit > 0 && this.activeNotifications().length >= this.defaultConfig.limit) {\n      const reservedRef = {\n        close: () => {\n          console.warn('Reserved notification cannot be closed until it is displayed.');\n        },\n      };\n      this.reservedNotifications.update((prev) => [...prev, { config, reservedRef }]);\n\n      this.handleReservedNotificationCounter();\n      return reservedRef;\n    }\n\n    return this.displayNotification(config);\n  }\n\n  private displayNotification(config: AXNotificationDisplayConfig): AXNotificationRef {\n    const gap = this.defaultConfig.gap;\n    const notificationData: AXNotificationData = {\n      buttons: config.buttons,\n      icon: config.icon,\n      title: config.title,\n      content: config.content,\n      location: config.location,\n      closeButton: config.closeButton ?? true,\n      color: config.color,\n      timeOut: config.timeOut,\n      timeOutProgress: config.timeOutProgress ?? true,\n      pauseOnHover: config.pauseOnHover,\n    };\n\n    const notificationId = `notification-${++notificationIdCounter}`;\n    let internalRef: AXNotificationInternalRef;\n\n    const closeNotification = () => {\n      if (internalRef) {\n        internalRef.overlayRef.dispose();\n        this.activeNotifications.set(this.activeNotifications().filter((n) => n.id !== internalRef.id));\n        this.handleShowReservedNotification();\n        this.handleReservedNotificationCounter();\n        setTimeout(() => {\n          this.reposition(config.location, gap);\n        });\n      }\n    };\n\n    this.overlayService\n      .create<AXNotificationComponent>(AXNotificationComponent, {\n        inputs: {\n          config: notificationData,\n          onClose: closeNotification,\n        },\n        contextElement: config.contextElement,\n        centered: false,\n        panelClass: ['animate-animated', 'animate-fadeIn', 'animate-faster'],\n        onDispose: () => {\n          // Clean up when disposed externally\n          const currentNotifications = this.activeNotifications();\n          if (internalRef && currentNotifications.find((n) => n.id === internalRef.id)) {\n            this.activeNotifications.set(currentNotifications.filter((n) => n.id !== internalRef.id));\n            this.handleShowReservedNotification();\n            this.handleReservedNotificationCounter();\n          }\n        },\n      })\n      .then((overlayRef) => {\n        internalRef = {\n          id: notificationId,\n          overlayRef,\n          config: notificationData,\n          contextElement: config.contextElement,\n          close: closeNotification,\n        };\n\n        // Position the notification BEFORE adding to activeNotifications\n        this.positionNotification(overlayRef.overlayElement, config.location, gap);\n\n        this.activeNotifications.update((prev) => [...prev, internalRef]);\n        this.handleReservedNotificationCounter();\n      });\n\n    return {\n      close: () => {\n        closeNotification();\n      },\n    };\n  }\n\n  hideAll() {\n    this.reserveCounter.set(0);\n    this.reservedNotifications.set([]);\n\n    // Close all active notifications\n    this.activeNotifications().forEach((notification) => {\n      notification.overlayRef.dispose();\n    });\n    this.activeNotifications.set([]);\n\n    // Close counter notification if exists\n    const counterRef = this.notificationCounterRef();\n    if (counterRef) {\n      counterRef.overlayRef.dispose();\n      this.notificationCounterRef.set(null);\n    }\n\n    this.handleReservedNotificationCounter();\n  }\n\n  private handleShowReservedNotification() {\n    if (this.activeNotifications().length > this.defaultConfig.limit - 1) return;\n    if (!this.reservedNotifications().length) return;\n\n    const reserved = this.reservedNotifications()[0];\n    this.reservedNotifications.update((prev) => prev.slice(1));\n\n    const displayedRef = this.displayNotification(reserved.config);\n    this.handleReservedNotificationCounter();\n    reserved.reservedRef.close = displayedRef.close;\n  }\n\n  private handleReservedNotificationCounter() {\n    const reservedCount = this.reservedNotifications().length;\n\n    if (reservedCount === this.reserveCounter()) return;\n\n    this.reserveCounter.set(reservedCount);\n\n    if (reservedCount === 0 && this.notificationCounterRef() !== null) {\n      this.notificationCounterRef().close();\n      this.notificationCounterRef.set(null);\n      return;\n    }\n\n    if (reservedCount > 0) {\n      if (this.notificationCounterRef() !== null) {\n        this.notificationCounterRef().close();\n        this.notificationCounterRef.set(null);\n      }\n      this.createReservedCounterNotification();\n    }\n  }\n\n  private async createReservedCounterNotification() {\n    const gap = this.defaultConfig.gap;\n    const opt: AXNotificationData = {\n      closeButton: false,\n      color: this.moreNotificationsColor(),\n      location: this.moreNotificationsLocation(),\n      title: await this.translationService.translateAsync('@acorex:common.notifications.more', {\n        params: { number: this.reserveCounter() },\n      }),\n      timeOutProgress: false,\n    };\n\n    const notificationId = `notification-counter-${++notificationIdCounter}`;\n\n    const counterContextElement =\n      this.moreNotificationsContextElement() ?? this.activeNotifications()[0]?.contextElement;\n\n    const overlayRef = await this.overlayService.create<AXNotificationComponent>(AXNotificationComponent, {\n      inputs: {\n        config: opt,\n        onClose: () => {\n          const currentCounterRef = this.notificationCounterRef();\n          if (currentCounterRef) {\n            currentCounterRef.overlayRef.dispose();\n            if (currentCounterRef.id === notificationId) {\n              this.notificationCounterRef.set(null);\n            }\n          }\n        },\n      },\n      contextElement: counterContextElement,\n      centered: false,\n      panelClass: ['animate-animated', 'animate-fadeIn', 'animate-faster'],\n    });\n\n    const counterInternalRef: AXNotificationInternalRef = {\n      id: notificationId,\n      overlayRef,\n      config: opt,\n      close: () => {\n        counterInternalRef.overlayRef.dispose();\n        if (this.notificationCounterRef()?.id === counterInternalRef.id) {\n          this.notificationCounterRef.set(null);\n        }\n      },\n    };\n\n    this.notificationCounterRef.set(counterInternalRef);\n\n    // Position the counter notification\n    this.positionNotification(overlayRef.overlayElement, opt.location, gap);\n  }\n\n  private positionNotification(element: HTMLElement, location: AXLocation, gap: number): void {\n    if (!element) return;\n\n    const pos = this.getPosition(location) + gap;\n\n    // Override the centered overlay container styles for notification positioning\n    element.style.width = 'max-content';\n    element.style.height = 'auto';\n    element.style.display = 'block';\n    element.style.alignItems = '';\n    element.style.justifyContent = '';\n\n    // Reset all positioning styles\n    element.style.top = '';\n    element.style.bottom = '';\n    element.style.left = '';\n    element.style.right = '';\n    element.style.transform = '';\n\n    // Apply position based on location\n    switch (location) {\n      case 'bottom-center':\n        element.style.bottom = pos + 'px';\n        element.style.left = '50%';\n        element.style.transform = 'translateX(-50%)';\n        break;\n      case 'bottom-end':\n        element.style.bottom = pos + 'px';\n        element.style.right = gap + 'px';\n        break;\n      case 'bottom-start':\n        element.style.bottom = pos + 'px';\n        element.style.left = gap + 'px';\n        break;\n      case 'top-center':\n        element.style.top = pos + 'px';\n        element.style.left = '50%';\n        element.style.transform = 'translateX(-50%)';\n        break;\n      case 'top-end':\n        element.style.top = pos + 'px';\n        element.style.right = gap + 'px';\n        break;\n      case 'top-start':\n        element.style.top = pos + 'px';\n        element.style.left = gap + 'px';\n        break;\n      case 'center-start':\n        element.style.top = '50%';\n        element.style.left = gap + 'px';\n        element.style.transform = 'translateY(-50%)';\n        break;\n      case 'center-end':\n        element.style.top = '50%';\n        element.style.right = gap + 'px';\n        element.style.transform = 'translateY(-50%)';\n        break;\n    }\n  }\n\n  private reposition(notificationLocation: AXLocation, gap: number): void {\n    const list = this.activeNotifications().filter((n) => n.config?.location === notificationLocation);\n\n    list.forEach((notification, index) => {\n      const element = notification.overlayRef.overlayElement;\n      if (!element) return;\n\n      const pos = this.getRepositionPosition(index, gap, list, notificationLocation);\n      this.applyRepositionPosition(element, notificationLocation, pos, gap);\n    });\n  }\n\n  private getRepositionPosition(\n    index: number,\n    gap: number,\n    list: AXNotificationInternalRef[],\n    notificationLocation: string,\n  ): number {\n    if (index === 0) return gap;\n    const previousNotification = list[index - 1];\n    const previousElement = previousNotification.overlayRef.overlayElement;\n    if (!previousElement) return gap;\n\n    if (notificationLocation.split('-')[0] === 'bottom') {\n      return window.innerHeight - previousElement.offsetTop + gap;\n    }\n    return previousElement.offsetTop + previousElement.offsetHeight + gap;\n  }\n\n  private applyRepositionPosition(element: HTMLElement, location: AXLocation, pos: number, gap: number): void {\n    // Reset transform if needed, then apply position\n    const isVerticalCenter = location === 'center-start' || location === 'center-end';\n    const isHorizontalCenter = location === 'bottom-center' || location === 'top-center';\n\n    if (location.startsWith('bottom')) {\n      element.style.bottom = pos + 'px';\n      element.style.top = '';\n      if (isHorizontalCenter) {\n        element.style.transform = 'translateX(-50%)';\n      }\n    } else if (location.startsWith('top')) {\n      element.style.top = pos + 'px';\n      element.style.bottom = '';\n      if (isHorizontalCenter) {\n        element.style.transform = 'translateX(-50%)';\n      }\n    } else if (isVerticalCenter) {\n      element.style.top = pos + 'px';\n      element.style.bottom = '';\n      element.style.transform = '';\n    }\n  }\n\n  private getPosition(location: string): number {\n    const list = this.activeNotifications().filter((n) => n.config?.location === location);\n    if (list.length === 0) return 0;\n\n    const lastNotification = list[list.length - 1];\n    const element = lastNotification.overlayRef.overlayElement;\n    if (!element) return 0;\n\n    if (location.split('-')[0] === 'bottom') {\n      return window.innerHeight - element.offsetTop;\n    }\n    return element.offsetTop + element.offsetHeight;\n  }\n}\n","import { AXClosableComponent, AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorCloseButtonComponent } from '@acorex/components/decorators';\nimport { AXLoadingComponent } from '@acorex/components/loading';\nimport { AXSafePipe } from '@acorex/core/pipes';\nimport { AXTranslatorPipe } from '@acorex/core/translation';\nimport { AsyncPipe, NgComponentOutlet, NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  computed,\n  inject,\n  input,\n  OnInit,\n  signal,\n  TemplateRef,\n  Type,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXNotificationButtonItem, AXNotificationData } from './notification.class';\nimport { AXNotificationService } from './notification.service';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-notification',\n  templateUrl: './notification.component.html',\n  styleUrl: './notification.component.css',\n\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXClosableComponent, useExisting: AXNotificationComponent },\n    { provide: AXComponent, useExisting: AXNotificationComponent },\n  ],\n  imports: [\n    NgTemplateOutlet,\n    NgComponentOutlet,\n    AXButtonComponent,\n    AXLoadingComponent,\n    AXDecoratorCloseButtonComponent,\n    AsyncPipe,\n    AXTranslatorPipe,\n    AXSafePipe,\n  ],\n})\nexport class AXNotificationComponent extends MXBaseComponent implements OnInit {\n  /** Notification configuration data */\n  config = input.required<AXNotificationData>();\n\n  /** @internal Callback function to close the notification */\n  onClose = input<() => void>();\n\n  private notificationService = inject(AXNotificationService);\n\n  /** @ignore */\n  protected _icon: string;\n\n  private intervalId: number;\n  private isPaused = signal(false);\n  protected remainingTime = signal(0);\n  protected transitionDuration = signal(150);\n\n  /** Template content if config.content is a TemplateRef */\n  protected templateContent = computed(() => {\n    const content = this.config().content;\n    return content instanceof TemplateRef ? content : null;\n  });\n\n  /** Component content if config.content is a component Type */\n  protected componentContent = computed(() => {\n    const content = this.config().content;\n    return typeof content === 'function' ? (content as Type<unknown>) : null;\n  });\n\n  /** String content if config.content is a string */\n  protected stringContent = computed(() => {\n    const content = this.config().content;\n    return typeof content === 'string' ? content : '';\n  });\n\n  override ngOnInit() {\n    super.ngOnInit();\n    this._initIcon();\n    this.remainingTime.set(this.config().timeOut);\n    this._handleTimeOut();\n\n    this.getHostElement().addEventListener('pointerenter', () => {\n      if (!this.config().pauseOnHover) return;\n      if (this.isPaused()) return;\n      // Only pause if not already paused\n      this.isPaused.set(true);\n      this.pauseAnimation();\n    });\n\n    this.getHostElement().addEventListener('pointerleave', () => {\n      if (!this.config().pauseOnHover) return;\n      if (!this.isPaused()) return;\n      // Only resume if paused\n      this.isPaused.set(false);\n      this._handleTimeOut();\n    });\n  }\n\n  private pauseAnimation() {\n    clearInterval(this.intervalId);\n  }\n\n  private _handleTimeOut() {\n    if (this.config().timeOut) {\n      this.intervalId = setInterval(() => {\n        this.remainingTime.update((prev) => prev - this.transitionDuration());\n        if (this.remainingTime() <= 0) {\n          clearInterval(this.intervalId);\n          this.close();\n        }\n      }, this.transitionDuration()) as unknown as number;\n    }\n  }\n\n  /** @ignore */\n  private _initIcon() {\n    if (!this.config().icon) {\n      switch (this.config().color) {\n        case 'success':\n          this._icon = 'ax-icon ax-icon-check-circle';\n          break;\n        case 'danger':\n          this._icon = 'ax-icon ax-icon-error';\n          break;\n        case 'warning':\n          this._icon = 'ax-icon ax-icon-warning';\n          break;\n        default:\n          this._icon = this.config().icon || 'ax-icon ax-icon-info';\n          break;\n      }\n    } else {\n      this._icon = this.config().icon;\n    }\n  }\n\n  /** @ignore */\n  protected _handleButtonClick(button: AXNotificationButtonItem) {\n    if (button.onClick) {\n      button.onClick({ source: button });\n    }\n  }\n\n  /**\n   * Closes the notification.\n   */\n  close() {\n    const closeCallback = this.onClose();\n    if (closeCallback) {\n      closeCallback();\n    }\n  }\n\n  /**\n   * Closes all notifications.\n   */\n  closeAll() {\n    this.notificationService.hideAll();\n  }\n}\n","<span class=\"ax-notification-icon ax-icon-solid {{ _icon }} ax-{{ this.config().color }}\"></span>\n<div class=\"ax-notification-content\">\n  <div class=\"ax-notification-title\" [class.ax-mb-2]=\"config().title && config().content\">\n    {{ config().title | translate | async }}\n  </div>\n  @if (templateContent(); as template) {\n    <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n  } @else if (componentContent(); as component) {\n    <ng-container [ngComponentOutlet]=\"component\"></ng-container>\n  } @else if (stringContent()) {\n    <div class=\"ax-notification-body\" [innerHTML]=\"stringContent() | translate | async | safe: 'html'\"></div>\n  }\n\n  @if (config().buttons?.length) {\n    <div class=\"ax-notification-buttons\">\n      @for (button of config().buttons; track $index) {\n        <ax-button\n          class=\"ax-xs\"\n          [text]=\"button.text | translate | async\"\n          [color]=\"button.color || 'default'\"\n          [look]=\"button.look || 'solid'\"\n          [disabled]=\"button.disabled\"\n          (onClick)=\"_handleButtonClick(button)\"\n        >\n          @if (button.loading) {\n            <ax-loading></ax-loading>\n          }\n        </ax-button>\n      }\n    </div>\n  }\n</div>\n@if (config().closeButton) {\n  <ax-close-button></ax-close-button>\n}\n@if (config().timeOutProgress && config().timeOut && remainingTime()) {\n  <div\n    [class]=\"'ax-notification-progress ax-' + this.config().color\"\n    [style.transition-duration]=\"transitionDuration()\"\n    [style.width]=\"(remainingTime() * 100) / config().timeOut + '%'\"\n  ></div>\n}\n","import { NgModule } from '@angular/core';\nimport { AXNotificationComponent } from './notification.component';\n\n@NgModule({\n  imports: [AXNotificationComponent],\n  exports: [AXNotificationComponent],\n})\nexport class AXNotificationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-number-box.mjs

@@ -214,8 +214,8 @@ class AXNumberBoxComponent extends classes((MXInputBaseValueComponent), MXLookCo
     get __hostName() {
         return this.name;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXNumberBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXNumberBoxComponent, isStandalone: true, selector: "ax-number-box", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, minValue: { classPropertyName: "minValue", publicName: "minValue", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, showSpinButtons: { classPropertyName: "showSpinButtons", publicName: "showSpinButtons", isSignal: true, isRequired: false, transformFunction: null }, thousandsSeparator: { classPropertyName: "thousandsSeparator", publicName: "thousandsSeparator", isSignal: true, isRequired: false, transformFunction: null }, decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: true, isRequired: false, transformFunction: null }, changeOnScroll: { classPropertyName: "changeOnScroll", publicName: "changeOnScroll", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", readonlyChange: "readonlyChange", disabledChange: "disabledChange", onKeyDown: "onKeyDown", onKeyUp: "onKeyUp", onKeyPress: "onKeyPress", thousandsSeparator: "thousandsSeparatorChange" }, host: { properties: { "attr.name": "this.__hostName" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNumberBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXNumberBoxComponent, isStandalone: true, selector: "ax-number-box", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, minValue: { classPropertyName: "minValue", publicName: "minValue", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, showSpinButtons: { classPropertyName: "showSpinButtons", publicName: "showSpinButtons", isSignal: true, isRequired: false, transformFunction: null }, thousandsSeparator: { classPropertyName: "thousandsSeparator", publicName: "thousandsSeparator", isSignal: true, isRequired: false, transformFunction: null }, decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: true, isRequired: false, transformFunction: null }, changeOnScroll: { classPropertyName: "changeOnScroll", publicName: "changeOnScroll", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", readonlyChange: "readonlyChange", disabledChange: "disabledChange", onKeyDown: "onKeyDown", onKeyUp: "onKeyUp", onKeyPress: "onKeyPress", thousandsSeparator: "thousandsSeparatorChange" }, host: { properties: { "attr.name": "this.__hostName" } }, providers: [
             { provide: AXComponent, useExisting: AXNumberBoxComponent },
             { provide: AXFocusableComponent, useExisting: AXNumberBoxComponent },
             { provide: AXClearableComponent, useExisting: AXNumberBoxComponent },
@@ -227,7 +227,7 @@ class AXNumberBoxComponent extends classes((MXInputBaseValueComponent), MXLookCo
             },
         ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"ax-editor-container  ax-default  {{ look }}\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n>\n  <ng-content select=\"ax-prefix\"> </ng-content>\n  <input\n    #input\n    [name]=\"name\"\n    axInputMask\n    (onMaskChanged)=\"handleOnMaskChanged($event)\"\n    [maskMode]=\"mode()\"\n    inputmode=\"numeric\"\n    class=\"ax-input\"\n    [separator]=\"thousandsSeparator()\"\n    [decimal]=\"decimalPlaces()\"\n    [minValue]=\"minValue()\"\n    [maxValue]=\"maxValue()\"\n    [id]=\"id\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.autocomplete]=\"'off'\"\n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [tabindex]=\"tabIndex\"\n    [(ngModel)]=\"stringValue\"\n    (keydown)=\"handleOnKeydownEvent($event)\"\n    (keyup)=\"emitOnKeyupEvent($event)\"\n    (keypress)=\"emitOnKeypressEvent($event)\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"\n    (wheel)=\"onWheel($event)\"\n  />\n  @if (input.value && !disabled && !readonly) {\n    <ng-content select=\"ax-clear-button\"></ng-content>\n  }\n  @if (showSpinButtons()) {\n    <div class=\"ax-general-button-control\">\n      <button\n        type=\"button\"\n        class=\"ax-general-button-icon\"\n        [class.ax-state-disabled]=\"disabled\"\n        (click)=\"handleUpClick()\"\n        tabindex=\"-1\"\n        [disabled]=\"disabled\"\n      >\n        <span class=\"ax-icon ax-icon-chevron-up ax-arrow-button\"></span>\n      </button>\n      <button\n        type=\"button\"\n        class=\"ax-general-button-icon\"\n        [class.ax-state-disabled]=\"disabled\"\n        (click)=\"handleDownClick()\"\n        tabindex=\"-1\"\n        [disabled]=\"disabled\"\n      >\n        <span class=\"ax-icon ax-icon-chevron-down ax-arrow-button\"></span>\n      </button>\n    </div>\n  }\n\n  <ng-content select=\"ax-suffix\"> </ng-content>\n</div>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n@if (minValue() != null || maxValue() != null) {\n  <ax-validation-rule rule=\"callback\" [options]=\"{ validate: validateFn }\"></ax-validation-rule>\n}\n<div class=\"ax-error-container\"></div>\n", styles: ["@layer components{ax-number-box input::-webkit-outer-spin-button,ax-number-box input::-webkit-inner-spin-button{-webkit-appearance:none;margin:calc(var(--spacing, .25rem) * 0)}ax-number-box input[type=number]{-moz-appearance:textfield}ax-number-box .ax-general-button-control{display:flex;width:fit-content;flex-direction:column}ax-number-box .ax-general-button-control .ax-general-button-icon{height:calc(var(--spacing, .25rem) * 1)!important;padding:calc(var(--spacing, .25rem) * 1.5)!important;font-size:var(--text-xs, .75rem)!important;line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))!important}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: AXInputMaskDirective, selector: "[axInputMask]", inputs: ["maskMode", "separator", "eager", "minValue", "maxValue", "decimal", "maskPattern", "customTokens"], outputs: ["onMaskChanged"], exportAs: ["axInputMask"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i2.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXNumberBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNumberBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-number-box', inputs: ['disabled', 'readonly', 'tabIndex', 'placeholder', 'value', 'state', 'name', 'id', 'look'], outputs: [
                         'valueChange',
@@ -259,11 +259,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 const COMPONENT = [AXNumberBoxComponent];
 const MODULES = [FormsModule, AXInputMaskDirective, AXButtonModule, AXDecoratorModule];
 class AXNumberBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXNumberBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXNumberBoxModule, imports: [FormsModule, AXInputMaskDirective, AXButtonModule, AXDecoratorModule, AXNumberBoxComponent], exports: [AXNumberBoxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXNumberBoxModule, imports: [FormsModule, AXButtonModule, AXDecoratorModule, COMPONENT] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNumberBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXNumberBoxModule, imports: [FormsModule, AXInputMaskDirective, AXButtonModule, AXDecoratorModule, AXNumberBoxComponent], exports: [AXNumberBoxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNumberBoxModule, imports: [FormsModule, AXButtonModule, AXDecoratorModule, COMPONENT] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXNumberBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXNumberBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],