@ixfx/components 0.7.4 → 0.8.0

package/dist/element-search-Y8SRfPGM.js

@@ -1,185 +0,0 @@
-import { n as buildHighlightTargets, r as clearHighlights, t as applyHighlights } from "./highlight-B-eQrhhb.js";
-import { Fzf } from "fzf";
-//#region src/incr-search/fuzzy.ts
-function defaultSelector(item) {
-	if (typeof item === `string`) return item;
-	const r = item;
-	if (typeof r.label === `string`) return r.label;
-	if (typeof r.key === `string`) return r.key;
-	if (typeof r.value === `string`) return r.value;
-	return String(item);
-}
-function createFuzzySearch(items, options = {}) {
-	const selector = options.selector ?? defaultSelector;
-	const fzf = new Fzf(items, {
-		selector,
-		...options.fzf ?? {}
-	});
-	const find = (query) => {
-		if (!query.trim()) return items.map((item) => ({
-			item,
-			positions: /* @__PURE__ */ new Set(),
-			score: 0
-		}));
-		return fzf.find(query).map((r) => ({
-			item: r.item,
-			positions: r.positions,
-			score: r.score
-		}));
-	};
-	return {
-		find,
-		items
-	};
-}
-//#endregion
-//#region src/incr-search/incr-search.ts
-function buildState(results, query) {
-	const positionsByItem = /* @__PURE__ */ new Map();
-	for (const r of results) positionsByItem.set(r.item, r.positions);
-	return Object.freeze({
-		query,
-		results: Object.freeze([...results]),
-		positionsByItem
-	});
-}
-function createIncrSearch(options = {}) {
-	let items = options.items ?? [];
-	let query = ``;
-	let fuzzy = createFuzzySearch(items, {
-		selector: options.selector,
-		fzf: options.fzf
-	});
-	let state = buildState(fuzzy.find(query), query);
-	let disposed = false;
-	const observers = /* @__PURE__ */ new Set();
-	if (options.onChange) observers.add(options.onChange);
-	const notify = (s) => {
-		for (const cb of observers) cb(s);
-	};
-	const run = async (q, signal) => {
-		await Promise.resolve();
-		if (signal?.aborted || disposed) return state;
-		const results = fuzzy.find(q);
-		if (signal?.aborted || disposed) return state;
-		state = buildState(results, q);
-		notify(state);
-		return state;
-	};
-	return {
-		get state() {
-			return state;
-		},
-		async setItems(newItems, signal) {
-			items = newItems;
-			fuzzy = createFuzzySearch(items, {
-				selector: options.selector,
-				fzf: options.fzf
-			});
-			await run(query, signal);
-		},
-		async setQuery(q, signal) {
-			query = q;
-			return run(q, signal);
-		},
-		async clearQuery() {
-			query = ``;
-			await run(``, void 0);
-		},
-		onChange(cb) {
-			observers.add(cb);
-			cb(state);
-			return () => {
-				observers.delete(cb);
-			};
-		},
-		dispose() {
-			disposed = true;
-			observers.clear();
-			items = [];
-		}
-	};
-}
-//#endregion
-//#region src/incr-search/element-search.ts
-const defaultGetLabel = (el) => el.textContent?.trim() ?? ``;
-function defaultGetKey(el) {
-	return el.getAttribute(`data-key`) ?? el.getAttribute(`data-value`) ?? el.textContent?.trim() ?? ``;
-}
-function createElementIncrSearch(opts) {
-	const { container, itemSelector, getLabel = defaultGetLabel, getKey = defaultGetKey, labelSelector, highlightKey } = opts;
-	let elementByKey = /* @__PURE__ */ new Map();
-	const search = createIncrSearch({
-		selector: (item) => item.label,
-		fzf: opts.fzf
-	});
-	const updateVisibility = (state) => {
-		const matchedKeys = new Set(state.results.map((r) => r.item.key));
-		const hasQuery = state.query.trim().length > 0;
-		for (const [key, el] of elementByKey) el.hidden = hasQuery ? !matchedKeys.has(key) : false;
-	};
-	const updateHighlights = (state) => {
-		if (!state.query.trim()) {
-			clearHighlights({ key: highlightKey });
-			return;
-		}
-		const targets = buildHighlightTargets(container, labelSelector ?? itemSelector, state.positionsByItem, (el) => {
-			const key = getKey(el);
-			return state.results.find((r) => r.item.key === key)?.item;
-		}, (el) => getLabel(el));
-		applyHighlights(targets, { key: highlightKey });
-	};
-	const unsubscribeState = search.onChange((state) => {
-		updateVisibility(state);
-		updateHighlights(state);
-		opts.onChange?.(state);
-	});
-	let refreshPending = false;
-	const refresh = () => {
-		if (refreshPending) return;
-		refreshPending = true;
-		Promise.resolve().then(() => {
-			refreshPending = false;
-			elementByKey = /* @__PURE__ */ new Map();
-			const els = container.querySelectorAll(itemSelector);
-			const items = [];
-			for (const el of els) {
-				const key = getKey(el);
-				elementByKey.set(key, el);
-				items.push({
-					key,
-					label: getLabel(el)
-				});
-			}
-			search.setItems(items);
-		});
-	};
-	const observer = new MutationObserver(() => refresh());
-	observer.observe(container, {
-		childList: true,
-		subtree: false
-	});
-	refresh();
-	return {
-		async setQuery(query, signal) {
-			await search.setQuery(query, signal);
-		},
-		async clearQuery() {
-			await search.clearQuery();
-		},
-		refresh,
-		onChange(cb) {
-			return search.onChange(cb);
-		},
-		dispose() {
-			observer.disconnect();
-			unsubscribeState();
-			search.dispose();
-			clearHighlights({ key: highlightKey });
-		}
-	};
-}
-//#endregion
-export { createIncrSearch as n, createFuzzySearch as r, createElementIncrSearch as t };
-
-//# sourceMappingURL=element-search-Y8SRfPGM.js.map

package/dist/element-search-Y8SRfPGM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"element-search-Y8SRfPGM.js","names":["FzfAny"],"sources":["../src/incr-search/fuzzy.ts","../src/incr-search/incr-search.ts","../src/incr-search/element-search.ts"],"sourcesContent":["import type { FuzzySearch, FuzzySearchOptions, IncrSearchResult } from './types.js';\nimport { Fzf } from 'fzf';\n\nfunction defaultSelector<T>(item: T): string {\n  if (typeof item === `string`)\n    return item;\n  const r = item as Record<string, unknown>;\n  if (typeof r.label === `string`)\n    return r.label;\n  if (typeof r.key === `string`)\n    return r.key;\n  if (typeof r.value === `string`)\n    return r.value;\n  return String(item);\n}\n\nexport function createFuzzySearch<T>(\n  items: readonly T[],\n  options: FuzzySearchOptions<T> = {},\n): FuzzySearch<T> {\n  const selector = options.selector ?? defaultSelector<T>;\n  // fzf uses a conditional SyncOptionsTuple<T> rest-parameter overload that TypeScript\n  // cannot narrow through a spread when T is generic.\n  const FzfAny = Fzf as new (list: readonly T[], opts: any) => { find: (q: string) => Array<{ item: T; positions: ReadonlySet<number>; score: number }> };\n  const fzf = new FzfAny(items as readonly T[], { selector, ...(options.fzf ?? {}) });\n\n  const find = (query: string): ReadonlyArray<IncrSearchResult<T>> => {\n    if (!query.trim()) {\n      return items.map(item => ({\n        item,\n        positions: new Set<number>(),\n        score: 0,\n      }));\n    }\n    return fzf.find(query).map(r => ({\n      item: r.item,\n      positions: r.positions,\n      score: r.score,\n    }));\n  };\n\n  return { find, items };\n}\n","import type {\n  IncrSearch,\n  IncrSearchChangeCallback,\n  IncrSearchOptions,\n  IncrSearchState,\n} from './types.js';\nimport { createFuzzySearch } from './fuzzy.js';\n\nfunction buildState<T>(results: ReturnType<ReturnType<typeof createFuzzySearch<T>>[`find`]>, query: string): IncrSearchState<T> {\n  const positionsByItem = new Map<T, ReadonlySet<number>>();\n  for (const r of results) {\n    positionsByItem.set(r.item, r.positions);\n  }\n  return Object.freeze({\n    query,\n    results: Object.freeze([...results]),\n    positionsByItem,\n  });\n}\n\nexport function createIncrSearch<T>(options: IncrSearchOptions<T> = {}): IncrSearch<T> {\n  let items: readonly T[] = options.items ?? [];\n  let query = ``;\n  let fuzzy = createFuzzySearch(items, { selector: options.selector, fzf: options.fzf });\n  let state: IncrSearchState<T> = buildState(fuzzy.find(query), query);\n  let disposed = false;\n\n  const observers = new Set<IncrSearchChangeCallback<T>>();\n\n  if (options.onChange) {\n    observers.add(options.onChange);\n  }\n\n  const notify = (s: IncrSearchState<T>): void => {\n    for (const cb of observers) {\n      cb(s);\n    }\n  };\n\n  const run = async (q: string, signal?: AbortSignal): Promise<IncrSearchState<T>> => {\n    // Yield to the microtask queue for a consistent async interface\n    await Promise.resolve();\n    if (signal?.aborted || disposed) {\n      return state;\n    }\n    const results = fuzzy.find(q);\n    if (signal?.aborted || disposed) {\n      return state;\n    }\n    state = buildState(results, q);\n    notify(state);\n    return state;\n  };\n\n  return {\n    get state() {\n      return state;\n    },\n\n    async setItems(newItems: readonly T[], signal?: AbortSignal): Promise<void> {\n      items = newItems;\n      fuzzy = createFuzzySearch(items, { selector: options.selector, fzf: options.fzf });\n      await run(query, signal);\n    },\n\n    async setQuery(q: string, signal?: AbortSignal): Promise<IncrSearchState<T>> {\n      query = q;\n      return run(q, signal);\n    },\n\n    async clearQuery(): Promise<void> {\n      query = ``;\n      await run(``, undefined);\n    },\n\n    onChange(cb: IncrSearchChangeCallback<T>): () => void {\n      observers.add(cb);\n      cb(state);\n      return () => {\n        observers.delete(cb);\n      };\n    },\n\n    dispose(): void {\n      disposed = true;\n      observers.clear();\n      items = [];\n    },\n  };\n}\n","import type {\n  ElementIncrSearchOptions,\n  IncrSearchChangeCallback,\n  IncrSearchState,\n} from './types.js';\nimport { applyHighlights, buildHighlightTargets, clearHighlights } from './highlight.js';\nimport { createIncrSearch } from './incr-search.js';\n\ntype ElementItem = { readonly key: string; readonly label: string };\n\nconst defaultGetLabel = (el: Element): string => el.textContent?.trim() ?? ``;\n\nfunction defaultGetKey(el: Element): string {\n  return el.getAttribute(`data-key`)\n    ?? el.getAttribute(`data-value`)\n    ?? el.textContent?.trim()\n    ?? ``;\n}\n\nexport type ElementIncrSearch = {\n  readonly setQuery: (query: string, signal?: AbortSignal) => Promise<void>;\n  readonly clearQuery: () => Promise<void>;\n  readonly refresh: () => void;\n  readonly onChange: (cb: IncrSearchChangeCallback<ElementItem>) => () => void;\n  readonly dispose: () => void;\n};\n\nexport function createElementIncrSearch(opts: ElementIncrSearchOptions): ElementIncrSearch {\n  const {\n    container,\n    itemSelector,\n    getLabel = defaultGetLabel,\n    getKey = defaultGetKey,\n    labelSelector,\n    highlightKey,\n  } = opts;\n\n  // Map from key → element reference for highlight lookup\n  let elementByKey = new Map<string, Element>();\n\n  const search = createIncrSearch<ElementItem>({\n    selector: item => item.label,\n    fzf: opts.fzf,\n  });\n\n  const updateVisibility = (state: IncrSearchState<ElementItem>): void => {\n    const matchedKeys = new Set(state.results.map(r => r.item.key));\n    const hasQuery = state.query.trim().length > 0;\n\n    for (const [key, el] of elementByKey) {\n      (el as HTMLElement).hidden = hasQuery ? !matchedKeys.has(key) : false;\n    }\n  };\n\n  const updateHighlights = (state: IncrSearchState<ElementItem>): void => {\n    if (!state.query.trim()) {\n      clearHighlights({ key: highlightKey });\n      return;\n    }\n\n    const sel = labelSelector ?? itemSelector;\n    const targets = buildHighlightTargets(\n      container,\n      sel,\n      state.positionsByItem,\n      (el) => {\n        const key = getKey(el);\n        // Find the ElementItem whose key matches this element's key\n        const result = state.results.find(r => r.item.key === key);\n        return result?.item;\n      },\n      el => getLabel(el),\n    );\n    applyHighlights(targets, { key: highlightKey });\n  };\n\n  const unsubscribeState = search.onChange((state) => {\n    updateVisibility(state);\n    updateHighlights(state);\n    opts.onChange?.(state);\n  });\n\n  let refreshPending = false;\n\n  const refresh = (): void => {\n    if (refreshPending)\n      return;\n    refreshPending = true;\n    void Promise.resolve().then(() => {\n      refreshPending = false;\n      elementByKey = new Map<string, Element>();\n      const els = container.querySelectorAll(itemSelector);\n      const items: ElementItem[] = [];\n      for (const el of els) {\n        const key = getKey(el);\n        elementByKey.set(key, el);\n        items.push({ key, label: getLabel(el) });\n      }\n      void search.setItems(items);\n    });\n  };\n\n  const observer = new MutationObserver(() => refresh());\n  observer.observe(container, { childList: true, subtree: false });\n\n  refresh();\n\n  return {\n    async setQuery(query, signal) {\n      await search.setQuery(query, signal);\n    },\n\n    async clearQuery() {\n      await search.clearQuery();\n    },\n\n    refresh,\n\n    onChange(cb) {\n      return search.onChange(cb);\n    },\n\n    dispose() {\n      observer.disconnect();\n      unsubscribeState();\n      search.dispose();\n      clearHighlights({ key: highlightKey });\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/grid-list-B_orPsot.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid-list-B_orPsot.d.ts","names":[],"sources":["../src/grid-list/types.ts","../src/interaction/list-selection-controller.ts","../src/grid-list/grid-list.ts"],"mappings":";;;;;;;;;;;;;;;KA8BY;;KAGA;;KAGA;;;;;;;;KASA;;;;;;;;KASA;UAEK;WACN,UAAU,YAAY;WACtB,UAAU,YAAY;;WAEtB,cAAc;;KAGb,sBAAsB,YAAY;UAE7B;WACN,MAAM;;KAGL,wBAAwB,YAAY;UAE/B;WACN,MAAM;;KAGL,yBAAyB,YAAY;UAEhC;WACN,MAAM;;KAGL,sBAAsB,YAAY;UAE7B;EACf,eAAe;EACf,iBAAiB;EACjB,mBAAmB;EACnB,eAAe;;KAGL;WACD;;KAGC,8BAA8B,YAAY;UAErC,oCAAoC;EACnD,6BAA6B;;;;;KC9FnB;WACD;WACA;WACA;;KAGC;WACD,eAAe;WACf,iBAAiB;;;;;;;;KAShB,8BAA8B;;WAE/B,gCAAgC;;WAEhC,eAAe,MAAM;;WAErB,gBAAgB;;;;;;WAMhB,WAAW,UAAU,YAAY,IAAI,UAAU,YAAY;;;;;WAK3D,UAAU,MAAM;;;iBAIX,YAAY,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;cA4BrB,wBAAwB;;EAKvB,YAAA,QAAQ,8BAA8B;;MAK9C,YAAY,YAAY;;;;;;MASxB,gBAAgB;;MAehB,UAAU;;EAKd;;EAKA;;EAQA,QAAQ,MAAM;;EAUd,OAAO,MAAM;;EAoBb,QAAQ,MAAM;;EAoBd;;EAOA;;;;;EAcA,WAAW,OAAO,SAAS;;EAa3B,SAAS,MAAM;;;;;;;EA6Bf,WAAW,MAAM,kBAAkB,UAAU,gBAAgB;;;;;EAsB7D,QAAQ,MAAM,kBAAkB,UAAU,gBAAgB;;;;;EAqB1D,WAAW,MAAM,kBAAkB,UAAU,gBAAgB;;EAmB7D,YAAY,MAAM,GAAG,SAAS;;EAyC9B,YAAY,MAAM;;EAgBlB;;;;;;EASA,MAAM,KAAK,MAAM,MAAM;;;;;EAUvB;;;;;;EAUA,KAAK,OAAO,SAAS,IAAI,SAAS;;;;cCjOvB,wBAAwB;;SACnB,sBAAM;EA0PtB,eAAe;EAGf,iBAAiB;EAGjB;EAGA;;;;;;;EASA,aAAa;;;;;;;;EAUb,cAAc;;EAId,cAAc;;EAId,iBAAiB;;EAIjB,iBAAiB;;;;;EAOjB;EAGA;UAEiB;UACA;UACA;UACA;WAgCR,WAAS,wBAAA;WAkBT,SAAO,kBAAA;EAeP;EAsBA;YA8EU;YAiBA,WAAW,SAAS;YAiEpB,QAAQ,SAAS;UAgF5B;MAQJ;;;;;;MASA;MAIA,iBAAiB,YAAY;;MAK7B,gBAAgB;EAIpB,OAAO,MAAM;EAIb,WAAW,OAAO,SAAS;EAI3B,SAAS,MAAM;EAIf;EAIA;;;;;;EAWA,WAAW,MAAM;;EAKjB,gBAAgB,MAAM;;EAKtB,mBAAmB,MAAM;;EAKzB,SAAS;;MASL;EAKJ,QAAQ,cAAc;EAItB,eAAe,gBAAgB;EAI/B,OAAO,MAAM;EAIb;UA+CQ;UAQA;YAUW,UAAU,kBAAkB;UA8GvC;;QAsFF;YACI;IACR,kBAAkB;;;UAIL;EACf,iBAAiB,gBAAgB,6BAC/B,MAAM,GACN,WAAW,MAAM,iBAAiB,IAAI,4BAA4B,aAClE,oBAAoB;EAEtB,iBACE,cACA,UAAU,oCACV,oBAAoB"}

package/dist/grid-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid-list.js","names":["#items","#itemWrap","#cancelScrollRaf","#scrollRaf","#emitViewportChange","#currentWindow","#onCellActivate","#mutationObserver","#onChildrenChanged","#resizeObserver","#reflowTimer","#syncItems","#noteChildMutation","#entering","#viewportRef","#zoomAnchor","#applyZoomAnchor","#slotNameFor","#slotNames","#slotSeq","#scrollItemIntoView","#rowHeight","#onScroll","#renderCell","#captionFor","#onCellClick","customElement"],"sources":["../src/grid-list/grid-list.ts"],"sourcesContent":["/* eslint-disable ts/no-unsafe-declaration-merging */\nimport type { PropertyValues } from 'lit';\nimport type { ListInteractionMode, ListSelectionMode } from '../interaction/list-selection-types.js';\nimport type {\n  GridListActivateDetail,\n  GridListCaptionAlign,\n  GridListCaptionBackdrop,\n  GridListCaptionPosition,\n  GridListCaptionStyle,\n  GridListFullElementEventMap,\n  GridListItemClickDetail,\n  GridListOrientation,\n  GridListSelectDetail,\n  GridListTickleDetail,\n  GridListViewportChangeDetail,\n} from './types.js';\nimport { css, html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { listItemFadeKeyframes, tickledItemStyles, tickledStyles } from '../interaction/index.js';\nimport { keyForElement } from '../interaction/keyed-list.js';\nimport { ListSelectionController } from '../interaction/list-selection-controller.js';\nimport { TickledController } from '../interaction/tickled-controller.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { scrollFadeStyles } from '../styles/scroll-fade.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\n\nexport type {\n  GridListActivateDetail,\n  GridListActivateEvent,\n  GridListCaptionAlign,\n  GridListCaptionBackdrop,\n  GridListCaptionPosition,\n  GridListCaptionStyle,\n  GridListElementEventMap,\n  GridListFullElementEventMap,\n  GridListItemClickDetail,\n  GridListItemClickEvent,\n  GridListOrientation,\n  GridListSelectDetail,\n  GridListSelectEvent,\n  GridListTickleDetail,\n  GridListTickleEvent,\n  GridListViewportChangeDetail,\n  GridListViewportChangeEvent,\n  ListInteractionMode,\n  ListSelectionMode,\n} from './types.js';\n\ntype GridWindow = {\n  readonly cols: number;\n  readonly rows: number;\n  /** Spacer height in px (vertical orientations); 0 when CSS controls it. */\n  readonly totalHeight: number;\n  /** Spacer width in px (`row` orientation); 0 when CSS controls it. */\n  readonly totalWidth: number;\n  readonly startIndex: number;\n  readonly endIndex: number;\n  /** Distance between the left edges of adjacent columns (item width + gap). */\n  readonly colStride: number;\n  /** Distance between the top edges of adjacent rows (row height + gap). */\n  readonly rowStride: number;\n  /** `true` for `row` orientation — the list scrolls along the x axis. */\n  readonly horizontal: boolean;\n};\n\nconst ITEM_SELECTOR = `:scope > *`;\n\nconst MIN_ITEM_SIZE = 16;\n\n/**\n * How long the host keeps the `[reflowing]` attribute after items are inserted\n * mid-list — long enough for the cell move-transition and the enter animation\n * to finish. Kept a touch above the default `--grid-list-item-move-duration`.\n */\nconst REFLOW_WINDOW_MS = 320;\n\n// `itemWidth` is the square's width; `rowHeight` is the full cell height\n// (square, plus the caption band in `labelled` style). `scrollOffset` is\n// `scrollTop` for `grid`/`column` and `scrollLeft` for `row`.\nfunction computeGridWindow(\n  count: number,\n  itemWidth: number,\n  rowHeight: number,\n  gap: number,\n  viewportWidth: number,\n  viewportHeight: number,\n  scrollOffset: number,\n  orientation: GridListOrientation,\n  overscan = 2,\n): GridWindow {\n  const w = Math.max(1, itemWidth);\n  const h = Math.max(1, rowHeight);\n  const g = Math.max(0, gap);\n  const colStride = w + g;\n  const rowStride = h + g;\n  const offset = Math.max(0, scrollOffset);\n\n  if (orientation === `row`) {\n    const rows = count === 0 ? 0 : 1;\n    const totalWidth = count === 0 ? 0 : (count - 1) * colStride + w;\n    if (count === 0 || viewportWidth <= 0) {\n      return { cols: count, rows, totalHeight: 0, totalWidth, startIndex: 0, endIndex: 0, colStride, rowStride, horizontal: true };\n    }\n    const firstVisible = Math.max(0, Math.floor(offset / colStride));\n    const lastVisible = Math.ceil((offset + viewportWidth) / colStride);\n    return {\n      cols: count,\n      rows,\n      totalHeight: 0,\n      totalWidth,\n      startIndex: Math.max(0, firstVisible - overscan),\n      endIndex: Math.min(count, lastVisible + overscan),\n      colStride,\n      rowStride,\n      horizontal: true,\n    };\n  }\n\n  const cols = orientation === `column`\n    ? 1\n    : Math.max(1, Math.floor((Math.max(0, viewportWidth) + g) / colStride));\n  const rows = count === 0 ? 0 : Math.ceil(count / cols);\n  const totalHeight = rows === 0 ? 0 : (rows - 1) * rowStride + h;\n\n  if (count === 0 || viewportHeight <= 0) {\n    return { cols, rows, totalHeight, totalWidth: 0, startIndex: 0, endIndex: 0, colStride, rowStride, horizontal: false };\n  }\n\n  const firstVisibleRow = Math.max(0, Math.floor(offset / rowStride));\n  const lastVisibleRow = Math.ceil((offset + viewportHeight) / rowStride);\n  const rowStart = Math.max(0, firstVisibleRow - overscan);\n  const rowEnd = Math.min(rows, lastVisibleRow + overscan);\n\n  return {\n    cols,\n    rows,\n    totalHeight,\n    totalWidth: 0,\n    startIndex: rowStart * cols,\n    endIndex: Math.min(count, rowEnd * cols),\n    colStride,\n    rowStride,\n    horizontal: false,\n  };\n}\n\nfunction columnOf(index: number, cols: number): number {\n  return cols <= 1 ? 0 : index % cols;\n}\n\nfunction rowOf(index: number, cols: number): number {\n  return cols <= 1 ? index : Math.floor(index / cols);\n}\n\n@customElement(`ixfx-grid-list`)\nexport class GridListElement extends LitElement {\n  static override styles = [\n    themeFallbacks,\n    tickledStyles,\n    tickledItemStyles,\n    // Both axes are registered; `render()` applies whichever one matches the\n    // current orientation to the viewport (see the `scroll-fade-*` class there).\n    scrollFadeStyles(`x`),\n    scrollFadeStyles(`y`),\n    listItemFadeKeyframes,\n    css`\n      :host {\n        --grid-list-item-bg: var(--item-bg);\n        --grid-list-radius: var(--radius-m);\n        --grid-list-gap: var(--space-xs);\n        display: block;\n        height: 100%;\n        min-height: 2em;\n        overflow: hidden;\n        user-select: none;\n        background: var(--surface-3);\n        color: var(--surface-3-text);\n        border-radius: var(--radius-s);\n        border: 1px solid var(--border);\n      }\n      :host(:focus-visible) {\n        outline: 2px solid var(--accent);\n        outline-offset: -2px;\n      }\n      .viewport {\n        position: relative;\n        height: 100%;\n        overflow-y: auto;\n        overflow-x: hidden;\n      }\n      :host([orientation=\"row\"]) .viewport {\n        overflow-x: auto;\n        overflow-y: hidden;\n      }\n      .spacer {\n        position: relative;\n        width: 100%;\n      }\n      .cell {\n        position: absolute;\n        inset: 0 auto auto 0;\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n        align-items: stretch;\n        contain: layout style;\n        border-radius: var(--grid-list-radius);\n      }\n\n      /* The square that holds the slotted content. */\n      .thumb {\n        position: relative;\n        flex: 1;\n        min-height: 0;\n        display: flex;\n        align-items: stretch;\n        box-sizing: border-box;\n        overflow: hidden;\n        border-radius: 0;\n        background: transparent;\n        border: 1px solid transparent;\n        transition: background var(--transition), border-color var(--transition);\n      }\n      .thumb ::slotted(*) {\n        flex: 1;\n        min-width: 0;\n        min-height: 0;\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n      }\n      .thumb ::slotted(*:empty)::after {\n        content: \"Empty\";\n        color: var(--surface-muted-text);\n        font-size: var(--text-s);\n      }\n      ::slotted([hidden]) {\n        display: none !important;\n      }\n\n      /* Selection / cursor wash — sits over the slotted content so it reads\n         on photos and arbitrary DOM alike. */\n      .thumb::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        border-radius: inherit;\n        background: var(--accent);\n        opacity: 0;\n        transition: opacity var(--transition, 0.1s ease-out);\n      }\n      .cell.selected .thumb::after {\n        opacity: 0.18;\n      }\n\n      /* ---- Caption (base) ---- */\n      .caption {\n        box-sizing: border-box;\n        flex: none;\n        padding: 3px 6px;\n        font-size: var(--text-s, 0.8rem);\n        line-height: 1.3;\n        text-align: center;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        color: var(--surface-3-text);\n      }\n      :host([caption-align=\"left\"]) .caption { text-align: left; }\n      :host([caption-align=\"right\"]) .caption { text-align: right; }\n\n      /* ---- Box modes (hidden / under / overlaid): the cell is one box with a\n             single selection outline ---- */\n      :host(:not([caption-style=\"separate\"])) .cell {\n        background: var(--grid-list-item-bg);\n        border: 1px solid transparent;\n        overflow: hidden;\n        transition: background var(--transition), border-color var(--transition);\n      }\n      :host(:not([caption-style=\"separate\"])) .cell:hover {\n        background: var(--item-bg-tickled);\n        border-color: var(--item-border-tickled);\n      }\n      :host(:not([caption-style=\"separate\"])) .cell.selected {\n        outline: 2px solid var(--accent);\n        outline-offset: -2px;\n      }\n      :host(:not([caption-style=\"separate\"])) .cell.tickled {\n        box-shadow: inset 0 0 0 2px var(--accent);\n      }\n\n      /* under: caption is a strip inside the box, below the content */\n      :host([caption-style=\"under\"]) .caption {\n        border-top: 1px solid var(--border, rgba(128, 128, 128, 0.3));\n        background: var(--surface-4, transparent);\n      }\n\n      /* overlaid: caption floats over the content */\n      :host([caption-style=\"overlaid\"]) .caption {\n        position: absolute;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        color: #fff;\n      }\n      :host([caption-style=\"overlaid\"][caption-position=\"top\"]) .caption {\n        top: 0;\n        bottom: auto;\n      }\n      :host([caption-style=\"overlaid\"][caption-position=\"middle\"]) .caption {\n        top: 50%;\n        bottom: auto;\n        transform: translateY(-50%);\n      }\n      /* overlaid backdrop */\n      :host([caption-style=\"overlaid\"][caption-backdrop=\"scrim\"]) .caption {\n        background: rgba(0, 0, 0, 0.55);\n      }\n      :host([caption-style=\"overlaid\"][caption-backdrop=\"gradient\"]) .caption {\n        background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));\n        padding-block: 10px 4px;\n      }\n      :host([caption-style=\"overlaid\"][caption-backdrop=\"gradient\"][caption-position=\"top\"]) .caption {\n        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));\n        padding-block: 4px 10px;\n      }\n      :host([caption-style=\"overlaid\"][caption-backdrop=\"gradient\"][caption-position=\"middle\"]) .caption {\n        background: rgba(0, 0, 0, 0.5);\n        padding-block: 3px;\n      }\n      :host([caption-style=\"overlaid\"][caption-backdrop=\"blur\"]) .caption {\n        background: rgba(20, 20, 20, 0.3);\n        backdrop-filter: blur(6px);\n        -webkit-backdrop-filter: blur(6px);\n      }\n      :host([caption-style=\"overlaid\"][caption-backdrop=\"none\"]) .caption {\n        background: none;\n        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.95), 0 0 6px rgba(0, 0, 0, 0.7);\n      }\n\n      /* ---- separate mode: square + detached caption, each highlighted ---- */\n      :host([caption-style=\"separate\"]) .thumb {\n        flex: none;\n        border-radius: var(--grid-list-radius);\n        background: var(--grid-list-item-bg);\n        border: 1px solid transparent;\n      }\n      :host([caption-style=\"separate\"]) .cell:hover .thumb {\n        background: var(--item-bg-tickled);\n        border-color: var(--item-border-tickled);\n      }\n      :host([caption-style=\"separate\"]) .caption {\n        display: flex;\n        align-items: center;\n        align-self: center;\n        max-width: 100%;\n        margin-top: 4px;\n        border-radius: var(--radius-s, 4px);\n      }\n      :host([caption-style=\"separate\"][caption-align=\"left\"]) .caption { align-self: flex-start; }\n      :host([caption-style=\"separate\"][caption-align=\"right\"]) .caption { align-self: flex-end; }\n      :host([caption-style=\"separate\"]) .cell.selected .thumb,\n      :host([caption-style=\"separate\"]) .cell.tickled .thumb {\n        outline: 2px solid var(--accent);\n        outline-offset: 2px;\n      }\n      :host([caption-style=\"separate\"]) .cell.tickled .thumb {\n        outline-style: dashed;\n      }\n      :host([caption-style=\"separate\"]) .cell.selected .caption {\n        background: var(--accent);\n        color: var(--accent-text, #000);\n      }\n      :host([caption-style=\"separate\"]) .cell.tickled .caption {\n        outline: 1px dashed var(--accent);\n      }\n\n      /* ---- Insertion / removal animation ----\n         Active only while the host carries [reflowing] — the ~0.3s window after\n         the child list changes mid-list (see #noteChildMutation). Kept out of\n         the base rules so it never fires during scroll virtualisation, where\n         cells are recycled to wildly different positions every frame. Placed\n         last so it wins over the earlier cell transition rule regardless of\n         specificity. Survivors slide to their new slot; a freshly inserted cell\n         also fades in. (A removed item's element is already gone, so there's\n         nothing left to fade — the gap simply closes as the others slide.) */\n      :host([reflowing]) .cell {\n        transition:\n          transform var(--grid-list-item-move-duration, 200ms) cubic-bezier(0.2, 0, 0, 1),\n          background var(--transition),\n          border-color var(--transition);\n      }\n      .cell.entering {\n        animation: ixfx-list-item-in var(--grid-list-item-move-duration, 200ms) ease both;\n      }\n      @media (prefers-reduced-motion: reduce) {\n        :host([reflowing]) .cell { transition: background var(--transition), border-color var(--transition); }\n        .cell.entering { animation: none; }\n      }\n    `,\n  ];\n\n  @property({ type: String, attribute: `selection-mode` })\n  selectionMode: ListSelectionMode = `single`;\n\n  @property({ type: String, attribute: `interaction-mode` })\n  interactionMode: ListInteractionMode = `standard`;\n\n  @property({ type: Number, attribute: `item-size` })\n  itemSize = 160;\n\n  @property({ type: Number })\n  gap = 8;\n\n  /**\n   * Layout / scroll direction.\n   * - `grid` (default): items wrap across as many columns as fit, scrolls vertically.\n   * - `row`: a single row of items, scrolls horizontally.\n   * - `column`: a single column of items, scrolls vertically.\n   */\n  @property({ type: String, reflect: true })\n  orientation: GridListOrientation = `grid`;\n\n  /**\n   * How the caption relates to the content — see {@link GridListCaptionStyle}.\n   * - `hidden`: no caption.\n   * - `separate`: detached label below the square, each highlighted on its own.\n   * - `under` (default): one box, content on top, caption strip below it inside.\n   * - `overlaid`: caption floats over the content.\n   */\n  @property({ type: String, attribute: `caption-style`, reflect: true })\n  captionStyle: GridListCaptionStyle = `under`;\n\n  /** Horizontal alignment of the caption text: `left`, `middle` (default), `right`. */\n  @property({ type: String, attribute: `caption-align`, reflect: true })\n  captionAlign: GridListCaptionAlign = `middle`;\n\n  /** `overlaid` only — vertical placement: `top`, `middle`, `bottom` (default). */\n  @property({ type: String, attribute: `caption-position`, reflect: true })\n  captionPosition: GridListCaptionPosition = `bottom`;\n\n  /** `overlaid` only — backdrop behind the caption: `scrim` (default), `gradient`, `blur`, `none`. */\n  @property({ type: String, attribute: `caption-backdrop`, reflect: true })\n  captionBackdrop: GridListCaptionBackdrop = `scrim`;\n\n  /**\n   * Height reserved for the caption in `separate` / `under` styles, in pixels.\n   * Ignored by `overlaid` and `hidden`.\n   */\n  @property({ type: Number, attribute: `caption-height` })\n  captionHeight = 24;\n\n  @property({ type: String, attribute: `item-wrap` })\n  itemWrap: `stop` | `wrap` = `stop`;\n\n  @state() private _scrollTop = 0;\n  @state() private _scrollLeft = 0;\n  @state() private _viewportHeight = 0;\n  @state() private _viewportWidth = 0;\n\n  #viewportRef = createRef<HTMLDivElement>();\n\n  #resizeObserver?: ResizeObserver;\n  #mutationObserver?: MutationObserver;\n  #scrollRaf = 0;\n  #items: Element[] = [];\n  #itemWrap: `stop` | `wrap` = `stop`;\n\n  /** Items added mid-list that are still playing their enter animation. */\n  #entering = new Set<Element>();\n  /** Timer that ends the `[reflowing]` window opened by a mid-list insertion. */\n  #reflowTimer = 0;\n\n  /**\n   * When cell geometry changes (zoom), the item nearest the viewport centre is\n   * captured here in `willUpdate` and the scroll position is corrected in\n   * `updated` so that item stays put — rather than the grid anchoring to its\n   * top-left corner.\n   */\n  #zoomAnchor?: { index: number; lineFrac: number };\n\n  /**\n   * Per-item slot name. Each cell renders its own named `<slot>` and the\n   * matching light-DOM child carries `slot=\"<name>\"`, so a child is projected\n   * into exactly one cell. (A single unnamed slot would collapse every child\n   * into the first cell.)\n   */\n  #slotNames = new WeakMap<Element, string>();\n  #slotSeq = 0;\n\n  readonly selection = new ListSelectionController<Element>({\n    getOrderedItems: () => this._getVisibleItems(),\n    isSelectable: () => true,\n    getModes: () => ({ selectionMode: this.selectionMode, interactionMode: this.interactionMode }),\n    getKey: keyForElement,\n    onChange: (selected, previous) => {\n      this._syncItemStates();\n      // ListSelectionController isn't a reactive controller, so nudge Lit to\n      // re-render the cells with updated `selected` classes.\n      this.requestUpdate();\n      this._dispatch<GridListSelectDetail>(`list-select`, {\n        selected,\n        previous,\n        selectedKeys: this.selection.selectedKeys,\n      });\n    },\n  });\n\n  readonly tickled = new TickledController<Element>(this, {\n    getItems: () =>\n      this.#items.map(el => ({\n        id: el,\n        enabled: !el.hasAttribute(`not-checked`),\n      })),\n    onTickle: (id) => {\n      if (id !== undefined) {\n        this._dispatch<GridListTickleDetail>(`list-tickle`, { item: id });\n      }\n    },\n    onStateChange: () => this._syncItemStates(),\n    itemWrap: this.#itemWrap,\n  });\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (!this.hasAttribute(`tabindex`)) {\n      this.tabIndex = 0;\n    }\n    // Reflect caption defaults up-front so the `:host([caption-*])` style rules\n    // apply even when the consumer never sets the attributes.\n    for (const [attr, value] of [\n      [`caption-style`, this.captionStyle],\n      [`caption-align`, this.captionAlign],\n      [`caption-position`, this.captionPosition],\n      [`caption-backdrop`, this.captionBackdrop],\n    ] as const) {\n      if (!this.hasAttribute(attr)) {\n        this.setAttribute(attr, value);\n      }\n    }\n    this.addEventListener(`keydown`, this._onKeyDown as EventListener);\n    this.#mutationObserver ??= new MutationObserver(records => this.#onChildrenChanged(records));\n    this.#mutationObserver.observe(this, { childList: true });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener(`keydown`, this._onKeyDown as EventListener);\n    this.#resizeObserver?.disconnect();\n    this.#resizeObserver = undefined;\n    this.#mutationObserver?.disconnect();\n    this.#cancelScrollRaf();\n    if (this.#reflowTimer) {\n      clearTimeout(this.#reflowTimer);\n      this.#reflowTimer = 0;\n    }\n  }\n\n  #onChildrenChanged(records?: MutationRecord[]): void {\n    const previousLength = this.#items.length;\n    this.#syncItems();\n    this._syncItemStates();\n    this.#noteChildMutation(previousLength, records);\n    this.requestUpdate();\n    void this.updateComplete.then(() => this.#emitViewportChange());\n  }\n\n  /**\n   * When the child list changes mid-list — not a first populate or a wholesale\n   * replace — mark any newcomers for an enter animation and open a short\n   * `[reflowing]` window so the cells that shift slide to their new position\n   * instead of snapping. Removals get the same window (the survivors slide to\n   * close the gap). The window is bounded in time so the transform transition\n   * never bleeds into scroll virtualisation.\n   *\n   * Reads the `MutationRecord`s directly rather than diffing `#items`, because a\n   * `requestUpdate()` between the DOM change and this callback (e.g. a caller\n   * that clears the selection before removing) lets `updated()` re-sync `#items`\n   * first, which would hide the change from a naive diff.\n   */\n  #noteChildMutation(previousLength: number, records?: MutationRecord[]): void {\n    if (!this.hasUpdated || !records || records.length === 0)\n      return;\n    const currentSet = new Set(this.#items);\n    const added: Element[] = [];\n    let removedCount = 0;\n    for (const record of records) {\n      for (const node of record.addedNodes) {\n        if (node.nodeType === Node.ELEMENT_NODE && currentSet.has(node as Element))\n          added.push(node as Element);\n      }\n      for (const node of record.removedNodes) {\n        if (node.nodeType === Node.ELEMENT_NODE)\n          removedCount++;\n      }\n    }\n    // Nothing to animate, a first populate, or a wholesale replace (every\n    // current item is new) — leave it alone.\n    if (added.length === 0 && removedCount === 0)\n      return;\n    if (previousLength === 0 && removedCount === 0)\n      return;\n    if (added.length > 0 && added.length === this.#items.length)\n      return;\n    for (const el of added)\n      this.#entering.add(el);\n    this.toggleAttribute(`reflowing`, true);\n    if (this.#reflowTimer)\n      clearTimeout(this.#reflowTimer);\n    this.#reflowTimer = window.setTimeout(() => {\n      this.#reflowTimer = 0;\n      this.#entering.clear();\n      this.toggleAttribute(`reflowing`, false);\n      this.requestUpdate();\n    }, REFLOW_WINDOW_MS);\n  }\n\n  #emitViewportChange(): void {\n    this._dispatch<GridListViewportChangeDetail>(`grid-list-viewport-change`, {\n      visibleKeys: this.visibleKeys(),\n    });\n  }\n\n  protected override firstUpdated(): void {\n    const el = this.#viewportRef.value;\n    if (!el)\n      return;\n    this._viewportWidth = el.clientWidth;\n    this._viewportHeight = el.clientHeight;\n    this.#resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        this._viewportWidth = entry.contentRect.width;\n        this._viewportHeight = entry.contentRect.height;\n      }\n    });\n    this.#resizeObserver.observe(el);\n    this.#syncItems();\n    this.requestUpdate();\n  }\n\n  protected override willUpdate(changed: PropertyValues<this>): void {\n    if (changed.has(`itemSize`) || changed.has(`gap`)) {\n      this.itemSize = Math.max(MIN_ITEM_SIZE, Math.round(this.itemSize));\n      this.gap = Math.max(0, Math.round(this.gap));\n    }\n    if (changed.has(`captionHeight`)) {\n      this.captionHeight = Math.max(0, Math.round(this.captionHeight));\n    }\n    if (changed.has(`itemWrap`)) {\n      this.#itemWrap = this.itemWrap;\n    }\n\n    const geometryChanged = changed.has(`itemSize`) || changed.has(`gap`)\n      || changed.has(`captionStyle`) || changed.has(`captionHeight`)\n      || changed.has(`orientation`);\n    if (geometryChanged && this.hasUpdated && this.#items.length > 0) {\n      const prevOrientation = (changed.get(`orientation`) as GridListOrientation | undefined) ?? this.orientation;\n      const horizontal = prevOrientation === `row`;\n      const prevOffset = horizontal ? this._scrollLeft : this._scrollTop;\n      const prevExtent = horizontal ? this._viewportWidth : this._viewportHeight;\n      if (prevExtent > 0 && prevOffset > 1) {\n        const prevItemSize = (changed.get(`itemSize`) as number | undefined) ?? this.itemSize;\n        const prevGap = (changed.get(`gap`) as number | undefined) ?? this.gap;\n        const prevCaptionStyle = (changed.get(`captionStyle`) as GridListCaptionStyle | undefined) ?? this.captionStyle;\n        const prevCaptionHeight = (changed.get(`captionHeight`) as number | undefined) ?? this.captionHeight;\n        const prevBand = prevCaptionStyle === `separate` || prevCaptionStyle === `under`;\n        const prevRowHeight = prevItemSize + (prevBand ? prevCaptionHeight : 0);\n        const prev = computeGridWindow(\n          this.#items.length,\n          prevItemSize,\n          prevRowHeight,\n          prevGap,\n          this._viewportWidth,\n          this._viewportHeight,\n          prevOffset,\n          prevOrientation,\n        );\n        const mainStride = horizontal ? prev.colStride : prev.rowStride;\n        const centerLine = (prevOffset + prevExtent / 2) / mainStride;\n        const lineFloor = Math.max(0, Math.floor(centerLine));\n        const index = horizontal\n          ? Math.min(this.#items.length - 1, lineFloor)\n          : Math.min(\n              this.#items.length - 1,\n              lineFloor * prev.cols + Math.max(0, Math.floor((prev.cols - 1) / 2)),\n            );\n        this.#zoomAnchor = { index, lineFrac: centerLine - lineFloor };\n      }\n    }\n  }\n\n  /** Full cell height: the square, plus a caption band in `separate` / `under`. */\n  #rowHeight(): number {\n    const captionBand = this.captionStyle === `separate` || this.captionStyle === `under`;\n    return this.itemSize + (captionBand ? this.captionHeight : 0);\n  }\n\n  #captionFor(el: Element): string {\n    return (\n      el.getAttribute(`data-label`)\n      ?? el.querySelector(`[data-grid-list-caption]`)?.textContent?.trim()\n      ?? ``\n    );\n  }\n\n  protected override updated(changed: PropertyValues<this>): void {\n    super.updated(changed);\n    this.#syncItems();\n    if (changed.has(`selectionMode`) || changed.has(`interactionMode`)) {\n      this.selection.clearAnchor();\n    }\n    if (changed.has(`orientation`)) {\n      // Reset the axis that's no longer scrollable so a later switch back\n      // doesn't inherit a stale offset.\n      const vp = this.#viewportRef.value;\n      if (vp) {\n        if (this.orientation === `row`) {\n          vp.scrollTop = 0;\n          this._scrollTop = 0;\n        } else {\n          vp.scrollLeft = 0;\n          this._scrollLeft = 0;\n        }\n      }\n    }\n    this.#applyZoomAnchor();\n  }\n\n  /** Re-anchor the scroll so the item captured in `willUpdate` stays centred. */\n  #applyZoomAnchor(): void {\n    if (!this.#zoomAnchor)\n      return;\n    const { index, lineFrac } = this.#zoomAnchor;\n    this.#zoomAnchor = undefined;\n\n    const vp = this.#viewportRef.value;\n    if (!vp)\n      return;\n    const win = this.#currentWindow();\n\n    if (win.horizontal) {\n      if (this._viewportWidth <= 0)\n        return;\n      const targetCenter = (index + lineFrac) * win.colStride;\n      const maxScroll = Math.max(0, win.totalWidth - this._viewportWidth);\n      const next = Math.min(maxScroll, Math.max(0, targetCenter - this._viewportWidth / 2));\n      if (Math.abs(vp.scrollLeft - next) > 0.5) {\n        vp.scrollLeft = next;\n        this._scrollLeft = next;\n      }\n      return;\n    }\n\n    if (this._viewportHeight <= 0)\n      return;\n    const line = win.cols > 0 ? Math.floor(index / win.cols) : 0;\n    const targetCenter = (line + lineFrac) * win.rowStride;\n    const maxScroll = Math.max(0, win.totalHeight - this._viewportHeight);\n    const next = Math.min(maxScroll, Math.max(0, targetCenter - this._viewportHeight / 2));\n    if (Math.abs(vp.scrollTop - next) > 0.5) {\n      vp.scrollTop = next;\n      this._scrollTop = next;\n    }\n  }\n\n  #syncItems(): void {\n    this.#items = Array.from(this.querySelectorAll(ITEM_SELECTOR));\n    for (const el of this.#items) {\n      const name = this.#slotNameFor(el);\n      if (el.getAttribute(`slot`) !== name) {\n        el.setAttribute(`slot`, name);\n      }\n    }\n  }\n\n  #slotNameFor(el: Element): string {\n    let name = this.#slotNames.get(el);\n    if (name === undefined) {\n      this.#slotSeq += 1;\n      name = `gl-item-${this.#slotSeq}`;\n      this.#slotNames.set(el, name);\n    }\n    return name;\n  }\n\n  private _getVisibleItems(): Element[] {\n    return this.#items.filter((el) => {\n      if ((el as HTMLElement).hidden)\n        return false;\n      return true;\n    });\n  }\n\n  get count(): number {\n    return this.#items.length;\n  }\n\n  /**\n   * Number of cells currently rendered in the shadow DOM. With virtualization\n   * this is roughly the visible rows plus overscan, regardless of how large\n   * `count` is — useful for demos/diagnostics.\n   */\n  get renderedCount(): number {\n    return this.renderRoot.querySelectorAll(`.cell`).length;\n  }\n\n  get selectedItems(): ReadonlySet<Element> {\n    return this.selection.selected;\n  }\n\n  /** The selection as stable `data-key` / `data-value` strings. */\n  get selectedKeys(): ReadonlySet<string> {\n    return this.selection.selectedKeys;\n  }\n\n  select(item: Element): void {\n    this.selection.replace(item);\n  }\n\n  selectMany(items: Iterable<Element>): void {\n    this.selection.selectMany(items);\n  }\n\n  deselect(item: Element): void {\n    this.selection.deselect(item);\n  }\n\n  clearSelection(): void {\n    this.selection.clear();\n  }\n\n  selectAll(): void {\n    if (this.selection.canSelectAll()) {\n      this.selection.selectAll();\n    }\n  }\n\n  /**\n   * Replace the selection with the items carrying these keys. Unknown keys are\n   * ignored; survives the host rebuilding the item set. Requires each item to\n   * have a `data-key` (or `data-value`).\n   */\n  selectKeys(keys: Iterable<string>): void {\n    this.selection.selectKeys(keys, key => this.getItem(key));\n  }\n\n  /** Add items by key to the selection (multi-select modes only). */\n  addSelectedKeys(keys: Iterable<string>): void {\n    this.selection.addKeys(keys, key => this.getItem(key));\n  }\n\n  /** Remove items by key from the selection. */\n  removeSelectedKeys(keys: Iterable<string>): void {\n    this.selection.removeKeys(keys, key => this.getItem(key));\n  }\n\n  /** Move the cursor to the item with this key and scroll it into view. */\n  focusKey(key: string): void {\n    const el = this.getItem(key);\n    if (!el)\n      return;\n    this.tickled.focus(el);\n    this.#scrollItemIntoView(el);\n  }\n\n  /** The key of the item under the cursor, or `undefined`. */\n  get tickledKey(): string | undefined {\n    const id = this.tickled.tickledId;\n    return id ? keyForElement(id) : undefined;\n  }\n\n  getItem(key: string): Element | undefined {\n    return this.#items.find(el => keyForElement(el) === key);\n  }\n\n  getItemByIndex(index: number): Element | undefined {\n    return this.#items[index];\n  }\n\n  getKey(item: Element): string | undefined {\n    return keyForElement(item);\n  }\n\n  visibleKeys(): string[] {\n    const win = this.#currentWindow();\n    const slice = this.#items.slice(win.startIndex, win.endIndex);\n    return slice\n      .map(el => keyForElement(el))\n      .filter((k): k is string => k !== undefined);\n  }\n\n  /** Adjust the scroll offset so `el` is fully within the viewport. */\n  #scrollItemIntoView(el: Element): void {\n    const index = this.#items.indexOf(el);\n    const vp = this.#viewportRef.value;\n    if (index < 0 || !vp)\n      return;\n    const win = this.#currentWindow();\n\n    if (win.horizontal) {\n      const left = index * win.colStride;\n      const right = left + this.itemSize;\n      const viewLeft = vp.scrollLeft;\n      let next = viewLeft;\n      if (left < viewLeft)\n        next = left;\n      else if (right > viewLeft + this._viewportWidth)\n        next = right - this._viewportWidth;\n      if (next !== viewLeft) {\n        vp.scrollLeft = next;\n        this._scrollLeft = next;\n      }\n      return;\n    }\n\n    const row = win.cols > 0 ? Math.floor(index / win.cols) : 0;\n    const top = row * win.rowStride;\n    const bottom = top + this.#rowHeight();\n    const viewTop = vp.scrollTop;\n    let next = viewTop;\n    if (top < viewTop)\n      next = top;\n    else if (bottom > viewTop + this._viewportHeight)\n      next = bottom - this._viewportHeight;\n    if (next !== viewTop) {\n      vp.scrollTop = next;\n      this._scrollTop = next;\n    }\n  }\n\n  private _syncItemStates(): void {\n    for (const el of this.#items) {\n      el.toggleAttribute(`data-tickled`, this.tickled.isTickled(el));\n      el.toggleAttribute(`data-selected`, this.selection.selected.has(el));\n    }\n    this.setAttribute(`data-input-mode`, this.tickled.inputMode);\n  }\n\n  private _dispatch<T>(name: string, detail: T): void {\n    this.dispatchEvent(\n      new CustomEvent<T>(name, {\n        detail,\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  protected override render(): ReturnType<typeof html> {\n    const win = this.#currentWindow();\n    const slice = this.#items.slice(win.startIndex, win.endIndex);\n    const spacerStyle = win.horizontal\n      ? `width:${win.totalWidth}px;height:100%`\n      : `height:${win.totalHeight}px`;\n    // Fade the edge that can still be scrolled towards (see ../styles/scroll-fade.ts).\n    const scrollFade = win.horizontal ? `scroll-fade-x` : `scroll-fade-y`;\n    return html`\n      <div\n        class=\"viewport ${scrollFade}\"\n        part=\"viewport\"\n        ${ref(this.#viewportRef)}\n        data-input-mode=${this.tickled.inputMode}\n        @scroll=${this.#onScroll}\n      >\n        <div class=\"spacer\" style=${spacerStyle}>\n          ${repeat(\n            slice,\n            el => this.#slotNameFor(el),\n            (el, i) => this.#renderCell(el, win.startIndex + i, win),\n          )}\n        </div>\n      </div>\n    `;\n  }\n\n  #renderCell(el: Element, index: number, win: GridWindow): ReturnType<typeof html> {\n    const selected = this.selection.selected.has(el);\n    const tickled = this.tickled.isTickled(el);\n    const entering = this.#entering.has(el);\n    const style = this.captionStyle;\n    const separate = style === `separate`;\n    const caption = style === `hidden` ? `` : this.#captionFor(el);\n    const showCaption = caption !== ``;\n    const cellHeight = win.rowStride - this.gap;\n    const x = win.horizontal ? index * win.colStride : columnOf(index, win.cols) * win.colStride;\n    // `row`: a single row, vertically centred in the viewport.\n    const y = win.horizontal\n      ? Math.max(0, (this._viewportHeight - cellHeight) / 2)\n      : rowOf(index, win.cols) * win.rowStride;\n    const thumbStyle = separate ? `height:${this.itemSize}px` : ``;\n    const captionCss = separate\n      ? `height:${Math.max(0, this.captionHeight - 4)}px`\n      : style === `under`\n        ? `height:${this.captionHeight}px`\n        : ``;\n    return html`\n      <div\n        class=\"cell${selected ? ` selected` : ``}${tickled ? ` tickled` : ``}${entering ? ` entering` : ``}\"\n        part=\"item\"\n        style=\"width:${this.itemSize}px;height:${cellHeight}px;transform:translate(${x}px,${y}px)\"\n        data-index=${index}\n        @click=${(e: MouseEvent) => this.#onCellClick(e, el)}\n        @dblclick=${() => this.#onCellActivate(el)}\n        @pointerenter=${() => this.tickled.handlePointerEnter(el)}\n      >\n        <div class=\"thumb\" part=\"thumb\" style=${thumbStyle}>\n          <slot name=${this.#slotNameFor(el)}></slot>\n        </div>\n        ${showCaption\n          ? html`<div class=\"caption\" part=\"caption\" style=${captionCss}>${caption}</div>`\n          : ``}\n      </div>\n    `;\n  }\n\n  #onScroll = (e: Event): void => {\n    const el = e.target as HTMLDivElement;\n    this.#cancelScrollRaf();\n    this.#scrollRaf = requestAnimationFrame(() => {\n      this.#scrollRaf = 0;\n      this._scrollTop = el.scrollTop;\n      this._scrollLeft = el.scrollLeft;\n      this.#emitViewportChange();\n    });\n  };\n\n  #cancelScrollRaf(): void {\n    if (this.#scrollRaf !== 0) {\n      cancelAnimationFrame(this.#scrollRaf);\n      this.#scrollRaf = 0;\n    }\n  }\n\n  #onCellClick(e: MouseEvent, item: Element): void {\n    this.selection.handleClick(item, e);\n    this._dispatch<GridListItemClickDetail>(`list-item-click`, { item });\n  }\n\n  #onCellActivate(item: Element): void {\n    if (this.interactionMode !== `manual`) {\n      this.selection.replace(item);\n    }\n    this._dispatch<GridListActivateDetail>(`list-activate`, { item });\n  }\n\n  #currentWindow(): GridWindow {\n    return computeGridWindow(\n      this.#items.length,\n      this.itemSize,\n      this.#rowHeight(),\n      this.gap,\n      this._viewportWidth,\n      this._viewportHeight,\n      this.orientation === `row` ? this._scrollLeft : this._scrollTop,\n      this.orientation,\n    );\n  }\n\n  private _onKeyDown = (e: KeyboardEvent): void => {\n    if ((e.ctrlKey || e.metaKey) && e.key === `f`) {\n      return;\n    }\n    if ((e.ctrlKey || e.metaKey) && e.key === `a`) {\n      if (this.selection.canSelectAll()) {\n        e.preventDefault();\n        this.selection.selectAll();\n      }\n      return;\n    }\n\n    const count = this.#items.length;\n    if (count === 0)\n      return;\n\n    const win = this.#currentWindow();\n    const move = (delta: number): void => {\n      const from = this.tickled.tickledId\n        ? this.#items.indexOf(this.tickled.tickledId)\n        : -1;\n      const nextIndex = Math.max(0, Math.min(count - 1, from + delta));\n      const next = this.#items[nextIndex];\n      if (next) {\n        this.tickled.handleKeyboardNavigation(next);\n      }\n    };\n\n    // In `grid` a vertical arrow jumps a whole row; in `row`/`column` every\n    // arrow just steps one item along the single line.\n    const perLine = this.orientation === `grid` ? win.cols : 1;\n\n    switch (e.key) {\n      case `ArrowLeft`:\n        move(-1);\n        break;\n      case `ArrowRight`:\n        move(1);\n        break;\n      case `ArrowUp`:\n        move(-perLine);\n        break;\n      case `ArrowDown`:\n        move(perLine);\n        break;\n      case `Home`:\n        this.tickled.handleKeyboardNavigation(`first`);\n        break;\n      case `End`:\n        this.tickled.handleKeyboardNavigation(`last`);\n        break;\n      case `PageUp`:\n      case `PageDown`: {\n        const mainExtent = win.horizontal ? this._viewportWidth : this._viewportHeight;\n        const mainStride = win.horizontal ? win.colStride : win.rowStride;\n        const visibleLines = Math.max(1, Math.floor(mainExtent / mainStride));\n        move((e.key === `PageDown` ? 1 : -1) * visibleLines * perLine);\n        break;\n      }\n      case `Enter`: {\n        const id = this.tickled.tickledId;\n        if (id) {\n          e.preventDefault();\n          this._dispatch<GridListItemClickDetail>(`list-item-click`, { item: id });\n          this.#onCellActivate(id);\n        }\n        break;\n      }\n      case ` `: {\n        const id = this.tickled.tickledId;\n        if (id) {\n          e.preventDefault();\n          this.selection.handleSpace(id);\n        }\n        break;\n      }\n      case `Escape`:\n        this.selection.clear();\n        break;\n      default:\n        return;\n    }\n    e.preventDefault();\n  };\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-grid-list': GridListElement;\n  }\n}\n\nexport interface GridListElement {\n  addEventListener<K extends keyof GridListFullElementEventMap>(\n    type: K,\n    listener: (this: GridListElement, ev: GridListFullElementEventMap[K]) => void,\n    options?: boolean | AddEventListenerOptions,\n  ): void;\n  addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions,\n  ): void;\n}\n"],"mappings":"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"}

package/dist/incr-search-vCzuao-2.js

@@ -1,137 +0,0 @@
-import { n as buildHighlightTargets, r as clearHighlights, t as applyHighlights } from "./highlight-B-eQrhhb.js";
-import { n as createIncrSearch, r as createFuzzySearch } from "./element-search-Y8SRfPGM.js";
-//#region src/incr-search/ac-adapter.ts
-/**
-* Creates an ixfx-ac-text-compatible `completionProvider` function from a
-* static item list. Uses synchronous fuzzy search wrapped in a Promise so it
-* fits the async provider signature.
-*
-* Each returned item has `positions` populated with matched character indices,
-* which `ixfx-ac-text` uses to render CSS Custom Highlights on the label.
-*
-* Empty query returns all items in original order (no positions).
-* A cancelled signal causes the returned promise to reject with an AbortError.
-*/
-function createAcCompletionProvider(items, options = {}) {
-	const selector = options.selector ?? ((item) => item.label);
-	const fuzzy = createFuzzySearch(items, { selector });
-	return (query, signal) => new Promise((resolve, reject) => {
-		if (signal.aborted) {
-			reject(new DOMException(`Aborted`, `AbortError`));
-			return;
-		}
-		const results = fuzzy.find(query).map((r) => ({
-			...r.item,
-			positions: r.positions
-		}));
-		if (signal.aborted) {
-			reject(new DOMException(`Aborted`, `AbortError`));
-			return;
-		}
-		resolve(results);
-	});
-}
-//#endregion
-//#region src/incr-search/controller-tree.ts
-const DEFAULT_HIGHLIGHT_KEY = `incr-search-highlight`;
-/**
-* Incremental-search controller for any component implementing `TreeSearchHost`
-* (i.e. `ixfx-tree-list`, `ixfx-miller-list`, `ixfx-crumb-navigation`).
-*
-* Replaces the previous separate `IncrSearchTreeController` / `IncrSearchMillerController`
-* classes — the unified `TreeFilterPredicate` (with depth) means one implementation works
-* for all tree-like components.
-*
-* @example Using with ixfx-tree-list:
-* ```typescript
-* const ctrl = new IncrSearchTreeController(myTreeList, {
-*   selector: item => item.node.item.label,
-* });
-* ctrl.connect();
-* ```
-*
-* @example Using with ixfx-miller-list (different label selector):
-* ```typescript
-* const ctrl = new IncrSearchTreeController(myMillerList, {
-*   selector: item => item.node.item.label,
-*   labelSelector: '.label',
-* });
-* ctrl.connect();
-* ```
-*/
-var IncrSearchTreeController = class {
-	#el;
-	#opts;
-	#search;
-	#unsub;
-	#labelMap = /* @__PURE__ */ new Map();
-	constructor(el, opts) {
-		this.#el = el;
-		this.#opts = opts;
-		this.#search = createIncrSearch({
-			selector: opts.selector,
-			fzf: opts.fzf
-		});
-	}
-	connect() {
-		this.disconnect();
-		const items = this.#el.getNodes();
-		for (const item of items) this.#labelMap.set(this.#opts.selector(item), item);
-		this.#search.setItems(items);
-		if (this.#opts.input) {
-			this.#opts.input.addEventListener(`input`, this.#onInput);
-			this.#opts.input.addEventListener(`keydown`, this.#onKeydown);
-		}
-		this.#unsub = this.#search.onChange((state) => this.#onStateChange(state));
-	}
-	disconnect() {
-		if (this.#unsub) {
-			this.#unsub();
-			this.#unsub = void 0;
-		}
-		if (this.#opts.input) {
-			this.#opts.input.removeEventListener(`input`, this.#onInput);
-			this.#opts.input.removeEventListener(`keydown`, this.#onKeydown);
-		}
-		this.#el.filterPredicate = void 0;
-		clearHighlights({ key: this.#opts.highlightKey ?? DEFAULT_HIGHLIGHT_KEY });
-		this.#labelMap.clear();
-	}
-	async setQuery(query) {
-		await this.#search.setQuery(query);
-	}
-	async clearQuery() {
-		await this.#search.clearQuery();
-	}
-	#onInput = () => {
-		const value = this.#opts.input?.value ?? ``;
-		this.setQuery(value);
-	};
-	#onKeydown = (e) => {
-		if (e.key === `Escape` && this.#opts.input) {
-			this.#opts.input.value = ``;
-			this.clearQuery();
-		}
-	};
-	#onStateChange(state) {
-		const matched = new Set(state.results.map((r) => r.item.node.item.key));
-		const hasQuery = state.query.trim().length > 0;
-		this.#el.filterPredicate = hasQuery && matched.size > 0 ? (node, _depth) => matched.has(node.item.key) : void 0;
-		const key = this.#opts.highlightKey ?? DEFAULT_HIGHLIGHT_KEY;
-		if (!this.#el.shadowRoot) return;
-		if (!state.query.trim()) {
-			clearHighlights({ key });
-			return;
-		}
-		const labelSelector = this.#opts.labelSelector ?? `.tree-label`;
-		const targets = buildHighlightTargets(this.#el.shadowRoot, labelSelector, state.positionsByItem, (labelEl) => {
-			const text = labelEl.textContent ?? ``;
-			return this.#labelMap.get(text);
-		}, (labelEl) => labelEl.textContent ?? ``);
-		applyHighlights(targets, { key });
-	}
-};
-//#endregion
-export { createAcCompletionProvider as n, IncrSearchTreeController as t };
-
-//# sourceMappingURL=incr-search-vCzuao-2.js.map

package/dist/incr-search-vCzuao-2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"incr-search-vCzuao-2.js","names":["#el","#opts","#search","#labelMap","#onInput","#onKeydown","#unsub","#onStateChange"],"sources":["../src/incr-search/ac-adapter.ts","../src/incr-search/controller-tree.ts"],"sourcesContent":["import type { FuzzySearchOptions } from './types.js';\nimport { createFuzzySearch } from './fuzzy.js';\n\n/**\n * Creates an ixfx-ac-text-compatible `completionProvider` function from a\n * static item list. Uses synchronous fuzzy search wrapped in a Promise so it\n * fits the async provider signature.\n *\n * Each returned item has `positions` populated with matched character indices,\n * which `ixfx-ac-text` uses to render CSS Custom Highlights on the label.\n *\n * Empty query returns all items in original order (no positions).\n * A cancelled signal causes the returned promise to reject with an AbortError.\n */\nexport function createAcCompletionProvider<T extends { label: string }>(\n  items: readonly T[],\n  options: Pick<FuzzySearchOptions<T>, `selector`> = {},\n): (query: string, signal: AbortSignal) => Promise<Array<T & { positions: ReadonlySet<number> }>> {\n  const selector = options.selector ?? ((item: T) => item.label);\n  const fuzzy = createFuzzySearch(items, { selector });\n\n  return (\n    query: string,\n    signal: AbortSignal,\n  ): Promise<Array<T & { positions: ReadonlySet<number> }>> =>\n    new Promise((resolve, reject) => {\n      if (signal.aborted) {\n        reject(new DOMException(`Aborted`, `AbortError`));\n        return;\n      }\n\n      const results = fuzzy.find(query).map(r => ({ ...r.item, positions: r.positions }));\n\n      if (signal.aborted) {\n        reject(new DOMException(`Aborted`, `AbortError`));\n        return;\n      }\n\n      resolve(results);\n    });\n}\n","import type { FzfOptions } from 'fzf';\nimport type { TreeSearchHost } from '../common/searchable.js';\nimport type { TreeNode } from '../common/types.js';\nimport type { IncrSearchState } from './types.js';\nimport { applyHighlights, buildHighlightTargets, clearHighlights } from './highlight.js';\nimport { createIncrSearch } from './incr-search.js';\n\nconst DEFAULT_HIGHLIGHT_KEY = `incr-search-highlight`;\n\nexport type IncrSearchTreeOptions = {\n  selector: (item: { node: TreeNode; depth: number }) => string;\n  /**\n   * CSS selector for the label elements inside the shadow root.\n   * Defaults to `.tree-label` (suitable for ixfx-tree-list).\n   * Use `.label` for ixfx-miller-list.\n   */\n  labelSelector?: string;\n  highlightKey?: string;\n  input?: HTMLInputElement;\n  fzf?: Partial<FzfOptions<{ node: TreeNode; depth: number }>>;\n};\n\ntype SearchItem = { node: TreeNode; depth: number };\n\n/**\n * Incremental-search controller for any component implementing `TreeSearchHost`\n * (i.e. `ixfx-tree-list`, `ixfx-miller-list`, `ixfx-crumb-navigation`).\n *\n * Replaces the previous separate `IncrSearchTreeController` / `IncrSearchMillerController`\n * classes — the unified `TreeFilterPredicate` (with depth) means one implementation works\n * for all tree-like components.\n *\n * @example Using with ixfx-tree-list:\n * ```typescript\n * const ctrl = new IncrSearchTreeController(myTreeList, {\n *   selector: item => item.node.item.label,\n * });\n * ctrl.connect();\n * ```\n *\n * @example Using with ixfx-miller-list (different label selector):\n * ```typescript\n * const ctrl = new IncrSearchTreeController(myMillerList, {\n *   selector: item => item.node.item.label,\n *   labelSelector: '.label',\n * });\n * ctrl.connect();\n * ```\n */\nexport class IncrSearchTreeController {\n  #el: TreeSearchHost;\n  #opts: IncrSearchTreeOptions;\n  #search: ReturnType<typeof createIncrSearch<SearchItem>>;\n  #unsub: (() => void) | undefined;\n  #labelMap = new Map<string, SearchItem>();\n\n  constructor(el: TreeSearchHost, opts: IncrSearchTreeOptions) {\n    this.#el = el;\n    this.#opts = opts;\n    this.#search = createIncrSearch<SearchItem>({\n      selector: opts.selector,\n      fzf: opts.fzf,\n    });\n  }\n\n  connect(): void {\n    this.disconnect();\n\n    const items = this.#el.getNodes();\n    for (const item of items) {\n      this.#labelMap.set(this.#opts.selector(item), item);\n    }\n    void this.#search.setItems(items);\n\n    if (this.#opts.input) {\n      this.#opts.input.addEventListener(`input`, this.#onInput);\n      this.#opts.input.addEventListener(`keydown`, this.#onKeydown);\n    }\n\n    this.#unsub = this.#search.onChange(state => this.#onStateChange(state));\n  }\n\n  disconnect(): void {\n    if (this.#unsub) {\n      this.#unsub();\n      this.#unsub = undefined;\n    }\n    if (this.#opts.input) {\n      this.#opts.input.removeEventListener(`input`, this.#onInput);\n      this.#opts.input.removeEventListener(`keydown`, this.#onKeydown);\n    }\n    this.#el.filterPredicate = undefined;\n    clearHighlights({ key: this.#opts.highlightKey ?? DEFAULT_HIGHLIGHT_KEY });\n    this.#labelMap.clear();\n  }\n\n  async setQuery(query: string): Promise<void> {\n    await this.#search.setQuery(query);\n  }\n\n  async clearQuery(): Promise<void> {\n    await this.#search.clearQuery();\n  }\n\n  #onInput = () => {\n    const value = this.#opts.input?.value ?? ``;\n    void this.setQuery(value);\n  };\n\n  #onKeydown = (e: KeyboardEvent) => {\n    if (e.key === `Escape` && this.#opts.input) {\n      this.#opts.input.value = ``;\n      void this.clearQuery();\n    }\n  };\n\n  #onStateChange(state: IncrSearchState<SearchItem>): void {\n    const matched = new Set(state.results.map(r => r.item.node.item.key));\n    const hasQuery = state.query.trim().length > 0;\n    this.#el.filterPredicate = hasQuery && matched.size > 0\n      ? (node: TreeNode, _depth: number) => matched.has(node.item.key)\n      : undefined;\n\n    const key = this.#opts.highlightKey ?? DEFAULT_HIGHLIGHT_KEY;\n    if (!this.#el.shadowRoot)\n      return;\n\n    if (!state.query.trim()) {\n      clearHighlights({ key });\n      return;\n    }\n\n    const labelSelector = this.#opts.labelSelector ?? `.tree-label`;\n    const targets = buildHighlightTargets(\n      this.#el.shadowRoot,\n      labelSelector,\n      state.positionsByItem,\n      (labelEl) => {\n        const text = labelEl.textContent ?? ``;\n        return this.#labelMap.get(text);\n      },\n      labelEl => labelEl.textContent ?? ``,\n    );\n    applyHighlights(targets, { key });\n  }\n}\n"],"mappings":"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"}