@sdcorejs/angular 21.1.6 → 21.2.0

package/fesm2022/sdcorejs-angular-forms.mjs

@@ -1,14 +1,19 @@
+import { SdSuffixDefDirective, SdLabelDefDirective, SdViewDefDirective, SdItemDefDefDirective } from '@sdcorejs/angular/forms/directives';
 export * from '@sdcorejs/angular/forms/directives';
 export * from '@sdcorejs/angular/forms/models';
+import { SdLabel } from '@sdcorejs/angular/forms/label';
 export * from '@sdcorejs/angular/forms/label';
 import { SdInput } from '@sdcorejs/angular/forms/input';
 export * from '@sdcorejs/angular/forms/input';
+import { SdInputColor } from '@sdcorejs/angular/forms/input-color';
 export * from '@sdcorejs/angular/forms/input-color';
+import { SdInlineText } from '@sdcorejs/angular/forms/inline-text';
 export * from '@sdcorejs/angular/forms/inline-text';
 import { SdInputNumber } from '@sdcorejs/angular/forms/input-number';
 export * from '@sdcorejs/angular/forms/input-number';
 import { SdDate } from '@sdcorejs/angular/forms/date';
 export * from '@sdcorejs/angular/forms/date';
+import { SdDatetime } from '@sdcorejs/angular/forms/datetime';
 export * from '@sdcorejs/angular/forms/datetime';
 import { SdDateRange } from '@sdcorejs/angular/forms/date-range';
 export * from '@sdcorejs/angular/forms/date-range';
@@ -16,30 +21,79 @@ import { SdTime } from '@sdcorejs/angular/forms/time';
 export * from '@sdcorejs/angular/forms/time';
 import { SdTimeRange } from '@sdcorejs/angular/forms/time-range';
 export * from '@sdcorejs/angular/forms/time-range';
-import { SdEntityPicker } from '@sdcorejs/angular/forms/entity-picker';
+import { SdEntityPicker, SdEntityPickerSelectedTemplateDirective, SdEntityPickerRowTemplateDirective, SdEntityPickerDetailTemplateDirective } from '@sdcorejs/angular/forms/entity-picker';
 export * from '@sdcorejs/angular/forms/entity-picker';
-import { SdTreeSelect } from '@sdcorejs/angular/forms/tree-select';
+import { SdTreeSelect, SdTreeSelectNodeTemplateDirective } from '@sdcorejs/angular/forms/tree-select';
 export * from '@sdcorejs/angular/forms/tree-select';
-import { SdSelect } from '@sdcorejs/angular/forms/select';
+import { SdSelect, SdSelectFooterActionDirective } from '@sdcorejs/angular/forms/select';
 export * from '@sdcorejs/angular/forms/select';
 import { SdAutocomplete } from '@sdcorejs/angular/forms/autocomplete';
 export * from '@sdcorejs/angular/forms/autocomplete';
+import { SdSwitch } from '@sdcorejs/angular/forms/switch';
 export * from '@sdcorejs/angular/forms/switch';
 import { SdRadio } from '@sdcorejs/angular/forms/radio';
 export * from '@sdcorejs/angular/forms/radio';
 import { SdTextarea } from '@sdcorejs/angular/forms/textarea';
 export * from '@sdcorejs/angular/forms/textarea';
+import { SdChip } from '@sdcorejs/angular/forms/chip';
 export * from '@sdcorejs/angular/forms/chip';
+import { SdChipCalendar } from '@sdcorejs/angular/forms/chip-calendar';
 export * from '@sdcorejs/angular/forms/chip-calendar';
+import { SdCheckbox } from '@sdcorejs/angular/forms/checkbox';
 export * from '@sdcorejs/angular/forms/checkbox';
 import * as i0 from '@angular/core';
 import { NgModule } from '@angular/core';
 
+// why: mọi control standalone re-export từ `forms/index.ts` PHẢI có mặt ở đây. Trước đây module
+// chỉ khai 12/20 control (thiếu datetime / checkbox / switch / chip / chip-calendar / input-color /
+// inline-text / label), nên consumer dùng NgModule chỉ import `SdFormsModule` vẫn không compile
+// được một nửa thư viện ("is not a known element") dù package đã export class. Danh sách này bám
+// 1:1 theo `forms/index.ts` — thêm entry point mới thì phải thêm cả ở đây.
+const SD_FORM_CONTROLS = [
+    SdLabel,
+    SdInput,
+    SdInputColor,
+    SdInlineText,
+    SdInputNumber,
+    SdDate,
+    SdDatetime,
+    SdDateRange,
+    SdTime,
+    SdTimeRange,
+    SdEntityPicker,
+    SdTreeSelect,
+    SdSelect,
+    SdAutocomplete,
+    SdSwitch,
+    SdRadio,
+    SdTextarea,
+    SdChip,
+    SdChipCalendar,
+    SdCheckbox,
+];
+// why: các directive projection (`sdViewDef`, `sdLabelDef`, `sdItemDef`, `sdSuffixDef`, footer
+// action của select, template của entity-picker/tree-select) là một phần API của chính các control
+// trên — không export thì consumer NgModule dựng được control nhưng không tuỳ biến được nội dung.
+const SD_FORM_DIRECTIVES = [
+    SdSuffixDefDirective,
+    SdLabelDefDirective,
+    SdViewDefDirective,
+    SdItemDefDefDirective,
+    SdSelectFooterActionDirective,
+    SdEntityPickerSelectedTemplateDirective,
+    SdEntityPickerRowTemplateDirective,
+    SdEntityPickerDetailTemplateDirective,
+    SdTreeSelectNodeTemplateDirective,
+];
 class SdFormsModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdFormsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: SdFormsModule, imports: [SdInput,
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: SdFormsModule, imports: [SdLabel,
+            SdInput,
+            SdInputColor,
+            SdInlineText,
             SdInputNumber,
             SdDate,
+            SdDatetime,
             SdDateRange,
             SdTime,
             SdTimeRange,
@@ -47,10 +101,26 @@ class SdFormsModule {
             SdTreeSelect,
             SdSelect,
             SdAutocomplete,
+            SdSwitch,
             SdRadio,
-            SdTextarea], exports: [SdInput,
+            SdTextarea,
+            SdChip,
+            SdChipCalendar,
+            SdCheckbox, SdSuffixDefDirective,
+            SdLabelDefDirective,
+            SdViewDefDirective,
+            SdItemDefDefDirective,
+            SdSelectFooterActionDirective,
+            SdEntityPickerSelectedTemplateDirective,
+            SdEntityPickerRowTemplateDirective,
+            SdEntityPickerDetailTemplateDirective,
+            SdTreeSelectNodeTemplateDirective], exports: [SdLabel,
+            SdInput,
+            SdInputColor,
+            SdInlineText,
             SdInputNumber,
             SdDate,
+            SdDatetime,
             SdDateRange,
             SdTime,
             SdTimeRange,
@@ -58,54 +128,29 @@ class SdFormsModule {
             SdTreeSelect,
             SdSelect,
             SdAutocomplete,
+            SdSwitch,
             SdRadio,
-            SdTextarea] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdFormsModule, imports: [SdInput,
-            SdInputNumber,
-            SdDate,
-            SdDateRange,
-            SdTime,
-            SdTimeRange,
-            SdEntityPicker,
-            SdTreeSelect,
-            SdSelect,
-            SdAutocomplete,
-            SdRadio,
-            SdTextarea] });
+            SdTextarea,
+            SdChip,
+            SdChipCalendar,
+            SdCheckbox, SdSuffixDefDirective,
+            SdLabelDefDirective,
+            SdViewDefDirective,
+            SdItemDefDefDirective,
+            SdSelectFooterActionDirective,
+            SdEntityPickerSelectedTemplateDirective,
+            SdEntityPickerRowTemplateDirective,
+            SdEntityPickerDetailTemplateDirective,
+            SdTreeSelectNodeTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdFormsModule, imports: [SD_FORM_CONTROLS] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SdFormsModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        SdInput,
-                        SdInputNumber,
-                        SdDate,
-                        SdDateRange,
-                        SdTime,
-                        SdTimeRange,
-                        SdEntityPicker,
-                        SdTreeSelect,
-                        SdSelect,
-                        SdAutocomplete,
-                        SdRadio,
-                        SdTextarea,
-                    ],
+                    imports: [...SD_FORM_CONTROLS, ...SD_FORM_DIRECTIVES],
                     declarations: [],
                     providers: [],
-                    exports: [
-                        SdInput,
-                        SdInputNumber,
-                        SdDate,
-                        SdDateRange,
-                        SdTime,
-                        SdTimeRange,
-                        SdEntityPicker,
-                        SdTreeSelect,
-                        SdSelect,
-                        SdAutocomplete,
-                        SdRadio,
-                        SdTextarea,
-                    ],
+                    exports: [...SD_FORM_CONTROLS, ...SD_FORM_DIRECTIVES],
                 }]
         }] });
 

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

@@ -1 +1 @@
-{"version":3,"file":"sdcorejs-angular-forms.mjs","sources":["../../../projects/sdcorejs-angular/forms/src/forms.module.ts","../../../projects/sdcorejs-angular/forms/sdcorejs-angular-forms.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { SdInput } from '@sdcorejs/angular/forms/input';\nimport { SdInputNumber } from '@sdcorejs/angular/forms/input-number';\nimport { SdDate } from '@sdcorejs/angular/forms/date';\nimport { SdSelect } from '@sdcorejs/angular/forms/select';\nimport { SdAutocomplete } from '@sdcorejs/angular/forms/autocomplete';\nimport { SdRadio } from '@sdcorejs/angular/forms/radio';\nimport { SdTextarea } from '@sdcorejs/angular/forms/textarea';\nimport { SdDateRange } from '@sdcorejs/angular/forms/date-range';\nimport { SdTime } from '@sdcorejs/angular/forms/time';\nimport { SdTimeRange } from '@sdcorejs/angular/forms/time-range';\nimport { SdEntityPicker } from '@sdcorejs/angular/forms/entity-picker';\nimport { SdTreeSelect } from '@sdcorejs/angular/forms/tree-select';\n\n@NgModule({\n  imports: [\n    SdInput,\n    SdInputNumber,\n    SdDate,\n    SdDateRange,\n    SdTime,\n    SdTimeRange,\n    SdEntityPicker,\n    SdTreeSelect,\n    SdSelect,\n    SdAutocomplete,\n    SdRadio,\n    SdTextarea,\n  ],\n  declarations: [],\n  providers: [],\n  exports: [\n    SdInput,\n    SdInputNumber,\n    SdDate,\n    SdDateRange,\n    SdTime,\n    SdTimeRange,\n    SdEntityPicker,\n    SdTreeSelect,\n    SdSelect,\n    SdAutocomplete,\n    SdRadio,\n    SdTextarea,\n  ],\n})\nexport class SdFormsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA8Ca,aAAa,CAAA;wGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YA9BtB,OAAO;YACP,aAAa;YACb,MAAM;YACN,WAAW;YACX,MAAM;YACN,WAAW;YACX,cAAc;YACd,YAAY;YACZ,QAAQ;YACR,cAAc;YACd,OAAO;AACP,YAAA,UAAU,aAKV,OAAO;YACP,aAAa;YACb,MAAM;YACN,WAAW;YACX,MAAM;YACN,WAAW;YACX,cAAc;YACd,YAAY;YACZ,QAAQ;YACR,cAAc;YACd,OAAO;YACP,UAAU,CAAA,EAAA,CAAA;AAGD,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YA9BtB,OAAO;YACP,aAAa;YACb,MAAM;YACN,WAAW;YACX,MAAM;YACN,WAAW;YACX,cAAc;YACd,YAAY;YACZ,QAAQ;YACR,cAAc;YACd,OAAO;YACP,UAAU,CAAA,EAAA,CAAA;;4FAmBD,aAAa,EAAA,UAAA,EAAA,CAAA;kBAhCzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,OAAO;wBACP,aAAa;wBACb,MAAM;wBACN,WAAW;wBACX,MAAM;wBACN,WAAW;wBACX,cAAc;wBACd,YAAY;wBACZ,QAAQ;wBACR,cAAc;wBACd,OAAO;wBACP,UAAU;AACX,qBAAA;AACD,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,SAAS,EAAE,EAAE;AACb,oBAAA,OAAO,EAAE;wBACP,OAAO;wBACP,aAAa;wBACb,MAAM;wBACN,WAAW;wBACX,MAAM;wBACN,WAAW;wBACX,cAAc;wBACd,YAAY;wBACZ,QAAQ;wBACR,cAAc;wBACd,OAAO;wBACP,UAAU;AACX,qBAAA;AACF,iBAAA;;;AC7CD;;AAEG;;;;"}
+{"version":3,"file":"sdcorejs-angular-forms.mjs","sources":["../../../projects/sdcorejs-angular/forms/src/forms.module.ts","../../../projects/sdcorejs-angular/forms/sdcorejs-angular-forms.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { SdInput } from '@sdcorejs/angular/forms/input';\nimport { SdInputColor } from '@sdcorejs/angular/forms/input-color';\nimport { SdInputNumber } from '@sdcorejs/angular/forms/input-number';\nimport { SdInlineText } from '@sdcorejs/angular/forms/inline-text';\nimport { SdLabel } from '@sdcorejs/angular/forms/label';\nimport { SdDate } from '@sdcorejs/angular/forms/date';\nimport { SdDatetime } from '@sdcorejs/angular/forms/datetime';\nimport { SdSelect, SdSelectFooterActionDirective } from '@sdcorejs/angular/forms/select';\nimport { SdAutocomplete } from '@sdcorejs/angular/forms/autocomplete';\nimport { SdRadio } from '@sdcorejs/angular/forms/radio';\nimport { SdCheckbox } from '@sdcorejs/angular/forms/checkbox';\nimport { SdSwitch } from '@sdcorejs/angular/forms/switch';\nimport { SdChip } from '@sdcorejs/angular/forms/chip';\nimport { SdChipCalendar } from '@sdcorejs/angular/forms/chip-calendar';\nimport { SdTextarea } from '@sdcorejs/angular/forms/textarea';\nimport { SdDateRange } from '@sdcorejs/angular/forms/date-range';\nimport { SdTime } from '@sdcorejs/angular/forms/time';\nimport { SdTimeRange } from '@sdcorejs/angular/forms/time-range';\nimport {\n  SdEntityPicker,\n  SdEntityPickerDetailTemplateDirective,\n  SdEntityPickerRowTemplateDirective,\n  SdEntityPickerSelectedTemplateDirective,\n} from '@sdcorejs/angular/forms/entity-picker';\nimport { SdTreeSelect, SdTreeSelectNodeTemplateDirective } from '@sdcorejs/angular/forms/tree-select';\nimport { SdItemDefDefDirective, SdLabelDefDirective, SdSuffixDefDirective, SdViewDefDirective } from '@sdcorejs/angular/forms/directives';\n\n// why: mọi control standalone re-export từ `forms/index.ts` PHẢI có mặt ở đây. Trước đây module\n// chỉ khai 12/20 control (thiếu datetime / checkbox / switch / chip / chip-calendar / input-color /\n// inline-text / label), nên consumer dùng NgModule chỉ import `SdFormsModule` vẫn không compile\n// được một nửa thư viện (\"is not a known element\") dù package đã export class. Danh sách này bám\n// 1:1 theo `forms/index.ts` — thêm entry point mới thì phải thêm cả ở đây.\nconst SD_FORM_CONTROLS = [\n  SdLabel,\n  SdInput,\n  SdInputColor,\n  SdInlineText,\n  SdInputNumber,\n  SdDate,\n  SdDatetime,\n  SdDateRange,\n  SdTime,\n  SdTimeRange,\n  SdEntityPicker,\n  SdTreeSelect,\n  SdSelect,\n  SdAutocomplete,\n  SdSwitch,\n  SdRadio,\n  SdTextarea,\n  SdChip,\n  SdChipCalendar,\n  SdCheckbox,\n];\n\n// why: các directive projection (`sdViewDef`, `sdLabelDef`, `sdItemDef`, `sdSuffixDef`, footer\n// action của select, template của entity-picker/tree-select) là một phần API của chính các control\n// trên — không export thì consumer NgModule dựng được control nhưng không tuỳ biến được nội dung.\nconst SD_FORM_DIRECTIVES = [\n  SdSuffixDefDirective,\n  SdLabelDefDirective,\n  SdViewDefDirective,\n  SdItemDefDefDirective,\n  SdSelectFooterActionDirective,\n  SdEntityPickerSelectedTemplateDirective,\n  SdEntityPickerRowTemplateDirective,\n  SdEntityPickerDetailTemplateDirective,\n  SdTreeSelectNodeTemplateDirective,\n];\n\n@NgModule({\n  imports: [...SD_FORM_CONTROLS, ...SD_FORM_DIRECTIVES],\n  declarations: [],\n  providers: [],\n  exports: [...SD_FORM_CONTROLS, ...SD_FORM_DIRECTIVES],\n})\nexport class SdFormsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;AACA;AACA;AACA;AACA;AACA,MAAM,gBAAgB,GAAG;IACvB,OAAO;IACP,OAAO;IACP,YAAY;IACZ,YAAY;IACZ,aAAa;IACb,MAAM;IACN,UAAU;IACV,WAAW;IACX,MAAM;IACN,WAAW;IACX,cAAc;IACd,YAAY;IACZ,QAAQ;IACR,cAAc;IACd,QAAQ;IACR,OAAO;IACP,UAAU;IACV,MAAM;IACN,cAAc;IACd,UAAU;CACX;AAED;AACA;AACA;AACA,MAAM,kBAAkB,GAAG;IACzB,oBAAoB;IACpB,mBAAmB;IACnB,kBAAkB;IAClB,qBAAqB;IACrB,6BAA6B;IAC7B,uCAAuC;IACvC,kCAAkC;IAClC,qCAAqC;IACrC,iCAAiC;CAClC;MAQY,aAAa,CAAA;wGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YA3CxB,OAAO;YACP,OAAO;YACP,YAAY;YACZ,YAAY;YACZ,aAAa;YACb,MAAM;YACN,UAAU;YACV,WAAW;YACX,MAAM;YACN,WAAW;YACX,cAAc;YACd,YAAY;YACZ,QAAQ;YACR,cAAc;YACd,QAAQ;YACR,OAAO;YACP,UAAU;YACV,MAAM;YACN,cAAc;AACd,YAAA,UAAU,EAOV,oBAAoB;YACpB,mBAAmB;YACnB,kBAAkB;YAClB,qBAAqB;YACrB,6BAA6B;YAC7B,uCAAuC;YACvC,kCAAkC;YAClC,qCAAqC;AACrC,YAAA,iCAAiC,aAlCjC,OAAO;YACP,OAAO;YACP,YAAY;YACZ,YAAY;YACZ,aAAa;YACb,MAAM;YACN,UAAU;YACV,WAAW;YACX,MAAM;YACN,WAAW;YACX,cAAc;YACd,YAAY;YACZ,QAAQ;YACR,cAAc;YACd,QAAQ;YACR,OAAO;YACP,UAAU;YACV,MAAM;YACN,cAAc;AACd,YAAA,UAAU,EAOV,oBAAoB;YACpB,mBAAmB;YACnB,kBAAkB;YAClB,qBAAqB;YACrB,6BAA6B;YAC7B,uCAAuC;YACvC,kCAAkC;YAClC,qCAAqC;YACrC,iCAAiC,CAAA,EAAA,CAAA;AAStB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YALX,gBAAgB,CAAA,EAAA,CAAA;;4FAKlB,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,GAAG,gBAAgB,EAAE,GAAG,kBAAkB,CAAC;AACrD,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,SAAS,EAAE,EAAE;AACb,oBAAA,OAAO,EAAE,CAAC,GAAG,gBAAgB,EAAE,GAAG,kBAAkB,CAAC;AACtD,iBAAA;;;AC5ED;;AAEG;;;;"}

package/fesm2022/sdcorejs-angular-handlers.mjs

@@ -1,11 +1,15 @@
+import { isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, Injectable } from '@angular/core';
+import { inject, PLATFORM_ID, isDevMode, Injectable } from '@angular/core';
 import { I18nService } from '@sdcorejs/angular/i18n';
 
 // Sử dụng Global Handler để đảm bảo khi có bản build mới sẽ báo cho người dùng biết để tải lại
 // Cách sử dụng: providers: [{ provide: ErrorHandler, useClass: GlobalErrorHandler }],
 class SdGlobalErrorHandler {
     #i18n = inject(I18nService);
+    // why: `window.confirm` / `window.location.reload` không tồn tại khi render trên server. Gọi
+    // thẳng sẽ làm CHÍNH ErrorHandler ném lỗi, và lỗi gốc bị che mất hoàn toàn.
+    #isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
     constructor() { }
     handleError(error) {
         // Lấy message lỗi an toàn
@@ -22,14 +26,25 @@ class SdGlobalErrorHandler {
         // Kiểm tra xem lỗi có chứa từ khóa nào không
         const isChunkError = chunkErrorSignatures.some(signature => errorMessage.includes(signature.toLowerCase()));
         if (isChunkError) {
-            console.warn('=> Chunk Load error detected:', errorMessage);
+            // why: đây là log chẩn đoán dài dòng cho dev (dump nguyên message đã lowercase) và nhánh này
+            // đã có UI riêng — hộp thoại xác nhận tải lại. Gate theo dev mode là hợp lý.
+            if (isDevMode())
+                console.warn('=> Chunk Load error detected:', errorMessage);
+            // why: trên server không có gì để reload — thoát sớm để lỗi gốc vẫn nổi lên nguyên vẹn.
+            if (!this.#isBrowser)
+                return;
             const wantReload = window.confirm(this.#i18n.t('core.handler.global-error.update-title') + '\n\n' + this.#i18n.t('core.handler.global-error.update-body'));
             if (wantReload) {
                 window.location.reload();
             }
         }
         else {
-            // Log lỗi thường
+            // why: KHÔNG gate `console.error` theo `isDevMode()`. Đăng ký `ErrorHandler` này là THAY THẾ
+            // ErrorHandler mặc định của Angular — thứ vốn luôn log. Gate lại thì bản production nuốt sạch
+            // mọi lỗi ứng dụng: không còn gì trong console, không còn gì cho công cụ thu thập log của
+            // trình duyệt, và bug production trở nên vô hình. Log lỗi chính là toàn bộ giá trị chẩn đoán
+            // của một ErrorHandler; muốn giấu thì là việc của app (thay ErrorHandler khác), không phải
+            // hành vi mặc định của thư viện.
             console.error('Application error:', error);
         }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"sdcorejs-angular-handlers.mjs","sources":["../../../projects/sdcorejs-angular/handlers/global-error.handler.ts","../../../projects/sdcorejs-angular/handlers/sdcorejs-angular-handlers.ts"],"sourcesContent":["import { ErrorHandler, inject, Injectable } from '@angular/core';\nimport { I18nService } from '@sdcorejs/angular/i18n';\n\n// Sử dụng Global Handler để đảm bảo khi có bản build mới sẽ báo cho người dùng biết để tải lại\n// Cách sử dụng: providers: [{ provide: ErrorHandler, useClass: GlobalErrorHandler }],\n@Injectable()\nexport class SdGlobalErrorHandler implements ErrorHandler {\n  readonly #i18n = inject(I18nService);\n\n  constructor() {}\n\n  handleError(error: any): void {\n    // Lấy message lỗi an toàn\n    const errorMessage = this.#extractErrorMessage(error);\n\n    // Danh sách các từ khóa nhận diện lỗi mất file JS/Chunk\n    // Cần bao gồm nhiều biến thể do trình duyệt/bundler khác nhau\n    const chunkErrorSignatures = [\n      'Loading chunk', // Webpack cũ\n      'Importing a module script failed', // Một số trình duyệt\n      'Failed to fetch dynamically imported module', // <-- Lỗi bạn đang gặp (Angular mới/Vite/Esbuild)\n      'error loading dynamically imported module', // Firefox/Safari biến thể\n      'missing source map', // Đôi khi đi kèm\n    ];\n\n    // Kiểm tra xem lỗi có chứa từ khóa nào không\n    const isChunkError = chunkErrorSignatures.some(signature => errorMessage.includes(signature.toLowerCase()));\n\n    if (isChunkError) {\n      console.warn('=> Chunk Load error detected:', errorMessage);\n\n      const wantReload = window.confirm(\n        this.#i18n.t('core.handler.global-error.update-title') + '\\n\\n' + this.#i18n.t('core.handler.global-error.update-body')\n      );\n\n      if (wantReload) {\n        window.location.reload();\n      }\n    } else {\n      // Log lỗi thường\n      console.error('Application error:', error);\n    }\n  }\n\n  // Hàm phụ trợ để lấy text lỗi từ object error bất kỳ\n  #extractErrorMessage = (error: any): string => {\n    if (!error) return '';\n\n    // Nếu là chuỗi\n    if (typeof error === 'string') return error.toLowerCase();\n\n    // Nếu là Error Object chuẩn\n    if (error.message) return error.message.toLowerCase();\n\n    // Nếu lỗi nằm trong rejection (Promise)\n    if (error.rejection) {\n      return typeof error.rejection === 'string' ? error.rejection.toLowerCase() : (error.rejection.message || '').toLowerCase();\n    }\n    return '';\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA;AACA;MAEa,oBAAoB,CAAA;AACtB,IAAA,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC;AAEpC,IAAA,WAAA,GAAA,EAAe;AAEf,IAAA,WAAW,CAAC,KAAU,EAAA;;QAEpB,MAAM,YAAY,GAAG,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC;;;AAIrD,QAAA,MAAM,oBAAoB,GAAG;AAC3B,YAAA,eAAe;AACf,YAAA,kCAAkC;AAClC,YAAA,6CAA6C;AAC7C,YAAA,2CAA2C;AAC3C,YAAA,oBAAoB;SACrB;;QAGD,MAAM,YAAY,GAAG,oBAAoB,CAAC,IAAI,CAAC,SAAS,IAAI,YAAY,CAAC,QAAQ,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,CAAC;QAE3G,IAAI,YAAY,EAAE;AAChB,YAAA,OAAO,CAAC,IAAI,CAAC,+BAA+B,EAAE,YAAY,CAAC;YAE3D,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAC/B,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,wCAAwC,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,uCAAuC,CAAC,CACxH;YAED,IAAI,UAAU,EAAE;AACd,gBAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC1B;QACF;aAAO;;AAEL,YAAA,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC;QAC5C;IACF;;AAGA,IAAA,oBAAoB,GAAG,CAAC,KAAU,KAAY;AAC5C,QAAA,IAAI,CAAC,KAAK;AAAE,YAAA,OAAO,EAAE;;QAGrB,IAAI,OAAO,KAAK,KAAK,QAAQ;AAAE,YAAA,OAAO,KAAK,CAAC,WAAW,EAAE;;QAGzD,IAAI,KAAK,CAAC,OAAO;AAAE,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE;;AAGrD,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE;AACnB,YAAA,OAAO,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,IAAI,EAAE,EAAE,WAAW,EAAE;QAC5H;AACA,QAAA,OAAO,EAAE;AACX,IAAA,CAAC;wGArDU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;4GAApB,oBAAoB,EAAA,CAAA;;4FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBADhC;;;ACLD;;AAEG;;;;"}
+{"version":3,"file":"sdcorejs-angular-handlers.mjs","sources":["../../../projects/sdcorejs-angular/handlers/global-error.handler.ts","../../../projects/sdcorejs-angular/handlers/sdcorejs-angular-handlers.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport { ErrorHandler, inject, Injectable, isDevMode, PLATFORM_ID } from '@angular/core';\nimport { I18nService } from '@sdcorejs/angular/i18n';\n\n// Sử dụng Global Handler để đảm bảo khi có bản build mới sẽ báo cho người dùng biết để tải lại\n// Cách sử dụng: providers: [{ provide: ErrorHandler, useClass: GlobalErrorHandler }],\n@Injectable()\nexport class SdGlobalErrorHandler implements ErrorHandler {\n  readonly #i18n = inject(I18nService);\n\n  // why: `window.confirm` / `window.location.reload` không tồn tại khi render trên server. Gọi\n  // thẳng sẽ làm CHÍNH ErrorHandler ném lỗi, và lỗi gốc bị che mất hoàn toàn.\n  readonly #isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  constructor() {}\n\n  handleError(error: any): void {\n    // Lấy message lỗi an toàn\n    const errorMessage = this.#extractErrorMessage(error);\n\n    // Danh sách các từ khóa nhận diện lỗi mất file JS/Chunk\n    // Cần bao gồm nhiều biến thể do trình duyệt/bundler khác nhau\n    const chunkErrorSignatures = [\n      'Loading chunk', // Webpack cũ\n      'Importing a module script failed', // Một số trình duyệt\n      'Failed to fetch dynamically imported module', // <-- Lỗi bạn đang gặp (Angular mới/Vite/Esbuild)\n      'error loading dynamically imported module', // Firefox/Safari biến thể\n      'missing source map', // Đôi khi đi kèm\n    ];\n\n    // Kiểm tra xem lỗi có chứa từ khóa nào không\n    const isChunkError = chunkErrorSignatures.some(signature => errorMessage.includes(signature.toLowerCase()));\n\n    if (isChunkError) {\n      // why: đây là log chẩn đoán dài dòng cho dev (dump nguyên message đã lowercase) và nhánh này\n      // đã có UI riêng — hộp thoại xác nhận tải lại. Gate theo dev mode là hợp lý.\n      if (isDevMode()) console.warn('=> Chunk Load error detected:', errorMessage);\n\n      // why: trên server không có gì để reload — thoát sớm để lỗi gốc vẫn nổi lên nguyên vẹn.\n      if (!this.#isBrowser) return;\n\n      const wantReload = window.confirm(\n        this.#i18n.t('core.handler.global-error.update-title') + '\\n\\n' + this.#i18n.t('core.handler.global-error.update-body')\n      );\n\n      if (wantReload) {\n        window.location.reload();\n      }\n    } else {\n      // why: KHÔNG gate `console.error` theo `isDevMode()`. Đăng ký `ErrorHandler` này là THAY THẾ\n      // ErrorHandler mặc định của Angular — thứ vốn luôn log. Gate lại thì bản production nuốt sạch\n      // mọi lỗi ứng dụng: không còn gì trong console, không còn gì cho công cụ thu thập log của\n      // trình duyệt, và bug production trở nên vô hình. Log lỗi chính là toàn bộ giá trị chẩn đoán\n      // của một ErrorHandler; muốn giấu thì là việc của app (thay ErrorHandler khác), không phải\n      // hành vi mặc định của thư viện.\n      console.error('Application error:', error);\n    }\n  }\n\n  // Hàm phụ trợ để lấy text lỗi từ object error bất kỳ\n  #extractErrorMessage = (error: any): string => {\n    if (!error) return '';\n\n    // Nếu là chuỗi\n    if (typeof error === 'string') return error.toLowerCase();\n\n    // Nếu là Error Object chuẩn\n    if (error.message) return error.message.toLowerCase();\n\n    // Nếu lỗi nằm trong rejection (Promise)\n    if (error.rejection) {\n      return typeof error.rejection === 'string' ? error.rejection.toLowerCase() : (error.rejection.message || '').toLowerCase();\n    }\n    return '';\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAIA;AACA;MAEa,oBAAoB,CAAA;AACtB,IAAA,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC;;;IAI3B,UAAU,GAAG,iBAAiB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;AAE5D,IAAA,WAAA,GAAA,EAAe;AAEf,IAAA,WAAW,CAAC,KAAU,EAAA;;QAEpB,MAAM,YAAY,GAAG,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC;;;AAIrD,QAAA,MAAM,oBAAoB,GAAG;AAC3B,YAAA,eAAe;AACf,YAAA,kCAAkC;AAClC,YAAA,6CAA6C;AAC7C,YAAA,2CAA2C;AAC3C,YAAA,oBAAoB;SACrB;;QAGD,MAAM,YAAY,GAAG,oBAAoB,CAAC,IAAI,CAAC,SAAS,IAAI,YAAY,CAAC,QAAQ,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,CAAC;QAE3G,IAAI,YAAY,EAAE;;;AAGhB,YAAA,IAAI,SAAS,EAAE;AAAE,gBAAA,OAAO,CAAC,IAAI,CAAC,+BAA+B,EAAE,YAAY,CAAC;;YAG5E,IAAI,CAAC,IAAI,CAAC,UAAU;gBAAE;YAEtB,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAC/B,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,wCAAwC,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,uCAAuC,CAAC,CACxH;YAED,IAAI,UAAU,EAAE;AACd,gBAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC1B;QACF;aAAO;;;;;;;AAOL,YAAA,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC;QAC5C;IACF;;AAGA,IAAA,oBAAoB,GAAG,CAAC,KAAU,KAAY;AAC5C,QAAA,IAAI,CAAC,KAAK;AAAE,YAAA,OAAO,EAAE;;QAGrB,IAAI,OAAO,KAAK,KAAK,QAAQ;AAAE,YAAA,OAAO,KAAK,CAAC,WAAW,EAAE;;QAGzD,IAAI,KAAK,CAAC,OAAO;AAAE,YAAA,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE;;AAGrD,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE;AACnB,YAAA,OAAO,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,IAAI,EAAE,EAAE,WAAW,EAAE;QAC5H;AACA,QAAA,OAAO,EAAE;AACX,IAAA,CAAC;wGAnEU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;4GAApB,oBAAoB,EAAA,CAAA;;4FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBADhC;;;ACND;;AAEG;;;;"}