@sectile/dom 0.2.0 → 0.2.1

package/dist/disclosure.js.map

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

package/dist/editable.d.ts

@@ -0,0 +1,37 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result } from '@sectile/core';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+import { type EditableEvent, type EditablePolicies, type EditableState } from '@sectile/core/editable';
+export interface EditableOptions {
+    readonly root: HTMLElement;
+    readonly preview: HTMLElement;
+    readonly input: HTMLInputElement | HTMLTextAreaElement;
+    readonly editTrigger?: HTMLElement;
+    readonly submitTrigger?: HTMLElement;
+    readonly cancelTrigger?: HTMLElement;
+    readonly value?: string;
+    readonly defaultValue?: string;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly submitOnBlur?: boolean;
+    readonly policies?: EditablePolicies;
+    readonly label?: string;
+    readonly name?: string;
+    readonly onValueChange?: (value: string) => void;
+    readonly onEditingChange?: (editing: boolean) => void;
+    readonly onUpdate?: () => void;
+}
+export type EditableValueChangeHandler = NonNullable<EditableOptions['onValueChange']>;
+export type EditableEditingChangeHandler = NonNullable<EditableOptions['onEditingChange']>;
+export type EditableUpdateHandler = NonNullable<EditableOptions['onUpdate']>;
+export interface EditableConnection {
+    getSnapshot(): RevisionSnapshot<EditableState>;
+    syncControlledValue(value: string): Result<RevisionSnapshot<EditableState>>;
+    handleEvent(event: EditableEvent): boolean;
+    refresh(): void;
+    disconnect(): void;
+}
+export declare function createEditable(options: EditableOptions): FacadeConnection<EditableConnection>;
+export declare function tryCreateEditable(options: EditableOptions): Result<FacadeConnection<EditableConnection>>;
+export type { EditablePolicies, EditableState } from '@sectile/core/editable';
+//# sourceMappingURL=editable.d.ts.map

package/dist/editable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable.d.ts","sourceRoot":"","sources":["../src/editable.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAoE,KAAK,aAAa,EAAE,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAIzK,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,gBAAgB,GAAG,mBAAmB,CAAC;IAClH,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,WAAW,CAAC;IAC/G,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAClH,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvH,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzI;AAED,MAAM,MAAM,0BAA0B,GAAG,WAAW,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC,CAAC;AACvF,MAAM,MAAM,4BAA4B,GAAG,WAAW,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAC3F,MAAM,MAAM,qBAAqB,GAAG,WAAW,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC;AAC7E,MAAM,WAAW,kBAAkB;IAAG,WAAW,IAAI,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAAC,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC;IAAC,WAAW,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAAC;IAAC,OAAO,IAAI,IAAI,CAAC;IAAC,UAAU,IAAI,IAAI,CAAA;CAAE;AAEpP,wBAAgB,cAAc,CAAC,OAAO,EAAE,eAAe,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,CAA+C;AAC7I,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,eAAe,GAAG,MAAM,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAiG;AA+B1M,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/editable.js

@@ -0,0 +1,83 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { applyEditableEvent, tryCreateEditableState } from '@sectile/core/editable';
+import { createSemanticController } from './internal/semantic-controller.js';
+import { setInteractionAttributes } from './internal/interaction.js';
+export function createEditable(options) { return unwrap(tryCreateEditable(options)); }
+export function tryCreateEditable(options) { return createFacadeConnection(options, (resolved) => tryCreateEditableConnection(resolved)); }
+function tryCreateEditableConnection(options) {
+    const controlled = options.value !== undefined;
+    const initial = options.value ?? options.defaultValue ?? '';
+    const runtime = createSemanticController({
+        initial: tryCreateEditableState(initial), reducer: (state, event) => applyEditableEvent(state, event, options.policies),
+        reconcile: (previous, proposed) => tryCreateEditableState(controlled ? previous.value : proposed.value, proposed.editing ? proposed.draft : controlled ? previous.value : proposed.value, proposed.editing),
+        notify: (previous, proposed) => { if (previous.value !== proposed.value)
+            options.onValueChange?.(proposed.value); if (previous.editing !== proposed.editing)
+            options.onEditingChange?.(proposed.editing); },
+        toEffect: (command) => command, interaction: options,
+    });
+    return runtime.ok ? { ok: true, value: new DOMEditable(options, runtime.value, controlled) } : runtime;
+}
+class DOMEditable {
+    #options;
+    #runtime;
+    #controlled;
+    #start = () => { this.handleEvent('start-edit'); };
+    #input = () => { this.handleEvent({ type: 'input', text: this.#options.input.value }); };
+    #submit = () => { this.handleEvent('commit'); };
+    #cancel = () => { this.handleEvent('cancel'); };
+    #keydown = (nativeEvent) => { const event = nativeEvent; if (event.key === 'Escape') {
+        event.preventDefault();
+        this.handleEvent('cancel');
+    }
+    else if (event.key === 'Enter' && this.#options.input.tagName !== 'TEXTAREA') {
+        event.preventDefault();
+        this.handleEvent('commit');
+    } };
+    #blur = () => { if (this.#options.submitOnBlur === true)
+        this.handleEvent('commit'); };
+    constructor(options, runtime, controlled) {
+        this.#options = options;
+        this.#runtime = runtime;
+        this.#controlled = controlled;
+        options.preview.addEventListener('click', this.#start);
+        options.editTrigger?.addEventListener('click', this.#start);
+        options.input.addEventListener('input', this.#input);
+        options.input.addEventListener('keydown', this.#keydown);
+        options.input.addEventListener('blur', this.#blur);
+        options.submitTrigger?.addEventListener('click', this.#submit);
+        options.cancelTrigger?.addEventListener('click', this.#cancel);
+        setInteractionAttributes(options.preview, options);
+        setInteractionAttributes(options.input, options, { native: true });
+        if (options.editTrigger !== undefined)
+            setInteractionAttributes(options.editTrigger, options, { native: true });
+        if (options.submitTrigger !== undefined)
+            setInteractionAttributes(options.submitTrigger, options, { native: true });
+        if (options.cancelTrigger !== undefined)
+            setInteractionAttributes(options.cancelTrigger, options, { native: true });
+        this.refresh();
+    }
+    getSnapshot() { return this.#runtime.getSnapshot(); }
+    syncControlledValue(value) { if (!this.#controlled)
+        return { ok: false, error: { class: 'construction', code: 'uncontrolled-controller-sync', message: 'An uncontrolled editable cannot be synchronized externally.' } }; const state = this.getSnapshot().state; const result = this.#runtime.replace(tryCreateEditableState(value, state.editing ? state.draft : value, state.editing)); if (result.ok) {
+        this.refresh();
+        this.#options.onUpdate?.();
+    } return result; }
+    handleEvent(event) { const result = this.#runtime.handle(event); this.#options.input.setAttribute('aria-invalid', String(!result.ok && event === 'commit')); this.refresh(); if (result.ok) {
+        for (const command of result.commands) {
+            if (command.type === 'focus-input')
+                this.#options.input.focus();
+            if (command.type === 'focus-preview')
+                this.#options.preview.focus();
+        }
+        this.#options.onUpdate?.();
+    } return result.ok; }
+    refresh() { const state = this.getSnapshot().state; this.#options.root.dataset['scope'] = 'editable'; this.#options.root.dataset['state'] = state.editing ? 'editing' : 'idle'; this.#options.preview.hidden = state.editing; this.#options.preview.tabIndex = this.#options.disabled === true ? -1 : 0; this.#options.input.hidden = !state.editing; this.#options.input.value = state.draft; this.#options.input.disabled = this.#options.disabled ?? false; this.#options.input.readOnly = this.#options.readOnly ?? false; if (this.#options.label !== undefined)
+        this.#options.input.setAttribute('aria-label', this.#options.label); if (this.#options.name !== undefined)
+        this.#options.input.name = this.#options.name; if (this.#options.editTrigger !== undefined)
+        this.#options.editTrigger.hidden = state.editing; if (this.#options.submitTrigger !== undefined)
+        this.#options.submitTrigger.hidden = !state.editing; if (this.#options.cancelTrigger !== undefined)
+        this.#options.cancelTrigger.hidden = !state.editing; }
+    disconnect() { this.#options.preview.removeEventListener('click', this.#start); this.#options.editTrigger?.removeEventListener('click', this.#start); this.#options.input.removeEventListener('input', this.#input); this.#options.input.removeEventListener('keydown', this.#keydown); this.#options.input.removeEventListener('blur', this.#blur); this.#options.submitTrigger?.removeEventListener('click', this.#submit); this.#options.cancelTrigger?.removeEventListener('click', this.#cancel); }
+}
+//# sourceMappingURL=editable.js.map

package/dist/editable.js.map

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

package/dist/feed.d.ts

@@ -0,0 +1,43 @@
+import type { Result, StableID } from '@sectile/core';
+import { type FeedDirection, type FeedEvent, type FeedState } from '@sectile/core/feed';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+import { type FacadeConnection } from './internal/facade.js';
+export type { FeedDirection } from '@sectile/core/feed';
+export interface FeedOptions<ID extends StableID = StableID> {
+    readonly root: HTMLElement;
+    readonly items: readonly ID[];
+    readonly revision?: number;
+    readonly start?: number;
+    readonly total?: number | null;
+    readonly defaultHighlightedValue?: ID | null;
+    readonly disabled?: boolean;
+    readonly label?: string;
+    readonly setSize?: number;
+    readonly getPosition?: (id: ID) => number;
+    readonly onHighlightedValueChange?: (value: ID | null) => void;
+    readonly onRequestWindow?: (direction: FeedDirection, anchor: ID | null, revision: number, requestGeneration: number) => void;
+    readonly onUpdate?: () => void;
+}
+export type FeedPositionResolver<ID extends StableID = StableID> = NonNullable<FeedOptions<ID>['getPosition']>;
+export type FeedHighlightedValueChangeHandler<ID extends StableID = StableID> = NonNullable<FeedOptions<ID>['onHighlightedValueChange']>;
+export type FeedRequestWindowHandler<ID extends StableID = StableID> = NonNullable<FeedOptions<ID>['onRequestWindow']>;
+export type FeedUpdateHandler<ID extends StableID = StableID> = NonNullable<FeedOptions<ID>['onUpdate']>;
+export interface FeedWindow<ID extends StableID = StableID> {
+    readonly items: readonly ID[];
+    readonly revision: number;
+    readonly requestGeneration?: number;
+    readonly start?: number;
+    readonly total?: number | null;
+    readonly highlightedValue?: ID | null;
+}
+export interface FeedConnection<ID extends StableID = StableID> {
+    getSnapshot(): RevisionSnapshot<FeedState<ID>>;
+    syncWindow(window: FeedWindow<ID>): Result<RevisionSnapshot<FeedState<ID>>>;
+    setItemAttributes(element: HTMLElement, id: ID): void;
+    handleEvent(event: FeedEvent<ID>): boolean;
+    focusCurrent(): void;
+    disconnect(): void;
+}
+export declare function createFeed<ID extends StableID>(options: FeedOptions<ID>): FacadeConnection<FeedConnection<ID>>;
+export declare function tryCreateFeed<ID extends StableID>(options: FeedOptions<ID>): Result<FacadeConnection<FeedConnection<ID>>>;
+//# sourceMappingURL=feed.d.ts.map

package/dist/feed.d.ts.map

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

package/dist/feed.js

@@ -0,0 +1,151 @@
+import { applyFeedEvent, synchronizeFeedWindow, tryCreateFeedState, } from '@sectile/core/feed';
+import { unwrap } from '@sectile/core/result';
+import { tryCreateSequence } from '@sectile/core/sequence';
+import { createFacadeConnection } from './internal/facade.js';
+import { setInteractionAttributes } from './internal/interaction.js';
+import { createSemanticController } from './internal/semantic-controller.js';
+export function createFeed(options) {
+    return unwrap(tryCreateFeed(options));
+}
+export function tryCreateFeed(options) {
+    return createFacadeConnection(options, (normalized) => tryCreateFeedConnection(normalized));
+}
+function tryCreateFeedConnection(options) {
+    const items = tryCreateSequence(options.items);
+    if (!items.ok)
+        return items;
+    const model = { value: items.value };
+    const runtime = createSemanticController({
+        initial: tryCreateFeedState(items.value, options.defaultHighlightedValue ?? options.items[0] ?? null, options.revision ?? 0, null, { start: options.start ?? 0, total: options.total ?? options.setSize ?? null }),
+        reducer: (state, event) => applyFeedEvent(model.value, state, event),
+        notify: (previous, proposed) => {
+            if (previous.cursor.current !== proposed.cursor.current) {
+                options.onHighlightedValueChange?.(proposed.cursor.current);
+            }
+        },
+        toEffect: (command) => command,
+        interaction: options,
+    });
+    return runtime.ok
+        ? { ok: true, value: new DOMFeed(options, model, runtime.value) }
+        : runtime;
+}
+class DOMFeed {
+    #options;
+    #model;
+    #runtime;
+    #elements = new Map();
+    #keydown;
+    constructor(options, model, runtime) {
+        this.#options = options;
+        this.#model = model;
+        this.#runtime = runtime;
+        this.#keydown = (event) => {
+            const semantic = event.key === 'ArrowDown' || event.key === 'PageDown'
+                ? 'next'
+                : event.key === 'ArrowUp' || event.key === 'PageUp' ? 'previous' : null;
+            if (semantic !== null) {
+                this.handleEvent(semantic);
+                event.preventDefault();
+            }
+        };
+        options.root.addEventListener('keydown', this.#keydown);
+        options.root.setAttribute('role', 'feed');
+        setInteractionAttributes(options.root, options);
+    }
+    getSnapshot() {
+        return this.#runtime.getSnapshot();
+    }
+    syncWindow(window) {
+        const items = tryCreateSequence(window.items);
+        if (!items.ok)
+            return items;
+        const state = synchronizeFeedWindow(items.value, this.getSnapshot().state, {
+            revision: window.revision,
+            ...(window.requestGeneration === undefined ? {} : { requestGeneration: window.requestGeneration }),
+            ...(window.start === undefined ? {} : { start: window.start }),
+            ...(window.total === undefined ? {} : { total: window.total }),
+            current: window.highlightedValue ?? resolveCurrent(items.value, this.getSnapshot().state.cursor.current),
+        });
+        if (!state.ok)
+            return state;
+        this.#model.value = items.value;
+        for (const [id, registration] of this.#elements) {
+            if (items.value.contains(id))
+                continue;
+            registration.element.removeEventListener('click', registration.click);
+            this.#elements.delete(id);
+        }
+        const result = this.#runtime.replace(state);
+        if (result.ok) {
+            this.#refresh();
+            this.#options.onUpdate?.();
+            this.focusCurrent();
+        }
+        return result;
+    }
+    setItemAttributes(element, id) {
+        if (!this.#model.value.contains(id))
+            return;
+        const previous = this.#elements.get(id);
+        if (previous !== undefined)
+            previous.element.removeEventListener('click', previous.click);
+        const click = () => { this.handleEvent({ type: 'focus', id }); };
+        element.addEventListener('click', click);
+        this.#elements.set(id, { element, click });
+        this.#refresh();
+    }
+    handleEvent(event) {
+        const result = this.#runtime.handle(event);
+        if (result.ok) {
+            for (const command of result.commands) {
+                if (command.type === 'request-window') {
+                    this.#options.onRequestWindow?.(command.direction, command.anchor, command.revision, command.requestGeneration);
+                }
+                else {
+                    this.#elements.get(command.id)?.element.focus();
+                }
+            }
+            this.#refresh();
+        }
+        this.#options.onUpdate?.();
+        this.focusCurrent();
+        return result.ok;
+    }
+    focusCurrent() {
+        queueMicrotask(() => {
+            const current = this.getSnapshot().state.cursor.current;
+            if (current === null)
+                this.#options.root.focus();
+            else
+                this.#elements.get(current)?.element.focus();
+        });
+    }
+    disconnect() {
+        this.#options.root.removeEventListener('keydown', this.#keydown);
+        for (const { element, click } of this.#elements.values()) {
+            element.removeEventListener('click', click);
+        }
+        this.#elements.clear();
+    }
+    #refresh() {
+        const current = this.getSnapshot().state.cursor.current;
+        if (this.#options.label !== undefined) {
+            this.#options.root.setAttribute('aria-label', this.#options.label);
+        }
+        for (const [id, { element }] of this.#elements) {
+            element.setAttribute('role', 'article');
+            if (this.#options.setSize !== undefined) {
+                element.setAttribute('aria-setsize', String(this.#options.setSize));
+            }
+            const position = this.#options.getPosition?.(id);
+            if (position !== undefined)
+                element.setAttribute('aria-posinset', String(position));
+            element.tabIndex = id === current ? 0 : -1;
+        }
+    }
+}
+function resolveCurrent(items, current) {
+    return current !== null && items.contains(current) ? current : items.at(0);
+}
+//# sourceMappingURL=feed.js.map

package/dist/feed.js.map

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

package/dist/form.d.ts

@@ -0,0 +1,82 @@
+import { type FormFieldPath, type FormIssue, type FormIssueSource, type FormState, type FormValidationIntent, type FormValidationTrigger, type FormValues } from '@sectile/core/form';
+import type { Result, StableID } from '@sectile/core';
+import type { StandardSchemaV1 } from '@standard-schema/spec';
+export { appendFormFieldPath, createFormFieldPath, createFormRelativePath, encodeFormFieldPath, type FormFieldPath, type FormPathSegment, type FormRelativePath, } from '@sectile/core/form';
+export type { FormValues } from '@sectile/core/form';
+export interface FormValidationIssue {
+    readonly message: string;
+    readonly path?: FormFieldPath;
+}
+export interface FormValidationResult {
+    readonly issues?: readonly FormValidationIssue[];
+}
+export type FormSchema<Input = unknown, Output = Input> = StandardSchemaV1<Input, Output>;
+export type FormInteractionValidationTrigger = Exclude<FormValidationTrigger, 'submit'>;
+export interface FormValidateContext<ID extends StableID = StableID> {
+    readonly trigger: FormValidationTrigger;
+    readonly intent: FormValidationIntent;
+    readonly changedFieldId: ID | null;
+    readonly signal: AbortSignal;
+}
+export type FormValidateHandler<ID extends StableID = StableID, Values extends object = FormValues> = (values: Values, context: FormValidateContext<ID>) => FormValidationResult | PromiseLike<FormValidationResult>;
+export type FormFocusHandler = () => boolean | void;
+export type FormResetHandler = () => void;
+export type FormAnnounceSummaryHandler<ID extends StableID = StableID> = (issues: readonly FormIssue<ID>[]) => void;
+export type FormStateChangeHandler<ID extends StableID = StableID> = (state: FormState<ID>) => void;
+export type FormUpdateHandler = () => void;
+export type FormSubmissionElement = HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+export interface FormParticipant<ID extends StableID = StableID> {
+    readonly id: ID;
+    readonly element: HTMLElement;
+    readonly semanticControl?: HTMLElement;
+    readonly focusTarget?: HTMLElement;
+    readonly submissionElements?: readonly FormSubmissionElement[];
+    readonly name?: FormFieldPath | null;
+    readonly focus?: FormFocusHandler;
+    readonly reset?: FormResetHandler;
+}
+export interface FormSubmitPayload<ID extends StableID = StableID, Values extends object = FormValues> {
+    readonly event: SubmitEvent;
+    readonly formData: FormData;
+    readonly values: Values;
+    readonly submitter: HTMLElement | null;
+    readonly state: FormState<ID>;
+}
+export type FormSubmitHandler<ID extends StableID = StableID, Values extends object = FormValues> = (payload: FormSubmitPayload<ID, Values>) => void;
+export interface FormSnapshot<ID extends StableID = StableID> {
+    readonly revision: number;
+    readonly state: FormState<ID>;
+}
+export type FormSnapshotListener<ID extends StableID = StableID> = (snapshot: FormSnapshot<ID>) => void;
+export interface FormOptions<ID extends StableID = StableID, Input extends object = FormValues, Output extends object = Input> {
+    readonly form: HTMLFormElement;
+    readonly summary?: HTMLElement;
+    readonly participants?: readonly FormParticipant<ID>[];
+    readonly issues?: readonly FormIssue<ID>[];
+    readonly schema?: FormSchema<Input, Output>;
+    readonly validate?: FormValidateHandler<ID, Input>;
+    readonly validateOn?: readonly FormInteractionValidationTrigger[];
+    readonly revalidateOn?: readonly FormInteractionValidationTrigger[];
+    readonly onSubmit?: FormSubmitHandler<ID, Output>;
+    readonly onReset?: FormResetHandler;
+    readonly onAnnounceSummary?: FormAnnounceSummaryHandler<ID>;
+    readonly onStateChange?: FormStateChangeHandler<ID>;
+    readonly onUpdate?: FormUpdateHandler;
+}
+export interface FormConnection<ID extends StableID = StableID> {
+    readonly state: FormState<ID>;
+    getSnapshot(): FormSnapshot<ID>;
+    getFormData(submitter?: HTMLElement | null): FormData;
+    registerParticipant(participant: FormParticipant<ID>): () => void;
+    refreshParticipant(id: ID): boolean;
+    replaceIssues(source: FormIssueSource, issues: readonly FormIssue<ID>[]): boolean;
+    submitStarted(): number | null;
+    submitSucceeded(generation: number): boolean;
+    submitFailed(generation: number, issues?: readonly FormIssue<ID>[]): boolean;
+    reset(): void;
+    subscribe(listener: FormSnapshotListener<ID>): () => void;
+    destroy(): void;
+}
+export declare function createForm<ID extends StableID = StableID, Input extends object = FormValues, Output extends object = Input>(options: FormOptions<ID, Input, Output>): FormConnection<ID>;
+export declare function tryCreateForm<ID extends StableID = StableID, Input extends object = FormValues, Output extends object = Input>(options: FormOptions<ID, Input, Output>): Result<FormConnection<ID>>;
+//# 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,EAOL,KAAK,aAAa,EAElB,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAC;CAClD;AAED,MAAM,MAAM,UAAU,CAAC,KAAK,GAAG,OAAO,EAAE,MAAM,GAAG,KAAK,IAAI,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAE1F,MAAM,MAAM,gCAAgC,GAAG,OAAO,CAAC,qBAAqB,EAAE,QAAQ,CAAC,CAAC;AAExF,MAAM,WAAW,mBAAmB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IACjE,QAAQ,CAAC,OAAO,EAAE,qBAAqB,CAAC;IACxC,QAAQ,CAAC,MAAM,EAAE,oBAAoB,CAAC;IACtC,QAAQ,CAAC,cAAc,EAAE,EAAE,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;CAC9B;AAED,MAAM,MAAM,mBAAmB,CAC7B,EAAE,SAAS,QAAQ,GAAG,QAAQ,EAC9B,MAAM,SAAS,MAAM,GAAG,UAAU,IAChC,CACF,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,mBAAmB,CAAC,EAAE,CAAC,KAC7B,oBAAoB,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAC;AAC9D,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,GAAG,IAAI,CAAC;AACpD,MAAM,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC;AAC1C,MAAM,MAAM,0BAA0B,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IACnE,CAAC,MAAM,EAAE,SAAS,SAAS,CAAC,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;AAC7C,MAAM,MAAM,sBAAsB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAC/D,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;AACjC,MAAM,MAAM,iBAAiB,GAAG,MAAM,IAAI,CAAC;AAE3C,MAAM,MAAM,qBAAqB,GAC7B,iBAAiB,GACjB,gBAAgB,GAChB,iBAAiB,GACjB,mBAAmB,CAAC;AAExB,MAAM,WAAW,eAAe,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IAC7D,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAC;IAChB,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC;IACnC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC/D,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACrC,QAAQ,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC;CACnC;AAED,MAAM,WAAW,iBAAiB,CAChC,EAAE,SAAS,QAAQ,GAAG,QAAQ,EAC9B,MAAM,SAAS,MAAM,GAAG,UAAU;IAElC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC;CAC/B;AAED,MAAM,MAAM,iBAAiB,CAC3B,EAAE,SAAS,QAAQ,GAAG,QAAQ,EAC9B,MAAM,SAAS,MAAM,GAAG,UAAU,IAChC,CAAC,OAAO,EAAE,iBAAiB,CAAC,EAAE,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;AAErD,MAAM,WAAW,YAAY,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IAC1D,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC;CAC/B;AAED,MAAM,MAAM,oBAAoB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAC7D,CAAC,QAAQ,EAAE,YAAY,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;AAEvC,MAAM,WAAW,WAAW,CAC1B,EAAE,SAAS,QAAQ,GAAG,QAAQ,EAC9B,KAAK,SAAS,MAAM,GAAG,UAAU,EACjC,MAAM,SAAS,MAAM,GAAG,KAAK;IAE7B,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;IAC/B,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,EAAE,CAAC;IACvD,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC;IAC3C,QAAQ,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC5C,QAAQ,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IACnD,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,gCAAgC,EAAE,CAAC;IAClE,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,gCAAgC,EAAE,CAAC;IACpE,QAAQ,CAAC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;IAClD,QAAQ,CAAC,OAAO,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,0BAA0B,CAAC,EAAE,CAAC,CAAC;IAC5D,QAAQ,CAAC,aAAa,CAAC,EAAE,sBAAsB,CAAC,EAAE,CAAC,CAAC;IACpD,QAAQ,CAAC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CACvC;AAED,MAAM,WAAW,cAAc,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IAC5D,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC;IAC9B,WAAW,IAAI,YAAY,CAAC,EAAE,CAAC,CAAC;IAChC,WAAW,CAAC,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,QAAQ,CAAC;IACtD,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,EAAE,CAAC,GAAG,MAAM,IAAI,CAAC;IAClE,kBAAkB,CAAC,EAAE,EAAE,EAAE,GAAG,OAAO,CAAC;IACpC,aAAa,CAAC,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,SAAS,SAAS,CAAC,EAAE,CAAC,EAAE,GAAG,OAAO,CAAC;IAClF,aAAa,IAAI,MAAM,GAAG,IAAI,CAAC;IAC/B,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7C,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,SAAS,SAAS,CAAC,EAAE,CAAC,EAAE,GAAG,OAAO,CAAC;IAC7E,KAAK,IAAI,IAAI,CAAC;IACd,SAAS,CAAC,QAAQ,EAAE,oBAAoB,CAAC,EAAE,CAAC,GAAG,MAAM,IAAI,CAAC;IAC1D,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,wBAAgB,UAAU,CACxB,EAAE,SAAS,QAAQ,GAAG,QAAQ,EAC9B,KAAK,SAAS,MAAM,GAAG,UAAU,EACjC,MAAM,SAAS,MAAM,GAAG,KAAK,EAE7B,OAAO,EAAE,WAAW,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,GACtC,cAAc,CAAC,EAAE,CAAC,CAEpB;AAED,wBAAgB,aAAa,CAC3B,EAAE,SAAS,QAAQ,GAAG,QAAQ,EAC9B,KAAK,SAAS,MAAM,GAAG,UAAU,EACjC,MAAM,SAAS,MAAM,GAAG,KAAK,EAE7B,OAAO,EAAE,WAAW,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,GACtC,MAAM,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAmZ5B"}