@ixfx/components 0.5.20 → 0.6.0

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

@@ -0,0 +1,137 @@
+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

@@ -0,0 +1 @@
+{"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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"}

package/dist/incr-search.d.ts

@@ -1,2 +1,2 @@
-import { _ as IncrSearchChangeCallback, a as createFuzzySearch, b as IncrSearchState, c as IncrSearchTreeController, d as ElementIncrSearchOptions, f as FuzzySearch, g as IncrSearch, h as HighlightTarget, i as clearHighlights, l as IncrSearchTreeOptions, m as HighlightOptions, n as applyHighlights, o as ElementIncrSearch, p as FuzzySearchOptions, r as buildHighlightTargets, s as createElementIncrSearch, t as createIncrSearch, u as createAcCompletionProvider, v as IncrSearchOptions, y as IncrSearchResult } from "./index-BslNaMLo.js";
+import { _ as IncrSearchChangeCallback, a as createFuzzySearch, b as IncrSearchState, c as IncrSearchTreeController, d as ElementIncrSearchOptions, f as FuzzySearch, g as IncrSearch, h as HighlightTarget, i as clearHighlights, l as IncrSearchTreeOptions, m as HighlightOptions, n as applyHighlights, o as ElementIncrSearch, p as FuzzySearchOptions, r as buildHighlightTargets, s as createElementIncrSearch, t as createIncrSearch, u as createAcCompletionProvider, v as IncrSearchOptions, y as IncrSearchResult } from "./index-Cu5i8zZY.js";
 export { type ElementIncrSearch, type ElementIncrSearchOptions, type FuzzySearch, type FuzzySearchOptions, type HighlightOptions, type HighlightTarget, type IncrSearch, type IncrSearchChangeCallback, IncrSearchTreeController as IncrSearchMillerController, IncrSearchTreeController, type IncrSearchTreeOptions as IncrSearchMillerOptions, type IncrSearchTreeOptions, type IncrSearchOptions, type IncrSearchResult, type IncrSearchState, applyHighlights, buildHighlightTargets, clearHighlights, createAcCompletionProvider, createElementIncrSearch, createFuzzySearch, createIncrSearch };

package/dist/incr-search.js

@@ -1,3 +1,4 @@
 import { n as buildHighlightTargets, r as clearHighlights, t as applyHighlights } from "./highlight-B-eQrhhb.js";
-import { a as createFuzzySearch, i as createAcCompletionProvider, n as IncrSearchTreeController, r as createIncrSearch, t as createElementIncrSearch } from "./incr-search-CeERfijK.js";
+import { n as createIncrSearch, r as createFuzzySearch, t as createElementIncrSearch } from "./element-search-Y8SRfPGM.js";
+import { n as createAcCompletionProvider, t as IncrSearchTreeController } from "./incr-search-vCzuao-2.js";
 export { IncrSearchTreeController as IncrSearchMillerController, IncrSearchTreeController, applyHighlights, buildHighlightTargets, clearHighlights, createAcCompletionProvider, createElementIncrSearch, createFuzzySearch, createIncrSearch };

package/dist/{index-DrKRD8_a.d.ts → index-BOUaDIW-.d.ts}

@@ -1,6 +1,6 @@
+import "./index-BUB5SICW.js";
 import { CSSResultGroup, LitElement, PropertyValues } from "lit";
 import { Colour } from "@ixfx/visual";
-
 //#region src/colour-picker/types.d.ts
 /**
  * OKLCH colour value representation
@@ -31,7 +31,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-colour-picker': ColourPicker;
   }
-} //# sourceMappingURL=types.d.ts.map
+}
 //#endregion
 //#region src/colour-picker/colour-picker.d.ts
 declare class ColourPicker extends LitElement {
@@ -106,7 +106,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-colour-picker': ColourPicker;
   }
-} //# sourceMappingURL=colour-picker.d.ts.map
+}
 //#endregion
 //#region src/colour-picker/colour-picker-popup.d.ts
 declare const PICKER_SIZES: {
@@ -184,4 +184,4 @@ declare global {
 }
 //#endregion
 export { ColourPickerInputEvent as a, ColourPickerEventDetail as i, ColourPicker as n, OklchValue as o, ColourPickerChangeEvent as r, ColourPickerPopup as t };
-//# sourceMappingURL=index-DrKRD8_a.d.ts.map
+//# sourceMappingURL=index-BOUaDIW-.d.ts.map

package/dist/index-BOUaDIW-.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BOUaDIW-.d.ts","names":[],"sources":["../src/colour-picker/types.ts","../src/colour-picker/colour-picker.ts","../src/colour-picker/colour-picker-popup.ts"],"mappings":";;;;;;;KAGY;WACD;WACA;WACA;WACA;WACA;WACA;;;;;KAMC,0BAA0B;;;;KAK1B,yBAAyB,YAAY;KACrC,0BAA0B,YAAY;KAiBtC;KACA;;;;QAKJ;YACI;IACR,sBAAmD;;;;;cCZ1C,qBAAqB;EACJ;EACA;EACA;EACA;EAE2C;EACN;EACA;EACA;EACf;EACmB;EACM;EACH;UAGhE;EAE0C;EACA;EACA;EACA;UAE1C;EAOY,UAAW;EACX,UAAW;EACX,UAAW;EACX,UAAW;EACZ,YAAa;UAIxB;UACA;UACA;UACA;mBAKS;MAEb;MAIA,MAAM;;;;;;EAcV,UAAU,QAAQ,OAAO;MASrB,UAAU;MAIV,OAAO,OAAO;MAId,UAAU;MAIV,OAAO,OAAO;MAId,UAAU;MAIV,OAAO,OAAO;MAId,UAAU;MAIV,OAAO,OAAO;EAIlB,UAAU,OAAO;EAIjB,UAAU,OAAO;EAIjB,UAAU,OAAO;EAIjB,UAAU,OAAO;EAIR,WAAW,mBAAmB;UAY/B;UAOA;UASA;UAUA;UA0BA;UAIA;UAYA;UAWA;EAKC,wBAAM;EAoCN,aAAa,mBAAmB;EAKhC,QAAQ,mBAAmB;EAqBpC;EA4FA,WAAY,GAAG,OAAO;EAQtB,YAAa,GAAG,OAAO;EAevB;EAKA;SAKO,QAAQ;;QAoIT;YACI;IACR,sBAAsB;;;;;cCthBpB;;;;;;;;;;;;;;;;;;KAOD,0BAA0B;cAgBlB,0BAA0B;EACT;EAEA;EACA;EACA;EACA;EAE4B;EACS;EACA;EACA;EACf;EACI;EAC1B,MAAM;UAEjB;UACA;EAEA,UAAW;EACC,WAAY;mBAExB;mBACA;mBACA;UAGT;UACA;UACA;UACA;UAGA;UACA;UACA;UACA;UAGA;;MAUJ;MAIA,MAAM,QAAQ,OAAO;cAIb;cAQA;EAIZ,UAAU,QAAQ,OAAO;EAQhB,aAAa,mBAAmB;EAMhC,QAAQ,mBAAmB;UAS5B;UAUA;UAOA;UAoBA;UAmBA;UAmBA;UAcA;UAYA;UAKA;EAKC,wBAAM;SAiDR,QAAQ;;QAmGT;YACI;IACR,4BAA4B"}

package/dist/{index-CkMIKEWp.d.ts → index-BUB5SICW.d.ts}

@@ -1,6 +1,5 @@
-import { t as LabelledInputBase } from "./labelled-input-base-ORb1rGq6.js";
+import { t as LabelledInputBase } from "./labelled-input-base-Dp_9KP0G.js";
 import { CSSResultGroup } from "lit";
-
 //#region src/labelled-range-input/labelled-range-input.d.ts
 declare class LabelledRangeInput extends LabelledInputBase {
   readonly inputSelector = "ixfx-range-input";
@@ -19,7 +18,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-labelled-range-input': LabelledRangeInput;
   }
-} //# sourceMappingURL=labelled-range-input.d.ts.map
+}
 //#endregion
 export { LabelledRangeInput as t };
-//# sourceMappingURL=index-CkMIKEWp.d.ts.map
+//# sourceMappingURL=index-BUB5SICW.d.ts.map

package/dist/index-BUB5SICW.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BUB5SICW.d.ts","names":[],"sources":["../src/labelled-range-input/labelled-range-input.ts"],"mappings":";;;cAuEa,2BAA2B;WAC7B;EAEmB;EACC;EACyB;EACQ;;EAEjC;EAE2B;YAErC,uCAAqB;EA2B/B,wBAAM;SA2BR,QAAQ;;QA2ET;YACI;IACR,6BAA6B"}

package/dist/{index-tX6fKF8m.d.ts → index-BeuCXtiO.d.ts}

@@ -1,4 +1,5 @@
 import { LitElement, PropertyValues } from "lit";
+import "@clinth/vcanvas";
 //#region src/timeline/types.d.ts
 type TimelineTrack = {
   readonly key: string;
@@ -233,7 +234,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-timeline-track-tab': TimelineTrackTabElement;
   }
-} //# sourceMappingURL=timeline-track-tabs.d.ts.map
+}
 //#endregion
 //#region src/timeline/timeline-element.d.ts
 type VCanvasElement$1 = HTMLElement & {
@@ -381,7 +382,6 @@ type VCanvasElement = HTMLElement & {
   invalidateAll: () => void;
   invalidateRegion: (x: number, y: number, w: number, h: number) => void;
 };
-/** Total pointer movement (px) before an axis drag activates */
 /**
  * Attaches pointer and keyboard interaction handlers to the timeline.
  * Returns a cleanup function.
@@ -392,4 +392,4 @@ declare function attachTimelineInteractions(host: IxfxTimelineElement, vcanvasEl
 declare const timelineStyles: import("lit").CSSResult;
 //#endregion
 export { TimelineTrackReorderEvent as A, TimelineEventResizeEvent as C, TimelineTickleChangeEvent as D, TimelineTickleChangeDetail as E, TrackHeightMode as F, TrackLayout as I, UserScale as L, TimelineTrackResizeEvent as M, TimelineTrackSelectDetail as N, TimelineTrack as O, TimelineTrackSelectEvent as P, ViewRange as R, TimelineEventResizeDetail as S, TimelineSelectionChangeEvent as T, TimelineDraggingEvent as _, CssVars as a, TimelineEventMoveDetail as b, resolveGrid as c, DragSnappingFn as d, DragTarget as f, TimelineDraggingDetail as g, TimelineDraggingCallbackDetail as h, TimelineTrackTabElement as i, TimelineTrackResizeDetail as j, TimelineTrackReorderDetail as k, TimelineController as l, GridResolution as m, attachTimelineInteractions as n, Rect as o, GridMode as p, IxfxTimelineElement as r, resolveCssVars as s, timelineStyles as t, TimelineControllerConfig as u, TimelineElementEventMap as v, TimelineSelectionChangeDetail as w, TimelineEventMoveEvent as x, TimelineEvent as y };
-//# sourceMappingURL=index-tX6fKF8m.d.ts.map
+//# sourceMappingURL=index-BeuCXtiO.d.ts.map

package/dist/index-BeuCXtiO.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BeuCXtiO.d.ts","names":[],"sources":["../src/timeline/types.ts","../src/timeline/timeline-controller.ts","../src/timeline/timeline-draw.ts","../src/timeline/timeline-track-tabs.ts","../src/timeline/timeline-element.ts","../src/timeline/timeline-interactions.ts","../src/timeline/timeline-styles.ts"],"mappings":"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"}

package/dist/{index-BslNaMLo.d.ts → index-Cu5i8zZY.d.ts}

@@ -1,6 +1,6 @@
-import { C as TreeNode, d as TreeSearchHost } from "./tree-component-CDLO1ITF.js";
+import { o as TreeNode } from "./types-Bc23SI94.js";
+import { d as TreeSearchHost } from "./tree-component-BvV4muxx.js";
 import { FzfOptions } from "fzf";
-
 //#region src/incr-search/types.d.ts
 type IncrSearchResult<T> = {
   readonly item: T;
@@ -157,4 +157,4 @@ declare function buildHighlightTargets<T>(root: ShadowRoot | Element, itemSelect
 declare function createIncrSearch<T>(options?: IncrSearchOptions<T>): IncrSearch<T>;
 //#endregion
 export { IncrSearchChangeCallback as _, createFuzzySearch as a, IncrSearchState as b, IncrSearchTreeController as c, ElementIncrSearchOptions as d, FuzzySearch as f, IncrSearch as g, HighlightTarget as h, clearHighlights as i, IncrSearchTreeOptions as l, HighlightOptions as m, applyHighlights as n, ElementIncrSearch as o, FuzzySearchOptions as p, buildHighlightTargets as r, createElementIncrSearch as s, createIncrSearch as t, createAcCompletionProvider as u, IncrSearchOptions as v, IncrSearchResult as y };
-//# sourceMappingURL=index-BslNaMLo.d.ts.map
+//# sourceMappingURL=index-Cu5i8zZY.d.ts.map

package/dist/index-Cu5i8zZY.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Cu5i8zZY.d.ts","names":[],"sources":["../src/incr-search/types.ts","../src/incr-search/ac-adapter.ts","../src/incr-search/controller-tree.ts","../src/incr-search/element-search.ts","../src/incr-search/fuzzy.ts","../src/incr-search/highlight.ts","../src/incr-search/incr-search.ts"],"mappings":";;;;KAGY,iBAAiB;WAClB,MAAM;WACN,WAAW;WACX;;KAIC,gBAAgB;WACjB;WACA,SAAS,cAAc,iBAAiB;WAExC,iBAAiB,YAAY,GAAG;;KAG/B,yBAAyB,MAAM,OAAO,gBAAgB;KAEtD,kBAAkB;WACnB,iBAAiB;WACjB,YAAY,MAAM;WAClB,MAAM,QAAQ,WAAW;WACzB,WAAW,yBAAyB;;KAInC,WAAW;WACZ,WAAW,gBAAgB,KAAK,SAAS,gBAAgB;WACzD,WAAW,eAAe,SAAS,gBAAgB,QAAQ,gBAAgB;WAC3E,kBAAkB;WAClB,OAAO,gBAAgB;WACvB,WAAW,IAAI,yBAAyB;WACxC;;KAGC,mBAAmB;WACpB,YAAY,MAAM;WAClB,MAAM,QAAQ,WAAW;;KAGxB,YAAY;WACb,OAAO,kBAAkB,cAAc,iBAAiB;WACxD,gBAAgB;;KAIf;WACD,SAAS;WACT;WACA,WAAW;;KAGV;WACD;;KAGC;WACD,WAAW;WACX;WACA,YAAY,IAAI;WAChB,UAAU,IAAI;WACd;WACA;WACA,MAAM,QAAQ;IAAa;IAAa;;WACxC,WAAW;IAA2B;IAAa;;;;;;;;;;;;;;;;iBCnD9C,2BAA2B;EAAY;GACrD,gBAAgB,KAChB,UAAS,KAAK,mBAAmB,mBAC/B,eAAe,QAAQ,gBAAgB,QAAQ,MAAM;EAAM,WAAW;;;;KCR9D;EACV,WAAW;IAAQ,MAAM;IAAU;;;;;;;EAMnC;EACA;EACA,QAAQ;EACR,MAAM,QAAQ;IAAa,MAAM;IAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA8BhC;;EAOC,YAAA,IAAI,gBAAgB,MAAM;EAStC;EAiBA;EAcM,SAAS,gBAAgB;EAIzB,cAAc;;;;KC5FjB;WAAyB;WAAsB;;KAWxC;WACD,WAAW,eAAe,SAAS,gBAAgB;WACnD,kBAAkB;WAClB;WACA,WAAW,IAAI,yBAAyB;WACxC;;iBAGK,wBAAwB,MAAM,2BAA2B;;;iBCXzD,kBAAkB,GAChC,gBAAgB,KAChB,UAAS,mBAAmB,KAC3B,YAAY;;;iBCfC,gBACd,kBAAkB,mBAClB,UAAS;iBA+BK,gBAAgB,UAAS;iBAMzB,sBAAsB,GACpC,MAAM,aAAa,SACnB,sBACA,iBAAiB,YAAY,GAAG,sBAChC,UAAU,IAAI,YAAY,eAC1B,UAAU,IAAI,qBACb;;;iBC7Ba,iBAAiB,GAAG,UAAS,kBAAkB,KAAU,WAAW"}

package/dist/{index-D87kRcEs.d.ts → index-RqMh1i-O.d.ts}

@@ -1,3 +1,4 @@
+import "./icon-BUwP1CZ1.js";
 //#region src/icons/defaults.d.ts
 /**
  * Chevron pointing down. Used for split-button dropdown toggle.
@@ -33,4 +34,4 @@ declare function hasIcon(name: string): boolean;
 declare function svgToDataUri(svg: string): string;
 //#endregion
 export { iconBus as a, ICON_CARET_RIGHT as c, ICON_CLOSE as d, hasIcon as i, ICON_CHECK as l, IconChangedEvent as n, registerIcon as o, getIcon as r, svgToDataUri as s, IconChangedDetail as t, ICON_CHEVRON_DOWN as u };
-//# sourceMappingURL=index-D87kRcEs.d.ts.map
+//# sourceMappingURL=index-RqMh1i-O.d.ts.map

package/dist/index-RqMh1i-O.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-RqMh1i-O.d.ts","names":[],"sources":["../src/icons/defaults.ts","../src/icons/registry.ts"],"mappings":";;;;;;cAMa;;;;;cAMA;;;;;cAMA;;;;;cAMA;;;cCtBA,SAAO;KAER;WAA+B;;KAC/B,mBAAmB,YAAY;iBAE3B,aAAa,cAAc;iBAK3B,QAAQ;iBAIR,QAAQ;;iBAKR,aAAa"}

package/dist/{index-Cdmrn0SZ.d.ts → index-ovq_GTdl.d.ts}

@@ -1,8 +1,8 @@
-import { C as TreeNode } from "./tree-component-CDLO1ITF.js";
-import { i as MenuContainer, n as MenuTrigger, r as MenuTriggerCommandDetail, t as MenuItem } from "./menu-item-AtoP6bD4.js";
+import "./icon-BUwP1CZ1.js";
+import { o as TreeNode } from "./types-Bc23SI94.js";
+import { i as MenuContainer, n as MenuTrigger, r as MenuTriggerCommandDetail, t as MenuItem } from "./menu-item-BG5w7fi4.js";
 import { LitElement, TemplateResult } from "lit";
 import { CommandRegistry, KeyboardManager } from "@clinth/ui-commands";
-
 //#region src/menu/menu-bar.d.ts
 declare class MenuBar extends LitElement {
   private _openTrigger;
@@ -23,7 +23,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-menu-bar': MenuBar;
   }
-} //# sourceMappingURL=menu-bar.d.ts.map
+}
 //#endregion
 //#region src/menu/menu-check-item.d.ts
 declare class MenuCheckItem extends LitElement {
@@ -48,7 +48,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-menu-check-item': MenuCheckItem;
   }
-} //# sourceMappingURL=menu-check-item.d.ts.map
+}
 //#endregion
 //#region src/menu/menu-command-controller.d.ts
 declare class MenuCommandController {
@@ -106,7 +106,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-menu-sub-trigger': MenuSubTrigger;
   }
-} //# sourceMappingURL=menu-sub-trigger.d.ts.map
+}
 //#endregion
 //#region src/menu/menu-separator.d.ts
 declare class MenuSeparator extends LitElement {
@@ -117,7 +117,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-menu-separator': MenuSeparator;
   }
-} //# sourceMappingURL=menu-separator.d.ts.map
+}
 //#endregion
 //#region src/menu/menu-header.d.ts
 declare class MenuHeader extends LitElement {
@@ -129,7 +129,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-menu-header': MenuHeader;
   }
-} //# sourceMappingURL=menu-header.d.ts.map
+}
 //#endregion
 //#region src/menu/menu-from-tree.d.ts
 type MenuFromTreeOptions = {
@@ -155,7 +155,7 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-menu-radio-item': MenuRadioItem;
   }
-} //# sourceMappingURL=menu-radio-item.d.ts.map
+}
 //#endregion
 //#region src/menu/menu-radio-group.d.ts
 declare class MenuRadioGroup extends LitElement {
@@ -173,10 +173,10 @@ declare global {
   interface HTMLElementTagNameMap {
     'ixfx-menu-radio-group': MenuRadioGroup;
   }
-} //# sourceMappingURL=menu-radio-group.d.ts.map
+}
 declare namespace index_d_exports {
   export { MenuBar, MenuCheckItem, MenuCommandController, MenuContainer, MenuFromTreeOptions, MenuHeader, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubTrigger, MenuTrigger, menuFromTree, menuFromTreeToElements };
 }
 //#endregion
 export { menuFromTree as a, MenuSeparator as c, MenuCheckItem as d, MenuBar as f, MenuFromTreeOptions as i, MenuSubTrigger as l, MenuRadioGroup as n, menuFromTreeToElements as o, MenuRadioItem as r, MenuHeader as s, index_d_exports as t, MenuCommandController as u };
-//# sourceMappingURL=index-Cdmrn0SZ.d.ts.map
+//# sourceMappingURL=index-ovq_GTdl.d.ts.map

package/dist/index-ovq_GTdl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-ovq_GTdl.d.ts","names":[],"sources":["../src/menu/menu-bar.ts","../src/menu/menu-check-item.ts","../src/menu/menu-command-controller.ts","../src/menu/menu-sub-trigger.ts","../src/menu/menu-separator.ts","../src/menu/menu-header.ts","../src/menu/menu-from-tree.ts","../src/menu/menu-radio-item.ts","../src/menu/menu-radio-group.ts","../src/menu/index.ts"],"mappings":";;;;;;cAMa,gBAAgB;UACnB;UACA;EAER;EASA;UASQ;UAOA;UAIA;UAMA;UAIA;UAQA;UASA;SAkCD,sBAAM;EAab,wBAAM;;QAKA;YACI;IACR,iBAAiB;;;;;cCvGR,sBAAsB;EACL;EAC2B;EAC3B;EACC;EACA;EACuB;EACpB,WAAW;EACX,kBAAkB;UAE1C;UAYA;UASA;EASR,WAAW,mBAAmB;EAU9B,QAAQ,mBAAmB;UAInB;SAaQ,sBAAM;EA0DtB,wBAAM;;QAoBA;YACI;IACR,wBAAwB;;;;;cClKf;UACH;UACA;UACA;EAEI,YAAA;IAAW,UAAU;IAA0B,SAAS;;EAMpE;EAIA;UAIQ;;;;cCZG,uBAAuB;EACN;EAC2B;EAC3B;EACC;EACuB;EACpB,WAAW;EACX,kBAAkB;UAEjC;UACsB;UACJ;UACX;iBAET;UACP;UACA;UACA;EAER;EAKA;EAIA;UAWQ;EAUC,QAAQ,mBAAmB;EAMpC,WAAW,mBAAmB;UAUtB;UASA;UAKA;UAQA;UAQA;UAOA;UAQA;UAYA;UAQA;UAIA;UAIA;UAWA;SAiCQ,sBAAM;EAmEtB,wBAAM;;QA2BA;YACI;IACR,yBAAyB;;;;;cC1RhB,sBAAsB;SAC1B,sBAAM;EAYb,wBAAM;;QAKA;YACI;IACR,uBAAuB;;;;;cCnBd,mBAAmB;EACF;SAErB,sBAAM;EAYb,wBAAM;;QAKA;YACI;IACR,oBAAoB;;;;;KCjBZ;EACV,aAAa,QAAQ;EACrB,WAAW;EACX,kBAAkB;;iBAOJ,aACd,OAAO,YACP,UAAS,sBACR;iBAmGa,uBACd,OAAO,YACP,UAAS,sBACR;;;cChHU,sBAAsB;EACL;EACA;EACC;EACD;EACwB;UAE5C;SAWQ,sBAAM;EAoDtB,wBAAM;;QAmBA;YACI;IACR,wBAAwB;;;;;cC5Ff,uBAAuB;EACN;EACA;UAEX;UAET;UAMA;UAMA;EAYR,QAAQ,mBAAmB;SAMpB,sBAAM;EAUb,wBAAM;;QAOA;YACI;IACR,yBAAyB"}