ngx-dynamic-entity 1.2.0 → 1.3.0

package/lib/field-types/date-time-field.component.d.ts

@@ -0,0 +1,30 @@
+import { AbstractControl } from '@angular/forms';
+import type { NestedFieldConfig } from '@dynamic-entity/core';
+import * as i0 from "@angular/core";
+/**
+ * Date & Time field: a single `datetime-local` input.
+ *
+ * The type is stored as ISO 8601 UTC, per the same convention `date` follows, while the
+ * input works in the viewer's local zone — `datetime-local` has no offset, so the two
+ * conversions here are what keep a value stable across a round trip.
+ */
+export declare class DateTimeFieldComponent {
+    field: NestedFieldConfig;
+    control: AbstractControl;
+    language: string;
+    readonly: boolean;
+    masked: boolean;
+    get label(): string;
+    /** Stored ISO 8601 → the `YYYY-MM-DDTHH:mm` local form the input requires. */
+    get inputValue(): string;
+    /** The input's local `YYYY-MM-DDTHH:mm` → stored ISO 8601 UTC. */
+    onInput(value: string): void;
+    /**
+     * Displays date *and* time. `DateFieldComponent` used `toLocaleDateString()` here, so a
+     * datetime read back through the field showed no time while the same value in the record
+     * summary — which goes through core's `formatDisplayValue` — showed it.
+     */
+    formatDateTime(value: unknown): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimeFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateTimeFieldComponent, "ngx-date-time-field", never, { "field": { "alias": "field"; "required": false; }; "control": { "alias": "control"; "required": false; }; "language": { "alias": "language"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "masked": { "alias": "masked"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/field-types/time-field.component.d.ts

@@ -0,0 +1,27 @@
+import { AbstractControl } from '@angular/forms';
+import type { NestedFieldConfig } from '@dynamic-entity/core';
+import * as i0 from "@angular/core";
+/**
+ * Time field: a bare time of day, with no date and no zone attached.
+ *
+ * Stored as `HH:mm` — exactly the value `<input type="time">` reads and writes, so the
+ * control binds straight through with no conversion. That is the whole reason this is a
+ * separate type from `datetime`: a recurring 09:00 opening time is not a moment in time,
+ * and converting it to UTC would move it whenever the offset changed.
+ */
+export declare class TimeFieldComponent {
+    field: NestedFieldConfig;
+    control: AbstractControl;
+    language: string;
+    readonly: boolean;
+    masked: boolean;
+    get label(): string;
+    /**
+     * Defers to core rather than parsing `HH:mm` locally. The other date-ish components each
+     * grew their own formatter, and `datetime` ended up showing one thing in the field and
+     * another in the record summary because the two drifted apart.
+     */
+    formatTime(value: unknown): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimeFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimeFieldComponent, "ngx-time-field", never, { "field": { "alias": "field"; "required": false; }; "control": { "alias": "control"; "required": false; }; "language": { "alias": "language"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "masked": { "alias": "masked"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/form/dynamic-form.component.d.ts

@@ -65,6 +65,7 @@ export declare class DynamicFormComponent implements OnInit, OnChanges, OnDestro
         reason: string;
         error?: unknown;
     }>;
+    private readonly cdr;
     private readonly fb;
     private readonly validatorRegistry;
     private readonly hookRegistry;
@@ -88,6 +89,7 @@ export declare class DynamicFormComponent implements OnInit, OnChanges, OnDestro
     private fieldHosts?;
     form: FormGroup;
     private valueSub?;
+    private statusSub?;
     private selectionSub?;
     /** Previous values, for detecting `patchOnTrue` false→true transitions. */
     private previousValues;

package/lib/form/dynamic-record-form.component.d.ts

@@ -39,6 +39,8 @@ export declare class DynamicRecordFormComponent implements OnChanges {
     }>;
     dynamicFormComp?: DynamicFormComponent;
     private readonly rulesEvaluation;
+    private readonly host;
+    private readonly injector;
     readonly currentData: import("@angular/core").WritableSignal<Record<string, any>>;
     readonly originalBaseline: import("@angular/core").WritableSignal<Record<string, any>>;
     /**
@@ -174,6 +176,23 @@ export declare class DynamicRecordFormComponent implements OnChanges {
     formatFieldLabel(field: NestedFieldConfig): string;
     /** Summary values render through the shared core formatter, not a local stringifier. */
     formatFieldValue(field: NestedFieldConfig): string;
+    /**
+     * Finds which tab — and, where the field lives one level down, which sub-tab — owns a
+     * field. The walk used to check top-level `fields` only, so every field in a sub-tab was
+     * simply not found and the jump did nothing at all.
+     */
+    private locateField;
+    /**
+     * Switches to the tab holding `fieldId`, then scrolls it into view and moves focus to it.
+     *
+     * The wait for the new tab to render used to be a 50 ms `setTimeout`, which was wrong three
+     * ways: `document` is undefined on a server render, 50 ms is a guess that a large tab can
+     * outrun, and nothing cancelled the timer if the component went away first.
+     * `afterNextRender` fixes all three — it never runs on the server, it runs when the panel
+     * has actually rendered rather than when a guess expires, and it is tied to the injector so
+     * destroying the component cancels it. The query is scoped to this component's own element,
+     * so the library no longer reaches for the global `document` at all.
+     */
     jumpToField(fieldId: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicRecordFormComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DynamicRecordFormComponent, "ngx-dynamic-record-form", never, { "config": { "alias": "config"; "required": false; }; "rules": { "alias": "rules"; "required": false; }; "initialData": { "alias": "initialData"; "required": false; }; "userRoles": { "alias": "userRoles"; "required": false; }; "language": { "alias": "language"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; "isReadOnly": { "alias": "isReadOnly"; "required": false; }; "readOnlyFields": { "alias": "readOnlyFields"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formReset": "formReset"; "sectionSave": "sectionSave"; }, never, never, true, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-dynamic-entity",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Angular standalone UI library for rendering dynamic entity forms.",
   "//typings": "Local workspace resolution only: ng-packagr overwrites this with the correct in-tarball path ('index.d.ts') when generating dist/package.json. Do NOT add a 'main' field here — ng-packagr does not generate one, so it would be copied verbatim and resolve to dist/dist/... in the published package.",
   "typings": "index.d.ts",
@@ -8,7 +8,7 @@
     "@angular/common": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
     "@angular/core": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
     "@angular/forms": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
-    "@dynamic-entity/core": "^1.2.0",
+    "@dynamic-entity/core": "^1.3.0",
     "rxjs": "^7.0.0"
   },
   "keywords": [

package/public-api.d.ts

@@ -27,6 +27,8 @@ export * from './lib/field-types/password-field.component';
 export * from './lib/field-types/checkbox-field.component';
 export * from './lib/field-types/boolean-field.component';
 export * from './lib/field-types/date-field.component';
+export * from './lib/field-types/date-time-field.component';
+export * from './lib/field-types/time-field.component';
 export * from './lib/field-types/month-year-field.component';
 export * from './lib/field-types/dropdown-field.component';
 export * from './lib/field-types/radio-field.component';