@sd-angular/core 19.0.0-beta.97 → 19.0.0-beta.99

package/fesm2022/sd-angular-core-utilities-data-state.mjs

@@ -0,0 +1,38 @@
+/**
+ * Serialize a value for the `data-value` attribute consumed by QA automation.
+ *
+ * null/undefined/empty-string → ''.
+ * Date → ISO string.
+ * Array / object → JSON.stringify, '' on failure (circular refs).
+ * Primitives → String().
+ */
+function sdSerializeDataValue(value) {
+    if (value === null || value === undefined || value === '')
+        return '';
+    if (value instanceof Date)
+        return value.toISOString();
+    if (Array.isArray(value) || (typeof value === 'object' && value !== null)) {
+        try {
+            return JSON.stringify(value);
+        }
+        catch {
+            return '';
+        }
+    }
+    return String(value);
+}
+/** True when the value should drive `data-empty="true"` on a form control. */
+function sdIsEmpty(value) {
+    if (value === null || value === undefined || value === '')
+        return true;
+    if (Array.isArray(value))
+        return value.length === 0;
+    return false;
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { sdIsEmpty, sdSerializeDataValue };
+//# sourceMappingURL=sd-angular-core-utilities-data-state.mjs.map

package/fesm2022/sd-angular-core-utilities-data-state.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-angular-core-utilities-data-state.mjs","sources":["../../../projects/sd-angular/utilities/data-state/src/data-state.ts","../../../projects/sd-angular/utilities/data-state/sd-angular-core-utilities-data-state.ts"],"sourcesContent":["/**\r\n * Serialize a value for the `data-value` attribute consumed by QA automation.\r\n *\r\n * null/undefined/empty-string → ''.\r\n * Date → ISO string.\r\n * Array / object → JSON.stringify, '' on failure (circular refs).\r\n * Primitives → String().\r\n */\r\nexport function sdSerializeDataValue(value: unknown): string {\r\n  if (value === null || value === undefined || value === '') return '';\r\n  if (value instanceof Date) return value.toISOString();\r\n  if (Array.isArray(value) || (typeof value === 'object' && value !== null)) {\r\n    try { return JSON.stringify(value); } catch { return ''; }\r\n  }\r\n  return String(value);\r\n}\r\n\r\n/** True when the value should drive `data-empty=\"true\"` on a form control. */\r\nexport function sdIsEmpty(value: unknown): boolean {\r\n  if (value === null || value === undefined || value === '') return true;\r\n  if (Array.isArray(value)) return value.length === 0;\r\n  return false;\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;;;;;;;AAOG;AACG,SAAU,oBAAoB,CAAC,KAAc,EAAA;IACjD,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;AAAE,QAAA,OAAO,EAAE;IACpE,IAAI,KAAK,YAAY,IAAI;AAAE,QAAA,OAAO,KAAK,CAAC,WAAW,EAAE;AACrD,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC,EAAE;AACzE,QAAA,IAAI;AAAE,YAAA,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;QAAE;AAAE,QAAA,MAAM;AAAE,YAAA,OAAO,EAAE;QAAE;IAC3D;AACA,IAAA,OAAO,MAAM,CAAC,KAAK,CAAC;AACtB;AAEA;AACM,SAAU,SAAS,CAAC,KAAc,EAAA;IACtC,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;AAAE,QAAA,OAAO,IAAI;AACtE,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AACnD,IAAA,OAAO,KAAK;AACd;;ACtBA;;AAEG;;;;"}

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

@@ -1,5 +1,6 @@
 export * from '@sd-angular/core/utilities/extensions';
 export * from '@sd-angular/core/utilities/models';
+export * from '@sd-angular/core/utilities/data-state';
 
 /**
  * Generated bundle index. Do not edit.

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

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

package/forms/autocomplete/src/autocomplete.component.d.ts

@@ -24,6 +24,11 @@ export declare class SdAutocomplete<T = any> implements OnInit, OnDestroy, After
     private formConfig;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     autoId: import("@angular/core").Signal<string | undefined>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataInvalid: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string>;
+    readonly dataLoading: import("@angular/core").Signal<"true" | "false">;
     name: import("@angular/core").InputSignal<string>;
     size: import("@angular/core").InputSignal<import("@sdcorejs/utils/models").Size>;
     form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;

package/forms/checkbox/src/checkbox.component.d.ts

@@ -7,6 +7,9 @@ export declare class SdCheckbox implements OnDestroy, OnInit, AfterViewInit {
     id: string;
     readonly autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     readonly autoId: import("@angular/core").Signal<string | undefined>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string>;
     set name(val: string);
     set form(val: NgForm | FormGroup);
     formControl: FormControl<any>;

package/forms/chip/src/chip.component.d.ts

@@ -16,6 +16,10 @@ export declare class SdChip implements AfterViewInit {
     #private;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     autoId: import("@angular/core").Signal<string | undefined>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string>;
+    readonly dataCount: import("@angular/core").Signal<string>;
     name: import("@angular/core").InputSignal<string | undefined>;
     appearance: import("@angular/core").InputSignal<MatFormFieldAppearance>;
     floatLabel: import("@angular/core").InputSignal<FloatLabelType>;

package/forms/chip-calendar/src/chip-calendar.component.d.ts

@@ -19,6 +19,10 @@ export declare class SdChipCalendar implements AfterViewInit {
     calendar: MatCalendar<Date>;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     autoId: import("@angular/core").Signal<string | undefined>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string>;
+    readonly dataCount: import("@angular/core").Signal<string>;
     name: import("@angular/core").InputSignal<string | undefined>;
     appearance: import("@angular/core").InputSignal<MatFormFieldAppearance>;
     floatLabel: import("@angular/core").InputSignal<FloatLabelType>;

package/forms/date/src/date.component.d.ts

@@ -18,6 +18,10 @@ export declare class SdDate implements OnDestroy, OnInit {
     private formConfig;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     autoId: import("@angular/core").Signal<string | undefined>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataInvalid: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string>;
     name: import("@angular/core").InputSignal<string>;
     size: import("@angular/core").InputSignal<import("@sdcorejs/utils/models").Size>;
     form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;

package/forms/date-range/src/date-range.component.d.ts

@@ -18,6 +18,10 @@ export declare class SdDateRange implements OnDestroy, OnInit {
     private formConfig;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     autoId: import("@angular/core").Signal<string | undefined>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataInvalid: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string>;
     name: import("@angular/core").InputSignal<string>;
     size: import("@angular/core").InputSignal<import("@sdcorejs/utils/models").Size>;
     form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;

package/forms/datetime/src/datetime.component.d.ts

@@ -18,6 +18,10 @@ export declare class SdDatetime implements OnDestroy, OnInit {
     private formConfig;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     autoId: import("@angular/core").Signal<string | undefined>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataInvalid: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string>;
     name: import("@angular/core").InputSignal<string>;
     size: import("@angular/core").InputSignal<import("@sdcorejs/utils/models").Size>;
     form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;

package/forms/input/src/input.component.d.ts

@@ -14,6 +14,10 @@ export declare class SdInput implements OnDestroy, OnInit, AfterViewInit {
     sdViewDef: import("@angular/core").Signal<SdViewDefDirective | undefined>;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     autoId: import("@angular/core").Signal<string | undefined>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataInvalid: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string | null>;
     name: import("@angular/core").InputSignal<string>;
     appearanceInput: import("@angular/core").InputSignal<MatFormFieldAppearance | undefined>;
     appearance: import("@angular/core").Signal<MatFormFieldAppearance>;

package/forms/input-number/src/input-number.component.d.ts

@@ -24,6 +24,10 @@ export declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
     private formConfig;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     autoId: import("@angular/core").Signal<string | undefined>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataInvalid: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string>;
     name: import("@angular/core").InputSignal<string>;
     size: import("@angular/core").InputSignal<import("@sdcorejs/utils/models").Size>;
     form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
@@ -62,8 +66,8 @@ export declare class SdInputNumber implements OnDestroy, OnInit, AfterViewInit {
     inputControl: SdFormControl;
     matcher: SdInputNumberErrotStateMatcher;
     isFocused: boolean;
-    decimalSeparator: import("@angular/core").Signal<"," | ".">;
-    thousandsSeparator: import("@angular/core").Signal<"," | ".">;
+    decimalSeparator: import("@angular/core").Signal<"." | ",">;
+    thousandsSeparator: import("@angular/core").Signal<"." | ",">;
     regexPattern: import("@angular/core").Signal<string>;
     constructor();
     ngOnInit(): void;

package/forms/models/index.d.ts

@@ -3,3 +3,4 @@ export * from './src/sd-form-control.model';
 export * from './src/sd-custom-validator.model';
 export * from './src/sd-selection-data.model';
 export * from './src/sd-search.model';
+export * from './src/form-control-state';

package/forms/models/src/form-control-state.d.ts

@@ -0,0 +1,23 @@
+import { Signal } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+export interface SdFormControlSnapshot<T> {
+    value: T | undefined;
+    disabled: boolean;
+    invalid: boolean;
+    touched: boolean;
+}
+/**
+ * Wrap an AbstractControl Signal into a reactive snapshot signal.
+ *
+ * Re-emits on every value, status, touched, or dirty change so
+ * downstream consumers can derive `data-disabled`, `data-value`,
+ * `data-empty`, and `data-invalid` host-binding attributes from a
+ * single, lazily evaluated signal.
+ *
+ * "invalid" is intentionally gated on `touched || dirty` so validation
+ * errors are not surfaced until the user has interacted with the field.
+ *
+ * Must be called inside an Angular injection context (constructor,
+ * field initialiser, or `runInInjectionContext`).
+ */
+export declare function sdFormControlState<T = unknown>(control: Signal<AbstractControl<T> | null | undefined>): Signal<SdFormControlSnapshot<T>>;

package/forms/radio/src/radio.component.d.ts

@@ -9,6 +9,9 @@ export declare class SdRadio implements OnInit, AfterViewInit, OnDestroy {
     id: string;
     readonly autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     readonly autoId: import("@angular/core").Signal<string | undefined>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string>;
     set name(val: string | undefined);
     formControl: SdFormControl;
     set form(val: NgForm | FormGroup | undefined | null);

package/forms/select/src/select.component.d.ts

@@ -19,6 +19,11 @@ export declare class SdSelect<T extends object | string | number = Record<string
     sdViewDef: Signal<SdViewDefDirective | undefined>;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     autoId: Signal<string | undefined>;
+    readonly dataDisabled: Signal<"true" | "false">;
+    readonly dataInvalid: Signal<"true" | "false">;
+    readonly dataEmpty: Signal<"true" | "false">;
+    readonly dataValue: Signal<string>;
+    readonly dataLoading: Signal<"true" | "false">;
     name: import("@angular/core").InputSignal<string>;
     size: import("@angular/core").InputSignal<import("@sdcorejs/utils/models").Size>;
     form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;

package/forms/switch/src/switch.component.d.ts

@@ -9,6 +9,9 @@ export declare class SdSwitch implements OnInit, AfterViewInit, OnDestroy {
     id: string;
     readonly autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     readonly autoId: import("@angular/core").Signal<string | undefined>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string>;
     set _name(val: string | undefined);
     set form(val: NgForm | FormGroup | undefined | null);
     label?: string;

package/forms/textarea/src/textarea.component.d.ts

@@ -13,6 +13,10 @@ export declare class SdTextarea implements OnInit, AfterViewInit, OnDestroy {
     sdSuffixDef: import("@angular/core").Signal<SdSuffixDefDirective | undefined>;
     autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
     autoId: import("@angular/core").Signal<string | undefined>;
+    readonly dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataInvalid: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    readonly dataValue: import("@angular/core").Signal<string>;
     name: import("@angular/core").InputSignal<string>;
     size: import("@angular/core").InputSignal<import("@sdcorejs/utils/models").Size>;
     form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;

package/i18n/src/en.d.ts

@@ -8,15 +8,51 @@ export declare const EN_MESSAGES: {
     readonly 'core.validator.phone.name': "Phone";
     readonly 'core.validator.phone.error': "Invalid phone number";
     readonly 'core.validator.phone-vn.name': "VN phone";
-    readonly 'core.validator.phone-vn.error': "Invalid phone number";
+    readonly 'core.validator.phone-vn.error': "Invalid Vietnamese phone number";
     readonly 'core.validator.cccd.name': "National ID";
     readonly 'core.validator.cccd.error': "Invalid national ID (12 digits)";
-    readonly 'core.validator.passport.name': "Passport";
-    readonly 'core.validator.passport.error': "Invalid passport (1 letter + 7 digits)";
     readonly 'core.validator.id-vn.name': "National ID / Passport";
     readonly 'core.validator.id-vn.error': "Invalid national ID or passport";
+    readonly 'core.validator.vn-phone.name': "VN phone";
+    readonly 'core.validator.vn-phone.error': "Invalid Vietnamese phone number";
+    readonly 'core.validator.vn-id.name': "National ID";
+    readonly 'core.validator.vn-id.error': "Invalid national ID (12 digits)";
+    readonly 'core.validator.passport.name': "Passport";
+    readonly 'core.validator.passport.error': "Invalid passport (1 letter + 7 digits)";
+    readonly 'core.validator.vn-id-or-passport.name': "National ID / Passport";
+    readonly 'core.validator.vn-id-or-passport.error': "Invalid national ID or passport";
     readonly 'core.validator.time.name': "Time";
     readonly 'core.validator.time.error': "Invalid time (format HH:mm)";
+    readonly 'core.validator.url.name': "URL";
+    readonly 'core.validator.url.error': "Invalid URL";
+    readonly 'core.validator.domain.name': "Domain";
+    readonly 'core.validator.domain.error': "Invalid domain";
+    readonly 'core.validator.ipv4.name': "IPv4";
+    readonly 'core.validator.ipv4.error': "Invalid IPv4 address";
+    readonly 'core.validator.ipv6.name': "IPv6";
+    readonly 'core.validator.ipv6.error': "Invalid IPv6 address";
+    readonly 'core.validator.image-url.name': "Image URL";
+    readonly 'core.validator.image-url.error': "Invalid image URL";
+    readonly 'core.validator.slug.name': "Slug";
+    readonly 'core.validator.slug.error': "Invalid slug";
+    readonly 'core.validator.number.name': "Number";
+    readonly 'core.validator.number.error': "Invalid number";
+    readonly 'core.validator.integer.name': "Integer";
+    readonly 'core.validator.integer.error': "Invalid integer";
+    readonly 'core.validator.decimal.name': "Decimal";
+    readonly 'core.validator.decimal.error': "Invalid decimal number";
+    readonly 'core.validator.positive-number.name': "Positive number";
+    readonly 'core.validator.positive-number.error': "Must be a positive number";
+    readonly 'core.validator.uuid.name': "UUID";
+    readonly 'core.validator.uuid.error': "Invalid UUID";
+    readonly 'core.validator.code-16.name': "16-char code";
+    readonly 'core.validator.code-16.error': "Invalid 16-character code";
+    readonly 'core.validator.code-32.name': "32-char code";
+    readonly 'core.validator.code-32.error': "Invalid 32-character code";
+    readonly 'core.validator.hex-color.name': "Hex color";
+    readonly 'core.validator.hex-color.error': "Invalid hex color";
+    readonly 'core.validator.base64.name': "Base64";
+    readonly 'core.validator.base64.error': "Invalid Base64 string";
     readonly 'core.operator.equal.display': "Equal";
     readonly 'core.operator.not-equal.display': "Not equal";
     readonly 'core.operator.greater-than.display': "Greater than";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sd-angular/core",
-  "version": "19.0.0-beta.97",
+  "version": "19.0.0-beta.99",
   "peerDependencies": {
     "@angular/common": "^19.0.0 || ^20.0.0 || ^21.0.0",
     "@angular/core": "^19.0.0 || ^20.0.0 || ^21.0.0",
@@ -48,14 +48,14 @@
       "types": "./forms/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms.mjs"
     },
-    "./i18n": {
-      "types": "./i18n/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-i18n.mjs"
-    },
     "./handlers": {
       "types": "./handlers/index.d.ts",
       "default": "./fesm2022/sd-angular-core-handlers.mjs"
     },
+    "./i18n": {
+      "types": "./i18n/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-i18n.mjs"
+    },
     "./interceptors": {
       "types": "./interceptors/index.d.ts",
       "default": "./fesm2022/sd-angular-core-interceptors.mjs"
@@ -84,26 +84,30 @@
       "types": "./components/anchor/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-anchor.mjs"
     },
+    "./components/autoid-inspector": {
+      "types": "./components/autoid-inspector/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-autoid-inspector.mjs"
+    },
     "./components/avatar": {
       "types": "./components/avatar/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-avatar.mjs"
     },
-    "./components/base": {
-      "types": "./components/base/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-base.mjs"
-    },
-    "./components/button": {
-      "types": "./components/button/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-button.mjs"
-    },
     "./components/badge": {
       "types": "./components/badge/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-badge.mjs"
     },
+    "./components/base": {
+      "types": "./components/base/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-base.mjs"
+    },
     "./components/chart": {
       "types": "./components/chart/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-chart.mjs"
     },
+    "./components/button": {
+      "types": "./components/button/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-button.mjs"
+    },
     "./components/code-editor": {
       "types": "./components/code-editor/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-code-editor.mjs"
@@ -132,14 +136,14 @@
       "types": "./components/mini-editor/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-mini-editor.mjs"
     },
-    "./components/preview": {
-      "types": "./components/preview/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-preview.mjs"
-    },
     "./components/modal": {
       "types": "./components/modal/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-modal.mjs"
     },
+    "./components/preview": {
+      "types": "./components/preview/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-preview.mjs"
+    },
     "./components/query-builder": {
       "types": "./components/query-builder/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-query-builder.mjs"
@@ -148,14 +152,14 @@
       "types": "./components/quick-action/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-quick-action.mjs"
     },
-    "./components/section": {
-      "types": "./components/section/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-section.mjs"
-    },
     "./components/side-drawer": {
       "types": "./components/side-drawer/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-side-drawer.mjs"
     },
+    "./components/table": {
+      "types": "./components/table/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-table.mjs"
+    },
     "./components/tab-router": {
       "types": "./components/tab-router/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-tab-router.mjs"
@@ -164,18 +168,22 @@
       "types": "./components/upload-file/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-upload-file.mjs"
     },
+    "./components/splitter": {
+      "types": "./components/splitter/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-splitter.mjs"
+    },
     "./components/view": {
       "types": "./components/view/index.d.ts",
       "default": "./fesm2022/sd-angular-core-components-view.mjs"
     },
-    "./components/table": {
-      "types": "./components/table/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-table.mjs"
-    },
     "./forms/autocomplete": {
       "types": "./forms/autocomplete/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-autocomplete.mjs"
     },
+    "./forms/checkbox": {
+      "types": "./forms/checkbox/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-forms-checkbox.mjs"
+    },
     "./forms/chip": {
       "types": "./forms/chip/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-chip.mjs"
@@ -184,10 +192,6 @@
       "types": "./forms/chip-calendar/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-chip-calendar.mjs"
     },
-    "./forms/checkbox": {
-      "types": "./forms/checkbox/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-forms-checkbox.mjs"
-    },
     "./forms/date": {
       "types": "./forms/date/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-date.mjs"
@@ -212,10 +216,6 @@
       "types": "./forms/input-number/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-input-number.mjs"
     },
-    "./forms/models": {
-      "types": "./forms/models/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-forms-models.mjs"
-    },
     "./forms/label": {
       "types": "./forms/label/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-label.mjs"
@@ -224,6 +224,10 @@
       "types": "./forms/radio/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-radio.mjs"
     },
+    "./forms/models": {
+      "types": "./forms/models/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-forms-models.mjs"
+    },
     "./forms/select": {
       "types": "./forms/select/index.d.ts",
       "default": "./fesm2022/sd-angular-core-forms-select.mjs"
@@ -272,22 +276,18 @@
       "types": "./services/docx/index.d.ts",
       "default": "./fesm2022/sd-angular-core-services-docx.mjs"
     },
-    "./services/license": {
-      "types": "./services/license/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-services-license.mjs"
-    },
     "./services/excel": {
       "types": "./services/excel/index.d.ts",
       "default": "./fesm2022/sd-angular-core-services-excel.mjs"
     },
+    "./services/license": {
+      "types": "./services/license/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-services-license.mjs"
+    },
     "./services/loading": {
       "types": "./services/loading/index.d.ts",
       "default": "./fesm2022/sd-angular-core-services-loading.mjs"
     },
-    "./components/splitter": {
-      "types": "./components/splitter/index.d.ts",
-      "default": "./fesm2022/sd-angular-core-components-splitter.mjs"
-    },
     "./services/notify": {
       "types": "./services/notify/index.d.ts",
       "default": "./fesm2022/sd-angular-core-services-notify.mjs"
@@ -296,6 +296,10 @@
       "types": "./services/storage/index.d.ts",
       "default": "./fesm2022/sd-angular-core-services-storage.mjs"
     },
+    "./utilities/data-state": {
+      "types": "./utilities/data-state/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-utilities-data-state.mjs"
+    },
     "./utilities/extensions": {
       "types": "./utilities/extensions/index.d.ts",
       "default": "./fesm2022/sd-angular-core-utilities-extensions.mjs"
@@ -303,6 +307,10 @@
     "./utilities/models": {
       "types": "./utilities/models/index.d.ts",
       "default": "./fesm2022/sd-angular-core-utilities-models.mjs"
+    },
+    "./components/section": {
+      "types": "./components/section/index.d.ts",
+      "default": "./fesm2022/sd-angular-core-components-section.mjs"
     }
   }
 }

package/utilities/data-state/index.d.ts

@@ -0,0 +1 @@
+export * from './src/data-state';

package/utilities/data-state/src/data-state.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Serialize a value for the `data-value` attribute consumed by QA automation.
+ *
+ * null/undefined/empty-string → ''.
+ * Date → ISO string.
+ * Array / object → JSON.stringify, '' on failure (circular refs).
+ * Primitives → String().
+ */
+export declare function sdSerializeDataValue(value: unknown): string;
+/** True when the value should drive `data-empty="true"` on a form control. */
+export declare function sdIsEmpty(value: unknown): boolean;

package/utilities/index.d.ts

@@ -1,2 +1,3 @@
 export * from '@sd-angular/core/utilities/extensions';
 export * from '@sd-angular/core/utilities/models';
+export * from '@sd-angular/core/utilities/data-state';

package/components/anchor/src/components/anchor-vertical/anchor-vertical-list.component.d.ts

@@ -1,18 +0,0 @@
-import { OnDestroy } from '@angular/core';
-import { SdAnchorItem } from '../anchor-item/anchor-item.component';
-import * as i0 from "@angular/core";
-export declare class SdAnchorVerticalList implements OnDestroy {
-    #private;
-    sections: import("@angular/core").InputSignal<readonly SdAnchorItem[]>;
-    activeSectionId: import("@angular/core").InputSignal<string>;
-    ellipsis: import("@angular/core").InputSignal<boolean>;
-    sidebarWidth: import("@angular/core").InputSignal<string>;
-    parentAutoId: import("@angular/core").InputSignal<string | null | undefined>;
-    itemAutoId(section: SdAnchorItem): string | undefined;
-    sdClickSection: import("@angular/core").OutputEmitterRef<string>;
-    constructor();
-    onClickSection: (id: string) => void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdAnchorVerticalList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdAnchorVerticalList, "sd-anchor-vertical-list", never, { "sections": { "alias": "sections"; "required": true; "isSignal": true; }; "activeSectionId": { "alias": "activeSectionId"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; "sidebarWidth": { "alias": "sidebarWidth"; "required": false; "isSignal": true; }; "parentAutoId": { "alias": "parentAutoId"; "required": false; "isSignal": true; }; }, { "sdClickSection": "sdClickSection"; }, never, never, true, never>;
-}

package/components/table/src/components/column-filter/column-filter.component.d.ts

@@ -1,40 +0,0 @@
-import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit, Signal } from '@angular/core';
-import { SdSearch } from '@sd-angular/core/forms';
-import { SdOperator } from '@sd-angular/core/utilities';
-import { SdTableColumn } from '../../models/table-column.model';
-import * as i0 from "@angular/core";
-export declare class ColumnFilterComponent implements OnInit, OnDestroy {
-    #private;
-    private ref;
-    autoId?: string;
-    set _autoId(val: string | undefined | null);
-    value: any;
-    _value(value: any): void;
-    inlineSymbol: string;
-    set _inlineOperator(inlineOperator: SdOperator);
-    inlineOperatorChange: EventEmitter<import("@sdcorejs/utils/models").Operator>;
-    operatorChange: EventEmitter<import("@sdcorejs/utils/models").Operator>;
-    columnFilter: Record<string, any>;
-    set _columnFilter(columnFilter: Record<string, any>);
-    operators: {
-        value: import("@sdcorejs/utils/models").Operator;
-        symbol?: string;
-        display: string;
-    }[];
-    column: SdTableColumn;
-    items: any[] | Signal<any[]> | SdSearch;
-    cacheValues?: Record<string, any[]>;
-    set _column(column: SdTableColumn);
-    filterChange: EventEmitter<any>;
-    constructor(ref: ChangeDetectorRef);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    onFilterChange: () => void;
-    onChangeOperator: (operator: {
-        value: SdOperator;
-        symbol?: string;
-        display: string;
-    }) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnFilterComponent, "column-filter", never, { "_autoId": { "alias": "autoId"; "required": false; }; "_value": { "alias": "value"; "required": false; }; "_inlineOperator": { "alias": "inlineOperator"; "required": false; }; "_columnFilter": { "alias": "columnFilter"; "required": false; }; "cacheValues": { "alias": "cacheValues"; "required": false; }; "_column": { "alias": "column"; "required": false; }; }, { "inlineOperatorChange": "inlineOperatorChange"; "operatorChange": "operatorChange"; "filterChange": "filterChange"; }, never, never, true, never>;
-}

package/components/table/src/components/desktop-command/desktop-command.component.d.ts

@@ -1,15 +0,0 @@
-import { SdTableCommand } from '../../models/table-command.model';
-import { SdTableItem } from '../../models/table-item.model';
-import * as i0 from "@angular/core";
-export declare class SdDesktopCommand {
-    autoId?: string;
-    set _autoId(val: string | undefined | null);
-    item: SdTableItem;
-    itemKey: string;
-    set _item(item: SdTableItem);
-    itemIndex: number;
-    commands: SdTableCommand[];
-    set _commands(commands: SdTableCommand[] | undefined | null);
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdDesktopCommand, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdDesktopCommand, "sd-desktop-command", never, { "_autoId": { "alias": "autoId"; "required": false; }; "_item": { "alias": "item"; "required": true; }; "itemIndex": { "alias": "itemIndex"; "required": true; }; "_commands": { "alias": "commands"; "required": false; }; }, {}, never, never, true, never>;
-}