@texaryn/angular 0.0.0-stage → 0.2.0

package/dist/use-field-widget.js

@@ -0,0 +1,81 @@
+import { computed } from '@angular/core';
+import { englishMessages } from '@texaryn/core';
+import { useFormContext } from './context.js';
+import { fieldAria, fieldLabel, makeId } from './field-props.js';
+import { useDynamicStore } from './store.js';
+export function fieldKind(node) {
+    if (node.enumValues != null && node.enumValues.length > 0)
+        return 'enum';
+    if (node.fieldType === 'boolean')
+        return 'boolean';
+    if (node.fieldType === 'number' || node.fieldType === 'integer')
+        return 'number';
+    return 'string';
+}
+export function displayValue(kind, value) {
+    if (kind === 'number' && typeof value === 'number')
+        return value;
+    if (kind === 'string' && typeof value === 'string')
+        return value;
+    return value == null ? '' : String(value);
+}
+export function coerce(kind, node, raw) {
+    if (kind === 'number')
+        return raw === '' ? undefined : Number(raw);
+    if (kind === 'enum') {
+        const option = (node.enumValues ?? []).find((entry) => String(entry.value) === raw);
+        return option ? option.value : raw;
+    }
+    return raw;
+}
+const NO_ERRORS = [];
+export function useFieldWidget(nodeSource) {
+    const context = useFormContext();
+    const node = computed(() => nodeSource(), ...(ngDevMode ? [{ debugName: "node" }] : []));
+    const kind = computed(() => fieldKind(node()), ...(ngDevMode ? [{ debugName: "kind" }] : []));
+    const nodeState = computed(() => {
+        const form = context.form();
+        form.document();
+        return form.getNodeState(node().id);
+    }, ...(ngDevMode ? [{ debugName: "nodeState" }] : []));
+    const value = useDynamicStore(() => nodeState()?.value, undefined);
+    const errors = useDynamicStore(() => nodeState()?.errors, NO_ERRORS);
+    const disabled = useDynamicStore(() => nodeState()?.disabled, false);
+    const showErrors = useDynamicStore(() => nodeState()?.showErrors, false);
+    const idPrefix = computed(() => context.idPrefix(), ...(ngDevMode ? [{ debugName: "idPrefix" }] : []));
+    const messages = computed(() => context.messages() ?? englishMessages, ...(ngDevMode ? [{ debugName: "messages" }] : []));
+    const visibleErrors = computed(() => showErrors() ? errors() : NO_ERRORS, ...(ngDevMode ? [{ debugName: "visibleErrors" }] : []));
+    return {
+        node,
+        kind,
+        value,
+        display: computed(() => displayValue(kind(), value())),
+        label: computed(() => fieldLabel(node())),
+        description: computed(() => node().helpText ?? node().annotations.description),
+        descriptionId: computed(() => makeId(idPrefix(), node().id, 'description')),
+        errorId: computed(() => makeId(idPrefix(), node().id, 'error')),
+        labelFor: computed(() => makeId(idPrefix(), node().id, 'input')),
+        aria: computed(() => fieldAria(node(), { disabled: disabled(), showErrors: showErrors(), errors: errors() }, idPrefix(), kind() !== 'enum' && kind() !== 'boolean')),
+        messages,
+        errors: visibleErrors,
+        invalid: computed(() => visibleErrors().length > 0),
+        setRaw: (raw) => {
+            const current = node();
+            if (current.readOnly)
+                return;
+            context.form().dispatch({
+                type: 'SetValue',
+                nodeId: current.id,
+                value: coerce(kind(), current, raw),
+            });
+        },
+        setValue: (next) => {
+            const current = node();
+            if (current.readOnly)
+                return;
+            context.form().dispatch({ type: 'SetValue', nodeId: current.id, value: next });
+        },
+        onBlur: () => context.form().dispatch({ type: 'SetTouched', nodeId: node().id }),
+    };
+}
+//# sourceMappingURL=use-field-widget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-field-widget.js","sourceRoot":"","sources":["../src/use-field-widget.ts"],"names":[],"mappings":"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"}

package/dist/widget.d.ts

@@ -0,0 +1,12 @@
+import type { InputSignal, Type } from '@angular/core';
+import type { DocumentNode, DocumentRuntime, UINode } from '@texaryn/core';
+export interface AngularWidget {
+    readonly node: InputSignal<UINode>;
+}
+export type WidgetComponent = Type<AngularWidget>;
+export interface AngularDocumentWidget {
+    readonly node: InputSignal<DocumentNode>;
+    readonly runtime: InputSignal<DocumentRuntime>;
+}
+export type DocumentWidgetComponent = Type<AngularDocumentWidget>;
+//# sourceMappingURL=widget.d.ts.map

package/dist/widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../src/widget.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE1E,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CACnC;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,CAAA;AAEjD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;IACxC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC,eAAe,CAAC,CAAA;CAC/C;AAED,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAA"}

package/dist/widget.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=widget.js.map

package/dist/widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget.js","sourceRoot":"","sources":["../src/widget.ts"],"names":[],"mappings":""}

package/dist/widgets/array-control.d.ts

@@ -0,0 +1,26 @@
+import type { ContainerNode, StableItemId, UINode } from '@texaryn/core';
+import * as i0 from "@angular/core";
+export declare class ArrayControl {
+    readonly node: import("@angular/core").InputSignal<UINode>;
+    readonly context: import("../context.js").FormContext;
+    readonly array: import("../use-field-array.js").FieldArrayBinding;
+    readonly currentArray: import("@angular/core").Signal<ContainerNode>;
+    readonly messages: import("@angular/core").Signal<import("@texaryn/core").FormMessages>;
+    readonly canDrag: import("@angular/core").Signal<boolean>;
+    private readonly dragSession;
+    private readonly dragCleanup;
+    private readonly injector;
+    private readonly dragType;
+    private ownsTarget;
+    private clearDrag;
+    startDrag(event: DragEvent, itemId: StableItemId): void;
+    endDrag(event: DragEvent): void;
+    dragOver(event: DragEvent, itemId: StableItemId): void;
+    dragLeave(event: DragEvent): void;
+    drop(event: DragEvent, itemId: StableItemId): void;
+    itemTitle(nodeId: string | undefined): string | undefined;
+    move(event: MouseEvent, from: number, to: number, nextDirection: 'up' | 'down', restoreAtBoundary: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArrayControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArrayControl, "texaryn-array-control", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=array-control.d.ts.map

package/dist/widgets/array-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-control.d.ts","sourceRoot":"","sources":["../../src/widgets/array-control.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,aAAa,EAAe,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;;AAMrF,qBAiFa,YAAY;IACvB,QAAQ,CAAC,IAAI,8CAA2B;IACxC,QAAQ,CAAC,OAAO,sCAAmB;IACnC,QAAQ,CAAC,KAAK,oDAAsC;IACpD,QAAQ,CAAC,YAAY,gDAGnB;IACF,QAAQ,CAAC,QAAQ,uEAA6D;IAC9E,QAAQ,CAAC,OAAO,0CAGf;IACD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAKb;IACf,OAAO,CAAC,QAAQ,CAAC,WAAW,CAS1B;IACF,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAmB;IAE5C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAqC;IAE9D,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,SAAS;IAUjB,SAAS,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI;IAgBvD,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAK/B,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI;IAyBtD,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAMjC,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI;IA+BlD,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS;IAKzD,IAAI,CACF,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,EACV,aAAa,EAAE,IAAI,GAAG,MAAM,EAC5B,iBAAiB,EAAE,OAAO,GACzB,IAAI;yCA7II,YAAY;2CAAZ,YAAY;CAyJxB"}

package/dist/widgets/array-control.js

@@ -0,0 +1,298 @@
+import { afterNextRender, ChangeDetectionStrategy, Component, computed, effect, inject, Injector, input, signal, untracked, } from '@angular/core';
+import { englishMessages } from '@texaryn/core';
+import { NodeRenderer } from '../components/node-renderer.js';
+import { useFormContext } from '../context.js';
+import { useFieldArray } from '../use-field-array.js';
+import * as i0 from "@angular/core";
+export class ArrayControl {
+    node = input.required(...(ngDevMode ? [{ debugName: "node" }] : []));
+    context = useFormContext();
+    array = useFieldArray(() => this.node().id);
+    currentArray = computed(() => {
+        const node = this.node();
+        return (this.context.form().document().nodes[node.id] ?? node);
+    }, ...(ngDevMode ? [{ debugName: "currentArray" }] : []));
+    messages = computed(() => this.context.messages() ?? englishMessages, ...(ngDevMode ? [{ debugName: "messages" }] : []));
+    canDrag = computed(() => this.currentArray().arrayMeta?.canReorder === true &&
+        !this.currentArray().readOnly && !this.currentArray().disabled, ...(ngDevMode ? [{ debugName: "canDrag" }] : []));
+    dragSession = signal(null, ...(ngDevMode ? [{ debugName: "dragSession" }] : []));
+    dragCleanup = effect(() => {
+        const session = this.dragSession();
+        if (!session)
+            return;
+        const runtime = this.context.form().runtime;
+        const array = this.currentArray();
+        if (session.runtime !== runtime || session.identityKey !== array.arrayMeta?.identityKey ||
+            !this.canDrag() || !array.arrayMeta?.itemIds.includes(session.itemId))
+            untracked(() => this.clearDrag());
+    }, ...(ngDevMode ? [{ debugName: "dragCleanup" }] : []));
+    injector = inject(Injector);
+    dragType = 'application/x-texaryn-array-item';
+    ownsTarget(event, root) {
+        return event.target instanceof Element && event.target.closest('[data-array-container]') === root;
+    }
+    clearDrag() {
+        const root = this.dragSession()?.root;
+        root?.removeAttribute('data-array-drag-active');
+        root?.querySelectorAll('[data-dragging], [data-drop-target]').forEach((row) => {
+            row.removeAttribute('data-dragging');
+            row.removeAttribute('data-drop-target');
+        });
+        this.dragSession.set(null);
+    }
+    startDrag(event, itemId) {
+        const current = this.currentArray();
+        const root = event.currentTarget.closest('[data-array-container]');
+        const identityKey = current.arrayMeta?.identityKey;
+        if (!this.canDrag() || !root || identityKey === undefined || !current.arrayMeta?.itemIds.includes(itemId) || !event.dataTransfer) {
+            event.preventDefault();
+            return;
+        }
+        event.stopPropagation();
+        event.dataTransfer.setData(this.dragType, itemId);
+        event.dataTransfer.effectAllowed = 'move';
+        this.dragSession.set({ runtime: this.context.form().runtime, identityKey, root, itemId });
+        root.setAttribute('data-array-drag-active', '');
+        event.currentTarget.closest('[data-array-row]')?.setAttribute('data-dragging', '');
+    }
+    endDrag(event) {
+        event.dataTransfer?.clearData(this.dragType);
+        this.clearDrag();
+    }
+    dragOver(event, itemId) {
+        if (!Array.from(event.dataTransfer?.types ?? []).includes(this.dragType))
+            return;
+        const currentTarget = event.currentTarget;
+        const root = currentTarget.closest('[data-array-container]');
+        if (!root || !this.ownsTarget(event, root)) {
+            event.stopPropagation();
+            return;
+        }
+        const session = this.dragSession();
+        const current = this.currentArray();
+        const ids = current.arrayMeta?.itemIds ?? [];
+        if (!session || session.runtime !== this.context.form().runtime || session.root !== root ||
+            session.identityKey !== current.arrayMeta?.identityKey || !this.canDrag() ||
+            !ids.includes(session.itemId) || !ids.includes(itemId)) {
+            event.stopPropagation();
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        if (event.dataTransfer)
+            event.dataTransfer.dropEffect = 'move';
+        currentTarget.setAttribute('data-drop-target', '');
+    }
+    dragLeave(event) {
+        if (Array.from(event.dataTransfer?.types ?? []).includes(this.dragType)) {
+            event.currentTarget.removeAttribute('data-drop-target');
+        }
+    }
+    drop(event, itemId) {
+        if (!Array.from(event.dataTransfer?.types ?? []).includes(this.dragType))
+            return;
+        event.stopPropagation();
+        const currentTarget = event.currentTarget;
+        const root = currentTarget.closest('[data-array-container]');
+        const session = this.dragSession();
+        const current = this.currentArray();
+        const ids = current.arrayMeta?.itemIds ?? [];
+        if (!root || !this.ownsTarget(event, root) || !session) {
+            this.clearDrag();
+            return;
+        }
+        const sourceIndex = ids.indexOf(session.itemId);
+        const targetIndex = ids.indexOf(itemId);
+        if (session.runtime !== this.context.form().runtime || session.root !== root ||
+            session.identityKey !== current.arrayMeta?.identityKey || !this.canDrag() ||
+            sourceIndex < 0 || targetIndex < 0) {
+            this.clearDrag();
+            return;
+        }
+        event.preventDefault();
+        const bounds = currentTarget.getBoundingClientRect();
+        const after = event.clientY >= bounds.top + bounds.height / 2;
+        const boundary = targetIndex + (after ? 1 : 0);
+        const destination = boundary > sourceIndex ? boundary - 1 : boundary;
+        this.clearDrag();
+        if (destination !== sourceIndex)
+            this.array.move(sourceIndex, destination);
+    }
+    itemTitle(nodeId) {
+        if (!nodeId)
+            return undefined;
+        return this.context.form().document().nodes[nodeId]?.annotations.title;
+    }
+    move(event, from, to, nextDirection, restoreAtBoundary) {
+        const button = event.currentTarget;
+        const wasFocused = button.ownerDocument.activeElement === button;
+        const row = button.closest('[data-array-row]');
+        this.array.move(from, to);
+        if (wasFocused && restoreAtBoundary) {
+            afterNextRender({
+                mixedReadWrite: () => row?.querySelector(`[data-reorder-direction="${nextDirection}"]`)?.focus(),
+            }, { injector: this.injector });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ArrayControl, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ArrayControl, isStandalone: true, selector: "texaryn-array-control", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    <div data-array-container="array">
+    @for (item of array.items(); track item.id; let index = $index) {
+      <div
+        data-array-row
+        [attr.data-array-item-id]="item.id"
+        (dragover)="dragOver($event, item.id)"
+        (dragleave)="dragLeave($event)"
+        (drop)="drop($event, item.id)"
+      >
+        @if (canDrag()) {
+          <span
+            aria-hidden="true"
+            class="texaryn-array-drag-handle"
+            tabindex="-1"
+            draggable="true"
+            (dragstart)="startDrag($event, item.id)"
+            (dragend)="endDrag($event)"
+          >⠿</span>
+        }
+        @if (item.nodeId; as childId) {
+          @let child = context.form().document().nodes[childId];
+          @if (child) {
+            <texaryn-node-renderer [node]="child" />
+          }
+        }
+        @if (array.canReorder() && index > 0) {
+          @let action = messages().moveItemUp({
+            position: index + 1,
+            itemTitle: itemTitle(item.nodeId),
+            containerTitle: currentArray().annotations.title,
+          });
+          <button
+            type="button"
+            data-reorder-direction="up"
+            [attr.aria-label]="action.accessibleName"
+            (click)="move($event, index, index - 1, 'down', index === 1)"
+          >{{ action.label }}</button>
+        }
+        @if (array.canReorder() && index < array.items().length - 1) {
+          @let action = messages().moveItemDown({
+            position: index + 1,
+            itemTitle: itemTitle(item.nodeId),
+            containerTitle: currentArray().annotations.title,
+          });
+          <button
+            type="button"
+            data-reorder-direction="down"
+            [attr.aria-label]="action.accessibleName"
+            (click)="move($event, index, index + 1, 'up', index === array.items().length - 2)"
+          >{{ action.label }}</button>
+        }
+        @if (array.canRemove()) {
+          @let action = messages().removeItem({
+            position: index + 1,
+            itemTitle: itemTitle(item.nodeId),
+            containerTitle: currentArray().annotations.title,
+          });
+          <button type="button" [attr.aria-label]="action.accessibleName" (click)="array.remove(index)">
+            {{ action.label }}
+          </button>
+        }
+      </div>
+    }
+    @if (array.canAdd()) {
+      @let action = messages().addItem({
+        itemTemplateTitle: currentArray().arrayMeta?.itemTitle,
+        containerTitle: currentArray().annotations.title,
+      });
+      <button type="button" [attr.aria-label]="action.accessibleName" (click)="array.add()">
+        {{ action.label }}
+      </button>
+    }
+    </div>
+  `, isInline: true, dependencies: [{ 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: ArrayControl, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'texaryn-array-control',
+                    standalone: true,
+                    imports: [NodeRenderer],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <div data-array-container="array">
+    @for (item of array.items(); track item.id; let index = $index) {
+      <div
+        data-array-row
+        [attr.data-array-item-id]="item.id"
+        (dragover)="dragOver($event, item.id)"
+        (dragleave)="dragLeave($event)"
+        (drop)="drop($event, item.id)"
+      >
+        @if (canDrag()) {
+          <span
+            aria-hidden="true"
+            class="texaryn-array-drag-handle"
+            tabindex="-1"
+            draggable="true"
+            (dragstart)="startDrag($event, item.id)"
+            (dragend)="endDrag($event)"
+          >⠿</span>
+        }
+        @if (item.nodeId; as childId) {
+          @let child = context.form().document().nodes[childId];
+          @if (child) {
+            <texaryn-node-renderer [node]="child" />
+          }
+        }
+        @if (array.canReorder() && index > 0) {
+          @let action = messages().moveItemUp({
+            position: index + 1,
+            itemTitle: itemTitle(item.nodeId),
+            containerTitle: currentArray().annotations.title,
+          });
+          <button
+            type="button"
+            data-reorder-direction="up"
+            [attr.aria-label]="action.accessibleName"
+            (click)="move($event, index, index - 1, 'down', index === 1)"
+          >{{ action.label }}</button>
+        }
+        @if (array.canReorder() && index < array.items().length - 1) {
+          @let action = messages().moveItemDown({
+            position: index + 1,
+            itemTitle: itemTitle(item.nodeId),
+            containerTitle: currentArray().annotations.title,
+          });
+          <button
+            type="button"
+            data-reorder-direction="down"
+            [attr.aria-label]="action.accessibleName"
+            (click)="move($event, index, index + 1, 'up', index === array.items().length - 2)"
+          >{{ action.label }}</button>
+        }
+        @if (array.canRemove()) {
+          @let action = messages().removeItem({
+            position: index + 1,
+            itemTitle: itemTitle(item.nodeId),
+            containerTitle: currentArray().annotations.title,
+          });
+          <button type="button" [attr.aria-label]="action.accessibleName" (click)="array.remove(index)">
+            {{ action.label }}
+          </button>
+        }
+      </div>
+    }
+    @if (array.canAdd()) {
+      @let action = messages().addItem({
+        itemTemplateTitle: currentArray().arrayMeta?.itemTitle,
+        containerTitle: currentArray().annotations.title,
+      });
+      <button type="button" [attr.aria-label]="action.accessibleName" (click)="array.add()">
+        {{ action.label }}
+      </button>
+    }
+    </div>
+  `,
+                }]
+        }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }] } });
+//# sourceMappingURL=array-control.js.map

package/dist/widgets/array-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-control.js","sourceRoot":"","sources":["../../src/widgets/array-control.ts"],"names":[],"mappings":"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"}

package/dist/widgets/default-registry.d.ts

@@ -0,0 +1,4 @@
+import type { RendererRegistry } from '@texaryn/core';
+import type { WidgetComponent } from '../widget.js';
+export declare function createDefaultRegistry(): RendererRegistry<WidgetComponent>;
+//# sourceMappingURL=default-registry.d.ts.map

package/dist/widgets/default-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-registry.d.ts","sourceRoot":"","sources":["../../src/widgets/default-registry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAKnD,wBAAgB,qBAAqB,IAAI,gBAAgB,CAAC,eAAe,CAAC,CAYzE"}

package/dist/widgets/default-registry.js

@@ -0,0 +1,12 @@
+import { createRendererRegistry } from '@texaryn/core';
+import { ArrayControl } from './array-control.js';
+import { FieldWidgetComponent } from './field.js';
+import { ObjectLayout } from './object-layout.js';
+export function createDefaultRegistry() {
+    const registry = createRendererRegistry();
+    registry.register({ test: (node) => node.type === 'field', rank: 1 }, FieldWidgetComponent);
+    registry.register({ test: (node) => node.type === 'container' && node.containerType === 'object', rank: 1 }, ObjectLayout);
+    registry.register({ test: (node) => node.type === 'container' && node.containerType === 'array', rank: 1 }, ArrayControl);
+    return registry;
+}
+//# sourceMappingURL=default-registry.js.map

package/dist/widgets/default-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-registry.js","sourceRoot":"","sources":["../../src/widgets/default-registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAGtD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,MAAM,UAAU,qBAAqB;IACnC,MAAM,QAAQ,GAAG,sBAAsB,EAAmB,CAAA;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,oBAAoB,CAAC,CAAA;IAC3F,QAAQ,CAAC,QAAQ,CACf,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,aAAa,KAAK,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,EACzF,YAAY,CACb,CAAA;IACD,QAAQ,CAAC,QAAQ,CACf,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,EACxF,YAAY,CACb,CAAA;IACD,OAAO,QAAQ,CAAA;AACjB,CAAC"}

package/dist/widgets/field.d.ts

@@ -0,0 +1,19 @@
+import type { UINode } from '@texaryn/core';
+import * as i0 from "@angular/core";
+export declare class FieldWidgetComponent {
+    readonly node: import("@angular/core").InputSignal<UINode>;
+    readonly field: import("../use-field-widget.js").FieldWidget;
+    readonly requiredIndicator: import("@angular/core").Signal<import("@texaryn/core").IndicatorMessage>;
+    readonly enumOptions: import("@angular/core").Signal<{
+        token: string;
+        value: unknown;
+        label: string;
+    }[]>;
+    readonly enumValueToken: import("@angular/core").Signal<string>;
+    readonly stringify: (value: unknown) => string;
+    onSelectChange(event: Event): void;
+    onCheckboxChange(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldWidgetComponent, "texaryn-field-widget", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=field.d.ts.map

package/dist/widgets/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/widgets/field.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;;AAG3C,qBAuGa,oBAAoB;IAC/B,QAAQ,CAAC,IAAI,8CAA2B;IACxC,QAAQ,CAAC,KAAK,+CAA4B;IAC1C,QAAQ,CAAC,iBAAiB,2EAA4D;IACtF,QAAQ,CAAC,WAAW;;;;SAMnB;IACD,QAAQ,CAAC,cAAc,yCAEtB;IACD,QAAQ,CAAC,SAAS,GAAI,OAAO,OAAO,KAAG,MAAM,CAG5C;IAED,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAOlC,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCA1BzB,oBAAoB;2CAApB,oBAAoB;CA+BhC"}