@sdcorejs/angular 21.1.6 → 21.2.0

package/fesm2022/sdcorejs-angular-utilities-models.mjs

@@ -1,71 +1,9 @@
-import { EMPTY_STR } from '@sdcorejs/utils/constants';
-export { EMPTY_STR, VALIDATION_PATTERNS } from '@sdcorejs/utils/constants';
-import { StringUtilities } from '@sdcorejs/utils/fns';
-import { resolveMaybeAsync, normalizeAsync } from '@sdcorejs/utils/models';
-export { normalizeAsync, resolveMaybeAsync } from '@sdcorejs/utils/models';
-
 const DefaultSdIconSet = 'material-icons-outlined';
 const DefaultSdMaterialIconSet = 'material-icons-outlined';
 
-// `name` và `errorMessage` chứa i18n KEY (không phải chuỗi đã dịch).
-/** @deprecated Use `VALIDATION_PATTERNS` from `@sdcorejs/utils/constants` instead. */
-const SdPatternCommons = [
-    { type: 'EMAIL', name: 'core.validator.email.name', regex: StringUtilities.REGEX_EMAIL, errorMessage: 'core.validator.email.error' },
-    { type: 'PHONE', name: 'core.validator.phone.name', regex: StringUtilities.REGEX_PHONE, errorMessage: 'core.validator.phone.error' },
-    {
-        type: 'PHONE_VN',
-        name: 'core.validator.phone-vn.name',
-        regex: StringUtilities.REGEX_VN_PHONE,
-        errorMessage: 'core.validator.phone-vn.error',
-    },
-    { type: 'IDVN', name: 'core.validator.cccd.name', regex: StringUtilities.REGEX_VN_ID, errorMessage: 'core.validator.cccd.error' },
-    {
-        type: 'PASSPORT',
-        name: 'core.validator.passport.name',
-        regex: StringUtilities.REGEX_PASSPORT,
-        errorMessage: 'core.validator.passport.error',
-    },
-    {
-        type: 'IDVN_OR_PASSPORT',
-        name: 'core.validator.id-vn.name',
-        regex: StringUtilities.REGEX_VN_ID_OR_PASSPORT,
-        errorMessage: 'core.validator.id-vn.error',
-    },
-    { type: 'TIME', name: 'core.validator.time.name', regex: StringUtilities.REGEX_TIME, errorMessage: 'core.validator.time.error' },
-];
-
-/** @deprecated Use {@link EMPTY_STR} from `@sdcorejs/utils/constants` instead */
-const SD_EMPTY_STR = EMPTY_STR;
-
-/** @deprecated Use {@link resolveMaybeAsync} from `@sdcorejs/utils/models` instead */
-const SdResolveMaybeAsync = resolveMaybeAsync;
-/** @deprecated Use {@link normalizeAsync} from `@sdcorejs/utils/models` instead */
-const SdNormalizeAsync = normalizeAsync;
-
-// `display` chứa i18n KEY (không phải chuỗi đã dịch).
-// Consumer phải gọi i18n.t(display) trước khi render ra UI.
-// @deprecated Use `OPERATORS` from `@sdcorejs/utils/constants` instead.
-// Note: OPERATORS has translated display labels; SdOperators uses i18n keys.
-const SdOperators = [
-    { value: 'EQUAL', symbol: '=', display: 'core.operator.equal.display' },
-    { value: 'NOT_EQUAL', symbol: '≠', display: 'core.operator.not-equal.display' },
-    { value: 'GREATER_THAN', symbol: '>', display: 'core.operator.greater-than.display' },
-    { value: 'LESS_THAN', symbol: '<', display: 'core.operator.less-than.display' },
-    { value: 'GREATER_OR_EQUAL', symbol: '≥', display: 'core.operator.greater-or-equal.display' },
-    { value: 'LESS_OR_EQUAL', symbol: '≤', display: 'core.operator.less-or-equal.display' },
-    { value: 'CONTAIN', symbol: 'join_inner', display: 'core.operator.contain.display' },
-    { value: 'NOT_CONTAIN', symbol: 'join', display: 'core.operator.not-contain.display' },
-    { value: 'START_WITH', symbol: 'line_start_circle', display: 'core.operator.start-with.display' },
-    { value: 'END_WITH', symbol: 'line_end_circle', display: 'core.operator.end-with.display' },
-    { value: 'IN', symbol: 'checklist_rtl', display: 'core.operator.in.display' },
-    { value: 'NOT_IN', symbol: 'event_list', display: 'core.operator.not-in.display' },
-    { value: 'NULL', symbol: 'motion_photos_off', display: 'core.operator.null.display' },
-    { value: 'NOT_NULL', symbol: 'adjust', display: 'core.operator.not-null.display' },
-];
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { DefaultSdIconSet, DefaultSdMaterialIconSet, SD_EMPTY_STR, SdNormalizeAsync, SdOperators, SdPatternCommons, SdResolveMaybeAsync };
+export { DefaultSdIconSet, DefaultSdMaterialIconSet };
 //# sourceMappingURL=sdcorejs-angular-utilities-models.mjs.map

package/fesm2022/sdcorejs-angular-utilities-models.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sdcorejs-angular-utilities-models.mjs","sources":["../../../projects/sdcorejs-angular/utilities/models/src/icon.model.ts","../../../projects/sdcorejs-angular/utilities/models/src/pattern.model.ts","../../../projects/sdcorejs-angular/utilities/models/src/empty.model.ts","../../../projects/sdcorejs-angular/utilities/models/src/maybe-async.model.ts","../../../projects/sdcorejs-angular/utilities/models/src/operator.model.ts","../../../projects/sdcorejs-angular/utilities/models/sdcorejs-angular-utilities-models.ts"],"sourcesContent":["export type SdIconSet = 'material-icons' | 'material-icons-outlined' | 'material-icons-round' | 'material-icons-sharp' | 'lucide';\nexport type SdMaterialIconSet = Exclude<SdIconSet, 'lucide'>;\nexport const DefaultSdIconSet: SdIconSet = 'material-icons-outlined';\nexport const DefaultSdMaterialIconSet: SdMaterialIconSet = 'material-icons-outlined';\n","import type { ValidationPatternType, ValidationPattern } from '@sdcorejs/utils/models';\nimport { VALIDATION_PATTERNS } from '@sdcorejs/utils/constants';\nimport { StringUtilities } from '@sdcorejs/utils/fns';\nexport type { ValidationPatternType, ValidationPattern };\nexport { VALIDATION_PATTERNS };\n\n/**\n * @deprecated Use {@link ValidationPatternType} from `@sdcorejs/utils/models` instead.\n * Note: member names changed — PHONE_VN → VN_PHONE, IDVN → VN_ID, IDVN_OR_PASSPORT → VN_ID_OR_PASSPORT.\n */\nexport type SdPatternType = 'EMAIL' | 'PHONE' | 'PHONE_VN' | 'IDVN' | 'PASSPORT' | 'IDVN_OR_PASSPORT' | 'TIME';\n\n/**\n * @deprecated Use {@link ValidationPattern} from `@sdcorejs/utils/models` instead.\n * Note: `regex` field renamed to `pattern` to align with Angular `Validators.pattern()`.\n */\nexport interface SdPatternCommon {\n  type: SdPatternType;\n  name: string;\n  regex: string;\n  errorMessage: string;\n}\n\n// `name` và `errorMessage` chứa i18n KEY (không phải chuỗi đã dịch).\n/** @deprecated Use `VALIDATION_PATTERNS` from `@sdcorejs/utils/constants` instead. */\nexport const SdPatternCommons: SdPatternCommon[] = [\n  { type: 'EMAIL', name: 'core.validator.email.name', regex: StringUtilities.REGEX_EMAIL, errorMessage: 'core.validator.email.error' },\n  { type: 'PHONE', name: 'core.validator.phone.name', regex: StringUtilities.REGEX_PHONE, errorMessage: 'core.validator.phone.error' },\n  {\n    type: 'PHONE_VN',\n    name: 'core.validator.phone-vn.name',\n    regex: StringUtilities.REGEX_VN_PHONE,\n    errorMessage: 'core.validator.phone-vn.error',\n  },\n  { type: 'IDVN', name: 'core.validator.cccd.name', regex: StringUtilities.REGEX_VN_ID, errorMessage: 'core.validator.cccd.error' },\n  {\n    type: 'PASSPORT',\n    name: 'core.validator.passport.name',\n    regex: StringUtilities.REGEX_PASSPORT,\n    errorMessage: 'core.validator.passport.error',\n  },\n  {\n    type: 'IDVN_OR_PASSPORT',\n    name: 'core.validator.id-vn.name',\n    regex: StringUtilities.REGEX_VN_ID_OR_PASSPORT,\n    errorMessage: 'core.validator.id-vn.error',\n  },\n  { type: 'TIME', name: 'core.validator.time.name', regex: StringUtilities.REGEX_TIME, errorMessage: 'core.validator.time.error' },\n];\n","import { EMPTY_STR } from '@sdcorejs/utils/constants';\nexport { EMPTY_STR };\n\n/** @deprecated Use {@link EMPTY_STR} from `@sdcorejs/utils/constants` instead */\nexport const SD_EMPTY_STR = EMPTY_STR;\n","import type { MaybeAsync } from '@sdcorejs/utils/models';\nimport { resolveMaybeAsync, normalizeAsync } from '@sdcorejs/utils/models';\nexport type { MaybeAsync };\nexport { resolveMaybeAsync, normalizeAsync };\n\n/** @deprecated Use {@link MaybeAsync} from `@sdcorejs/utils/models` instead */\nexport type SdMaybeAsync<T> = MaybeAsync<T>;\n/** @deprecated Use {@link resolveMaybeAsync} from `@sdcorejs/utils/models` instead */\nexport const SdResolveMaybeAsync = resolveMaybeAsync;\n/** @deprecated Use {@link normalizeAsync} from `@sdcorejs/utils/models` instead */\nexport const SdNormalizeAsync = normalizeAsync;\n","import type { Operator, OperatorHasData, OperatorNoData } from '@sdcorejs/utils/models';\nexport type { Operator, OperatorHasData, OperatorNoData };\n\n/** @deprecated Use {@link Operator} from `@sdcorejs/utils/models` instead */\nexport type SdOperator = Operator;\n/** @deprecated Use {@link OperatorHasData} from `@sdcorejs/utils/models` instead */\nexport type SdOperatorHasData = OperatorHasData;\n/** @deprecated Use {@link OperatorNoData} from `@sdcorejs/utils/models` instead */\nexport type SdOperatorNoData = OperatorNoData;\n\n// `display` chứa i18n KEY (không phải chuỗi đã dịch).\n// Consumer phải gọi i18n.t(display) trước khi render ra UI.\n// @deprecated Use `OPERATORS` from `@sdcorejs/utils/constants` instead.\n// Note: OPERATORS has translated display labels; SdOperators uses i18n keys.\nexport const SdOperators: {\n  value: Operator;\n  symbol?: string;\n  display: string;\n}[] = [\n  { value: 'EQUAL', symbol: '=', display: 'core.operator.equal.display' },\n  { value: 'NOT_EQUAL', symbol: '≠', display: 'core.operator.not-equal.display' },\n  { value: 'GREATER_THAN', symbol: '>', display: 'core.operator.greater-than.display' },\n  { value: 'LESS_THAN', symbol: '<', display: 'core.operator.less-than.display' },\n  { value: 'GREATER_OR_EQUAL', symbol: '≥', display: 'core.operator.greater-or-equal.display' },\n  { value: 'LESS_OR_EQUAL', symbol: '≤', display: 'core.operator.less-or-equal.display' },\n  { value: 'CONTAIN', symbol: 'join_inner', display: 'core.operator.contain.display' },\n  { value: 'NOT_CONTAIN', symbol: 'join', display: 'core.operator.not-contain.display' },\n  { value: 'START_WITH', symbol: 'line_start_circle', display: 'core.operator.start-with.display' },\n  { value: 'END_WITH', symbol: 'line_end_circle', display: 'core.operator.end-with.display' },\n  { value: 'IN', symbol: 'checklist_rtl', display: 'core.operator.in.display' },\n  { value: 'NOT_IN', symbol: 'event_list', display: 'core.operator.not-in.display' },\n  { value: 'NULL', symbol: 'motion_photos_off', display: 'core.operator.null.display' },\n  { value: 'NOT_NULL', symbol: 'adjust', display: 'core.operator.not-null.display' },\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-utilities-models.mjs","sources":["../../../projects/sdcorejs-angular/utilities/models/src/icon.model.ts","../../../projects/sdcorejs-angular/utilities/models/sdcorejs-angular-utilities-models.ts"],"sourcesContent":["export type SdIconSet = 'material-icons' | 'material-icons-outlined' | 'material-icons-round' | 'material-icons-sharp' | 'lucide';\nexport type SdMaterialIconSet = Exclude<SdIconSet, 'lucide'>;\nexport const DefaultSdIconSet: SdIconSet = 'material-icons-outlined';\nexport const DefaultSdMaterialIconSet: SdMaterialIconSet = 'material-icons-outlined';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAEO,MAAM,gBAAgB,GAAc;AACpC,MAAM,wBAAwB,GAAsB;;ACH3D;;AAEG;;;;"}

package/fesm2022/sdcorejs-angular.mjs

@@ -1,16 +1,23 @@
-import '@sdcorejs/angular/configurations';
-import '@sdcorejs/angular/utilities';
-import '@sdcorejs/angular/pipes';
-import '@sdcorejs/angular/directives';
-import '@sdcorejs/angular/services';
-import '@sdcorejs/angular/interceptors';
-import '@sdcorejs/angular/handlers';
-import '@sdcorejs/angular/components';
-import '@sdcorejs/angular/forms';
-import '@sdcorejs/angular/modules';
+export * from '@sdcorejs/angular/configurations';
+export * from '@sdcorejs/angular/i18n';
+export * from '@sdcorejs/angular/utilities';
+export * from '@sdcorejs/angular/pipes';
+export * from '@sdcorejs/angular/directives';
+export * from '@sdcorejs/angular/services';
+export * from '@sdcorejs/angular/interceptors';
+export * from '@sdcorejs/angular/handlers';
+export * from '@sdcorejs/angular/components';
+export * from '@sdcorejs/angular/forms';
+export * from '@sdcorejs/angular/modules';
 
 /*
  * Public API Surface of sd-angular
+ *
+ * why: these were previously bare `import '...'` statements, which meant the primary
+ * entry point re-exported NOTHING — `import { SdButton } from '@sdcorejs/angular'`
+ * resolved to nothing for every symbol, and the built FESM bundle was 517 bytes with
+ * no `export` statement. Deep imports (`@sdcorejs/angular/components/button`) remain
+ * the recommended path for bundle size; this barrel exists so the root import works.
  */
 
 /**

package/fesm2022/sdcorejs-angular.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sdcorejs-angular.mjs","sources":["../../../projects/sdcorejs-angular/src/public-api.ts","../../../projects/sdcorejs-angular/src/sdcorejs-angular.ts"],"sourcesContent":["/*\n * Public API Surface of sd-angular\n */\nimport '@sdcorejs/angular/configurations';\nimport '@sdcorejs/angular/utilities';\nimport '@sdcorejs/angular/pipes';\nimport '@sdcorejs/angular/directives';\nimport '@sdcorejs/angular/services';\nimport '@sdcorejs/angular/interceptors';\nimport '@sdcorejs/angular/handlers';\nimport '@sdcorejs/angular/components';\nimport '@sdcorejs/angular/forms';\nimport '@sdcorejs/angular/modules';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;AAAA;;AAEG;;ACFH;;AAEG"}
+{"version":3,"file":"sdcorejs-angular.mjs","sources":["../../../projects/sdcorejs-angular/src/public-api.ts","../../../projects/sdcorejs-angular/src/sdcorejs-angular.ts"],"sourcesContent":["/*\n * Public API Surface of sd-angular\n *\n * why: these were previously bare `import '...'` statements, which meant the primary\n * entry point re-exported NOTHING — `import { SdButton } from '@sdcorejs/angular'`\n * resolved to nothing for every symbol, and the built FESM bundle was 517 bytes with\n * no `export` statement. Deep imports (`@sdcorejs/angular/components/button`) remain\n * the recommended path for bundle size; this barrel exists so the root import works.\n */\nexport * from '@sdcorejs/angular/configurations';\nexport * from '@sdcorejs/angular/i18n';\nexport * from '@sdcorejs/angular/utilities';\nexport * from '@sdcorejs/angular/pipes';\nexport * from '@sdcorejs/angular/directives';\nexport * from '@sdcorejs/angular/services';\nexport * from '@sdcorejs/angular/interceptors';\nexport * from '@sdcorejs/angular/handlers';\nexport * from '@sdcorejs/angular/components';\nexport * from '@sdcorejs/angular/forms';\nexport * from '@sdcorejs/angular/modules';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;AAQG;;ACRH;;AAEG"}

package/package.json

@@ -1,7 +1,24 @@
 {
   "name": "@sdcorejs/angular",
-  "version": "21.1.6",
+  "version": "21.2.0",
+  "description": "Angular component library: data table, query bar/builder, 20+ signal-based form controls, layout, auth and workflow services. Standalone, OnPush, signals-first. Published in parallel lines for Angular 19, 20 and 21.",
+  "keywords": [
+    "angular",
+    "angular-components",
+    "component-library",
+    "ui-components",
+    "angular-material",
+    "signals",
+    "standalone-components",
+    "data-table",
+    "forms",
+    "query-builder"
+  ],
+  "author": "SDCoreJS",
   "license": "MIT",
+  "engines": {
+    "node": ">=20.11.0"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/sdcorejs/sdcorejs-angular.git"
@@ -11,18 +28,22 @@
     "url": "https://github.com/sdcorejs/sdcorejs-angular/issues"
   },
   "peerDependencies": {
+    "@angular/animations": "^19.0.0 || ^20.0.0 || ^21.0.0",
+    "@angular/cdk": "^19.0.0 || ^20.0.0 || ^21.0.0",
     "@angular/common": "^19.0.0 || ^20.0.0 || ^21.0.0",
     "@angular/core": "^19.0.0 || ^20.0.0 || ^21.0.0",
+    "@angular/forms": "^19.0.0 || ^20.0.0 || ^21.0.0",
     "@angular/material": "^19.0.0 || ^20.0.0 || ^21.0.0",
-    "@angular/material-date-fns-adapter": "^19.0.0 || ^20.0.0 || ^21.0.0"
+    "@angular/material-date-fns-adapter": "^19.0.0 || ^20.0.0 || ^21.0.0",
+    "@angular/platform-browser": "^19.0.0 || ^20.0.0 || ^21.0.0",
+    "@angular/router": "^19.0.0 || ^20.0.0 || ^21.0.0",
+    "rxjs": "^7.8.0"
   },
   "dependencies": {
     "@sdcorejs/angular-material-datetime": "1.0.3",
     "@sdcorejs/utils": "1.1.4",
     "@lucide/angular": "^1.22.0",
     "@ckeditor/ckeditor5-angular": "11.1.2",
-    "@omer-go/docx-parser-converter-ts": "^1.0.0",
-    "@bjorn3/browser_wasi_shim": "^0.4.2",
     "ckeditor5": "48.0.0",
     "chart.js": "^4.5.1",
     "date-fns": "^3.6.0",
@@ -32,7 +53,13 @@
     "prismjs": "^1.30.0",
     "tslib": "^2.8.0"
   },
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss",
+    "./fesm2022/sdcorejs-angular-components-chart.mjs",
+    "./fesm2022/sdcorejs-angular-components-code-editor.mjs",
+    "./fesm2022/sdcorejs-angular-components-ckeditor-styles.mjs"
+  ],
   "module": "fesm2022/sdcorejs-angular.mjs",
   "typings": "types/sdcorejs-angular.d.ts",
   "exports": {
@@ -67,10 +94,6 @@
       "types": "./types/sdcorejs-angular-components-badge.d.ts",
       "default": "./fesm2022/sdcorejs-angular-components-badge.mjs"
     },
-    "./components/base": {
-      "types": "./types/sdcorejs-angular-components-base.d.ts",
-      "default": "./fesm2022/sdcorejs-angular-components-base.mjs"
-    },
     "./components/breadcrumb": {
       "types": "./types/sdcorejs-angular-components-breadcrumb.d.ts",
       "default": "./fesm2022/sdcorejs-angular-components-breadcrumb.mjs"
@@ -95,10 +118,6 @@
       "types": "./types/sdcorejs-angular-components-data-state.d.ts",
       "default": "./fesm2022/sdcorejs-angular-components-data-state.mjs"
     },
-    "./components/document-builder": {
-      "types": "./types/sdcorejs-angular-components-document-builder.d.ts",
-      "default": "./fesm2022/sdcorejs-angular-components-document-builder.mjs"
-    },
     "./components/editor": {
       "types": "./types/sdcorejs-angular-components-editor.d.ts",
       "default": "./fesm2022/sdcorejs-angular-components-editor.mjs"
@@ -311,10 +330,6 @@
       "types": "./types/sdcorejs-angular-interceptors.d.ts",
       "default": "./fesm2022/sdcorejs-angular-interceptors.mjs"
     },
-    "./models": {
-      "types": "./types/sdcorejs-angular-models.d.ts",
-      "default": "./fesm2022/sdcorejs-angular-models.mjs"
-    },
     "./modules": {
       "types": "./types/sdcorejs-angular-modules.d.ts",
       "default": "./fesm2022/sdcorejs-angular-modules.mjs"
@@ -359,18 +374,10 @@
       "types": "./types/sdcorejs-angular-services-confirm.d.ts",
       "default": "./fesm2022/sdcorejs-angular-services-confirm.mjs"
     },
-    "./services/docx": {
-      "types": "./types/sdcorejs-angular-services-docx.d.ts",
-      "default": "./fesm2022/sdcorejs-angular-services-docx.mjs"
-    },
     "./services/excel": {
       "types": "./types/sdcorejs-angular-services-excel.d.ts",
       "default": "./fesm2022/sdcorejs-angular-services-excel.mjs"
     },
-    "./services/license": {
-      "types": "./types/sdcorejs-angular-services-license.d.ts",
-      "default": "./fesm2022/sdcorejs-angular-services-license.mjs"
-    },
     "./services/loading": {
       "types": "./types/sdcorejs-angular-services-loading.d.ts",
       "default": "./fesm2022/sdcorejs-angular-services-loading.mjs"

package/types/sdcorejs-angular-components-anchor.d.ts

@@ -30,13 +30,15 @@ declare class SdAnchor implements OnDestroy {
     ellipsis: _angular_core.InputSignalWithTransform<boolean, unknown>;
     overScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
     hideNav: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    hideNavOnMobile: _angular_core.InputSignalWithTransform<boolean, unknown>;
     color: _angular_core.InputSignal<Color>;
+    readonly navHidden: _angular_core.Signal<boolean>;
     activeSectionId: _angular_core.WritableSignal<string>;
     constructor();
     scrollSectionByClick(idSectionTarget: string): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdAnchor, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdAnchor, "sd-anchor", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "sidebarWidth": { "alias": "sidebarWidth"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; "overScroll": { "alias": "overScroll"; "required": false; "isSignal": true; }; "hideNav": { "alias": "hideNav"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, ["sections"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdAnchor, "sd-anchor", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "sidebarWidth": { "alias": "sidebarWidth"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; "overScroll": { "alias": "overScroll"; "required": false; "isSignal": true; }; "hideNav": { "alias": "hideNav"; "required": false; "isSignal": true; }; "hideNavOnMobile": { "alias": "hideNavOnMobile"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, ["sections"], ["*"], true, never>;
 }
 
 export { SdAnchor, SdAnchorItem };

package/types/sdcorejs-angular-components-badge.d.ts

@@ -22,6 +22,7 @@ declare class SdBadge {
     size: _angular_core.InputSignalWithTransform<Size, Size | null | undefined>;
     readonly click: EventEmitter<Event>;
     onClick: (event: Event) => void;
+    onActivateKey: (event: Event) => void;
     effectiveColor: _angular_core.Signal<Color>;
     baseColorClasses: _angular_core.Signal<{
         'c-primary': boolean;

package/types/sdcorejs-angular-components-ckeditor-styles.d.ts

@@ -7,7 +7,7 @@ import * as i0 from '@angular/core';
  * - CKEditor's CSS must be global (applies to body-rendered overlays, dialogs, balloons),
  *   which means whichever Angular component declares it must use ViewEncapsulation.None.
  * - Switching encapsulation on the main editor components (`<sd-editor>`, `<sd-mini-editor>`,
- *   `<sd-document-builder>`) would un-scope all their local styles too.
+ *   `<sd-mini-editor>`) would un-scope all their local styles too.
  * - Instead, this tiny no-render component owns the global CSS. The editor components embed
  *   `<sd-ckeditor-styles>` at the top of their template; the CSS is injected once into <head>
  *   the first time any editor instance mounts. Editor components themselves keep

package/types/sdcorejs-angular-components-form-generic.d.ts

@@ -3,7 +3,7 @@ import { InjectionToken, OnDestroy, OnInit, AfterViewInit, QueryList } from '@an
 import { SdSearch, SdCustomValidator } from '@sdcorejs/angular/forms/models';
 import { SdTableColumn, SdTableOption, SdTable } from '@sdcorejs/angular/components/table';
 import { SdUploadFile } from '@sdcorejs/angular/components/upload-file';
-import { Operator as Operator$1, ValidationPatternType, Color } from '@sdcorejs/utils/models';
+import { Operator, ValidationPatternType, Color } from '@sdcorejs/utils/models';
 import { SdUnwrapSignal } from '@sdcorejs/angular/utilities/models';
 import { CdkDropList, CdkDragMove, CdkDragDrop, CdkDragEnter, CdkDragSortEvent, CdkDrag } from '@angular/cdk/drag-drop';
 import { FormGroup } from '@angular/forms';
@@ -17,7 +17,7 @@ type SdFormRenderEntity = Record<string, any> & {
     sdRaw?: Record<string, any>;
 };
 
-interface SdFormGenericSelectionItem<T = any> {
+interface SdFormGenericSelectionItem<T = unknown> {
     value: string;
     display: string;
     disabled?: boolean;
@@ -28,8 +28,8 @@ interface SdFormGenericSelectionStaticItem {
     value: string;
     label: string;
 }
-type SdFormGenericDefinitionSelection<T = any, TArgs = any> = SelectionValues<T> | SelectionLazyValues<T> | SelectionValuesKey<TArgs> | SelectionLazyValuesKey<TArgs>;
-interface SelectionVariables<T = any> {
+type SdFormGenericDefinitionSelection<T = unknown, TArgs = unknown> = SelectionValues<T> | SelectionLazyValues<T> | SelectionValuesKey<TArgs> | SelectionLazyValuesKey<TArgs>;
+interface SelectionVariables<T = unknown> {
     items?: {
         value: Extract<keyof T, string>;
         display: string;
@@ -57,10 +57,10 @@ interface SelectionLazyValuesKey<TArgs> extends SelecttionBase {
     lazyValuesKey: string;
     args?: TArgs;
 }
-interface SelectionValues<T = any> extends SelecttionBase {
+interface SelectionValues<T = unknown> extends SelecttionBase {
     values: (args: SdFormGenericArgs) => Promise<SdFormGenericSelectionItem<T>[]>;
 }
-interface SelectionLazyValues<T = any> extends SelecttionBase {
+interface SelectionLazyValues<T = unknown> extends SelecttionBase {
     lazyValues: (searchArgs: Parameters<SdSearch>[0], args: SdFormGenericArgs) => Promise<SdFormGenericSelectionItem<T>[]>;
 }
 
@@ -74,13 +74,13 @@ interface SdFormGenericExpressionCondition {
     key: string;
     type: 'condition';
     field?: string;
-    operator: Operator$1;
+    operator: Operator;
     value: any;
     dayInfo: DayInfo;
 }
-type Operator = 'EQUAL' | 'NOT_EQUAL' | 'GREATER_THAN' | 'LESS_THAN' | 'GREATER_OR_EQUAL' | 'LESS_OR_EQUAL' | 'NULL' | 'NOT_NULL';
-declare const Operators: {
-    value: Operator;
+type SdFormGenericOperator = 'EQUAL' | 'NOT_EQUAL' | 'GREATER_THAN' | 'LESS_THAN' | 'GREATER_OR_EQUAL' | 'LESS_OR_EQUAL' | 'NULL' | 'NOT_NULL';
+declare const SdFormGenericOperators: {
+    value: SdFormGenericOperator;
     symbol?: string;
     display: string;
 }[];
@@ -107,16 +107,16 @@ interface DayInfo {
     related?: 'LASTDAY' | 'NEXTDAY' | 'LASTWEEK' | 'NEXTWEEK' | 'LASTMONTH' | 'NEXTMONTH';
     relatedValue?: number;
 }
-declare const DayInfoTypes: {
+declare const SD_DAY_INFO_TYPES: {
     value: string;
     display: string;
 }[];
-declare const DayInfoPreviouses: {
+declare const SD_DAY_INFO_PREVIOUSES: {
     value: string;
     display: string;
     format: (n: number) => string;
 }[];
-declare const GetDatetimeValue: (value: string) => string | undefined;
+declare const sdGetDatetimeValue: (value: string) => string | undefined;
 interface AttributeValues {
     value: string;
     display: string;
@@ -126,20 +126,24 @@ interface AttributeValues {
         display: string;
     }[];
 }
-declare const AttributeOperators: Record<Attribute['type'], {
-    value: Operator;
+declare const SD_ATTRIBUTE_OPERATORS: Record<Attribute['type'], {
+    value: SdFormGenericOperator;
     symbol?: string;
     display: string;
 }[]>;
-declare const GetAttributes: (components: (SdFormGenericComponent | SdFormGenericGroup)[]) => Attribute[];
-declare const TemplateToCondition: (template: string | undefined | null, entity: Record<string, any>) => string | undefined;
-declare const EvaluateExpression: (condition: SdFormGenericExpression | SdFormGenericExpressionCondition, entity: Record<string, any>) => boolean | undefined;
-declare const ExpressionToJavascriptExpression: (condition: SdFormGenericExpression | SdFormGenericExpressionCondition) => string | undefined;
+declare const sdGetAttributes: (components: (SdFormGenericComponent | SdFormGenericGroup)[]) => Attribute[];
+declare const sdTemplateToCondition: (template: string | undefined | null, entity: Record<string, any>) => string | undefined;
+declare const sdEvaluateExpression: (condition: SdFormGenericExpression | SdFormGenericExpressionCondition, entity: Record<string, any>) => boolean | undefined;
+declare const sdExpressionToJavascriptExpression: (condition: SdFormGenericExpression | SdFormGenericExpressionCondition) => string | undefined;
 
 type SdFormGenericValidation = ValidationExpression | ValidationFunction;
 interface ValidationBase {
     alert: 'warning' | 'error';
 }
+declare const ValidationAlerts: {
+    value: string;
+    display: string;
+}[];
 interface ValidationExpression extends ValidationBase {
     type: 'expression';
     expression: SdFormGenericExpression;
@@ -179,9 +183,9 @@ interface SdFormGenericLayout {
     columns: '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
     mobileColumns?: '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 }
-declare const GenerateId: () => string;
-declare const GenerateKey: () => string;
-declare const SdFormatComponent: (component: SdFormGenericComponent | SdFormGenericGroup) => void;
+declare const sdGenerateId: () => string;
+declare const sdGenerateKey: () => string;
+declare const sdFormatComponent: (component: SdFormGenericComponent | SdFormGenericGroup) => void;
 interface SdFormGenericVariable {
     id: string;
     key: string;
@@ -333,7 +337,7 @@ interface FormRenderComponentTableColumnValues {
     query?: Record<string, any>;
 }
 type SdFormGenericTableColumn<T = any> = TableColumnString<T> | TableColumnNumber<T> | TableColumnBool<T> | TableColumnDate<T> | TableColumnDatetime<T> | TableColumnRadio<T> | TableColumnValues<T> | TableColumnImage<T> | TableColumnFile<T>;
-declare const TableColumnTypes: {
+declare const SD_TABLE_COLUMN_TYPES: {
     value: string;
     display: string;
 }[];
@@ -463,17 +467,17 @@ interface FormBuilderComponent {
     group: FormBuilderComponentGroup;
     name: string;
 }
-declare const FormBuilderComponents: FormBuilderComponent[];
+declare const SD_FORM_BUILDER_COMPONENTS: FormBuilderComponent[];
 /** Lookup: component type → Material icon + label, used by attribute panel header. */
-declare const COMPONENT_ICONS: Record<string, {
+declare const SD_COMPONENT_ICONS: Record<string, {
     symbol: string;
     label: string;
 }>;
-declare const GetComponentAttributes: (components: (SdFormGenericComponent | SdFormGenericGroup)[]) => {
+declare const sdGetComponentAttributes: (components: (SdFormGenericComponent | SdFormGenericGroup)[]) => {
     value: string;
     display: string;
 }[];
-declare const GetVariableAttributes: (variables: SdFormGenericVariable[]) => {
+declare const sdGetVariableAttributes: (variables: SdFormGenericVariable[]) => {
     value: string;
     display: string;
 }[];
@@ -525,7 +529,7 @@ interface SdFormGenericDefinitionHtmlQuery {
     }[];
 }
 
-interface IWorkflowConfigurationForm<TSelectionArgs = any> {
+interface IWorkflowConfigurationForm<TSelectionArgs = unknown> {
     templates: SdFormGenericTemplate[];
     selections: SdFormGenericDefinitionSelection<any, TSelectionArgs>[] | (() => SdFormGenericDefinitionSelection<any, TSelectionArgs>[]) | (() => Promise<SdFormGenericDefinitionSelection[]>);
     getValues?: (key: string, selectionArgs?: TSelectionArgs) => Promise<SdFormGenericSelectionItem[]>;
@@ -595,7 +599,7 @@ declare class TableComponent implements AfterViewInit, OnDestroy, OnInit {
     readonly modelChange: _angular_core.OutputEmitterRef<any[]>;
     tableOption?: SdTableOption;
     row: any;
-    columnValues: Record<string, SdFormGenericSelectionItem[] | SdSearch$1>;
+    columnValues: Record<string, SdFormGenericSelectionItem[] | SdSearch$1<SdFormGenericSelectionItem>>;
     formRenderColumn: Record<string, SdFormGenericTableColumn>;
     fileKeys: string[];
     imageKeys: string[];
@@ -604,6 +608,11 @@ declare class TableComponent implements AfterViewInit, OnDestroy, OnInit {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    /**
+     * Tiêu đề của side-drawer phải nói đúng tác vụ đang làm — trước đây nó cứng là "Chi tiết" cho cả
+     * thêm mới lẫn sửa, còn dòng "Tạo mới/cập nhật" thì rơi vào thân drawer vì gắn nhầm slot.
+     */
+    get detailTitle(): string;
     onDetail: (row?: any) => void;
     onCancel: () => void;
     onAccept: (addable?: boolean) => void;
@@ -797,7 +806,7 @@ declare class SdFormBuilder implements OnInit, OnDestroy {
     placeholderColumnsFor: (item: FormBuilderComponent | SdFormGenericComponent | SdFormGenericGroup | DragDropRowItem | undefined) => number;
     /** True nếu component có expression điều kiện — drives the "conditional" status chip. */
     hasConditional: (item: SdFormGenericComponent | SdFormGenericGroup) => boolean;
-    /** Map SdColor preset → 2 CSS var names cho header-bg và header-fg của group card. */
+    /** Map Color preset → 2 CSS var names cho header-bg và header-fg của group card. */
     groupColorVars: (color: string | undefined | null) => {
         bg: string;
         fg: string;
@@ -805,6 +814,7 @@ declare class SdFormBuilder implements OnInit, OnDestroy {
     /** Segmented Design/Preview toggle (replaces play_circle/stop_circle). */
     setMode: (preview: boolean) => void;
     /** Mở canvas thiết kế riêng cho 1 group (chỉ children của nó). Snapshot để Cancel revert. */
+    onEnterGroupEditKeydown: (group: SdFormGenericGroup, event: KeyboardEvent) => void;
     enterGroupEdit: (group: SdFormGenericGroup) => void;
     /** OK: giữ thay đổi children, quay về canvas chính. */
     confirmGroupEdit: () => void;
@@ -817,6 +827,7 @@ declare class SdFormBuilder implements OnInit, OnDestroy {
     /** Xoá component theo scope hiện tại (top-level hoặc children của group đang Detail). */
     removeComponent: (id: string) => void;
     selectComponent: (item?: SdFormGenericComponent | SdFormGenericGroup) => void;
+    onPaletteItemKeydown: (item: FormBuilderComponent, event: KeyboardEvent) => void;
     onClickedOutside: (e: any) => void;
     clickFormContentEmpty: () => void;
     drop: (event: CdkDragDrop<any[]>) => void;
@@ -867,7 +878,7 @@ declare class SdFeelExpression implements OnInit {
     modal?: SdModal;
     form: FormGroup<{}>;
     attributeOperators: Record<"string" | "number" | "boolean" | "datetime" | "values", {
-        value: _sdcorejs_angular_components_form_generic.Operator;
+        value: _sdcorejs_angular_components_form_generic.SdFormGenericOperator;
         symbol?: string;
         display: string;
     }[]>;
@@ -905,5 +916,5 @@ declare class SdFormRenderService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<SdFormRenderService>;
 }
 
-export { AttributeOperators, COMPONENT_ICONS, DayInfoPreviouses, DayInfoTypes, EvaluateExpression, ExpressionToJavascriptExpression, FormBuilderComponents, GenerateId, GenerateKey, GetAttributes, GetComponentAttributes, GetDatetimeValue, GetVariableAttributes, Operators, SD_FORM_GENERIC_CONFIGURATION, SdFeelExpression, SdFormBuilder, SdFormRender, SdFormRenderService, SdFormatComponent, TableColumnTypes, TemplateToCondition };
-export type { Attribute, DayInfo, FormBuilderComponent, FormBuilderComponentGroup, FormRenderComponentTableColumnValues, ISdFormGenericConfiguration, IWorkflowConfigurationForm, Operator, SdFormGeneric, SdFormGenericArgs, SdFormGenericBreak, SdFormGenericCheckbox, SdFormGenericChecklist, SdFormGenericChipCalendar, SdFormGenericChipString, SdFormGenericComponent, SdFormGenericComponentBase, SdFormGenericDatetime, SdFormGenericDefinitionHtml, SdFormGenericDefinitionSelection, SdFormGenericDefinitionTable, SdFormGenericExpression, SdFormGenericExpressionCondition, SdFormGenericGroup, SdFormGenericHtml, SdFormGenericLayout, SdFormGenericNumber, SdFormGenericRadio, SdFormGenericSelect, SdFormGenericSelectionItem, SdFormGenericSelectionStaticItem, SdFormGenericTable, SdFormGenericTableColumn, SdFormGenericTemplate, SdFormGenericTextarea, SdFormGenericTextfield, SdFormGenericUpload, SdFormGenericValues, SdFormGenericVariable, SdFormRenderConfiguration, SdFormRenderEntity };
+export { SD_ATTRIBUTE_OPERATORS, SD_COMPONENT_ICONS, SD_DAY_INFO_PREVIOUSES, SD_DAY_INFO_TYPES, SD_FORM_BUILDER_COMPONENTS, SD_FORM_GENERIC_CONFIGURATION, SD_TABLE_COLUMN_TYPES, SdFeelExpression, SdFormBuilder, SdFormGenericOperators, SdFormRender, SdFormRenderService, ValidationAlerts, sdEvaluateExpression, sdExpressionToJavascriptExpression, sdFormatComponent, sdGenerateId, sdGenerateKey, sdGetAttributes, sdGetComponentAttributes, sdGetDatetimeValue, sdGetVariableAttributes, sdTemplateToCondition };
+export type { Attribute, DayInfo, FormBuilderComponent, FormBuilderComponentGroup, FormRenderComponentTableColumnValues, ISdFormGenericConfiguration, IWorkflowConfigurationForm, SdFormGeneric, SdFormGenericArgs, SdFormGenericBreak, SdFormGenericCheckbox, SdFormGenericChecklist, SdFormGenericChipCalendar, SdFormGenericChipString, SdFormGenericComponent, SdFormGenericComponentBase, SdFormGenericDatetime, SdFormGenericDefinitionHtml, SdFormGenericDefinitionSelection, SdFormGenericDefinitionTable, SdFormGenericExpression, SdFormGenericExpressionCondition, SdFormGenericGroup, SdFormGenericHtml, SdFormGenericLayout, SdFormGenericNumber, SdFormGenericOperator, SdFormGenericRadio, SdFormGenericSelect, SdFormGenericSelectionItem, SdFormGenericSelectionStaticItem, SdFormGenericTable, SdFormGenericTableColumn, SdFormGenericTemplate, SdFormGenericTextarea, SdFormGenericTextfield, SdFormGenericUpload, SdFormGenericValidation, SdFormGenericValidationConfiguration, SdFormGenericValidationFunction, SdFormGenericValues, SdFormGenericVariable, SdFormRenderConfiguration, SdFormRenderEntity };

package/types/sdcorejs-angular-components-import-excel.d.ts

@@ -139,6 +139,7 @@ declare class SdImportExcel implements OnInit, OnDestroy {
     accept: () => void;
     setValidation: (validations: SdImportExcelValidation[]) => void;
     view: (showing?: "ALL" | "SUCCESS" | "WARNING" | "ERROR") => void;
+    onDownloadTemplateKeydown: (event: KeyboardEvent) => void;
     downloadTemplate: () => Promise<void>;
     export: () => Promise<void>;
     onClosed: () => void;

package/types/sdcorejs-angular-components-mini-editor.d.ts

@@ -18,7 +18,7 @@ interface SdMiniEditorMentionConfig {
         attributes?: Record<string, string>;
     };
 }
-type SdMiniEditorMentionItem<T = any> = MentionFeedObjectItem & {
+type SdMiniEditorMentionItem<T = unknown> = MentionFeedObjectItem & {
     data?: T;
 };
 interface SdMiniEditorOption {