@kerfjs/ui 5.0.0-beta.11 → 5.0.0-beta.110

package/dist/chunk-CEJ5FK6G.js

@@ -0,0 +1,288 @@
+import { resizeRegionFromPointer, clampRegionSize } from './chunk-Y6KT7ZTR.js';
+import { delegate } from 'kerfjs';
+
+var HANDLE_SELECTOR = "[data-kui-resize-handle]";
+var INSET_ATTRIBUTE = "data-handle-inset";
+var REPORTED_ATTRIBUTES = [
+  "aria-valuenow",
+  "aria-valuemin",
+  "aria-valuemax",
+  INSET_ATTRIBUTE
+];
+var HANDLE_OVERHANG = 10;
+function renderedSize(region, handle) {
+  const size = Number.parseFloat(
+    region.style.getPropertyValue("--kui-resizable-region-size")
+  );
+  return Number.isFinite(size) ? size : Number(handle.getAttribute("aria-valuenow"));
+}
+function handleInset(state, size) {
+  return state.max < state.declaredMax && state.max - size < HANDLE_OVERHANG;
+}
+function setInset(region, inset) {
+  if (region.hasAttribute(INSET_ATTRIBUTE) !== inset)
+    region.toggleAttribute(INSET_ATTRIBUTE, inset);
+}
+function setAttributeIfChanged(element, name, value) {
+  if (element.getAttribute(name) !== value) element.setAttribute(name, value);
+}
+function visibleMax(region, axis, min, max) {
+  const property = "--kui-resizable-region-size";
+  const previous = region.style.getPropertyValue(property);
+  region.style.setProperty(property, `${max}px`);
+  const basis = Number.parseFloat(
+    globalThis.getComputedStyle(region).flexBasis
+  );
+  const box = region.getBoundingClientRect();
+  region.style.setProperty(property, previous);
+  const track = axis === "horizontal" ? box.width : box.height;
+  if (!Number.isFinite(basis) || track <= 0 || track >= basis - 0.5) return max;
+  return Math.max(min, Math.min(max, Math.floor(track - (basis - max))));
+}
+function shownSize(region, axis, size) {
+  const basis = Number.parseFloat(
+    globalThis.getComputedStyle(region).flexBasis
+  );
+  const box = region.getBoundingClientRect();
+  const track = axis === "horizontal" ? box.width : box.height;
+  if (!Number.isFinite(basis) || track <= 0 || track >= basis - 0.5)
+    return void 0;
+  return Math.max(0, Math.floor(track - (basis - size)));
+}
+function reported(state) {
+  const { squeezed } = state;
+  return squeezed === void 0 ? { min: state.min, max: state.max, now: state.size } : { min: squeezed, max: squeezed, now: squeezed };
+}
+function pinned(state) {
+  return state.squeezed !== void 0 || state.max <= state.min;
+}
+function applySize(state, size) {
+  const value = `${size}px`;
+  state.region.style.setProperty("--kui-resizable-region-size", value);
+  state.region.style.setProperty("--kui-resizable-region-expanded-size", value);
+  if (state.squeezed === void 0)
+    state.handle.setAttribute("aria-valuenow", String(size));
+  setInset(state.region, handleInset(state, size));
+}
+function wireResizeHandles(root, {
+  step = 16,
+  largeStep = 64,
+  onPreview,
+  onCommit
+}, regionSelector, limit) {
+  const REGION_SELECTOR = regionSelector;
+  let stopPointer;
+  const announced = /* @__PURE__ */ new WeakMap();
+  function regionState(handle) {
+    const region = handle.closest(REGION_SELECTOR);
+    if (!(region instanceof HTMLElement) || !(handle instanceof HTMLElement) || handle.parentElement !== region)
+      return void 0;
+    const id = region.dataset.regionId;
+    const axis = region.dataset.axis;
+    const edge = region.dataset.edge;
+    const valueMin = Number(handle.getAttribute("aria-valuemin"));
+    const valueMax = Number(handle.getAttribute("aria-valuemax"));
+    const remembered = announced.get(handle);
+    const min = remembered?.min === valueMin ? remembered.declaredMin : valueMin;
+    const declaredMax = remembered?.max === valueMax ? remembered.declaredMax : valueMax;
+    const size = renderedSize(region, handle);
+    if (!id || region.dataset.collapsed === "true" || region.dataset.presentation !== "inline" || axis !== "horizontal" && axis !== "vertical" || edge !== "start" && edge !== "end" || !Number.isFinite(min) || !Number.isFinite(declaredMax) || !Number.isFinite(size))
+      return void 0;
+    const shown = shownSize(region, axis, size);
+    const visible = visibleMax(region, axis, min, declaredMax);
+    const max = limit ? Math.max(min, Math.min(visible, limit(region, { min, max: visible }))) : visible;
+    return {
+      region,
+      handle,
+      id,
+      axis,
+      edge,
+      min,
+      declaredMax,
+      max,
+      size: clampRegionSize(size, min, max),
+      squeezed: shown !== void 0 && shown < min ? shown : void 0
+    };
+  }
+  function announce(state) {
+    const inset = handleInset(state, state.size);
+    const { min, max, now } = reported(state);
+    announced.set(state.handle, {
+      declaredMin: state.min,
+      declaredMax: state.declaredMax,
+      min,
+      max,
+      size: now,
+      inset
+    });
+    setAttributeIfChanged(state.handle, "aria-valuemin", String(min));
+    setAttributeIfChanged(state.handle, "aria-valuemax", String(max));
+    setAttributeIfChanged(state.handle, "aria-valuenow", String(now));
+    setInset(state.region, inset);
+  }
+  const handleOf = (region) => region.querySelector(`:scope > ${HANDLE_SELECTOR}`);
+  function sync(region) {
+    if (!region.isConnected || region.dataset.resizing === "true") return;
+    const handle = handleOf(region);
+    const state = handle ? regionState(handle) : void 0;
+    if (state) announce(state);
+  }
+  function reportedByUs(region) {
+    const handle = handleOf(region);
+    const remembered = handle ? announced.get(handle) : void 0;
+    return remembered !== void 0 && handle?.getAttribute("aria-valuemin") === String(remembered.min) && handle.getAttribute("aria-valuemax") === String(remembered.max) && handle.getAttribute("aria-valuenow") === String(remembered.size) && region.hasAttribute(INSET_ATTRIBUTE) === remembered.inset;
+  }
+  const observed = /* @__PURE__ */ new Set();
+  const resizeObserver = typeof ResizeObserver === "function" ? new ResizeObserver((entries) => {
+    const regions = /* @__PURE__ */ new Set();
+    for (const { target } of entries) {
+      if (target.matches(REGION_SELECTOR))
+        regions.add(target);
+      for (const child of target.children)
+        if (child.matches(REGION_SELECTOR))
+          regions.add(child);
+    }
+    for (const region of regions) sync(region);
+  }) : void 0;
+  function observeRegions() {
+    if (!resizeObserver) return;
+    const wanted = /* @__PURE__ */ new Set();
+    for (const region of root.querySelectorAll(REGION_SELECTOR)) {
+      wanted.add(region);
+      wanted.add(region.parentElement);
+    }
+    for (const element of observed)
+      if (!wanted.has(element)) {
+        resizeObserver.unobserve(element);
+        observed.delete(element);
+      }
+    for (const element of wanted)
+      if (!observed.has(element)) {
+        resizeObserver.observe(element);
+        observed.add(element);
+      }
+  }
+  const mutationObserver = new MutationObserver((records) => {
+    const regions = /* @__PURE__ */ new Set();
+    let structural = false;
+    for (const record of records) {
+      if (record.type === "childList") {
+        structural = true;
+        continue;
+      }
+      const target = record.target;
+      const region = target.matches(REGION_SELECTOR) ? target : target.matches(HANDLE_SELECTOR) ? target.parentElement?.matches(REGION_SELECTOR) ? target.parentElement : null : null;
+      if (region && !reportedByUs(region)) regions.add(region);
+    }
+    if (structural) observeRegions();
+    for (const region of regions) sync(region);
+  });
+  mutationObserver.observe(root, {
+    subtree: true,
+    childList: true,
+    attributes: true,
+    attributeFilter: REPORTED_ATTRIBUTES
+  });
+  observeRegions();
+  function commit(state, change) {
+    onCommit(change);
+    const settled = state.handle.isConnected ? regionState(state.handle) : void 0;
+    if (settled) announce(settled);
+  }
+  const stopFocus = delegate(
+    root,
+    "focusin",
+    HANDLE_SELECTOR,
+    (_event, handle) => {
+      const state = regionState(handle);
+      if (state) announce(state);
+    }
+  );
+  const stopKeydown = delegate(
+    root,
+    "keydown",
+    HANDLE_SELECTOR,
+    (event, handle) => {
+      const keyboardEvent = event;
+      const state = regionState(handle);
+      if (!state) return;
+      announce(state);
+      let next;
+      if (keyboardEvent.key === "Home") next = state.min;
+      if (keyboardEvent.key === "End") next = state.max;
+      const increment = keyboardEvent.shiftKey ? largeStep : step;
+      if (state.axis === "horizontal" && keyboardEvent.key === "ArrowLeft")
+        next = resizeRegionFromPointer(state.size, -increment, state.edge);
+      if (state.axis === "horizontal" && keyboardEvent.key === "ArrowRight")
+        next = resizeRegionFromPointer(state.size, increment, state.edge);
+      if (state.axis === "vertical" && keyboardEvent.key === "ArrowUp")
+        next = resizeRegionFromPointer(state.size, -increment, state.edge);
+      if (state.axis === "vertical" && keyboardEvent.key === "ArrowDown")
+        next = resizeRegionFromPointer(state.size, increment, state.edge);
+      if (next === void 0) return;
+      keyboardEvent.preventDefault();
+      if (pinned(state)) return;
+      const size = clampRegionSize(next, state.min, state.max);
+      applySize(state, size);
+      commit(state, { id: state.id, size, source: "keyboard" });
+    }
+  );
+  const stopPointerDown = delegate(
+    root,
+    "pointerdown",
+    HANDLE_SELECTOR,
+    (event, handle) => {
+      const pointerEvent = event;
+      if (pointerEvent.button !== 0) return;
+      const state = regionState(handle);
+      if (!state) return;
+      pointerEvent.preventDefault();
+      announce(state);
+      if (pinned(state)) return;
+      state.handle.setPointerCapture?.(pointerEvent.pointerId);
+      const startCoordinate = state.axis === "horizontal" ? pointerEvent.clientX : pointerEvent.clientY;
+      let next = state.size;
+      const move = (moveEvent) => {
+        const coordinate = state.axis === "horizontal" ? moveEvent.clientX : moveEvent.clientY;
+        next = clampRegionSize(
+          resizeRegionFromPointer(
+            state.size,
+            coordinate - startCoordinate,
+            state.edge
+          ),
+          state.min,
+          state.max
+        );
+        applySize(state, next);
+        onPreview?.({ id: state.id, size: next, source: "pointer" });
+      };
+      const finish = () => {
+        root.removeEventListener("pointermove", move);
+        root.removeEventListener("pointerup", finish);
+        root.removeEventListener("pointercancel", finish);
+        stopPointer = void 0;
+        delete state.region.dataset.resizing;
+        commit(state, { id: state.id, size: next, source: "pointer" });
+      };
+      stopPointer?.();
+      stopPointer = finish;
+      state.region.dataset.resizing = "true";
+      root.addEventListener("pointermove", move);
+      root.addEventListener("pointerup", finish, { once: true });
+      root.addEventListener("pointercancel", finish, { once: true });
+    }
+  );
+  return () => {
+    mutationObserver.disconnect();
+    resizeObserver?.disconnect();
+    observed.clear();
+    stopPointer?.();
+    stopFocus();
+    stopKeydown();
+    stopPointerDown();
+  };
+}
+
+export { wireResizeHandles };
+
+//# sourceMappingURL=chunk-CEJ5FK6G.js.map

package/dist/chunk-CEJ5FK6G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/resizable-region/internal/resize-wiring.ts"],"names":[],"mappings":"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","file":"chunk-CEJ5FK6G.js","sourcesContent":["import { delegate } from 'kerfjs';\n\nimport {\n  clampRegionSize,\n  type ResizableRegionAxis,\n  type ResizableRegionEdge,\n  resizeRegionFromPointer,\n} from '../resizable-region.js';\n\nexport interface ResizeCommit {\n  id: string;\n  size: number;\n  source: 'keyboard' | 'pointer';\n}\n\nexport interface WireResizableRegionsOptions {\n  step?: number;\n  largeStep?: number;\n  onPreview?: (change: ResizeCommit) => void;\n  onCommit: (change: ResizeCommit) => void;\n}\n\ninterface RegionState {\n  region: HTMLElement;\n  handle: HTMLElement;\n  id: string;\n  axis: ResizableRegionAxis;\n  edge: ResizableRegionEdge;\n  /** The rendered `min` prop: every size the wiring commits stays at or above it. */\n  min: number;\n  /** The rendered `max` prop. */\n  declaredMax: number;\n  /** The largest size the region can actually show: `declaredMax`, or less when a parent clamps the track. */\n  max: number;\n  /** The shown size, which a parent clamp can hold below the rendered size. */\n  size: number;\n  /**\n   * The size the track shows when its container squeezes it below `min` (a\n   * narrowing Workbench shrinks its resizable rails), otherwise undefined.\n   */\n  squeezed?: number;\n}\n\n/**\n * A composition-specific bound on a region's size, applied after the parent\n * clamp: given the region and its limits, the largest size it may take. A\n * `Workbench` rail uses it to leave the work area its minimum width.\n */\nexport type ResizeLimit = (\n  region: HTMLElement,\n  limits: { min: number; max: number },\n) => number;\n\nconst HANDLE_SELECTOR = '[data-kui-resize-handle]';\nconst INSET_ATTRIBUTE = 'data-handle-inset';\n/** Attributes a re-render can write back over the reported state. */\nconst REPORTED_ATTRIBUTES = [\n  'aria-valuenow',\n  'aria-valuemin',\n  'aria-valuemax',\n  INSET_ATTRIBUTE,\n];\n/**\n * How far the handle's hit target reaches past the separator (the CSS places\n * the 20px handle at `-10px` on the region's edge).\n */\nconst HANDLE_OVERHANG = 10;\n\n/**\n * The size the region renders or was last resized to. The track's custom\n * property is the source, not aria-valuenow, which reports the shown size and\n * can sit below the rendered size while a parent clamps the track.\n */\nfunction renderedSize(region: HTMLElement, handle: HTMLElement) {\n  const size = Number.parseFloat(\n    region.style.getPropertyValue('--kui-resizable-region-size'),\n  );\n  return Number.isFinite(size)\n    ? size\n    : Number(handle.getAttribute('aria-valuenow'));\n}\n\n/**\n * Whether the handle must sit inside the region. When a parent clamps the\n * track, the separator reaches the parent's edge, where a clipping ancestor\n * (an app shell, a scroll frame) would cut off the half of the hit target\n * and its focus ring that overhang the region. With less room past the\n * separator than that overhang, the region carries `data-handle-inset`, and\n * the CSS moves the handle and its ring inside.\n */\nfunction handleInset(state: RegionState, size: number) {\n  return state.max < state.declaredMax && state.max - size < HANDLE_OVERHANG;\n}\n\nfunction setInset(region: HTMLElement, inset: boolean) {\n  if (region.hasAttribute(INSET_ATTRIBUTE) !== inset)\n    region.toggleAttribute(INSET_ATTRIBUTE, inset);\n}\n\nfunction setAttributeIfChanged(\n  element: HTMLElement,\n  name: string,\n  value: string,\n) {\n  if (element.getAttribute(name) !== value) element.setAttribute(name, value);\n}\n\n/**\n * The largest size a parent lets the region show. The track is\n * `size + edge extent` (its flex basis), but a parent may clamp it (a\n * `max-width: 100%` stage, a narrow container). Probing the track at the\n * declared maximum for one synchronous layout read measures how much of that\n * size is visible; the probe is restored before anything paints. Without\n * layout (no box yet, or an `auto` basis under a responsive fill) the declared\n * maximum stands.\n */\nfunction visibleMax(\n  region: HTMLElement,\n  axis: ResizableRegionAxis,\n  min: number,\n  max: number,\n) {\n  const property = '--kui-resizable-region-size';\n  const previous = region.style.getPropertyValue(property);\n  region.style.setProperty(property, `${max}px`);\n  const basis = Number.parseFloat(\n    globalThis.getComputedStyle(region).flexBasis,\n  );\n  const box = region.getBoundingClientRect();\n  region.style.setProperty(property, previous);\n  const track = axis === 'horizontal' ? box.width : box.height;\n  if (!Number.isFinite(basis) || track <= 0 || track >= basis - 0.5) return max;\n  return Math.max(min, Math.min(max, Math.floor(track - (basis - max))));\n}\n\n/**\n * The size the track shows at its rendered size, when that is less than the\n * rendered size: a container that lets the region shrink (a narrowing\n * Workbench squeezes its resizable rails in proportion) can show it below its\n * own minimum. Undefined without layout or when the whole size shows.\n */\nfunction shownSize(\n  region: HTMLElement,\n  axis: ResizableRegionAxis,\n  size: number,\n) {\n  const basis = Number.parseFloat(\n    globalThis.getComputedStyle(region).flexBasis,\n  );\n  const box = region.getBoundingClientRect();\n  const track = axis === 'horizontal' ? box.width : box.height;\n  if (!Number.isFinite(basis) || track <= 0 || track >= basis - 0.5)\n    return undefined;\n  return Math.max(0, Math.floor(track - (basis - size)));\n}\n\n/**\n * The separator's reported range and value. A squeezed region reports the\n * size it actually shows as its value and pins its minimum and maximum there:\n * WAI-ARIA requires the value to sit inside the range, and the separator\n * cannot move a track its container holds below the minimum. The configured\n * limits still bound every size the wiring commits.\n */\nfunction reported(state: RegionState) {\n  const { squeezed } = state;\n  return squeezed === undefined\n    ? { min: state.min, max: state.max, now: state.size }\n    : { min: squeezed, max: squeezed, now: squeezed };\n}\n\n/**\n * Whether the separator cannot move its region: the container squeezes the\n * track below its minimum, or the visible range has collapsed to a single\n * size. A pinned separator commits nothing, so a key press or drag never\n * overwrites the app's remembered size (and its storage) with the limit.\n */\nfunction pinned(state: RegionState) {\n  return state.squeezed !== undefined || state.max <= state.min;\n}\n\n/**\n * Apply a live size to an expanded region before the app commits it. The\n * collapse-motion content keeps a fixed width from the expanded size so its\n * slide reads as a slide, not a squeeze; it has to follow the live size too, or\n * the content stays at the previous width until the app re-renders.\n */\nfunction applySize(state: RegionState, size: number) {\n  const value = `${size}px`;\n  state.region.style.setProperty('--kui-resizable-region-size', value);\n  state.region.style.setProperty('--kui-resizable-region-expanded-size', value);\n  // A squeezed region's container holds it where it is, so its reported\n  // value stays the squeezed size.\n  if (state.squeezed === undefined)\n    state.handle.setAttribute('aria-valuenow', String(size));\n  setInset(state.region, handleInset(state, size));\n}\n\n/**\n * Wire pointer and separator-keyboard behavior for every resizable region\n * below root that matches `regionSelector`. A region carries `data-region-id`,\n * `data-axis`, `data-edge`, `data-collapsed`, and `data-presentation`, sizes\n * its track from `--kui-resizable-region-size`, and owns its separator handle\n * as a direct child. `ResizableRegion` renders that contract, and so does a\n * resizable `Workbench` panel; each public wire passes the selector for the\n * regions it owns, so two wires never drive the same handle. An optional\n * `limit` tightens each region's maximum for its composition.\n */\nexport function wireResizeHandles(\n  root: HTMLElement,\n  {\n    step = 16,\n    largeStep = 64,\n    onPreview,\n    onCommit,\n  }: WireResizableRegionsOptions,\n  regionSelector: string,\n  limit?: ResizeLimit,\n) {\n  const REGION_SELECTOR = regionSelector;\n  let stopPointer: (() => void) | undefined;\n  // The handle announces its visible maximum in aria-valuemax, which hides the\n  // rendered `max` prop. Remember it per handle; a re-render that writes a\n  // different aria-valuemax than the one announced here supersedes it.\n  const announced = new WeakMap<\n    HTMLElement,\n    {\n      declaredMin: number;\n      declaredMax: number;\n      min: number;\n      max: number;\n      size: number;\n      inset: boolean;\n    }\n  >();\n\n  function regionState(handle: Element): RegionState | undefined {\n    const region = handle.closest<HTMLElement>(REGION_SELECTOR);\n    // A handle belongs only to the region it is a direct child of: a region of\n    // another kind that merely contains it (a Workbench panel around a nested\n    // ResizableRegion, or the reverse) is not the handle's region.\n    if (\n      !(region instanceof HTMLElement) ||\n      !(handle instanceof HTMLElement) ||\n      handle.parentElement !== region\n    )\n      return undefined;\n    const id = region.dataset.regionId;\n    const axis = region.dataset.axis;\n    const edge = region.dataset.edge;\n    const valueMin = Number(handle.getAttribute('aria-valuemin'));\n    const valueMax = Number(handle.getAttribute('aria-valuemax'));\n    const remembered = announced.get(handle);\n    // A squeezed region reports a lowered minimum; the rendered one stands\n    // until a re-render writes a different value.\n    const min =\n      remembered?.min === valueMin ? remembered.declaredMin : valueMin;\n    const declaredMax =\n      remembered?.max === valueMax ? remembered.declaredMax : valueMax;\n    const size = renderedSize(region, handle);\n    if (\n      !id ||\n      region.dataset.collapsed === 'true' ||\n      region.dataset.presentation !== 'inline' ||\n      (axis !== 'horizontal' && axis !== 'vertical') ||\n      (edge !== 'start' && edge !== 'end') ||\n      !Number.isFinite(min) ||\n      !Number.isFinite(declaredMax) ||\n      !Number.isFinite(size)\n    )\n      return undefined;\n    // The shown size is read before the probe, from the layout already in\n    // place, so the probe stays the one forced layout.\n    const shown = shownSize(region, axis, size);\n    const visible = visibleMax(region, axis, min, declaredMax);\n    // A composition bound never takes a region below its own minimum.\n    const max = limit\n      ? Math.max(min, Math.min(visible, limit(region, { min, max: visible })))\n      : visible;\n    return {\n      region,\n      handle,\n      id,\n      axis,\n      edge,\n      min,\n      declaredMax,\n      max,\n      size: clampRegionSize(size, min, max),\n      squeezed: shown !== undefined && shown < min ? shown : undefined,\n    };\n  }\n\n  /**\n   * Report what is shown: the visible maximum and the shown size, or the\n   * squeezed size a container holds the region at. Nothing is committed — the\n   * app's size stays its own until the user resizes.\n   */\n  function announce(state: RegionState) {\n    const inset = handleInset(state, state.size);\n    const { min, max, now } = reported(state);\n    announced.set(state.handle, {\n      declaredMin: state.min,\n      declaredMax: state.declaredMax,\n      min,\n      max,\n      size: now,\n      inset,\n    });\n    // Unchanged values are not rewritten, so the observer below never sees\n    // its own report as a re-render.\n    setAttributeIfChanged(state.handle, 'aria-valuemin', String(min));\n    setAttributeIfChanged(state.handle, 'aria-valuemax', String(max));\n    setAttributeIfChanged(state.handle, 'aria-valuenow', String(now));\n    setInset(state.region, inset);\n  }\n\n  const handleOf = (region: HTMLElement) =>\n    region.querySelector<HTMLElement>(`:scope > ${HANDLE_SELECTOR}`);\n\n  /** Re-measure a region at rest and report what it shows. */\n  function sync(region: HTMLElement) {\n    if (!region.isConnected || region.dataset.resizing === 'true') return;\n    const handle = handleOf(region);\n    const state = handle ? regionState(handle) : undefined;\n    if (state) announce(state);\n  }\n\n  /** Whether the region still shows the state this wiring last reported. */\n  function reportedByUs(region: HTMLElement) {\n    const handle = handleOf(region);\n    const remembered = handle ? announced.get(handle) : undefined;\n    return (\n      remembered !== undefined &&\n      handle?.getAttribute('aria-valuemin') === String(remembered.min) &&\n      handle.getAttribute('aria-valuemax') === String(remembered.max) &&\n      handle.getAttribute('aria-valuenow') === String(remembered.size) &&\n      region.hasAttribute(INSET_ATTRIBUTE) === remembered.inset\n    );\n  }\n\n  // Keep the reported values current without a focus or an interaction.\n  // A ResizeObserver on every region and its parent re-measures when the\n  // space changes (a narrowed viewport, a parent that grows back); a\n  // MutationObserver catches a re-render that writes the rendered props back\n  // over the reported values, and regions a re-render adds or removes. Both\n  // measure once per affected region per batch, after layout or in a\n  // microtask, never per frame.\n  const observed = new Set<Element>();\n  const resizeObserver =\n    typeof ResizeObserver === 'function'\n      ? new ResizeObserver((entries) => {\n          const regions = new Set<HTMLElement>();\n          for (const { target } of entries) {\n            if (target.matches(REGION_SELECTOR))\n              regions.add(target as HTMLElement);\n            for (const child of target.children)\n              if (child.matches(REGION_SELECTOR))\n                regions.add(child as HTMLElement);\n          }\n          for (const region of regions) sync(region);\n        })\n      : undefined;\n\n  /** Observe every region below root and its parent; release the rest. */\n  function observeRegions() {\n    if (!resizeObserver) return;\n    const wanted = new Set<Element>();\n    for (const region of root.querySelectorAll(REGION_SELECTOR)) {\n      wanted.add(region);\n      // A region found below root always has a parent element.\n      wanted.add(region.parentElement as Element);\n    }\n    for (const element of observed)\n      if (!wanted.has(element)) {\n        resizeObserver.unobserve(element);\n        observed.delete(element);\n      }\n    for (const element of wanted)\n      if (!observed.has(element)) {\n        resizeObserver.observe(element);\n        observed.add(element);\n      }\n  }\n\n  const mutationObserver = new MutationObserver((records) => {\n    const regions = new Set<HTMLElement>();\n    let structural = false;\n    for (const record of records) {\n      if (record.type === 'childList') {\n        structural = true;\n        continue;\n      }\n      const target = record.target as HTMLElement;\n      const region = target.matches(REGION_SELECTOR)\n        ? target\n        : target.matches(HANDLE_SELECTOR)\n          ? target.parentElement?.matches(REGION_SELECTOR)\n            ? target.parentElement\n            : null\n          : null;\n      if (region && !reportedByUs(region)) regions.add(region);\n    }\n    // Newly observed regions are measured by the ResizeObserver's first\n    // notification.\n    if (structural) observeRegions();\n    for (const region of regions) sync(region);\n  });\n  mutationObserver.observe(root, {\n    subtree: true,\n    childList: true,\n    attributes: true,\n    attributeFilter: REPORTED_ATTRIBUTES,\n  });\n  observeRegions();\n\n  /**\n   * Commit a size, then re-announce: an app that re-renders the committed\n   * size synchronously writes the rendered `max` prop back to aria-valuemax.\n   */\n  function commit(state: RegionState, change: ResizeCommit) {\n    onCommit(change);\n    const settled = state.handle.isConnected\n      ? regionState(state.handle)\n      : undefined;\n    if (settled) announce(settled);\n  }\n\n  const stopFocus = delegate(\n    root,\n    'focusin',\n    HANDLE_SELECTOR,\n    (_event, handle) => {\n      const state = regionState(handle);\n      if (state) announce(state);\n    },\n  );\n\n  const stopKeydown = delegate(\n    root,\n    'keydown',\n    HANDLE_SELECTOR,\n    (event, handle) => {\n      const keyboardEvent = event as KeyboardEvent;\n      const state = regionState(handle);\n      if (!state) return;\n      announce(state);\n      let next: number | undefined;\n      if (keyboardEvent.key === 'Home') next = state.min;\n      if (keyboardEvent.key === 'End') next = state.max;\n      const increment = keyboardEvent.shiftKey ? largeStep : step;\n      if (state.axis === 'horizontal' && keyboardEvent.key === 'ArrowLeft')\n        next = resizeRegionFromPointer(state.size, -increment, state.edge);\n      if (state.axis === 'horizontal' && keyboardEvent.key === 'ArrowRight')\n        next = resizeRegionFromPointer(state.size, increment, state.edge);\n      if (state.axis === 'vertical' && keyboardEvent.key === 'ArrowUp')\n        next = resizeRegionFromPointer(state.size, -increment, state.edge);\n      if (state.axis === 'vertical' && keyboardEvent.key === 'ArrowDown')\n        next = resizeRegionFromPointer(state.size, increment, state.edge);\n      if (next === undefined) return;\n      keyboardEvent.preventDefault();\n      if (pinned(state)) return;\n      const size = clampRegionSize(next, state.min, state.max);\n      applySize(state, size);\n      commit(state, { id: state.id, size, source: 'keyboard' });\n    },\n  );\n\n  const stopPointerDown = delegate(\n    root,\n    'pointerdown',\n    HANDLE_SELECTOR,\n    (event, handle) => {\n      const pointerEvent = event as PointerEvent;\n      if (pointerEvent.button !== 0) return;\n      const state = regionState(handle);\n      if (!state) return;\n      pointerEvent.preventDefault();\n      announce(state);\n      if (pinned(state)) return;\n      state.handle.setPointerCapture?.(pointerEvent.pointerId);\n      const startCoordinate =\n        state.axis === 'horizontal'\n          ? pointerEvent.clientX\n          : pointerEvent.clientY;\n      let next = state.size;\n      const move = (moveEvent: PointerEvent) => {\n        const coordinate =\n          state.axis === 'horizontal' ? moveEvent.clientX : moveEvent.clientY;\n        next = clampRegionSize(\n          resizeRegionFromPointer(\n            state.size,\n            coordinate - startCoordinate,\n            state.edge,\n          ),\n          state.min,\n          state.max,\n        );\n        applySize(state, next);\n        onPreview?.({ id: state.id, size: next, source: 'pointer' });\n      };\n      const finish = () => {\n        root.removeEventListener('pointermove', move);\n        root.removeEventListener('pointerup', finish);\n        root.removeEventListener('pointercancel', finish);\n        stopPointer = undefined;\n        delete state.region.dataset.resizing;\n        commit(state, { id: state.id, size: next, source: 'pointer' });\n      };\n      stopPointer?.();\n      stopPointer = finish;\n      state.region.dataset.resizing = 'true';\n      root.addEventListener('pointermove', move);\n      root.addEventListener('pointerup', finish, { once: true });\n      root.addEventListener('pointercancel', finish, { once: true });\n    },\n  );\n\n  return () => {\n    mutationObserver.disconnect();\n    resizeObserver?.disconnect();\n    observed.clear();\n    stopPointer?.();\n    stopFocus();\n    stopKeydown();\n    stopPointerDown();\n  };\n}\n"]}

package/dist/chunk-CIAUILRR.js

@@ -0,0 +1,222 @@
+import { signal, computed, batch } from 'kerfjs';
+
+// src/components/forms/search-field/model/search-field-model.ts
+var escapePattern = (text) => text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+var quote = (text) => /[\s()"\\]/.test(text) ? `"${text.replaceAll("\\", "\\\\").replaceAll('"', '\\"')}"` : text;
+var unquote = (text) => text.startsWith('"') && text.endsWith('"') ? text.slice(1, -1).replace(/\\(["\\])/g, "$1") : text;
+function createSearchFieldModel({
+  rules = [],
+  initial = { query: "", tokens: [] },
+  evaluate,
+  onSubmit
+} = {}) {
+  const byName = new Map(rules.map((rule) => [rule.name.toLowerCase(), rule]));
+  if (byName.size !== rules.length || rules.some((rule) => !/^[\w-]+$/.test(rule.name)))
+    throw new Error("Search field rule names must be unique words");
+  const names = [...byName.keys()].map(escapePattern).join("|");
+  const pattern = names ? new RegExp(
+    `(?:^|[\\s(])((?:${names}):(?:"(?:\\\\.|[^"])*"|[^"\\s()][^\\s()]*))(?=$|[\\s)])`,
+    "gi"
+  ) : void 0;
+  const activePattern = names ? new RegExp(
+    `(?:^|[\\s(])((?:${names}):(?:"(?:\\\\.|[^"])*|[^\\s()]*))$`,
+    "i"
+  ) : void 0;
+  const resolve = (raw, offset) => {
+    const separator = raw.indexOf(":");
+    const kind = raw.slice(0, separator).toLowerCase();
+    const rule = byName.get(kind);
+    if (!rule || separator < 0) return;
+    const input = unquote(raw.slice(separator + 1));
+    if (!input) return;
+    const parsedValue = rule.parse ? rule.parse(input) : input;
+    if (parsedValue === void 0) return;
+    return {
+      kind,
+      parsedValue,
+      value: `${kind}:${quote(input)}`,
+      label: rule.label?.(parsedValue, input) ?? `${kind}:${input}`,
+      offset
+    };
+  };
+  const rehydrate = (token) => {
+    const resolved = resolve(token.value, token.offset ?? 0);
+    return resolved ? { ...resolved, ...token } : void 0;
+  };
+  const state = signal({
+    query: initial.query,
+    tokens: initial.tokens.flatMap((token) => {
+      const resolved = rehydrate(token);
+      return resolved ? [resolved] : [];
+    })
+  });
+  const editorRevision = signal(0);
+  let lastStructure;
+  const structure = computed(() => {
+    const { query, tokens } = state.value;
+    const next = {
+      hasQuery: query.length > 0,
+      tokenValues: tokens.map((token) => token.value),
+      editorRevision: editorRevision.value
+    };
+    if (lastStructure?.hasQuery === next.hasQuery && lastStructure.editorRevision === next.editorRevision && lastStructure.tokenValues.length === next.tokenValues.length && lastStructure.tokenValues.every(
+      (value, index) => value === next.tokenValues[index]
+    ))
+      return lastStructure;
+    return lastStructure = next;
+  });
+  const suggestions = signal([]);
+  const result = signal(evaluate?.(state.peek()));
+  let activeStart;
+  let activeRule;
+  const refreshSuggestions = () => {
+    const match = activePattern?.exec(state.peek().query);
+    const raw = match?.[1];
+    const separator = raw?.indexOf(":") ?? -1;
+    const rule = separator < 0 ? void 0 : byName.get(raw.slice(0, separator).toLowerCase());
+    activeRule = rule;
+    const input = separator < 0 ? "" : unquote(raw.slice(separator + 1));
+    activeStart = match && raw ? match.index + match[0].lastIndexOf(raw) : void 0;
+    const next = (rule?.suggest?.(input, state.peek()) ?? []).flatMap(
+      (candidate) => {
+        const value = typeof candidate === "string" ? candidate : candidate.value;
+        const token = resolve(`${rule.name}:${quote(value)}`, 0);
+        return token ? [
+          {
+            value: token.value,
+            label: typeof candidate === "string" ? token.label : candidate.label
+          }
+        ] : [];
+      }
+    );
+    const current = suggestions.peek();
+    if (next.length !== current.length || next.some(
+      (suggestion, index) => suggestion.value !== current[index].value || suggestion.label !== current[index].label
+    ))
+      suggestions.value = next;
+  };
+  const publish = (next) => batch(() => {
+    state.value = next;
+    result.value = evaluate?.(next);
+    refreshSuggestions();
+  });
+  refreshSuggestions();
+  const edit = (value, commit2 = false) => {
+    let query = "";
+    let cursor = 0;
+    const added = [];
+    const removed = [];
+    for (const match of value.query.matchAll(pattern ?? /(?!) /g)) {
+      const raw = match[1];
+      const start = match.index + match[0].lastIndexOf(raw);
+      const end = start + raw.length;
+      if (end === value.query.length && !commit2 && !/\s$/.test(value.query))
+        continue;
+      const token = resolve(raw, query.length + start - cursor);
+      if (!token) continue;
+      query += value.query.slice(cursor, start);
+      token.offset = query.length;
+      added.push(token);
+      removed.push({ start, end });
+      cursor = end;
+    }
+    const suffix = value.query.slice(cursor);
+    query += added.length && /^\s+$/.test(suffix) ? "" : suffix;
+    const existing = value.tokens.flatMap((token) => {
+      const resolved = rehydrate(token);
+      if (!resolved) return [];
+      const offset = token.offset ?? value.query.length;
+      return [
+        {
+          ...resolved,
+          offset: offset - removed.reduce(
+            (total, range) => total + Math.max(0, Math.min(offset, range.end) - range.start),
+            0
+          )
+        }
+      ];
+    });
+    const tokens = [...existing, ...added].sort(
+      (left, right) => (left.offset ?? 0) - (right.offset ?? 0)
+    );
+    publish({ query, tokens });
+  };
+  const commitResolved = (token) => {
+    if (!token || activeStart === void 0) return;
+    const query = state.peek().query.slice(0, activeStart);
+    publish({ query, tokens: [...state.peek().tokens, token] });
+  };
+  const choose = (value) => {
+    if (activeStart === void 0 || !suggestions.peek().some((suggestion) => suggestion.value === value))
+      return;
+    commitResolved(resolve(value, activeStart));
+  };
+  const commit = (value) => {
+    if (!activeRule || activeStart === void 0) return;
+    commitResolved(resolve(`${activeRule.name}:${quote(value)}`, activeStart));
+  };
+  return {
+    state,
+    editorRevision,
+    structure,
+    suggestions,
+    result,
+    edit,
+    replace(value) {
+      batch(() => {
+        edit(value);
+        editorRevision.value = editorRevision.peek() + 1;
+      });
+    },
+    submit(value) {
+      edit(value, true);
+      onSubmit?.(state.peek(), result.peek());
+    },
+    choose,
+    commit,
+    expandToken(value) {
+      const index = state.peek().tokens.findIndex((token) => token.value === value);
+      if (index < 0) return;
+      const offset = Math.max(
+        0,
+        Math.min(
+          state.peek().query.length,
+          state.peek().tokens[index].offset ?? state.peek().query.length
+        )
+      );
+      const insertion = `${value} `;
+      publish({
+        query: `${state.peek().query.slice(0, offset)}${insertion}${state.peek().query.slice(offset)}`,
+        tokens: state.peek().tokens.flatMap(
+          (token, at) => at === index ? [] : [
+            {
+              ...token,
+              offset: (token.offset ?? 0) + (at > index ? insertion.length : 0)
+            }
+          ]
+        )
+      });
+    },
+    remove(value) {
+      const index = state.peek().tokens.findIndex((token) => token.value === value);
+      if (index < 0) return;
+      publish({
+        ...state.peek(),
+        tokens: state.peek().tokens.filter((_, at) => at !== index)
+      });
+    },
+    clear() {
+      batch(() => {
+        publish({ query: "", tokens: [] });
+        editorRevision.value = editorRevision.peek() + 1;
+      });
+    },
+    dismiss() {
+      if (suggestions.peek().length > 0) suggestions.value = [];
+    }
+  };
+}
+
+export { createSearchFieldModel };
+
+//# sourceMappingURL=chunk-CIAUILRR.js.map

package/dist/chunk-CIAUILRR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/search-field/model/search-field-model.ts"],"names":["commit"],"mappings":"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","file":"chunk-CIAUILRR.js","sourcesContent":["import {\n  batch,\n  computed,\n  type ReadonlySignal,\n  type Signal,\n  signal,\n} from 'kerfjs';\n\nimport type { SearchFieldToken, SearchFieldValue } from '../search-field.js';\n\nexport interface SearchFieldRule {\n  /** The word before `:` (for example `tag` or `status`). */\n  name: string;\n  /** Return a canonical value, or undefined to leave invalid input as text. */\n  parse?: (input: string) => string | undefined;\n  /** Label for a committed chip. Defaults to `name:input`. */\n  label?: (value: string, input: string) => string;\n  /** Suggestions for the unfinished value after `name:`, with current committed tokens. */\n  suggest?: (\n    input: string,\n    state: SearchFieldState,\n  ) => readonly (string | { value: string; label: string })[];\n}\n\nexport interface SearchFieldResolvedToken extends SearchFieldToken {\n  kind: string;\n  parsedValue: string;\n}\n\nexport interface SearchFieldState {\n  query: string;\n  tokens: SearchFieldResolvedToken[];\n}\n\nexport interface SearchFieldSuggestion {\n  value: string;\n  label: string;\n}\n\n/**\n * The render-relevant shape of a managed field: everything a host render\n * needs to re-run for. Plain text edits do not change it.\n */\nexport interface SearchFieldStructure {\n  /** Whether the free text is non-empty (drives clear, placeholder, and collapsed state). */\n  hasQuery: boolean;\n  /** Committed token values in editor order. */\n  tokenValues: readonly string[];\n  /** The model's editor revision (programmatic text replacement). */\n  editorRevision: number;\n}\n\nexport interface SearchFieldModel<Result = unknown> {\n  /**\n   * The live query and tokens. Changes on every keystroke: read it with\n   * `.peek()` (or in an event handler) to avoid subscribing a render per key.\n   */\n  state: Signal<SearchFieldState>;\n  /** Changes when a model action must replace DOM-owned editor text. */\n  editorRevision: Signal<number>;\n  /**\n   * Changes only on structural edits (a token committed, removed, or\n   * reordered; the text becoming empty or non-empty; an editor revision), and\n   * keeps the same reference otherwise. `SearchField` subscribes to this\n   * instead of `state`, so typing does not re-run the host render.\n   */\n  structure: ReadonlySignal<SearchFieldStructure>;\n  /** Visible suggestions. Publishes only when the list's content changes. */\n  suggestions: Signal<readonly SearchFieldSuggestion[]>;\n  result: Signal<Result | undefined>;\n  edit(value: SearchFieldValue, commit?: boolean): void;\n  /** Replace app-owned search state and rebuild the DOM-owned editor text. */\n  replace(value: SearchFieldValue): void;\n  submit(value: SearchFieldValue): void;\n  choose(value: string): void;\n  /** Commit a value for the active `name:` prefix, even when it is not suggested. */\n  commit(value: string): void;\n  expandToken(value: string): void;\n  remove(value: string): void;\n  clear(): void;\n  dismiss(): void;\n}\n\nexport interface SearchFieldModelOptions<Result> {\n  rules?: readonly SearchFieldRule[];\n  initial?: SearchFieldValue;\n  /** Runs after every state change, including initial state. */\n  evaluate?: (state: SearchFieldState) => Result;\n  onSubmit?: (state: SearchFieldState, result: Result | undefined) => void;\n}\n\nconst escapePattern = (text: string) =>\n  text.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\nconst quote = (text: string) =>\n  /[\\s()\"\\\\]/.test(text)\n    ? `\"${text.replaceAll('\\\\', '\\\\\\\\').replaceAll('\"', '\\\\\"')}\"`\n    : text;\nconst unquote = (text: string) =>\n  text.startsWith('\"') && text.endsWith('\"')\n    ? text.slice(1, -1).replace(/\\\\([\"\\\\])/g, '$1')\n    : text;\n\n/** Opt-in state, token parsing, suggestions, and evaluation for SearchField. */\nexport function createSearchFieldModel<Result = unknown>({\n  rules = [],\n  initial = { query: '', tokens: [] },\n  evaluate,\n  onSubmit,\n}: SearchFieldModelOptions<Result> = {}): SearchFieldModel<Result> {\n  const byName = new Map(rules.map((rule) => [rule.name.toLowerCase(), rule]));\n  if (\n    byName.size !== rules.length ||\n    rules.some((rule) => !/^[\\w-]+$/.test(rule.name))\n  )\n    throw new Error('Search field rule names must be unique words');\n  const names = [...byName.keys()].map(escapePattern).join('|');\n  const pattern = names\n    ? new RegExp(\n        `(?:^|[\\\\s(])((?:${names}):(?:\"(?:\\\\\\\\.|[^\"])*\"|[^\"\\\\s()][^\\\\s()]*))(?=$|[\\\\s)])`,\n        'gi',\n      )\n    : undefined;\n  const activePattern = names\n    ? new RegExp(\n        `(?:^|[\\\\s(])((?:${names}):(?:\"(?:\\\\\\\\.|[^\"])*|[^\\\\s()]*))$`,\n        'i',\n      )\n    : undefined;\n\n  const resolve = (\n    raw: string,\n    offset: number,\n  ): SearchFieldResolvedToken | undefined => {\n    const separator = raw.indexOf(':');\n    const kind = raw.slice(0, separator).toLowerCase();\n    const rule = byName.get(kind);\n    if (!rule || separator < 0) return;\n    const input = unquote(raw.slice(separator + 1));\n    if (!input) return;\n    const parsedValue = rule.parse ? rule.parse(input) : input;\n    if (parsedValue === undefined) return;\n    return {\n      kind,\n      parsedValue,\n      value: `${kind}:${quote(input)}`,\n      label: rule.label?.(parsedValue, input) ?? `${kind}:${input}`,\n      offset,\n    };\n  };\n\n  const rehydrate = (\n    token: SearchFieldToken,\n  ): SearchFieldResolvedToken | undefined => {\n    const resolved = resolve(token.value, token.offset ?? 0);\n    return resolved ? { ...resolved, ...token } : undefined;\n  };\n\n  const state = signal<SearchFieldState>({\n    query: initial.query,\n    tokens: initial.tokens.flatMap((token) => {\n      const resolved = rehydrate(token);\n      return resolved ? [resolved] : [];\n    }),\n  });\n  const editorRevision = signal(0);\n  let lastStructure: SearchFieldStructure | undefined;\n  const structure = computed<SearchFieldStructure>(() => {\n    const { query, tokens } = state.value;\n    const next: SearchFieldStructure = {\n      hasQuery: query.length > 0,\n      tokenValues: tokens.map((token) => token.value),\n      editorRevision: editorRevision.value,\n    };\n    if (\n      lastStructure?.hasQuery === next.hasQuery &&\n      lastStructure.editorRevision === next.editorRevision &&\n      lastStructure.tokenValues.length === next.tokenValues.length &&\n      lastStructure.tokenValues.every(\n        (value, index) => value === next.tokenValues[index],\n      )\n    )\n      return lastStructure;\n    return (lastStructure = next);\n  });\n  const suggestions = signal<readonly SearchFieldSuggestion[]>([]);\n  const result = signal<Result | undefined>(evaluate?.(state.peek()));\n  let activeStart: number | undefined;\n  let activeRule: SearchFieldRule | undefined;\n\n  const refreshSuggestions = () => {\n    const match = activePattern?.exec(state.peek().query);\n    const raw = match?.[1];\n    const separator = raw?.indexOf(':') ?? -1;\n    const rule =\n      separator < 0\n        ? undefined\n        : byName.get(raw!.slice(0, separator).toLowerCase());\n    activeRule = rule;\n    const input = separator < 0 ? '' : unquote(raw!.slice(separator + 1));\n    activeStart =\n      match && raw ? match.index + match[0].lastIndexOf(raw) : undefined;\n    const next = (rule?.suggest?.(input, state.peek()) ?? []).flatMap(\n      (candidate) => {\n        const value =\n          typeof candidate === 'string' ? candidate : candidate.value;\n        const token = resolve(`${rule!.name}:${quote(value)}`, 0);\n        return token\n          ? [\n              {\n                value: token.value,\n                label:\n                  typeof candidate === 'string' ? token.label : candidate.label,\n              },\n            ]\n          : [];\n      },\n    );\n    const current = suggestions.peek();\n    if (\n      next.length !== current.length ||\n      next.some(\n        (suggestion, index) =>\n          suggestion.value !== current[index].value ||\n          suggestion.label !== current[index].label,\n      )\n    )\n      suggestions.value = next;\n  };\n  const publish = (next: SearchFieldState) =>\n    batch(() => {\n      state.value = next;\n      result.value = evaluate?.(next);\n      refreshSuggestions();\n    });\n  refreshSuggestions();\n\n  const edit = (value: SearchFieldValue, commit = false) => {\n    let query = '';\n    let cursor = 0;\n    const added: SearchFieldResolvedToken[] = [];\n    const removed: Array<{ start: number; end: number }> = [];\n    for (const match of value.query.matchAll(pattern ?? /(?!) /g)) {\n      const raw = match[1];\n      const start = match.index + match[0].lastIndexOf(raw);\n      const end = start + raw.length;\n      if (end === value.query.length && !commit && !/\\s$/.test(value.query))\n        continue;\n      const token = resolve(raw, query.length + start - cursor);\n      if (!token) continue;\n      query += value.query.slice(cursor, start);\n      token.offset = query.length;\n      added.push(token);\n      removed.push({ start, end });\n      cursor = end;\n    }\n    const suffix = value.query.slice(cursor);\n    query += added.length && /^\\s+$/.test(suffix) ? '' : suffix;\n    const existing = value.tokens.flatMap((token) => {\n      const resolved = rehydrate(token);\n      if (!resolved) return [];\n      const offset = token.offset ?? value.query.length;\n      return [\n        {\n          ...resolved,\n          offset:\n            offset -\n            removed.reduce(\n              (total, range) =>\n                total + Math.max(0, Math.min(offset, range.end) - range.start),\n              0,\n            ),\n        },\n      ];\n    });\n    const tokens = [...existing, ...added].sort(\n      (left, right) => (left.offset ?? 0) - (right.offset ?? 0),\n    );\n    publish({ query, tokens });\n  };\n\n  const commitResolved = (token: SearchFieldResolvedToken | undefined) => {\n    if (!token || activeStart === undefined) return;\n    const query = state.peek().query.slice(0, activeStart);\n    publish({ query, tokens: [...state.peek().tokens, token] });\n  };\n  const choose = (value: string) => {\n    if (\n      activeStart === undefined ||\n      !suggestions.peek().some((suggestion) => suggestion.value === value)\n    )\n      return;\n    commitResolved(resolve(value, activeStart));\n  };\n  const commit = (value: string) => {\n    if (!activeRule || activeStart === undefined) return;\n    commitResolved(resolve(`${activeRule.name}:${quote(value)}`, activeStart));\n  };\n\n  return {\n    state,\n    editorRevision,\n    structure,\n    suggestions,\n    result,\n    edit,\n    replace(value) {\n      batch(() => {\n        edit(value);\n        editorRevision.value = editorRevision.peek() + 1;\n      });\n    },\n    submit(value) {\n      edit(value, true);\n      onSubmit?.(state.peek(), result.peek());\n    },\n    choose,\n    commit,\n    expandToken(value) {\n      const index = state\n        .peek()\n        .tokens.findIndex((token) => token.value === value);\n      if (index < 0) return;\n      const offset = Math.max(\n        0,\n        Math.min(\n          state.peek().query.length,\n          state.peek().tokens[index].offset ?? state.peek().query.length,\n        ),\n      );\n      const insertion = `${value} `;\n      publish({\n        query: `${state.peek().query.slice(0, offset)}${insertion}${state.peek().query.slice(offset)}`,\n        tokens: state.peek().tokens.flatMap((token, at) =>\n          at === index\n            ? []\n            : [\n                {\n                  ...token,\n                  offset:\n                    (token.offset ?? 0) + (at > index ? insertion.length : 0),\n                },\n              ],\n        ),\n      });\n    },\n    remove(value) {\n      const index = state\n        .peek()\n        .tokens.findIndex((token) => token.value === value);\n      if (index < 0) return;\n      publish({\n        ...state.peek(),\n        tokens: state.peek().tokens.filter((_, at) => at !== index),\n      });\n    },\n    clear() {\n      batch(() => {\n        publish({ query: '', tokens: [] });\n        editorRevision.value = editorRevision.peek() + 1;\n      });\n    },\n    dismiss() {\n      if (suggestions.peek().length > 0) suggestions.value = [];\n    },\n  };\n}\n"]}