@sectile/dom 0.1.0

package/dist/tags-input.js

@@ -0,0 +1,94 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { applyTagsInputEvent, createTagsInputState } from '@sectile/core/tags-input';
+import { setInteractionAttributes } from './internal/interaction.js';
+import { createSemanticController } from './internal/semantic-controller.js';
+export function createTagsInput(options) {
+    return unwrap(tryCreateTagsInput(options));
+}
+export function tryCreateTagsInput(options) {
+    return createFacadeConnection(options, (options) => tryCreateTagsInputConnection(options));
+}
+function tryCreateTagsInputConnection(options) {
+    const controlled = { value: options.value !== undefined, input: options.inputValue !== undefined };
+    const runtime = createSemanticController({ interaction: options, interactionIntent: (event) => event === 'next' || event === 'previous' || event === 'focus-input' || (typeof event === 'object' && event.type === 'focus-tag') ? 'navigate' : 'mutate', initial: createTagsInputState(options.value ?? options.defaultValue ?? [], options.inputValue ?? options.defaultInputValue ?? ''), reducer: (state, event) => applyTagsInputEvent(state, event, options.policies), reconcile: (previous, proposed) => createTagsInputState(controlled.value ? previous.tags : proposed.tags, controlled.input ? previous.draft : proposed.draft, proposed.current), notify: (previous, proposed) => { if (previous.tags.join('\u0000') !== proposed.tags.join('\u0000'))
+            options.onValueChange?.(proposed.tags); if (previous.draft !== proposed.draft)
+            options.onInputValueChange?.(proposed.draft); }, toEffect: (command) => command });
+    return runtime.ok ? { ok: true, value: new DOMTagsInputConnection(options, runtime.value, controlled) } : runtime;
+}
+class DOMTagsInputConnection {
+    #options;
+    #runtime;
+    #controlled;
+    #composing = false;
+    #addAfterComposition = false;
+    #ignoreNextCompositionInput = false;
+    #inputHandler = (event) => {
+        const inputEvent = event;
+        if (this.#composing || inputEvent.isComposing)
+            return;
+        const ignoreCompositionTail = this.#ignoreNextCompositionInput
+            && (inputEvent.inputType === 'insertCompositionText' || inputEvent.inputType === undefined);
+        this.#ignoreNextCompositionInput = false;
+        if (ignoreCompositionTail)
+            this.#render();
+        else
+            this.handleEvent({ type: 'input', value: this.#options.input.value });
+    };
+    #compositionStart = () => {
+        this.#composing = true;
+        this.#addAfterComposition = false;
+        this.#ignoreNextCompositionInput = false;
+    };
+    #compositionEnd = () => {
+        if (!this.#composing)
+            return;
+        const value = this.#options.input.value;
+        const add = this.#addAfterComposition;
+        this.#composing = false;
+        this.#addAfterComposition = false;
+        this.#ignoreNextCompositionInput = true;
+        this.handleEvent({ type: 'input', value });
+        if (add)
+            queueMicrotask(() => this.handleEvent({ type: 'add', value }));
+    };
+    #keydown = (event) => { const fromInput = event.target === this.#options.input; if (this.#composing || event.isComposing) {
+        if (fromInput && event.key === 'Enter')
+            this.#addAfterComposition = true;
+        return;
+    } const state = this.#runtime.getSnapshot().state; let semantic = null; if (fromInput && (event.key === 'Enter' || event.key === ','))
+        semantic = { type: 'add' };
+    else if ((event.key === 'Backspace' || event.key === 'Delete') && state.current !== null)
+        semantic = 'remove-current';
+    else if (fromInput && event.key === 'Backspace' && this.#options.input.value.length === 0)
+        semantic = 'previous';
+    else if (event.key === 'ArrowLeft')
+        semantic = 'previous';
+    else if (event.key === 'ArrowRight')
+        semantic = 'next'; if (semantic !== null) {
+        event.preventDefault();
+        this.handleEvent(semantic);
+    } };
+    #click = (event) => { const target = event.target instanceof Element ? event.target.closest('[data-tags-input-index]') : null; if (target !== null && this.#options.root.contains(target))
+        this.handleEvent({ type: 'remove', index: Number(target.dataset['tagsInputIndex']) }); };
+    constructor(options, runtime, controlled) { this.#options = options; this.#runtime = runtime; this.#controlled = controlled; options.root.setAttribute('role', 'group'); if (options.label !== undefined)
+        options.root.setAttribute('aria-label', options.label); setInteractionAttributes(options.root, options, { readOnly: true }); options.input.disabled = options.disabled === true; options.input.readOnly = options.readOnly === true; options.input.addEventListener('input', this.#inputHandler); options.input.addEventListener('compositionstart', this.#compositionStart); options.input.addEventListener('compositionend', this.#compositionEnd); options.root.addEventListener('keydown', this.#keydown); options.root.addEventListener('click', this.#click); this.#render(); }
+    getSnapshot() { return this.#runtime.getSnapshot(); }
+    syncControlledValues(values) { if (this.#controlled.value !== (values.value !== undefined) || this.#controlled.input !== (values.inputValue !== undefined))
+        return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled tags input values must preserve their construction-time shape.' } }; const state = this.#runtime.getSnapshot().state; const result = this.#runtime.replace(createTagsInputState(this.#controlled.value ? values.value ?? [] : state.tags, this.#controlled.input ? values.inputValue ?? '' : state.draft, state.current)); if (result.ok) {
+        this.#render();
+        this.#options.onUpdate?.();
+    } return result; }
+    setTagAttributes(element, index) { const state = this.#runtime.getSnapshot().state; element.dataset['tagsInputIndex'] = String(index); element.setAttribute('role', 'button'); element.setAttribute('aria-label', `Remove ${state.tags[index] ?? 'tag'}`); element.tabIndex = state.current === index ? 0 : -1; }
+    handleEvent(event) { const result = this.#runtime.handle(event); if (!result.ok)
+        return false; this.#render(); for (const effect of result.commands) {
+        if (effect.type === 'focus-input')
+            queueMicrotask(() => this.#options.input.focus());
+        else if (effect.type === 'focus-tag')
+            queueMicrotask(() => this.#options.root.querySelector(`[data-tags-input-index="${effect.index}"]`)?.focus());
+    } this.#options.onUpdate?.(); return true; }
+    disconnect() { this.#options.input.removeEventListener('input', this.#inputHandler); this.#options.input.removeEventListener('compositionstart', this.#compositionStart); this.#options.input.removeEventListener('compositionend', this.#compositionEnd); this.#options.root.removeEventListener('keydown', this.#keydown); this.#options.root.removeEventListener('click', this.#click); }
+    #render() { if (!this.#composing)
+        this.#options.input.value = this.#runtime.getSnapshot().state.draft; }
+}
+//# sourceMappingURL=tags-input.js.map

package/dist/tags-input.js.map

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

package/dist/text.d.ts

@@ -0,0 +1,80 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result } from '@sectile/core';
+import { type RevisionResult, type RevisionSnapshot } from '@sectile/core/revision';
+import { type TextEditingState, type TextEvent, type TextSelectionInput } from '@sectile/core/text';
+export type TextInput = {
+    readonly type: 'beforeinput';
+    readonly inputType: string;
+    readonly data?: string | null;
+    readonly startCodeUnitOffset: number;
+    readonly endCodeUnitOffset: number;
+    readonly selection: TextSelectionInput;
+} | {
+    readonly type: 'input';
+    readonly inputType: string;
+    readonly text: string;
+    readonly startCodeUnitOffset: number;
+    readonly endCodeUnitOffset: number;
+    readonly selection: TextSelectionInput;
+} | {
+    readonly type: 'composition-start';
+    readonly text: string;
+    readonly startCodeUnitOffset: number;
+    readonly endCodeUnitOffset: number;
+    readonly selection: TextSelectionInput;
+} | {
+    readonly type: 'composition-update';
+    readonly text: string;
+    readonly selection: TextSelectionInput;
+} | {
+    readonly type: 'composition-commit';
+} | {
+    readonly type: 'composition-cancel';
+};
+export interface TextValueChangeDetails {
+    readonly value: TextEditingState;
+    readonly previousValue: TextEditingState;
+}
+export interface TextControllerOptions {
+    readonly value?: TextEditingState;
+    readonly defaultValue?: TextEditingState;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly onValueChange?: (change: TextValueChangeDetails) => void;
+}
+export interface TextControlledValues {
+    readonly value: TextEditingState;
+}
+export interface TextController {
+    getSnapshot(): RevisionSnapshot<TextEditingState>;
+    syncControlledValues(values: TextControlledValues): Result<RevisionSnapshot<TextEditingState>>;
+    handleTextInput(input: TextInput, expectedRevision?: number): RevisionResult<TextEditingState, never>;
+}
+export interface TextTransitionDetails {
+    readonly input: TextInput;
+    readonly result: RevisionResult<TextEditingState, never>;
+}
+export type TextElement = HTMLInputElement | HTMLTextAreaElement;
+export interface TextConnectionOptions {
+    readonly controller: TextController;
+    readonly element: TextElement;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly onTransition?: (details: TextTransitionDetails) => void;
+    readonly onUpdate?: () => void;
+}
+export interface TextConnection {
+    getSnapshot(): RevisionSnapshot<TextEditingState>;
+    getValue(): string;
+    syncControlledValues(values: TextControlledValues): Result<RevisionSnapshot<TextEditingState>>;
+    handleBeforeInput(event: InputEvent): boolean;
+    render(): void;
+    disconnect(): void;
+}
+export type TextOptions = TextControllerOptions & Omit<TextConnectionOptions, 'controller'>;
+export declare function createTextController(options?: TextControllerOptions): Result<TextController>;
+export declare function createText(options: TextOptions): FacadeConnection<TextConnection>;
+export declare function tryCreateText(options: TextOptions): Result<FacadeConnection<TextConnection>>;
+export declare function connectText(options: TextConnectionOptions): TextConnection;
+export declare function toTextEvent(input: TextInput): TextEvent | null;
+//# sourceMappingURL=text.d.ts.map

package/dist/text.d.ts.map

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

package/dist/text.js

@@ -0,0 +1,203 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { createInteractionState, requireInteraction } from '@sectile/core/interaction';
+import { createRevisionSnapshot, rejectRevisionInput, } from '@sectile/core/revision';
+import { applyTextEvent, createTextEditingState, normalizeTextEditingState, } from '@sectile/core/text';
+import { applyControllerEvent, sameControllerState, synchronizeControllerState, } from './internal/controller.js';
+import { DOMTextElementBinding } from './internal/text-element.js';
+import { setInteractionAttributes } from './internal/interaction.js';
+export function createTextController(options = {}) {
+    const requested = options.value !== undefined ? options.value : options.defaultValue;
+    const initial = requested === undefined
+        ? createTextEditingState()
+        : normalizeTextEditingState(requested);
+    if (!initial.ok)
+        return initial;
+    const snapshot = createRevisionSnapshot(initial.value);
+    if (!snapshot.ok)
+        return snapshot;
+    const interaction = createInteractionState(options);
+    if (!interaction.ok)
+        return interaction;
+    return { ok: true, value: new DOMTextController(options, interaction.value, snapshot.value) };
+}
+export function createText(options) {
+    return unwrap(tryCreateText(options));
+}
+export function tryCreateText(options) {
+    return createFacadeConnection(options, (options) => tryCreateTextConnection(options));
+}
+function tryCreateTextConnection(options) {
+    const controller = createTextController(options);
+    if (!controller.ok)
+        return controller;
+    return { ok: true, value: connectText({ ...options, controller: controller.value }) };
+}
+export function connectText(options) {
+    return new DOMTextConnection(options);
+}
+export function toTextEvent(input) {
+    if (typeof input !== 'object' || input === null)
+        return null;
+    if (input.type === 'input') {
+        if (typeof input.inputType !== 'string' || typeof input.text !== 'string')
+            return null;
+        return Object.freeze({
+            type: 'replace',
+            startCodeUnitOffset: input.startCodeUnitOffset,
+            endCodeUnitOffset: input.endCodeUnitOffset,
+            text: input.text,
+            selection: input.selection,
+        });
+    }
+    if (input.type === 'beforeinput') {
+        const deletion = input.inputType === 'deleteContentBackward'
+            || input.inputType === 'deleteContentForward'
+            || input.inputType === 'deleteByCut';
+        const insertion = input.inputType === 'insertText'
+            || input.inputType === 'insertFromPaste'
+            || input.inputType === 'insertReplacementText';
+        if (!deletion && !insertion)
+            return null;
+        if (insertion && typeof input.data !== 'string')
+            return null;
+        return Object.freeze({
+            type: 'replace',
+            startCodeUnitOffset: input.startCodeUnitOffset,
+            endCodeUnitOffset: input.endCodeUnitOffset,
+            text: deletion ? '' : input.data,
+            selection: input.selection,
+        });
+    }
+    if (input.type === 'composition-start') {
+        if (typeof input.text !== 'string')
+            return null;
+        return Object.freeze({
+            type: 'composition-start',
+            startCodeUnitOffset: input.startCodeUnitOffset,
+            endCodeUnitOffset: input.endCodeUnitOffset,
+            text: input.text,
+            selection: input.selection,
+        });
+    }
+    if (input.type === 'composition-update') {
+        if (typeof input.text !== 'string')
+            return null;
+        return Object.freeze({
+            type: 'composition-update',
+            text: input.text,
+            selection: input.selection,
+        });
+    }
+    if (input.type === 'composition-commit')
+        return Object.freeze({ type: input.type });
+    if (input.type === 'composition-cancel')
+        return Object.freeze({ type: input.type });
+    return null;
+}
+class DOMTextConnection {
+    #controller;
+    #onTransition;
+    #onUpdate;
+    #binding;
+    constructor(options) {
+        this.#controller = options.controller;
+        this.#onTransition = options.onTransition;
+        this.#onUpdate = options.onUpdate;
+        this.#binding = new DOMTextElementBinding({
+            element: options.element,
+            getState: () => this.#controller.getSnapshot().state,
+            dispatch: (input) => this.#dispatch(input).ok,
+        });
+        setInteractionAttributes(options.element, options, { native: true, readOnly: true });
+    }
+    getSnapshot() {
+        return this.#controller.getSnapshot();
+    }
+    getValue() {
+        return this.#controller.getSnapshot().state.snapshot.text;
+    }
+    syncControlledValues(values) {
+        const result = this.#controller.syncControlledValues(values);
+        if (result.ok) {
+            this.render();
+            this.#onUpdate?.();
+        }
+        return result;
+    }
+    handleBeforeInput(event) {
+        return this.#binding.handleBeforeInput(event);
+    }
+    render() {
+        this.#binding.render();
+    }
+    disconnect() {
+        this.#binding.disconnect();
+    }
+    #dispatch(input) {
+        const result = this.#controller.handleTextInput(input);
+        this.#onTransition?.(Object.freeze({ input, result }));
+        if (result.ok)
+            this.#onUpdate?.();
+        return result;
+    }
+}
+class DOMTextController {
+    #controlled;
+    #interaction;
+    #onValueChange;
+    #snapshot;
+    constructor(options, interaction, snapshot) {
+        this.#controlled = options.value !== undefined;
+        this.#interaction = interaction;
+        this.#onValueChange = options.onValueChange;
+        this.#snapshot = snapshot;
+    }
+    getSnapshot() {
+        return this.#snapshot;
+    }
+    syncControlledValues(values) {
+        const error = controlledInputError(this.#controlled);
+        if (error !== null)
+            return { ok: false, error };
+        const snapshot = synchronizeControllerState(this.#snapshot, normalizeTextEditingState(values.value));
+        if (!snapshot.ok)
+            return snapshot;
+        this.#snapshot = snapshot.value;
+        return snapshot;
+    }
+    handleTextInput(input, expectedRevision = this.#snapshot.revision) {
+        const permitted = requireInteraction(this.#interaction, 'mutate');
+        if (!permitted.ok)
+            return rejectRevisionInput(this.#snapshot, permitted.error);
+        const event = toTextEvent(input);
+        if (event === null) {
+            return rejectRevisionInput(this.#snapshot, {
+                class: 'transition-rejection',
+                code: 'unsupported-dom-text-input',
+                message: 'DOM text input does not map to a semantic text event.',
+            });
+        }
+        const result = applyControllerEvent(this.#snapshot, expectedRevision, event, applyTextEvent, (previous, proposed) => normalizeTextEditingState(this.#controlled ? previous : proposed), (previous, proposed) => {
+            if (!sameControllerState(previous, proposed)) {
+                this.#onValueChange?.(Object.freeze({ value: proposed, previousValue: previous }));
+            }
+        }, impossibleEffect);
+        if (result.ok)
+            this.#snapshot = result.snapshot;
+        return result;
+    }
+}
+function controlledInputError(controlled) {
+    return controlled
+        ? null
+        : {
+            class: 'construction',
+            code: 'uncontrolled-value-update',
+            message: 'Uncontrolled text state cannot be synchronized externally.',
+        };
+}
+function impossibleEffect(command) {
+    return command;
+}
+//# sourceMappingURL=text.js.map

package/dist/text.js.map

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

package/dist/time-field.d.ts

@@ -0,0 +1,36 @@
+import type { Result } from '@sectile/core';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+import type { TextEditingState } from '@sectile/core/text';
+import { type TimeFieldEvent, type TimeFieldPolicies, type TimeFieldState, type TimeValue } from '@sectile/core/time-field';
+import { type FacadeConnection } from './internal/facade.js';
+export interface TimeFieldOptions {
+    readonly input: HTMLInputElement;
+    readonly policies?: TimeFieldPolicies;
+    readonly value?: TimeValue | null;
+    readonly defaultValue?: TimeValue | null;
+    readonly inputState?: TextEditingState;
+    readonly defaultInputState?: TextEditingState;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly required?: boolean;
+    readonly label?: string;
+    readonly onValueChange?: (value: TimeValue | null) => void;
+    readonly onInputStateChange?: (value: TextEditingState, previousValue: TextEditingState) => void;
+    readonly onUpdate?: () => void;
+}
+export interface TimeFieldControlledValues {
+    readonly value?: TimeValue | null;
+    readonly inputState?: TextEditingState;
+}
+export interface TimeFieldConnection {
+    getSnapshot(): RevisionSnapshot<TimeFieldState>;
+    getText(): string;
+    getValue(): TimeValue | null;
+    syncControlledValues(values: TimeFieldControlledValues): Result<RevisionSnapshot<TimeFieldState>>;
+    handleEvent(event: TimeFieldEvent): boolean;
+    refresh(): void;
+    disconnect(): void;
+}
+export declare function createTimeField(options: TimeFieldOptions): FacadeConnection<TimeFieldConnection>;
+export declare function tryCreateTimeField(options: TimeFieldOptions): Result<FacadeConnection<TimeFieldConnection>>;
+//# sourceMappingURL=time-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-field.d.ts","sourceRoot":"","sources":["../src/time-field.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAoE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC9L,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAMrF,MAAM,WAAW,gBAAgB;IAAG,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAAE;AAChkB,MAAM,WAAW,yBAAyB;IAAG,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAAE;AACzH,MAAM,WAAW,mBAAmB;IAAG,WAAW,IAAI,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAAC,OAAO,IAAI,MAAM,CAAC;IAAC,QAAQ,IAAI,SAAS,GAAG,IAAI,CAAC;IAAC,oBAAoB,CAAC,MAAM,EAAE,yBAAyB,GAAG,MAAM,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAC;IAAC,WAAW,CAAC,KAAK,EAAE,cAAc,GAAG,OAAO,CAAC;IAAC,OAAO,IAAI,IAAI,CAAC;IAAC,UAAU,IAAI,IAAI,CAAC;CAAE;AAE/T,wBAAgB,eAAe,CAAC,OAAO,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAgD;AACjJ,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAAuD"}

package/dist/time-field.js

@@ -0,0 +1,57 @@
+import { unwrap } from '@sectile/core/result';
+import { applyTimeFieldEvent, createTimeFieldState } from '@sectile/core/time-field';
+import { createFacadeConnection } from './internal/facade.js';
+import { createSemanticController } from './internal/semantic-controller.js';
+import { setFieldValidity, setInteractionAttributes } from './internal/interaction.js';
+import { DOMTextElementBinding } from './internal/text-element.js';
+import { toTextEvent } from './text.js';
+export function createTimeField(options) { return unwrap(tryCreateTimeField(options)); }
+export function tryCreateTimeField(options) { return createFacadeConnection(options, construct); }
+function construct(options) {
+    const valueControlled = options.value !== undefined;
+    const inputControlled = options.inputState !== undefined;
+    const policies = Object.freeze({ ...options.policies, ...(options.required === undefined ? {} : { required: options.required }) });
+    const runtime = createSemanticController({ initial: createTimeFieldState(options.value !== undefined ? options.value : options.defaultValue ?? null, options.inputState !== undefined ? options.inputState : options.defaultInputState), reducer: (state, event) => applyTimeFieldEvent(state, event, policies), reconcile: (previous, proposed) => createTimeFieldState(valueControlled ? previous.value : proposed.value, inputControlled ? previous.inputState : proposed.inputState), notify: (previous, proposed) => { if (JSON.stringify(previous.inputState) !== JSON.stringify(proposed.inputState))
+            options.onInputStateChange?.(proposed.inputState, previous.inputState); }, toEffect: (command) => command, interaction: options });
+    return runtime.ok ? { ok: true, value: new DOMTimeField(options, runtime.value, valueControlled, inputControlled) } : runtime;
+}
+class DOMTimeField {
+    options;
+    runtime;
+    valueControlled;
+    inputControlled;
+    #binding;
+    #keydown = (event) => { if (this.#binding.isComposing || event.isComposing)
+        return; const semantic = event.key === 'ArrowUp' ? 'increment-segment' : event.key === 'ArrowDown' ? 'decrement-segment' : event.key === 'Enter' ? 'commit' : event.key === 'Escape' ? 'cancel' : null; if (semantic !== null) {
+        event.preventDefault();
+        if (semantic === 'increment-segment' || semantic === 'decrement-segment')
+            this.#syncSelection();
+        this.handleEvent(semantic);
+    } };
+    #blur = () => {
+        if (!this.#binding.isComposing && !this.handleEvent('commit'))
+            this.handleEvent('cancel');
+    };
+    constructor(options, runtime, valueControlled, inputControlled) { this.options = options; this.runtime = runtime; this.valueControlled = valueControlled; this.inputControlled = inputControlled; this.#binding = new DOMTextElementBinding({ element: options.input, getState: () => this.getSnapshot().state.inputState, dispatch: (input) => this.#text(input) }); options.input.addEventListener('keydown', this.#keydown); options.input.addEventListener('blur', this.#blur); this.refresh(); }
+    getSnapshot() { return this.runtime.getSnapshot(); }
+    getText() { return this.getSnapshot().state.inputState.snapshot.text; }
+    getValue() { return this.getSnapshot().state.value; }
+    syncControlledValues(values) { if (this.valueControlled !== (values.value !== undefined) || this.inputControlled !== (values.inputState !== undefined))
+        return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled time field values must preserve their construction-time shape.' } }; const state = this.getSnapshot().state; const result = this.runtime.replace(createTimeFieldState(this.valueControlled ? values.value : state.value, this.inputControlled ? values.inputState : state.inputState)); if (result.ok) {
+        this.refresh();
+        this.options.onUpdate?.();
+    } return result; }
+    handleEvent(event) { const result = this.runtime.handle(event); setFieldValidity(this.options.input, result); if (result.ok) {
+        for (const command of result.commands)
+            if (command.type === 'value-committed')
+                this.options.onValueChange?.(command.value);
+        this.refresh();
+        this.options.onUpdate?.();
+    } return result.ok; }
+    refresh() { const input = this.options.input; input.type = 'text'; input.inputMode = 'numeric'; input.placeholder = 'HH:mm'; input.required = this.options.required ?? this.options.policies?.required ?? false; setInteractionAttributes(input, this.options, { native: true, readOnly: true }); if (this.options.label !== undefined)
+        input.setAttribute('aria-label', this.options.label); this.#binding.render(); }
+    disconnect() { this.#binding.disconnect(); this.options.input.removeEventListener('keydown', this.#keydown); this.options.input.removeEventListener('blur', this.#blur); }
+    #text(input) { const event = toTextEvent(input); return event !== null && this.handleEvent({ type: 'text', event }); }
+    #syncSelection() { const input = this.options.input; const start = input.selectionStart ?? 0; const end = input.selectionEnd ?? start; const backward = input.selectionDirection === 'backward'; this.handleEvent({ type: 'text', event: { type: 'replace', startCodeUnitOffset: backward ? end : start, endCodeUnitOffset: backward ? end : start, text: '', selection: { anchorCodeUnitOffset: backward ? end : start, focusCodeUnitOffset: backward ? start : end } } }); }
+}
+//# sourceMappingURL=time-field.js.map

package/dist/time-field.js.map

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

package/dist/toggle-button.d.ts

@@ -0,0 +1,16 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result } from '@sectile/core';
+import { type ToggleButtonEvent, type ToggleButtonState } from '@sectile/core/toggle-button';
+import { type DOMCheckedControl } from './internal/checked-control.js';
+export interface ToggleButtonOptions {
+    readonly element: HTMLElement;
+    readonly pressed?: boolean;
+    readonly defaultPressed?: boolean;
+    readonly disabled?: boolean;
+    readonly onPressedChange?: (pressed: boolean) => void;
+    readonly onUpdate?: () => void;
+}
+export type ToggleButtonConnection = DOMCheckedControl<ToggleButtonState, ToggleButtonEvent, boolean>;
+export declare function createToggleButton(options: ToggleButtonOptions): FacadeConnection<ToggleButtonConnection>;
+export declare function tryCreateToggleButton(options: ToggleButtonOptions): Result<FacadeConnection<ToggleButtonConnection>>;
+//# sourceMappingURL=toggle-button.d.ts.map

package/dist/toggle-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../src/toggle-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAAC,OAAO,EAA6E,KAAK,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACrN,OAAO,EAA2B,KAAK,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAChG,MAAM,WAAW,mBAAmB;IAAG,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE;AACzP,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,OAAO,CAAC,CAAC;AACtG,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,GAAG,gBAAgB,CAAC,sBAAsB,CAAC,CAEzG;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC,CAEpH"}

package/dist/toggle-button.js

@@ -0,0 +1,12 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { applyToggleButtonEvent, createToggleButtonState } from '@sectile/core/toggle-button';
+import { createDOMCheckedControl } from './internal/checked-control.js';
+export function createToggleButton(options) {
+    return unwrap(tryCreateToggleButton(options));
+}
+export function tryCreateToggleButton(options) {
+    return createFacadeConnection(options, (options) => tryCreateToggleButtonConnection(options));
+}
+function tryCreateToggleButtonConnection(options) { return createDOMCheckedControl({ element: options.element, attribute: 'aria-pressed', controlled: options.pressed !== undefined, initial: createToggleButtonState(options.pressed ?? options.defaultPressed ?? false), toggleEvent: 'toggle', reducer: applyToggleButtonEvent, create: createToggleButtonState, read: (state) => state.pressed, format: String, interaction: options, onChange: options.onPressedChange, onUpdate: options.onUpdate }); }
+//# sourceMappingURL=toggle-button.js.map

package/dist/toggle-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../src/toggle-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACD,OAAO,EAAE,sBAAsB,EAAE,uBAAuB,EAA4E,MAAM,6BAA6B,CAAC;AACrN,OAAO,EAAE,uBAAuB,EAA0B,MAAM,+BAA+B,CAAC;AAGhG,MAAM,UAAU,kBAAkB,CAAC,OAA4B;IAC7D,OAAO,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,OAA4B;IAChE,OAAO,sBAAsB,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,+BAA+B,CAAC,OAAO,CAAC,CAAC,CAAC;AAChG,CAAC;AAED,SAAS,+BAA+B,CAAC,OAA4B,IAAoC,OAAO,uBAAuB,CAAqE,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO,CAAC,OAAO,KAAK,SAAS,EAAE,OAAO,EAAE,uBAAuB,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,cAAc,IAAI,KAAK,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,sBAAsB,EAAE,MAAM,EAAE,uBAAuB,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,eAAe,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC"}

package/dist/toolbar.d.ts

@@ -0,0 +1,37 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result, StableID } from '@sectile/core';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+import { type ToolbarEvent, type ToolbarPolicies, type ToolbarState } from '@sectile/core/toolbar';
+import type { KeyboardInput } from './tabs.js';
+export type ToolbarEffect<ID extends StableID = StableID> = {
+    readonly type: 'focus-control';
+    readonly id: ID;
+} | {
+    readonly type: 'invoke-control';
+    readonly id: ID;
+};
+export interface ToolbarOptions<ID extends StableID = StableID> {
+    readonly root: HTMLElement;
+    readonly disabled?: boolean;
+    readonly items: readonly ID[];
+    readonly policies?: ToolbarPolicies<ID>;
+    readonly disabledItems?: readonly ID[];
+    readonly highlightedValue?: ID | null;
+    readonly defaultHighlightedValue?: ID | null;
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly label?: string;
+    readonly onHighlightedValueChange?: (value: ID | null) => void;
+    readonly onInvoke?: (id: ID) => void;
+    readonly onUpdate?: () => void;
+}
+export interface ToolbarConnection<ID extends StableID = StableID> {
+    getSnapshot(): RevisionSnapshot<ToolbarState<ID>>;
+    syncControlledValue(value: ID | null): Result<RevisionSnapshot<ToolbarState<ID>>>;
+    setItemAttributes(element: HTMLElement, id: ID, disabled?: boolean): void;
+    handleEvent(event: ToolbarEvent<ID>): boolean;
+    disconnect(): void;
+}
+export declare function createToolbar<ID extends StableID>(options: ToolbarOptions<ID>): FacadeConnection<ToolbarConnection<ID>>;
+export declare function tryCreateToolbar<ID extends StableID>(options: ToolbarOptions<ID>): Result<FacadeConnection<ToolbarConnection<ID>>>;
+export declare function toToolbarEvent<ID extends StableID = StableID>(input: KeyboardInput, orientation?: 'horizontal' | 'vertical'): ToolbarEvent<ID> | null;
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../src/toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAK/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE/C,MAAM,MAAM,aAAa,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IACpD;IAAE,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAA;CAAE,GACnD;IAAE,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAA;CAAE,CAAC;AAEzD,MAAM,WAAW,cAAc,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IAC5D,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,eAAe,CAAC,EAAE,CAAC,CAAC;IACxC,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC;IACvC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,uBAAuB,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC;IAC7C,QAAQ,CAAC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,iBAAiB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IAC/D,WAAW,IAAI,gBAAgB,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;IAClD,mBAAmB,CAAC,KAAK,EAAE,EAAE,GAAG,IAAI,GAAG,MAAM,CAAC,gBAAgB,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAClF,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1E,WAAW,CAAC,KAAK,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;IAC9C,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,QAAQ,EAC/C,OAAO,EAAE,cAAc,CAAC,EAAE,CAAC,GAC1B,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAEzC;AAED,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,QAAQ,EAClD,OAAO,EAAE,cAAc,CAAC,EAAE,CAAC,GAC1B,MAAM,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,CAEjD;AAyCD,wBAAgB,cAAc,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,EAC3D,KAAK,EAAE,aAAa,EACpB,WAAW,GAAE,YAAY,GAAG,UAAyB,GACpD,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAUzB"}