@sdcorejs/angular 20.1.6 → 20.2.0

package/fesm2022/sdcorejs-angular-components-tab-router.mjs

@@ -5,9 +5,9 @@ import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { BehaviorSubject, Subscription, from, isObservable, lastValueFrom, Subject } from 'rxjs';
-import { debounceTime, startWith, filter, map, concatMap, take } from 'rxjs/operators';
+import { debounceTime, startWith, filter, map, concatMap } from 'rxjs/operators';
 import { SdNotifyService } from '@sdcorejs/angular/services/notify';
-import { I18nService } from '@sdcorejs/angular/i18n';
+import { SdTranslatePipe, I18nService } from '@sdcorejs/angular/i18n';
 import { Utilities } from '@sdcorejs/utils/fns';
 import * as i1 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
@@ -28,6 +28,56 @@ class SdTabActivated extends SdTabBase {
 class SdTabDeactivated extends SdTabBase {
 }
 
+// why: decorator chạy lúc class ĐƯỢC ĐỊNH NGHĨA (module evaluation), tức trước cả khi Angular
+// bootstrap. Bản cũ subscribe vào BehaviorSubject tĩnh ngay tại đó: nếu app không bao giờ provide
+// SdTabRouterService thì `take(1)` không bao giờ fire → mỗi class được decorate để lại một
+// Subscriber sống suốt vòng đời app, giữ cả class component lẫn closure của nó.
+// Thay bằng một collection tĩnh thuần: đăng ký là O(1), không có subscription nào để rò rỉ, và
+// outlet sẽ "drain" (replay) collection này vào SdTabRouterService khi nó khởi tạo.
+const sdRegisteredTabBuilders = [];
+// why: TẬP sink, không phải một slot duy nhất. Hai `<sd-tab-router-outlet>` sống song song là hợp
+// lệ; với một slot thì outlet thứ hai ghi đè outlet thứ nhất (outlet #1 im lặng ngừng nhận builder
+// lazy), và khi outlet #2 disconnect nó xoá luôn sink dù outlet #1 vẫn còn sống. BehaviorSubject cũ
+// vốn multicast, nên một slot là bước lùi.
+const sdTabBuilderSinks = new Set();
+function SdTabComponent(builder) {
+    return (_constructor) => {
+        sdRegisteredTabBuilders.push(builder);
+        // why: class load lazy (route lazy) có thể được decorate SAU khi outlet đã connect —
+        // đẩy thẳng vào mọi sink để không phải chờ outlet khác khởi tạo.
+        for (const sink of sdTabBuilderSinks)
+            sink(builder);
+    };
+}
+/**
+ * @internal Outlet gọi khi khởi tạo: replay mọi builder đã đăng ký rồi nhận tiếp các builder mới.
+ * Trả về hàm ngắt kết nối để outlet gọi trong teardown.
+ */
+function ɵsdConnectTabComponentBuilders(register) {
+    sdTabBuilderSinks.add(register);
+    // why: replay chứ không cắt khỏi mảng — outlet có thể bị destroy rồi tạo lại, và
+    // SdTabRouterService.addBuilder đã dedupe theo `component` nên replay là idempotent.
+    // Mảng vì thế PHẢI giữ lại builder, tức decorator vẫn pin class component suốt vòng đời app.
+    // Đó là bản chất của một decorator đăng ký toàn cục (class là thứ được đăng ký), và không đổi
+    // so với trước; thứ ĐÃ bỏ được là Subscriber rò rỉ khi không ai provide SdTabRouterService.
+    for (const builder of [...sdRegisteredTabBuilders]) {
+        register(builder);
+    }
+    return () => {
+        sdTabBuilderSinks.delete(register);
+    };
+}
+/**
+ * @internal CHỈ dùng cho test — xoá collection tĩnh để các spec không rò rỉ state sang nhau.
+ *
+ * why: KHÔNG export từ `components/tab-router/index.ts`. Consumer gọi nhầm hàm này sẽ xoá sạch mọi
+ * builder mà app đã đăng ký. Spec import bằng đường dẫn tương đối.
+ */
+function ɵsdResetTabComponentBuilders() {
+    sdRegisteredTabBuilders.length = 0;
+    sdTabBuilderSinks.clear();
+}
+
 const SD_TAB = new InjectionToken('SD_TAB');
 
 class SdTabRouterService {
@@ -51,7 +101,7 @@ class SdTabRouterService {
     get currentKey() {
         return this.#currentTab?.key || null;
     }
-    // select = (tabOrKey: string | SdTab): void => {
+    // select = (tabOrKey: string | SdTabRouterTab): void => {
     //   const tab = this.#tabs.find(e => {
     //     if (typeof (tabOrKey) === 'string') {
     //       return e.key === tabOrKey;
@@ -62,7 +112,7 @@ class SdTabRouterService {
     //     this.#currentTab = tab;
     //   }
     // }
-    // add = (tab: SdTab): void => {
+    // add = (tab: SdTabRouterTab): void => {
     //   if (!tab.key) {
     //     this.notifyService.notify.warning('Tab key is required');
     //   }
@@ -77,7 +127,7 @@ class SdTabRouterService {
     //     this.select(existedTab);
     //   }
     // }
-    // remove = (tabOrKey: string | SdTab): void => {
+    // remove = (tabOrKey: string | SdTabRouterTab): void => {
     //   this.#tabs = this.#tabs.filter(e => {
     //     if (typeof (tabOrKey) === 'string') {
     //       return e.key !== tabOrKey;
@@ -214,11 +264,11 @@ class SdTabRouterItemComponent {
         this.tabRouterService.close(this.tab);
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabRouterItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: SdTabRouterItemComponent, isStandalone: true, selector: "sd-tab-router-item", inputs: { tab: "tab" }, ngImport: i0, template: "<a\n  [href]=\"[tab.url]\"\n  class=\"tab-router__item d-flex align-items-center gap-8\"\n  [class.tab-router__item--active]=\"tab.isActive\"\n  (click)=\"onTabClick($event)\"\n  (mousedown)=\"onMousedown($event)\"\n  (mouseup)=\"onMouseup($event)\">\n  @let info = tabInfo | sdTabInfo: tab;\n  @if (info) {\n    <sd-badge\n      style=\"overflow: hidden;white-space: nowrap;\"\n      [icon]=\"info.icon\"\n      [title]=\"info.icon\"\n      [tooltip]=\"info.tooltip || info.name\"\n      [title]=\"info.name\"\n      [color]=\"info.color\"\n      (click)=\"onTabClick($event)\"></sd-badge>\n    <button\n      aria-hidden=\"true\"\n      class=\"tab-router__close d-flex align-items-center justify-content-center ml-auto p-0\"\n      (click)=\"close($event)\"\n      (mousedown)=\"$event.stopPropagation()\">\n      <sd-icon aria-hidden=\"true\" fontIcon=\"close\"></sd-icon>\n    </button>\n  }\n</a>\n", styles: [":host{display:block;overflow:hidden;position:relative;flex:1 1 64px;max-width:240px}:host:after{content:\"\";position:absolute;right:0;top:0;bottom:0;height:16px;width:1px;background:#dde0e5;margin:auto}:host:last-child:after{content:none}:host::ng-deep .tab-router__item sd-badge .c-badge-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:184px}.flex-1{flex:1}.tab-router__icon{background-color:#5c6bc0;width:16px;height:16px;line-height:16px;text-align:center;font-size:10px;color:#fff;border-radius:2px;text-transform:uppercase}.tab-router__icon sd-icon{height:10px;width:10px;font-size:10px}.tab-router__close{color:#757575;outline:none;border:0;background:none;border-radius:50%;height:16px;width:16px}.tab-router__close:hover{background-color:#0000001f}.tab-router__close sd-icon{font-size:12px;height:12px;width:12px}.tab-router__item{background:#f2f3f4;padding:8px;color:inherit;text-decoration:none;font-size:12px;line-height:16px;overflow:hidden}.tab-router__item:hover{background-color:#fff}.tab-router__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-router__item--active{border-radius:8px 8px 0 0;background-color:#fff}\n"], dependencies: [{ kind: "component", type: SdIcon, selector: "sd-icon", inputs: ["name", "fontIcon", "color", "set", "fontSet", "size", "strokeWidth", "absoluteStrokeWidth", "ariaLabel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: SdBadge, selector: "sd-badge", inputs: ["type", "color", "primary", "secondary", "success", "info", "warning", "error", "fontSet", "title", "description", "tooltip", "icon", "size"], outputs: ["click"] }, { kind: "pipe", type: SdTabInfoPipe, name: "sdTabInfo" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: SdTabRouterItemComponent, isStandalone: true, selector: "sd-tab-router-item", inputs: { tab: "tab" }, ngImport: i0, template: "<!-- why: [href] l\u00E0 thu\u1ED9c t\u00EDnh DOM ki\u1EC3u CHU\u1ED6I. B\u1EA3n c\u0169 bind `[tab.url]` \u2014 m\u1ED9t M\u1EA2NG \u2014 v\u00E0 ch\u1EC9 \"ch\u1EA1y\n     \u0111\u01B0\u1EE3c\" nh\u1EDD m\u1EA3ng 1 ph\u1EA7n t\u1EED t\u1EF1 stringify l\u00FAc Angular sanitize URL. Bind th\u1EB3ng chu\u1ED7i: \u0111\u00FAng ki\u1EC3u,\n     b\u1ECF m\u1ED9t slot pure-function th\u1EEBa, v\u00E0 gi\u00E1 tr\u1ECB bind kh\u1EDBp \u0111\u00FAng th\u1EE9 render ra DOM.\n     why: `[title]=\"info.icon\"` ngay tr\u00EAn `[title]=\"info.name\"` \u0111\u00E3 b\u1ECB xo\u00E1 \u2014 binding ch\u1EBFt do\n     copy-paste, lu\u00F4n b\u1ECB ghi \u0111\u00E8 ngay v\u00E0 b\u1EAFt sd-badge nh\u1EADn hai gi\u00E1 tr\u1ECB title m\u1ED7i l\u1EA7n CD. -->\n<a\n  [href]=\"tab.url\"\n  class=\"tab-router__item d-flex align-items-center gap-8\"\n  [class.tab-router__item--active]=\"tab.isActive\"\n  (click)=\"onTabClick($event)\"\n  (mousedown)=\"onMousedown($event)\"\n  (mouseup)=\"onMouseup($event)\">\n  @let info = tabInfo | sdTabInfo: tab;\n  @if (info) {\n    <!-- why: b\u1ECF `(click)=\"onTabClick($event)\"` kh\u1ECFi <sd-badge>. N\u00F3 ch\u1EC9 t\u1ED3n t\u1EA1i v\u00EC badge lu\u00F4n\n         stopPropagation, n\u00EAn click tr\u00EAn badge kh\u00F4ng bao gi\u1EDD t\u1EDBi <a> cha. Badge nay ch\u1EC9 nu\u1ED1t event\n         khi th\u1EADt s\u1EF1 c\u00F3 consumer \u2192 click b\u1ECDt l\u00EAn <a> nh\u01B0 b\u00ECnh th\u01B0\u1EDDng, v\u00E0 badge kh\u00F4ng c\u00F2n ph\u1EA3i tr\u1EDF\n         th\u00E0nh role=\"button\" l\u1ED3ng b\u00EAn trong m\u1ED9t <a> (interactive l\u1ED3ng interactive). -->\n    <sd-badge\n      style=\"overflow: hidden;white-space: nowrap;\"\n      [icon]=\"info.icon\"\n      [tooltip]=\"info.tooltip || info.name\"\n      [title]=\"info.name\"\n      [color]=\"info.color\"></sd-badge>\n    <!-- why: b\u1ECF aria-hidden=\"true\" kh\u1ECFi n\u00FAt \u0111\u00F3ng \u2014 n\u00F3 l\u00E0 <button> th\u1EADt, v\u1EABn nh\u1EADn tab focus nh\u01B0ng\n         screen reader kh\u00F4ng \u0111\u1ECDc \u0111\u01B0\u1EE3c g\u00EC (n\u00FAt ch\u1EC9 c\u00F3 icon). G\u1EAFn type + aria-label i18n. -->\n    <button\n      type=\"button\"\n      class=\"tab-router__close d-flex align-items-center justify-content-center ml-auto p-0\"\n      [attr.aria-label]=\"'core.common.close' | sdTranslate\"\n      (click)=\"close($event)\"\n      (mousedown)=\"$event.stopPropagation()\">\n      <!-- Icon thu\u1EA7n trang tr\u00ED \u2014 n\u00FAt \u0111\u00E3 c\u00F3 aria-label n\u00EAn gi\u1EEF aria-hidden \u1EDF \u0111\u00E2y l\u00E0 \u0111\u00FAng. -->\n      <sd-icon aria-hidden=\"true\" fontIcon=\"close\"></sd-icon>\n    </button>\n  }\n</a>\n", styles: [":host{display:block;overflow:hidden;position:relative;flex:1 1 64px;max-width:240px}:host:after{content:\"\";position:absolute;right:0;top:0;bottom:0;height:16px;width:1px;background:#dde0e5;margin:auto}:host:last-child:after{content:none}:host::ng-deep .tab-router__item sd-badge .c-badge-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:184px}.flex-1{flex:1}.tab-router__icon{background-color:#5c6bc0;width:16px;height:16px;line-height:16px;text-align:center;font-size:10px;color:#fff;border-radius:2px;text-transform:uppercase}.tab-router__icon sd-icon{height:10px;width:10px;font-size:10px}.tab-router__close{color:#757575;outline:none;border:0;background:none;border-radius:50%;height:16px;width:16px}.tab-router__close:hover{background-color:#0000001f}.tab-router__close:focus-visible{outline:2px solid var(--sd-primary, #005cbb);outline-offset:1px}.tab-router__close sd-icon{font-size:12px;height:12px;width:12px}.tab-router__item{background:#f2f3f4;padding:8px;color:inherit;text-decoration:none;font-size:12px;line-height:16px;overflow:hidden}.tab-router__item:hover{background-color:#fff}.tab-router__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-router__item--active{border-radius:8px 8px 0 0;background-color:#fff}\n"], dependencies: [{ kind: "component", type: SdIcon, selector: "sd-icon", inputs: ["name", "fontIcon", "color", "set", "fontSet", "size", "strokeWidth", "absoluteStrokeWidth", "ariaLabel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: SdBadge, selector: "sd-badge", inputs: ["type", "color", "primary", "secondary", "success", "info", "warning", "error", "fontSet", "title", "description", "tooltip", "icon", "size"], outputs: ["click"] }, { kind: "pipe", type: SdTabInfoPipe, name: "sdTabInfo" }, { kind: "pipe", type: SdTranslatePipe, name: "sdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabRouterItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sd-tab-router-item', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [SdIcon, CommonModule, SdBadge, SdTabInfoPipe], template: "<a\n  [href]=\"[tab.url]\"\n  class=\"tab-router__item d-flex align-items-center gap-8\"\n  [class.tab-router__item--active]=\"tab.isActive\"\n  (click)=\"onTabClick($event)\"\n  (mousedown)=\"onMousedown($event)\"\n  (mouseup)=\"onMouseup($event)\">\n  @let info = tabInfo | sdTabInfo: tab;\n  @if (info) {\n    <sd-badge\n      style=\"overflow: hidden;white-space: nowrap;\"\n      [icon]=\"info.icon\"\n      [title]=\"info.icon\"\n      [tooltip]=\"info.tooltip || info.name\"\n      [title]=\"info.name\"\n      [color]=\"info.color\"\n      (click)=\"onTabClick($event)\"></sd-badge>\n    <button\n      aria-hidden=\"true\"\n      class=\"tab-router__close d-flex align-items-center justify-content-center ml-auto p-0\"\n      (click)=\"close($event)\"\n      (mousedown)=\"$event.stopPropagation()\">\n      <sd-icon aria-hidden=\"true\" fontIcon=\"close\"></sd-icon>\n    </button>\n  }\n</a>\n", styles: [":host{display:block;overflow:hidden;position:relative;flex:1 1 64px;max-width:240px}:host:after{content:\"\";position:absolute;right:0;top:0;bottom:0;height:16px;width:1px;background:#dde0e5;margin:auto}:host:last-child:after{content:none}:host::ng-deep .tab-router__item sd-badge .c-badge-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:184px}.flex-1{flex:1}.tab-router__icon{background-color:#5c6bc0;width:16px;height:16px;line-height:16px;text-align:center;font-size:10px;color:#fff;border-radius:2px;text-transform:uppercase}.tab-router__icon sd-icon{height:10px;width:10px;font-size:10px}.tab-router__close{color:#757575;outline:none;border:0;background:none;border-radius:50%;height:16px;width:16px}.tab-router__close:hover{background-color:#0000001f}.tab-router__close sd-icon{font-size:12px;height:12px;width:12px}.tab-router__item{background:#f2f3f4;padding:8px;color:inherit;text-decoration:none;font-size:12px;line-height:16px;overflow:hidden}.tab-router__item:hover{background-color:#fff}.tab-router__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-router__item--active{border-radius:8px 8px 0 0;background-color:#fff}\n"] }]
+            args: [{ selector: 'sd-tab-router-item', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [SdIcon, CommonModule, SdBadge, SdTabInfoPipe, SdTranslatePipe], template: "<!-- why: [href] l\u00E0 thu\u1ED9c t\u00EDnh DOM ki\u1EC3u CHU\u1ED6I. B\u1EA3n c\u0169 bind `[tab.url]` \u2014 m\u1ED9t M\u1EA2NG \u2014 v\u00E0 ch\u1EC9 \"ch\u1EA1y\n     \u0111\u01B0\u1EE3c\" nh\u1EDD m\u1EA3ng 1 ph\u1EA7n t\u1EED t\u1EF1 stringify l\u00FAc Angular sanitize URL. Bind th\u1EB3ng chu\u1ED7i: \u0111\u00FAng ki\u1EC3u,\n     b\u1ECF m\u1ED9t slot pure-function th\u1EEBa, v\u00E0 gi\u00E1 tr\u1ECB bind kh\u1EDBp \u0111\u00FAng th\u1EE9 render ra DOM.\n     why: `[title]=\"info.icon\"` ngay tr\u00EAn `[title]=\"info.name\"` \u0111\u00E3 b\u1ECB xo\u00E1 \u2014 binding ch\u1EBFt do\n     copy-paste, lu\u00F4n b\u1ECB ghi \u0111\u00E8 ngay v\u00E0 b\u1EAFt sd-badge nh\u1EADn hai gi\u00E1 tr\u1ECB title m\u1ED7i l\u1EA7n CD. -->\n<a\n  [href]=\"tab.url\"\n  class=\"tab-router__item d-flex align-items-center gap-8\"\n  [class.tab-router__item--active]=\"tab.isActive\"\n  (click)=\"onTabClick($event)\"\n  (mousedown)=\"onMousedown($event)\"\n  (mouseup)=\"onMouseup($event)\">\n  @let info = tabInfo | sdTabInfo: tab;\n  @if (info) {\n    <!-- why: b\u1ECF `(click)=\"onTabClick($event)\"` kh\u1ECFi <sd-badge>. N\u00F3 ch\u1EC9 t\u1ED3n t\u1EA1i v\u00EC badge lu\u00F4n\n         stopPropagation, n\u00EAn click tr\u00EAn badge kh\u00F4ng bao gi\u1EDD t\u1EDBi <a> cha. Badge nay ch\u1EC9 nu\u1ED1t event\n         khi th\u1EADt s\u1EF1 c\u00F3 consumer \u2192 click b\u1ECDt l\u00EAn <a> nh\u01B0 b\u00ECnh th\u01B0\u1EDDng, v\u00E0 badge kh\u00F4ng c\u00F2n ph\u1EA3i tr\u1EDF\n         th\u00E0nh role=\"button\" l\u1ED3ng b\u00EAn trong m\u1ED9t <a> (interactive l\u1ED3ng interactive). -->\n    <sd-badge\n      style=\"overflow: hidden;white-space: nowrap;\"\n      [icon]=\"info.icon\"\n      [tooltip]=\"info.tooltip || info.name\"\n      [title]=\"info.name\"\n      [color]=\"info.color\"></sd-badge>\n    <!-- why: b\u1ECF aria-hidden=\"true\" kh\u1ECFi n\u00FAt \u0111\u00F3ng \u2014 n\u00F3 l\u00E0 <button> th\u1EADt, v\u1EABn nh\u1EADn tab focus nh\u01B0ng\n         screen reader kh\u00F4ng \u0111\u1ECDc \u0111\u01B0\u1EE3c g\u00EC (n\u00FAt ch\u1EC9 c\u00F3 icon). G\u1EAFn type + aria-label i18n. -->\n    <button\n      type=\"button\"\n      class=\"tab-router__close d-flex align-items-center justify-content-center ml-auto p-0\"\n      [attr.aria-label]=\"'core.common.close' | sdTranslate\"\n      (click)=\"close($event)\"\n      (mousedown)=\"$event.stopPropagation()\">\n      <!-- Icon thu\u1EA7n trang tr\u00ED \u2014 n\u00FAt \u0111\u00E3 c\u00F3 aria-label n\u00EAn gi\u1EEF aria-hidden \u1EDF \u0111\u00E2y l\u00E0 \u0111\u00FAng. -->\n      <sd-icon aria-hidden=\"true\" fontIcon=\"close\"></sd-icon>\n    </button>\n  }\n</a>\n", styles: [":host{display:block;overflow:hidden;position:relative;flex:1 1 64px;max-width:240px}:host:after{content:\"\";position:absolute;right:0;top:0;bottom:0;height:16px;width:1px;background:#dde0e5;margin:auto}:host:last-child:after{content:none}:host::ng-deep .tab-router__item sd-badge .c-badge-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:184px}.flex-1{flex:1}.tab-router__icon{background-color:#5c6bc0;width:16px;height:16px;line-height:16px;text-align:center;font-size:10px;color:#fff;border-radius:2px;text-transform:uppercase}.tab-router__icon sd-icon{height:10px;width:10px;font-size:10px}.tab-router__close{color:#757575;outline:none;border:0;background:none;border-radius:50%;height:16px;width:16px}.tab-router__close:hover{background-color:#0000001f}.tab-router__close:focus-visible{outline:2px solid var(--sd-primary, #005cbb);outline-offset:1px}.tab-router__close sd-icon{font-size:12px;height:12px;width:12px}.tab-router__item{background:#f2f3f4;padding:8px;color:inherit;text-decoration:none;font-size:12px;line-height:16px;overflow:hidden}.tab-router__item:hover{background-color:#fff}.tab-router__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-router__item--active{border-radius:8px 8px 0 0;background-color:#fff}\n"] }]
         }], ctorParameters: () => [], propDecorators: { tab: [{
                 type: Input,
                 args: [{ required: true }]
@@ -273,11 +323,13 @@ class SdTabRouterOutletComponent {
     #tabRouterService = inject(SdTabRouterService);
     #sdNotifyService = inject(SdNotifyService);
     #i18n = inject(I18nService);
-    // Inject để đảm bảo SdTabDecoratorService được khởi tạo (nó register BehaviorSubject
-    // tĩnh để @SdTab decorator có thể truy cập SdTabRouterService). Không dùng trực tiếp ở đây.
+    // why: @SdTabComponent KHÔNG còn đọc BehaviorSubject tĩnh này nữa (đã chuyển sang collection
+    // tĩnh + drain ở constructor bên dưới). Vẫn inject để `SdTabDecoratorService.tabRouterService`
+    // tiếp tục phát instance service ra cho consumer cũ. Không dùng trực tiếp ở đây.
     #tabDecoratorService = inject(SdTabDecoratorService);
     #rootRoute;
     #subscription = new Subscription();
+    #disconnectTabBuilders;
     // Lưu state theo navigation id để các navigation chồng lấn không ghi đè lẫn nhau.
     #pendingNavigationStates = new Map();
     // Serialize mọi #activeRoute (router events + initial sync) để tránh race tạo duplicate tab.
@@ -313,6 +365,10 @@ class SdTabRouterOutletComponent {
                 this.#closeTab(event.tab);
             }
         }));
+        // why: @SdTabComponent chỉ ghi builder vào một collection tĩnh (không subscribe gì cả,
+        // xem tab.decorator.ts). Outlet là nơi duy nhất chắc chắn có SdTabRouterService nên nó
+        // drain collection đó vào service khi khởi tạo, và ngắt kết nối khi destroy.
+        this.#disconnectTabBuilders = ɵsdConnectTabComponentBuilders(builder => this.#tabRouterService.addBuilder(builder));
         // Initial navigation có thể hoàn tất trước khi outlet subscribe router.events
         // (blocking init hoặc outlet mount muộn). Catch-up sau first render.
         afterNextRender(() => {
@@ -322,6 +378,8 @@ class SdTabRouterOutletComponent {
     ngOnDestroy() {
         this.#subscription.unsubscribe();
         this.#pendingNavigationStates.clear();
+        this.#disconnectTabBuilders?.();
+        this.#disconnectTabBuilders = undefined;
     }
     #scheduleActivation = (task) => {
         const run = this.#activationQueue.then(task);
@@ -532,7 +590,7 @@ class SdTabRouterOutletComponent {
         }
         if (existedIndex >= 0) {
             // Mặc định tab đã tồn tại chỉ được activate, không thay tab object. forceReload là nhánh
-            // explicit duy nhất thay SdTab + injector để body và nav item được tạo lại.
+            // explicit duy nhất thay SdTabRouterTab + injector để body và nav item được tạo lại.
             //
             // splice phía trên có thể đã shift index nếu activatedIndex < existedIndex.
             const idx = replaceTab && activatedIndex >= 0 && activatedIndex < existedIndex ? existedIndex - 1 : existedIndex;
@@ -610,16 +668,6 @@ class SdOutletInjector {
     }
 }
 
-function SdTabComponent(builder) {
-    return (constructor) => {
-        SdTabDecoratorService.tabRouterService
-            .pipe(filter(service => service !== undefined && service !== null), take(1))
-            .subscribe(service => {
-            service.addBuilder(builder);
-        });
-    };
-}
-
 /**
  * Generated bundle index. Do not edit.
  */

package/fesm2022/sdcorejs-angular-components-tab-router.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sdcorejs-angular-components-tab-router.mjs","sources":["../../../projects/sdcorejs-angular/components/tab-router/src/events/tab-router.event.ts","../../../projects/sdcorejs-angular/components/tab-router/src/models/tab-router.model.ts","../../../projects/sdcorejs-angular/components/tab-router/src/services/tab-router.service.ts","../../../projects/sdcorejs-angular/components/tab-router/src/services/tab-decorator.service.ts","../../../projects/sdcorejs-angular/components/tab-router/src/pipes/tab-info.pipe.ts","../../../projects/sdcorejs-angular/components/tab-router/src/components/tab-router-item/tab-router-item.component.ts","../../../projects/sdcorejs-angular/components/tab-router/src/components/tab-router-item/tab-router-item.component.html","../../../projects/sdcorejs-angular/components/tab-router/src/components/tab-router-nav/tab-router-nav.component.ts","../../../projects/sdcorejs-angular/components/tab-router/src/components/tab-router-nav/tab-router-nav.component.html","../../../projects/sdcorejs-angular/components/tab-router/src/components/tab-router-outlet/tab-router-outlet.component.ts","../../../projects/sdcorejs-angular/components/tab-router/src/components/tab-router-outlet/tab-router-outlet.component.html","../../../projects/sdcorejs-angular/components/tab-router/src/decorators/tab.decorator.ts","../../../projects/sdcorejs-angular/components/tab-router/sdcorejs-angular-components-tab-router.ts"],"sourcesContent":["import { SdTab } from '../models/tab-router.model';\n\nexport class SdTabBase {\n  #tab: SdTab | undefined;\n\n  constructor(tab: SdTab | undefined) {\n    this.#tab = tab;\n  }\n\n  get tab(): SdTab | undefined {\n    return this.#tab;\n  }\n}\n\nexport class SdTabActivated extends SdTabBase {}\n\nexport class SdTabDeactivated extends SdTabBase {}\n\nexport declare type SdTabEvent = SdTabActivated | SdTabDeactivated;\n","import { InjectionToken, Type } from '@angular/core';\nimport { Color } from '@sdcorejs/utils/models';\nimport { Subject } from 'rxjs';\n\nexport interface SdTabInfo {\n  name: string;\n  icon?: string;\n  tooltip?: string;\n  color?: Color;\n}\n\nexport interface SdTab {\n  component: Type<any>;\n  injector?: any;\n  key: string;\n  isActive: boolean;\n  url: string;\n  params?: Record<string, string | number>;\n  queryParams?: Record<string, string | number>;\n  data?: Record<string, any>;\n  tabInfoChanges: Subject<SdTabInfo>;\n  beforeClose?: () => boolean | Promise<boolean>; // Return true thì mới được close\n}\n\nexport const SD_TAB = new InjectionToken<SdTab>('SD_TAB');\n","import { Injectable, Type } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\nimport { SdTabAction } from '../actions/tab-router.action';\nimport { SdTabComponentBuilder } from '../decorators/tab.decorator';\nimport { SdTabBase, SdTabEvent } from '../events/tab-router.event';\nimport { SdTab } from '../models/tab-router.model';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SdTabRouterService {\n  events = new BehaviorSubject<SdTabEvent>(new SdTabBase(undefined));\n  actions = new BehaviorSubject<SdTabAction | undefined>(undefined);\n  builders = new BehaviorSubject<SdTabComponentBuilder[]>([]);\n  currentTabChanges = new BehaviorSubject<SdTab | undefined>(undefined);\n  newTabs = new BehaviorSubject<SdTab | undefined>(undefined);\n  updateTabs = new BehaviorSubject<SdTab | undefined>(undefined);\n  #currentTab: SdTab | undefined = undefined;\n  #componentBuilders: SdTabComponentBuilder[] = [];\n\n  addBuilder = (builder: SdTabComponentBuilder) => {\n    if (!this.#componentBuilders.some(e => e.component === builder.component)) {\n      this.#componentBuilders.push(builder);\n      this.builders.next(this.#componentBuilders);\n    }\n  };\n\n  get currentTab() {\n    return this.#currentTab;\n  }\n\n  get currentKey() {\n    return this.#currentTab?.key || null;\n  }\n\n  // select = (tabOrKey: string | SdTab): void => {\n  //   const tab = this.#tabs.find(e => {\n  //     if (typeof (tabOrKey) === 'string') {\n  //       return e.key === tabOrKey;\n  //     }\n  //     return e.key === tabOrKey?.key;\n  //   });\n  //   if (tab) {\n  //     this.#currentTab = tab;\n  //   }\n  // }\n\n  // add = (tab: SdTab): void => {\n  //   if (!tab.key) {\n  //     this.notifyService.notify.warning('Tab key is required');\n  //   }\n  //   if (!tab.component) {\n  //     this.notifyService.notify.warning('Tab component is required');\n  //   }\n  //   const existedTab = this.#tabs.find(e => e.key === tab.key);\n  //   if (!existedTab) {\n  //     this.#tabs.push(tab);\n  //     this.select(tab);\n  //   } else {\n  //     this.select(existedTab);\n  //   }\n  // }\n\n  // remove = (tabOrKey: string | SdTab): void => {\n  //   this.#tabs = this.#tabs.filter(e => {\n  //     if (typeof (tabOrKey) === 'string') {\n  //       return e.key !== tabOrKey;\n  //     }\n  //     return e.key !== tabOrKey?.key;\n  //   });\n  // }\n\n  setCurrentTab = (tab: SdTab): void => {\n    this.#currentTab = tab;\n    this.currentTabChanges.next(tab);\n  };\n\n  pushEvent = (tab: SdTab, Event: Type<SdTabEvent>) => {\n    this.events.next(new Event(tab));\n  };\n\n  setOptions = () => {};\n\n  close = (tab?: SdTab) => {\n    tab = tab || this.#currentTab;\n    if (tab) {\n      this.actions.next({\n        type: 'close',\n        tab,\n      });\n    }\n  };\n\n  // Gọi hàm này để thực hiện update tab\n  updateTab = (tab: SdTab) => {};\n}\n","import { Injectable, inject } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\nimport { SdTabRouterService } from './tab-router.service';\n@Injectable({\n  providedIn: 'root',\n})\nexport class SdTabDecoratorService {\n  static tabRouterService = new BehaviorSubject<SdTabRouterService | undefined>(undefined);\n\n  /** Inserted by Angular inject() migration for backwards compatibility */\n  constructor(...args: unknown[]);\n  constructor() {\n    const tabRouterService = inject(SdTabRouterService);\n\n    SdTabDecoratorService.tabRouterService.next(tabRouterService);\n  }\n}\n","import { Pipe, PipeTransform, inject } from '@angular/core';\nimport { SdTab, SdTabInfo } from '../models/tab-router.model';\nimport { SdTabRouterService } from '../services/tab-router.service';\n@Pipe({\n  name: 'sdTabInfo',\n  standalone: true,\n})\nexport class SdTabInfoPipe implements PipeTransform {\n  private tabRouterService = inject(SdTabRouterService);\n\n  /** Inserted by Angular inject() migration for backwards compatibility */\n  constructor(...args: unknown[]);\n\n  constructor() {}\n  transform(tabInfo: SdTabInfo | undefined | null, tab: SdTab): SdTabInfo {\n    if (tabInfo) {\n      return tabInfo;\n    }\n    const builders = this.tabRouterService.builders.getValue();\n    const builder = builders.find(e => e.component === tab.component);\n    if (builder) {\n      const { url, params, queryParams, data } = tab;\n      return {\n        name: typeof builder.name === 'function' ? builder.name({ url, params, queryParams, data }) : builder.name,\n        icon: typeof builder.icon === 'function' ? builder.icon({ url, params, queryParams }) : builder.icon,\n        tooltip: typeof builder.tooltip === 'function' ? builder.tooltip({ url, params, queryParams }) : builder.tooltip,\n        color: typeof builder.color === 'function' ? builder.color({ url, params, queryParams }) : builder.color,\n      };\n    }\n    return {\n      name: tab.url,\n      icon: undefined,\n    };\n  }\n}\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnDestroy, OnInit, inject } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { debounceTime, startWith } from 'rxjs/operators';\n\nimport { SdBadge } from '@sdcorejs/angular/components/badge';\nimport { SdTab, SdTabInfo } from '../../models';\nimport { SdTabRouterService } from '../../services/tab-router.service';\nimport { Router } from '@angular/router';\nimport { CommonModule } from '@angular/common';\nimport { SdTabInfoPipe } from '../../pipes/tab-info.pipe';\nimport { SdIcon } from '@sdcorejs/angular/modules/icon';\n\n@Component({\n  selector: 'sd-tab-router-item',\n  templateUrl: './tab-router-item.component.html',\n  styleUrl: './tab-router-item.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [SdIcon, CommonModule, SdBadge, SdTabInfoPipe],\n})\nexport class SdTabRouterItemComponent implements OnInit, OnDestroy {\n  private cdRef = inject(ChangeDetectorRef);\n  private tabRouterService = inject(SdTabRouterService);\n  private router = inject(Router);\n\n  @Input({ required: true }) tab!: SdTab;\n\n  #subsctiption: Subscription = new Subscription();\n  tabInfo?: SdTabInfo;\n\n  /** Inserted by Angular inject() migration for backwards compatibility */\n  constructor(...args: unknown[]);\n  constructor() {}\n\n  ngOnInit(): void {\n    this.#subsctiption.add(\n      this.tabRouterService.events.pipe(debounceTime(100)).subscribe(() => {\n        this.cdRef.markForCheck();\n      })\n    );\n\n    this.#subsctiption.add(\n      this.tab.tabInfoChanges.pipe(startWith(null)).subscribe(tabInfo => {\n        if (tabInfo) {\n          this.tabInfo = tabInfo;\n          this.cdRef.markForCheck();\n        }\n      })\n    );\n  }\n\n  ngOnDestroy(): void {\n    this.#subsctiption.unsubscribe();\n  }\n\n  onTabClick = (event: Event) => {\n    event.preventDefault();\n    this.router.navigate([this.tab.url], {\n      queryParams: this.tab.queryParams,\n      state: { switchTab: true },\n    });\n  };\n\n  close = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    this.#closeTab();\n  };\n\n  onMousedown = (event: MouseEvent) => {\n    if (event.button === 1) {\n      event.preventDefault();\n    }\n  };\n\n  onMouseup = (event: MouseEvent) => {\n    if (event.button === 1) {\n      event.preventDefault();\n      event.stopPropagation();\n      this.#closeTab();\n    }\n  };\n\n  #closeTab = () => {\n    this.tabRouterService.close(this.tab);\n  };\n}\n","<a\n  [href]=\"[tab.url]\"\n  class=\"tab-router__item d-flex align-items-center gap-8\"\n  [class.tab-router__item--active]=\"tab.isActive\"\n  (click)=\"onTabClick($event)\"\n  (mousedown)=\"onMousedown($event)\"\n  (mouseup)=\"onMouseup($event)\">\n  @let info = tabInfo | sdTabInfo: tab;\n  @if (info) {\n    <sd-badge\n      style=\"overflow: hidden;white-space: nowrap;\"\n      [icon]=\"info.icon\"\n      [title]=\"info.icon\"\n      [tooltip]=\"info.tooltip || info.name\"\n      [title]=\"info.name\"\n      [color]=\"info.color\"\n      (click)=\"onTabClick($event)\"></sd-badge>\n    <button\n      aria-hidden=\"true\"\n      class=\"tab-router__close d-flex align-items-center justify-content-center ml-auto p-0\"\n      (click)=\"close($event)\"\n      (mousedown)=\"$event.stopPropagation()\">\n      <sd-icon aria-hidden=\"true\" fontIcon=\"close\"></sd-icon>\n    </button>\n  }\n</a>\n","import { CdkDragDrop, DragDropModule, moveItemInArray } from '@angular/cdk/drag-drop';\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostListener, inject, input, viewChild } from '@angular/core';\n\nimport { SdTab } from '../../models/tab-router.model';\nimport { SdTabRouterItemComponent } from '../tab-router-item/tab-router-item.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'sd-tab-router-nav',\n  templateUrl: './tab-router-nav.component.html',\n  styleUrl: './tab-router-nav.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [CommonModule, DragDropModule, SdTabRouterItemComponent],\n})\nexport class SdTabRouterNavComponent {\n  tabRouterNav = viewChild<ElementRef>('tabRouterNav');\n\n  tabs = input<SdTab[]>([]);\n  mode: 'default' | 'compact' = 'default';\n  cdRef = inject(ChangeDetectorRef);\n  elementRef = inject<ElementRef<any>>(ElementRef);\n\n  @HostListener('window:resize')\n  onResize(): void {\n    this.checkUI();\n  }\n\n  checkUI = () => {\n    const width = this.tabRouterNav()?.nativeElement.clientWidth ?? 0;\n    const tabs = this.tabs();\n    if (tabs.length === 0) {\n      this.mode = 'default';\n      this.cdRef.markForCheck();\n      return;\n    }\n\n    const nameWidth = (width - tabs.length * 68) / tabs.length;\n    if (nameWidth <= 20) {\n      this.mode = 'compact';\n    } else {\n      this.mode = 'default';\n    }\n    this.cdRef.markForCheck();\n  };\n\n  onDrop = (event: CdkDragDrop<SdTab[]>) => {\n    moveItemInArray(this.tabs(), event.previousIndex, event.currentIndex);\n  };\n}\n","<div\n  #tabRouterNav\n  cdkDropList\n  cdkDropListLockAxis=\"x\"\n  cdkDropListOrientation=\"horizontal\"\n  (cdkDropListDropped)=\"onDrop($event)\"\n  class=\"tab-router__nav tab-router__nav--{{ mode }} d-flex align-items-center flex-nowrap\"\n  [class.d-none]=\"tabs().length > 1\">\n  @for (tab of tabs(); track tab.injector ?? tab.key) {\n    <sd-tab-router-item [tab]=\"tab\" cdkDrag [cdkDragBoundary]=\"elementRef.nativeElement\"></sd-tab-router-item>\n  }\n</div>\n","import {\n  afterNextRender,\n  booleanAttribute,\n  Component,\n  Injector,\n  OnDestroy,\n  Type,\n  inject,\n  input,\n  signal,\n  viewChild,\n  createNgModule,\n  NgModuleFactory,\n} from '@angular/core';\nimport {\n  ActivatedRoute,\n  ActivatedRouteSnapshot,\n  NavigationCancel,\n  NavigationEnd,\n  NavigationError,\n  NavigationSkipped,\n  NavigationSkippedCode,\n  Router,\n  RouterOutlet,\n  RoutesRecognized,\n} from '@angular/router';\nimport { CommonModule } from '@angular/common';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { from, Subject, Subscription, isObservable, lastValueFrom } from 'rxjs';\nimport { concatMap, filter, map } from 'rxjs/operators';\n\nimport { SdNotifyService } from '@sdcorejs/angular/services/notify';\nimport { I18nService } from '@sdcorejs/angular/i18n';\nimport { Utilities } from '@sdcorejs/utils/fns';\nimport { SdTabActivated, SdTabDeactivated } from '../../events/tab-router.event';\nimport { SdTabAction } from '../../actions/tab-router.action';\nimport { SdTab, SD_TAB } from '../../models';\nimport { SdTabDecoratorService } from '../../services/tab-decorator.service';\nimport { SdTabRouterService } from '../../services/tab-router.service';\nimport { SdTabRouterNavComponent } from '../tab-router-nav/tab-router-nav.component';\n\ntype TabRouterNavigationEvent = RoutesRecognized | NavigationEnd | NavigationSkipped | NavigationCancel | NavigationError;\n\ninterface TabRouterNavigationContext {\n  event: TabRouterNavigationEvent;\n  navigationState: Record<string, any>;\n}\n\n@Component({\n  selector: 'sd-tab-router-outlet',\n  templateUrl: './tab-router-outlet.component.html',\n  styleUrl: './tab-router-outlet.component.scss',\n  standalone: true,\n  imports: [CommonModule, MatTooltipModule, RouterOutlet, SdTabRouterNavComponent],\n})\nexport class SdTabRouterOutletComponent implements OnDestroy {\n  disabled = input(false, { transform: booleanAttribute });\n\n  tabRouterNav = viewChild<SdTabRouterNavComponent>('tabRouterNav');\n\n  tabs = signal<SdTab[]>([]);\n\n  #router = inject(Router);\n  #injector = inject(Injector);\n  #tabRouterService = inject(SdTabRouterService);\n  #sdNotifyService = inject(SdNotifyService);\n  readonly #i18n = inject(I18nService);\n  // Inject để đảm bảo SdTabDecoratorService được khởi tạo (nó register BehaviorSubject\n  // tĩnh để @SdTab decorator có thể truy cập SdTabRouterService). Không dùng trực tiếp ở đây.\n  #tabDecoratorService = inject(SdTabDecoratorService);\n\n  #rootRoute?: ActivatedRoute;\n  #subscription = new Subscription();\n\n  // Lưu state theo navigation id để các navigation chồng lấn không ghi đè lẫn nhau.\n  #pendingNavigationStates = new Map<number, Record<string, any>>();\n  // Serialize mọi #activeRoute (router events + initial sync) để tránh race tạo duplicate tab.\n  #activationQueue: Promise<void> = Promise.resolve();\n\n  constructor() {\n    this.#subscription.add(\n      this.#router.events\n        .pipe(\n          // KHÔNG unwrap event.routerEvent (vd Scroll wrap NavigationEnd):\n          // Angular emit NavigationEnd RAW trước, RouterScroller emit Scroll(NavigationEnd) sau.\n          // Nếu unwrap thêm Scroll → handler fire 2 lần cho 1 nav → race condition tạo duplicate tabs.\n          // Navigation thành công cần CẢ HAI event vì mỗi event chứa data ở thời điểm khác nhau.\n          // - RoutesRecognized: navigation đang in-flight → getCurrentNavigation().extras.state đọc được\n          // - NavigationEnd: navigation hoàn tất → routerState.root đã update với route mới (cần cho lazy routes)\n          // Các terminal event khác chỉ xử lý same-URL forceReload hoặc dọn state theo navigation id.\n          filter(\n            (event): event is TabRouterNavigationEvent =>\n              event instanceof RoutesRecognized ||\n              event instanceof NavigationEnd ||\n              event instanceof NavigationSkipped ||\n              event instanceof NavigationCancel ||\n              event instanceof NavigationError\n          ),\n          // Chụp getCurrentNavigation đồng bộ vì concatMap có thể chạy sau khi Angular đã xoá navigation hiện tại.\n          map(\n            (event): TabRouterNavigationContext => ({\n              event,\n              navigationState: this.#router.getCurrentNavigation()?.extras?.state ?? {},\n            })\n          ),\n          // Serialize: #handleEvent async (await getBestInjector). 2 nav liên tiếp\n          // không await xen kẽ → tránh race đọc this.tabs() = [] khi tab đầu chưa kịp set.\n          concatMap(context => from(this.#handleEvent(context)))\n        )\n        .subscribe()\n    );\n\n    this.#subscription.add(\n      this.#tabRouterService.actions.subscribe((event: SdTabAction | undefined) => {\n        if (this.disabled()) return;\n\n        if (event?.type === 'close') {\n          this.#closeTab(event.tab);\n        }\n      })\n    );\n\n    // Initial navigation có thể hoàn tất trước khi outlet subscribe router.events\n    // (blocking init hoặc outlet mount muộn). Catch-up sau first render.\n    afterNextRender(() => {\n      void this.#syncCurrentRoute();\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.#subscription.unsubscribe();\n    this.#pendingNavigationStates.clear();\n  }\n\n  #scheduleActivation = (task: () => Promise<void>): Promise<void> => {\n    const run = this.#activationQueue.then(task);\n    this.#activationQueue = run.catch(() => undefined);\n    return run;\n  };\n\n  #handleEvent = async ({ event, navigationState }: TabRouterNavigationContext): Promise<void> => {\n    if (this.disabled()) {\n      this.#pendingNavigationStates.clear();\n      return;\n    }\n    if (event instanceof RoutesRecognized) {\n      this.#pendingNavigationStates.set(event.id, navigationState);\n      return;\n    }\n\n    if (event instanceof NavigationCancel || event instanceof NavigationError) {\n      this.#pendingNavigationStates.delete(event.id);\n      return;\n    }\n\n    let state: Record<string, any>;\n    let fullUrl: string;\n    if (event instanceof NavigationSkipped) {\n      this.#pendingNavigationStates.delete(event.id);\n      if (event.code !== NavigationSkippedCode.IgnoredSameUrlNavigation || navigationState['forceReload'] !== true) {\n        return;\n      }\n      state = navigationState;\n      fullUrl = event.url;\n    } else {\n      state = this.#pendingNavigationStates.get(event.id) ?? navigationState;\n      this.#pendingNavigationStates.delete(event.id);\n      fullUrl = event.urlAfterRedirects || event.url;\n    }\n\n    await this.#scheduleActivation(async () => {\n      const route = this.#getActivatedRouteSnapshot(this.#router.routerState.snapshot.root);\n      this.#rootRoute = this.#router.routerState.root;\n      await this.#activeRoute(fullUrl, route, state);\n    });\n  };\n\n  // Bù initial navigation nếu NavigationEnd đã fire trước khi outlet subscribe.\n  #syncCurrentRoute = (): Promise<void> => {\n    if (this.disabled() || !this.#router.navigated) {\n      return Promise.resolve();\n    }\n\n    const route = this.#getActivatedRouteSnapshot(this.#router.routerState.snapshot.root);\n    if (!route?.component) {\n      return Promise.resolve();\n    }\n\n    const [urlPath] = this.#router.url.split('?');\n    const key = Utilities.hash({\n      url: urlPath,\n      queryParams: { ...(route.queryParams || {}) },\n    });\n\n    if (this.tabs().some(tab => tab.key === key)) {\n      return Promise.resolve();\n    }\n\n    return this.#scheduleActivation(async () => {\n      if (this.tabs().some(tab => tab.key === key)) {\n        return;\n      }\n      this.#rootRoute = this.#router.routerState.root;\n      await this.#activeRoute(this.#router.url, route, {});\n    });\n  };\n\n  tabTrackBy = (index: number, tab: SdTab) => tab.key;\n\n  #closeTab = async (tab: SdTab): Promise<void> => {\n    if (this.disabled()) return;\n\n    if (tab.beforeClose) {\n      let canClose: boolean;\n      try {\n        const result = tab.beforeClose();\n        canClose = typeof result === 'boolean' ? result : await result;\n      } catch {\n        canClose = false;\n      }\n      if (!canClose) return;\n    }\n\n    const currentTabs = this.tabs();\n    const { isActive, key: activeKey } = tab;\n\n    if (isActive) {\n      const activeIndex = currentTabs.findIndex(({ key }) => key === activeKey);\n      const nextTab = currentTabs[activeIndex + 1] || currentTabs[activeIndex - 1];\n\n      this.tabs.set(currentTabs.filter(({ key }) => key !== activeKey));\n\n      if (nextTab) {\n        this.#router.navigate([nextTab.url], {\n          queryParams: { ...(nextTab.queryParams || {}) },\n          state: { switchTab: true },\n        });\n      } else {\n        this.#router.navigateByUrl('/', { state: { switchTab: true } });\n      }\n    } else {\n      this.tabs.set(currentTabs.filter(({ key }) => key !== tab.key));\n      this.tabRouterNav()?.checkUI();\n    }\n  };\n\n  #activeRoute = async (fullUrl: string, route: ActivatedRouteSnapshot | null, state: Record<string, any> = {}) => {\n    if (this.disabled()) return;\n    if (!route?.component) return;\n\n    const component = route.component as Type<any>;\n    const queryParams = { ...(route.queryParams || {}) };\n    const params = { ...(route.params || {}) };\n    const data = { ...(route.data || {}) };\n    const [url] = fullUrl.split('?');\n    // Tab identity = hash(url + queryParams). Cùng key mặc định giữ tab cũ; forceReload mới tạo lại.\n    const key = Utilities.hash({ url, queryParams });\n\n    let existedIndex = -1;\n    let activatedIndex = -1;\n\n    const currentTabs = this.tabs();\n\n    // QUAN TRỌNG: scan READ-ONLY, KHÔNG mutate tab.isActive trong loop này.\n    //\n    // Lý do: NavigationEnd có thể fire nhiều lần cho 1 user-action (do nested outlets,\n    // redirect, hoặc Angular internal). Vì #activeRoute là async (await getBestInjector),\n    // 2 invocations có thể chạy concurrent và interleave với nhau.\n    //\n    // Nếu mutate tab.isActive = false ở đây, call thứ 2 sẽ thấy isActive đã bị call 1\n    // set false rồi → không tìm thấy active tab → activatedIndex stay -1 → splice bỏ qua\n    // → tab cũ không bị remove → xuất hiện duplicate tabs.\n    //\n    // Cách fix: chỉ ĐỌC isActive, sau đó dùng .map() ở dưới để tạo tab objects mới qua spread.\n    for (let i = 0; i < currentTabs.length; i++) {\n      const tab = currentTabs[i];\n      if (tab.key === key) {\n        existedIndex = i;\n      } else if (tab.isActive) {\n        activatedIndex = i;\n        this.#tabRouterService.pushEvent(tab, SdTabDeactivated);\n      }\n    }\n\n    const replaceTab = state['replaceTab'];\n    const forceReload = state['forceReload'] === true;\n\n    // Resolve injector phù hợp với route. Cần xử lý 3 trường hợp:\n    // - Standalone route (Angular đã set _injector trên routeConfig sau khi activate)\n    // - NgModule lazy load (cần createNgModule từ class)\n    // - Fallback: root injector\n    const getBestInjector = async (snapshot: ActivatedRouteSnapshot): Promise<Injector> => {\n      // Standalone route: Angular tự lưu environment injector trên routeConfig._injector\n      const routeInjector = (snapshot as any)._resolvedGui || (snapshot as any).routeConfig?._injector;\n      if (routeInjector) return routeInjector;\n\n      // NgModule lazy: phải gọi lại loadChildren() để lấy module class rồi createNgModule\n      const loadChildren = snapshot.parent?.routeConfig?.loadChildren;\n      if (typeof loadChildren === 'function') {\n        let loaded: any = await loadChildren();\n\n        if (isObservable(loaded)) {\n          loaded = await lastValueFrom(loaded);\n        }\n\n        // ES module có thể export default\n        if (loaded && typeof loaded === 'object' && 'default' in loaded) {\n          loaded = loaded.default;\n        }\n\n        // Angular cũ: NgModuleFactory\n        if (loaded instanceof NgModuleFactory) {\n          return loaded.create(this.#injector).injector;\n        }\n\n        // Angular mới: NgModule class. Bọc try/catch vì createNgModule throw nếu không phải NgModule.\n        if (typeof loaded === 'function' && !Array.isArray(loaded)) {\n          try {\n            return createNgModule(loaded, this.#injector).injector;\n          } catch {\n            return this.#injector;\n          }\n        }\n      }\n      return this.#injector;\n    };\n\n    const finalInjector = await getBestInjector(route);\n    // Refresh root sau await: lazy route tree có thể hoàn tất trong lúc resolve injector.\n    this.#rootRoute = this.#router.routerState.root;\n    const activatedRoute = this.#findActivatedRouteForSnapshot(this.#rootRoute, route);\n\n    const sdInjector = new SdOutletInjector(activatedRoute, finalInjector);\n    const newTab: SdTab = {\n      key,\n      component,\n      injector: sdInjector,\n      isActive: true,\n      url,\n      params,\n      queryParams,\n      data,\n      tabInfoChanges: new Subject(),\n    };\n    sdInjector.setTab(newTab);\n\n    // Tạo updatedTabs qua spread thay vì mutate (xem lý do ở for loop phía trên).\n    // Với tab có isActive không đổi: giữ nguyên reference (tránh trigger ngComponentOutlet\n    // re-evaluate không cần thiết). Với tab cần đổi isActive: tạo object mới qua spread,\n    // các nested fields (component, injector) vẫn giữ same reference nên component không bị recreate.\n    let updatedTabs = currentTabs.map(tab => {\n      if (tab.key === key) return tab.isActive ? tab : { ...tab, isActive: true };\n      return tab.isActive ? { ...tab, isActive: false } : tab;\n    });\n\n    // replaceTab: thay vì mở tab mới song song, xoá tab đang active rồi mở tab mới ở cuối.\n    // Use case: từ tab \"chi tiết\" bấm \"chỉnh sửa\" với replaceTab → tab chi tiết bị xoá,\n    // tab chỉnh sửa thay thế (giữ số tab không tăng).\n    if (replaceTab && activatedIndex >= 0) {\n      updatedTabs = updatedTabs.filter((_, i) => i !== activatedIndex);\n    }\n\n    if (existedIndex >= 0) {\n      // Mặc định tab đã tồn tại chỉ được activate, không thay tab object. forceReload là nhánh\n      // explicit duy nhất thay SdTab + injector để body và nav item được tạo lại.\n      //\n      // splice phía trên có thể đã shift index nếu activatedIndex < existedIndex.\n      const idx = replaceTab && activatedIndex >= 0 && activatedIndex < existedIndex ? existedIndex - 1 : existedIndex;\n      if (forceReload) {\n        updatedTabs = updatedTabs.map((tab, index) => (index === idx ? newTab : tab));\n        this.#tabRouterService.setCurrentTab(newTab);\n        this.#tabRouterService.pushEvent(newTab, SdTabActivated);\n        this.tabs.set(updatedTabs);\n      } else {\n        this.#tabRouterService.setCurrentTab(updatedTabs[idx]);\n        this.#tabRouterService.pushEvent(updatedTabs[idx], SdTabActivated);\n        this.tabs.set(updatedTabs);\n      }\n    } else {\n      // Tab chưa tồn tại → thêm mới ở cuối.\n      this.#tabRouterService.setCurrentTab(newTab);\n      this.tabs.set([...updatedTabs, newTab]);\n\n      if (this.tabs().length > 30) {\n        this.#sdNotifyService.warning(this.#i18n.t('core.component.tab-router.too-many-tabs'));\n      }\n    }\n\n    this.tabRouterNav()?.checkUI();\n  };\n\n  // Lần xuống deepest firstChild để lấy snapshot của route lá (route thực sự render component).\n  #getActivatedRouteSnapshot = (snapshot: ActivatedRouteSnapshot): ActivatedRouteSnapshot | null => {\n    let node = snapshot;\n    while (node.firstChild) node = node.firstChild;\n    return node;\n  };\n\n  // DFS match leaf snapshot → ActivatedRoute instance (ổn định hơn so với so sánh component class).\n  #findActivatedRouteForSnapshot = (activatedRoute: ActivatedRoute, targetSnapshot: ActivatedRouteSnapshot): ActivatedRoute | null => {\n    if (activatedRoute.snapshot === targetSnapshot) {\n      return activatedRoute;\n    }\n    for (const child of activatedRoute.children) {\n      const result = this.#findActivatedRouteForSnapshot(child, targetSnapshot);\n      if (result) {\n        return result;\n      }\n    }\n    return null;\n  };\n}\n\n// Custom Injector cho từng tab: override ActivatedRoute thành route của TAB ĐÓ\n// (không phải route hiện tại của router). Nếu không override, mọi tab sẽ inject ActivatedRoute\n// của route đang active → component cũ trong tab inactive nhận data sai khi user navigate.\nclass SdOutletInjector implements Injector {\n  #tab?: SdTab;\n\n  constructor(\n    private route: ActivatedRoute | null,\n    private parentInjector: Injector\n  ) {}\n\n  setTab(tab: SdTab): void {\n    this.#tab = tab;\n  }\n\n  get(token: any, notFoundValue?: any): any {\n    if (token === ActivatedRoute) {\n      return this.route || notFoundValue;\n    }\n    if (token === SD_TAB) {\n      return this.#tab ?? notFoundValue;\n    }\n    return this.parentInjector.get(token, notFoundValue);\n  }\n}\n","@if (disabled()) {\n  <div class=\"tab-router__disabled-outlet\">\n    <router-outlet></router-outlet>\n  </div>\n} @else {\n  <sd-tab-router-nav [tabs]=\"tabs()\" #tabRouterNav></sd-tab-router-nav>\n  <div class=\"tab-router__list\">\n    @for (tab of tabs(); track tab.injector ?? tab.key) {\n      <div class=\"tab-router__pane\" [class.active]=\"tab.isActive\" [id]=\"tab.key\">\n        <div class=\"tab-router__content\">\n          <ng-container *ngComponentOutlet=\"tab.component; injector: tab.injector\"></ng-container>\n        </div>\n      </div>\n    } @empty {\n      <div class=\"tab-router__empty\"></div>\n    }\n  </div>\n}\n","import { Type } from '@angular/core';\nimport { Color } from '@sdcorejs/utils/models';\nimport { filter, take } from 'rxjs/operators';\nimport { SdTabDecoratorService } from '../services/tab-decorator.service';\n\nexport interface SdTabComponentArgs {\n  url?: string;\n  params?: any;\n  queryParams?: any;\n  data?: Record<string, any>;\n}\n\nexport declare interface SdTabComponentBuilder {\n  component: Type<any>;\n  name: string | ((args: SdTabComponentArgs) => string);\n  icon?: string | ((args: SdTabComponentArgs) => string);\n  tooltip?: string | ((args: SdTabComponentArgs) => string);\n  color?: Color | ((args: SdTabComponentArgs) => Color);\n}\n\nexport function SdTabComponent<T>(builder: SdTabComponentBuilder) {\n  return (constructor: T) => {\n    SdTabDecoratorService.tabRouterService\n      .pipe(\n        filter(service => service !== undefined && service !== null),\n        take(1)\n      )\n      .subscribe(service => {\n        service.addBuilder(builder);\n      });\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"sdcorejs-angular-components-tab-router.mjs","sources":["../../../projects/sdcorejs-angular/components/tab-router/src/events/tab-router.event.ts","../../../projects/sdcorejs-angular/components/tab-router/src/decorators/tab.decorator.ts","../../../projects/sdcorejs-angular/components/tab-router/src/models/tab-router.model.ts","../../../projects/sdcorejs-angular/components/tab-router/src/services/tab-router.service.ts","../../../projects/sdcorejs-angular/components/tab-router/src/services/tab-decorator.service.ts","../../../projects/sdcorejs-angular/components/tab-router/src/pipes/tab-info.pipe.ts","../../../projects/sdcorejs-angular/components/tab-router/src/components/tab-router-item/tab-router-item.component.ts","../../../projects/sdcorejs-angular/components/tab-router/src/components/tab-router-item/tab-router-item.component.html","../../../projects/sdcorejs-angular/components/tab-router/src/components/tab-router-nav/tab-router-nav.component.ts","../../../projects/sdcorejs-angular/components/tab-router/src/components/tab-router-nav/tab-router-nav.component.html","../../../projects/sdcorejs-angular/components/tab-router/src/components/tab-router-outlet/tab-router-outlet.component.ts","../../../projects/sdcorejs-angular/components/tab-router/src/components/tab-router-outlet/tab-router-outlet.component.html","../../../projects/sdcorejs-angular/components/tab-router/sdcorejs-angular-components-tab-router.ts"],"sourcesContent":["import { SdTabRouterTab } from '../models/tab-router.model';\n\nexport class SdTabBase {\n  #tab: SdTabRouterTab | undefined;\n\n  constructor(tab: SdTabRouterTab | undefined) {\n    this.#tab = tab;\n  }\n\n  get tab(): SdTabRouterTab | undefined {\n    return this.#tab;\n  }\n}\n\nexport class SdTabActivated extends SdTabBase {}\n\nexport class SdTabDeactivated extends SdTabBase {}\n\nexport declare type SdTabEvent = SdTabActivated | SdTabDeactivated;\n","import { Type } from '@angular/core';\nimport { Color } from '@sdcorejs/utils/models';\n\nexport interface SdTabComponentArgs {\n  url?: string;\n  params?: any;\n  queryParams?: any;\n  data?: Record<string, any>;\n}\n\nexport declare interface SdTabComponentBuilder {\n  component: Type<any>;\n  name: string | ((args: SdTabComponentArgs) => string);\n  icon?: string | ((args: SdTabComponentArgs) => string);\n  tooltip?: string | ((args: SdTabComponentArgs) => string);\n  color?: Color | ((args: SdTabComponentArgs) => Color);\n}\n\n// why: decorator chạy lúc class ĐƯỢC ĐỊNH NGHĨA (module evaluation), tức trước cả khi Angular\n// bootstrap. Bản cũ subscribe vào BehaviorSubject tĩnh ngay tại đó: nếu app không bao giờ provide\n// SdTabRouterService thì `take(1)` không bao giờ fire → mỗi class được decorate để lại một\n// Subscriber sống suốt vòng đời app, giữ cả class component lẫn closure của nó.\n// Thay bằng một collection tĩnh thuần: đăng ký là O(1), không có subscription nào để rò rỉ, và\n// outlet sẽ \"drain\" (replay) collection này vào SdTabRouterService khi nó khởi tạo.\nconst sdRegisteredTabBuilders: SdTabComponentBuilder[] = [];\n// why: TẬP sink, không phải một slot duy nhất. Hai `<sd-tab-router-outlet>` sống song song là hợp\n// lệ; với một slot thì outlet thứ hai ghi đè outlet thứ nhất (outlet #1 im lặng ngừng nhận builder\n// lazy), và khi outlet #2 disconnect nó xoá luôn sink dù outlet #1 vẫn còn sống. BehaviorSubject cũ\n// vốn multicast, nên một slot là bước lùi.\nconst sdTabBuilderSinks = new Set<(builder: SdTabComponentBuilder) => void>();\n\nexport function SdTabComponent<T>(builder: SdTabComponentBuilder) {\n  return (_constructor: T) => {\n    sdRegisteredTabBuilders.push(builder);\n    // why: class load lazy (route lazy) có thể được decorate SAU khi outlet đã connect —\n    // đẩy thẳng vào mọi sink để không phải chờ outlet khác khởi tạo.\n    for (const sink of sdTabBuilderSinks) sink(builder);\n  };\n}\n\n/**\n * @internal Outlet gọi khi khởi tạo: replay mọi builder đã đăng ký rồi nhận tiếp các builder mới.\n * Trả về hàm ngắt kết nối để outlet gọi trong teardown.\n */\nexport function ɵsdConnectTabComponentBuilders(register: (builder: SdTabComponentBuilder) => void): () => void {\n  sdTabBuilderSinks.add(register);\n  // why: replay chứ không cắt khỏi mảng — outlet có thể bị destroy rồi tạo lại, và\n  // SdTabRouterService.addBuilder đã dedupe theo `component` nên replay là idempotent.\n  // Mảng vì thế PHẢI giữ lại builder, tức decorator vẫn pin class component suốt vòng đời app.\n  // Đó là bản chất của một decorator đăng ký toàn cục (class là thứ được đăng ký), và không đổi\n  // so với trước; thứ ĐÃ bỏ được là Subscriber rò rỉ khi không ai provide SdTabRouterService.\n  for (const builder of [...sdRegisteredTabBuilders]) {\n    register(builder);\n  }\n  return () => {\n    sdTabBuilderSinks.delete(register);\n  };\n}\n\n/**\n * @internal CHỈ dùng cho test — xoá collection tĩnh để các spec không rò rỉ state sang nhau.\n *\n * why: KHÔNG export từ `components/tab-router/index.ts`. Consumer gọi nhầm hàm này sẽ xoá sạch mọi\n * builder mà app đã đăng ký. Spec import bằng đường dẫn tương đối.\n */\nexport function ɵsdResetTabComponentBuilders(): void {\n  sdRegisteredTabBuilders.length = 0;\n  sdTabBuilderSinks.clear();\n}\n","import { InjectionToken, Type } from '@angular/core';\nimport { Color } from '@sdcorejs/utils/models';\nimport { Subject } from 'rxjs';\n\nexport interface SdTabInfo {\n  name: string;\n  icon?: string;\n  tooltip?: string;\n  color?: Color;\n}\n\nexport interface SdTabRouterTab {\n  component: Type<any>;\n  injector?: any;\n  key: string;\n  isActive: boolean;\n  url: string;\n  params?: Record<string, string | number>;\n  queryParams?: Record<string, string | number>;\n  data?: Record<string, any>;\n  tabInfoChanges: Subject<SdTabInfo>;\n  beforeClose?: () => boolean | Promise<boolean>; // Return true thì mới được close\n}\n\nexport const SD_TAB = new InjectionToken<SdTabRouterTab>('SD_TAB');\n","import { Injectable, Type } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\nimport { SdTabAction } from '../actions/tab-router.action';\nimport { SdTabComponentBuilder } from '../decorators/tab.decorator';\nimport { SdTabBase, SdTabEvent } from '../events/tab-router.event';\nimport { SdTabRouterTab } from '../models/tab-router.model';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SdTabRouterService {\n  events = new BehaviorSubject<SdTabEvent>(new SdTabBase(undefined));\n  actions = new BehaviorSubject<SdTabAction | undefined>(undefined);\n  builders = new BehaviorSubject<SdTabComponentBuilder[]>([]);\n  currentTabChanges = new BehaviorSubject<SdTabRouterTab | undefined>(undefined);\n  newTabs = new BehaviorSubject<SdTabRouterTab | undefined>(undefined);\n  updateTabs = new BehaviorSubject<SdTabRouterTab | undefined>(undefined);\n  #currentTab: SdTabRouterTab | undefined = undefined;\n  #componentBuilders: SdTabComponentBuilder[] = [];\n\n  addBuilder = (builder: SdTabComponentBuilder) => {\n    if (!this.#componentBuilders.some(e => e.component === builder.component)) {\n      this.#componentBuilders.push(builder);\n      this.builders.next(this.#componentBuilders);\n    }\n  };\n\n  get currentTab() {\n    return this.#currentTab;\n  }\n\n  get currentKey() {\n    return this.#currentTab?.key || null;\n  }\n\n  // select = (tabOrKey: string | SdTabRouterTab): void => {\n  //   const tab = this.#tabs.find(e => {\n  //     if (typeof (tabOrKey) === 'string') {\n  //       return e.key === tabOrKey;\n  //     }\n  //     return e.key === tabOrKey?.key;\n  //   });\n  //   if (tab) {\n  //     this.#currentTab = tab;\n  //   }\n  // }\n\n  // add = (tab: SdTabRouterTab): void => {\n  //   if (!tab.key) {\n  //     this.notifyService.notify.warning('Tab key is required');\n  //   }\n  //   if (!tab.component) {\n  //     this.notifyService.notify.warning('Tab component is required');\n  //   }\n  //   const existedTab = this.#tabs.find(e => e.key === tab.key);\n  //   if (!existedTab) {\n  //     this.#tabs.push(tab);\n  //     this.select(tab);\n  //   } else {\n  //     this.select(existedTab);\n  //   }\n  // }\n\n  // remove = (tabOrKey: string | SdTabRouterTab): void => {\n  //   this.#tabs = this.#tabs.filter(e => {\n  //     if (typeof (tabOrKey) === 'string') {\n  //       return e.key !== tabOrKey;\n  //     }\n  //     return e.key !== tabOrKey?.key;\n  //   });\n  // }\n\n  setCurrentTab = (tab: SdTabRouterTab): void => {\n    this.#currentTab = tab;\n    this.currentTabChanges.next(tab);\n  };\n\n  pushEvent = (tab: SdTabRouterTab, Event: Type<SdTabEvent>) => {\n    this.events.next(new Event(tab));\n  };\n\n  setOptions = () => {};\n\n  close = (tab?: SdTabRouterTab) => {\n    tab = tab || this.#currentTab;\n    if (tab) {\n      this.actions.next({\n        type: 'close',\n        tab,\n      });\n    }\n  };\n\n  // Gọi hàm này để thực hiện update tab\n  updateTab = (tab: SdTabRouterTab) => {};\n}\n","import { Injectable, inject } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\nimport { SdTabRouterService } from './tab-router.service';\n@Injectable({\n  providedIn: 'root',\n})\nexport class SdTabDecoratorService {\n  static tabRouterService = new BehaviorSubject<SdTabRouterService | undefined>(undefined);\n\n  /** Inserted by Angular inject() migration for backwards compatibility */\n  constructor(...args: unknown[]);\n  constructor() {\n    const tabRouterService = inject(SdTabRouterService);\n\n    SdTabDecoratorService.tabRouterService.next(tabRouterService);\n  }\n}\n","import { Pipe, PipeTransform, inject } from '@angular/core';\nimport { SdTabRouterTab, SdTabInfo } from '../models/tab-router.model';\nimport { SdTabRouterService } from '../services/tab-router.service';\n@Pipe({\n  name: 'sdTabInfo',\n  standalone: true,\n})\nexport class SdTabInfoPipe implements PipeTransform {\n  private tabRouterService = inject(SdTabRouterService);\n\n  /** Inserted by Angular inject() migration for backwards compatibility */\n  constructor(...args: unknown[]);\n\n  constructor() {}\n  transform(tabInfo: SdTabInfo | undefined | null, tab: SdTabRouterTab): SdTabInfo {\n    if (tabInfo) {\n      return tabInfo;\n    }\n    const builders = this.tabRouterService.builders.getValue();\n    const builder = builders.find(e => e.component === tab.component);\n    if (builder) {\n      const { url, params, queryParams, data } = tab;\n      return {\n        name: typeof builder.name === 'function' ? builder.name({ url, params, queryParams, data }) : builder.name,\n        icon: typeof builder.icon === 'function' ? builder.icon({ url, params, queryParams }) : builder.icon,\n        tooltip: typeof builder.tooltip === 'function' ? builder.tooltip({ url, params, queryParams }) : builder.tooltip,\n        color: typeof builder.color === 'function' ? builder.color({ url, params, queryParams }) : builder.color,\n      };\n    }\n    return {\n      name: tab.url,\n      icon: undefined,\n    };\n  }\n}\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnDestroy, OnInit, inject } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { debounceTime, startWith } from 'rxjs/operators';\n\nimport { SdBadge } from '@sdcorejs/angular/components/badge';\nimport { SdTabRouterTab, SdTabInfo } from '../../models';\nimport { SdTabRouterService } from '../../services/tab-router.service';\nimport { Router } from '@angular/router';\nimport { CommonModule } from '@angular/common';\nimport { SdTabInfoPipe } from '../../pipes/tab-info.pipe';\nimport { SdIcon } from '@sdcorejs/angular/modules/icon';\nimport { SdTranslatePipe } from '@sdcorejs/angular/i18n';\n\n@Component({\n  selector: 'sd-tab-router-item',\n  templateUrl: './tab-router-item.component.html',\n  styleUrl: './tab-router-item.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [SdIcon, CommonModule, SdBadge, SdTabInfoPipe, SdTranslatePipe],\n})\nexport class SdTabRouterItemComponent implements OnInit, OnDestroy {\n  private cdRef = inject(ChangeDetectorRef);\n  private tabRouterService = inject(SdTabRouterService);\n  private router = inject(Router);\n\n  @Input({ required: true }) tab!: SdTabRouterTab;\n\n  #subsctiption: Subscription = new Subscription();\n  tabInfo?: SdTabInfo;\n\n  /** Inserted by Angular inject() migration for backwards compatibility */\n  constructor(...args: unknown[]);\n  constructor() {}\n\n  ngOnInit(): void {\n    this.#subsctiption.add(\n      this.tabRouterService.events.pipe(debounceTime(100)).subscribe(() => {\n        this.cdRef.markForCheck();\n      })\n    );\n\n    this.#subsctiption.add(\n      this.tab.tabInfoChanges.pipe(startWith(null)).subscribe(tabInfo => {\n        if (tabInfo) {\n          this.tabInfo = tabInfo;\n          this.cdRef.markForCheck();\n        }\n      })\n    );\n  }\n\n  ngOnDestroy(): void {\n    this.#subsctiption.unsubscribe();\n  }\n\n  onTabClick = (event: Event) => {\n    event.preventDefault();\n    this.router.navigate([this.tab.url], {\n      queryParams: this.tab.queryParams,\n      state: { switchTab: true },\n    });\n  };\n\n  close = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    this.#closeTab();\n  };\n\n  onMousedown = (event: MouseEvent) => {\n    if (event.button === 1) {\n      event.preventDefault();\n    }\n  };\n\n  onMouseup = (event: MouseEvent) => {\n    if (event.button === 1) {\n      event.preventDefault();\n      event.stopPropagation();\n      this.#closeTab();\n    }\n  };\n\n  #closeTab = () => {\n    this.tabRouterService.close(this.tab);\n  };\n}\n","<!-- why: [href] là thuộc tính DOM kiểu CHUỖI. Bản cũ bind `[tab.url]` — một MẢNG — và chỉ \"chạy\n     được\" nhờ mảng 1 phần tử tự stringify lúc Angular sanitize URL. Bind thẳng chuỗi: đúng kiểu,\n     bỏ một slot pure-function thừa, và giá trị bind khớp đúng thứ render ra DOM.\n     why: `[title]=\"info.icon\"` ngay trên `[title]=\"info.name\"` đã bị xoá — binding chết do\n     copy-paste, luôn bị ghi đè ngay và bắt sd-badge nhận hai giá trị title mỗi lần CD. -->\n<a\n  [href]=\"tab.url\"\n  class=\"tab-router__item d-flex align-items-center gap-8\"\n  [class.tab-router__item--active]=\"tab.isActive\"\n  (click)=\"onTabClick($event)\"\n  (mousedown)=\"onMousedown($event)\"\n  (mouseup)=\"onMouseup($event)\">\n  @let info = tabInfo | sdTabInfo: tab;\n  @if (info) {\n    <!-- why: bỏ `(click)=\"onTabClick($event)\"` khỏi <sd-badge>. Nó chỉ tồn tại vì badge luôn\n         stopPropagation, nên click trên badge không bao giờ tới <a> cha. Badge nay chỉ nuốt event\n         khi thật sự có consumer → click bọt lên <a> như bình thường, và badge không còn phải trở\n         thành role=\"button\" lồng bên trong một <a> (interactive lồng interactive). -->\n    <sd-badge\n      style=\"overflow: hidden;white-space: nowrap;\"\n      [icon]=\"info.icon\"\n      [tooltip]=\"info.tooltip || info.name\"\n      [title]=\"info.name\"\n      [color]=\"info.color\"></sd-badge>\n    <!-- why: bỏ aria-hidden=\"true\" khỏi nút đóng — nó là <button> thật, vẫn nhận tab focus nhưng\n         screen reader không đọc được gì (nút chỉ có icon). Gắn type + aria-label i18n. -->\n    <button\n      type=\"button\"\n      class=\"tab-router__close d-flex align-items-center justify-content-center ml-auto p-0\"\n      [attr.aria-label]=\"'core.common.close' | sdTranslate\"\n      (click)=\"close($event)\"\n      (mousedown)=\"$event.stopPropagation()\">\n      <!-- Icon thuần trang trí — nút đã có aria-label nên giữ aria-hidden ở đây là đúng. -->\n      <sd-icon aria-hidden=\"true\" fontIcon=\"close\"></sd-icon>\n    </button>\n  }\n</a>\n","import { CdkDragDrop, DragDropModule, moveItemInArray } from '@angular/cdk/drag-drop';\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostListener, inject, input, viewChild } from '@angular/core';\n\nimport { SdTabRouterTab } from '../../models/tab-router.model';\nimport { SdTabRouterItemComponent } from '../tab-router-item/tab-router-item.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'sd-tab-router-nav',\n  templateUrl: './tab-router-nav.component.html',\n  styleUrl: './tab-router-nav.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [CommonModule, DragDropModule, SdTabRouterItemComponent],\n})\nexport class SdTabRouterNavComponent {\n  tabRouterNav = viewChild<ElementRef>('tabRouterNav');\n\n  tabs = input<SdTabRouterTab[]>([]);\n  mode: 'default' | 'compact' = 'default';\n  cdRef = inject(ChangeDetectorRef);\n  elementRef = inject<ElementRef<any>>(ElementRef);\n\n  @HostListener('window:resize')\n  onResize(): void {\n    this.checkUI();\n  }\n\n  checkUI = () => {\n    const width = this.tabRouterNav()?.nativeElement.clientWidth ?? 0;\n    const tabs = this.tabs();\n    if (tabs.length === 0) {\n      this.mode = 'default';\n      this.cdRef.markForCheck();\n      return;\n    }\n\n    const nameWidth = (width - tabs.length * 68) / tabs.length;\n    if (nameWidth <= 20) {\n      this.mode = 'compact';\n    } else {\n      this.mode = 'default';\n    }\n    this.cdRef.markForCheck();\n  };\n\n  onDrop = (event: CdkDragDrop<SdTabRouterTab[]>) => {\n    moveItemInArray(this.tabs(), event.previousIndex, event.currentIndex);\n  };\n}\n","<div\n  #tabRouterNav\n  cdkDropList\n  cdkDropListLockAxis=\"x\"\n  cdkDropListOrientation=\"horizontal\"\n  (cdkDropListDropped)=\"onDrop($event)\"\n  class=\"tab-router__nav tab-router__nav--{{ mode }} d-flex align-items-center flex-nowrap\"\n  [class.d-none]=\"tabs().length > 1\">\n  @for (tab of tabs(); track tab.injector ?? tab.key) {\n    <sd-tab-router-item [tab]=\"tab\" cdkDrag [cdkDragBoundary]=\"elementRef.nativeElement\"></sd-tab-router-item>\n  }\n</div>\n","import {\n  afterNextRender,\n  booleanAttribute,\n  Component,\n  Injector,\n  OnDestroy,\n  Type,\n  inject,\n  input,\n  signal,\n  viewChild,\n  createNgModule,\n  NgModuleFactory,\n} from '@angular/core';\nimport {\n  ActivatedRoute,\n  ActivatedRouteSnapshot,\n  NavigationCancel,\n  NavigationEnd,\n  NavigationError,\n  NavigationSkipped,\n  NavigationSkippedCode,\n  Router,\n  RouterOutlet,\n  RoutesRecognized,\n} from '@angular/router';\nimport { CommonModule } from '@angular/common';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { from, Subject, Subscription, isObservable, lastValueFrom } from 'rxjs';\nimport { concatMap, filter, map } from 'rxjs/operators';\n\nimport { SdNotifyService } from '@sdcorejs/angular/services/notify';\nimport { I18nService } from '@sdcorejs/angular/i18n';\nimport { Utilities } from '@sdcorejs/utils/fns';\nimport { SdTabActivated, SdTabDeactivated } from '../../events/tab-router.event';\nimport { ɵsdConnectTabComponentBuilders } from '../../decorators/tab.decorator';\nimport { SdTabAction } from '../../actions/tab-router.action';\nimport { SdTabRouterTab, SD_TAB } from '../../models';\nimport { SdTabDecoratorService } from '../../services/tab-decorator.service';\nimport { SdTabRouterService } from '../../services/tab-router.service';\nimport { SdTabRouterNavComponent } from '../tab-router-nav/tab-router-nav.component';\n\ntype TabRouterNavigationEvent = RoutesRecognized | NavigationEnd | NavigationSkipped | NavigationCancel | NavigationError;\n\ninterface TabRouterNavigationContext {\n  event: TabRouterNavigationEvent;\n  navigationState: Record<string, any>;\n}\n\n@Component({\n  selector: 'sd-tab-router-outlet',\n  templateUrl: './tab-router-outlet.component.html',\n  styleUrl: './tab-router-outlet.component.scss',\n  standalone: true,\n  imports: [CommonModule, MatTooltipModule, RouterOutlet, SdTabRouterNavComponent],\n})\nexport class SdTabRouterOutletComponent implements OnDestroy {\n  disabled = input(false, { transform: booleanAttribute });\n\n  tabRouterNav = viewChild<SdTabRouterNavComponent>('tabRouterNav');\n\n  tabs = signal<SdTabRouterTab[]>([]);\n\n  #router = inject(Router);\n  #injector = inject(Injector);\n  #tabRouterService = inject(SdTabRouterService);\n  #sdNotifyService = inject(SdNotifyService);\n  readonly #i18n = inject(I18nService);\n  // why: @SdTabComponent KHÔNG còn đọc BehaviorSubject tĩnh này nữa (đã chuyển sang collection\n  // tĩnh + drain ở constructor bên dưới). Vẫn inject để `SdTabDecoratorService.tabRouterService`\n  // tiếp tục phát instance service ra cho consumer cũ. Không dùng trực tiếp ở đây.\n  #tabDecoratorService = inject(SdTabDecoratorService);\n\n  #rootRoute?: ActivatedRoute;\n  #subscription = new Subscription();\n  #disconnectTabBuilders: (() => void) | undefined;\n\n  // Lưu state theo navigation id để các navigation chồng lấn không ghi đè lẫn nhau.\n  #pendingNavigationStates = new Map<number, Record<string, any>>();\n  // Serialize mọi #activeRoute (router events + initial sync) để tránh race tạo duplicate tab.\n  #activationQueue: Promise<void> = Promise.resolve();\n\n  constructor() {\n    this.#subscription.add(\n      this.#router.events\n        .pipe(\n          // KHÔNG unwrap event.routerEvent (vd Scroll wrap NavigationEnd):\n          // Angular emit NavigationEnd RAW trước, RouterScroller emit Scroll(NavigationEnd) sau.\n          // Nếu unwrap thêm Scroll → handler fire 2 lần cho 1 nav → race condition tạo duplicate tabs.\n          // Navigation thành công cần CẢ HAI event vì mỗi event chứa data ở thời điểm khác nhau.\n          // - RoutesRecognized: navigation đang in-flight → getCurrentNavigation().extras.state đọc được\n          // - NavigationEnd: navigation hoàn tất → routerState.root đã update với route mới (cần cho lazy routes)\n          // Các terminal event khác chỉ xử lý same-URL forceReload hoặc dọn state theo navigation id.\n          filter(\n            (event): event is TabRouterNavigationEvent =>\n              event instanceof RoutesRecognized ||\n              event instanceof NavigationEnd ||\n              event instanceof NavigationSkipped ||\n              event instanceof NavigationCancel ||\n              event instanceof NavigationError\n          ),\n          // Chụp getCurrentNavigation đồng bộ vì concatMap có thể chạy sau khi Angular đã xoá navigation hiện tại.\n          map(\n            (event): TabRouterNavigationContext => ({\n              event,\n              navigationState: this.#router.getCurrentNavigation()?.extras?.state ?? {},\n            })\n          ),\n          // Serialize: #handleEvent async (await getBestInjector). 2 nav liên tiếp\n          // không await xen kẽ → tránh race đọc this.tabs() = [] khi tab đầu chưa kịp set.\n          concatMap(context => from(this.#handleEvent(context)))\n        )\n        .subscribe()\n    );\n\n    this.#subscription.add(\n      this.#tabRouterService.actions.subscribe((event: SdTabAction | undefined) => {\n        if (this.disabled()) return;\n\n        if (event?.type === 'close') {\n          this.#closeTab(event.tab);\n        }\n      })\n    );\n\n    // why: @SdTabComponent chỉ ghi builder vào một collection tĩnh (không subscribe gì cả,\n    // xem tab.decorator.ts). Outlet là nơi duy nhất chắc chắn có SdTabRouterService nên nó\n    // drain collection đó vào service khi khởi tạo, và ngắt kết nối khi destroy.\n    this.#disconnectTabBuilders = ɵsdConnectTabComponentBuilders(builder => this.#tabRouterService.addBuilder(builder));\n\n    // Initial navigation có thể hoàn tất trước khi outlet subscribe router.events\n    // (blocking init hoặc outlet mount muộn). Catch-up sau first render.\n    afterNextRender(() => {\n      void this.#syncCurrentRoute();\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.#subscription.unsubscribe();\n    this.#pendingNavigationStates.clear();\n    this.#disconnectTabBuilders?.();\n    this.#disconnectTabBuilders = undefined;\n  }\n\n  #scheduleActivation = (task: () => Promise<void>): Promise<void> => {\n    const run = this.#activationQueue.then(task);\n    this.#activationQueue = run.catch(() => undefined);\n    return run;\n  };\n\n  #handleEvent = async ({ event, navigationState }: TabRouterNavigationContext): Promise<void> => {\n    if (this.disabled()) {\n      this.#pendingNavigationStates.clear();\n      return;\n    }\n    if (event instanceof RoutesRecognized) {\n      this.#pendingNavigationStates.set(event.id, navigationState);\n      return;\n    }\n\n    if (event instanceof NavigationCancel || event instanceof NavigationError) {\n      this.#pendingNavigationStates.delete(event.id);\n      return;\n    }\n\n    let state: Record<string, any>;\n    let fullUrl: string;\n    if (event instanceof NavigationSkipped) {\n      this.#pendingNavigationStates.delete(event.id);\n      if (event.code !== NavigationSkippedCode.IgnoredSameUrlNavigation || navigationState['forceReload'] !== true) {\n        return;\n      }\n      state = navigationState;\n      fullUrl = event.url;\n    } else {\n      state = this.#pendingNavigationStates.get(event.id) ?? navigationState;\n      this.#pendingNavigationStates.delete(event.id);\n      fullUrl = event.urlAfterRedirects || event.url;\n    }\n\n    await this.#scheduleActivation(async () => {\n      const route = this.#getActivatedRouteSnapshot(this.#router.routerState.snapshot.root);\n      this.#rootRoute = this.#router.routerState.root;\n      await this.#activeRoute(fullUrl, route, state);\n    });\n  };\n\n  // Bù initial navigation nếu NavigationEnd đã fire trước khi outlet subscribe.\n  #syncCurrentRoute = (): Promise<void> => {\n    if (this.disabled() || !this.#router.navigated) {\n      return Promise.resolve();\n    }\n\n    const route = this.#getActivatedRouteSnapshot(this.#router.routerState.snapshot.root);\n    if (!route?.component) {\n      return Promise.resolve();\n    }\n\n    const [urlPath] = this.#router.url.split('?');\n    const key = Utilities.hash({\n      url: urlPath,\n      queryParams: { ...(route.queryParams || {}) },\n    });\n\n    if (this.tabs().some(tab => tab.key === key)) {\n      return Promise.resolve();\n    }\n\n    return this.#scheduleActivation(async () => {\n      if (this.tabs().some(tab => tab.key === key)) {\n        return;\n      }\n      this.#rootRoute = this.#router.routerState.root;\n      await this.#activeRoute(this.#router.url, route, {});\n    });\n  };\n\n  tabTrackBy = (index: number, tab: SdTabRouterTab) => tab.key;\n\n  #closeTab = async (tab: SdTabRouterTab): Promise<void> => {\n    if (this.disabled()) return;\n\n    if (tab.beforeClose) {\n      let canClose: boolean;\n      try {\n        const result = tab.beforeClose();\n        canClose = typeof result === 'boolean' ? result : await result;\n      } catch {\n        canClose = false;\n      }\n      if (!canClose) return;\n    }\n\n    const currentTabs = this.tabs();\n    const { isActive, key: activeKey } = tab;\n\n    if (isActive) {\n      const activeIndex = currentTabs.findIndex(({ key }) => key === activeKey);\n      const nextTab = currentTabs[activeIndex + 1] || currentTabs[activeIndex - 1];\n\n      this.tabs.set(currentTabs.filter(({ key }) => key !== activeKey));\n\n      if (nextTab) {\n        this.#router.navigate([nextTab.url], {\n          queryParams: { ...(nextTab.queryParams || {}) },\n          state: { switchTab: true },\n        });\n      } else {\n        this.#router.navigateByUrl('/', { state: { switchTab: true } });\n      }\n    } else {\n      this.tabs.set(currentTabs.filter(({ key }) => key !== tab.key));\n      this.tabRouterNav()?.checkUI();\n    }\n  };\n\n  #activeRoute = async (fullUrl: string, route: ActivatedRouteSnapshot | null, state: Record<string, any> = {}) => {\n    if (this.disabled()) return;\n    if (!route?.component) return;\n\n    const component = route.component as Type<any>;\n    const queryParams = { ...(route.queryParams || {}) };\n    const params = { ...(route.params || {}) };\n    const data = { ...(route.data || {}) };\n    const [url] = fullUrl.split('?');\n    // Tab identity = hash(url + queryParams). Cùng key mặc định giữ tab cũ; forceReload mới tạo lại.\n    const key = Utilities.hash({ url, queryParams });\n\n    let existedIndex = -1;\n    let activatedIndex = -1;\n\n    const currentTabs = this.tabs();\n\n    // QUAN TRỌNG: scan READ-ONLY, KHÔNG mutate tab.isActive trong loop này.\n    //\n    // Lý do: NavigationEnd có thể fire nhiều lần cho 1 user-action (do nested outlets,\n    // redirect, hoặc Angular internal). Vì #activeRoute là async (await getBestInjector),\n    // 2 invocations có thể chạy concurrent và interleave với nhau.\n    //\n    // Nếu mutate tab.isActive = false ở đây, call thứ 2 sẽ thấy isActive đã bị call 1\n    // set false rồi → không tìm thấy active tab → activatedIndex stay -1 → splice bỏ qua\n    // → tab cũ không bị remove → xuất hiện duplicate tabs.\n    //\n    // Cách fix: chỉ ĐỌC isActive, sau đó dùng .map() ở dưới để tạo tab objects mới qua spread.\n    for (let i = 0; i < currentTabs.length; i++) {\n      const tab = currentTabs[i];\n      if (tab.key === key) {\n        existedIndex = i;\n      } else if (tab.isActive) {\n        activatedIndex = i;\n        this.#tabRouterService.pushEvent(tab, SdTabDeactivated);\n      }\n    }\n\n    const replaceTab = state['replaceTab'];\n    const forceReload = state['forceReload'] === true;\n\n    // Resolve injector phù hợp với route. Cần xử lý 3 trường hợp:\n    // - Standalone route (Angular đã set _injector trên routeConfig sau khi activate)\n    // - NgModule lazy load (cần createNgModule từ class)\n    // - Fallback: root injector\n    const getBestInjector = async (snapshot: ActivatedRouteSnapshot): Promise<Injector> => {\n      // Standalone route: Angular tự lưu environment injector trên routeConfig._injector\n      const routeInjector = (snapshot as any)._resolvedGui || (snapshot as any).routeConfig?._injector;\n      if (routeInjector) return routeInjector;\n\n      // NgModule lazy: phải gọi lại loadChildren() để lấy module class rồi createNgModule\n      const loadChildren = snapshot.parent?.routeConfig?.loadChildren;\n      if (typeof loadChildren === 'function') {\n        let loaded: any = await loadChildren();\n\n        if (isObservable(loaded)) {\n          loaded = await lastValueFrom(loaded);\n        }\n\n        // ES module có thể export default\n        if (loaded && typeof loaded === 'object' && 'default' in loaded) {\n          loaded = loaded.default;\n        }\n\n        // Angular cũ: NgModuleFactory\n        if (loaded instanceof NgModuleFactory) {\n          return loaded.create(this.#injector).injector;\n        }\n\n        // Angular mới: NgModule class. Bọc try/catch vì createNgModule throw nếu không phải NgModule.\n        if (typeof loaded === 'function' && !Array.isArray(loaded)) {\n          try {\n            return createNgModule(loaded, this.#injector).injector;\n          } catch {\n            return this.#injector;\n          }\n        }\n      }\n      return this.#injector;\n    };\n\n    const finalInjector = await getBestInjector(route);\n    // Refresh root sau await: lazy route tree có thể hoàn tất trong lúc resolve injector.\n    this.#rootRoute = this.#router.routerState.root;\n    const activatedRoute = this.#findActivatedRouteForSnapshot(this.#rootRoute, route);\n\n    const sdInjector = new SdOutletInjector(activatedRoute, finalInjector);\n    const newTab: SdTabRouterTab = {\n      key,\n      component,\n      injector: sdInjector,\n      isActive: true,\n      url,\n      params,\n      queryParams,\n      data,\n      tabInfoChanges: new Subject(),\n    };\n    sdInjector.setTab(newTab);\n\n    // Tạo updatedTabs qua spread thay vì mutate (xem lý do ở for loop phía trên).\n    // Với tab có isActive không đổi: giữ nguyên reference (tránh trigger ngComponentOutlet\n    // re-evaluate không cần thiết). Với tab cần đổi isActive: tạo object mới qua spread,\n    // các nested fields (component, injector) vẫn giữ same reference nên component không bị recreate.\n    let updatedTabs = currentTabs.map(tab => {\n      if (tab.key === key) return tab.isActive ? tab : { ...tab, isActive: true };\n      return tab.isActive ? { ...tab, isActive: false } : tab;\n    });\n\n    // replaceTab: thay vì mở tab mới song song, xoá tab đang active rồi mở tab mới ở cuối.\n    // Use case: từ tab \"chi tiết\" bấm \"chỉnh sửa\" với replaceTab → tab chi tiết bị xoá,\n    // tab chỉnh sửa thay thế (giữ số tab không tăng).\n    if (replaceTab && activatedIndex >= 0) {\n      updatedTabs = updatedTabs.filter((_, i) => i !== activatedIndex);\n    }\n\n    if (existedIndex >= 0) {\n      // Mặc định tab đã tồn tại chỉ được activate, không thay tab object. forceReload là nhánh\n      // explicit duy nhất thay SdTabRouterTab + injector để body và nav item được tạo lại.\n      //\n      // splice phía trên có thể đã shift index nếu activatedIndex < existedIndex.\n      const idx = replaceTab && activatedIndex >= 0 && activatedIndex < existedIndex ? existedIndex - 1 : existedIndex;\n      if (forceReload) {\n        updatedTabs = updatedTabs.map((tab, index) => (index === idx ? newTab : tab));\n        this.#tabRouterService.setCurrentTab(newTab);\n        this.#tabRouterService.pushEvent(newTab, SdTabActivated);\n        this.tabs.set(updatedTabs);\n      } else {\n        this.#tabRouterService.setCurrentTab(updatedTabs[idx]);\n        this.#tabRouterService.pushEvent(updatedTabs[idx], SdTabActivated);\n        this.tabs.set(updatedTabs);\n      }\n    } else {\n      // Tab chưa tồn tại → thêm mới ở cuối.\n      this.#tabRouterService.setCurrentTab(newTab);\n      this.tabs.set([...updatedTabs, newTab]);\n\n      if (this.tabs().length > 30) {\n        this.#sdNotifyService.warning(this.#i18n.t('core.component.tab-router.too-many-tabs'));\n      }\n    }\n\n    this.tabRouterNav()?.checkUI();\n  };\n\n  // Lần xuống deepest firstChild để lấy snapshot của route lá (route thực sự render component).\n  #getActivatedRouteSnapshot = (snapshot: ActivatedRouteSnapshot): ActivatedRouteSnapshot | null => {\n    let node = snapshot;\n    while (node.firstChild) node = node.firstChild;\n    return node;\n  };\n\n  // DFS match leaf snapshot → ActivatedRoute instance (ổn định hơn so với so sánh component class).\n  #findActivatedRouteForSnapshot = (activatedRoute: ActivatedRoute, targetSnapshot: ActivatedRouteSnapshot): ActivatedRoute | null => {\n    if (activatedRoute.snapshot === targetSnapshot) {\n      return activatedRoute;\n    }\n    for (const child of activatedRoute.children) {\n      const result = this.#findActivatedRouteForSnapshot(child, targetSnapshot);\n      if (result) {\n        return result;\n      }\n    }\n    return null;\n  };\n}\n\n// Custom Injector cho từng tab: override ActivatedRoute thành route của TAB ĐÓ\n// (không phải route hiện tại của router). Nếu không override, mọi tab sẽ inject ActivatedRoute\n// của route đang active → component cũ trong tab inactive nhận data sai khi user navigate.\nclass SdOutletInjector implements Injector {\n  #tab?: SdTabRouterTab;\n\n  constructor(\n    private route: ActivatedRoute | null,\n    private parentInjector: Injector\n  ) {}\n\n  setTab(tab: SdTabRouterTab): void {\n    this.#tab = tab;\n  }\n\n  get(token: any, notFoundValue?: any): any {\n    if (token === ActivatedRoute) {\n      return this.route || notFoundValue;\n    }\n    if (token === SD_TAB) {\n      return this.#tab ?? notFoundValue;\n    }\n    return this.parentInjector.get(token, notFoundValue);\n  }\n}\n","@if (disabled()) {\n  <div class=\"tab-router__disabled-outlet\">\n    <router-outlet></router-outlet>\n  </div>\n} @else {\n  <sd-tab-router-nav [tabs]=\"tabs()\" #tabRouterNav></sd-tab-router-nav>\n  <div class=\"tab-router__list\">\n    @for (tab of tabs(); track tab.injector ?? tab.key) {\n      <div class=\"tab-router__pane\" [class.active]=\"tab.isActive\" [id]=\"tab.key\">\n        <div class=\"tab-router__content\">\n          <ng-container *ngComponentOutlet=\"tab.component; injector: tab.injector\"></ng-container>\n        </div>\n      </div>\n    } @empty {\n      <div class=\"tab-router__empty\"></div>\n    }\n  </div>\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-components-tab.mjs

@@ -4,6 +4,7 @@ import { NgTemplateOutlet } from '@angular/common';
 import * as i1 from '@angular/material/tabs';
 import { MatTabGroup, MatTabsModule } from '@angular/material/tabs';
 import { SdIcon } from '@sdcorejs/angular/modules/icon';
+import { SdTranslatePipe } from '@sdcorejs/angular/i18n';
 
 class SdTab {
     label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
@@ -150,11 +151,11 @@ class SdTabGroup {
         void request.finally(() => this.#closeRequests.delete(tab));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: SdTabGroup, isStandalone: true, selector: "sd-tab-group", inputs: { selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, headerPosition: { classPropertyName: "headerPosition", publicName: "headerPosition", isSignal: true, isRequired: false, transformFunction: null }, alignTabs: { classPropertyName: "alignTabs", publicName: "alignTabs", isSignal: true, isRequired: false, transformFunction: null }, stretchTabs: { classPropertyName: "stretchTabs", publicName: "stretchTabs", isSignal: true, isRequired: false, transformFunction: null }, animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, dynamicHeight: { classPropertyName: "dynamicHeight", publicName: "dynamicHeight", isSignal: true, isRequired: false, transformFunction: null }, autoId: { classPropertyName: "autoId", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange", tabClosed: "tabClosed" }, host: { properties: { "attr.data-autoId": "this.autoIdAttr", "class.sd-tab-group--pills": "this.isPills", "class.sd-tab-group--segmented": "this.isSegmented", "style.--sd-tab-indicator-color": "this.cssIndicator", "style.--sd-tab-label-active-color": "this.cssActive", "style.--sd-tab-badge-bg": "this.cssBadgeBg", "style.--sd-tab-badge-color": "this.cssBadgeColor" } }, queries: [{ propertyName: "tabs", predicate: SdTab, isSignal: true }], viewQueries: [{ propertyName: "matTabGroup", first: true, predicate: MatTabGroup, descendants: true, isSignal: true }], ngImport: i0, template: "<mat-tab-group\n  class=\"sd-tab-group\"\n  [(selectedIndex)]=\"selectedIndex\"\n  [headerPosition]=\"headerPosition()\"\n  [mat-align-tabs]=\"alignTabs()\"\n  [mat-stretch-tabs]=\"stretchTabs()\"\n  [animationDuration]=\"animationDuration()\"\n  [disableRipple]=\"disableRipple()\"\n  [dynamicHeight]=\"dynamicHeight()\">\n  @for (tab of tabs(); track tab; let i = $index) {\n    <mat-tab [disabled]=\"tab.disabled()\">\n      <ng-template mat-tab-label>\n        <span class=\"sd-tab__label\">\n          @if (tab.icon(); as ic) {\n            <sd-icon class=\"sd-tab__icon\" [name]=\"ic\"></sd-icon>\n          }\n          <span class=\"sd-tab__text\">{{ tab.label() }}</span>\n          @let _badge = tab.badge();\n          @if (_badge !== null && _badge !== undefined) {\n            <span class=\"sd-tab__badge\">{{ _badge }}</span>\n          }\n          @if (tab.closable()) {\n            <sd-icon class=\"sd-tab__close\"\n              role=\"button\"\n              aria-label=\"Close tab\"\n              (click)=\"onClose(tab, i, $event)\" name=\"close\"></sd-icon>\n          }\n        </span>\n      </ng-template>\n\n      <ng-template matTabContent>\n        <ng-container [ngTemplateOutlet]=\"tab.bodyTpl()\"></ng-container>\n      </ng-template>\n    </mat-tab>\n  }\n</mat-tab-group>\n", styles: [":host{display:block;--sd-tab-label-color: var(--sd-text, #1a1b1f);--sd-tab-label-active-color: var(--sd-primary, #005cbb);--sd-tab-indicator-color: var(--sd-primary, #005cbb);--sd-tab-disabled-opacity: .5;--sd-tab-badge-bg: var(--sd-primary-light, #d7e3ff);--sd-tab-badge-color: var(--sd-primary, #005cbb);--sd-tab-badge-radius: 10px;--sd-tab-badge-padding: 0 6px;--sd-tab-badge-min-width: 18px;--sd-tab-close-color: var(--sd-text-secondary, #6b6b6b);--sd-tab-close-hover-color: var(--sd-error, #ba1a1a)}.sd-tab__label{display:inline-flex;align-items:center;gap:4px}.sd-tab__icon{font-size:18px;width:18px;height:18px;line-height:18px}.sd-tab__text{white-space:nowrap}.sd-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sd-tab-badge-min-width);height:18px;padding:var(--sd-tab-badge-padding);font-size:11px;font-weight:500;line-height:1;color:var(--sd-tab-badge-color);background:var(--sd-tab-badge-bg);border-radius:var(--sd-tab-badge-radius);margin-left:2px}.sd-tab__close{font-size:16px;width:16px;height:16px;line-height:16px;color:var(--sd-tab-close-color);cursor:pointer;opacity:.6;margin-left:4px;transition:opacity .12s ease,color .12s ease}.sd-tab__close:hover{opacity:1;color:var(--sd-tab-close-hover-color)}:host ::ng-deep .mat-mdc-tab .mdc-tab-indicator__content--underline{border-color:var(--sd-tab-indicator-color)}:host ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__ripple:before,:host ::ng-deep .mat-mdc-tab.mdc-tab--active:before{background-color:transparent!important;opacity:0!important}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab .mdc-tab-indicator{display:none}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-label-container,:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-header{border-bottom:none!important}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-header{min-height:36px}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-labels{gap:4px;padding:2px 0}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab{min-width:0;height:32px;padding:0 14px;border-radius:999px;flex-grow:0!important;flex-basis:auto!important;background:transparent;transition:background-color .12s ease,color .12s ease}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled){background:var(--sd-tab-badge-bg)}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab .mdc-tab__text-label{color:var(--sd-tab-label-color);font-weight:500}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab .mdc-tab__content{height:100%}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab.mdc-tab--active{background:var(--sd-tab-label-active-color)}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:#fff}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab.mdc-tab--active:hover:not(.mat-mdc-tab-disabled){box-shadow:inset 0 0 0 9999px #0000001f}:host(.sd-tab-group--pills) ::ng-deep .sd-tab__label .sd-tab__icon{color:inherit}:host(.sd-tab-group--pills) ::ng-deep .sd-tab__label .sd-tab__badge{background:#ffffff40;color:inherit}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab:not(.mdc-tab--active) .sd-tab__label .sd-tab__badge{background:var(--sd-tab-badge-bg);color:var(--sd-tab-badge-color)}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab .mdc-tab-indicator{display:none}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-label-container,:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-header{border-bottom:none!important}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-header{display:inline-flex;min-height:34px;background:#f0f3f7;border-radius:8px;padding:3px}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-labels{gap:0}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab{min-width:0;height:28px;padding:0 14px;border-radius:6px;flex-grow:0!important;flex-basis:auto!important;background:transparent;transition:background-color .12s ease,box-shadow .12s ease}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled):not(.mdc-tab--active){background:#0000000a}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab .mdc-tab__text-label{color:var(--sd-tab-label-color);font-weight:500;font-size:13px}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab.mdc-tab--active{background:#fff;box-shadow:0 1px 3px #00000014}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:var(--sd-tab-label-active-color);font-weight:600}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab.mdc-tab--active:hover:not(.mat-mdc-tab-disabled){background:#fff;box-shadow:0 1px 4px #0000001f}\n"], dependencies: [{ kind: "component", type: SdIcon, selector: "sd-icon", inputs: ["name", "fontIcon", "color", "set", "fontSet", "size", "strokeWidth", "absoluteStrokeWidth", "ariaLabel"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i1.MatTabContent, selector: "[matTabContent]" }, { kind: "directive", type: i1.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: SdTabGroup, isStandalone: true, selector: "sd-tab-group", inputs: { selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, headerPosition: { classPropertyName: "headerPosition", publicName: "headerPosition", isSignal: true, isRequired: false, transformFunction: null }, alignTabs: { classPropertyName: "alignTabs", publicName: "alignTabs", isSignal: true, isRequired: false, transformFunction: null }, stretchTabs: { classPropertyName: "stretchTabs", publicName: "stretchTabs", isSignal: true, isRequired: false, transformFunction: null }, animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, dynamicHeight: { classPropertyName: "dynamicHeight", publicName: "dynamicHeight", isSignal: true, isRequired: false, transformFunction: null }, autoId: { classPropertyName: "autoId", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange", tabClosed: "tabClosed" }, host: { properties: { "attr.data-autoId": "this.autoIdAttr", "class.sd-tab-group--pills": "this.isPills", "class.sd-tab-group--segmented": "this.isSegmented", "style.--sd-tab-indicator-color": "this.cssIndicator", "style.--sd-tab-label-active-color": "this.cssActive", "style.--sd-tab-badge-bg": "this.cssBadgeBg", "style.--sd-tab-badge-color": "this.cssBadgeColor" } }, queries: [{ propertyName: "tabs", predicate: SdTab, isSignal: true }], viewQueries: [{ propertyName: "matTabGroup", first: true, predicate: MatTabGroup, descendants: true, isSignal: true }], ngImport: i0, template: "<mat-tab-group\n  class=\"sd-tab-group\"\n  [(selectedIndex)]=\"selectedIndex\"\n  [headerPosition]=\"headerPosition()\"\n  [mat-align-tabs]=\"alignTabs()\"\n  [mat-stretch-tabs]=\"stretchTabs()\"\n  [animationDuration]=\"animationDuration()\"\n  [disableRipple]=\"disableRipple()\"\n  [dynamicHeight]=\"dynamicHeight()\">\n  @for (tab of tabs(); track tab; let i = $index) {\n    <mat-tab [disabled]=\"tab.disabled()\">\n      <ng-template mat-tab-label>\n        <span class=\"sd-tab__label\">\n          @if (tab.icon(); as ic) {\n            <sd-icon class=\"sd-tab__icon\" [name]=\"ic\"></sd-icon>\n          }\n          <span class=\"sd-tab__text\">{{ tab.label() }}</span>\n          @let _badge = tab.badge();\n          @if (_badge !== null && _badge !== undefined) {\n            <span class=\"sd-tab__badge\">{{ _badge }}</span>\n          }\n          <!-- why: tr\u01B0\u1EDBc \u0111\u00E2y l\u00E0 <sd-icon role=\"button\"> \u2014 khai role n\u00FAt nh\u01B0ng KH\u00D4NG c\u00F3 tabindex v\u00E0\n               KH\u00D4NG c\u00F3 handler b\u00E0n ph\u00EDm, t\u1EE9c ng\u01B0\u1EDDi d\u00F9ng b\u00E0n ph\u00EDm kh\u00F4ng \u0111\u00F3ng \u0111\u01B0\u1EE3c tab; custom\n               element c\u0169ng kh\u00F4ng t\u1EF1 focusable. \u0110\u1ED5i sang <button type=\"button\"> th\u1EADt, k\u00E8m nh\u00E3n i18n\n               (aria-label=\"Close tab\" l\u00E0 chu\u1ED7i ti\u1EBFng Anh c\u1EE9ng trong th\u01B0 vi\u1EC7n \u0111\u00E3 c\u00F3 i18n). -->\n          @if (tab.closable()) {\n            <button\n              type=\"button\"\n              class=\"sd-tab__close\"\n              [attr.aria-label]=\"'core.common.close' | sdTranslate\"\n              (click)=\"onClose(tab, i, $event)\">\n              <sd-icon name=\"close\"></sd-icon>\n            </button>\n          }\n        </span>\n      </ng-template>\n\n      <ng-template matTabContent>\n        <ng-container [ngTemplateOutlet]=\"tab.bodyTpl()\"></ng-container>\n      </ng-template>\n    </mat-tab>\n  }\n</mat-tab-group>\n", styles: [":host{display:block;--sd-tab-label-color: var(--sd-text, #1a1b1f);--sd-tab-label-active-color: var(--sd-primary, #005cbb);--sd-tab-indicator-color: var(--sd-primary, #005cbb);--sd-tab-disabled-opacity: .5;--sd-tab-badge-bg: var(--sd-primary-light, #d7e3ff);--sd-tab-badge-color: var(--sd-primary, #005cbb);--sd-tab-badge-radius: 10px;--sd-tab-badge-padding: 0 6px;--sd-tab-badge-min-width: 18px;--sd-tab-close-color: var(--sd-text-secondary, #6b6b6b);--sd-tab-close-hover-color: var(--sd-error, #ba1a1a)}.sd-tab__label{display:inline-flex;align-items:center;gap:4px}.sd-tab__icon{font-size:18px;width:18px;height:18px;line-height:18px}.sd-tab__text{white-space:nowrap}.sd-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sd-tab-badge-min-width);height:18px;padding:var(--sd-tab-badge-padding);font-size:11px;font-weight:500;line-height:1;color:var(--sd-tab-badge-color);background:var(--sd-tab-badge-bg);border-radius:var(--sd-tab-badge-radius);margin-left:2px}.sd-tab__close{font-size:16px;width:16px;height:16px;line-height:16px;color:var(--sd-tab-close-color);cursor:pointer;opacity:.6;margin-left:4px;padding:0;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;transition:opacity .12s ease,color .12s ease}.sd-tab__close sd-icon{font-size:16px;width:16px;height:16px;line-height:16px}.sd-tab__close:hover{opacity:1;color:var(--sd-tab-close-hover-color)}.sd-tab__close:focus-visible{opacity:1;outline:2px solid var(--sd-primary, #005cbb);outline-offset:2px}:host ::ng-deep .mat-mdc-tab .mdc-tab-indicator__content--underline{border-color:var(--sd-tab-indicator-color)}:host ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__ripple:before,:host ::ng-deep .mat-mdc-tab.mdc-tab--active:before{background-color:transparent!important;opacity:0!important}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab .mdc-tab-indicator{display:none}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-label-container,:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-header{border-bottom:none!important}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-header{min-height:36px}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-labels{gap:4px;padding:2px 0}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab{min-width:0;height:32px;padding:0 14px;border-radius:999px;flex-grow:0!important;flex-basis:auto!important;background:transparent;transition:background-color .12s ease,color .12s ease}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled){background:var(--sd-tab-badge-bg)}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab .mdc-tab__text-label{color:var(--sd-tab-label-color);font-weight:500}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab .mdc-tab__content{height:100%}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab.mdc-tab--active{background:var(--sd-tab-label-active-color)}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:#fff}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab.mdc-tab--active:hover:not(.mat-mdc-tab-disabled){box-shadow:inset 0 0 0 9999px #0000001f}:host(.sd-tab-group--pills) ::ng-deep .sd-tab__label .sd-tab__icon{color:inherit}:host(.sd-tab-group--pills) ::ng-deep .sd-tab__label .sd-tab__badge{background:#ffffff40;color:inherit}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab:not(.mdc-tab--active) .sd-tab__label .sd-tab__badge{background:var(--sd-tab-badge-bg);color:var(--sd-tab-badge-color)}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab .mdc-tab-indicator{display:none}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-label-container,:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-header{border-bottom:none!important}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-header{display:inline-flex;min-height:34px;background:#f0f3f7;border-radius:8px;padding:3px}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-labels{gap:0}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab{min-width:0;height:28px;padding:0 14px;border-radius:6px;flex-grow:0!important;flex-basis:auto!important;background:transparent;transition:background-color .12s ease,box-shadow .12s ease}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled):not(.mdc-tab--active){background:#0000000a}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab .mdc-tab__text-label{color:var(--sd-tab-label-color);font-weight:500;font-size:13px}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab.mdc-tab--active{background:#fff;box-shadow:0 1px 3px #00000014}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:var(--sd-tab-label-active-color);font-weight:600}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab.mdc-tab--active:hover:not(.mat-mdc-tab-disabled){background:#fff;box-shadow:0 1px 4px #0000001f}\n"], dependencies: [{ kind: "component", type: SdIcon, selector: "sd-icon", inputs: ["name", "fontIcon", "color", "set", "fontSet", "size", "strokeWidth", "absoluteStrokeWidth", "ariaLabel"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i1.MatTabContent, selector: "[matTabContent]" }, { kind: "directive", type: i1.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: SdTranslatePipe, name: "sdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SdTabGroup, decorators: [{
             type: Component,
-            args: [{ selector: 'sd-tab-group', standalone: true, imports: [SdIcon, MatTabsModule, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-tab-group\n  class=\"sd-tab-group\"\n  [(selectedIndex)]=\"selectedIndex\"\n  [headerPosition]=\"headerPosition()\"\n  [mat-align-tabs]=\"alignTabs()\"\n  [mat-stretch-tabs]=\"stretchTabs()\"\n  [animationDuration]=\"animationDuration()\"\n  [disableRipple]=\"disableRipple()\"\n  [dynamicHeight]=\"dynamicHeight()\">\n  @for (tab of tabs(); track tab; let i = $index) {\n    <mat-tab [disabled]=\"tab.disabled()\">\n      <ng-template mat-tab-label>\n        <span class=\"sd-tab__label\">\n          @if (tab.icon(); as ic) {\n            <sd-icon class=\"sd-tab__icon\" [name]=\"ic\"></sd-icon>\n          }\n          <span class=\"sd-tab__text\">{{ tab.label() }}</span>\n          @let _badge = tab.badge();\n          @if (_badge !== null && _badge !== undefined) {\n            <span class=\"sd-tab__badge\">{{ _badge }}</span>\n          }\n          @if (tab.closable()) {\n            <sd-icon class=\"sd-tab__close\"\n              role=\"button\"\n              aria-label=\"Close tab\"\n              (click)=\"onClose(tab, i, $event)\" name=\"close\"></sd-icon>\n          }\n        </span>\n      </ng-template>\n\n      <ng-template matTabContent>\n        <ng-container [ngTemplateOutlet]=\"tab.bodyTpl()\"></ng-container>\n      </ng-template>\n    </mat-tab>\n  }\n</mat-tab-group>\n", styles: [":host{display:block;--sd-tab-label-color: var(--sd-text, #1a1b1f);--sd-tab-label-active-color: var(--sd-primary, #005cbb);--sd-tab-indicator-color: var(--sd-primary, #005cbb);--sd-tab-disabled-opacity: .5;--sd-tab-badge-bg: var(--sd-primary-light, #d7e3ff);--sd-tab-badge-color: var(--sd-primary, #005cbb);--sd-tab-badge-radius: 10px;--sd-tab-badge-padding: 0 6px;--sd-tab-badge-min-width: 18px;--sd-tab-close-color: var(--sd-text-secondary, #6b6b6b);--sd-tab-close-hover-color: var(--sd-error, #ba1a1a)}.sd-tab__label{display:inline-flex;align-items:center;gap:4px}.sd-tab__icon{font-size:18px;width:18px;height:18px;line-height:18px}.sd-tab__text{white-space:nowrap}.sd-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sd-tab-badge-min-width);height:18px;padding:var(--sd-tab-badge-padding);font-size:11px;font-weight:500;line-height:1;color:var(--sd-tab-badge-color);background:var(--sd-tab-badge-bg);border-radius:var(--sd-tab-badge-radius);margin-left:2px}.sd-tab__close{font-size:16px;width:16px;height:16px;line-height:16px;color:var(--sd-tab-close-color);cursor:pointer;opacity:.6;margin-left:4px;transition:opacity .12s ease,color .12s ease}.sd-tab__close:hover{opacity:1;color:var(--sd-tab-close-hover-color)}:host ::ng-deep .mat-mdc-tab .mdc-tab-indicator__content--underline{border-color:var(--sd-tab-indicator-color)}:host ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__ripple:before,:host ::ng-deep .mat-mdc-tab.mdc-tab--active:before{background-color:transparent!important;opacity:0!important}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab .mdc-tab-indicator{display:none}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-label-container,:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-header{border-bottom:none!important}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-header{min-height:36px}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-labels{gap:4px;padding:2px 0}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab{min-width:0;height:32px;padding:0 14px;border-radius:999px;flex-grow:0!important;flex-basis:auto!important;background:transparent;transition:background-color .12s ease,color .12s ease}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled){background:var(--sd-tab-badge-bg)}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab .mdc-tab__text-label{color:var(--sd-tab-label-color);font-weight:500}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab .mdc-tab__content{height:100%}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab.mdc-tab--active{background:var(--sd-tab-label-active-color)}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:#fff}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab.mdc-tab--active:hover:not(.mat-mdc-tab-disabled){box-shadow:inset 0 0 0 9999px #0000001f}:host(.sd-tab-group--pills) ::ng-deep .sd-tab__label .sd-tab__icon{color:inherit}:host(.sd-tab-group--pills) ::ng-deep .sd-tab__label .sd-tab__badge{background:#ffffff40;color:inherit}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab:not(.mdc-tab--active) .sd-tab__label .sd-tab__badge{background:var(--sd-tab-badge-bg);color:var(--sd-tab-badge-color)}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab .mdc-tab-indicator{display:none}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-label-container,:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-header{border-bottom:none!important}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-header{display:inline-flex;min-height:34px;background:#f0f3f7;border-radius:8px;padding:3px}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-labels{gap:0}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab{min-width:0;height:28px;padding:0 14px;border-radius:6px;flex-grow:0!important;flex-basis:auto!important;background:transparent;transition:background-color .12s ease,box-shadow .12s ease}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled):not(.mdc-tab--active){background:#0000000a}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab .mdc-tab__text-label{color:var(--sd-tab-label-color);font-weight:500;font-size:13px}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab.mdc-tab--active{background:#fff;box-shadow:0 1px 3px #00000014}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:var(--sd-tab-label-active-color);font-weight:600}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab.mdc-tab--active:hover:not(.mat-mdc-tab-disabled){background:#fff;box-shadow:0 1px 4px #0000001f}\n"] }]
+            args: [{ selector: 'sd-tab-group', standalone: true, imports: [SdIcon, MatTabsModule, NgTemplateOutlet, SdTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-tab-group\n  class=\"sd-tab-group\"\n  [(selectedIndex)]=\"selectedIndex\"\n  [headerPosition]=\"headerPosition()\"\n  [mat-align-tabs]=\"alignTabs()\"\n  [mat-stretch-tabs]=\"stretchTabs()\"\n  [animationDuration]=\"animationDuration()\"\n  [disableRipple]=\"disableRipple()\"\n  [dynamicHeight]=\"dynamicHeight()\">\n  @for (tab of tabs(); track tab; let i = $index) {\n    <mat-tab [disabled]=\"tab.disabled()\">\n      <ng-template mat-tab-label>\n        <span class=\"sd-tab__label\">\n          @if (tab.icon(); as ic) {\n            <sd-icon class=\"sd-tab__icon\" [name]=\"ic\"></sd-icon>\n          }\n          <span class=\"sd-tab__text\">{{ tab.label() }}</span>\n          @let _badge = tab.badge();\n          @if (_badge !== null && _badge !== undefined) {\n            <span class=\"sd-tab__badge\">{{ _badge }}</span>\n          }\n          <!-- why: tr\u01B0\u1EDBc \u0111\u00E2y l\u00E0 <sd-icon role=\"button\"> \u2014 khai role n\u00FAt nh\u01B0ng KH\u00D4NG c\u00F3 tabindex v\u00E0\n               KH\u00D4NG c\u00F3 handler b\u00E0n ph\u00EDm, t\u1EE9c ng\u01B0\u1EDDi d\u00F9ng b\u00E0n ph\u00EDm kh\u00F4ng \u0111\u00F3ng \u0111\u01B0\u1EE3c tab; custom\n               element c\u0169ng kh\u00F4ng t\u1EF1 focusable. \u0110\u1ED5i sang <button type=\"button\"> th\u1EADt, k\u00E8m nh\u00E3n i18n\n               (aria-label=\"Close tab\" l\u00E0 chu\u1ED7i ti\u1EBFng Anh c\u1EE9ng trong th\u01B0 vi\u1EC7n \u0111\u00E3 c\u00F3 i18n). -->\n          @if (tab.closable()) {\n            <button\n              type=\"button\"\n              class=\"sd-tab__close\"\n              [attr.aria-label]=\"'core.common.close' | sdTranslate\"\n              (click)=\"onClose(tab, i, $event)\">\n              <sd-icon name=\"close\"></sd-icon>\n            </button>\n          }\n        </span>\n      </ng-template>\n\n      <ng-template matTabContent>\n        <ng-container [ngTemplateOutlet]=\"tab.bodyTpl()\"></ng-container>\n      </ng-template>\n    </mat-tab>\n  }\n</mat-tab-group>\n", styles: [":host{display:block;--sd-tab-label-color: var(--sd-text, #1a1b1f);--sd-tab-label-active-color: var(--sd-primary, #005cbb);--sd-tab-indicator-color: var(--sd-primary, #005cbb);--sd-tab-disabled-opacity: .5;--sd-tab-badge-bg: var(--sd-primary-light, #d7e3ff);--sd-tab-badge-color: var(--sd-primary, #005cbb);--sd-tab-badge-radius: 10px;--sd-tab-badge-padding: 0 6px;--sd-tab-badge-min-width: 18px;--sd-tab-close-color: var(--sd-text-secondary, #6b6b6b);--sd-tab-close-hover-color: var(--sd-error, #ba1a1a)}.sd-tab__label{display:inline-flex;align-items:center;gap:4px}.sd-tab__icon{font-size:18px;width:18px;height:18px;line-height:18px}.sd-tab__text{white-space:nowrap}.sd-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sd-tab-badge-min-width);height:18px;padding:var(--sd-tab-badge-padding);font-size:11px;font-weight:500;line-height:1;color:var(--sd-tab-badge-color);background:var(--sd-tab-badge-bg);border-radius:var(--sd-tab-badge-radius);margin-left:2px}.sd-tab__close{font-size:16px;width:16px;height:16px;line-height:16px;color:var(--sd-tab-close-color);cursor:pointer;opacity:.6;margin-left:4px;padding:0;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;transition:opacity .12s ease,color .12s ease}.sd-tab__close sd-icon{font-size:16px;width:16px;height:16px;line-height:16px}.sd-tab__close:hover{opacity:1;color:var(--sd-tab-close-hover-color)}.sd-tab__close:focus-visible{opacity:1;outline:2px solid var(--sd-primary, #005cbb);outline-offset:2px}:host ::ng-deep .mat-mdc-tab .mdc-tab-indicator__content--underline{border-color:var(--sd-tab-indicator-color)}:host ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__ripple:before,:host ::ng-deep .mat-mdc-tab.mdc-tab--active:before{background-color:transparent!important;opacity:0!important}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab .mdc-tab-indicator{display:none}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-label-container,:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-header{border-bottom:none!important}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-header{min-height:36px}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab-labels{gap:4px;padding:2px 0}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab{min-width:0;height:32px;padding:0 14px;border-radius:999px;flex-grow:0!important;flex-basis:auto!important;background:transparent;transition:background-color .12s ease,color .12s ease}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled){background:var(--sd-tab-badge-bg)}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab .mdc-tab__text-label{color:var(--sd-tab-label-color);font-weight:500}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab .mdc-tab__content{height:100%}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab.mdc-tab--active{background:var(--sd-tab-label-active-color)}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:#fff}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab.mdc-tab--active:hover:not(.mat-mdc-tab-disabled){box-shadow:inset 0 0 0 9999px #0000001f}:host(.sd-tab-group--pills) ::ng-deep .sd-tab__label .sd-tab__icon{color:inherit}:host(.sd-tab-group--pills) ::ng-deep .sd-tab__label .sd-tab__badge{background:#ffffff40;color:inherit}:host(.sd-tab-group--pills) ::ng-deep .mat-mdc-tab:not(.mdc-tab--active) .sd-tab__label .sd-tab__badge{background:var(--sd-tab-badge-bg);color:var(--sd-tab-badge-color)}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab .mdc-tab-indicator{display:none}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-label-container,:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-header{border-bottom:none!important}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-header{display:inline-flex;min-height:34px;background:#f0f3f7;border-radius:8px;padding:3px}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab-labels{gap:0}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab{min-width:0;height:28px;padding:0 14px;border-radius:6px;flex-grow:0!important;flex-basis:auto!important;background:transparent;transition:background-color .12s ease,box-shadow .12s ease}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled):not(.mdc-tab--active){background:#0000000a}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab .mdc-tab__text-label{color:var(--sd-tab-label-color);font-weight:500;font-size:13px}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab.mdc-tab--active{background:#fff;box-shadow:0 1px 3px #00000014}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:var(--sd-tab-label-active-color);font-weight:600}:host(.sd-tab-group--segmented) ::ng-deep .mat-mdc-tab.mdc-tab--active:hover:not(.mat-mdc-tab-disabled){background:#fff;box-shadow:0 1px 4px #0000001f}\n"] }]
         }], ctorParameters: () => [], propDecorators: { tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdTab), { isSignal: true }] }], selectedIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIndex", required: false }] }, { type: i0.Output, args: ["selectedIndexChange"] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], headerPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerPosition", required: false }] }], alignTabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignTabs", required: false }] }], stretchTabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "stretchTabs", required: false }] }], animationDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDuration", required: false }] }], disableRipple: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableRipple", required: false }] }], dynamicHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "dynamicHeight", required: false }] }], autoId: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoId", required: false }] }], tabClosed: [{ type: i0.Output, args: ["tabClosed"] }], matTabGroup: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatTabGroup), { isSignal: true }] }], autoIdAttr: [{
                 type: HostBinding,
                 args: ['attr.data-autoId']