@texaryn/angular 0.0.0-stage → 0.3.0

package/dist/components/error-summary.js

@@ -0,0 +1,78 @@
+import { afterNextRender, ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, Injector, viewChild, } from '@angular/core';
+import { createFailedSubmitTracker, englishMessages, visibleErrorLabel, visibleErrorMessages } from '@texaryn/core';
+import { makeId } from '../field-props.js';
+import * as i0 from "@angular/core";
+export class ErrorSummary {
+    form = input.required(...(ngDevMode ? [{ debugName: "form" }] : []));
+    idPrefix = input.required(...(ngDevMode ? [{ debugName: "idPrefix" }] : []));
+    messages = input(undefined, ...(ngDevMode ? [{ debugName: "messages" }] : []));
+    focus = input(true, ...(ngDevMode ? [{ debugName: "focus" }] : []));
+    messageSet = computed(() => this.messages() ?? englishMessages, ...(ngDevMode ? [{ debugName: "messageSet" }] : []));
+    headingId = computed(() => makeId(this.idPrefix(), 'error-summary', 'heading'), ...(ngDevMode ? [{ debugName: "headingId" }] : []));
+    errorLabel = (entry) => visibleErrorLabel(entry, this.messageSet());
+    errorMessages = (entry) => visibleErrorMessages(entry, this.messageSet());
+    makeId = makeId;
+    injector = inject(Injector);
+    container = viewChild('container', ...(ngDevMode ? [{ debugName: "container" }] : []));
+    constructor() {
+        let tracker;
+        effect(() => {
+            const form = this.form();
+            const submission = form.submission();
+            const errors = form.visibleErrors();
+            if (!tracker) {
+                tracker = createFailedSubmitTracker(submission);
+                return;
+            }
+            if (!tracker.settle(submission, errors) || !this.focus())
+                return;
+            afterNextRender({
+                write: () => this.container()?.nativeElement.focus(),
+            }, { injector: this.injector });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ErrorSummary, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ErrorSummary, isStandalone: true, selector: "texaryn-error-summary", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, idPrefix: { classPropertyName: "idPrefix", publicName: "idPrefix", isSignal: true, isRequired: true, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, focus: { classPropertyName: "focus", publicName: "focus", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    @if (form().visibleErrors().length > 0) {
+      <div
+        #container
+        role="group"
+        tabindex="-1"
+        [attr.aria-labelledby]="headingId()"
+      >
+        <h2 [id]="headingId()">{{ messageSet().errorSummaryHeading({ count: form().visibleErrors().length }) }}</h2>
+        <ul>
+          @for (entry of form().visibleErrors(); track entry.nodeId) {
+            <li><a [attr.href]="'#' + makeId(idPrefix(), entry.nodeId, 'input')">{{ errorLabel(entry) }}</a>{{ messageSet().errorSummaryDetail({ messages: errorMessages(entry) }) }}</li>
+          }
+        </ul>
+      </div>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ErrorSummary, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'texaryn-error-summary',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    @if (form().visibleErrors().length > 0) {
+      <div
+        #container
+        role="group"
+        tabindex="-1"
+        [attr.aria-labelledby]="headingId()"
+      >
+        <h2 [id]="headingId()">{{ messageSet().errorSummaryHeading({ count: form().visibleErrors().length }) }}</h2>
+        <ul>
+          @for (entry of form().visibleErrors(); track entry.nodeId) {
+            <li><a [attr.href]="'#' + makeId(idPrefix(), entry.nodeId, 'input')">{{ errorLabel(entry) }}</a>{{ messageSet().errorSummaryDetail({ messages: errorMessages(entry) }) }}</li>
+          }
+        </ul>
+      </div>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: true }] }], idPrefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "idPrefix", required: true }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], focus: [{ type: i0.Input, args: [{ isSignal: true, alias: "focus", required: false }] }], container: [{ type: i0.ViewChild, args: ['container', { isSignal: true }] }] } });
+//# sourceMappingURL=error-summary.js.map

package/dist/components/error-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-summary.js","sourceRoot":"","sources":["../../src/components/error-summary.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,GACV,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,yBAAyB,EAAE,eAAe,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAEnH,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;;AAwB1C,MAAM,OAAO,YAAY;IACd,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAe,CAAA;IACpC,QAAQ,GAAG,KAAK,CAAC,QAAQ,mDAAU,CAAA;IACnC,QAAQ,GAAG,KAAK,CAA2B,SAAS,oDAAC,CAAA;IACrD,KAAK,GAAG,KAAK,CAAC,IAAI,iDAAC,CAAA;IACnB,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,eAAe,sDAAC,CAAA;IAC/D,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,eAAe,EAAE,SAAS,CAAC,qDAAC,CAAA;IAC/E,UAAU,GAAG,CAAC,KAAmB,EAAU,EAAE,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAA;IACzF,aAAa,GAAG,CAAC,KAAmB,EAAY,EAAE,CAAC,oBAAoB,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAA;IACjG,MAAM,GAAG,MAAM,CAAA;IACP,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAC3B,SAAS,GAAG,SAAS,CAA6B,WAAW,qDAAC,CAAA;IAE/E;QACE,IAAI,OAAiE,CAAA;QACrE,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAA;YACxB,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,CAAA;YACpC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAA;YACnC,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAO,GAAG,yBAAyB,CAAC,UAAU,CAAC,CAAA;gBAC/C,OAAM;YACR,CAAC;YACD,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;gBAAE,OAAM;YAChE,eAAe,CAAC;gBACd,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,aAAa,CAAC,KAAK,EAAE;aACrD,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAA;QACjC,CAAC,CAAC,CAAA;IACJ,CAAC;wGA5BU,YAAY;4FAAZ,YAAY,ksBAlBb;;;;;;;;;;;;;;;;GAgBT;;4FAEU,YAAY;kBAtBxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;;;;;;;;;;;;;GAgBT;iBACF;idAYoE,WAAW"}

package/dist/components/form-root.d.ts

@@ -0,0 +1,16 @@
+import type { FormMessages, RendererRegistry } from '@texaryn/core';
+import type { FormContext } from '../context.js';
+import type { AngularForm } from '../form.js';
+import type { WidgetComponent } from '../widget.js';
+import * as i0 from "@angular/core";
+export declare class FormRoot implements FormContext {
+    readonly form: import("@angular/core").InputSignal<AngularForm>;
+    readonly registry: import("@angular/core").InputSignal<RendererRegistry<WidgetComponent, import("@texaryn/core").UINode>>;
+    readonly messages: import("@angular/core").InputSignal<FormMessages | undefined>;
+    readonly idPrefix: import("@angular/core").InputSignal<string>;
+    readonly showErrorSummary: import("@angular/core").InputSignal<boolean>;
+    readonly summaryFocus: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormRoot, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormRoot, "texaryn-form-root", never, { "form": { "alias": "form"; "required": true; "isSignal": true; }; "registry": { "alias": "registry"; "required": true; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "idPrefix": { "alias": "idPrefix"; "required": true; "isSignal": true; }; "showErrorSummary": { "alias": "showErrorSummary"; "required": false; "isSignal": true; }; "summaryFocus": { "alias": "summaryFocus"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=form-root.d.ts.map

package/dist/components/form-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-root.d.ts","sourceRoot":"","sources":["../../src/components/form-root.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;;AAInD,qBAsBa,QAAS,YAAW,WAAW;IAC1C,QAAQ,CAAC,IAAI,mDAAgC;IAC7C,QAAQ,CAAC,QAAQ,yGAAsD;IACvE,QAAQ,CAAC,QAAQ,gEAA6C;IAC9D,QAAQ,CAAC,QAAQ,8CAA2B;IAC5C,QAAQ,CAAC,gBAAgB,+CAAe;IACxC,QAAQ,CAAC,YAAY,+CAAc;yCANxB,QAAQ;2CAAR,QAAQ;CAOpB"}

package/dist/components/form-root.js

@@ -0,0 +1,54 @@
+import { ChangeDetectionStrategy, Component, forwardRef, input, } from '@angular/core';
+import { FORM_CONTEXT } from '../context.js';
+import { ErrorSummary } from './error-summary.js';
+import { NodeRenderer } from './node-renderer.js';
+import * as i0 from "@angular/core";
+/** Renders the UI document tree. The consumer owns any native form element and submit handler. */
+export class FormRoot {
+    form = input.required(...(ngDevMode ? [{ debugName: "form" }] : []));
+    registry = input.required(...(ngDevMode ? [{ debugName: "registry" }] : []));
+    messages = input(undefined, ...(ngDevMode ? [{ debugName: "messages" }] : []));
+    idPrefix = input.required(...(ngDevMode ? [{ debugName: "idPrefix" }] : []));
+    showErrorSummary = input(false, ...(ngDevMode ? [{ debugName: "showErrorSummary" }] : []));
+    summaryFocus = input(true, ...(ngDevMode ? [{ debugName: "summaryFocus" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FormRoot, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: FormRoot, isStandalone: true, selector: "texaryn-form-root", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, registry: { classPropertyName: "registry", publicName: "registry", isSignal: true, isRequired: true, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, idPrefix: { classPropertyName: "idPrefix", publicName: "idPrefix", isSignal: true, isRequired: true, transformFunction: null }, showErrorSummary: { classPropertyName: "showErrorSummary", publicName: "showErrorSummary", isSignal: true, isRequired: false, transformFunction: null }, summaryFocus: { classPropertyName: "summaryFocus", publicName: "summaryFocus", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: FORM_CONTEXT, useExisting: forwardRef(() => FormRoot) }], ngImport: i0, template: `
+    @if (showErrorSummary()) {
+      <texaryn-error-summary
+        [form]="form()"
+        [idPrefix]="idPrefix()"
+        [messages]="messages()"
+        [focus]="summaryFocus()"
+      />
+    }
+    @let document = form().document();
+    @if (document.nodes[document.rootId]; as root) {
+      <texaryn-node-renderer [node]="root" />
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: ErrorSummary, selector: "texaryn-error-summary", inputs: ["form", "idPrefix", "messages", "focus"] }, { kind: "component", type: NodeRenderer, selector: "texaryn-node-renderer", inputs: ["node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FormRoot, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'texaryn-form-root',
+                    standalone: true,
+                    imports: [ErrorSummary, NodeRenderer],
+                    providers: [{ provide: FORM_CONTEXT, useExisting: forwardRef(() => FormRoot) }],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    @if (showErrorSummary()) {
+      <texaryn-error-summary
+        [form]="form()"
+        [idPrefix]="idPrefix()"
+        [messages]="messages()"
+        [focus]="summaryFocus()"
+      />
+    }
+    @let document = form().document();
+    @if (document.nodes[document.rootId]; as root) {
+      <texaryn-node-renderer [node]="root" />
+    }
+  `,
+                }]
+        }], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: true }] }], registry: [{ type: i0.Input, args: [{ isSignal: true, alias: "registry", required: true }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], idPrefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "idPrefix", required: true }] }], showErrorSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "showErrorSummary", required: false }] }], summaryFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "summaryFocus", required: false }] }] } });
+//# sourceMappingURL=form-root.js.map

package/dist/components/form-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-root.js","sourceRoot":"","sources":["../../src/components/form-root.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,KAAK,GACN,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAI5C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;;AAuBjD,kGAAkG;AAClG,MAAM,OAAO,QAAQ;IACV,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAe,CAAA;IACpC,QAAQ,GAAG,KAAK,CAAC,QAAQ,mDAAqC,CAAA;IAC9D,QAAQ,GAAG,KAAK,CAA2B,SAAS,oDAAC,CAAA;IACrD,QAAQ,GAAG,KAAK,CAAC,QAAQ,mDAAU,CAAA;IACnC,gBAAgB,GAAG,KAAK,CAAC,KAAK,4DAAC,CAAA;IAC/B,YAAY,GAAG,KAAK,CAAC,IAAI,wDAAC,CAAA;wGANxB,QAAQ;4FAAR,QAAQ,u2BAlBR,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,0BAErE;;;;;;;;;;;;;GAaT,4DAhBS,YAAY,qHAAE,YAAY;;4FAmBzB,QAAQ;kBAtBpB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;oBACrC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,SAAS,CAAC,EAAE,CAAC;oBAC/E,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;;;;;;;;;;GAaT;iBACF"}

package/dist/components/node-renderer.d.ts

@@ -0,0 +1,15 @@
+import type { Type } from '@angular/core';
+import type { UINode } from '@texaryn/core';
+import type { AngularWidget } from '../widget.js';
+import * as i0 from "@angular/core";
+export declare class NodeRenderer {
+    readonly node: import("@angular/core").InputSignal<UINode>;
+    private readonly context;
+    readonly component: import("@angular/core").Signal<Type<AngularWidget> | undefined>;
+    readonly componentInputs: import("@angular/core").Signal<{
+        node: UINode;
+    }>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NodeRenderer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NodeRenderer, "texaryn-node-renderer", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=node-renderer.d.ts.map

package/dist/components/node-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-renderer.d.ts","sourceRoot":"","sources":["../../src/components/node-renderer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;;AAEjD,qBAaa,YAAY;IACvB,QAAQ,CAAC,IAAI,8CAA2B;IACxC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAmB;IAC3C,QAAQ,CAAC,SAAS,kEAEjB;IACD,QAAQ,CAAC,eAAe;;OAA0C;yCANvD,YAAY;2CAAZ,YAAY;CAOxB"}

package/dist/components/node-renderer.js

@@ -0,0 +1,35 @@
+import { NgComponentOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';
+import { useFormContext } from '../context.js';
+import * as i0 from "@angular/core";
+export class NodeRenderer {
+    node = input.required(...(ngDevMode ? [{ debugName: "node" }] : []));
+    context = useFormContext();
+    component = computed(() => this.context.registry().resolve(this.node()), ...(ngDevMode ? [{ debugName: "component" }] : []));
+    componentInputs = computed(() => ({ node: this.node() }), ...(ngDevMode ? [{ debugName: "componentInputs" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NodeRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NodeRenderer, isStandalone: true, selector: "texaryn-node-renderer", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    @if (node().visible) {
+      @if (component(); as selected) {
+        <ng-container *ngComponentOutlet="selected; inputs: componentInputs()" />
+      }
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NodeRenderer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'texaryn-node-renderer',
+                    standalone: true,
+                    imports: [NgComponentOutlet],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    @if (node().visible) {
+      @if (component(); as selected) {
+        <ng-container *ngComponentOutlet="selected; inputs: componentInputs()" />
+      }
+    }
+  `,
+                }]
+        }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }] } });
+//# sourceMappingURL=node-renderer.js.map

package/dist/components/node-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-renderer.js","sourceRoot":"","sources":["../../src/components/node-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAG3F,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;;AAgB9C,MAAM,OAAO,YAAY;IACd,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAU,CAAA;IACvB,OAAO,GAAG,cAAc,EAAE,CAAA;IAClC,SAAS,GAAG,QAAQ,CAAkC,GAAG,EAAE,CAClE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,qDAC7C,CAAA;IACQ,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,2DAAC,CAAA;wGANvD,YAAY;4FAAZ,YAAY,iNARb;;;;;;GAMT,4DARS,iBAAiB;;4FAUhB,YAAY;kBAbxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;;;GAMT;iBACF"}

package/dist/context.d.ts

@@ -0,0 +1,14 @@
+import { InjectionToken } from '@angular/core';
+import type { Signal } from '@angular/core';
+import type { FormMessages, RendererRegistry } from '@texaryn/core';
+import type { AngularForm } from './form.js';
+import type { WidgetComponent } from './widget.js';
+export interface FormContext {
+    readonly form: Signal<AngularForm>;
+    readonly registry: Signal<RendererRegistry<WidgetComponent>>;
+    readonly messages: Signal<FormMessages | undefined>;
+    readonly idPrefix: Signal<string>;
+}
+export declare const FORM_CONTEXT: InjectionToken<FormContext>;
+export declare function useFormContext(): FormContext;
+//# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,cAAc,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAElD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,CAAA;IAClC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAA;IAC5D,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,YAAY,GAAG,SAAS,CAAC,CAAA;IACnD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;CAClC;AAED,eAAO,MAAM,YAAY,6BAAkE,CAAA;AAE3F,wBAAgB,cAAc,IAAI,WAAW,CAE5C"}

package/dist/context.js

@@ -0,0 +1,6 @@
+import { inject, InjectionToken } from '@angular/core';
+export const FORM_CONTEXT = new InjectionToken('texaryn.angular.form-context');
+export function useFormContext() {
+    return inject(FORM_CONTEXT);
+}
+//# sourceMappingURL=context.js.map

package/dist/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAatD,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,cAAc,CAAc,8BAA8B,CAAC,CAAA;AAE3F,MAAM,UAAU,cAAc;IAC5B,OAAO,MAAM,CAAC,YAAY,CAAC,CAAA;AAC7B,CAAC"}

package/dist/document-context.d.ts

@@ -0,0 +1,13 @@
+import { InjectionToken } from '@angular/core';
+import type { Signal, Type } from '@angular/core';
+import type { DocumentNode, DocumentRuntime, RendererRegistry, UIDocumentV2 } from '@texaryn/core';
+import type { AngularDocumentWidget } from './widget.js';
+export interface AngularDocumentContext {
+    readonly runtime: Signal<DocumentRuntime>;
+    readonly document: Signal<UIDocumentV2>;
+    readonly registry: Signal<RendererRegistry<Type<AngularDocumentWidget>, DocumentNode> | undefined>;
+    readonly onActionError: Signal<((error: unknown) => void) | undefined>;
+}
+export declare const DOCUMENT_CONTEXT: InjectionToken<AngularDocumentContext>;
+export declare function useDocumentContext(): AngularDocumentContext;
+//# sourceMappingURL=document-context.d.ts.map

package/dist/document-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"document-context.d.ts","sourceRoot":"","sources":["../src/document-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,cAAc,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAClG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAExD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC,CAAA;IACzC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,YAAY,CAAC,CAAA;IACvC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,qBAAqB,CAAC,EAAE,YAAY,CAAC,GAAG,SAAS,CAAC,CAAA;IAClG,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC,CAAA;CACvE;AAED,eAAO,MAAM,gBAAgB,wCAAiF,CAAA;AAE9G,wBAAgB,kBAAkB,IAAI,sBAAsB,CAE3D"}

package/dist/document-context.js

@@ -0,0 +1,6 @@
+import { inject, InjectionToken } from '@angular/core';
+export const DOCUMENT_CONTEXT = new InjectionToken('texaryn.angular.document-context');
+export function useDocumentContext() {
+    return inject(DOCUMENT_CONTEXT);
+}
+//# sourceMappingURL=document-context.js.map

package/dist/document-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"document-context.js","sourceRoot":"","sources":["../src/document-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAYtD,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,cAAc,CAAyB,kCAAkC,CAAC,CAAA;AAE9G,MAAM,UAAU,kBAAkB;IAChC,OAAO,MAAM,CAAC,gBAAgB,CAAC,CAAA;AACjC,CAAC"}

package/dist/field-props.d.ts

@@ -0,0 +1,20 @@
+import type { FieldNode, FormMessages, ValidationError } from '@texaryn/core';
+export interface FieldAria {
+    id: string;
+    name: string;
+    disabled: boolean;
+    readonly?: boolean;
+    'aria-readonly'?: true;
+    'aria-required': boolean;
+    'aria-invalid'?: boolean;
+    'aria-describedby'?: string;
+    placeholder?: string;
+}
+export declare function makeId(idPrefix: string, nodeId: string, suffix: string): string;
+export declare function fieldAria(node: FieldNode, state: {
+    disabled: boolean;
+    showErrors: boolean;
+    errors: readonly ValidationError[];
+}, idPrefix: string, nativeReadOnly?: boolean): FieldAria;
+export declare function fieldLabel(node: FieldNode, messages?: FormMessages): string;
+//# sourceMappingURL=field-props.d.ts.map

package/dist/field-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-props.d.ts","sourceRoot":"","sources":["../src/field-props.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE7E,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,IAAI,CAAA;IACtB,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAE/E;AAED,wBAAgB,SAAS,CACvB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,UAAU,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,SAAS,eAAe,EAAE,CAAA;CAAE,EACrF,QAAQ,EAAE,MAAM,EAChB,cAAc,UAAO,GACpB,SAAS,CAyBX;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,GAAE,YAA8B,GAAG,MAAM,CAE5F"}

package/dist/field-props.js

@@ -0,0 +1,32 @@
+import { englishMessages, visibleFieldLabel } from '@texaryn/core';
+export function makeId(idPrefix, nodeId, suffix) {
+    return `${idPrefix}-${nodeId}-${suffix}`;
+}
+export function fieldAria(node, state, idPrefix, nativeReadOnly = true) {
+    const describedBy = [];
+    if (node.helpText ?? node.annotations.description) {
+        describedBy.push(makeId(idPrefix, node.id, 'description'));
+    }
+    const invalid = state.showErrors && state.errors.length > 0;
+    if (invalid)
+        describedBy.push(makeId(idPrefix, node.id, 'error'));
+    const readOnly = node.readOnly
+        ? nativeReadOnly
+            ? { readonly: true }
+            : { 'aria-readonly': true }
+        : {};
+    return {
+        id: makeId(idPrefix, node.id, 'input'),
+        name: node.dataPointer || node.id,
+        disabled: state.disabled,
+        ...readOnly,
+        'aria-required': Boolean(node.constraints.required),
+        'aria-invalid': invalid ? true : undefined,
+        'aria-describedby': describedBy.length > 0 ? describedBy.join(' ') : undefined,
+        placeholder: node.placeholder ?? undefined,
+    };
+}
+export function fieldLabel(node, messages = englishMessages) {
+    return visibleFieldLabel(node.annotations.title, node.dataPointer, messages);
+}
+//# sourceMappingURL=field-props.js.map

package/dist/field-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-props.js","sourceRoot":"","sources":["../src/field-props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAelE,MAAM,UAAU,MAAM,CAAC,QAAgB,EAAE,MAAc,EAAE,MAAc;IACrE,OAAO,GAAG,QAAQ,IAAI,MAAM,IAAI,MAAM,EAAE,CAAA;AAC1C,CAAC;AAED,MAAM,UAAU,SAAS,CACvB,IAAe,EACf,KAAqF,EACrF,QAAgB,EAChB,cAAc,GAAG,IAAI;IAErB,MAAM,WAAW,GAAa,EAAE,CAAA;IAChC,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;QAClD,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC,CAAA;IAC5D,CAAC;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAA;IAC3D,IAAI,OAAO;QAAE,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAA;IAEjE,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ;QAC5B,CAAC,CAAC,cAAc;YACd,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;YACpB,CAAC,CAAC,EAAE,eAAe,EAAE,IAAa,EAAE;QACtC,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO;QACL,EAAE,EAAE,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC;QACtC,IAAI,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,EAAE;QACjC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,GAAG,QAAQ;QACX,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;QACnD,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QAC1C,kBAAkB,EAAE,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;QAC9E,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,SAAS;KAC3C,CAAA;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAe,EAAE,WAAyB,eAAe;IAClF,OAAO,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAC9E,CAAC"}

package/dist/form.d.ts

@@ -0,0 +1,15 @@
+import { DestroyRef } from '@angular/core';
+import type { Signal } from '@angular/core';
+import type { Command, FormRuntime, FormRuntimeOptions, NodeId, NodeState, SchemaEvaluationPort, SubmissionState, UIDocument, VisibleError } from '@texaryn/core';
+export interface AngularForm {
+    runtime: FormRuntime;
+    document: Signal<UIDocument>;
+    data: Signal<unknown>;
+    submission: Signal<SubmissionState>;
+    visibleErrors: Signal<VisibleError[]>;
+    dispatch(command: Command): void;
+    getNodeState(nodeId: NodeId): NodeState | undefined;
+}
+export declare function createForm(port: SchemaEvaluationPort, options?: FormRuntimeOptions): AngularForm;
+export declare function bindFormRuntime(runtime: FormRuntime, owner?: DestroyRef, destroyRuntime?: boolean): AngularForm;
+//# sourceMappingURL=form.d.ts.map

package/dist/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../src/form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAU,MAAM,eAAe,CAAA;AAClD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,KAAK,EACV,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,MAAM,EACN,SAAS,EACT,oBAAoB,EACpB,eAAe,EACf,UAAU,EACV,YAAY,EACb,MAAM,eAAe,CAAA;AAGtB,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,WAAW,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;IACrB,UAAU,EAAE,MAAM,CAAC,eAAe,CAAC,CAAA;IACnC,aAAa,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC,CAAA;IACrC,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;IAChC,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;CACpD;AAED,wBAAgB,UAAU,CACxB,IAAI,EAAE,oBAAoB,EAC1B,OAAO,CAAC,EAAE,kBAAkB,GAC3B,WAAW,CAIb;AAED,wBAAgB,eAAe,CAC7B,OAAO,EAAE,WAAW,EACpB,KAAK,GAAE,UAA+B,EACtC,cAAc,UAAQ,GACrB,WAAW,CAgBb"}

package/dist/form.js

@@ -0,0 +1,26 @@
+import { DestroyRef, inject } from '@angular/core';
+import { createFormRuntime } from '@texaryn/core';
+import { useStore } from './store.js';
+export function createForm(port, options) {
+    const destroyRef = inject(DestroyRef);
+    const runtime = createFormRuntime(port, options);
+    return bindFormRuntime(runtime, destroyRef, true);
+}
+export function bindFormRuntime(runtime, owner = inject(DestroyRef), destroyRuntime = false) {
+    const document = useStore(runtime.document, owner);
+    const data = useStore(runtime.data, owner);
+    const submission = useStore(runtime.submission, owner);
+    const visibleErrors = useStore(runtime.visibleErrors, owner);
+    if (destroyRuntime)
+        owner.onDestroy(() => runtime.destroy());
+    return {
+        runtime,
+        document,
+        data,
+        submission,
+        visibleErrors,
+        dispatch: (command) => runtime.dispatch(command),
+        getNodeState: (nodeId) => runtime.getNodeState(nodeId),
+    };
+}
+//# sourceMappingURL=form.js.map

package/dist/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../src/form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAYjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAYrC,MAAM,UAAU,UAAU,CACxB,IAA0B,EAC1B,OAA4B;IAE5B,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IACrC,MAAM,OAAO,GAAG,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IAChD,OAAO,eAAe,CAAC,OAAO,EAAE,UAAU,EAAE,IAAI,CAAC,CAAA;AACnD,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,OAAoB,EACpB,QAAoB,MAAM,CAAC,UAAU,CAAC,EACtC,cAAc,GAAG,KAAK;IAEtB,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IAClD,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;IAC1C,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IACtD,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;IAC5D,IAAI,cAAc;QAAE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAA;IAE5D,OAAO;QACL,OAAO;QACP,QAAQ;QACR,IAAI;QACJ,UAAU;QACV,aAAa;QACb,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;QAChD,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC;KACvD,CAAA;AACH,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,25 @@
+export { bindFormRuntime, createForm } from './form.js';
+export type { AngularForm } from './form.js';
+export { useStore, useDynamicStore } from './store.js';
+export { FORM_CONTEXT, useFormContext } from './context.js';
+export type { FormContext } from './context.js';
+export { fieldAria, fieldLabel, makeId } from './field-props.js';
+export type { FieldAria } from './field-props.js';
+export { fieldKind, displayValue, coerce, useFieldWidget } from './use-field-widget.js';
+export type { FieldKind, FieldWidget } from './use-field-widget.js';
+export { useFieldArray } from './use-field-array.js';
+export type { FieldArrayBinding, FieldArrayItem } from './use-field-array.js';
+export type { AngularWidget, WidgetComponent } from './widget.js';
+export { FormRoot } from './components/form-root.js';
+export { DocumentRoot } from './components/document-root.js';
+export { DocumentNodeRenderer, DocumentListView, DocumentTableView } from './components/document-node-renderer.js';
+export { DOCUMENT_CONTEXT, useDocumentContext } from './document-context.js';
+export type { AngularDocumentContext } from './document-context.js';
+export type { AngularDocumentWidget, DocumentWidgetComponent } from './widget.js';
+export { NodeRenderer } from './components/node-renderer.js';
+export { ErrorSummary } from './components/error-summary.js';
+export { FieldWidgetComponent } from './widgets/field.js';
+export { ObjectLayout } from './widgets/object-layout.js';
+export { ArrayControl } from './widgets/array-control.js';
+export { createDefaultRegistry } from './widgets/default-registry.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC3D,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAChE,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACvF,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC7E,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAClH,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC5E,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AACnE,YAAY,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAA"}

package/dist/index.js

@@ -0,0 +1,17 @@
+export { bindFormRuntime, createForm } from './form.js';
+export { useStore, useDynamicStore } from './store.js';
+export { FORM_CONTEXT, useFormContext } from './context.js';
+export { fieldAria, fieldLabel, makeId } from './field-props.js';
+export { fieldKind, displayValue, coerce, useFieldWidget } from './use-field-widget.js';
+export { useFieldArray } from './use-field-array.js';
+export { FormRoot } from './components/form-root.js';
+export { DocumentRoot } from './components/document-root.js';
+export { DocumentNodeRenderer, DocumentListView, DocumentTableView } from './components/document-node-renderer.js';
+export { DOCUMENT_CONTEXT, useDocumentContext } from './document-context.js';
+export { NodeRenderer } from './components/node-renderer.js';
+export { ErrorSummary } from './components/error-summary.js';
+export { FieldWidgetComponent } from './widgets/field.js';
+export { ObjectLayout } from './widgets/object-layout.js';
+export { ArrayControl } from './widgets/array-control.js';
+export { createDefaultRegistry } from './widgets/default-registry.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAEvD,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEhE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAEvF,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAGpD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAClH,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAG5E,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAA"}

package/dist/store.d.ts

@@ -0,0 +1,6 @@
+import { DestroyRef } from '@angular/core';
+import type { Signal } from '@angular/core';
+import type { Store } from '@texaryn/core';
+export declare function useStore<T>(store: Store<T>, owner?: DestroyRef): Signal<T>;
+export declare function useDynamicStore<T>(source: () => Store<T> | undefined, fallback: T): Signal<T>;
+//# sourceMappingURL=store.d.ts.map

package/dist/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA0B,MAAM,eAAe,CAAA;AAClE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,GAAE,UAA+B,GAAG,MAAM,CAAC,CAAC,CAAC,CAK9F;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,QAAQ,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAe7F"}

package/dist/store.js

@@ -0,0 +1,21 @@
+import { DestroyRef, effect, inject, signal } from '@angular/core';
+export function useStore(store, owner = inject(DestroyRef)) {
+    const value = signal(store.getSnapshot(), ...(ngDevMode ? [{ debugName: "value" }] : []));
+    const unsubscribe = store.subscribe(() => value.set(store.getSnapshot()));
+    owner.onDestroy(unsubscribe);
+    return value.asReadonly();
+}
+export function useDynamicStore(source, fallback) {
+    const value = signal(fallback, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    effect((onCleanup) => {
+        const store = source();
+        if (!store) {
+            value.set(fallback);
+            return;
+        }
+        value.set(store.getSnapshot());
+        onCleanup(store.subscribe(() => value.set(store.getSnapshot())));
+    });
+    return value.asReadonly();
+}
+//# sourceMappingURL=store.js.map

package/dist/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAIlE,MAAM,UAAU,QAAQ,CAAI,KAAe,EAAE,QAAoB,MAAM,CAAC,UAAU,CAAC;IACjF,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,iDAAC,CAAA;IACzC,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAA;IACzE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IAC5B,OAAO,KAAK,CAAC,UAAU,EAAE,CAAA;AAC3B,CAAC;AAED,MAAM,UAAU,eAAe,CAAI,MAAkC,EAAE,QAAW;IAChF,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,iDAAC,CAAA;IAE9B,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE;QACnB,MAAM,KAAK,GAAG,MAAM,EAAE,CAAA;QACtB,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;YACnB,OAAM;QACR,CAAC;QAED,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAA;QAC9B,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAA;IAClE,CAAC,CAAC,CAAA;IAEF,OAAO,KAAK,CAAC,UAAU,EAAE,CAAA;AAC3B,CAAC"}

package/dist/use-field-array.d.ts

@@ -0,0 +1,17 @@
+import type { Signal } from '@angular/core';
+import type { NodeId, StableItemId } from '@texaryn/core';
+export interface FieldArrayItem {
+    id: StableItemId;
+    nodeId: NodeId | undefined;
+}
+export interface FieldArrayBinding {
+    items: Signal<FieldArrayItem[]>;
+    canAdd: Signal<boolean>;
+    canRemove: Signal<boolean>;
+    canReorder: Signal<boolean>;
+    add(value?: unknown): void;
+    remove(index: number): void;
+    move(from: number, to: number): void;
+}
+export declare function useFieldArray(nodeId: () => NodeId): FieldArrayBinding;
+//# sourceMappingURL=use-field-array.d.ts.map

package/dist/use-field-array.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-field-array.d.ts","sourceRoot":"","sources":["../src/use-field-array.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,KAAK,EAAiB,MAAM,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAGxE,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,YAAY,CAAA;IAChB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC,cAAc,EAAE,CAAC,CAAA;IAC/B,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;IACvB,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;IAC3B,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IAC1B,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;CACrC;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,MAAM,GAAG,iBAAiB,CA+BrE"}

package/dist/use-field-array.js

@@ -0,0 +1,35 @@
+import { computed } from '@angular/core';
+import { useFormContext } from './context.js';
+export function useFieldArray(nodeId) {
+    const context = useFormContext();
+    const form = computed(() => context.form(), ...(ngDevMode ? [{ debugName: "form" }] : []));
+    const container = computed(() => {
+        const document = form().document();
+        const node = document.nodes[nodeId()];
+        return node?.type === 'container' && node.containerType === 'array'
+            ? node
+            : undefined;
+    }, ...(ngDevMode ? [{ debugName: "container" }] : []));
+    const items = computed(() => {
+        const current = container();
+        const meta = current?.arrayMeta;
+        if (!meta)
+            return [];
+        return meta.itemIds.map((id, index) => ({ id, nodeId: current.children[index] }));
+    }, ...(ngDevMode ? [{ debugName: "items" }] : []));
+    return {
+        items,
+        canAdd: computed(() => container()?.arrayMeta?.canAdd ?? false),
+        canRemove: computed(() => container()?.arrayMeta?.canRemove ?? false),
+        canReorder: computed(() => container()?.arrayMeta?.canReorder ?? false),
+        add: (value) => form().dispatch({
+            type: 'InsertItem',
+            containerId: nodeId(),
+            index: items().length,
+            value,
+        }),
+        remove: (index) => form().dispatch({ type: 'RemoveItem', containerId: nodeId(), index }),
+        move: (from, to) => form().dispatch({ type: 'MoveItem', containerId: nodeId(), from, to }),
+    };
+}
+//# sourceMappingURL=use-field-array.js.map

package/dist/use-field-array.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-field-array.js","sourceRoot":"","sources":["../src/use-field-array.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAiB7C,MAAM,UAAU,aAAa,CAAC,MAAoB;IAChD,MAAM,OAAO,GAAG,cAAc,EAAE,CAAA;IAChC,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,gDAAC,CAAA;IAC3C,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC9B,MAAM,QAAQ,GAAG,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAA;QAClC,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAA;QACrC,OAAO,IAAI,EAAE,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO;YACjE,CAAC,CAAC,IAAqB;YACvB,CAAC,CAAC,SAAS,CAAA;IACf,CAAC,qDAAC,CAAA;IACF,MAAM,KAAK,GAAG,QAAQ,CAAmB,GAAG,EAAE;QAC5C,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;QAC3B,MAAM,IAAI,GAAG,OAAO,EAAE,SAAS,CAAA;QAC/B,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAA;QACpB,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;IACnF,CAAC,iDAAC,CAAA;IAEF,OAAO;QACL,KAAK;QACL,MAAM,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,MAAM,IAAI,KAAK,CAAC;QAC/D,SAAS,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,SAAS,IAAI,KAAK,CAAC;QACrE,UAAU,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,IAAI,KAAK,CAAC;QACvE,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC;YAC9B,IAAI,EAAE,YAAY;YAClB,WAAW,EAAE,MAAM,EAAE;YACrB,KAAK,EAAE,KAAK,EAAE,CAAC,MAAM;YACrB,KAAK;SACN,CAAC;QACF,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC;QACxF,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;KAC3F,CAAA;AACH,CAAC"}

package/dist/use-field-widget.d.ts

@@ -0,0 +1,28 @@
+import type { Signal } from '@angular/core';
+import type { FieldNode, FormMessages, ValidationError } from '@texaryn/core';
+import type { FieldAria } from './field-props.js';
+import type { AngularWidget } from './widget.js';
+export type FieldKind = 'enum' | 'boolean' | 'number' | 'string';
+export declare function fieldKind(node: FieldNode): FieldKind;
+export declare function displayValue(kind: FieldKind, value: unknown): string | number;
+export declare function coerce(kind: FieldKind, node: FieldNode, raw: string): unknown;
+export interface FieldWidget {
+    node: Signal<FieldNode>;
+    kind: Signal<FieldKind>;
+    value: Signal<unknown>;
+    display: Signal<string | number>;
+    label: Signal<string>;
+    description: Signal<string | undefined>;
+    descriptionId: Signal<string>;
+    errorId: Signal<string>;
+    labelFor: Signal<string>;
+    aria: Signal<FieldAria>;
+    messages: Signal<FormMessages>;
+    errors: Signal<readonly ValidationError[]>;
+    invalid: Signal<boolean>;
+    setRaw(raw: string): void;
+    setValue(value: unknown): void;
+    onBlur(): void;
+}
+export declare function useFieldWidget(nodeSource: AngularWidget['node']): FieldWidget;
+//# sourceMappingURL=use-field-widget.d.ts.map

package/dist/use-field-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-field-widget.d.ts","sourceRoot":"","sources":["../src/use-field-widget.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAI7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEhE,wBAAgB,SAAS,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,CAKpD;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAI7E;AAED,wBAAgB,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAO7E;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,CAAA;IACvB,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,CAAA;IACvB,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;IACtB,OAAO,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAChC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;IACrB,WAAW,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACvC,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;IAC7B,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;IACxB,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAC,YAAY,CAAC,CAAA;IAC9B,MAAM,EAAE,MAAM,CAAC,SAAS,eAAe,EAAE,CAAC,CAAA;IAC1C,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAA;IACxB,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAC9B,MAAM,IAAI,IAAI,CAAA;CACf;AAID,wBAAgB,cAAc,CAAC,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,WAAW,CAoD7E"}