@sdcorejs/angular 19.0.0-rc.1

package/fesm2022/sdcorejs-angular-services-loading.mjs

@@ -0,0 +1,92 @@
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+
+class SdLoadingService {
+    loadingId = 'L8d556b9b-f6dd-46e9-9710-757e65d82839';
+    renderer;
+    loadingMap = new WeakMap();
+    constructor(rendererFactory) {
+        this.renderer = rendererFactory.createRenderer(null, null);
+    }
+    start = (element = 'body') => {
+        const ele = document.querySelector(element);
+        if (ele && !this.loadingMap.has(ele)) {
+            const loadingElement = this.#createLoading();
+            ele.appendChild(loadingElement);
+            this.loadingMap.set(ele, loadingElement);
+        }
+    };
+    isLoading = (element = 'body') => {
+        const ele = document.querySelector(element);
+        return ele && this.loadingMap.has(ele);
+    };
+    stop = (element = 'body') => {
+        const ele = document.querySelector(element);
+        if (ele && this.loadingMap.has(ele)) {
+            const loadingElement = this.loadingMap.get(ele);
+            loadingElement?.remove();
+            this.loadingMap.delete(ele);
+        }
+    };
+    #createLoading = () => {
+        const renderer = this.renderer;
+        const container = this.renderer.createElement('div');
+        const spinner = this.renderer.createElement('div');
+        const containerStyle = {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            height: '100%',
+            width: '100%',
+            opacity: 0.6,
+            background: '#FFFFFF',
+            'z-index': 99999,
+        };
+        const spinnerStyle = {
+            position: 'absolute',
+            top: 'calc(50% - 2.5rem)',
+            left: 'calc(50% - 2.5rem)',
+            width: '5rem',
+            height: '5rem',
+            border: '0.5rem solid var(--sd-primary)',
+            'border-top': '0.5rem solid var(--sd-black200)',
+            'border-radius': '50%',
+            animation: 'spin 1s linear infinite',
+        };
+        const keyframes = `
+      @keyframes spin {
+        0% { transform: rotate(0deg); }
+        100% { transform: rotate(360deg); }
+      }
+    `;
+        renderer.addClass(container, 'sd-loading');
+        renderer.setAttribute(container, 'id', this.loadingId);
+        Object.entries(containerStyle).forEach(entry => {
+            renderer.setStyle(container, entry[0], entry[1]);
+        });
+        renderer.addClass(spinner, 'sd-loading-spinner');
+        Object.entries(spinnerStyle).forEach(entry => {
+            renderer.setStyle(spinner, entry[0], entry[1]);
+        });
+        const styleElement = this.renderer.createElement('style');
+        this.renderer.appendChild(styleElement, this.renderer.createText(keyframes));
+        document.head.appendChild(styleElement);
+        container.appendChild(spinner);
+        return container;
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdLoadingService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdLoadingService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdLoadingService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i0.RendererFactory2 }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdLoadingService };
+//# sourceMappingURL=sdcorejs-angular-services-loading.mjs.map

package/fesm2022/sdcorejs-angular-services-loading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdcorejs-angular-services-loading.mjs","sources":["../../../projects/sdcorejs-angular/services/loading/src/loading.service.ts","../../../projects/sdcorejs-angular/services/loading/sdcorejs-angular-services-loading.ts"],"sourcesContent":["import { Injectable, Renderer2, RendererFactory2 } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SdLoadingService {\n  private loadingId = 'L8d556b9b-f6dd-46e9-9710-757e65d82839';\n\n  private renderer: Renderer2;\n\n  private loadingMap = new WeakMap<Element, HTMLElement>();\n  constructor(rendererFactory: RendererFactory2) {\n    this.renderer = rendererFactory.createRenderer(null, null);\n  }\n\n  start = (element = 'body') => {\n    const ele = document.querySelector(element);\n    if (ele && !this.loadingMap.has(ele)) {\n      const loadingElement = this.#createLoading();\n      ele.appendChild(loadingElement);\n      this.loadingMap.set(ele, loadingElement);\n    }\n  };\n\n  isLoading = (element = 'body') => {\n    const ele = document.querySelector(element);\n    return ele && this.loadingMap.has(ele);\n  };\n\n  stop = (element = 'body') => {\n    const ele = document.querySelector(element);\n    if (ele && this.loadingMap.has(ele)) {\n      const loadingElement = this.loadingMap.get(ele);\n      loadingElement?.remove();\n      this.loadingMap.delete(ele);\n    }\n  };\n\n  #createLoading = (): HTMLElement => {\n    const renderer = this.renderer;\n    const container: HTMLElement = this.renderer.createElement('div');\n    const spinner: HTMLElement = this.renderer.createElement('div');\n    const containerStyle = {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      height: '100%',\n      width: '100%',\n      opacity: 0.6,\n      background: '#FFFFFF',\n      'z-index': 99999,\n    };\n    const spinnerStyle = {\n      position: 'absolute',\n      top: 'calc(50% - 2.5rem)',\n      left: 'calc(50% - 2.5rem)',\n      width: '5rem',\n      height: '5rem',\n      border: '0.5rem solid var(--sd-primary)',\n      'border-top': '0.5rem solid var(--sd-black200)',\n      'border-radius': '50%',\n      animation: 'spin 1s linear infinite',\n    };\n    const keyframes = `\n      @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n      }\n    `;\n\n    renderer.addClass(container, 'sd-loading');\n    renderer.setAttribute(container, 'id', this.loadingId);\n\n    Object.entries(containerStyle).forEach(entry => {\n      renderer.setStyle(container, entry[0], entry[1]);\n    });\n\n    renderer.addClass(spinner, 'sd-loading-spinner');\n    Object.entries(spinnerStyle).forEach(entry => {\n      renderer.setStyle(spinner, entry[0], entry[1]);\n    });\n\n    const styleElement = this.renderer.createElement('style');\n    this.renderer.appendChild(styleElement, this.renderer.createText(keyframes));\n    document.head.appendChild(styleElement);\n\n    container.appendChild(spinner);\n    return container;\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAKa,gBAAgB,CAAA;IACnB,SAAS,GAAG,uCAAuC;AAEnD,IAAA,QAAQ;AAER,IAAA,UAAU,GAAG,IAAI,OAAO,EAAwB;AACxD,IAAA,WAAA,CAAY,eAAiC,EAAA;QAC3C,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC;IAC5D;AAEA,IAAA,KAAK,GAAG,CAAC,OAAO,GAAG,MAAM,KAAI;QAC3B,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC3C,QAAA,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;AACpC,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE;AAC5C,YAAA,GAAG,CAAC,WAAW,CAAC,cAAc,CAAC;YAC/B,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,cAAc,CAAC;QAC1C;AACF,IAAA,CAAC;AAED,IAAA,SAAS,GAAG,CAAC,OAAO,GAAG,MAAM,KAAI;QAC/B,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;QAC3C,OAAO,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC;AACxC,IAAA,CAAC;AAED,IAAA,IAAI,GAAG,CAAC,OAAO,GAAG,MAAM,KAAI;QAC1B,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;QAC3C,IAAI,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YACnC,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC;YAC/C,cAAc,EAAE,MAAM,EAAE;AACxB,YAAA,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC;QAC7B;AACF,IAAA,CAAC;IAED,cAAc,GAAG,MAAkB;AACjC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ;QAC9B,MAAM,SAAS,GAAgB,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;QACjE,MAAM,OAAO,GAAgB,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC/D,QAAA,MAAM,cAAc,GAAG;AACrB,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,OAAO,EAAE,GAAG;AACZ,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,SAAS,EAAE,KAAK;SACjB;AACD,QAAA,MAAM,YAAY,GAAG;AACnB,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,oBAAoB;AACzB,YAAA,IAAI,EAAE,oBAAoB;AAC1B,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,MAAM,EAAE,gCAAgC;AACxC,YAAA,YAAY,EAAE,iCAAiC;AAC/C,YAAA,eAAe,EAAE,KAAK;AACtB,YAAA,SAAS,EAAE,yBAAyB;SACrC;AACD,QAAA,MAAM,SAAS,GAAG;;;;;KAKjB;AAED,QAAA,QAAQ,CAAC,QAAQ,CAAC,SAAS,EAAE,YAAY,CAAC;QAC1C,QAAQ,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;QAEtD,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,KAAK,IAAG;AAC7C,YAAA,QAAQ,CAAC,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AAClD,QAAA,CAAC,CAAC;AAEF,QAAA,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,oBAAoB,CAAC;QAChD,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,KAAK,IAAG;AAC3C,YAAA,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AAChD,QAAA,CAAC,CAAC;QAEF,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AACzD,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;AAC5E,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC;AAEvC,QAAA,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC;AAC9B,QAAA,OAAO,SAAS;AAClB,IAAA,CAAC;wGAnFU,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cAFf,MAAM,EAAA,CAAA;;4FAEP,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;ACJD;;AAEG;;;;"}

package/fesm2022/sdcorejs-angular-services-notify.mjs

@@ -0,0 +1,268 @@
+import { CommonModule, DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { signal, HostListener, Input, Component, createComponent, Inject, Injectable } from '@angular/core';
+import { Utilities } from '@sdcorejs/utils/fns';
+import { trigger, transition, style, animate } from '@angular/animations';
+import { TranslatePipe } from '@sdcorejs/angular/i18n';
+
+class ToastComponent {
+    notifyService;
+    data;
+    isExpanded = signal(false);
+    MAX_SHOW = 2;
+    // --- Logic Timer ---
+    timer;
+    start;
+    remaining;
+    constructor(notifyService) {
+        this.notifyService = notifyService;
+    }
+    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);
+    }
+    // --- 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;
+        }
+    }
+    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);
+        }
+    }
+    // --- Logic cũ ---
+    close() {
+        this.notifyService.remove(this.data.id);
+    }
+    onActionClick() {
+        this.data.onAction?.();
+    }
+    toggleExpand() {
+        this.isExpanded.update(v => !v);
+    }
+    get isMultiMessage() {
+        return Array.isArray(this.data.message);
+    }
+    get messages() {
+        return this.data.message;
+    }
+    get displayMessages() {
+        const msgs = this.messages;
+        if (this.isExpanded())
+            return msgs;
+        return msgs.slice(0, this.MAX_SHOW);
+    }
+    get restCount() {
+        return this.messages.length - this.MAX_SHOW;
+    }
+    get hasMore() {
+        return this.isMultiMessage && this.messages.length > this.MAX_SHOW;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ToastComponent, deps: [{ token: SdNotifyService }], 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\"" } }, ngImport: i0, template: "<div class=\"sd-toast__bar\" [class]=\"'bg-' + data.type\"></div>\n\n<div class=\"sd-toast__icon\" [class]=\"'text-' + data.type\">\n  @switch (data.type) {\n    @case ('success') {\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>\n    }\n    @case ('info') {\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>\n    }\n    @case ('warning') {\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"/></svg>\n    }\n    @case ('error') {\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>\n    }\n  }\n</div>\n\n<div class=\"sd-toast__content\">\n  <div class=\"sd-toast__header\">\n    <strong class=\"sd-toast__title\">{{ data.title || ('core.notify.type.' + data.type | translate) }}</strong>\n    <button class=\"sd-toast__close\" (click)=\"close()\">\u2715</button>\n  </div>\n\n  <div class=\"sd-toast__body\">\n    @if (!isMultiMessage) {\n      <div [innerHTML]=\"data.message\"></div>\n    } \n    @else {\n      <ul class=\"msg-list\">\n        @for (msg of displayMessages; track msg) {\n          <li [innerHTML]=\"'- ' + msg\"></li>\n        }\n      </ul>\n\n      @if (hasMore) {\n        <button type=\"button\" \n                class=\"toggle-more btn-link\" \n                [class]=\"'text-' + data.type\" \n                (click)=\"toggleExpand()\">\n          {{ isExpanded() ? ('core.notify.show-less' | translate) : ('core.notify.show-more' | translate: { count: restCount }) }}\n        </button>\n      }\n    }\n  </div>\n\n  @if (data.actionLabel) {\n    <div class=\"sd-toast__actions\">\n      <button class=\"btn-action\" \n              [class]=\"'bg-' + data.type + '-light text-' + data.type\"\n              (click)=\"onActionClick()\">\n        {{ data.actionLabel }}\n      </button>\n    </div>\n  }\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 }))
+                ])
+            ])
+        ] });
+}
+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"'
+                    }, template: "<div class=\"sd-toast__bar\" [class]=\"'bg-' + data.type\"></div>\n\n<div class=\"sd-toast__icon\" [class]=\"'text-' + data.type\">\n  @switch (data.type) {\n    @case ('success') {\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>\n    }\n    @case ('info') {\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>\n    }\n    @case ('warning') {\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"/></svg>\n    }\n    @case ('error') {\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>\n    }\n  }\n</div>\n\n<div class=\"sd-toast__content\">\n  <div class=\"sd-toast__header\">\n    <strong class=\"sd-toast__title\">{{ data.title || ('core.notify.type.' + data.type | translate) }}</strong>\n    <button class=\"sd-toast__close\" (click)=\"close()\">\u2715</button>\n  </div>\n\n  <div class=\"sd-toast__body\">\n    @if (!isMultiMessage) {\n      <div [innerHTML]=\"data.message\"></div>\n    } \n    @else {\n      <ul class=\"msg-list\">\n        @for (msg of displayMessages; track msg) {\n          <li [innerHTML]=\"'- ' + msg\"></li>\n        }\n      </ul>\n\n      @if (hasMore) {\n        <button type=\"button\" \n                class=\"toggle-more btn-link\" \n                [class]=\"'text-' + data.type\" \n                (click)=\"toggleExpand()\">\n          {{ isExpanded() ? ('core.notify.show-less' | translate) : ('core.notify.show-more' | translate: { count: restCount }) }}\n        </button>\n      }\n    }\n  </div>\n\n  @if (data.actionLabel) {\n    <div class=\"sd-toast__actions\">\n      <button class=\"btn-action\" \n              [class]=\"'bg-' + data.type + '-light text-' + data.type\"\n              (click)=\"onActionClick()\">\n        {{ data.actionLabel }}\n      </button>\n    </div>\n  }\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"] }]
+        }], ctorParameters: () => [{ type: SdNotifyService }], propDecorators: { data: [{
+                type: Input,
+                args: [{ required: true }]
+            }], pauseTimer: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], resumeTimer: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+
+class ToastContainerComponent {
+    toasts = signal([]);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: ToastContainerComponent, isStandalone: true, selector: "toast-container", ngImport: i0, template: `
+    <div class="toast-container">
+      @for (toast of toasts(); track toast.id) {
+        <toast [data]="toast"> </toast>
+      }
+    </div>
+  `, isInline: true, styles: [".toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;pointer-events:none}sd-toast{pointer-events:auto}\n"], dependencies: [{ kind: "component", type: ToastComponent, selector: "toast", inputs: ["data"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: ToastContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'toast-container', standalone: true, imports: [ToastComponent], template: `
+    <div class="toast-container">
+      @for (toast of toasts(); track toast.id) {
+        <toast [data]="toast"> </toast>
+      }
+    </div>
+  `, styles: [".toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;pointer-events:none}sd-toast{pointer-events:auto}\n"] }]
+        }] });
+
+class SdNotifyService {
+    appRef;
+    injector;
+    document;
+    toasts = signal([]);
+    // Constants
+    #DEBOUNCE_TIME = 500;
+    #DEFAULT_SUCCESS_DURATION = 3000;
+    #DEFAULT_BUFFERED_DURATION = 5000;
+    #MAX_TOASTS = 5;
+    // State
+    #buffer = {};
+    #timers = {};
+    constructor(appRef, injector, document) {
+        this.appRef = appRef;
+        this.injector = injector;
+        this.document = document;
+        this.#initContainer();
+    }
+    #initContainer() {
+        const componentRef = createComponent(ToastContainerComponent, {
+            environmentInjector: this.injector,
+        });
+        componentRef.instance.toasts = this.toasts;
+        this.appRef.attachView(componentRef.hostView);
+        const domElem = componentRef.hostView.rootNodes[0];
+        this.document.body.appendChild(domElem);
+    }
+    // Public API
+    success(message, option) {
+        this.#addImmediate('success', message, option);
+    }
+    info(message, option) {
+        this.#addImmediate('info', message, option);
+    }
+    warning(message, option) {
+        this.#addToBuffer('warning', message, option);
+    }
+    error(message, option) {
+        this.#addToBuffer('error', message, option);
+    }
+    remove(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));
+    }
+    // Private helpers
+    #addImmediate(type, message, option) {
+        const newToast = {
+            id: Utilities.generateUuid(),
+            type,
+            message,
+            title: option?.title,
+            duration: option?.duration ?? this.#DEFAULT_SUCCESS_DURATION,
+            actionLabel: option?.actionLabel,
+            onAction: option?.onAction
+        };
+        this.toasts.update((current) => {
+            const updated = [newToast, ...current];
+            return updated.slice(0, this.#MAX_TOASTS);
+        });
+    }
+    #addToBuffer(type, message, option) {
+        if (!this.#buffer[type]) {
+            this.#buffer[type] = [];
+        }
+        const msgs = Array.isArray(message) ? message : [message];
+        this.#buffer[type].push(...msgs);
+        // Clear existing timer and set new one
+        if (this.#timers[type]) {
+            clearTimeout(this.#timers[type]);
+        }
+        this.#timers[type] = setTimeout(() => {
+            this.#flushBuffer(type, option);
+        }, this.#DEBOUNCE_TIME);
+    }
+    #flushBuffer(type, option) {
+        const messages = [...new Set(this.#buffer[type])];
+        // Cleanup
+        this.#buffer[type] = [];
+        this.#timers[type] = null;
+        if (messages.length === 0)
+            return;
+        const typeLabel = type === 'error' ? 'Error' : 'Warning';
+        const title = option?.title ?? typeLabel;
+        const finalTitle = messages.length > 1 ? `${title} (${messages.length})` : title;
+        const newToast = {
+            id: Utilities.generateUuid(),
+            type,
+            message: messages.length === 1 ? messages[0] : messages,
+            title: finalTitle,
+            duration: option?.duration ?? this.#DEFAULT_BUFFERED_DURATION,
+            actionLabel: option?.actionLabel,
+            onAction: option?.onAction
+        };
+        this.toasts.update((current) => {
+            const updated = [newToast, ...current];
+            return updated.slice(0, this.#MAX_TOASTS);
+        });
+    }
+    #clearAllTimers() {
+        Object.values(this.#timers).forEach(timer => {
+            if (timer)
+                clearTimeout(timer);
+        });
+        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 ɵ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: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdNotifyService };
+//# sourceMappingURL=sdcorejs-angular-services-notify.mjs.map

package/fesm2022/sdcorejs-angular-services-notify.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdcorejs-angular-services-notify.mjs","sources":["../../../projects/sdcorejs-angular/services/notify/src/components/toast/toast.component.ts","../../../projects/sdcorejs-angular/services/notify/src/components/toast/toast.component.html","../../../projects/sdcorejs-angular/services/notify/src/components/toast-container.component.ts","../../../projects/sdcorejs-angular/services/notify/src/notify.service.ts","../../../projects/sdcorejs-angular/services/notify/sdcorejs-angular-services-notify.ts"],"sourcesContent":["import { Component, Input, signal, HostListener, OnInit, OnDestroy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { animate, style, transition, trigger } from '@angular/animations';\nimport { TranslatePipe } from '@sdcorejs/angular/i18n';\nimport { ToastData } from '../../notify.model';\nimport { SdNotifyService } from '../../notify.service';\n\n@Component({\n  selector: 'toast',\n  standalone: true,\n  imports: [CommonModule, TranslatePipe],\n  templateUrl: './toast.component.html',\n  styleUrls: ['./toast.component.scss'],\n  animations: [\n    trigger('toastAnimation', [\n      transition(':enter', [\n        style({ transform: 'translateX(100%)', opacity: 0 }),\n        animate('300ms ease-out', style({ transform: 'translateX(0)', opacity: 1 }))\n      ]),\n      transition(':leave', [\n        animate('200ms ease-in', style({ transform: 'translateX(100%)', opacity: 0 }))\n      ])\n    ])\n  ],\n  host: {\n    '[@toastAnimation]': 'true',\n    '[class]': '\"bg-white sd-toast\"'\n  }\n})\nexport class ToastComponent implements OnInit, OnDestroy {\n  @Input({ required: true }) data!: ToastData;\n  \n  isExpanded = signal(false);\n  readonly MAX_SHOW = 2;\n\n  // --- Logic Timer ---\n  private timer: any;\n  private start!: number;\n  private remaining!: number;\n\n  constructor(private notifyService: SdNotifyService) {}\n\n  ngOnInit() {\n    // Khởi tạo thời gian còn lại bằng duration ban đầu\n    this.remaining = this.data.duration;\n    // Bắt đầu đếm ngược ngay khi hiện ra\n    this.resumeTimer();\n  }\n\n  ngOnDestroy() {\n    clearTimeout(this.timer);\n  }\n\n  // --- Logic Pause/Resume ---\n\n  @HostListener('mouseenter')\n  pauseTimer() {\n    if (this.timer) {\n      // Xóa timer hiện tại\n      clearTimeout(this.timer);\n      this.timer = null;\n      // Tính toán thời gian đã trôi qua để trừ đi\n      this.remaining -= Date.now() - this.start;\n    }\n  }\n\n  @HostListener('mouseleave')\n  resumeTimer() {\n    // Chỉ chạy tiếp nếu còn thời gian và timer chưa chạy\n    if (this.remaining > 0 && !this.timer) {\n      this.start = Date.now();\n      this.timer = setTimeout(() => {\n        this.close();\n      }, this.remaining);\n    }\n  }\n\n  // --- Logic cũ ---\n\n  close() {\n    this.notifyService.remove(this.data.id);\n  }\n\n  onActionClick() {\n    this.data.onAction?.();\n  }\n\n  toggleExpand() {\n    this.isExpanded.update(v => !v);\n  }\n\n  get isMultiMessage(): boolean {\n    return Array.isArray(this.data.message);\n  }\n\n  get messages(): string[] {\n    return this.data.message as string[];\n  }\n\n  get displayMessages(): string[] {\n    const msgs = this.messages;\n    if (this.isExpanded()) return msgs;\n    return msgs.slice(0, this.MAX_SHOW);\n  }\n\n  get restCount(): number {\n    return this.messages.length - this.MAX_SHOW;\n  }\n\n  get hasMore(): boolean {\n    return this.isMultiMessage && this.messages.length > this.MAX_SHOW;\n  }\n}","<div class=\"sd-toast__bar\" [class]=\"'bg-' + data.type\"></div>\n\n<div class=\"sd-toast__icon\" [class]=\"'text-' + data.type\">\n  @switch (data.type) {\n    @case ('success') {\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>\n    }\n    @case ('info') {\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>\n    }\n    @case ('warning') {\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"/></svg>\n    }\n    @case ('error') {\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>\n    }\n  }\n</div>\n\n<div class=\"sd-toast__content\">\n  <div class=\"sd-toast__header\">\n    <strong class=\"sd-toast__title\">{{ data.title || ('core.notify.type.' + data.type | translate) }}</strong>\n    <button class=\"sd-toast__close\" (click)=\"close()\">✕</button>\n  </div>\n\n  <div class=\"sd-toast__body\">\n    @if (!isMultiMessage) {\n      <div [innerHTML]=\"data.message\"></div>\n    } \n    @else {\n      <ul class=\"msg-list\">\n        @for (msg of displayMessages; track msg) {\n          <li [innerHTML]=\"'- ' + msg\"></li>\n        }\n      </ul>\n\n      @if (hasMore) {\n        <button type=\"button\" \n                class=\"toggle-more btn-link\" \n                [class]=\"'text-' + data.type\" \n                (click)=\"toggleExpand()\">\n          {{ isExpanded() ? ('core.notify.show-less' | translate) : ('core.notify.show-more' | translate: { count: restCount }) }}\n        </button>\n      }\n    }\n  </div>\n\n  @if (data.actionLabel) {\n    <div class=\"sd-toast__actions\">\n      <button class=\"btn-action\" \n              [class]=\"'bg-' + data.type + '-light text-' + data.type\"\n              (click)=\"onActionClick()\">\n        {{ data.actionLabel }}\n      </button>\n    </div>\n  }\n</div>","import { Component, signal, WritableSignal } from '@angular/core';\nimport { ToastData } from '../notify.model';\nimport { ToastComponent } from './toast/toast.component';\n\n@Component({\n  selector: 'toast-container',\n  standalone: true,\n  imports: [ToastComponent],\n  template: `\n    <div class=\"toast-container\">\n      @for (toast of toasts(); track toast.id) {\n        <toast [data]=\"toast\"> </toast>\n      }\n    </div>\n  `,\n  styles: [\n    `\n      .toast-container {\n        position: fixed;\n        top: 20px;\n        right: 20px;\n        z-index: 9999;\n        display: flex;\n        flex-direction: column;\n        pointer-events: none; /* Cho phép click xuyên qua vùng trống */\n      }\n      sd-toast {\n        pointer-events: auto; /* Bật lại click cho toast */\n      }\n    `,\n  ],\n})\nexport class ToastContainerComponent {\n  toasts: WritableSignal<ToastData[]> = signal([]);\n}\n","import { DOCUMENT } from '@angular/common';\nimport {\n  ApplicationRef,\n  createComponent,\n  EnvironmentInjector,\n  Inject,\n  Injectable,\n  signal\n} from '@angular/core';\nimport { Utilities } from '@sdcorejs/utils/fns';\nimport { ToastContainerComponent } from './components/toast-container.component';\nimport { NotifyOption, ToastData, ToastType } from './notify.model';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SdNotifyService {\n  readonly toasts = signal<ToastData[]>([]);\n\n  // Constants\n  readonly #DEBOUNCE_TIME = 500;\n  readonly #DEFAULT_SUCCESS_DURATION = 3000;\n  readonly #DEFAULT_BUFFERED_DURATION = 5000;\n  readonly #MAX_TOASTS = 5;\n\n  // State\n  #buffer: Record<string, string[]> = {};\n  #timers: Record<string, ReturnType<typeof setTimeout> | null> = {};\n\n  constructor(\n    private appRef: ApplicationRef,\n    private injector: EnvironmentInjector,\n    @Inject(DOCUMENT) private document: Document\n  ) {\n    this.#initContainer();\n  }\n\n  #initContainer() {\n    const componentRef = createComponent(ToastContainerComponent, {\n      environmentInjector: this.injector,\n    });\n    componentRef.instance.toasts = this.toasts;\n    this.appRef.attachView(componentRef.hostView);\n    const domElem = (componentRef.hostView as any).rootNodes[0] as HTMLElement;\n    this.document.body.appendChild(domElem);\n  }\n\n  // Public API\n  success(message: string, option?: NotifyOption) {\n    this.#addImmediate('success', message, option);\n  }\n\n  info(message: string, option?: NotifyOption) {\n    this.#addImmediate('info', message, option);\n  }\n\n  warning(message: string | string[], option?: NotifyOption) {\n    this.#addToBuffer('warning', message, option);\n  }\n\n  error(message: string | string[], option?: NotifyOption) {\n    this.#addToBuffer('error', message, option);\n  }\n\n  remove(id: string) {\n    this.toasts.update((current) => current.filter((t) => t.id !== id));\n  }\n\n  clearAll() {\n    this.toasts.set([]);\n    this.#clearAllTimers();\n  }\n\n  clearByType(type: ToastType) {\n    this.toasts.update((current) => current.filter((t) => t.type !== type));\n  }\n\n  // Private helpers\n  #addImmediate(type: ToastType, message: string, option?: NotifyOption) {\n    const newToast: ToastData = {\n      id: Utilities.generateUuid(),\n      type,\n      message,\n      title: option?.title,\n      duration: option?.duration ?? this.#DEFAULT_SUCCESS_DURATION,\n      actionLabel: option?.actionLabel,\n      onAction: option?.onAction\n    };\n\n    this.toasts.update((current) => {\n      const updated = [newToast, ...current];\n      return updated.slice(0, this.#MAX_TOASTS);\n    });\n  }\n\n  #addToBuffer(type: ToastType, message: string | string[], option?: NotifyOption) {\n    if (!this.#buffer[type]) {\n      this.#buffer[type] = [];\n    }\n    \n    const msgs = Array.isArray(message) ? message : [message];\n    this.#buffer[type].push(...msgs);\n\n    // Clear existing timer and set new one\n    if (this.#timers[type]) {\n      clearTimeout(this.#timers[type]!);\n    }\n\n    this.#timers[type] = setTimeout(() => {\n      this.#flushBuffer(type, option);\n    }, this.#DEBOUNCE_TIME);\n  }\n\n  #flushBuffer(type: ToastType, option?: NotifyOption) {\n    const messages = [...new Set(this.#buffer[type])];\n    \n    // Cleanup\n    this.#buffer[type] = [];\n    this.#timers[type] = null;\n\n    if (messages.length === 0) return;\n\n    const typeLabel = type === 'error' ? 'Error' : 'Warning';\n    const title = option?.title ?? typeLabel;\n    const finalTitle = messages.length > 1 ? `${title} (${messages.length})` : title;\n\n    const newToast: ToastData = {\n      id: Utilities.generateUuid(),\n      type,\n      message: messages.length === 1 ? messages[0] : messages, \n      title: finalTitle,\n      duration: option?.duration ?? this.#DEFAULT_BUFFERED_DURATION,\n      actionLabel: option?.actionLabel,\n      onAction: option?.onAction\n    };\n\n    this.toasts.update((current) => {\n      const updated = [newToast, ...current];\n      return updated.slice(0, this.#MAX_TOASTS);\n    });\n  }\n\n  #clearAllTimers() {\n    Object.values(this.#timers).forEach(timer => {\n      if (timer) clearTimeout(timer);\n    });\n    this.#timers = {};\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.SdNotifyService"],"mappings":"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"}

package/fesm2022/sdcorejs-angular-services-storage.mjs

@@ -0,0 +1,174 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Inject, Optional, Injectable } from '@angular/core';
+import { Utilities } from '@sdcorejs/utils/fns';
+import { BehaviorSubject } from 'rxjs';
+import { map } from 'rxjs/operators';
+
+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;
+    }
+    create(key, option) {
+        if (!key)
+            throw new Error('Key is required');
+        // 1. Xử lý Key
+        let hashKey;
+        if (typeof key === 'string') {
+            hashKey = key;
+        }
+        else if (typeof key === 'object') {
+            hashKey = Utilities.hash(key);
+        }
+        else {
+            throw new Error('Invalid key type');
+        }
+        if (this.configuration?.key) {
+            hashKey = this.configuration.key(hashKey);
+        }
+        // 2. Init Subject: Đọc dữ liệu từ Storage ngay lập tức để Subject có giá trị đúng
+        if (!this.#subjects.has(hashKey)) {
+            const existingData = this.#internalGet(hashKey, option);
+            // Fix Type: as T | undefined
+            this.#subjects.set(hashKey, new BehaviorSubject(existingData ?? option?.default));
+        }
+        const subject = this.#subjects.get(hashKey);
+        // 3. Define Helpers
+        const get = () => {
+            const val = this.#internalGet(hashKey, option);
+            return (val ?? option?.default);
+        };
+        const set = (data) => {
+            this.#internalSet(hashKey, data, option);
+            subject.next(data);
+        };
+        const setSilent = (data) => {
+            this.#internalSet(hashKey, data, option);
+            // Cố tình KHÔNG gọi subject.next — consumer dùng kênh riêng để thông báo
+        };
+        const has = () => {
+            return this.#internalGet(hashKey, option) !== undefined;
+        };
+        const remove = () => {
+            this.#internalRemove(hashKey, option);
+            subject.next(undefined);
+        };
+        // Hàm dọn dẹp bộ nhớ (quan trọng)
+        const destroy = () => {
+            subject.complete();
+            this.#subjects.delete(hashKey);
+            this.#memoryCache.delete(hashKey);
+        };
+        return {
+            get,
+            set,
+            setSilent,
+            has,
+            remove,
+            // @ts-ignore: Bổ sung vào interface nếu cần
+            destroy,
+            subject: subject,
+            observer: subject.asObservable().pipe(map(() => get())),
+        };
+    }
+    // --- PRIVATE CORE LOGIC ---
+    /**
+     * Helper xác định loại Storage đang dùng
+     */
+    #getStorage(option) {
+        return option?.type === 'session' ? sessionStorage : localStorage;
+    }
+    /**
+     * Đọc dữ liệu: Memory -> Storage -> Parse
+     */
+    #internalGet(key, option) {
+        // 1. Check Memory (Nhanh nhất)
+        let entry = this.#memoryCache.get(key);
+        // 2. Check Storage (Nếu memory chưa có hoặc mới F5)
+        if (!entry) {
+            const storage = this.#getStorage(option);
+            const raw = storage.getItem(key);
+            if (raw) {
+                try {
+                    const parsed = JSON.parse(raw);
+                    // Convert string date back to Date object nếu cần
+                    entry = {
+                        data: parsed.data,
+                        createdOn: new Date(parsed.createdOn)
+                    };
+                    // Sync ngược vào RAM
+                    this.#memoryCache.set(key, entry);
+                }
+                catch (e) {
+                    console.warn('Storage parse error', e);
+                    this.#internalRemove(key, option); // Dữ liệu lỗi -> Xóa
+                }
+            }
+        }
+        if (!entry)
+            return undefined;
+        return this.#deepClone(entry.data);
+    }
+    /**
+     * Ghi dữ liệu: Memory -> Storage
+     */
+    #internalSet(key, data, option) {
+        const clonedData = this.#deepClone(data);
+        const entry = {
+            data: clonedData,
+            createdOn: new Date(),
+        };
+        // 1. Lưu Memory
+        this.#memoryCache.set(key, entry);
+        // 2. Lưu Storage
+        const storage = this.#getStorage(option);
+        try {
+            storage.setItem(key, JSON.stringify(entry));
+        }
+        catch (e) {
+            console.error('Storage quota exceeded', e);
+        }
+    }
+    /**
+     * Xóa dữ liệu
+     */
+    #internalRemove(key, option) {
+        this.#memoryCache.delete(key);
+        const storage = this.#getStorage(option);
+        storage.removeItem(key);
+    }
+    /**
+     * Deep Clone an toàn
+     */
+    #deepClone(val) {
+        if (val === undefined || val === null)
+            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 ɵ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: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SD_STORAGE_CONFIG]
+                }, {
+                    type: Optional
+                }] }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SD_STORAGE_CONFIG, SdStorageService };
+//# sourceMappingURL=sdcorejs-angular-services-storage.mjs.map

package/fesm2022/sdcorejs-angular-services-storage.mjs.map

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

package/fesm2022/sdcorejs-angular-services.mjs

@@ -0,0 +1,13 @@
+export * from '@sdcorejs/angular/services/cache';
+export * from '@sdcorejs/angular/services/storage';
+export * from '@sdcorejs/angular/services/notify';
+export * from '@sdcorejs/angular/services/confirm';
+export * from '@sdcorejs/angular/services/api';
+export * from '@sdcorejs/angular/services/loading';
+export * from '@sdcorejs/angular/services/excel';
+export * from '@sdcorejs/angular/services/docx';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=sdcorejs-angular-services.mjs.map

package/fesm2022/sdcorejs-angular-services.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdcorejs-angular-services.mjs","sources":["../../../projects/sdcorejs-angular/services/sdcorejs-angular-services.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAAA;;AAEG"}