@texaryn/web-components 0.0.0 → 0.2.0

package/dist/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AAEA,qGAAqG;AACrG,wBAAgB,iBAAiB,CAAC,OAAO,SAAiB,GAAG,wBAAwB,CAMpF"}

package/dist/define.js

@@ -0,0 +1,11 @@
+import { texarynFormElementClass } from './element.js';
+/** Registers the element once; a second call for the same tag returns what is already registered. */
+export function defineTexarynForm(tagName = 'texaryn-form') {
+    const existing = customElements.get(tagName);
+    if (existing)
+        return existing;
+    const constructor = texarynFormElementClass();
+    customElements.define(tagName, constructor);
+    return constructor;
+}
+//# sourceMappingURL=define.js.map

package/dist/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAEtD,qGAAqG;AACrG,MAAM,UAAU,iBAAiB,CAAC,OAAO,GAAG,cAAc;IACxD,MAAM,QAAQ,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAC5C,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAA;IAC7B,MAAM,WAAW,GAAG,uBAAuB,EAAE,CAAA;IAC7C,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IAC3C,OAAO,WAAW,CAAA;AACpB,CAAC"}

package/dist/element.d.ts

@@ -0,0 +1,26 @@
+import type { FormRuntime, FormRuntimeOptions, RendererRegistry, SchemaEvaluationPort } from '@texaryn/core';
+import type { WidgetFactory } from './widget.js';
+/**
+ * `runtime` is the primitive input: an external runtime the element renders
+ * and never destroys. `port` plus `options` is the managed mode, where the
+ * element creates a runtime of its own and destroys it on removal. The two
+ * sources are mutually exclusive.
+ */
+export interface TexarynFormElement extends HTMLElement {
+    /** Borrowed: assigned from outside, rendered, and never destroyed by the element. */
+    runtime: FormRuntime | null;
+    /** Managed: the element builds a runtime from this and destroys it on removal. */
+    port: SchemaEvaluationPort | null;
+    /** Read when the managed runtime is created, so set it before `port`. */
+    options: FormRuntimeOptions;
+    registry: RendererRegistry<WidgetFactory> | null;
+    readonly idPrefix: string;
+}
+/**
+ * Builds the class on first use rather than at module load. It extends
+ * `HTMLElement`, which does not exist outside a browser, and a package that
+ * throws on import cannot be loaded by a server rendered application or by any
+ * tool that merely resolves it.
+ */
+export declare function texarynFormElementClass(): CustomElementConstructor;
+//# sourceMappingURL=element.d.ts.map

package/dist/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../src/element.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,eAAe,CAAA;AAItB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD;;;;;GAKG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,qFAAqF;IACrF,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3B,kFAAkF;IAClF,IAAI,EAAE,oBAAoB,GAAG,IAAI,CAAA;IACjC,yEAAyE;IACzE,OAAO,EAAE,kBAAkB,CAAA;IAC3B,QAAQ,EAAE,gBAAgB,CAAC,aAAa,CAAC,GAAG,IAAI,CAAA;IAChD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAC1B;AAID;;;;;GAKG;AACH,wBAAgB,uBAAuB,IAAI,wBAAwB,CA8IlE"}

package/dist/element.js

@@ -0,0 +1,140 @@
+import { createFormRuntime } from '@texaryn/core';
+import { nextInstancePrefix } from './ids.js';
+import { mountForm } from './mount.js';
+let elementClass = null;
+/**
+ * Builds the class on first use rather than at module load. It extends
+ * `HTMLElement`, which does not exist outside a browser, and a package that
+ * throws on import cannot be loaded by a server rendered application or by any
+ * tool that merely resolves it.
+ */
+export function texarynFormElementClass() {
+    if (elementClass)
+        return elementClass;
+    class TexarynForm extends HTMLElement {
+        #external = null;
+        #owned = null;
+        #port = null;
+        #options = {};
+        #registry = null;
+        #form = null;
+        #mount = null;
+        #mountedRuntime = null;
+        #mountedRegistry = null;
+        #unsubscribe = [];
+        #prefix = null;
+        /** The element's own id when it has one on first use, else an allocated `texaryn-<n>`; fixed for the element's lifetime. */
+        get idPrefix() {
+            this.#prefix ??= this.id || nextInstancePrefix();
+            return this.#prefix;
+        }
+        get runtime() {
+            return this.#external ?? this.#owned;
+        }
+        set runtime(runtime) {
+            if (runtime && this.#port) {
+                throw new Error('<texaryn-form>: runtime and port are mutually exclusive; clear port first');
+            }
+            this.#external = runtime;
+            this.#render();
+        }
+        get port() {
+            return this.#port;
+        }
+        set port(port) {
+            if (port && this.#external) {
+                throw new Error('<texaryn-form>: runtime and port are mutually exclusive; clear runtime first');
+            }
+            if (this.#owned) {
+                this.#unmount();
+                this.#owned.destroy();
+                this.#owned = null;
+            }
+            this.#port = port;
+            this.#render();
+        }
+        get options() {
+            return this.#options;
+        }
+        /** Read when the managed runtime is created; setting it afterwards changes nothing until `port` is set again. */
+        set options(options) {
+            this.#options = options ?? {};
+        }
+        get registry() {
+            return this.#registry;
+        }
+        set registry(registry) {
+            this.#registry = registry;
+            this.#render();
+        }
+        connectedCallback() {
+            this.#render();
+        }
+        disconnectedCallback() {
+            // A reparent fires disconnected then connected in the same task. Only an
+            // element still detached afterwards was removed.
+            queueMicrotask(() => {
+                if (!this.isConnected)
+                    this.#dispose();
+            });
+        }
+        #render() {
+            if (!this.isConnected)
+                return;
+            if (!this.#owned && this.#port && !this.#external) {
+                this.#owned = createFormRuntime(this.#port, this.#options);
+            }
+            const runtime = this.runtime;
+            if (!runtime || !this.#registry)
+                return;
+            if (this.#mount && this.#mountedRuntime === runtime && this.#mountedRegistry === this.#registry) {
+                return;
+            }
+            this.#unmount();
+            const form = this.#ensureForm();
+            this.#mount = mountForm(form, runtime, this.#registry, this.idPrefix);
+            this.#mountedRuntime = runtime;
+            this.#mountedRegistry = this.#registry;
+            this.#unsubscribe.push(runtime.data.subscribe(() => {
+                this.dispatchEvent(new CustomEvent('texaryn-data-change', { detail: runtime.data.getSnapshot(), bubbles: true }));
+            }), runtime.submission.subscribe(() => {
+                this.dispatchEvent(new CustomEvent('texaryn-submission-change', {
+                    detail: runtime.submission.getSnapshot(),
+                    bubbles: true,
+                }));
+            }));
+        }
+        #ensureForm() {
+            if (this.#form)
+                return this.#form;
+            const form = document.createElement('form');
+            form.noValidate = true;
+            form.addEventListener('submit', (event) => {
+                event.preventDefault();
+                this.runtime?.dispatch({ type: 'Submit' });
+            });
+            this.append(form);
+            this.#form = form;
+            return form;
+        }
+        #unmount() {
+            for (const off of this.#unsubscribe)
+                off();
+            this.#unsubscribe = [];
+            this.#mount?.unmount();
+            this.#mount = null;
+            this.#mountedRuntime = null;
+            this.#mountedRegistry = null;
+        }
+        #dispose() {
+            this.#unmount();
+            if (this.#owned) {
+                this.#owned.destroy();
+                this.#owned = null;
+            }
+        }
+    }
+    elementClass = TexarynForm;
+    return elementClass;
+}
+//# sourceMappingURL=element.js.map

package/dist/element.js.map

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

package/dist/field-state.d.ts

@@ -0,0 +1,18 @@
+import type { FormRuntime, UINode, ValidationError } from '@texaryn/core';
+/**
+ * Subscriptions for one field, re-pointable at another node. `getNodeState`
+ * is a map lookup and the runtime replaces a node's bundle when its id leaves
+ * the document and returns, so every update re-resolves and compares the
+ * bundle rather than trusting the id.
+ */
+export declare class FieldState {
+    #private;
+    constructor(runtime: FormRuntime, node: UINode, onChange: () => void);
+    rebind(node: UINode): void;
+    get value(): unknown;
+    get errors(): ValidationError[];
+    get showErrors(): boolean;
+    get disabled(): boolean;
+    destroy(): void;
+}
+//# sourceMappingURL=field-state.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-state.d.ts","sourceRoot":"","sources":["../src/field-state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpF;;;;;GAKG;AACH,qBAAa,UAAU;;gBAMT,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI;IAMpE,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAW1B,IAAI,KAAK,IAAI,OAAO,CAEnB;IACD,IAAI,MAAM,IAAI,eAAe,EAAE,CAE9B;IACD,IAAI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAOD,OAAO,IAAI,IAAI;CAIhB"}

package/dist/field-state.js

@@ -0,0 +1,51 @@
+/**
+ * Subscriptions for one field, re-pointable at another node. `getNodeState`
+ * is a map lookup and the runtime replaces a node's bundle when its id leaves
+ * the document and returns, so every update re-resolves and compares the
+ * bundle rather than trusting the id.
+ */
+export class FieldState {
+    #runtime;
+    #bundle;
+    #unsubscribe = [];
+    #onChange;
+    constructor(runtime, node, onChange) {
+        this.#runtime = runtime;
+        this.#onChange = onChange;
+        this.rebind(node);
+    }
+    rebind(node) {
+        const bundle = this.#runtime.getNodeState(node.id);
+        if (bundle === this.#bundle)
+            return;
+        this.#release();
+        this.#bundle = bundle;
+        if (!bundle)
+            return;
+        for (const store of [bundle.value, bundle.errors, bundle.showErrors, bundle.disabled]) {
+            this.#unsubscribe.push(store.subscribe(this.#onChange));
+        }
+    }
+    get value() {
+        return this.#bundle?.value.getSnapshot();
+    }
+    get errors() {
+        return this.#bundle?.errors.getSnapshot() ?? [];
+    }
+    get showErrors() {
+        return this.#bundle?.showErrors.getSnapshot() ?? false;
+    }
+    get disabled() {
+        return this.#bundle?.disabled.getSnapshot() ?? false;
+    }
+    #release() {
+        for (const off of this.#unsubscribe)
+            off();
+        this.#unsubscribe = [];
+    }
+    destroy() {
+        this.#release();
+        this.#bundle = undefined;
+    }
+}
+//# sourceMappingURL=field-state.js.map

package/dist/field-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-state.js","sourceRoot":"","sources":["../src/field-state.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,OAAO,UAAU;IACrB,QAAQ,CAAa;IACrB,OAAO,CAAuB;IAC9B,YAAY,GAAsB,EAAE,CAAA;IACpC,SAAS,CAAY;IAErB,YAAY,OAAoB,EAAE,IAAY,EAAE,QAAoB;QAClE,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAA;QACvB,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAA;QACzB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC;IAED,MAAM,CAAC,IAAY;QACjB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QAClD,IAAI,MAAM,KAAK,IAAI,CAAC,OAAO;YAAE,OAAM;QACnC,IAAI,CAAC,QAAQ,EAAE,CAAA;QACf,IAAI,CAAC,OAAO,GAAG,MAAM,CAAA;QACrB,IAAI,CAAC,MAAM;YAAE,OAAM;QACnB,KAAK,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;YACtF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;QACzD,CAAC;IACH,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,EAAE,CAAA;IAC1C,CAAC;IACD,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,WAAW,EAAE,IAAI,EAAE,CAAA;IACjD,CAAC;IACD,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,OAAO,EAAE,UAAU,CAAC,WAAW,EAAE,IAAI,KAAK,CAAA;IACxD,CAAC;IACD,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,WAAW,EAAE,IAAI,KAAK,CAAA;IACtD,CAAC;IAED,QAAQ;QACN,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,YAAY;YAAE,GAAG,EAAE,CAAA;QAC1C,IAAI,CAAC,YAAY,GAAG,EAAE,CAAA;IACxB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,QAAQ,EAAE,CAAA;QACf,IAAI,CAAC,OAAO,GAAG,SAAS,CAAA;IAC1B,CAAC;CACF"}

package/dist/fields.d.ts

@@ -0,0 +1,8 @@
+import type { UINode } from '@texaryn/core';
+import type { DomWidget, RenderContext } from './widget.js';
+export declare const textInput: (node: UINode, ctx: RenderContext) => DomWidget;
+export declare const numberInput: (node: UINode, ctx: RenderContext) => DomWidget;
+export declare const checkbox: (node: UINode, ctx: RenderContext) => DomWidget;
+export declare const select: (node: UINode, ctx: RenderContext) => DomWidget;
+export declare const textarea: (node: UINode, ctx: RenderContext) => DomWidget;
+//# sourceMappingURL=fields.d.ts.map

package/dist/fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../src/fields.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,MAAM,EAAE,MAAM,eAAe,CAAA;AAGtD,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAwK3D,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,EAAE,KAAK,aAAa,KAAG,SAA6C,CAAA;AAC1G,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,EAAE,KAAK,aAAa,KAAG,SAA6C,CAAA;AAC5G,eAAO,MAAM,QAAQ,GAAI,MAAM,MAAM,EAAE,KAAK,aAAa,KAAG,SAA8C,CAAA;AAC1G,eAAO,MAAM,MAAM,GAAI,MAAM,MAAM,EAAE,KAAK,aAAa,KAAG,SAA2C,CAAA;AACrG,eAAO,MAAM,QAAQ,GAAI,MAAM,MAAM,EAAE,KAAK,aAAa,KAAG,SAA+C,CAAA"}

package/dist/fields.js

@@ -0,0 +1,168 @@
+import { FieldState } from './field-state.js';
+import { makeId } from './ids.js';
+/** Mirrors the Vue binding's coerce so both renderers write the same data for the same keystrokes. */
+function coerce(kind, node, raw) {
+    if (kind === 'number')
+        return raw === '' ? undefined : Number(raw);
+    if (kind === 'enum') {
+        const option = (node.enumValues ?? []).find((o) => String(o.value) === raw);
+        return option ? option.value : raw;
+    }
+    return raw;
+}
+function display(value) {
+    return value == null ? '' : String(value);
+}
+/** HTML honours `readonly` on text-like controls only; the rest need ARIA. */
+function hasNativeReadOnly(kind) {
+    return kind === 'string' || kind === 'number' || kind === 'textarea';
+}
+function createControl(kind) {
+    if (kind === 'enum')
+        return document.createElement('select');
+    if (kind === 'textarea')
+        return document.createElement('textarea');
+    const input = document.createElement('input');
+    input.type = kind === 'boolean' ? 'checkbox' : kind === 'number' ? 'number' : 'text';
+    return input;
+}
+/**
+ * Label, control, description and error block for one field, on native
+ * elements. Ids carry the instance prefix and the node id; both are rewritten
+ * on update because a moved row keeps this widget and changes its node.
+ */
+function fieldWidget(kind, initial, ctx) {
+    let node = initial;
+    const root = document.createElement('div');
+    root.className = 'texaryn-field';
+    const label = document.createElement('label');
+    const control = createControl(kind);
+    const description = document.createElement('div');
+    const errors = document.createElement('div');
+    // Set once and never toggled. Hiding the region while empty took it out of
+    // the accessibility tree, so unhiding it with content already in place was
+    // the same defect as inserting it populated. Polite rather than alert
+    // because validation runs on change, blur and submit.
+    errors.setAttribute('aria-live', 'polite');
+    errors.setAttribute('aria-atomic', 'true');
+    root.append(label, control, description, errors);
+    const state = new FieldState(ctx.runtime, node, () => render());
+    const commit = () => {
+        // Read the node at event time, never captured: a stale id after a move
+        // would write into the row that took this one's place.
+        if (node.readOnly) {
+            // The runtime refuses the write anyway. Re-rendering puts the control
+            // back, which native readonly does for a text field but not for a
+            // select or a checkbox the user just toggled.
+            render();
+            return;
+        }
+        const value = control instanceof HTMLInputElement && kind === 'boolean'
+            ? control.checked
+            : coerce(kind, node, control.value);
+        ctx.runtime.dispatch({ type: 'SetValue', nodeId: node.id, value });
+    };
+    control.addEventListener(kind === 'boolean' || kind === 'enum' ? 'change' : 'input', commit);
+    control.addEventListener('blur', () => {
+        ctx.runtime.dispatch({ type: 'SetTouched', nodeId: node.id });
+    });
+    function renderIds() {
+        const inputId = makeId(ctx.idPrefix, node.id, 'input');
+        control.id = inputId;
+        control.name = node.dataPointer || node.id;
+        label.htmlFor = inputId;
+        label.id = makeId(ctx.idPrefix, node.id, 'label');
+        description.id = makeId(ctx.idPrefix, node.id, 'description');
+        errors.id = makeId(ctx.idPrefix, node.id, 'error');
+    }
+    function renderOptions() {
+        if (!(control instanceof HTMLSelectElement))
+            return;
+        const wanted = [{ value: '', title: '' }].concat((node.enumValues ?? []).map((o) => ({ value: String(o.value), title: o.title ?? String(o.value) })));
+        const current = Array.from(control.options).map((o) => o.value);
+        if (wanted.map((w) => w.value).join(' ') === current.join(' '))
+            return;
+        control.replaceChildren(...wanted.map((w) => {
+            const option = document.createElement('option');
+            option.value = w.value;
+            option.textContent = w.title;
+            return option;
+        }));
+    }
+    function render() {
+        label.textContent = node.annotations.title ?? node.dataPointer ?? node.id;
+        renderOptions();
+        const value = state.value;
+        if (control instanceof HTMLInputElement && kind === 'boolean') {
+            control.checked = value === true;
+        }
+        else {
+            // Only write when the DOM disagrees: writing an equal value moves the
+            // caret in real browsers, and the DOM already holds what was typed.
+            const text = display(value);
+            if (control.value !== text)
+                control.value = text;
+        }
+        control.disabled = state.disabled;
+        // A control HTML has no readonly for can only say so through ARIA, and is
+        // put back by commit above.
+        if (hasNativeReadOnly(kind)) {
+            ;
+            control.readOnly = node.readOnly;
+        }
+        else if (node.readOnly) {
+            control.setAttribute('aria-readonly', 'true');
+        }
+        else {
+            control.removeAttribute('aria-readonly');
+        }
+        if (node.placeholder && !(control instanceof HTMLSelectElement))
+            control.placeholder = node.placeholder;
+        if (node.constraints.required)
+            control.setAttribute('aria-required', 'true');
+        else
+            control.removeAttribute('aria-required');
+        const helpText = node.helpText ?? node.annotations.description;
+        description.textContent = helpText ?? '';
+        description.hidden = !helpText;
+        const visibleErrors = state.showErrors ? state.errors : [];
+        errors.replaceChildren(...visibleErrors.map((error) => {
+            const line = document.createElement('div');
+            line.textContent = error.message ?? error.keyword;
+            return line;
+        }));
+        const describedBy = [];
+        if (helpText)
+            describedBy.push(description.id);
+        if (visibleErrors.length > 0)
+            describedBy.push(errors.id);
+        if (describedBy.length > 0)
+            control.setAttribute('aria-describedby', describedBy.join(' '));
+        else
+            control.removeAttribute('aria-describedby');
+        if (visibleErrors.length > 0)
+            control.setAttribute('aria-invalid', 'true');
+        else
+            control.removeAttribute('aria-invalid');
+    }
+    renderIds();
+    render();
+    return {
+        element: root,
+        update(next) {
+            node = next;
+            renderIds();
+            state.rebind(node);
+            render();
+        },
+        destroy() {
+            state.destroy();
+        },
+    };
+}
+export const textInput = (node, ctx) => fieldWidget('string', node, ctx);
+export const numberInput = (node, ctx) => fieldWidget('number', node, ctx);
+export const checkbox = (node, ctx) => fieldWidget('boolean', node, ctx);
+export const select = (node, ctx) => fieldWidget('enum', node, ctx);
+export const textarea = (node, ctx) => fieldWidget('textarea', node, ctx);
+//# sourceMappingURL=fields.js.map

package/dist/fields.js.map

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

package/dist/ids.d.ts

@@ -0,0 +1,4 @@
+/** One prefix per element instance, so two forms on a page never share an id. */
+export declare function nextInstancePrefix(): string;
+export declare function makeId(prefix: string, nodeId: string, suffix: string): string;
+//# sourceMappingURL=ids.d.ts.map

package/dist/ids.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ids.d.ts","sourceRoot":"","sources":["../src/ids.ts"],"names":[],"mappings":"AAEA,iFAAiF;AACjF,wBAAgB,kBAAkB,IAAI,MAAM,CAG3C;AAED,wBAAgB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAE7E"}

package/dist/ids.js

@@ -0,0 +1,10 @@
+let instanceCounter = 0;
+/** One prefix per element instance, so two forms on a page never share an id. */
+export function nextInstancePrefix() {
+    instanceCounter += 1;
+    return `texaryn-${instanceCounter}`;
+}
+export function makeId(prefix, nodeId, suffix) {
+    return `${prefix}-${nodeId}-${suffix}`;
+}
+//# sourceMappingURL=ids.js.map

package/dist/ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ids.js","sourceRoot":"","sources":["../src/ids.ts"],"names":[],"mappings":"AAAA,IAAI,eAAe,GAAG,CAAC,CAAA;AAEvB,iFAAiF;AACjF,MAAM,UAAU,kBAAkB;IAChC,eAAe,IAAI,CAAC,CAAA;IACpB,OAAO,WAAW,eAAe,EAAE,CAAA;AACrC,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,MAAc,EAAE,MAAc,EAAE,MAAc;IACnE,OAAO,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,EAAE,CAAA;AACxC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export type { TexarynFormElement } from './element.js';
+export { defineTexarynForm } from './define.js';
+export { mountForm } from './mount.js';
+export type { Mount } from './mount.js';
+export { createDefaultRegistry } from './registry.js';
+export { textInput, numberInput, checkbox, select, textarea } from './fields.js';
+export { objectLayout, arrayControl } from './containers.js';
+export { makeId } from './ids.js';
+export type { DomWidget, NodeBinding, RenderContext, WidgetFactory } from './widget.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,YAAY,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AACtC,YAAY,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAChF,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA"}

package/dist/index.js

@@ -0,0 +1,7 @@
+export { defineTexarynForm } from './define.js';
+export { mountForm } from './mount.js';
+export { createDefaultRegistry } from './registry.js';
+export { textInput, numberInput, checkbox, select, textarea } from './fields.js';
+export { objectLayout, arrayControl } from './containers.js';
+export { makeId } from './ids.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":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAEtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAChF,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist/mount.d.ts

@@ -0,0 +1,12 @@
+import type { FormRuntime, RendererRegistry } from '@texaryn/core';
+import type { WidgetFactory } from './widget.js';
+export interface Mount {
+    unmount(): void;
+}
+/**
+ * Renders a runtime's document into a container and follows every recompile
+ * by updating the root binding in place. The runtime is borrowed: unmounting
+ * releases subscriptions and DOM, never the runtime.
+ */
+export declare function mountForm(container: HTMLElement, runtime: FormRuntime, registry: RendererRegistry<WidgetFactory>, idPrefix: string): Mount;
+//# sourceMappingURL=mount.d.ts.map

package/dist/mount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAElE,OAAO,KAAK,EAA8B,aAAa,EAAE,MAAM,aAAa,CAAA;AAE5E,MAAM,WAAW,KAAK;IACpB,OAAO,IAAI,IAAI,CAAA;CAChB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CACvB,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,gBAAgB,CAAC,aAAa,CAAC,EACzC,QAAQ,EAAE,MAAM,GACf,KAAK,CAgCP"}

package/dist/mount.js

@@ -0,0 +1,39 @@
+import { createNodeBinding } from './binding.js';
+/**
+ * Renders a runtime's document into a container and follows every recompile
+ * by updating the root binding in place. The runtime is borrowed: unmounting
+ * releases subscriptions and DOM, never the runtime.
+ */
+export function mountForm(container, runtime, registry, idPrefix) {
+    const ctx = {
+        runtime,
+        registry,
+        idPrefix,
+        mountChild: (node) => createNodeBinding(node, ctx),
+    };
+    let doc = runtime.document.getSnapshot();
+    let root = createNodeBinding(doc.nodes[doc.rootId], ctx);
+    container.append(root.element);
+    const unsubscribe = runtime.document.subscribe(() => {
+        const next = runtime.document.getSnapshot();
+        const rootNode = next.nodes[next.rootId];
+        if (next.rootId === doc.rootId) {
+            root.update(rootNode);
+        }
+        else {
+            const replacement = createNodeBinding(rootNode, ctx);
+            root.element.replaceWith(replacement.element);
+            root.destroy();
+            root = replacement;
+        }
+        doc = next;
+    });
+    return {
+        unmount() {
+            unsubscribe();
+            root.destroy();
+            root.element.remove();
+        },
+    };
+}
+//# sourceMappingURL=mount.js.map

package/dist/mount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAOhD;;;;GAIG;AACH,MAAM,UAAU,SAAS,CACvB,SAAsB,EACtB,OAAoB,EACpB,QAAyC,EACzC,QAAgB;IAEhB,MAAM,GAAG,GAAkB;QACzB,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC;KACnD,CAAA;IACD,IAAI,GAAG,GAAG,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAA;IACxC,IAAI,IAAI,GAAgB,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,CAAA;IACrE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAE9B,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,EAAE;QAClD,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAA;QAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACxC,IAAI,IAAI,CAAC,MAAM,KAAK,GAAG,CAAC,MAAM,EAAE,CAAC;YAC/B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QACvB,CAAC;aAAM,CAAC;YACN,MAAM,WAAW,GAAG,iBAAiB,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAA;YACpD,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;YAC7C,IAAI,CAAC,OAAO,EAAE,CAAA;YACd,IAAI,GAAG,WAAW,CAAA;QACpB,CAAC;QACD,GAAG,GAAG,IAAI,CAAA;IACZ,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,OAAO;YACL,WAAW,EAAE,CAAA;YACb,IAAI,CAAC,OAAO,EAAE,CAAA;YACd,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAA;QACvB,CAAC;KACF,CAAA;AACH,CAAC"}

package/dist/registry.d.ts

@@ -0,0 +1,9 @@
+import type { RendererRegistry } from '@texaryn/core';
+import type { WidgetFactory } from './widget.js';
+/**
+ * The same tests and ranks as the React and Vue default registries, on
+ * purpose. If the three ever disagree about which widget a node resolves to,
+ * the difference is a renderer's opinion leaking into what the document means.
+ */
+export declare function createDefaultRegistry(): RendererRegistry<WidgetFactory>;
+//# sourceMappingURL=registry.d.ts.map

package/dist/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,gBAAgB,EAAU,MAAM,eAAe,CAAA;AAGxE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAMhD;;;;GAIG;AACH,wBAAgB,qBAAqB,IAAI,gBAAgB,CAAC,aAAa,CAAC,CAuBvE"}

package/dist/registry.js

@@ -0,0 +1,23 @@
+import { createRendererRegistry } from '@texaryn/core';
+import { arrayControl, objectLayout } from './containers.js';
+import { checkbox, numberInput, select, textInput, textarea } from './fields.js';
+function field(node) {
+    return node.type === 'field' ? node : null;
+}
+/**
+ * The same tests and ranks as the React and Vue default registries, on
+ * purpose. If the three ever disagree about which widget a node resolves to,
+ * the difference is a renderer's opinion leaking into what the document means.
+ */
+export function createDefaultRegistry() {
+    const registry = createRendererRegistry();
+    registry.register({ rank: 1, test: (n) => field(n)?.fieldType === 'string' && field(n)?.enumValues == null }, textInput);
+    registry.register({ rank: 1, test: (n) => field(n)?.fieldType === 'number' || field(n)?.fieldType === 'integer' }, numberInput);
+    registry.register({ rank: 1, test: (n) => field(n)?.fieldType === 'boolean' }, checkbox);
+    registry.register({ rank: 2, test: (n) => (field(n)?.enumValues?.length ?? 0) > 0 }, select);
+    registry.register({ rank: 5, test: (n) => field(n)?.widget === 'textarea' }, textarea);
+    registry.register({ rank: 1, test: (n) => n.type === 'container' && n.containerType === 'object' }, objectLayout);
+    registry.register({ rank: 1, test: (n) => n.type === 'container' && n.containerType === 'array' }, arrayControl);
+    return registry;
+}
+//# sourceMappingURL=registry.js.map

package/dist/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAGhF,SAAS,KAAK,CAAC,IAAY;IACzB,OAAO,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;AAC5C,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,qBAAqB;IACnC,MAAM,QAAQ,GAAG,sBAAsB,EAAiB,CAAA;IAExD,QAAQ,CAAC,QAAQ,CACf,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,SAAS,KAAK,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,IAAI,IAAI,EAAE,EAC1F,SAAS,CACV,CAAA;IACD,QAAQ,CAAC,QAAQ,CACf,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,SAAS,KAAK,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,SAAS,KAAK,SAAS,EAAE,EAC/F,WAAW,CACZ,CAAA;IACD,QAAQ,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,SAAS,KAAK,SAAS,EAAE,EAAE,QAAQ,CAAC,CAAA;IACxF,QAAQ,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,CAAA;IAC5F,QAAQ,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,UAAU,EAAE,EAAE,QAAQ,CAAC,CAAA;IACtF,QAAQ,CAAC,QAAQ,CACf,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,IAAI,CAAC,CAAC,aAAa,KAAK,QAAQ,EAAE,EAChF,YAAY,CACb,CAAA;IACD,QAAQ,CAAC,QAAQ,CACf,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,IAAI,CAAC,CAAC,aAAa,KAAK,OAAO,EAAE,EAC/E,YAAY,CACb,CAAA;IACD,OAAO,QAAQ,CAAA;AACjB,CAAC"}