@sectile/dom 0.1.0

package/dist/spin-button.js

@@ -0,0 +1,127 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { createBoundedRange } from '@sectile/core/range';
+import { applySpinButtonEvent, createSpinButtonState, } from '@sectile/core/spin-button';
+import { createSemanticController } from './internal/semantic-controller.js';
+export function createSpinButton(options) {
+    return unwrap(tryCreateSpinButton(options));
+}
+export function tryCreateSpinButton(options) {
+    return createFacadeConnection(options, (options) => tryCreateSpinButtonConnection(options));
+}
+function tryCreateSpinButtonConnection(options) {
+    const range = createBoundedRange(options);
+    if (!range.ok)
+        return range;
+    const valueControlled = options.value !== undefined;
+    const draftControlled = options.draft !== undefined;
+    const runtime = createSemanticController({
+        initial: createSpinButtonState(range.value, options.value ?? options.defaultValue ?? range.value.lower, options.draft !== undefined ? options.draft : options.defaultDraft ?? null),
+        reducer: (state, event) => applySpinButtonEvent(range.value, state, event, options.policies),
+        reconcile: (previous, proposed) => createSpinButtonState(range.value, valueControlled ? previous.value : proposed.value, draftControlled ? previous.draft : proposed.draft),
+        notify: (previous, proposed) => {
+            if (previous.value !== proposed.value)
+                options.onValueChange?.(proposed.value);
+            if (previous.draft !== proposed.draft)
+                options.onDraftChange?.(proposed.draft);
+        },
+        toEffect: (command) => command,
+        interaction: options,
+    });
+    return runtime.ok
+        ? { ok: true, value: new DOMSpinButton(options, range.value, runtime.value, valueControlled, draftControlled) }
+        : runtime;
+}
+export function toSpinButtonEvent(input) {
+    if (input.altKey || input.ctrlKey || input.metaKey)
+        return null;
+    if (input.key === 'ArrowUp')
+        return 'increment';
+    if (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';
+    if (input.key === 'Enter')
+        return 'commit';
+    if (input.key === 'Escape')
+        return 'cancel';
+    return null;
+}
+class DOMSpinButton {
+    range;
+    #options;
+    #runtime;
+    #valueControlled;
+    #draftControlled;
+    #input = () => { this.handleEvent({ type: 'input', text: this.#options.input.value }); };
+    #key = (event) => {
+        const semantic = toSpinButtonEvent(event);
+        if (semantic !== null) {
+            event.preventDefault();
+            this.handleEvent(semantic);
+        }
+    };
+    #blur = () => { this.handleEvent('commit'); };
+    constructor(options, range, runtime, valueControlled, draftControlled) {
+        this.#options = options;
+        this.range = range;
+        this.#runtime = runtime;
+        this.#valueControlled = valueControlled;
+        this.#draftControlled = draftControlled;
+        options.input.addEventListener('input', this.#input);
+        options.input.addEventListener('keydown', this.#key);
+        options.input.addEventListener('blur', this.#blur);
+        options.input.disabled = options.disabled ?? false;
+        options.input.readOnly = options.readOnly ?? false;
+        options.input.setAttribute('aria-disabled', String(options.disabled ?? false));
+        options.input.setAttribute('aria-readonly', String(options.readOnly ?? false));
+        this.refresh();
+    }
+    getSnapshot() { return this.#runtime.getSnapshot(); }
+    getText() { const state = this.getSnapshot().state; return state.draft ?? state.value; }
+    getValue() { return this.getSnapshot().state.value; }
+    syncControlledValues(values) {
+        if (this.#valueControlled !== (values.value !== undefined) || this.#draftControlled !== (values.draft !== undefined))
+            return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled spin button values must preserve their construction-time shape.' } };
+        const state = this.getSnapshot().state;
+        const result = this.#runtime.replace(createSpinButtonState(this.range, this.#valueControlled ? values.value : state.value, this.#draftControlled ? values.draft : state.draft));
+        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)
+            this.#options.onUpdate?.();
+        return result.ok;
+    }
+    refresh() {
+        const state = this.getSnapshot().state;
+        this.#options.input.setAttribute('role', 'spinbutton');
+        this.#options.input.setAttribute('aria-valuemin', this.range.lower);
+        this.#options.input.setAttribute('aria-valuemax', this.range.upper);
+        this.#options.input.setAttribute('aria-valuenow', state.value);
+        this.#options.input.setAttribute('aria-valuetext', state.value);
+        if (this.#options.label !== undefined)
+            this.#options.input.setAttribute('aria-label', this.#options.label);
+        const text = this.getText();
+        if (this.#options.input.value !== text)
+            this.#options.input.value = text;
+    }
+    disconnect() {
+        this.#options.input.removeEventListener('input', this.#input);
+        this.#options.input.removeEventListener('keydown', this.#key);
+        this.#options.input.removeEventListener('blur', this.#blur);
+    }
+}
+//# sourceMappingURL=spin-button.js.map

package/dist/spin-button.js.map

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

package/dist/stepper.d.ts

@@ -0,0 +1,24 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result, StableID } from '@sectile/core';
+import type { StepperEvent, StepperState } from '@sectile/core/stepper';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+import { type TabsOptions } from './tabs.js';
+export type StepperOptions<ID extends StableID = StableID> = TabsOptions<ID>;
+export interface StepperConnection<ID extends StableID = StableID> {
+    getSnapshot(): RevisionSnapshot<StepperState<ID>>;
+    syncControlledValues(values: {
+        readonly value?: ID | null;
+        readonly highlightedValue?: ID | null;
+    }): Result<RevisionSnapshot<StepperState<ID>>>;
+    setStepAttributes(element: HTMLElement, attributes: {
+        readonly id: ID;
+        readonly panelID?: string;
+        readonly disabled?: boolean;
+    }): void;
+    setPanelAttributes(element: HTMLElement, id: ID, stepID?: string): void;
+    handleEvent(event: StepperEvent<ID>): boolean;
+    disconnect(): void;
+}
+export declare function createStepper<ID extends StableID>(options: StepperOptions<ID>): FacadeConnection<StepperConnection<ID>>;
+export declare function tryCreateStepper<ID extends StableID>(options: StepperOptions<ID>): Result<FacadeConnection<StepperConnection<ID>>>;
+//# sourceMappingURL=stepper.d.ts.map

package/dist/stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../src/stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAsC,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAEjF,MAAM,MAAM,cAAc,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;AAC7E,MAAM,WAAW,iBAAiB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IAC/D,WAAW,IAAI,gBAAgB,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;IAClD,oBAAoB,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC;QAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,GAAG,IAAI,CAAA;KAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAChJ,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE;QAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAC;QAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IACvI,kBAAkB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxE,WAAW,CAAC,KAAK,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;IAC9C,UAAU,IAAI,IAAI,CAAC;CACpB;AACD,wBAAgB,aAAa,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,cAAc,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAEvH;AAED,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,cAAc,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,CAElI"}

package/dist/stepper.js

@@ -0,0 +1,32 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { tryCreateTabs } from './tabs.js';
+export function createStepper(options) {
+    return unwrap(tryCreateStepper(options));
+}
+export function tryCreateStepper(options) {
+    return createFacadeConnection(options, (options) => tryCreateStepperConnection(options));
+}
+function tryCreateStepperConnection(options) {
+    const result = tryCreateTabs(options);
+    if (!result.ok)
+        return result;
+    options.root.setAttribute('aria-roledescription', 'stepper');
+    return { ok: true, value: wrapStepper(result.value) };
+}
+function wrapStepper(connection) {
+    return Object.freeze({
+        getSnapshot: () => connection.getSnapshot(),
+        syncControlledValues: (values) => connection.syncControlledValues(values),
+        setStepAttributes: (element, attributes) => connection.setItemAttributes(element, attributes),
+        setPanelAttributes: (element, id, stepID) => connection.setPanelAttributes(element, id, stepID),
+        handleEvent: (event) => connection.handleEvent(toTabsEvent(event)),
+        disconnect: () => connection.disconnect(),
+    });
+}
+function toTabsEvent(event) {
+    if (typeof event === 'object')
+        return { type: event.type === 'focus-step' ? 'focus' : 'select', id: event.id };
+    return event === 'next-step' ? 'next' : event === 'previous-step' ? 'previous' : event === 'first-step' ? 'first' : event === 'last-step' ? 'last' : 'activate';
+}
+//# sourceMappingURL=stepper.js.map

package/dist/stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.js","sourceRoot":"","sources":["../src/stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAI9C,OAAO,EAAE,aAAa,EAAyC,MAAM,WAAW,CAAC;AAWjF,MAAM,UAAU,aAAa,CAAsB,OAA2B;IAC5E,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAsB,OAA2B;IAC/E,OAAO,sBAAsB,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,0BAA0B,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3F,CAAC;AAED,SAAS,0BAA0B,CAAsB,OAA2B;IAClF,MAAM,MAAM,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAAC,IAAI,CAAC,MAAM,CAAC,EAAE;QAAE,OAAO,MAAM,CAAC;IACrE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC;IAC7D,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;AACxD,CAAC;AACD,SAAS,WAAW,CAAsB,UAA8B;IACtE,OAAO,MAAM,CAAC,MAAM,CAAC;QACnB,WAAW,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,EAAE;QAC3C,oBAAoB,EAAE,CAAC,MAA6E,EAAE,EAAE,CAAC,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC;QAChJ,iBAAiB,EAAE,CAAC,OAAoB,EAAE,UAAuF,EAAE,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;QACvL,kBAAkB,EAAE,CAAC,OAAoB,EAAE,EAAM,EAAE,MAAe,EAAE,EAAE,CAAC,UAAU,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,EAAE,MAAM,CAAC;QACzH,WAAW,EAAE,CAAC,KAAuB,EAAE,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACpF,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,UAAU,EAAE;KAC1C,CAAC,CAAC;AACL,CAAC;AACD,SAAS,WAAW,CAAsB,KAAuB;IAC/D,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,OAAgB,CAAC,CAAC,CAAC,QAAiB,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;IACjI,OAAO,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,MAAe,CAAC,CAAC,CAAC,KAAK,KAAK,eAAe,CAAC,CAAC,CAAC,UAAmB,CAAC,CAAC,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,OAAgB,CAAC,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,MAAe,CAAC,CAAC,CAAC,UAAmB,CAAC;AAC/M,CAAC"}

package/dist/switch.d.ts

@@ -0,0 +1,16 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result } from '@sectile/core';
+import { type SwitchEvent, type SwitchState } from '@sectile/core/switch';
+import { type DOMCheckedControl } from './internal/checked-control.js';
+export interface SwitchOptions {
+    readonly element: HTMLElement;
+    readonly checked?: boolean;
+    readonly defaultChecked?: boolean;
+    readonly disabled?: boolean;
+    readonly onCheckedChange?: (checked: boolean) => void;
+    readonly onUpdate?: () => void;
+}
+export type SwitchConnection = DOMCheckedControl<SwitchState, SwitchEvent, boolean>;
+export declare function createSwitch(options: SwitchOptions): FacadeConnection<SwitchConnection>;
+export declare function tryCreateSwitch(options: SwitchOptions): Result<FacadeConnection<SwitchConnection>>;
+//# sourceMappingURL=switch.d.ts.map

package/dist/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAAC,OAAO,EAA2D,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAChL,OAAO,EAA2B,KAAK,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAChG,MAAM,WAAW,aAAa;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;AACnP,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,WAAW,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;AACpF,wBAAgB,YAAY,CAAC,OAAO,EAAE,aAAa,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAEvF;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,CAElG"}

package/dist/switch.js

@@ -0,0 +1,12 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { applySwitchEvent, createSwitchState } from '@sectile/core/switch';
+import { createDOMCheckedControl } from './internal/checked-control.js';
+export function createSwitch(options) {
+    return unwrap(tryCreateSwitch(options));
+}
+export function tryCreateSwitch(options) {
+    return createFacadeConnection(options, (options) => tryCreateSwitchConnection(options));
+}
+function tryCreateSwitchConnection(options) { return createDOMCheckedControl({ element: options.element, role: 'switch', attribute: 'aria-checked', controlled: options.checked !== undefined, initial: createSwitchState(options.checked ?? options.defaultChecked ?? false), toggleEvent: 'toggle', reducer: applySwitchEvent, create: createSwitchState, read: (state) => state.checked, format: String, interaction: options, onChange: options.onCheckedChange, onUpdate: options.onUpdate }); }
+//# sourceMappingURL=switch.js.map

package/dist/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../src/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAA0D,MAAM,sBAAsB,CAAC;AAChL,OAAO,EAAE,uBAAuB,EAA0B,MAAM,+BAA+B,CAAC;AAGhG,MAAM,UAAU,YAAY,CAAC,OAAsB;IACjD,OAAO,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,OAAsB;IACpD,OAAO,sBAAsB,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1F,CAAC;AAED,SAAS,yBAAyB,CAAC,OAAsB,IAA8B,OAAO,uBAAuB,CAAmD,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO,CAAC,OAAO,KAAK,SAAS,EAAE,OAAO,EAAE,iBAAiB,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,cAAc,IAAI,KAAK,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,iBAAiB,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/tabs.d.ts

@@ -0,0 +1,55 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result, StableID } from '@sectile/core';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+import { type TabsCommand, type TabsEvent, type TabsPolicies, type TabsState } from '@sectile/core/tabs';
+export interface KeyboardInput {
+    readonly key: string;
+    readonly altKey?: boolean;
+    readonly ctrlKey?: boolean;
+    readonly metaKey?: boolean;
+}
+export type TabsEffect<ID extends StableID = StableID> = {
+    readonly type: 'focus-tab';
+    readonly id: ID;
+} | {
+    readonly type: 'activate-tab';
+    readonly id: ID;
+};
+export interface TabsOptions<ID extends StableID = StableID> {
+    readonly root: HTMLElement;
+    readonly disabled?: boolean;
+    readonly items: readonly ID[];
+    readonly policies?: TabsPolicies<ID>;
+    readonly disabledItems?: readonly ID[];
+    readonly value?: ID | null;
+    readonly defaultValue?: ID | null;
+    readonly highlightedValue?: ID | null;
+    readonly defaultHighlightedValue?: ID | null;
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly label?: string;
+    readonly onValueChange?: (value: ID | null) => void;
+    readonly onHighlightedValueChange?: (value: ID | null) => void;
+    readonly onActivate?: (id: ID) => void;
+    readonly onUpdate?: () => void;
+}
+export interface TabsItemAttributes<ID extends StableID = StableID> {
+    readonly id: ID;
+    readonly panelID?: string;
+    readonly disabled?: boolean;
+}
+export interface TabsConnection<ID extends StableID = StableID> {
+    getSnapshot(): RevisionSnapshot<TabsState<ID>>;
+    syncControlledValues(values: {
+        readonly value?: ID | null;
+        readonly highlightedValue?: ID | null;
+    }): Result<RevisionSnapshot<TabsState<ID>>>;
+    setItemAttributes(element: HTMLElement, attributes: TabsItemAttributes<ID>): void;
+    setPanelAttributes(element: HTMLElement, id: ID, tabID?: string): void;
+    handleEvent(event: TabsEvent<ID>): boolean;
+    disconnect(): void;
+}
+export declare function createTabs<ID extends StableID>(options: TabsOptions<ID>): FacadeConnection<TabsConnection<ID>>;
+export declare function tryCreateTabs<ID extends StableID>(options: TabsOptions<ID>): Result<FacadeConnection<TabsConnection<ID>>>;
+export declare function toTabsEvent<ID extends StableID = StableID>(input: KeyboardInput, orientation?: 'horizontal' | 'vertical'): TabsEvent<ID> | null;
+export declare function toTabsEffect<ID extends StableID>(command: TabsCommand<ID>): TabsEffect<ID>;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/tabs.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,EAAkB,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAC;AAM5B,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,MAAM,UAAU,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IACjD;IAAE,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAA;CAAE,GAC/C;IAAE,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAA;CAAE,CAAC;AAEvD,MAAM,WAAW,WAAW,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IACzD,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,YAAY,CAAC,EAAE,CAAC,CAAC;IACrC,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC;IACvC,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC;IAClC,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,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,kBAAkB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IAChE,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAC;IAChB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,cAAc,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IAC5D,WAAW,IAAI,gBAAgB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/C,oBAAoB,CAAC,MAAM,EAAE;QAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC;QAC3B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC;KACvC,GAAG,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC5C,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,kBAAkB,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IAClF,kBAAkB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvE,WAAW,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;IAC3C,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,QAAQ,EAC5C,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC,GACvB,gBAAgB,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAEtC;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,QAAQ,EAC/C,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC,GACvB,MAAM,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,CAE9C;AA2DD,wBAAgB,WAAW,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,EACxD,KAAK,EAAE,aAAa,EACpB,WAAW,GAAE,YAAY,GAAG,UAAyB,GACpD,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,CAUtB;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,EAAE,CAAC,CAI1F"}

package/dist/tabs.js

@@ -0,0 +1,193 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { createSequence } from '@sectile/core/sequence';
+import { applyTabsEvent, createTabsState, } from '@sectile/core/tabs';
+import { findDelegatedID } from './internal/delegated-event.js';
+import { createDisabledItems } from './internal/disabled-items.js';
+import { createSemanticController } from './internal/semantic-controller.js';
+import { setInteractionAttributes } from './internal/interaction.js';
+export function createTabs(options) {
+    return unwrap(tryCreateTabs(options));
+}
+export function tryCreateTabs(options) {
+    return createFacadeConnection(options, (options) => tryCreateTabsConnection(options));
+}
+function tryCreateTabsConnection(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 = Object.freeze({
+        ...options.policies,
+        eligible: (id) => !disabled.value.has(id) && (suppliedEligibility?.(id) ?? true),
+    });
+    const valueControlled = options.value !== undefined;
+    const highlightControlled = options.highlightedValue !== undefined;
+    const initial = createTabsState(domain.value, {
+        selected: selected(options.value ?? options.defaultValue ?? null),
+        current: options.highlightedValue !== undefined
+            ? options.highlightedValue
+            : options.defaultHighlightedValue ?? null,
+    });
+    const runtime = createSemanticController({
+        interaction: options,
+        initial,
+        reducer: (state, event) => applyTabsEvent(domain.value, state, event, policies),
+        reconcile: (previous, proposed) => createTabsState(domain.value, {
+            selected: valueControlled ? previous.selection.selected : proposed.selection.selected,
+            current: highlightControlled ? previous.cursor.current : proposed.cursor.current,
+        }),
+        notify: (previous, proposed) => {
+            if (previous.selection.selected[0] !== proposed.selection.selected[0]) {
+                options.onValueChange?.(proposed.selection.selected[0] ?? null);
+            }
+            if (previous.cursor.current !== proposed.cursor.current) {
+                options.onHighlightedValueChange?.(proposed.cursor.current);
+            }
+        },
+        toEffect: toTabsEffect,
+    });
+    if (!runtime.ok)
+        return runtime;
+    return {
+        ok: true,
+        value: new DOMTabsConnection(options, domain.value, runtime.value, valueControlled, highlightControlled, disabled.value),
+    };
+}
+export function toTabsEvent(input, orientation = 'horizontal') {
+    if (input.altKey || input.ctrlKey || input.metaKey)
+        return null;
+    if (input.key === 'Home')
+        return 'first';
+    if (input.key === 'End')
+        return 'last';
+    if (input.key === 'Enter' || input.key === ' ')
+        return 'activate';
+    if (orientation === 'horizontal' && input.key === 'ArrowRight')
+        return 'next';
+    if (orientation === 'horizontal' && input.key === 'ArrowLeft')
+        return 'previous';
+    if (orientation === 'vertical' && input.key === 'ArrowDown')
+        return 'next';
+    if (orientation === 'vertical' && input.key === 'ArrowUp')
+        return 'previous';
+    return null;
+}
+export function toTabsEffect(command) {
+    return command.type === 'focus'
+        ? Object.freeze({ type: 'focus-tab', id: command.id })
+        : Object.freeze({ type: 'activate-tab', id: command.id });
+}
+class DOMTabsConnection {
+    #options;
+    #domain;
+    #runtime;
+    #valueControlled;
+    #highlightControlled;
+    #disabledItems;
+    #keydown;
+    #click;
+    constructor(options, domain, runtime, valueControlled, highlightControlled, disabledItems) {
+        this.#options = options;
+        this.#domain = domain;
+        this.#runtime = runtime;
+        this.#valueControlled = valueControlled;
+        this.#highlightControlled = highlightControlled;
+        this.#disabledItems = disabledItems;
+        options.root.setAttribute('role', 'tablist');
+        setInteractionAttributes(options.root, options);
+        options.root.setAttribute('aria-orientation', options.orientation ?? 'horizontal');
+        if (options.label !== undefined)
+            options.root.setAttribute('aria-label', options.label);
+        this.#keydown = (event) => {
+            const semantic = toTabsEvent(event, options.orientation);
+            if (semantic === null)
+                return;
+            event.preventDefault();
+            this.handleEvent(semantic);
+        };
+        this.#click = (event) => {
+            const id = findDelegatedID(event.target, options.root, 'tabsId');
+            if (id !== null)
+                this.handleEvent({ type: 'activate', id: id });
+        };
+        options.root.addEventListener('keydown', this.#keydown);
+        options.root.addEventListener('click', this.#click);
+    }
+    getSnapshot() { return this.#runtime.getSnapshot(); }
+    syncControlledValues(values) {
+        if (this.#valueControlled !== (values.value !== undefined)
+            || this.#highlightControlled !== (values.highlightedValue !== undefined)) {
+            return controlledError('tabs');
+        }
+        const current = this.#runtime.getSnapshot().state;
+        const result = this.#runtime.replace(createTabsState(this.#domain, {
+            selected: this.#valueControlled ? selected(values.value ?? null) : current.selection.selected,
+            current: this.#highlightControlled
+                ? (values.highlightedValue ?? null)
+                : current.cursor.current,
+        }));
+        if (result.ok)
+            this.#options.onUpdate?.();
+        return result;
+    }
+    setItemAttributes(element, attributes) {
+        const state = this.#runtime.getSnapshot().state;
+        const active = state.selection.has(attributes.id);
+        element.dataset['tabsId'] = String(attributes.id);
+        element.setAttribute('role', 'tab');
+        element.setAttribute('aria-selected', String(active));
+        element.tabIndex = state.cursor.current === attributes.id ? 0 : -1;
+        if (attributes.panelID !== undefined)
+            element.setAttribute('aria-controls', attributes.panelID);
+        if (attributes.disabled || this.#disabledItems.has(attributes.id))
+            element.setAttribute('aria-disabled', 'true');
+        else
+            element.removeAttribute('aria-disabled');
+    }
+    setPanelAttributes(element, id, tabID) {
+        element.setAttribute('role', 'tabpanel');
+        element.hidden = !this.#runtime.getSnapshot().state.selection.has(id);
+        if (tabID !== undefined)
+            element.setAttribute('aria-labelledby', tabID);
+    }
+    handleEvent(event) {
+        const result = this.#runtime.handle(event);
+        if (result.ok) {
+            for (const effect of result.commands) {
+                if (effect.type === 'activate-tab')
+                    this.#options.onActivate?.(effect.id);
+            }
+            queueMicrotask(() => focusData(this.#options.root, 'tabsId', result.snapshot.state.cursor.current));
+        }
+        if (result.ok)
+            this.#options.onUpdate?.();
+        return result.ok;
+    }
+    disconnect() {
+        this.#options.root.removeEventListener('keydown', this.#keydown);
+        this.#options.root.removeEventListener('click', this.#click);
+    }
+}
+function selected(value) {
+    return value === null ? [] : [value];
+}
+function focusData(root, key, id) {
+    if (id === null)
+        return;
+    for (const element of root.querySelectorAll(`[data-${key.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`)}]`)) {
+        if (element.dataset[key] === id)
+            element.focus();
+    }
+}
+function controlledError(name) {
+    return { ok: false, error: {
+            class: 'construction',
+            code: 'controlled-shape-mismatch',
+            message: `Controlled ${name} values must preserve their construction-time shape.`,
+        } };
+}
+//# sourceMappingURL=tabs.js.map

package/dist/tabs.js.map

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

package/dist/tags-input.d.ts

@@ -0,0 +1,32 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result } from '@sectile/core';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+import { type TagsInputEvent, type TagsInputPolicies, type TagsInputState } from '@sectile/core/tags-input';
+export interface TagsInputOptions {
+    readonly root: HTMLElement;
+    readonly input: HTMLInputElement;
+    readonly policies?: TagsInputPolicies;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly value?: readonly string[];
+    readonly defaultValue?: readonly string[];
+    readonly inputValue?: string;
+    readonly defaultInputValue?: string;
+    readonly label?: string;
+    readonly onValueChange?: (value: readonly string[]) => void;
+    readonly onInputValueChange?: (value: string) => void;
+    readonly onUpdate?: () => void;
+}
+export interface TagsInputConnection {
+    getSnapshot(): RevisionSnapshot<TagsInputState>;
+    syncControlledValues(values: {
+        readonly value?: readonly string[];
+        readonly inputValue?: string;
+    }): Result<RevisionSnapshot<TagsInputState>>;
+    setTagAttributes(element: HTMLElement, index: number): void;
+    handleEvent(event: TagsInputEvent): boolean;
+    disconnect(): void;
+}
+export declare function createTagsInput(options: TagsInputOptions): FacadeConnection<TagsInputConnection>;
+export declare function tryCreateTagsInput(options: TagsInputOptions): Result<FacadeConnection<TagsInputConnection>>;
+//# sourceMappingURL=tags-input.d.ts.map

package/dist/tags-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags-input.d.ts","sourceRoot":"","sources":["../src/tags-input.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,cAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAI9K,MAAM,WAAW,gBAAgB;IAAG,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE;AAClgB,MAAM,WAAW,mBAAmB;IAAG,WAAW,IAAI,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAAC,oBAAoB,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;QAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAC;IAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,WAAW,CAAC,KAAK,EAAE,cAAc,GAAG,OAAO,CAAC;IAAC,UAAU,IAAI,IAAI,CAAA;CAAE;AACpW,wBAAgB,eAAe,CAAC,OAAO,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAEhG;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAE3G"}