@sd-angular/core 19.0.9 → 19.0.11

package/fesm2022/sd-angular-core-services-notify.mjs

@@ -1,69 +1,62 @@
 import { CommonModule, DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { signal, SecurityContext, HostListener, Input, Component, createComponent, Inject, Injectable } from '@angular/core';
+import { signal, computed, SecurityContext, HostListener, Input, ChangeDetectionStrategy, Component, inject, ApplicationRef, EnvironmentInjector, createComponent, Injectable } from '@angular/core';
 import { Utilities } from '@sdcorejs/utils/fns';
-import { trigger, transition, style, animate } from '@angular/animations';
-import { TranslatePipe } from '@sd-angular/core/i18n';
+import { TranslatePipe, I18nService } from '@sd-angular/core/i18n';
 import * as i2 from '@angular/platform-browser';
 
+const TOAST_EXIT_ANIMATION_MS = 200;
 class ToastComponent {
     notifyService;
     sanitizer;
     data;
     isExpanded = signal(false);
+    isClosing = signal(false);
+    hostClasses = computed(() => (this.isClosing() ? 'bg-white sd-toast sd-toast--closing' : 'bg-white sd-toast'));
     MAX_SHOW = 2;
-    // --- Logic Timer ---
-    timer;
-    start;
-    remaining;
+    timer = null;
+    closeTimer = null;
+    start = 0;
+    remaining = 0;
     constructor(notifyService, sanitizer) {
         this.notifyService = notifyService;
         this.sanitizer = sanitizer;
     }
-    /**
-     * Sanitize HTML tường minh trước khi render qua `[innerHTML]` — strip
-     * `<script>`, event handler (`on*`), `javascript:` URL. Chỉ chạy ở nhánh
-     * `data.html === true`; nhánh mặc định render text (auto-escape) nên không
-     * có sink này. // why: phơi rõ việc sanitize cho review/scanner bảo mật.
-     */
-    sanitizeHtml(value) {
-        return this.sanitizer.sanitize(SecurityContext.HTML, value) ?? '';
-    }
-    /** Message ở dạng chuỗi đơn (chỉ dùng khi !isMultiMessage). */
-    get singleMessage() {
-        return this.data.message;
-    }
     ngOnInit() {
-        // Khởi tạo thời gian còn lại bằng duration ban đầu
         this.remaining = this.data.duration;
-        // Bắt đầu đếm ngược ngay khi hiện ra
         this.resumeTimer();
     }
     ngOnDestroy() {
-        clearTimeout(this.timer);
+        this.clearAutoDismissTimer();
+        this.clearCloseTimer();
     }
-    // --- Logic Pause/Resume ---
     pauseTimer() {
-        if (this.timer) {
-            // Xóa timer hiện tại
-            clearTimeout(this.timer);
-            this.timer = null;
-            // Tính toán thời gian đã trôi qua để trừ đi
-            this.remaining -= Date.now() - this.start;
+        if (!this.timer || this.isClosing()) {
+            return;
         }
+        clearTimeout(this.timer);
+        this.timer = null;
+        this.remaining = Math.max(this.remaining - (Date.now() - this.start), 0);
     }
     resumeTimer() {
-        // Chỉ chạy tiếp nếu còn thời gian và timer chưa chạy
-        if (this.remaining > 0 && !this.timer) {
-            this.start = Date.now();
-            this.timer = setTimeout(() => {
-                this.close();
-            }, this.remaining);
+        if (this.remaining <= 0 || this.timer || this.isClosing()) {
+            return;
         }
+        this.start = Date.now();
+        this.timer = setTimeout(() => {
+            this.close();
+        }, this.remaining);
     }
-    // --- Logic cũ ---
     close() {
-        this.notifyService.remove(this.data.id);
+        if (this.isClosing()) {
+            return;
+        }
+        this.clearAutoDismissTimer();
+        this.isClosing.set(true);
+        this.closeTimer = setTimeout(() => {
+            this.closeTimer = null;
+            this.notifyService.remove(this.data.id);
+        }, TOAST_EXIT_ANIMATION_MS);
     }
     onActionClick() {
         this.data.onAction?.();
@@ -71,6 +64,12 @@ class ToastComponent {
     toggleExpand() {
         this.isExpanded.update(v => !v);
     }
+    sanitizeHtml(value) {
+        return this.sanitizer.sanitize(SecurityContext.HTML, value) ?? '';
+    }
+    get singleMessage() {
+        return this.data.message;
+    }
     get isMultiMessage() {
         return Array.isArray(this.data.message);
     }
@@ -89,48 +88,38 @@ class ToastComponent {
     get hasMore() {
         return this.isMultiMessage && this.messages.length > this.MAX_SHOW;
     }
-    /** autoid theo loại toast để E2E chọn trực tiếp, vd `services-notify-toast-success`. */
     get autoId() {
         return `services-notify-toast-${this.data.type}`;
     }
-    /** Gộp message (mảng nối ' | ') để phơi ra data-message cho E2E. */
     get dataMessage() {
         return Array.isArray(this.data.message) ? this.data.message.join(' | ') : this.data.message;
     }
+    clearAutoDismissTimer() {
+        if (!this.timer) {
+            return;
+        }
+        clearTimeout(this.timer);
+        this.timer = null;
+    }
+    clearCloseTimer() {
+        if (!this.closeTimer) {
+            return;
+        }
+        clearTimeout(this.closeTimer);
+        this.closeTimer = null;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ToastComponent, deps: [{ token: SdNotifyService }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: ToastComponent, isStandalone: true, selector: "toast", inputs: { data: "data" }, host: { listeners: { "mouseenter": "pauseTimer()", "mouseleave": "resumeTimer()" }, properties: { "@toastAnimation": "true", "class": "\"bg-white sd-toast\"", "attr.data-autoid": "autoId", "attr.data-type": "data.type", "attr.data-title": "data.title ?? null", "attr.data-message": "dataMessage" } }, ngImport: i0, template: "<div class=\"sd-toast__bar\" [class]=\"'bg-' + data.type\"></div>\r\n\r\n<div class=\"sd-toast__icon\" [class]=\"'text-' + data.type\">\r\n  @switch (data.type) {\r\n    @case ('success') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>\r\n    }\r\n    @case ('info') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"/></svg>\r\n    }\r\n    @case ('warning') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"/></svg>\r\n    }\r\n    @case ('error') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"/></svg>\r\n    }\r\n  }\r\n</div>\r\n\r\n<div class=\"sd-toast__content\">\r\n  <div class=\"sd-toast__header\">\r\n    <strong class=\"sd-toast__title\">{{ data.title || ('core.notify.type.' + data.type | translate) }}</strong>\r\n    <button class=\"sd-toast__close\" (click)=\"close()\">\u2715</button>\r\n  </div>\r\n\r\n  <div class=\"sd-toast__body\">\r\n    @if (!isMultiMessage) {\r\n      <!-- why: m\u1EB7c \u0111\u1ECBnh render TEXT (auto-escape) \u2014 an to\u00E0n. Ch\u1EC9 render HTML\r\n           (\u0111\u00E3 sanitize) khi data.html=true. -->\r\n      @if (data.html) {\r\n        <div [innerHTML]=\"sanitizeHtml(singleMessage)\"></div>\r\n      } @else {\r\n        <div>{{ singleMessage }}</div>\r\n      }\r\n    }\r\n    @else {\r\n      <ul class=\"msg-list\">\r\n        @for (msg of displayMessages; track msg) {\r\n          @if (data.html) {\r\n            <li [innerHTML]=\"sanitizeHtml('- ' + msg)\"></li>\r\n          } @else {\r\n            <li>{{ '- ' + msg }}</li>\r\n          }\r\n        }\r\n      </ul>\r\n\r\n      @if (hasMore) {\r\n        <button type=\"button\" \r\n                class=\"toggle-more btn-link\" \r\n                [class]=\"'text-' + data.type\" \r\n                (click)=\"toggleExpand()\">\r\n          {{ isExpanded() ? ('core.notify.show-less' | translate) : ('core.notify.show-more' | translate: { count: restCount }) }}\r\n        </button>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  @if (data.actionLabel) {\r\n    <div class=\"sd-toast__actions\">\r\n      <button class=\"btn-action\" \r\n              [class]=\"'bg-' + data.type + '-light text-' + data.type\"\r\n              (click)=\"onActionClick()\">\r\n        {{ data.actionLabel }}\r\n      </button>\r\n    </div>\r\n  }\r\n</div>", styles: ["@charset \"UTF-8\";:host{display:flex;width:350px;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:12px;overflow:hidden;position:relative;font-family:Roboto,sans-serif;pointer-events:auto}.sd-toast__bar{width:6px;flex-shrink:0}.sd-toast__icon{padding:12px 0 0 12px;flex-shrink:0}.sd-toast__icon svg{width:24px;height:24px}.sd-toast__content{flex-grow:1;padding:12px;display:flex;flex-direction:column}.sd-toast__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.sd-toast__title{font-size:16px;font-weight:600}.sd-toast__close{background:none;border:none;font-size:16px;cursor:pointer;line-height:1;padding:0;opacity:.5;transition:opacity .2s}.sd-toast__close:hover{opacity:1}.sd-toast__body{font-size:14px;line-height:1.4;word-break:break-word}.sd-toast__actions{display:flex;justify-content:flex-end;margin-top:8px}.msg-list{padding-left:0;list-style:none;margin:0}.toggle-more{background:none;border:none;padding:0;font:inherit;cursor:pointer;font-size:13px;margin-top:4px;font-weight:500;text-align:left}.toggle-more:hover{text-decoration:underline}.toggle-more:focus-visible{outline:2px solid currentColor;outline-offset:2px}.btn-action{border:none;padding:6px 12px;border-radius:4px;font-weight:600;cursor:pointer;font-size:13px;transition:filter .2s}.btn-action:hover{filter:brightness(.95)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
-            trigger('toastAnimation', [
-                transition(':enter', [
-                    style({ transform: 'translateX(100%)', opacity: 0 }),
-                    animate('300ms ease-out', style({ transform: 'translateX(0)', opacity: 1 }))
-                ]),
-                transition(':leave', [
-                    animate('200ms ease-in', style({ transform: 'translateX(100%)', opacity: 0 }))
-                ])
-            ])
-        ] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: ToastComponent, isStandalone: true, selector: "toast", inputs: { data: "data" }, host: { listeners: { "mouseenter": "pauseTimer()", "mouseleave": "resumeTimer()" }, properties: { "class": "hostClasses()", "attr.data-autoid": "autoId", "attr.data-type": "data.type", "attr.data-title": "data.title ?? null", "attr.data-message": "dataMessage" } }, ngImport: i0, template: "<div class=\"sd-toast__bar\" [class]=\"'bg-' + data.type\"></div>\r\n\r\n<div class=\"sd-toast__icon\" [class]=\"'text-' + data.type\">\r\n  @switch (data.type) {\r\n    @case ('success') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>\r\n    }\r\n    @case ('info') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"/></svg>\r\n    }\r\n    @case ('warning') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"/></svg>\r\n    }\r\n    @case ('error') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"/></svg>\r\n    }\r\n  }\r\n</div>\r\n\r\n<div class=\"sd-toast__content\">\r\n  <div class=\"sd-toast__header\">\r\n    <strong class=\"sd-toast__title\">{{ data.title || ('core.notify.type.' + data.type | translate) }}</strong>\r\n    <button class=\"sd-toast__close\" (click)=\"close()\">&times;</button>\r\n  </div>\r\n\r\n  <div class=\"sd-toast__body\">\r\n    @if (!isMultiMessage) {\r\n      <!-- Text rendering is the default safe path; HTML is opt-in and sanitized. -->\r\n      @if (data.html) {\r\n        <div [innerHTML]=\"sanitizeHtml(singleMessage)\"></div>\r\n      } @else {\r\n        <div>{{ singleMessage }}</div>\r\n      }\r\n    } @else {\r\n      <ul class=\"msg-list\">\r\n        @for (msg of displayMessages; track msg) {\r\n          @if (data.html) {\r\n            <li [innerHTML]=\"sanitizeHtml('- ' + msg)\"></li>\r\n          } @else {\r\n            <li>{{ '- ' + msg }}</li>\r\n          }\r\n        }\r\n      </ul>\r\n\r\n      @if (hasMore) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"toggle-more btn-link\"\r\n          [class]=\"'text-' + data.type\"\r\n          (click)=\"toggleExpand()\">\r\n          {{ isExpanded() ? ('core.notify.show-less' | translate) : ('core.notify.show-more' | translate: { count: restCount }) }}\r\n        </button>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  @if (data.actionLabel) {\r\n    <div class=\"sd-toast__actions\">\r\n      <button\r\n        class=\"btn-action\"\r\n        [class]=\"'bg-' + data.type + '-light text-' + data.type\"\r\n        (click)=\"onActionClick()\">\r\n        {{ data.actionLabel }}\r\n      </button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:flex;width:350px;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:12px;overflow:hidden;position:relative;font-family:Roboto,sans-serif;pointer-events:auto;animation:sd-toast-enter .3s ease-out}:host(.sd-toast--closing){pointer-events:none;animation:sd-toast-leave .2s ease-in forwards}@keyframes sd-toast-enter{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes sd-toast-leave{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media(prefers-reduced-motion:reduce){:host,:host(.sd-toast--closing){animation:none}}.sd-toast__bar{width:6px;flex-shrink:0}.sd-toast__icon{padding:12px 0 0 12px;flex-shrink:0}.sd-toast__icon svg{width:24px;height:24px}.sd-toast__content{flex-grow:1;padding:12px;display:flex;flex-direction:column}.sd-toast__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.sd-toast__title{font-size:16px;font-weight:600}.sd-toast__close{background:none;border:none;font-size:16px;cursor:pointer;line-height:1;padding:0;opacity:.5;transition:opacity .2s}.sd-toast__close:hover{opacity:1}.sd-toast__body{font-size:14px;line-height:1.4;word-break:break-word}.sd-toast__actions{display:flex;justify-content:flex-end;margin-top:8px}.msg-list{padding-left:0;list-style:none;margin:0}.toggle-more{background:none;border:none;padding:0;font:inherit;cursor:pointer;font-size:13px;margin-top:4px;font-weight:500;text-align:left}.toggle-more:hover{text-decoration:underline}.toggle-more:focus-visible{outline:2px solid currentColor;outline-offset:2px}.btn-action{border:none;padding:6px 12px;border-radius:4px;font-weight:600;cursor:pointer;font-size:13px;transition:filter .2s}.btn-action:hover{filter:brightness(.95)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ToastComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'toast', standalone: true, imports: [CommonModule, TranslatePipe], animations: [
-                        trigger('toastAnimation', [
-                            transition(':enter', [
-                                style({ transform: 'translateX(100%)', opacity: 0 }),
-                                animate('300ms ease-out', style({ transform: 'translateX(0)', opacity: 1 }))
-                            ]),
-                            transition(':leave', [
-                                animate('200ms ease-in', style({ transform: 'translateX(100%)', opacity: 0 }))
-                            ])
-                        ])
-                    ], host: {
-                        '[@toastAnimation]': 'true',
-                        '[class]': '"bg-white sd-toast"',
-                        // E2E hooks đọc bởi sd-autoid-inspector: autoid theo loại + state type/title/message.
+            args: [{ selector: 'toast', standalone: true, imports: [CommonModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class]': 'hostClasses()',
                         '[attr.data-autoid]': 'autoId',
                         '[attr.data-type]': 'data.type',
                         '[attr.data-title]': 'data.title ?? null',
-                        '[attr.data-message]': 'dataMessage'
-                    }, template: "<div class=\"sd-toast__bar\" [class]=\"'bg-' + data.type\"></div>\r\n\r\n<div class=\"sd-toast__icon\" [class]=\"'text-' + data.type\">\r\n  @switch (data.type) {\r\n    @case ('success') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>\r\n    }\r\n    @case ('info') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"/></svg>\r\n    }\r\n    @case ('warning') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"/></svg>\r\n    }\r\n    @case ('error') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"/></svg>\r\n    }\r\n  }\r\n</div>\r\n\r\n<div class=\"sd-toast__content\">\r\n  <div class=\"sd-toast__header\">\r\n    <strong class=\"sd-toast__title\">{{ data.title || ('core.notify.type.' + data.type | translate) }}</strong>\r\n    <button class=\"sd-toast__close\" (click)=\"close()\">\u2715</button>\r\n  </div>\r\n\r\n  <div class=\"sd-toast__body\">\r\n    @if (!isMultiMessage) {\r\n      <!-- why: m\u1EB7c \u0111\u1ECBnh render TEXT (auto-escape) \u2014 an to\u00E0n. Ch\u1EC9 render HTML\r\n           (\u0111\u00E3 sanitize) khi data.html=true. -->\r\n      @if (data.html) {\r\n        <div [innerHTML]=\"sanitizeHtml(singleMessage)\"></div>\r\n      } @else {\r\n        <div>{{ singleMessage }}</div>\r\n      }\r\n    }\r\n    @else {\r\n      <ul class=\"msg-list\">\r\n        @for (msg of displayMessages; track msg) {\r\n          @if (data.html) {\r\n            <li [innerHTML]=\"sanitizeHtml('- ' + msg)\"></li>\r\n          } @else {\r\n            <li>{{ '- ' + msg }}</li>\r\n          }\r\n        }\r\n      </ul>\r\n\r\n      @if (hasMore) {\r\n        <button type=\"button\" \r\n                class=\"toggle-more btn-link\" \r\n                [class]=\"'text-' + data.type\" \r\n                (click)=\"toggleExpand()\">\r\n          {{ isExpanded() ? ('core.notify.show-less' | translate) : ('core.notify.show-more' | translate: { count: restCount }) }}\r\n        </button>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  @if (data.actionLabel) {\r\n    <div class=\"sd-toast__actions\">\r\n      <button class=\"btn-action\" \r\n              [class]=\"'bg-' + data.type + '-light text-' + data.type\"\r\n              (click)=\"onActionClick()\">\r\n        {{ data.actionLabel }}\r\n      </button>\r\n    </div>\r\n  }\r\n</div>", styles: ["@charset \"UTF-8\";:host{display:flex;width:350px;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:12px;overflow:hidden;position:relative;font-family:Roboto,sans-serif;pointer-events:auto}.sd-toast__bar{width:6px;flex-shrink:0}.sd-toast__icon{padding:12px 0 0 12px;flex-shrink:0}.sd-toast__icon svg{width:24px;height:24px}.sd-toast__content{flex-grow:1;padding:12px;display:flex;flex-direction:column}.sd-toast__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.sd-toast__title{font-size:16px;font-weight:600}.sd-toast__close{background:none;border:none;font-size:16px;cursor:pointer;line-height:1;padding:0;opacity:.5;transition:opacity .2s}.sd-toast__close:hover{opacity:1}.sd-toast__body{font-size:14px;line-height:1.4;word-break:break-word}.sd-toast__actions{display:flex;justify-content:flex-end;margin-top:8px}.msg-list{padding-left:0;list-style:none;margin:0}.toggle-more{background:none;border:none;padding:0;font:inherit;cursor:pointer;font-size:13px;margin-top:4px;font-weight:500;text-align:left}.toggle-more:hover{text-decoration:underline}.toggle-more:focus-visible{outline:2px solid currentColor;outline-offset:2px}.btn-action{border:none;padding:6px 12px;border-radius:4px;font-weight:600;cursor:pointer;font-size:13px;transition:filter .2s}.btn-action:hover{filter:brightness(.95)}\n"] }]
+                        '[attr.data-message]': 'dataMessage',
+                    }, template: "<div class=\"sd-toast__bar\" [class]=\"'bg-' + data.type\"></div>\r\n\r\n<div class=\"sd-toast__icon\" [class]=\"'text-' + data.type\">\r\n  @switch (data.type) {\r\n    @case ('success') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>\r\n    }\r\n    @case ('info') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"/></svg>\r\n    }\r\n    @case ('warning') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"/></svg>\r\n    }\r\n    @case ('error') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"/></svg>\r\n    }\r\n  }\r\n</div>\r\n\r\n<div class=\"sd-toast__content\">\r\n  <div class=\"sd-toast__header\">\r\n    <strong class=\"sd-toast__title\">{{ data.title || ('core.notify.type.' + data.type | translate) }}</strong>\r\n    <button class=\"sd-toast__close\" (click)=\"close()\">&times;</button>\r\n  </div>\r\n\r\n  <div class=\"sd-toast__body\">\r\n    @if (!isMultiMessage) {\r\n      <!-- Text rendering is the default safe path; HTML is opt-in and sanitized. -->\r\n      @if (data.html) {\r\n        <div [innerHTML]=\"sanitizeHtml(singleMessage)\"></div>\r\n      } @else {\r\n        <div>{{ singleMessage }}</div>\r\n      }\r\n    } @else {\r\n      <ul class=\"msg-list\">\r\n        @for (msg of displayMessages; track msg) {\r\n          @if (data.html) {\r\n            <li [innerHTML]=\"sanitizeHtml('- ' + msg)\"></li>\r\n          } @else {\r\n            <li>{{ '- ' + msg }}</li>\r\n          }\r\n        }\r\n      </ul>\r\n\r\n      @if (hasMore) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"toggle-more btn-link\"\r\n          [class]=\"'text-' + data.type\"\r\n          (click)=\"toggleExpand()\">\r\n          {{ isExpanded() ? ('core.notify.show-less' | translate) : ('core.notify.show-more' | translate: { count: restCount }) }}\r\n        </button>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  @if (data.actionLabel) {\r\n    <div class=\"sd-toast__actions\">\r\n      <button\r\n        class=\"btn-action\"\r\n        [class]=\"'bg-' + data.type + '-light text-' + data.type\"\r\n        (click)=\"onActionClick()\">\r\n        {{ data.actionLabel }}\r\n      </button>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:flex;width:350px;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:12px;overflow:hidden;position:relative;font-family:Roboto,sans-serif;pointer-events:auto;animation:sd-toast-enter .3s ease-out}:host(.sd-toast--closing){pointer-events:none;animation:sd-toast-leave .2s ease-in forwards}@keyframes sd-toast-enter{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes sd-toast-leave{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media(prefers-reduced-motion:reduce){:host,:host(.sd-toast--closing){animation:none}}.sd-toast__bar{width:6px;flex-shrink:0}.sd-toast__icon{padding:12px 0 0 12px;flex-shrink:0}.sd-toast__icon svg{width:24px;height:24px}.sd-toast__content{flex-grow:1;padding:12px;display:flex;flex-direction:column}.sd-toast__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.sd-toast__title{font-size:16px;font-weight:600}.sd-toast__close{background:none;border:none;font-size:16px;cursor:pointer;line-height:1;padding:0;opacity:.5;transition:opacity .2s}.sd-toast__close:hover{opacity:1}.sd-toast__body{font-size:14px;line-height:1.4;word-break:break-word}.sd-toast__actions{display:flex;justify-content:flex-end;margin-top:8px}.msg-list{padding-left:0;list-style:none;margin:0}.toggle-more{background:none;border:none;padding:0;font:inherit;cursor:pointer;font-size:13px;margin-top:4px;font-weight:500;text-align:left}.toggle-more:hover{text-decoration:underline}.toggle-more:focus-visible{outline:2px solid currentColor;outline-offset:2px}.btn-action{border:none;padding:6px 12px;border-radius:4px;font-weight:600;cursor:pointer;font-size:13px;transition:filter .2s}.btn-action:hover{filter:brightness(.95)}\n"] }]
         }], ctorParameters: () => [{ type: SdNotifyService }, { type: i2.DomSanitizer }], propDecorators: { data: [{
                 type: Input,
                 args: [{ required: true }]
@@ -165,9 +154,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
         }] });
 
 class SdNotifyService {
-    appRef;
-    injector;
-    document;
     toasts = signal([]);
     // Constants
     #DEBOUNCE_TIME = 500;
@@ -177,10 +163,11 @@ class SdNotifyService {
     // State
     #buffer = {};
     #timers = {};
-    constructor(appRef, injector, document) {
-        this.appRef = appRef;
-        this.injector = injector;
-        this.document = document;
+    appRef = inject(ApplicationRef);
+    injector = inject(EnvironmentInjector);
+    document = inject(DOCUMENT);
+    #i18n = inject(I18nService);
+    constructor() {
         this.#initContainer();
     }
     #initContainer() {
@@ -206,14 +193,14 @@ class SdNotifyService {
         this.#addToBuffer('error', message, option);
     }
     remove(id) {
-        this.toasts.update((current) => current.filter((t) => t.id !== id));
+        this.toasts.update(current => current.filter(t => t.id !== id));
     }
     clearAll() {
         this.toasts.set([]);
         this.#clearAllTimers();
     }
     clearByType(type) {
-        this.toasts.update((current) => current.filter((t) => t.type !== type));
+        this.toasts.update(current => current.filter(t => t.type !== type));
     }
     // Private helpers
     #addImmediate(type, message, option) {
@@ -225,9 +212,9 @@ class SdNotifyService {
             duration: option?.duration ?? this.#DEFAULT_SUCCESS_DURATION,
             actionLabel: option?.actionLabel,
             onAction: option?.onAction,
-            html: option?.html
+            html: option?.html,
         };
-        this.toasts.update((current) => {
+        this.toasts.update(current => {
             const updated = [newToast, ...current];
             return updated.slice(0, this.#MAX_TOASTS);
         });
@@ -253,8 +240,7 @@ class SdNotifyService {
         this.#timers[type] = null;
         if (messages.length === 0)
             return;
-        const typeLabel = type === 'error' ? 'Error' : 'Warning';
-        const title = option?.title ?? typeLabel;
+        const title = option?.title ?? this.#i18n.t(`core.notify.type.${type}`);
         const finalTitle = messages.length > 1 ? `${title} (${messages.length})` : title;
         const newToast = {
             id: Utilities.generateUuid(),
@@ -264,9 +250,9 @@ class SdNotifyService {
             duration: option?.duration ?? this.#DEFAULT_BUFFERED_DURATION,
             actionLabel: option?.actionLabel,
             onAction: option?.onAction,
-            html: option?.html
+            html: option?.html,
         };
-        this.toasts.update((current) => {
+        this.toasts.update(current => {
             const updated = [newToast, ...current];
             return updated.slice(0, this.#MAX_TOASTS);
         });
@@ -278,7 +264,7 @@ class SdNotifyService {
         });
         this.#timers = {};
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdNotifyService, deps: [{ token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdNotifyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdNotifyService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdNotifyService, decorators: [{
@@ -286,10 +272,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }, { type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/sd-angular-core-services-notify.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-services-notify.mjs","sources":["../../../projects/sd-angular/services/notify/src/components/toast/toast.component.ts","../../../projects/sd-angular/services/notify/src/components/toast/toast.component.html","../../../projects/sd-angular/services/notify/src/components/toast-container.component.ts","../../../projects/sd-angular/services/notify/src/notify.service.ts","../../../projects/sd-angular/services/notify/sd-angular-core-services-notify.ts"],"sourcesContent":["import { Component, Input, signal, HostListener, OnInit, OnDestroy, SecurityContext } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { animate, style, transition, trigger } from '@angular/animations';\r\nimport { TranslatePipe } from '@sd-angular/core/i18n';\r\nimport { ToastData } from '../../notify.model';\r\nimport { SdNotifyService } from '../../notify.service';\r\n\r\n@Component({\r\n  selector: 'toast',\r\n  standalone: true,\r\n  imports: [CommonModule, TranslatePipe],\r\n  templateUrl: './toast.component.html',\r\n  styleUrls: ['./toast.component.scss'],\r\n  animations: [\r\n    trigger('toastAnimation', [\r\n      transition(':enter', [\r\n        style({ transform: 'translateX(100%)', opacity: 0 }),\r\n        animate('300ms ease-out', style({ transform: 'translateX(0)', opacity: 1 }))\r\n      ]),\r\n      transition(':leave', [\r\n        animate('200ms ease-in', style({ transform: 'translateX(100%)', opacity: 0 }))\r\n      ])\r\n    ])\r\n  ],\r\n  host: {\r\n    '[@toastAnimation]': 'true',\r\n    '[class]': '\"bg-white sd-toast\"',\r\n    // E2E hooks đọc bởi sd-autoid-inspector: autoid theo loại + state type/title/message.\r\n    '[attr.data-autoid]': 'autoId',\r\n    '[attr.data-type]': 'data.type',\r\n    '[attr.data-title]': 'data.title ?? null',\r\n    '[attr.data-message]': 'dataMessage'\r\n  }\r\n})\r\nexport class ToastComponent implements OnInit, OnDestroy {\r\n  @Input({ required: true }) data!: ToastData;\r\n  \r\n  isExpanded = signal(false);\r\n  readonly MAX_SHOW = 2;\r\n\r\n  // --- Logic Timer ---\r\n  private timer: any;\r\n  private start!: number;\r\n  private remaining!: number;\r\n\r\n  constructor(\r\n    private notifyService: SdNotifyService,\r\n    private sanitizer: DomSanitizer\r\n  ) {}\r\n\r\n  /**\r\n   * Sanitize HTML tường minh trước khi render qua `[innerHTML]` — strip\r\n   * `<script>`, event handler (`on*`), `javascript:` URL. Chỉ chạy ở nhánh\r\n   * `data.html === true`; nhánh mặc định render text (auto-escape) nên không\r\n   * có sink này. // why: phơi rõ việc sanitize cho review/scanner bảo mật.\r\n   */\r\n  sanitizeHtml(value: string): string {\r\n    return this.sanitizer.sanitize(SecurityContext.HTML, value) ?? '';\r\n  }\r\n\r\n  /** Message ở dạng chuỗi đơn (chỉ dùng khi !isMultiMessage). */\r\n  get singleMessage(): string {\r\n    return this.data.message as string;\r\n  }\r\n\r\n  ngOnInit() {\r\n    // Khởi tạo thời gian còn lại bằng duration ban đầu\r\n    this.remaining = this.data.duration;\r\n    // Bắt đầu đếm ngược ngay khi hiện ra\r\n    this.resumeTimer();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    clearTimeout(this.timer);\r\n  }\r\n\r\n  // --- Logic Pause/Resume ---\r\n\r\n  @HostListener('mouseenter')\r\n  pauseTimer() {\r\n    if (this.timer) {\r\n      // Xóa timer hiện tại\r\n      clearTimeout(this.timer);\r\n      this.timer = null;\r\n      // Tính toán thời gian đã trôi qua để trừ đi\r\n      this.remaining -= Date.now() - this.start;\r\n    }\r\n  }\r\n\r\n  @HostListener('mouseleave')\r\n  resumeTimer() {\r\n    // Chỉ chạy tiếp nếu còn thời gian và timer chưa chạy\r\n    if (this.remaining > 0 && !this.timer) {\r\n      this.start = Date.now();\r\n      this.timer = setTimeout(() => {\r\n        this.close();\r\n      }, this.remaining);\r\n    }\r\n  }\r\n\r\n  // --- Logic cũ ---\r\n\r\n  close() {\r\n    this.notifyService.remove(this.data.id);\r\n  }\r\n\r\n  onActionClick() {\r\n    this.data.onAction?.();\r\n  }\r\n\r\n  toggleExpand() {\r\n    this.isExpanded.update(v => !v);\r\n  }\r\n\r\n  get isMultiMessage(): boolean {\r\n    return Array.isArray(this.data.message);\r\n  }\r\n\r\n  get messages(): string[] {\r\n    return this.data.message as string[];\r\n  }\r\n\r\n  get displayMessages(): string[] {\r\n    const msgs = this.messages;\r\n    if (this.isExpanded()) return msgs;\r\n    return msgs.slice(0, this.MAX_SHOW);\r\n  }\r\n\r\n  get restCount(): number {\r\n    return this.messages.length - this.MAX_SHOW;\r\n  }\r\n\r\n  get hasMore(): boolean {\r\n    return this.isMultiMessage && this.messages.length > this.MAX_SHOW;\r\n  }\r\n\r\n  /** autoid theo loại toast để E2E chọn trực tiếp, vd `services-notify-toast-success`. */\r\n  get autoId(): string {\r\n    return `services-notify-toast-${this.data.type}`;\r\n  }\r\n\r\n  /** Gộp message (mảng nối ' | ') để phơi ra data-message cho E2E. */\r\n  get dataMessage(): string {\r\n    return Array.isArray(this.data.message) ? this.data.message.join(' | ') : this.data.message;\r\n  }\r\n}","<div class=\"sd-toast__bar\" [class]=\"'bg-' + data.type\"></div>\r\n\r\n<div class=\"sd-toast__icon\" [class]=\"'text-' + data.type\">\r\n  @switch (data.type) {\r\n    @case ('success') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>\r\n    }\r\n    @case ('info') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"/></svg>\r\n    }\r\n    @case ('warning') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"/></svg>\r\n    }\r\n    @case ('error') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"/></svg>\r\n    }\r\n  }\r\n</div>\r\n\r\n<div class=\"sd-toast__content\">\r\n  <div class=\"sd-toast__header\">\r\n    <strong class=\"sd-toast__title\">{{ data.title || ('core.notify.type.' + data.type | translate) }}</strong>\r\n    <button class=\"sd-toast__close\" (click)=\"close()\">✕</button>\r\n  </div>\r\n\r\n  <div class=\"sd-toast__body\">\r\n    @if (!isMultiMessage) {\r\n      <!-- why: mặc định render TEXT (auto-escape) — an toàn. Chỉ render HTML\r\n           (đã sanitize) khi data.html=true. -->\r\n      @if (data.html) {\r\n        <div [innerHTML]=\"sanitizeHtml(singleMessage)\"></div>\r\n      } @else {\r\n        <div>{{ singleMessage }}</div>\r\n      }\r\n    }\r\n    @else {\r\n      <ul class=\"msg-list\">\r\n        @for (msg of displayMessages; track msg) {\r\n          @if (data.html) {\r\n            <li [innerHTML]=\"sanitizeHtml('- ' + msg)\"></li>\r\n          } @else {\r\n            <li>{{ '- ' + msg }}</li>\r\n          }\r\n        }\r\n      </ul>\r\n\r\n      @if (hasMore) {\r\n        <button type=\"button\" \r\n                class=\"toggle-more btn-link\" \r\n                [class]=\"'text-' + data.type\" \r\n                (click)=\"toggleExpand()\">\r\n          {{ isExpanded() ? ('core.notify.show-less' | translate) : ('core.notify.show-more' | translate: { count: restCount }) }}\r\n        </button>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  @if (data.actionLabel) {\r\n    <div class=\"sd-toast__actions\">\r\n      <button class=\"btn-action\" \r\n              [class]=\"'bg-' + data.type + '-light text-' + data.type\"\r\n              (click)=\"onActionClick()\">\r\n        {{ data.actionLabel }}\r\n      </button>\r\n    </div>\r\n  }\r\n</div>","import { Component, signal, WritableSignal } from '@angular/core';\r\nimport { ToastData } from '../notify.model';\r\nimport { ToastComponent } from './toast/toast.component';\r\n\r\n@Component({\r\n  selector: 'toast-container',\r\n  standalone: true,\r\n  imports: [ToastComponent],\r\n  template: `\r\n    <div class=\"toast-container\">\r\n      @for (toast of toasts(); track toast.id) {\r\n        <toast [data]=\"toast\"> </toast>\r\n      }\r\n    </div>\r\n  `,\r\n  styles: [\r\n    `\r\n      .toast-container {\r\n        position: fixed;\r\n        top: 20px;\r\n        right: 20px;\r\n        z-index: 9999;\r\n        display: flex;\r\n        flex-direction: column;\r\n        pointer-events: none; /* Cho phép click xuyên qua vùng trống */\r\n      }\r\n      sd-toast {\r\n        pointer-events: auto; /* Bật lại click cho toast */\r\n      }\r\n    `,\r\n  ],\r\n})\r\nexport class ToastContainerComponent {\r\n  toasts: WritableSignal<ToastData[]> = signal([]);\r\n}\r\n","import { DOCUMENT } from '@angular/common';\r\nimport {\r\n  ApplicationRef,\r\n  createComponent,\r\n  EnvironmentInjector,\r\n  Inject,\r\n  Injectable,\r\n  signal\r\n} from '@angular/core';\r\nimport { Utilities } from '@sdcorejs/utils/fns';\r\nimport { ToastContainerComponent } from './components/toast-container.component';\r\nimport { NotifyOption, ToastData, ToastType } from './notify.model';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class SdNotifyService {\r\n  readonly toasts = signal<ToastData[]>([]);\r\n\r\n  // Constants\r\n  readonly #DEBOUNCE_TIME = 500;\r\n  readonly #DEFAULT_SUCCESS_DURATION = 3000;\r\n  readonly #DEFAULT_BUFFERED_DURATION = 5000;\r\n  readonly #MAX_TOASTS = 5;\r\n\r\n  // State\r\n  #buffer: Record<string, string[]> = {};\r\n  #timers: Record<string, ReturnType<typeof setTimeout> | null> = {};\r\n\r\n  constructor(\r\n    private appRef: ApplicationRef,\r\n    private injector: EnvironmentInjector,\r\n    @Inject(DOCUMENT) private document: Document\r\n  ) {\r\n    this.#initContainer();\r\n  }\r\n\r\n  #initContainer() {\r\n    const componentRef = createComponent(ToastContainerComponent, {\r\n      environmentInjector: this.injector,\r\n    });\r\n    componentRef.instance.toasts = this.toasts;\r\n    this.appRef.attachView(componentRef.hostView);\r\n    const domElem = (componentRef.hostView as any).rootNodes[0] as HTMLElement;\r\n    this.document.body.appendChild(domElem);\r\n  }\r\n\r\n  // Public API\r\n  success(message: string, option?: NotifyOption) {\r\n    this.#addImmediate('success', message, option);\r\n  }\r\n\r\n  info(message: string, option?: NotifyOption) {\r\n    this.#addImmediate('info', message, option);\r\n  }\r\n\r\n  warning(message: string | string[], option?: NotifyOption) {\r\n    this.#addToBuffer('warning', message, option);\r\n  }\r\n\r\n  error(message: string | string[], option?: NotifyOption) {\r\n    this.#addToBuffer('error', message, option);\r\n  }\r\n\r\n  remove(id: string) {\r\n    this.toasts.update((current) => current.filter((t) => t.id !== id));\r\n  }\r\n\r\n  clearAll() {\r\n    this.toasts.set([]);\r\n    this.#clearAllTimers();\r\n  }\r\n\r\n  clearByType(type: ToastType) {\r\n    this.toasts.update((current) => current.filter((t) => t.type !== type));\r\n  }\r\n\r\n  // Private helpers\r\n  #addImmediate(type: ToastType, message: string, option?: NotifyOption) {\r\n    const newToast: ToastData = {\r\n      id: Utilities.generateUuid(),\r\n      type,\r\n      message,\r\n      title: option?.title,\r\n      duration: option?.duration ?? this.#DEFAULT_SUCCESS_DURATION,\r\n      actionLabel: option?.actionLabel,\r\n      onAction: option?.onAction,\r\n      html: option?.html\r\n    };\r\n\r\n    this.toasts.update((current) => {\r\n      const updated = [newToast, ...current];\r\n      return updated.slice(0, this.#MAX_TOASTS);\r\n    });\r\n  }\r\n\r\n  #addToBuffer(type: ToastType, message: string | string[], option?: NotifyOption) {\r\n    if (!this.#buffer[type]) {\r\n      this.#buffer[type] = [];\r\n    }\r\n    \r\n    const msgs = Array.isArray(message) ? message : [message];\r\n    this.#buffer[type].push(...msgs);\r\n\r\n    // Clear existing timer and set new one\r\n    if (this.#timers[type]) {\r\n      clearTimeout(this.#timers[type]!);\r\n    }\r\n\r\n    this.#timers[type] = setTimeout(() => {\r\n      this.#flushBuffer(type, option);\r\n    }, this.#DEBOUNCE_TIME);\r\n  }\r\n\r\n  #flushBuffer(type: ToastType, option?: NotifyOption) {\r\n    const messages = [...new Set(this.#buffer[type])];\r\n    \r\n    // Cleanup\r\n    this.#buffer[type] = [];\r\n    this.#timers[type] = null;\r\n\r\n    if (messages.length === 0) return;\r\n\r\n    const typeLabel = type === 'error' ? 'Error' : 'Warning';\r\n    const title = option?.title ?? typeLabel;\r\n    const finalTitle = messages.length > 1 ? `${title} (${messages.length})` : title;\r\n\r\n    const newToast: ToastData = {\r\n      id: Utilities.generateUuid(),\r\n      type,\r\n      message: messages.length === 1 ? messages[0] : messages, \r\n      title: finalTitle,\r\n      duration: option?.duration ?? this.#DEFAULT_BUFFERED_DURATION,\r\n      actionLabel: option?.actionLabel,\r\n      onAction: option?.onAction,\r\n      html: option?.html\r\n    };\r\n\r\n    this.toasts.update((current) => {\r\n      const updated = [newToast, ...current];\r\n      return updated.slice(0, this.#MAX_TOASTS);\r\n    });\r\n  }\r\n\r\n  #clearAllTimers() {\r\n    Object.values(this.#timers).forEach(timer => {\r\n      if (timer) clearTimeout(timer);\r\n    });\r\n    this.#timers = {};\r\n  }\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.SdNotifyService"],"mappings":"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"}
+{"version":3,"file":"sd-angular-core-services-notify.mjs","sources":["../../../projects/sd-angular/services/notify/src/components/toast/toast.component.ts","../../../projects/sd-angular/services/notify/src/components/toast/toast.component.html","../../../projects/sd-angular/services/notify/src/components/toast-container.component.ts","../../../projects/sd-angular/services/notify/src/notify.service.ts","../../../projects/sd-angular/services/notify/sd-angular-core-services-notify.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  HostListener,\r\n  Input,\r\n  OnDestroy,\r\n  OnInit,\r\n  SecurityContext,\r\n  computed,\r\n  signal,\r\n} from '@angular/core';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { TranslatePipe } from '@sd-angular/core/i18n';\r\n\r\nimport { ToastData } from '../../notify.model';\r\nimport { SdNotifyService } from '../../notify.service';\r\n\r\nconst TOAST_EXIT_ANIMATION_MS = 200;\r\n\r\n@Component({\r\n  selector: 'toast',\r\n  standalone: true,\r\n  imports: [CommonModule, TranslatePipe],\r\n  templateUrl: './toast.component.html',\r\n  styleUrl: './toast.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    '[class]': 'hostClasses()',\r\n    '[attr.data-autoid]': 'autoId',\r\n    '[attr.data-type]': 'data.type',\r\n    '[attr.data-title]': 'data.title ?? null',\r\n    '[attr.data-message]': 'dataMessage',\r\n  },\r\n})\r\nexport class ToastComponent implements OnInit, OnDestroy {\r\n  @Input({ required: true }) data!: ToastData;\r\n\r\n  readonly isExpanded = signal(false);\r\n  readonly isClosing = signal(false);\r\n  readonly hostClasses = computed(() => (this.isClosing() ? 'bg-white sd-toast sd-toast--closing' : 'bg-white sd-toast'));\r\n  readonly MAX_SHOW = 2;\r\n\r\n  private timer: ReturnType<typeof setTimeout> | null = null;\r\n  private closeTimer: ReturnType<typeof setTimeout> | null = null;\r\n  private start = 0;\r\n  private remaining = 0;\r\n\r\n  constructor(\r\n    private notifyService: SdNotifyService,\r\n    private sanitizer: DomSanitizer\r\n  ) {}\r\n\r\n  ngOnInit(): void {\r\n    this.remaining = this.data.duration;\r\n    this.resumeTimer();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.clearAutoDismissTimer();\r\n    this.clearCloseTimer();\r\n  }\r\n\r\n  @HostListener('mouseenter')\r\n  pauseTimer(): void {\r\n    if (!this.timer || this.isClosing()) {\r\n      return;\r\n    }\r\n\r\n    clearTimeout(this.timer);\r\n    this.timer = null;\r\n    this.remaining = Math.max(this.remaining - (Date.now() - this.start), 0);\r\n  }\r\n\r\n  @HostListener('mouseleave')\r\n  resumeTimer(): void {\r\n    if (this.remaining <= 0 || this.timer || this.isClosing()) {\r\n      return;\r\n    }\r\n\r\n    this.start = Date.now();\r\n    this.timer = setTimeout(() => {\r\n      this.close();\r\n    }, this.remaining);\r\n  }\r\n\r\n  close(): void {\r\n    if (this.isClosing()) {\r\n      return;\r\n    }\r\n\r\n    this.clearAutoDismissTimer();\r\n    this.isClosing.set(true);\r\n    this.closeTimer = setTimeout(() => {\r\n      this.closeTimer = null;\r\n      this.notifyService.remove(this.data.id);\r\n    }, TOAST_EXIT_ANIMATION_MS);\r\n  }\r\n\r\n  onActionClick(): void {\r\n    this.data.onAction?.();\r\n  }\r\n\r\n  toggleExpand(): void {\r\n    this.isExpanded.update(v => !v);\r\n  }\r\n\r\n  sanitizeHtml(value: string): string {\r\n    return this.sanitizer.sanitize(SecurityContext.HTML, value) ?? '';\r\n  }\r\n\r\n  get singleMessage(): string {\r\n    return this.data.message as string;\r\n  }\r\n\r\n  get isMultiMessage(): boolean {\r\n    return Array.isArray(this.data.message);\r\n  }\r\n\r\n  get messages(): string[] {\r\n    return this.data.message as string[];\r\n  }\r\n\r\n  get displayMessages(): string[] {\r\n    const msgs = this.messages;\r\n    if (this.isExpanded()) return msgs;\r\n    return msgs.slice(0, this.MAX_SHOW);\r\n  }\r\n\r\n  get restCount(): number {\r\n    return this.messages.length - this.MAX_SHOW;\r\n  }\r\n\r\n  get hasMore(): boolean {\r\n    return this.isMultiMessage && this.messages.length > this.MAX_SHOW;\r\n  }\r\n\r\n  get autoId(): string {\r\n    return `services-notify-toast-${this.data.type}`;\r\n  }\r\n\r\n  get dataMessage(): string {\r\n    return Array.isArray(this.data.message) ? this.data.message.join(' | ') : this.data.message;\r\n  }\r\n\r\n  private clearAutoDismissTimer(): void {\r\n    if (!this.timer) {\r\n      return;\r\n    }\r\n\r\n    clearTimeout(this.timer);\r\n    this.timer = null;\r\n  }\r\n\r\n  private clearCloseTimer(): void {\r\n    if (!this.closeTimer) {\r\n      return;\r\n    }\r\n\r\n    clearTimeout(this.closeTimer);\r\n    this.closeTimer = null;\r\n  }\r\n}\r\n","<div class=\"sd-toast__bar\" [class]=\"'bg-' + data.type\"></div>\r\n\r\n<div class=\"sd-toast__icon\" [class]=\"'text-' + data.type\">\r\n  @switch (data.type) {\r\n    @case ('success') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>\r\n    }\r\n    @case ('info') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"/></svg>\r\n    }\r\n    @case ('warning') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"/></svg>\r\n    }\r\n    @case ('error') {\r\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"/></svg>\r\n    }\r\n  }\r\n</div>\r\n\r\n<div class=\"sd-toast__content\">\r\n  <div class=\"sd-toast__header\">\r\n    <strong class=\"sd-toast__title\">{{ data.title || ('core.notify.type.' + data.type | translate) }}</strong>\r\n    <button class=\"sd-toast__close\" (click)=\"close()\">&times;</button>\r\n  </div>\r\n\r\n  <div class=\"sd-toast__body\">\r\n    @if (!isMultiMessage) {\r\n      <!-- Text rendering is the default safe path; HTML is opt-in and sanitized. -->\r\n      @if (data.html) {\r\n        <div [innerHTML]=\"sanitizeHtml(singleMessage)\"></div>\r\n      } @else {\r\n        <div>{{ singleMessage }}</div>\r\n      }\r\n    } @else {\r\n      <ul class=\"msg-list\">\r\n        @for (msg of displayMessages; track msg) {\r\n          @if (data.html) {\r\n            <li [innerHTML]=\"sanitizeHtml('- ' + msg)\"></li>\r\n          } @else {\r\n            <li>{{ '- ' + msg }}</li>\r\n          }\r\n        }\r\n      </ul>\r\n\r\n      @if (hasMore) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"toggle-more btn-link\"\r\n          [class]=\"'text-' + data.type\"\r\n          (click)=\"toggleExpand()\">\r\n          {{ isExpanded() ? ('core.notify.show-less' | translate) : ('core.notify.show-more' | translate: { count: restCount }) }}\r\n        </button>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  @if (data.actionLabel) {\r\n    <div class=\"sd-toast__actions\">\r\n      <button\r\n        class=\"btn-action\"\r\n        [class]=\"'bg-' + data.type + '-light text-' + data.type\"\r\n        (click)=\"onActionClick()\">\r\n        {{ data.actionLabel }}\r\n      </button>\r\n    </div>\r\n  }\r\n</div>\r\n","import { Component, signal, WritableSignal } from '@angular/core';\r\nimport { ToastData } from '../notify.model';\r\nimport { ToastComponent } from './toast/toast.component';\r\n\r\n@Component({\r\n  selector: 'toast-container',\r\n  standalone: true,\r\n  imports: [ToastComponent],\r\n  template: `\r\n    <div class=\"toast-container\">\r\n      @for (toast of toasts(); track toast.id) {\r\n        <toast [data]=\"toast\"> </toast>\r\n      }\r\n    </div>\r\n  `,\r\n  styles: [\r\n    `\r\n      .toast-container {\r\n        position: fixed;\r\n        top: 20px;\r\n        right: 20px;\r\n        z-index: 9999;\r\n        display: flex;\r\n        flex-direction: column;\r\n        pointer-events: none; /* Cho phép click xuyên qua vùng trống */\r\n      }\r\n      sd-toast {\r\n        pointer-events: auto; /* Bật lại click cho toast */\r\n      }\r\n    `,\r\n  ],\r\n})\r\nexport class ToastContainerComponent {\r\n  toasts: WritableSignal<ToastData[]> = signal([]);\r\n}\r\n","import { DOCUMENT } from '@angular/common';\r\nimport { ApplicationRef, createComponent, EnvironmentInjector, inject, Injectable, signal } from '@angular/core';\r\nimport { Utilities } from '@sdcorejs/utils/fns';\r\n\r\nimport { I18nService } from '@sd-angular/core/i18n';\r\n\r\nimport { ToastContainerComponent } from './components/toast-container.component';\r\nimport { NotifyOption, ToastData, ToastType } from './notify.model';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class SdNotifyService {\r\n  readonly toasts = signal<ToastData[]>([]);\r\n\r\n  // Constants\r\n  readonly #DEBOUNCE_TIME = 500;\r\n  readonly #DEFAULT_SUCCESS_DURATION = 3000;\r\n  readonly #DEFAULT_BUFFERED_DURATION = 5000;\r\n  readonly #MAX_TOASTS = 5;\r\n\r\n  // State\r\n  #buffer: Record<string, string[]> = {};\r\n  #timers: Record<string, ReturnType<typeof setTimeout> | null> = {};\r\n  private readonly appRef = inject(ApplicationRef);\r\n  private readonly injector = inject(EnvironmentInjector);\r\n  private readonly document = inject(DOCUMENT);\r\n  readonly #i18n = inject(I18nService);\r\n\r\n  constructor() {\r\n    this.#initContainer();\r\n  }\r\n\r\n  #initContainer() {\r\n    const componentRef = createComponent(ToastContainerComponent, {\r\n      environmentInjector: this.injector,\r\n    });\r\n    componentRef.instance.toasts = this.toasts;\r\n    this.appRef.attachView(componentRef.hostView);\r\n    const domElem = (componentRef.hostView as any).rootNodes[0] as HTMLElement;\r\n    this.document.body.appendChild(domElem);\r\n  }\r\n\r\n  // Public API\r\n  success(message: string, option?: NotifyOption) {\r\n    this.#addImmediate('success', message, option);\r\n  }\r\n\r\n  info(message: string, option?: NotifyOption) {\r\n    this.#addImmediate('info', message, option);\r\n  }\r\n\r\n  warning(message: string | string[], option?: NotifyOption) {\r\n    this.#addToBuffer('warning', message, option);\r\n  }\r\n\r\n  error(message: string | string[], option?: NotifyOption) {\r\n    this.#addToBuffer('error', message, option);\r\n  }\r\n\r\n  remove(id: string) {\r\n    this.toasts.update(current => current.filter(t => t.id !== id));\r\n  }\r\n\r\n  clearAll() {\r\n    this.toasts.set([]);\r\n    this.#clearAllTimers();\r\n  }\r\n\r\n  clearByType(type: ToastType) {\r\n    this.toasts.update(current => current.filter(t => t.type !== type));\r\n  }\r\n\r\n  // Private helpers\r\n  #addImmediate(type: ToastType, message: string, option?: NotifyOption) {\r\n    const newToast: ToastData = {\r\n      id: Utilities.generateUuid(),\r\n      type,\r\n      message,\r\n      title: option?.title,\r\n      duration: option?.duration ?? this.#DEFAULT_SUCCESS_DURATION,\r\n      actionLabel: option?.actionLabel,\r\n      onAction: option?.onAction,\r\n      html: option?.html,\r\n    };\r\n\r\n    this.toasts.update(current => {\r\n      const updated = [newToast, ...current];\r\n      return updated.slice(0, this.#MAX_TOASTS);\r\n    });\r\n  }\r\n\r\n  #addToBuffer(type: ToastType, message: string | string[], option?: NotifyOption) {\r\n    if (!this.#buffer[type]) {\r\n      this.#buffer[type] = [];\r\n    }\r\n\r\n    const msgs = Array.isArray(message) ? message : [message];\r\n    this.#buffer[type].push(...msgs);\r\n\r\n    // Clear existing timer and set new one\r\n    if (this.#timers[type]) {\r\n      clearTimeout(this.#timers[type]!);\r\n    }\r\n\r\n    this.#timers[type] = setTimeout(() => {\r\n      this.#flushBuffer(type, option);\r\n    }, this.#DEBOUNCE_TIME);\r\n  }\r\n\r\n  #flushBuffer(type: ToastType, option?: NotifyOption) {\r\n    const messages = [...new Set(this.#buffer[type])];\r\n\r\n    // Cleanup\r\n    this.#buffer[type] = [];\r\n    this.#timers[type] = null;\r\n\r\n    if (messages.length === 0) return;\r\n\r\n    const title = option?.title ?? this.#i18n.t(`core.notify.type.${type}`);\r\n    const finalTitle = messages.length > 1 ? `${title} (${messages.length})` : title;\r\n\r\n    const newToast: ToastData = {\r\n      id: Utilities.generateUuid(),\r\n      type,\r\n      message: messages.length === 1 ? messages[0] : messages,\r\n      title: finalTitle,\r\n      duration: option?.duration ?? this.#DEFAULT_BUFFERED_DURATION,\r\n      actionLabel: option?.actionLabel,\r\n      onAction: option?.onAction,\r\n      html: option?.html,\r\n    };\r\n\r\n    this.toasts.update(current => {\r\n      const updated = [newToast, ...current];\r\n      return updated.slice(0, this.#MAX_TOASTS);\r\n    });\r\n  }\r\n\r\n  #clearAllTimers() {\r\n    Object.values(this.#timers).forEach(timer => {\r\n      if (timer) clearTimeout(timer);\r\n    });\r\n    this.#timers = {};\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.SdNotifyService"],"mappings":"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"}

package/fesm2022/sd-angular-core-services-storage.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Inject, Optional, Injectable } from '@angular/core';
+import { InjectionToken, inject, Injectable } from '@angular/core';
 import { Utilities } from '@sdcorejs/utils/fns';
 import { BehaviorSubject } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -8,13 +8,10 @@ const SD_STORAGE_CONFIG = new InjectionToken('storage.configuration');
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 class SdStorageService {
-    configuration;
     // Dùng Map để quản lý bộ nhớ tốt hơn Record
     #memoryCache = new Map();
     #subjects = new Map();
-    constructor(configuration) {
-        this.configuration = configuration;
-    }
+    configuration = inject(SD_STORAGE_CONFIG, { optional: true });
     create(key, option) {
         if (!key)
             throw new Error('Key is required');
@@ -151,7 +148,7 @@ class SdStorageService {
             return val;
         return JSON.parse(JSON.stringify(val));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdStorageService, deps: [{ token: SD_STORAGE_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdStorageService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdStorageService, decorators: [{
@@ -159,12 +156,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [SD_STORAGE_CONFIG]
-                }, {
-                    type: Optional
-                }] }] });
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/sd-angular-core-services-storage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-services-storage.mjs","sources":["../../../projects/sd-angular/services/storage/src/storage.model.ts","../../../projects/sd-angular/services/storage/src/storage.service.ts","../../../projects/sd-angular/services/storage/sd-angular-core-services-storage.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\nimport { BehaviorSubject, Observable } from 'rxjs';\r\n\r\nexport interface SdStorageOption<T = any> {\r\n  type?: 'session';\r\n  default?: T;\r\n  args?: Record<string, any>;\r\n}\r\n\r\nexport interface SdStorage<T = any> {\r\n  get: () => T;\r\n  set: (data: T) => void;\r\n  // Ghi vào storage nhưng KHÔNG emit subject. Dùng cho thay đổi UI-only\r\n  // (vd: column width) để tránh re-trigger các subscriber gây reload data.\r\n  setSilent: (data: T) => void;\r\n  has: () => boolean;\r\n  remove: () => void;\r\n  subject: BehaviorSubject<T>;\r\n  observer: Observable<T>;\r\n}\r\n\r\nexport interface ISdStorageConfiguration {\r\n  key?: (key: string) => string;\r\n}\r\n\r\nexport const SD_STORAGE_CONFIG = new InjectionToken<ISdStorageConfiguration>('storage.configuration');\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { Inject, Injectable, Optional } from '@angular/core';\r\nimport { Utilities } from '@sdcorejs/utils/fns';\r\nimport { BehaviorSubject } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\nimport { ISdStorageConfiguration, SD_STORAGE_CONFIG, SdStorage, SdStorageOption } from './storage.model';\r\n\r\ninterface StorageCacheEntry<T> {\r\n  data: T;\r\n  createdOn: Date;\r\n}\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class SdStorageService {\r\n  // Dùng Map để quản lý bộ nhớ tốt hơn Record\r\n  #memoryCache = new Map<string, StorageCacheEntry<any>>();\r\n  #subjects = new Map<string, BehaviorSubject<any>>();\r\n\r\n  constructor(\r\n    @Inject(SD_STORAGE_CONFIG)\r\n    @Optional()\r\n    private configuration: ISdStorageConfiguration\r\n  ) {}\r\n\r\n  create<T = any>(key: string | object, option?: SdStorageOption<T>): SdStorage<T> {\r\n    if (!key) throw new Error('Key is required');\r\n\r\n    // 1. Xử lý Key\r\n    let hashKey: string;\r\n    if (typeof key === 'string') {\r\n      hashKey = key;\r\n    } else if (typeof key === 'object') {\r\n      hashKey = Utilities.hash(key);\r\n    } else {\r\n      throw new Error('Invalid key type');\r\n    }\r\n\r\n    if (this.configuration?.key) {\r\n      hashKey = this.configuration.key(hashKey);\r\n    }\r\n\r\n    // 2. Init Subject: Đọc dữ liệu từ Storage ngay lập tức để Subject có giá trị đúng\r\n    if (!this.#subjects.has(hashKey)) {\r\n      const existingData = this.#internalGet<T>(hashKey, option);\r\n      // Fix Type: as T | undefined\r\n      this.#subjects.set(hashKey, new BehaviorSubject<T | undefined>(existingData ?? option?.default));\r\n    }\r\n\r\n    const subject = this.#subjects.get(hashKey)!;\r\n\r\n    // 3. Define Helpers\r\n    const get = () => {\r\n      const val = this.#internalGet<T>(hashKey, option);\r\n      return (val ?? option?.default) as T;\r\n    };\r\n\r\n    const set = (data: T) => {\r\n      this.#internalSet(hashKey, data, option);\r\n      subject.next(data);\r\n    };\r\n\r\n    const setSilent = (data: T) => {\r\n      this.#internalSet(hashKey, data, option);\r\n      // Cố tình KHÔNG gọi subject.next — consumer dùng kênh riêng để thông báo\r\n    };\r\n\r\n    const has = () => {\r\n      return this.#internalGet<T>(hashKey, option) !== undefined;\r\n    };\r\n\r\n    const remove = () => {\r\n      this.#internalRemove(hashKey, option);\r\n      subject.next(undefined);\r\n    };\r\n\r\n    // Hàm dọn dẹp bộ nhớ (quan trọng)\r\n    const destroy = () => {\r\n      subject.complete();\r\n      this.#subjects.delete(hashKey);\r\n      this.#memoryCache.delete(hashKey);\r\n    };\r\n\r\n    return {\r\n      get,\r\n      set,\r\n      setSilent,\r\n      has,\r\n      remove,\r\n      // @ts-ignore: Bổ sung vào interface nếu cần\r\n      destroy,\r\n      subject: subject,\r\n      observer: subject.asObservable().pipe(map(() => get())),\r\n    };\r\n  }\r\n\r\n  // --- PRIVATE CORE LOGIC ---\r\n\r\n  /**\r\n   * Helper xác định loại Storage đang dùng\r\n   */\r\n  #getStorage(option?: SdStorageOption<any>): Storage {\r\n    return option?.type === 'session' ? sessionStorage : localStorage;\r\n  }\r\n\r\n  /**\r\n   * Đọc dữ liệu: Memory -> Storage -> Parse\r\n   */\r\n  #internalGet<T>(key: string, option?: SdStorageOption<T>): T | undefined {\r\n    // 1. Check Memory (Nhanh nhất)\r\n    let entry = this.#memoryCache.get(key);\r\n\r\n    // 2. Check Storage (Nếu memory chưa có hoặc mới F5)\r\n    if (!entry) {\r\n      const storage = this.#getStorage(option);\r\n      const raw = storage.getItem(key);\r\n      if (raw) {\r\n        try {\r\n          const parsed = JSON.parse(raw);\r\n          // Convert string date back to Date object nếu cần\r\n          entry = {\r\n            data: parsed.data,\r\n            createdOn: new Date(parsed.createdOn)\r\n          };\r\n          // Sync ngược vào RAM\r\n          this.#memoryCache.set(key, entry);\r\n        } catch (e) {\r\n          console.warn('Storage parse error', e);\r\n          this.#internalRemove(key, option); // Dữ liệu lỗi -> Xóa\r\n        }\r\n      }\r\n    }\r\n\r\n    if (!entry) return undefined;\r\n\r\n    return this.#deepClone(entry.data);\r\n  }\r\n\r\n  /**\r\n   * Ghi dữ liệu: Memory -> Storage\r\n   */\r\n  #internalSet<T>(key: string, data: T, option?: SdStorageOption<T>): void {\r\n    const clonedData = this.#deepClone(data);\r\n\r\n    const entry: StorageCacheEntry<T> = {\r\n      data: clonedData,\r\n      createdOn: new Date(),\r\n    };\r\n\r\n    // 1. Lưu Memory\r\n    this.#memoryCache.set(key, entry);\r\n\r\n    // 2. Lưu Storage\r\n    const storage = this.#getStorage(option);\r\n    try {\r\n      storage.setItem(key, JSON.stringify(entry));\r\n    } catch (e) {\r\n      console.error('Storage quota exceeded', e);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Xóa dữ liệu\r\n   */\r\n  #internalRemove(key: string, option?: SdStorageOption<any>): void {\r\n    this.#memoryCache.delete(key);\r\n    const storage = this.#getStorage(option);\r\n    storage.removeItem(key);\r\n  }\r\n\r\n  /**\r\n   * Deep Clone an toàn\r\n   */\r\n  #deepClone<T>(val: T): T {\r\n    if (val === undefined || val === null) return val;\r\n    return JSON.parse(JSON.stringify(val));\r\n  }\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"sd-angular-core-services-storage.mjs","sources":["../../../projects/sd-angular/services/storage/src/storage.model.ts","../../../projects/sd-angular/services/storage/src/storage.service.ts","../../../projects/sd-angular/services/storage/sd-angular-core-services-storage.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\nimport { BehaviorSubject, Observable } from 'rxjs';\r\n\r\nexport interface SdStorageOption<T = any> {\r\n  type?: 'session';\r\n  default?: T;\r\n  args?: Record<string, any>;\r\n}\r\n\r\nexport interface SdStorage<T = any> {\r\n  get: () => T;\r\n  set: (data: T) => void;\r\n  // Ghi vào storage nhưng KHÔNG emit subject. Dùng cho thay đổi UI-only\r\n  // (vd: column width) để tránh re-trigger các subscriber gây reload data.\r\n  setSilent: (data: T) => void;\r\n  has: () => boolean;\r\n  remove: () => void;\r\n  subject: BehaviorSubject<T>;\r\n  observer: Observable<T>;\r\n}\r\n\r\nexport interface ISdStorageConfiguration {\r\n  key?: (key: string) => string;\r\n}\r\n\r\nexport const SD_STORAGE_CONFIG = new InjectionToken<ISdStorageConfiguration>('storage.configuration');\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { inject, Injectable } from '@angular/core';\r\nimport { Utilities } from '@sdcorejs/utils/fns';\r\nimport { BehaviorSubject } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\nimport { ISdStorageConfiguration, SD_STORAGE_CONFIG, SdStorage, SdStorageOption } from './storage.model';\r\n\r\ninterface StorageCacheEntry<T> {\r\n  data: T;\r\n  createdOn: Date;\r\n}\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class SdStorageService {\r\n  // Dùng Map để quản lý bộ nhớ tốt hơn Record\r\n  #memoryCache = new Map<string, StorageCacheEntry<any>>();\r\n  #subjects = new Map<string, BehaviorSubject<any>>();\r\n  private readonly configuration: ISdStorageConfiguration | null = inject(SD_STORAGE_CONFIG, { optional: true });\r\n\r\n  create<T = any>(key: string | object, option?: SdStorageOption<T>): SdStorage<T> {\r\n    if (!key) throw new Error('Key is required');\r\n\r\n    // 1. Xử lý Key\r\n    let hashKey: string;\r\n    if (typeof key === 'string') {\r\n      hashKey = key;\r\n    } else if (typeof key === 'object') {\r\n      hashKey = Utilities.hash(key);\r\n    } else {\r\n      throw new Error('Invalid key type');\r\n    }\r\n\r\n    if (this.configuration?.key) {\r\n      hashKey = this.configuration.key(hashKey);\r\n    }\r\n\r\n    // 2. Init Subject: Đọc dữ liệu từ Storage ngay lập tức để Subject có giá trị đúng\r\n    if (!this.#subjects.has(hashKey)) {\r\n      const existingData = this.#internalGet<T>(hashKey, option);\r\n      // Fix Type: as T | undefined\r\n      this.#subjects.set(hashKey, new BehaviorSubject<T | undefined>(existingData ?? option?.default));\r\n    }\r\n\r\n    const subject = this.#subjects.get(hashKey)!;\r\n\r\n    // 3. Define Helpers\r\n    const get = () => {\r\n      const val = this.#internalGet<T>(hashKey, option);\r\n      return (val ?? option?.default) as T;\r\n    };\r\n\r\n    const set = (data: T) => {\r\n      this.#internalSet(hashKey, data, option);\r\n      subject.next(data);\r\n    };\r\n\r\n    const setSilent = (data: T) => {\r\n      this.#internalSet(hashKey, data, option);\r\n      // Cố tình KHÔNG gọi subject.next — consumer dùng kênh riêng để thông báo\r\n    };\r\n\r\n    const has = () => {\r\n      return this.#internalGet<T>(hashKey, option) !== undefined;\r\n    };\r\n\r\n    const remove = () => {\r\n      this.#internalRemove(hashKey, option);\r\n      subject.next(undefined);\r\n    };\r\n\r\n    // Hàm dọn dẹp bộ nhớ (quan trọng)\r\n    const destroy = () => {\r\n      subject.complete();\r\n      this.#subjects.delete(hashKey);\r\n      this.#memoryCache.delete(hashKey);\r\n    };\r\n\r\n    return {\r\n      get,\r\n      set,\r\n      setSilent,\r\n      has,\r\n      remove,\r\n      // @ts-ignore: Bổ sung vào interface nếu cần\r\n      destroy,\r\n      subject: subject,\r\n      observer: subject.asObservable().pipe(map(() => get())),\r\n    };\r\n  }\r\n\r\n  // --- PRIVATE CORE LOGIC ---\r\n\r\n  /**\r\n   * Helper xác định loại Storage đang dùng\r\n   */\r\n  #getStorage(option?: SdStorageOption<any>): Storage {\r\n    return option?.type === 'session' ? sessionStorage : localStorage;\r\n  }\r\n\r\n  /**\r\n   * Đọc dữ liệu: Memory -> Storage -> Parse\r\n   */\r\n  #internalGet<T>(key: string, option?: SdStorageOption<T>): T | undefined {\r\n    // 1. Check Memory (Nhanh nhất)\r\n    let entry = this.#memoryCache.get(key);\r\n\r\n    // 2. Check Storage (Nếu memory chưa có hoặc mới F5)\r\n    if (!entry) {\r\n      const storage = this.#getStorage(option);\r\n      const raw = storage.getItem(key);\r\n      if (raw) {\r\n        try {\r\n          const parsed = JSON.parse(raw);\r\n          // Convert string date back to Date object nếu cần\r\n          entry = {\r\n            data: parsed.data,\r\n            createdOn: new Date(parsed.createdOn)\r\n          };\r\n          // Sync ngược vào RAM\r\n          this.#memoryCache.set(key, entry);\r\n        } catch (e) {\r\n          console.warn('Storage parse error', e);\r\n          this.#internalRemove(key, option); // Dữ liệu lỗi -> Xóa\r\n        }\r\n      }\r\n    }\r\n\r\n    if (!entry) return undefined;\r\n\r\n    return this.#deepClone(entry.data);\r\n  }\r\n\r\n  /**\r\n   * Ghi dữ liệu: Memory -> Storage\r\n   */\r\n  #internalSet<T>(key: string, data: T, option?: SdStorageOption<T>): void {\r\n    const clonedData = this.#deepClone(data);\r\n\r\n    const entry: StorageCacheEntry<T> = {\r\n      data: clonedData,\r\n      createdOn: new Date(),\r\n    };\r\n\r\n    // 1. Lưu Memory\r\n    this.#memoryCache.set(key, entry);\r\n\r\n    // 2. Lưu Storage\r\n    const storage = this.#getStorage(option);\r\n    try {\r\n      storage.setItem(key, JSON.stringify(entry));\r\n    } catch (e) {\r\n      console.error('Storage quota exceeded', e);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Xóa dữ liệu\r\n   */\r\n  #internalRemove(key: string, option?: SdStorageOption<any>): void {\r\n    this.#memoryCache.delete(key);\r\n    const storage = this.#getStorage(option);\r\n    storage.removeItem(key);\r\n  }\r\n\r\n  /**\r\n   * Deep Clone an toàn\r\n   */\r\n  #deepClone<T>(val: T): T {\r\n    if (val === undefined || val === null) return val;\r\n    return JSON.parse(JSON.stringify(val));\r\n  }\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/sd-angular-core-utilities-extensions.mjs

@@ -383,9 +383,51 @@ const hslToHex = ColorUtilities.hslToHex;
 /** @deprecated Use {@link ColorUtilities.rgbToHex} from `@sdcorejs/utils/fns` instead */
 const rgbToHex = ColorUtilities.rgbToHex;
 
+const isPlainObject = (value) => {
+    if (value === null || typeof value !== 'object')
+        return false;
+    const prototype = Object.getPrototypeOf(value);
+    return prototype === Object.prototype || prototype === null;
+};
+const clone = (value) => {
+    if (Array.isArray(value)) {
+        return value.map(item => clone(item));
+    }
+    if (isPlainObject(value)) {
+        return Object.keys(value).reduce((result, key) => {
+            result[key] = clone(value[key]);
+            return result;
+        }, {});
+    }
+    return value;
+};
+const merge = (target, source) => {
+    const result = clone(target);
+    Object.keys(source).forEach(key => {
+        const sourceValue = source[key];
+        if (sourceValue === undefined)
+            return;
+        const targetValue = result[key];
+        if (isPlainObject(targetValue) && isPlainObject(sourceValue)) {
+            result[key] = merge(targetValue, sourceValue);
+        }
+        else {
+            result[key] = clone(sourceValue);
+        }
+    });
+    return result;
+};
+const deepMerge = (...sources) => sources.reduce((result, source) => merge(result, source), {});
+const ObjectUtilities = {
+    isPlainObject,
+    clone,
+    merge,
+    deepMerge,
+};
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SdUtilities, StringUtilities, hslToHex, rgbToHex };
+export { ObjectUtilities, SdUtilities, StringUtilities, hslToHex, rgbToHex };
 //# sourceMappingURL=sd-angular-core-utilities-extensions.mjs.map