@sectile/dom 0.1.0

package/dist/rating.js

@@ -0,0 +1,38 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { tryCreateRadioGroup } from './radio-group.js';
+export function createRating(options) {
+    return unwrap(tryCreateRating(options));
+}
+export function tryCreateRating(options) {
+    return createFacadeConnection(options, (options) => tryCreateRatingConnection(options));
+}
+function tryCreateRatingConnection(options) {
+    const uncontrolled = options.value === undefined;
+    let value = options.value ?? options.defaultValue ?? null;
+    let highlightedValue = options.highlightedValue ?? options.defaultHighlightedValue ?? value;
+    let base;
+    const result = tryCreateRadioGroup({ ...options, orientation: 'horizontal', value, highlightedValue, onValueChange: (next) => { options.onValueChange?.(next); if (uncontrolled) {
+            value = next;
+            queueMicrotask(sync);
+        } }, onHighlightedValueChange: (next) => { highlightedValue = next; queueMicrotask(sync); } });
+    if (!result.ok)
+        return result;
+    base = result.value;
+    function sync() { base.syncControlledValues({ value, highlightedValue }); }
+    return { ok: true, value: Object.freeze({ getSnapshot: () => base.getSnapshot(), syncControlledValues: (values) => { if (values.value !== undefined)
+                value = values.value; if (values.highlightedValue !== undefined)
+                highlightedValue = values.highlightedValue; return base.syncControlledValues({ value, highlightedValue }); }, setItemAttributes: (element, id, disabled) => { base.setItemAttributes(element, id, disabled); element.setAttribute('aria-label', `${id} rating`); }, handleEvent: (event) => { if (event === 'clear') {
+                if (options.clearable !== true)
+                    return false;
+                options.onValueChange?.(null);
+                if (uncontrolled) {
+                    value = null;
+                    return base.syncControlledValues({ value, highlightedValue }).ok;
+                }
+                return true;
+            } return base.handleEvent(mapEvent(event)); }, disconnect: () => base.disconnect() }) };
+}
+function mapEvent(event) { if (typeof event === 'object')
+    return event.type === 'set' ? { type: 'check', id: event.id } : event; return event === 'increase' ? 'next' : event === 'decrease' ? 'previous' : event === 'minimum' ? 'first' : event === 'maximum' ? 'last' : 'check'; }
+//# sourceMappingURL=rating.js.map

package/dist/rating.js.map

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

package/dist/select.d.ts

@@ -0,0 +1,45 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result, StableID } from '@sectile/core';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+import { type SelectEvent, type SelectPolicies, type SelectState } from '@sectile/core/select';
+export interface SelectOptions<ID extends StableID = StableID> {
+    readonly root: HTMLElement;
+    readonly trigger: HTMLButtonElement;
+    readonly popup: HTMLElement;
+    readonly items: readonly ID[];
+    readonly disabledItems?: readonly ID[];
+    readonly policies?: SelectPolicies<ID>;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly value?: ID | null;
+    readonly defaultValue?: ID | null;
+    readonly highlightedValue?: ID | null;
+    readonly defaultHighlightedValue?: ID | null;
+    readonly open?: boolean;
+    readonly defaultOpen?: boolean;
+    readonly label?: string;
+    readonly onValueChange?: (value: ID | null) => void;
+    readonly onHighlightedValueChange?: (value: ID | null) => void;
+    readonly onOpenChange?: (open: boolean) => void;
+    readonly onUpdate?: () => void;
+}
+export type SelectEffect<ID extends StableID = StableID> = {
+    readonly type: 'focus-option';
+    readonly id: ID;
+} | {
+    readonly type: 'close-popup';
+};
+export interface SelectConnection<ID extends StableID = StableID> {
+    getSnapshot(): RevisionSnapshot<SelectState<ID>>;
+    syncControlledValues(values: {
+        readonly value?: ID | null;
+        readonly highlightedValue?: ID | null;
+        readonly open?: boolean;
+    }): Result<RevisionSnapshot<SelectState<ID>>>;
+    setItemAttributes(element: HTMLElement, id: ID, disabled?: boolean): void;
+    handleEvent(event: SelectEvent<ID>): boolean;
+    disconnect(): void;
+}
+export declare function createSelect<ID extends StableID>(options: SelectOptions<ID>): FacadeConnection<SelectConnection<ID>>;
+export declare function tryCreateSelect<ID extends StableID>(options: SelectOptions<ID>): Result<FacadeConnection<SelectConnection<ID>>>;
+//# sourceMappingURL=select.d.ts.map

package/dist/select.d.ts.map

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

package/dist/select.js

@@ -0,0 +1,87 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { createSequence } from '@sectile/core/sequence';
+import { applySelectEvent, createSelectState } from '@sectile/core/select';
+import { findDelegatedID } from './internal/delegated-event.js';
+import { createDisabledItems } from './internal/disabled-items.js';
+import { setInteractionAttributes } from './internal/interaction.js';
+import { createSemanticController } from './internal/semantic-controller.js';
+export function createSelect(options) {
+    return unwrap(tryCreateSelect(options));
+}
+export function tryCreateSelect(options) {
+    return createFacadeConnection(options, (options) => tryCreateSelectConnection(options));
+}
+function tryCreateSelectConnection(options) {
+    const domain = createSequence(options.items);
+    if (!domain.ok)
+        return domain;
+    const disabled = createDisabledItems(domain.value, options.disabledItems);
+    if (!disabled.ok)
+        return disabled;
+    const suppliedEligibility = options.policies?.eligible;
+    const policies = { ...options.policies, eligible: (id) => !disabled.value.has(id) && (suppliedEligibility?.(id) ?? true) };
+    const controlled = { value: options.value !== undefined, highlighted: options.highlightedValue !== undefined, open: options.open !== undefined };
+    const runtime = createSemanticController({
+        interaction: options, interactionIntent: (event) => event === 'select' || (typeof event === 'object' && event.type === 'select') ? 'mutate' : 'navigate',
+        initial: createSelectState(domain.value, { value: options.value ?? options.defaultValue ?? null, current: options.highlightedValue ?? options.defaultHighlightedValue ?? options.value ?? options.defaultValue ?? null, open: options.open ?? options.defaultOpen ?? false }),
+        reducer: (state, event) => applySelectEvent(domain.value, state, event, policies),
+        reconcile: (previous, proposed) => createSelectState(domain.value, { value: controlled.value ? previous.choice.selection.selected[0] ?? null : proposed.choice.selection.selected[0] ?? null, current: controlled.highlighted ? previous.choice.cursor.current : proposed.choice.cursor.current, open: controlled.open ? previous.open : proposed.open }),
+        notify: (previous, proposed) => { const before = previous.choice.selection.selected[0] ?? null; const after = proposed.choice.selection.selected[0] ?? null; if (before !== after)
+            options.onValueChange?.(after); if (previous.choice.cursor.current !== proposed.choice.cursor.current)
+            options.onHighlightedValueChange?.(proposed.choice.cursor.current); if (previous.open !== proposed.open)
+            options.onOpenChange?.(proposed.open); },
+        toEffect: (command) => command.type === 'focus' ? { type: 'focus-option', id: command.id } : { type: 'close-popup' },
+    });
+    if (!runtime.ok)
+        return runtime;
+    return { ok: true, value: new DOMSelectConnection(options, domain.value, runtime.value, disabled.value, controlled) };
+}
+class DOMSelectConnection {
+    #options;
+    #domain;
+    #runtime;
+    #disabled;
+    #controlled;
+    #triggerClick;
+    #keydown;
+    #click;
+    constructor(options, domain, runtime, disabled, controlled) { this.#options = options; this.#domain = domain; this.#runtime = runtime; this.#disabled = disabled; this.#controlled = controlled; setInteractionAttributes(options.root, options, { readOnly: true }); options.trigger.disabled = options.disabled === true; options.trigger.setAttribute('aria-haspopup', 'listbox'); options.popup.setAttribute('role', 'listbox'); if (options.label !== undefined) {
+        options.trigger.setAttribute('aria-label', options.label);
+        options.popup.setAttribute('aria-label', options.label);
+    } this.#triggerClick = () => { this.handleEvent('toggle'); }; this.#keydown = (event) => { const isClosedTriggerActivation = event.target === options.trigger && !this.#runtime.getSnapshot().state.open && (event.key === 'Enter' || event.key === ' '); const semantic = isClosedTriggerActivation ? 'open' : toSelectEvent(event); if (semantic !== null) {
+        event.preventDefault();
+        this.handleEvent(semantic);
+    } }; this.#click = (event) => { const id = findDelegatedID(event.target, options.popup, 'selectId'); if (id !== null && !this.#disabled.has(id))
+        this.handleEvent({ type: 'select', id }); }; options.trigger.addEventListener('click', this.#triggerClick); options.root.addEventListener('keydown', this.#keydown); options.popup.addEventListener('click', this.#click); this.#render(); }
+    getSnapshot() { return this.#runtime.getSnapshot(); }
+    syncControlledValues(values) { if (this.#controlled.value !== (values.value !== undefined) || this.#controlled.highlighted !== (values.highlightedValue !== undefined) || this.#controlled.open !== (values.open !== undefined))
+        return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled select values must preserve their construction-time shape.' } }; const state = this.#runtime.getSnapshot().state; const result = this.#runtime.replace(createSelectState(this.#domain, { value: this.#controlled.value ? values.value ?? null : state.choice.selection.selected[0] ?? null, current: this.#controlled.highlighted ? values.highlightedValue ?? null : state.choice.cursor.current, open: this.#controlled.open ? values.open ?? false : state.open })); if (result.ok) {
+        this.#render();
+        this.#options.onUpdate?.();
+    } return result; }
+    setItemAttributes(element, id, disabled = false) { const state = this.#runtime.getSnapshot().state; element.dataset['selectId'] = id; element.setAttribute('role', 'option'); element.setAttribute('aria-selected', String(state.choice.selection.has(id))); element.tabIndex = state.choice.cursor.current === id ? 0 : -1; if (disabled || this.#disabled.has(id))
+        element.setAttribute('aria-disabled', 'true');
+    else
+        element.removeAttribute('aria-disabled'); }
+    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-option')
+            queueMicrotask(() => { for (const element of this.#options.popup.querySelectorAll('[data-select-id]'))
+                if (element.dataset['selectId'] === effect.id)
+                    element.focus(); });
+        else
+            this.#options.trigger.focus();
+    } this.#options.onUpdate?.(); return true; }
+    disconnect() { this.#options.trigger.removeEventListener('click', this.#triggerClick); this.#options.root.removeEventListener('keydown', this.#keydown); this.#options.popup.removeEventListener('click', this.#click); }
+    #render() { const open = this.#runtime.getSnapshot().state.open; this.#options.trigger.setAttribute('aria-expanded', String(open)); this.#options.popup.hidden = !open; }
+}
+function toSelectEvent(input) { if (input.altKey || input.ctrlKey || input.metaKey)
+    return null; if (input.key === 'ArrowDown')
+    return 'next'; if (input.key === 'ArrowUp')
+    return 'previous'; if (input.key === 'Home')
+    return 'first'; if (input.key === 'End')
+    return 'last'; if (input.key === 'Enter' || input.key === ' ')
+    return 'select'; if (input.key === 'Escape')
+    return 'close'; return null; }
+//# sourceMappingURL=select.js.map

package/dist/select.js.map

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

package/dist/slider.d.ts

@@ -0,0 +1,73 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result } from '@sectile/core';
+import { type BoundedRangeInput, type QuantizedRange } from '@sectile/core/range';
+import { type SliderCommand, type SliderEvent, type SliderState } from '@sectile/core/slider';
+import { type RevisionResult, type RevisionSnapshot } from '@sectile/core/revision';
+export interface KeyboardInput {
+    readonly key: string;
+    readonly altKey?: boolean;
+    readonly ctrlKey?: boolean;
+    readonly metaKey?: boolean;
+}
+export interface SliderEffect {
+    readonly type: 'set-range-value';
+    readonly tick: number;
+}
+export interface SliderValueChangeDetails {
+    readonly value: number;
+    readonly previousValue: number;
+}
+export interface SliderControllerOptions {
+    readonly range: QuantizedRange;
+    readonly page?: number;
+    readonly value?: number;
+    readonly defaultValue?: number;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly onValueChange?: (change: SliderValueChangeDetails) => void;
+}
+export interface SliderControlledValues {
+    readonly value: number;
+}
+export interface SliderController {
+    readonly range: QuantizedRange;
+    getSnapshot(): RevisionSnapshot<SliderState>;
+    syncControlledValues(values: SliderControlledValues): Result<RevisionSnapshot<SliderState>>;
+    handleKeyboardInput(input: KeyboardInput, expectedRevision?: number): RevisionResult<SliderState, SliderEffect>;
+    handleEvent(event: SliderEvent, expectedRevision?: number): RevisionResult<SliderState, SliderEffect>;
+}
+export interface SliderTransitionDetails {
+    readonly event: SliderEvent;
+    readonly result: RevisionResult<SliderState, SliderEffect>;
+}
+export interface SliderConnectionOptions {
+    readonly controller: SliderController;
+    readonly root: HTMLElement;
+    readonly track?: HTMLElement;
+    readonly label?: string;
+    readonly role?: 'slider' | 'separator';
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly formatValue?: (value: string) => string;
+    readonly onTransition?: (details: SliderTransitionDetails) => void;
+    readonly onUpdate?: () => void;
+}
+export interface SliderConnection {
+    readonly range: QuantizedRange;
+    getSnapshot(): RevisionSnapshot<SliderState>;
+    getValue(): string;
+    syncControlledValues(values: SliderControlledValues): Result<RevisionSnapshot<SliderState>>;
+    refreshAttributes(): void;
+    handleEvent(event: SliderEvent): boolean;
+    handleKeyboardEvent(event: KeyboardEvent): boolean;
+    disconnect(): void;
+}
+export type SliderOptions = Omit<SliderControllerOptions, 'range'> & Omit<SliderConnectionOptions, 'controller'> & BoundedRangeInput;
+export declare function createSliderController(options: SliderControllerOptions): Result<SliderController>;
+export declare function createSlider(options: SliderOptions): FacadeConnection<SliderConnection>;
+export declare function tryCreateSlider(options: SliderOptions): Result<FacadeConnection<SliderConnection>>;
+export declare function connectSlider(options: SliderConnectionOptions): SliderConnection;
+export declare function toSliderEvent(input: KeyboardInput): SliderEvent | null;
+export declare function toSliderEffect(command: SliderCommand): SliderEffect;
+//# sourceMappingURL=slider.d.ts.map

package/dist/slider.d.ts.map

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

package/dist/slider.js

@@ -0,0 +1,265 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { createInteractionState, requireInteraction } from '@sectile/core/interaction';
+import { createBoundedRange, } from '@sectile/core/range';
+import { applySliderEvent, createSliderState, } from '@sectile/core/slider';
+import { createRevisionSnapshot, rejectRevisionInput, } from '@sectile/core/revision';
+import { applyControllerEvent, synchronizeControllerState } from './internal/controller.js';
+import { setInteractionAttributes } from './internal/interaction.js';
+export function createSliderController(options) {
+    const initial = createSliderState(options.range, options.value ?? options.defaultValue ?? 0);
+    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 DOMSliderController(options, interaction.value, snapshot.value) };
+}
+export function createSlider(options) {
+    return unwrap(tryCreateSlider(options));
+}
+export function tryCreateSlider(options) {
+    return createFacadeConnection(options, (options) => tryCreateSliderConnection(options));
+}
+function tryCreateSliderConnection(options) {
+    const range = createBoundedRange(options);
+    if (!range.ok)
+        return range;
+    const controller = createSliderController({ ...options, range: range.value });
+    if (!controller.ok)
+        return controller;
+    return { ok: true, value: connectSlider({ ...options, controller: controller.value }) };
+}
+export function connectSlider(options) {
+    return new DOMSliderConnection(options);
+}
+export function toSliderEvent(input) {
+    if (input.altKey === true || input.ctrlKey === true || input.metaKey === true)
+        return null;
+    if (input.key === 'ArrowRight' || input.key === 'ArrowUp')
+        return 'increment';
+    if (input.key === 'ArrowLeft' || input.key === 'ArrowDown')
+        return 'decrement';
+    if (input.key === 'PageUp')
+        return 'page-up';
+    if (input.key === 'PageDown')
+        return 'page-down';
+    if (input.key === 'Home')
+        return 'home';
+    if (input.key === 'End')
+        return 'end';
+    return null;
+}
+export function toSliderEffect(command) {
+    return Object.freeze({ type: 'set-range-value', tick: command.tick });
+}
+class DOMSliderConnection {
+    range;
+    #controller;
+    #root;
+    #track;
+    #label;
+    #role;
+    #orientation;
+    #formatValue;
+    #onTransition;
+    #onUpdate;
+    #handleKeydown;
+    #handlePointer;
+    #handlePointerUp;
+    #dragging = false;
+    constructor(options) {
+        this.#controller = options.controller;
+        this.range = options.controller.range;
+        this.#root = options.root;
+        this.#track = options.track ?? options.root;
+        this.#label = options.label;
+        this.#role = options.role ?? 'slider';
+        this.#orientation = options.orientation ?? 'horizontal';
+        this.#formatValue = options.formatValue ?? ((value) => value);
+        this.#onTransition = options.onTransition;
+        this.#onUpdate = options.onUpdate;
+        this.#handleKeydown = (event) => {
+            if (this.handleKeyboardEvent(event))
+                event.preventDefault();
+        };
+        this.#handlePointer = (event) => {
+            if (event.type === 'pointerdown') {
+                this.#dragging = true;
+                this.#track.setPointerCapture?.(event.pointerId);
+            }
+            else if (!this.#dragging) {
+                return;
+            }
+            const rect = this.#track.getBoundingClientRect();
+            const extent = this.#orientation === 'horizontal' ? rect.width : rect.height;
+            if (extent <= 0)
+                return;
+            const rawRatio = this.#orientation === 'horizontal'
+                ? (event.clientX - rect.left) / rect.width
+                : this.#role === 'separator'
+                    ? (event.clientY - rect.top) / rect.height
+                    : (rect.bottom - event.clientY) / rect.height;
+            const ratio = Math.min(1, Math.max(0, rawRatio));
+            const tick = Math.round(ratio * this.range.count);
+            const semanticEvent = { type: 'set-tick', tick };
+            if (this.handleEvent(semanticEvent))
+                event.preventDefault();
+        };
+        this.#handlePointerUp = (event) => {
+            if (!this.#dragging)
+                return;
+            this.#dragging = false;
+            this.#track.releasePointerCapture?.(event.pointerId);
+        };
+        this.#root.addEventListener('keydown', this.#handleKeydown);
+        this.#track.addEventListener('pointerdown', this.#handlePointer);
+        this.#track.addEventListener('pointermove', this.#handlePointer);
+        this.#track.addEventListener('pointerup', this.#handlePointerUp);
+        this.#track.addEventListener('pointercancel', this.#handlePointerUp);
+        setInteractionAttributes(this.#root, options, { readOnly: this.#role === 'slider' });
+        this.refreshAttributes();
+    }
+    getSnapshot() {
+        return this.#controller.getSnapshot();
+    }
+    getValue() {
+        return this.range.valueAt(this.#controller.getSnapshot().state.tick);
+    }
+    syncControlledValues(values) {
+        const result = this.#controller.syncControlledValues(values);
+        if (result.ok) {
+            this.refreshAttributes();
+            this.#onUpdate?.();
+        }
+        return result;
+    }
+    refreshAttributes() {
+        const tick = this.#controller.getSnapshot().state.tick;
+        const value = this.range.valueAt(tick);
+        this.#root.setAttribute('role', this.#role);
+        this.#root.setAttribute('aria-valuemin', this.range.lower);
+        this.#root.setAttribute('aria-valuemax', this.range.upper);
+        this.#root.setAttribute('aria-valuenow', value);
+        this.#root.setAttribute('aria-valuetext', this.#formatValue(value));
+        this.#root.setAttribute('aria-orientation', this.#orientation);
+        if (this.#label === undefined)
+            this.#root.removeAttribute('aria-label');
+        else
+            this.#root.setAttribute('aria-label', this.#label);
+        if (this.#root.tabIndex < 0)
+            this.#root.tabIndex = 0;
+    }
+    handleKeyboardEvent(event) {
+        const input = {
+            key: event.key,
+            altKey: event.altKey,
+            ctrlKey: event.ctrlKey,
+            metaKey: event.metaKey,
+        };
+        const semanticEvent = this.#role === 'separator' && this.#orientation === 'vertical'
+            ? toVerticalSplitterEvent(input)
+            : toSliderEvent(input);
+        if (semanticEvent === null)
+            return false;
+        return this.handleEvent(semanticEvent);
+    }
+    handleEvent(event) {
+        const result = this.#controller.handleEvent(event);
+        if (result.ok)
+            this.refreshAttributes();
+        this.#onTransition?.(Object.freeze({ event, result }));
+        if (result.ok)
+            this.#onUpdate?.();
+        return result.ok;
+    }
+    disconnect() {
+        this.#root.removeEventListener('keydown', this.#handleKeydown);
+        this.#track.removeEventListener('pointerdown', this.#handlePointer);
+        this.#track.removeEventListener('pointermove', this.#handlePointer);
+        this.#track.removeEventListener('pointerup', this.#handlePointerUp);
+        this.#track.removeEventListener('pointercancel', this.#handlePointerUp);
+    }
+}
+function toVerticalSplitterEvent(input) {
+    if (input.altKey === true || input.ctrlKey === true || input.metaKey === true)
+        return null;
+    if (input.key === 'ArrowUp')
+        return 'decrement';
+    if (input.key === 'ArrowDown')
+        return 'increment';
+    return toSliderEvent(input);
+}
+class DOMSliderController {
+    range;
+    #range;
+    #page;
+    #controlled;
+    #interaction;
+    #onValueChange;
+    #snapshot;
+    constructor(options, interaction, snapshot) {
+        this.range = options.range;
+        this.#range = options.range;
+        this.#page = options.page ?? 2;
+        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, values);
+        if (error !== null)
+            return { ok: false, error };
+        const snapshot = synchronizeControllerState(this.#snapshot, createSliderState(this.#range, values.value));
+        if (!snapshot.ok)
+            return snapshot;
+        this.#snapshot = snapshot.value;
+        return snapshot;
+    }
+    handleKeyboardInput(input, expectedRevision = this.#snapshot.revision) {
+        const event = toSliderEvent(input);
+        if (event === null) {
+            return rejectRevisionInput(this.#snapshot, {
+                class: 'transition-rejection',
+                code: 'unsupported-dom-key',
+                message: 'DOM keyboard input does not map to a slider semantic event.',
+                details: { key: input.key },
+            });
+        }
+        return this.handleEvent(event, expectedRevision);
+    }
+    handleEvent(event, expectedRevision = this.#snapshot.revision) {
+        const permitted = requireInteraction(this.#interaction, 'mutate');
+        if (!permitted.ok)
+            return rejectRevisionInput(this.#snapshot, permitted.error);
+        const result = applyControllerEvent(this.#snapshot, expectedRevision, event, (state, semanticEvent) => applySliderEvent(this.#range, state, semanticEvent, this.#page), (previous, proposed) => createSliderState(this.#range, this.#controlled ? previous.tick : proposed.tick), (previous, proposed) => {
+            if (previous.tick !== proposed.tick) {
+                this.#onValueChange?.(Object.freeze({
+                    value: proposed.tick,
+                    previousValue: previous.tick,
+                }));
+            }
+        }, toSliderEffect);
+        if (result.ok)
+            this.#snapshot = result.snapshot;
+        return result;
+    }
+}
+function controlledInputError(controlled, values) {
+    if (controlled)
+        return null;
+    return {
+        class: 'construction',
+        code: 'uncontrolled-value-update',
+        message: 'Uncontrolled slider value cannot be synchronized externally.',
+        details: { value: values.value },
+    };
+}
+//# sourceMappingURL=slider.js.map

package/dist/slider.js.map

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

package/dist/spin-button.d.ts

@@ -0,0 +1,41 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result } from '@sectile/core';
+import { type BoundedRangeInput, type QuantizedRange } from '@sectile/core/range';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+import { type SpinButtonEvent, type SpinButtonPolicies, type SpinButtonState } from '@sectile/core/spin-button';
+export interface SpinButtonOptions extends BoundedRangeInput {
+    readonly input: HTMLInputElement;
+    readonly policies?: SpinButtonPolicies;
+    readonly value?: string;
+    readonly defaultValue?: string;
+    readonly draft?: string | null;
+    readonly defaultDraft?: string | null;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly label?: string;
+    readonly onValueChange?: (value: string) => void;
+    readonly onDraftChange?: (draft: string | null) => void;
+    readonly onUpdate?: () => void;
+}
+export interface SpinButtonConnection {
+    readonly range: QuantizedRange;
+    getSnapshot(): RevisionSnapshot<SpinButtonState>;
+    getText(): string;
+    getValue(): string;
+    syncControlledValues(values: {
+        readonly value?: string;
+        readonly draft?: string | null;
+    }): Result<RevisionSnapshot<SpinButtonState>>;
+    handleEvent(event: SpinButtonEvent): boolean;
+    refresh(): void;
+    disconnect(): void;
+}
+export declare function createSpinButton(options: SpinButtonOptions): FacadeConnection<SpinButtonConnection>;
+export declare function tryCreateSpinButton(options: SpinButtonOptions): Result<FacadeConnection<SpinButtonConnection>>;
+export declare function toSpinButtonEvent(input: {
+    readonly key: string;
+    readonly altKey?: boolean;
+    readonly ctrlKey?: boolean;
+    readonly metaKey?: boolean;
+}): SpinButtonEvent | null;
+//# sourceMappingURL=spin-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spin-button.d.ts","sourceRoot":"","sources":["../src/spin-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAsB,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACtG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAIL,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACrB,MAAM,2BAA2B,CAAC;AAGnC,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IACvC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC;IAC/B,WAAW,IAAI,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACjD,OAAO,IAAI,MAAM,CAAC;IAClB,QAAQ,IAAI,MAAM,CAAC;IACnB,oBAAoB,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;IACrI,WAAW,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO,CAAC;IAC7C,OAAO,IAAI,IAAI,CAAC;IAChB,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,CAEnG;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAE9G;AAuBD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,eAAe,GAAG,IAAI,CAW5K"}