@sectile/dom 0.1.0 → 0.2.1

package/dist/disclosure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"disclosure.d.ts","sourceRoot":"","sources":["../src/disclosure.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,EAEmB,KAAK,eAAe,EAAE,KAAK,eAAe,EACnE,MAAM,0BAA0B,CAAC;AAIlC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AACD,MAAM,WAAW,oBAAoB;IACnC,WAAW,IAAI,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACjD,mBAAmB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;IAC9E,WAAW,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO,CAAC;IAC7C,gBAAgB,IAAI,IAAI,CAAC;IACzB,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"}
+{"version":3,"file":"disclosure.d.ts","sourceRoot":"","sources":["../src/disclosure.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,EAEmB,KAAK,eAAe,EAAE,KAAK,eAAe,EACnE,MAAM,0BAA0B,CAAC;AAIlC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,MAAM,2BAA2B,GAAG,WAAW,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC;AACzF,MAAM,MAAM,uBAAuB,GAAG,WAAW,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC;AACjF,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACjD;AAED,MAAM,MAAM,qCAAqC,GAAG,WAAW,CAAC,2BAA2B,CAAC,cAAc,CAAC,CAAC,CAAC;AAC7G,MAAM,WAAW,oBAAoB;IACnC,WAAW,IAAI,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACjD,mBAAmB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;IAC9E,WAAW,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO,CAAC;CAC9C;AACD,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;CAC3B;AACD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3C,QAAQ,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7C,QAAQ,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7C,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzC,QAAQ,CAAC,eAAe,EAAE,EAAE,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,eAAe,EAAE,EAAE,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,WAAW,EAAE,SAAS,CAAC;CACjC;AACD,MAAM,WAAW,wBAAwB;IAAG,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE;AAClE,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzC,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,WAAW,EAAE,SAAS,CAAC;CACjC;AACD,MAAM,WAAW,oBAAoB;IACnC,WAAW,IAAI,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACjD,mBAAmB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;IAC9E,WAAW,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO,CAAC;IAC7C,gBAAgB,IAAI,IAAI,CAAC;IACzB,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,wBAAgB,0BAA0B,CACxC,OAAO,GAAE,2BAAgC,GACxC,MAAM,CAAC,oBAAoB,CAAC,CAc9B;AAED,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,eAAe,EACtB,OAAO,GAAE,wBAA6B,GACrC,2BAA2B,CAc7B;AAED,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,eAAe,EACtB,OAAO,GAAE,wBAA6B,GACrC,2BAA2B,CAQ7B;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"}

package/dist/disclosure.js

@@ -1,20 +1,14 @@
 import { createFacadeConnection } from './internal/facade.js';
 import { unwrap } from '@sectile/core/result';
-import { applyDisclosureEvent, createDisclosureState, } from '@sectile/core/disclosure';
+import { applyDisclosureEvent, tryCreateDisclosureState, } from '@sectile/core/disclosure';
 import { createSemanticController } from './internal/semantic-controller.js';
 import { setInteractionAttributes } from './internal/interaction.js';
-export function createDisclosure(options) {
-    return unwrap(tryCreateDisclosure(options));
-}
-export function tryCreateDisclosure(options) {
-    return createFacadeConnection(options, (options) => tryCreateDisclosureConnection(options));
-}
-function tryCreateDisclosureConnection(options) {
+export function createDisclosureController(options = {}) {
     const controlled = options.open !== undefined;
     const runtime = createSemanticController({
-        initial: createDisclosureState(options.open ?? options.defaultOpen ?? false),
+        initial: tryCreateDisclosureState(options.open ?? options.defaultOpen ?? false),
         reducer: applyDisclosureEvent,
-        reconcile: (previous, proposed) => createDisclosureState(controlled ? previous.open : proposed.open),
+        reconcile: (previous, proposed) => tryCreateDisclosureState(controlled ? previous.open : proposed.open),
         notify: (previous, proposed) => {
             if (previous.open !== proposed.open)
                 options.onOpenChange?.(proposed.open);
@@ -24,27 +18,65 @@ function tryCreateDisclosureConnection(options) {
     });
     if (!runtime.ok)
         return runtime;
-    return { ok: true, value: new DOMDisclosureConnection(options, runtime.value, controlled) };
+    return { ok: true, value: new DisclosureControllerImpl(runtime.value, controlled) };
+}
+export function getDisclosureTriggerAttributes(state, options = {}) {
+    const disabled = options.disabled ?? false;
+    const readOnly = options.readOnly ?? false;
+    return Object.freeze({
+        'aria-expanded': String(state.open),
+        'aria-controls': options.panelID,
+        'aria-disabled': disabled ? 'true' : undefined,
+        'data-state': state.open ? 'open' : 'closed',
+        'data-disabled': disabled ? '' : undefined,
+        'data-readonly': readOnly ? '' : undefined,
+        disabled: options.native === true ? disabled : undefined,
+        'data-scope': 'disclosure',
+        'data-part': 'trigger',
+    });
+}
+export function getDisclosureContentAttributes(state, options = {}) {
+    return Object.freeze({
+        id: options.id,
+        hidden: !state.open,
+        'data-state': state.open ? 'open' : 'closed',
+        'data-scope': 'disclosure',
+        'data-part': 'content',
+    });
+}
+export function createDisclosure(options) {
+    return unwrap(tryCreateDisclosure(options));
+}
+export function tryCreateDisclosure(options) {
+    return createFacadeConnection(options, (options) => tryCreateDisclosureConnection(options));
+}
+function tryCreateDisclosureConnection(options) {
+    const controller = createDisclosureController({
+        ...(options.open === undefined ? {} : { open: options.open }),
+        ...(options.defaultOpen === undefined ? {} : { defaultOpen: options.defaultOpen }),
+        ...(options.disabled === undefined ? {} : { disabled: options.disabled }),
+        ...(options.readOnly === undefined ? {} : { readOnly: options.readOnly }),
+        ...(options.onOpenChange === undefined ? {} : { onOpenChange: options.onOpenChange }),
+    });
+    if (!controller.ok)
+        return controller;
+    return { ok: true, value: new DOMDisclosureConnection(options, controller.value) };
 }
 class DOMDisclosureConnection {
     #options;
-    #runtime;
-    #controlled;
+    #controller;
     #click;
-    constructor(options, runtime, controlled) {
+    constructor(options, controller) {
         this.#options = options;
-        this.#runtime = runtime;
-        this.#controlled = controlled;
+        this.#controller = controller;
         this.#click = () => { this.handleEvent('toggle'); };
         options.trigger.addEventListener('click', this.#click);
         setInteractionAttributes(options.trigger, options, { native: true });
         this.updateAttributes();
     }
-    getSnapshot() { return this.#runtime.getSnapshot(); }
+    getSnapshot() { return this.#controller.getSnapshot(); }
     syncControlledValue(open) {
-        if (!this.#controlled)
-            return uncontrolled();
-        const result = this.#runtime.replace(createDisclosureState(open));
+        const result = this.#controller.syncControlledValue(open);
         if (result.ok) {
             this.updateAttributes();
             this.#options.onUpdate?.();
@@ -52,23 +84,59 @@ class DOMDisclosureConnection {
         return result;
     }
     handleEvent(event) {
-        const result = this.#runtime.handle(event);
+        const accepted = this.#controller.handleEvent(event);
         this.updateAttributes();
-        if (result.ok)
+        if (accepted)
             this.#options.onUpdate?.();
-        return result.ok;
+        return accepted;
     }
     updateAttributes() {
-        const open = this.#runtime.getSnapshot().state.open;
-        this.#options.trigger.setAttribute('aria-expanded', String(open));
-        if (this.#options.panelID !== undefined)
-            this.#options.trigger.setAttribute('aria-controls', this.#options.panelID);
-        if (this.#options.panel !== undefined)
-            this.#options.panel.hidden = !open;
+        const state = this.#controller.getSnapshot().state;
+        const trigger = getDisclosureTriggerAttributes(state, {
+            ...(this.#options.panelID === undefined ? {} : { panelID: this.#options.panelID }),
+            ...(this.#options.disabled === undefined ? {} : { disabled: this.#options.disabled }),
+            ...(this.#options.readOnly === undefined ? {} : { readOnly: this.#options.readOnly }),
+            native: true,
+        });
+        setOptionalAttribute(this.#options.trigger, 'aria-expanded', trigger['aria-expanded']);
+        setOptionalAttribute(this.#options.trigger, 'aria-controls', trigger['aria-controls']);
+        setOptionalAttribute(this.#options.trigger, 'aria-disabled', trigger['aria-disabled']);
+        setOptionalAttribute(this.#options.trigger, 'data-state', trigger['data-state']);
+        setOptionalAttribute(this.#options.trigger, 'data-disabled', trigger['data-disabled']);
+        setOptionalAttribute(this.#options.trigger, 'data-readonly', trigger['data-readonly']);
+        if (trigger.disabled !== undefined && 'disabled' in this.#options.trigger) {
+            this.#options.trigger.disabled = trigger.disabled;
+        }
+        if (this.#options.panel !== undefined) {
+            const content = getDisclosureContentAttributes(state, {
+                ...(this.#options.panelID === undefined ? {} : { id: this.#options.panelID }),
+            });
+            this.#options.panel.hidden = content.hidden;
+            setOptionalAttribute(this.#options.panel, 'id', content.id);
+            setOptionalAttribute(this.#options.panel, 'data-state', content['data-state']);
+        }
     }
     disconnect() { this.#options.trigger.removeEventListener('click', this.#click); }
 }
-function uncontrolled() {
-    return { ok: false, error: { class: 'construction', code: 'uncontrolled-controller-sync', message: 'An uncontrolled disclosure cannot be synchronized externally.' } };
+class DisclosureControllerImpl {
+    #runtime;
+    #controlled;
+    constructor(runtime, controlled) {
+        this.#runtime = runtime;
+        this.#controlled = controlled;
+    }
+    getSnapshot() { return this.#runtime.getSnapshot(); }
+    syncControlledValue(open) {
+        if (!this.#controlled)
+            return { ok: false, error: { class: 'construction', code: 'uncontrolled-controller-sync', message: 'An uncontrolled disclosure cannot be synchronized externally.' } };
+        return this.#runtime.replace(tryCreateDisclosureState(open));
+    }
+    handleEvent(event) { return this.#runtime.handle(event).ok; }
+}
+function setOptionalAttribute(element, name, value) {
+    if (value === undefined)
+        element.removeAttribute(name);
+    else
+        element.setAttribute(name, value);
 }
 //# sourceMappingURL=disclosure.js.map

package/dist/disclosure.js.map

@@ -1 +1 @@
-{"version":3,"file":"disclosure.js","sourceRoot":"","sources":["../src/disclosure.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,OAAO,EACL,oBAAoB,EAAE,qBAAqB,GAE5C,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,wBAAwB,EAA2B,MAAM,mCAAmC,CAAC;AACtG,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAoBrE,MAAM,UAAU,gBAAgB,CAAC,OAA0B;IACzD,OAAO,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,OAA0B;IAC5D,OAAO,sBAAsB,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,6BAA6B,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9F,CAAC;AAED,SAAS,6BAA6B,CAAC,OAA0B;IAC/D,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,KAAK,SAAS,CAAC;IAC9C,MAAM,OAAO,GAAG,wBAAwB,CAAyE;QAC/G,OAAO,EAAE,qBAAqB,CAAC,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,WAAW,IAAI,KAAK,CAAC;QAC5E,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;QACpG,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE;YAC7B,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI;gBAAE,OAAO,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC7E,CAAC;QACD,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO;QAC9B,WAAW,EAAE,OAAO;KACrB,CAAC,CAAC;IACH,IAAI,CAAC,OAAO,CAAC,EAAE;QAAE,OAAO,OAAO,CAAC;IAChC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,uBAAuB,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,CAAC;AAC9F,CAAC;AAED,MAAM,uBAAuB;IAClB,QAAQ,CAAoB;IAC5B,QAAQ,CAA0E;IAClF,WAAW,CAAU;IACrB,MAAM,CAAa;IAE5B,YACE,OAA0B,EAC1B,OAAgF,EAChF,UAAmB;QAEnB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;QAC9B,IAAI,CAAC,MAAM,GAAG,GAAS,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1D,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACvD,wBAAwB,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QACrE,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IACM,WAAW,KAAwC,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IACxF,mBAAmB,CAAC,IAAa;QACtC,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO,YAAY,EAAE,CAAC;QAC7C,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC;QAClE,IAAI,MAAM,CAAC,EAAE,EAAE,CAAC;YAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;QAAC,CAAC;QACvE,OAAO,MAAM,CAAC;IAChB,CAAC;IACM,WAAW,CAAC,KAAsB;QACvC,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,MAAM,CAAC,EAAE;YAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;QAC1C,OAAO,MAAM,CAAC,EAAE,CAAC;IACnB,CAAC;IACM,gBAAgB;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC;QACpD,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QAClE,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,KAAK,SAAS;YAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACpH,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,SAAS;YAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC;IAC5E,CAAC;IACM,UAAU,KAAW,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;CAC/F;AAED,SAAS,YAAY;IACnB,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,8BAA8B,EAAE,OAAO,EAAE,+DAA+D,EAAE,EAAE,CAAC;AACzK,CAAC"}
+{"version":3,"file":"disclosure.js","sourceRoot":"","sources":["../src/disclosure.ts"],"names":[],"mappings":"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"}

package/dist/editable.d.ts

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

package/dist/editable.d.ts.map

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

package/dist/editable.js

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

package/dist/editable.js.map

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

package/dist/feed.d.ts

@@ -1,23 +1,33 @@
-import { type FacadeConnection } from './internal/facade.js';
 import type { Result, StableID } from '@sectile/core';
 import { type FeedDirection, type FeedEvent, type FeedState } from '@sectile/core/feed';
 import type { RevisionSnapshot } from '@sectile/core/revision';
+import { type FacadeConnection } from './internal/facade.js';
+export type { FeedDirection } from '@sectile/core/feed';
 export interface FeedOptions<ID extends StableID = StableID> {
     readonly root: HTMLElement;
     readonly items: readonly ID[];
     readonly revision?: number;
+    readonly start?: number;
+    readonly total?: number | null;
     readonly defaultHighlightedValue?: ID | null;
     readonly disabled?: boolean;
     readonly label?: string;
     readonly setSize?: number;
     readonly getPosition?: (id: ID) => number;
     readonly onHighlightedValueChange?: (value: ID | null) => void;
-    readonly onRequestWindow?: (direction: FeedDirection, anchor: ID | null, revision: number) => void;
+    readonly onRequestWindow?: (direction: FeedDirection, anchor: ID | null, revision: number, requestGeneration: number) => void;
     readonly onUpdate?: () => void;
 }
+export type FeedPositionResolver<ID extends StableID = StableID> = NonNullable<FeedOptions<ID>['getPosition']>;
+export type FeedHighlightedValueChangeHandler<ID extends StableID = StableID> = NonNullable<FeedOptions<ID>['onHighlightedValueChange']>;
+export type FeedRequestWindowHandler<ID extends StableID = StableID> = NonNullable<FeedOptions<ID>['onRequestWindow']>;
+export type FeedUpdateHandler<ID extends StableID = StableID> = NonNullable<FeedOptions<ID>['onUpdate']>;
 export interface FeedWindow<ID extends StableID = StableID> {
     readonly items: readonly ID[];
     readonly revision: number;
+    readonly requestGeneration?: number;
+    readonly start?: number;
+    readonly total?: number | null;
     readonly highlightedValue?: ID | null;
 }
 export interface FeedConnection<ID extends StableID = StableID> {

package/dist/feed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feed.d.ts","sourceRoot":"","sources":["../src/feed.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAAyE,OAAO,EAAqD,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAAC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1U,MAAM,WAAW,WAAW,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IAAI,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,uBAAuB,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,MAAM,CAAC;IAAC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE;AAAC,MAAM,WAAW,UAAU,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IAAI,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC;IAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,GAAG,IAAI,CAAA;CAAE;AAAC,MAAM,WAAW,cAAc,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IAAI,WAAW,IAAI,gBAAgB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;IAAC,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAAC,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;IAAC,WAAW,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;IAAC,YAAY,IAAI,IAAI,CAAC;IAAC,UAAU,IAAI,IAAI,CAAA;CAAE;AACj/B,wBAAgB,UAAU,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAE9G;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,CAEzH"}
+{"version":3,"file":"feed.d.ts","sourceRoot":"","sources":["../src/feed.ts"],"names":[],"mappings":"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"}

package/dist/feed.js

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