@ixfx/components 0.16.0 → 0.16.1

package/dist/{index-Dr80Zdl6.d.ts → index-CUErGhCg.d.ts}

@@ -143,7 +143,8 @@ declare class IncrSearchTreeController {
  * - `navigate` — move the cursor to the best match; ↑/↓ cycle between matches;
  *   Enter activates the current match and closes.
  * - `select` — (re)select every item whose label matches, live as you type.
- * - `filter` — hide items that don't match; restored when the popover closes.
+ * - `filter` — hide items that don't match; restored when the popover closes
+ *   (unless `stickyFilter` keeps it on Enter).
  */
 type ListSearchMode = `navigate` | `select` | `filter`;
 /** Canonical order — used for the switch-row and to normalise a requested set. */
@@ -196,6 +197,8 @@ interface ListSearchControllerOptions<TItem> {
   modes?: readonly ListSearchMode[];
   fzf?: Partial<FzfOptions<SearchItem>>;
   placeholder?: string;
+  /** Initial {@link ListSearchController.stickyFilter}. Default false. */
+  stickyFilter?: boolean;
 }
 type ListSearchHost = ReactiveControllerHost & HTMLElement & {
   renderRoot?: DocumentFragment | HTMLElement;
@@ -208,6 +211,12 @@ type ListSearchHost = ReactiveControllerHost & HTMLElement & {
  */
 declare class ListSearchController<TItem> implements ReactiveController {
   #private;
+  /**
+   * When true, Enter in `filter` mode closes the popover but keeps the filter,
+   * shown as a "Filtered: …" chip. Clear it with the chip's ×, Escape on the
+   * host, or {@link clearFilter}; click the chip to edit the query.
+   */
+  stickyFilter: boolean;
   constructor(host: ListSearchHost, options: ListSearchControllerOptions<TItem>);
   /** `false` when no modes are available — the host should register no commands and render no field. */
   get enabled(): boolean;
@@ -225,20 +234,38 @@ declare class ListSearchController<TItem> implements ReactiveController {
   get query(): string;
   get matchCount(): number;
   get matchIndex(): number;
+  /** The query of a filter kept applied after the popover closed (see {@link stickyFilter}). */
+  get keptFilter(): string | undefined;
   hostConnected(): void;
   hostDisconnected(): void;
-  /** Open the popover in `mode` (clamped to the available set). */
+  /**
+   * Open the popover in `mode` (clamped to the available set). When it is
+   * already open the query is kept: the mode switches if it differs and the
+   * input is refocused with its text selected.
+   */
   open(mode: ListSearchMode): void;
   /** Close the popover, restoring any live filter. Selection / cursor stay put. */
   close(): void;
+  /** Remove a filter kept by {@link stickyFilter}. No-op when none is kept. */
+  clearFilter(): void;
   setQuery(query: string): void;
   /** Re-interpret the current query under a new mode (undoing the old mode's effect). */
   switchMode(next: ListSearchMode): void;
+  /**
+   * Step through {@link registeredModes} (wrapping) and switch to the result.
+   * Bound to Tab / Shift+Tab in the popover input.
+   */
+  cycleMode(delta: 1 | -1): void;
+  /** Refocus the popover input (text selected) without touching the query. No-op when closed. */
+  focus(): void;
   /** One-shot: turn the current match set into the selection, staying in the current mode. */
   selectMatches(): void;
   nextMatch(): void;
   prevMatch(): void;
-  /** Enter: in `navigate` activate the current match; then close. */
+  /**
+   * Enter: in `navigate` activate the current match; then close. In `filter`
+   * with {@link stickyFilter} and a query, close but keep the filter.
+   */
   commit(): void;
   /** Rebuild the searchable item set from the adapter. Called on open and on container mutation. */
   refresh(): void;

package/dist/{index-Bx0BXPxI.d.ts → index-D-lZNlHa.d.ts}

@@ -2,7 +2,7 @@ import { B as ListNativeDragStartDetail, C as TreeItemDblClickEvent, D as TreeSe
 import { a as TreeItem, i as TreeInteractionMode, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-Jky6oNAp.js";
 import { a as ViewStateBase, t as GetViewStateOptions } from "./types-LU1u0CB8.js";
 import "./index-9ttcdwlL.js";
-import { S as ListSearchController } from "./index-Dr80Zdl6.js";
+import { S as ListSearchController } from "./index-CUErGhCg.js";
 import { t as ListNativeDragController } from "./list-native-drag-controller-D_UrXipS.js";
 import { n as TickledController } from "./tickled-controller-DodxD3eQ.js";
 import { LitElement, PropertyValues, ReactiveController, ReactiveControllerHost, TemplateResult, nothing } from "lit";

package/dist/index.d.ts

@@ -10,25 +10,25 @@ import { t as LabelledRangeInput } from "./index-CoqtMSd9.js";
 import { A as TreeTickleDetail, B as ListNativeDragStartDetail, C as TreeItemDblClickEvent, D as TreeSelectAllOptions, E as TreeSearchHost, F as ListDragPreview, I as ListDragPreviewContext, L as ListDragPreviewRenderer, M as TreeDataModel, N as TreeDataModelOptions, O as TreeSelectDetail, P as ListDragEntry, R as ListDragPreviewSourceResolver, S as TreeItemDblClickDetail, T as TreeRevealMode, V as ListNativeDragStartEvent, _ as TreeDropTarget, a as TreeComponent, b as TreeItemClickDetail, c as TreeDragContext, d as TreeDragStartEvent, f as TreeDropApplyContext, g as TreeDropPosition, h as TreeDropEvent, i as TreeCollapseEvent, j as TreeTickleEvent, k as TreeSelectEvent, l as TreeDragEndEvent, m as TreeDropDetail, n as TreeActivateEvent, o as TreeComponentEventMap, p as TreeDropContext, r as TreeCollapseDetail, s as TreeDndMode, t as TreeActivateDetail, u as TreeDragOverEvent, v as TreeExpandDetail, w as TreeNavigateOptions, x as TreeItemClickEvent, y as TreeExpandEvent, z as ListDragSource } from "./tree-component-DgfkxmVY.js";
 import { a as TreeItem, i as TreeInteractionMode, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-Jky6oNAp.js";
 import { a as ViewStateBase, c as ViewStateChangeReason, i as VIEW_STATE_VERSION, l as ViewStateful, n as ScrollState, o as ViewStateChangeDetail, r as VIEW_STATE_CHANGE, s as ViewStateChangeEvent, t as GetViewStateOptions } from "./types-LU1u0CB8.js";
-import { a as TreeDropVisibleRow, c as TreeListElement, d as TreeBaseElement, f as TreeBaseElementEventMap, h as TreeConfig, i as TreeDropRowInfo, l as TreeCheckboxState, m as TreeListViewState, n as TreeDropControllerConfig, o as TreeController, p as TreeVirtualize, r as TreeDropResolvedDrag, s as TreeControllerOptions, t as TreeDropController, u as TreeAnimation } from "./index-Bx0BXPxI.js";
-import { A as isMultiMode, B as capKeys, C as TreeKeyboardNavController, D as ListSelectionControllerConfig, E as ListSelectionController, F as EMPTY_KEYS, G as partitionFlags, H as flagsToRecord, I as MAX_PENDING_KEYS, K as partitionKeys, L as PendingFlags, M as ListDragSelectController, N as ListDragSelectControllerConfig, O as ListSelectionGesture, P as EMPTY_FLAGS, R as PendingKeys, S as TreeKeyboardNavCallbacks, T as TreeKeyboardNavItemId, U as keysAsFlags, V as flagsFromRecord, W as keysToArray, _ as GridListSelectEvent, a as GridListCaptionAlign, b as GridListViewportChangeDetail, c as GridListCaptionStyle, d as GridListFullElementEventMap, f as GridListItemClickDetail, g as GridListSelectDetail, h as GridListOrientation, i as GridListActivateEvent, j as DragSelectRect, k as ListSelectionModes, l as GridListDataAdapter, m as GridListItemEventDetail, n as GridListViewState, o as GridListCaptionBackdrop, p as GridListItemClickEvent, q as withoutFlag, r as GridListActivateDetail, s as GridListCaptionPosition, t as GridListElement, u as GridListElementEventMap, v as GridListTickleDetail, w as TreeKeyboardNavControllerConfig, x as GridListViewportChangeEvent, y as GridListTickleEvent, z as capFlags } from "./grid-list-D6n7WH8l.js";
+import { a as TreeDropVisibleRow, c as TreeListElement, d as TreeBaseElement, f as TreeBaseElementEventMap, h as TreeConfig, i as TreeDropRowInfo, l as TreeCheckboxState, m as TreeListViewState, n as TreeDropControllerConfig, o as TreeController, p as TreeVirtualize, r as TreeDropResolvedDrag, s as TreeControllerOptions, t as TreeDropController, u as TreeAnimation } from "./index-D-lZNlHa.js";
+import { A as isMultiMode, B as capKeys, C as TreeKeyboardNavController, D as ListSelectionControllerConfig, E as ListSelectionController, F as EMPTY_KEYS, G as partitionFlags, H as flagsToRecord, I as MAX_PENDING_KEYS, K as partitionKeys, L as PendingFlags, M as ListDragSelectController, N as ListDragSelectControllerConfig, O as ListSelectionGesture, P as EMPTY_FLAGS, R as PendingKeys, S as TreeKeyboardNavCallbacks, T as TreeKeyboardNavItemId, U as keysAsFlags, V as flagsFromRecord, W as keysToArray, _ as GridListSelectEvent, a as GridListCaptionAlign, b as GridListViewportChangeDetail, c as GridListCaptionStyle, d as GridListFullElementEventMap, f as GridListItemClickDetail, g as GridListSelectDetail, h as GridListOrientation, i as GridListActivateEvent, j as DragSelectRect, k as ListSelectionModes, l as GridListDataAdapter, m as GridListItemEventDetail, n as GridListViewState, o as GridListCaptionBackdrop, p as GridListItemClickEvent, q as withoutFlag, r as GridListActivateDetail, s as GridListCaptionPosition, t as GridListElement, u as GridListElementEventMap, v as GridListTickleDetail, w as TreeKeyboardNavControllerConfig, x as GridListViewportChangeEvent, y as GridListTickleEvent, z as capFlags } from "./grid-list-DDLrWRxm.js";
 import { n as ViewStateControllerOptions, t as ViewStateController } from "./index-9ttcdwlL.js";
 import { a as CrumbNavigationExpandDetail, c as CrumbNavigationItemClickEvent, i as CrumbNavigationElementEventMap, l as CrumbNavigationViewState, n as CrumbNavigationChangeEvent, o as CrumbNavigationExpandEvent, r as CrumbNavigationElement, s as CrumbNavigationItemClickDetail, t as CrumbNavigationChangeDetail } from "./crumb-navigation-BbqfmkYs.js";
 import "./menu-item-bF6narIz.js";
 import { a as NarrowedTextItem, i as NarrowedTextChangeEvent, n as FuzzySearchResult, o as Orientation, r as NarrowedTextChangeDetail, s as SelectionMode, t as NarrowedTextElement } from "./index-o-CWDt11.js";
 import { ConfigEntry, DataDisplayComponent, FormattingOptions, RendererStyle } from "./data-display.js";
 import { n as ListViewportChangeEvent, t as ListViewportChangeDetail } from "./list-viewport-types-BRZsLcvp.js";
-import { A as DataGridEditability, B as DataGridSortDirection, C as DataGridColumnViewState, D as DataGridColumn, E as BuiltInFormatterOptions, F as DataGridGroupBy, H as GlobalFormatter, I as DataGridGroupLabel, L as DataGridInteractionMode, M as DataGridEditorFactory, N as DataGridEditorType, O as DataGridColumnMenu, P as DataGridGetRowKey, R as DataGridRowLook, S as DataGridViewportChangeEvent, T as BuiltInFormatterName, V as DataGridSortState, _ as DataGridSelectDetail, a as DataGridColumnReorderDetail, b as DataGridSortEvent, c as DataGridColumnResizeEvent, d as DataGridElement, f as DataGridElementEventMap, g as DataGridRowActivateEvent, h as DataGridRowActivateDetail, i as DataGridCellEditEvent, j as DataGridEditorContext, k as DataGridDataType, l as DataGridColumnVisibilityDetail, m as DataGridGroupChangeEvent, n as DataGridCellClickEvent, o as DataGridColumnReorderEvent, p as DataGridGroupChangeDetail, r as DataGridCellEditDetail, s as DataGridColumnResizeDetail, t as DataGridCellClickDetail, u as DataGridColumnVisibilityEvent, v as DataGridSelectEvent, w as DataGridViewState, x as DataGridViewportChangeDetail, y as DataGridSortDetail, z as DataGridSelectionMode } from "./data-grid-CIG2DVip.js";
-import { A as FuzzySearch, C as ListSearchControllerOptions, D as IncrSearchTreeOptions, E as IncrSearchTreeController, F as IncrSearchChangeCallback, I as IncrSearchOptions, L as IncrSearchResult, M as HighlightOptions, N as HighlightTarget, O as createAcCompletionProvider, P as IncrSearch, R as IncrSearchState, S as ListSearchController, T as ListSearchMode, _ as DataListSearchAdapterOptions, a as RegisterListSearchCommandsOptions, b as LIST_SEARCH_MODES, c as applyHighlights, d as createFuzzySearch, f as ElementIncrSearch, g as createElementListSearchAdapter, h as ElementListSearchHost, i as LIST_SEARCH_COMMAND_IDS, j as FuzzySearchOptions, k as ElementIncrSearchOptions, l as buildHighlightTargets, m as ElementListSearchAdapterOptions, n as createTreeListSearchAdapter, o as registerListSearchCommands, p as createElementIncrSearch, r as listSearchStyles, s as createIncrSearch, t as TreeListSearchAdapterOptions, u as clearHighlights, v as DataListSearchItem, w as ListSearchHost, x as ListSearchAdapter, y as createDataListSearchAdapter } from "./index-Dr80Zdl6.js";
+import { A as DataGridEditability, B as DataGridSortDirection, C as DataGridColumnViewState, D as DataGridColumn, E as BuiltInFormatterOptions, F as DataGridGroupBy, H as GlobalFormatter, I as DataGridGroupLabel, L as DataGridInteractionMode, M as DataGridEditorFactory, N as DataGridEditorType, O as DataGridColumnMenu, P as DataGridGetRowKey, R as DataGridRowLook, S as DataGridViewportChangeEvent, T as BuiltInFormatterName, V as DataGridSortState, _ as DataGridSelectDetail, a as DataGridColumnReorderDetail, b as DataGridSortEvent, c as DataGridColumnResizeEvent, d as DataGridElement, f as DataGridElementEventMap, g as DataGridRowActivateEvent, h as DataGridRowActivateDetail, i as DataGridCellEditEvent, j as DataGridEditorContext, k as DataGridDataType, l as DataGridColumnVisibilityDetail, m as DataGridGroupChangeEvent, n as DataGridCellClickEvent, o as DataGridColumnReorderEvent, p as DataGridGroupChangeDetail, r as DataGridCellEditDetail, s as DataGridColumnResizeDetail, t as DataGridCellClickDetail, u as DataGridColumnVisibilityEvent, v as DataGridSelectEvent, w as DataGridViewState, x as DataGridViewportChangeDetail, y as DataGridSortDetail, z as DataGridSelectionMode } from "./data-grid-Csh5EJW9.js";
+import { A as FuzzySearch, C as ListSearchControllerOptions, D as IncrSearchTreeOptions, E as IncrSearchTreeController, F as IncrSearchChangeCallback, I as IncrSearchOptions, L as IncrSearchResult, M as HighlightOptions, N as HighlightTarget, O as createAcCompletionProvider, P as IncrSearch, R as IncrSearchState, S as ListSearchController, T as ListSearchMode, _ as DataListSearchAdapterOptions, a as RegisterListSearchCommandsOptions, b as LIST_SEARCH_MODES, c as applyHighlights, d as createFuzzySearch, f as ElementIncrSearch, g as createElementListSearchAdapter, h as ElementListSearchHost, i as LIST_SEARCH_COMMAND_IDS, j as FuzzySearchOptions, k as ElementIncrSearchOptions, l as buildHighlightTargets, m as ElementListSearchAdapterOptions, n as createTreeListSearchAdapter, o as registerListSearchCommands, p as createElementIncrSearch, r as listSearchStyles, s as createIncrSearch, t as TreeListSearchAdapterOptions, u as clearHighlights, v as DataListSearchItem, w as ListSearchHost, x as ListSearchAdapter, y as createDataListSearchAdapter } from "./index-CUErGhCg.js";
 import { t as index_d_exports } from "./index-DxyyVqzA.js";
 import { n as PanTextMode, t as PanTextElement } from "./pan-text-CoYmt2qd.js";
 import { a as ListGroupEventMap, c as ListGroupPartition, d as defaultGroupLabel, f as partitionByGroup, h as toggleInSet, i as ListGroupChangeEvent, l as ListGroupToggleDetail, m as toGroupKey, n as ListGroupBy, o as ListGroupInfo, p as resolveGroupKey, r as ListGroupChangeDetail, s as ListGroupLabel, t as EMPTY_GROUP_LABEL, u as ListGroupToggleEvent } from "./grouping-CUKgmkMm.js";
 import { a as ListItemClickDetail, c as ListSelectEvent, d as ListTickleEvent, i as ListInteractionMode, l as ListSelectionMode, n as ListActivateEvent, o as ListItemClickEvent, r as ListElementEventMap, s as ListSelectDetail, t as ListActivateDetail, u as ListTickleDetail } from "./list-selection-types-PjKdhF-a.js";
-import { a as DetailSortComparator, c as DetailListViewState, i as DetailGroupBy, n as DetailListElementEventMap, o as DetailSortItem, r as DetailFormatter, s as DetailSortMode, t as DetailListElement } from "./detail-list-6iMTNP4N.js";
-import { a as VerticalListViewState, c as ListDragLeaveDetail, d as ListDropDetail, f as ListDropEvent, g as ListEditCommitEvent, h as ListEditCommitDetail, i as VerticalListElementEventMap, l as ListDragLeaveEvent, m as ListEditCancelEvent, n as CustomCheckboxOptions, o as ListContextMenuDetail, p as ListEditCancelDetail, r as VerticalListElement, s as ListContextMenuEvent, t as AddItemOptions, u as ListDragOverEvent } from "./vertical-list-BPDmZx6T.js";
+import { a as DetailSortComparator, c as DetailListViewState, i as DetailGroupBy, n as DetailListElementEventMap, o as DetailSortItem, r as DetailFormatter, s as DetailSortMode, t as DetailListElement } from "./detail-list-DSZ1DDor.js";
+import { a as VerticalListViewState, c as ListDragLeaveDetail, d as ListDropDetail, f as ListDropEvent, g as ListEditCommitEvent, h as ListEditCommitDetail, i as VerticalListElementEventMap, l as ListDragLeaveEvent, m as ListEditCancelEvent, n as CustomCheckboxOptions, o as ListContextMenuDetail, p as ListEditCancelDetail, r as VerticalListElement, s as ListContextMenuEvent, t as AddItemOptions, u as ListDragOverEvent } from "./vertical-list-SAx56U-l.js";
 import { a as EditableMode, i as EditableLabelChangeEvent, n as EditableLabel, o as EntryMode, r as EditableLabelChangeDetail, t as DisplayTextLogic } from "./editable-label-rzXkjf1H.js";
 import { ListGroupHeaderElement } from "./list-group-header.js";
-import { _ as FlatListSelectEvent, a as FlatListContextMenuDetail, c as FlatListDropEvent, d as FlatListEditCommitDetail, f as FlatListEditCommitEvent, g as FlatListSelectDetail, h as FlatListNavigateEvent, i as FlatListBranchOrder, l as FlatListEditCancelDetail, m as FlatListNavigateDetail, n as FlatListActivateDetail, o as FlatListContextMenuEvent, p as FlatListElementEventMap, r as FlatListActivateEvent, s as FlatListDropDetail, t as FlatListElement, u as FlatListEditCancelEvent, v as FlatListViewState } from "./flat-list-JPgQSmLW.js";
+import { _ as FlatListSelectEvent, a as FlatListContextMenuDetail, c as FlatListDropEvent, d as FlatListEditCommitDetail, f as FlatListEditCommitEvent, g as FlatListSelectDetail, h as FlatListNavigateEvent, i as FlatListBranchOrder, l as FlatListEditCancelDetail, m as FlatListNavigateDetail, n as FlatListActivateDetail, o as FlatListContextMenuEvent, p as FlatListElementEventMap, r as FlatListActivateEvent, s as FlatListDropDetail, t as FlatListElement, u as FlatListEditCancelEvent, v as FlatListViewState } from "./flat-list-CT9kX3TQ.js";
 import { t as FormElement } from "./form-BGZK3jZd.js";
 import { n as ListNativeDragControllerConfig, t as ListNativeDragController } from "./list-native-drag-controller-D_UrXipS.js";
 import { i as TickledItem, n as TickledController, r as TickledControllerConfig, t as InputMode } from "./tickled-controller-DodxD3eQ.js";
@@ -45,7 +45,7 @@ import { a as RadialInputChangeDetail, c as RadialInputInputEvent, i as MarkerSt
 import { LabelledRadialInput } from "./labelled-radial-input.js";
 import { _ as SliderValueMode, a as SliderInputChangeDetail, c as SliderInputInputDetail, d as SliderLaneType, f as SliderMarkerStyle, g as SliderValueDrag, h as SliderValueCFollow, i as SliderHandleKey, l as SliderInputInputEvent, m as SliderSingleStyle, n as SliderChangedField, o as SliderInputChangeEvent, p as SliderOrientation, r as SliderCrossover, s as SliderInputElementEventMap, t as SliderInputElement, u as SliderLaneData } from "./slider-input-BxURAAmD.js";
 import { LedElement, LedMode } from "./led.js";
-import { _ as MillerRebaseEvent, a as MillerBaseElementEventMap, c as MillerHeaderClickEvent, d as MillerItemDblClickDetail, f as MillerItemDblClickEvent, g as MillerRebaseDetail, h as MillerItemState, i as MillerBaseElement, l as MillerHeaderRightClickDetail, m as MillerItemRightClickEvent, n as MillerTreeControllerOptions, o as MillerListViewState, p as MillerItemRightClickDetail, r as MillerListElement, s as MillerHeaderClickDetail, t as MillerTreeController, u as MillerHeaderRightClickEvent, v as MillerSelectionMode } from "./index-CYRc6Dah.js";
+import { _ as MillerRebaseEvent, a as MillerBaseElementEventMap, c as MillerHeaderClickEvent, d as MillerItemDblClickDetail, f as MillerItemDblClickEvent, g as MillerRebaseDetail, h as MillerItemState, i as MillerBaseElement, l as MillerHeaderRightClickDetail, m as MillerItemRightClickEvent, n as MillerTreeControllerOptions, o as MillerListViewState, p as MillerItemRightClickDetail, r as MillerListElement, s as MillerHeaderClickDetail, t as MillerTreeController, u as MillerHeaderRightClickEvent, v as MillerSelectionMode } from "./index-Bnm-kKGC.js";
 import { a as Notification, c as NotificationRendererHooks, i as PillTapEvent, l as NotificationType, n as NotificationPillElementEventMap, o as NotificationContent, r as PillTapDetail, s as NotificationRenderer, t as NotificationPillElement, u as NotifierOptions } from "./notification-pill-DyZydXoZ.js";
 import { A as applyAgeModification, C as SingleAxisAgeStyle, D as ColourMapConfig, E as PlotDataSeriesOptions, M as parseColourScaleAttr, N as readBaseColour, O as ColourMode, S as PlotSingleAxisPointerMoveEvent, T as PlotDataSeries, _ as PlotMultiAxisElementEventMap, a as PlotHistogramBucketClickDetail, b as PlotSingleAxisElementEventMap, c as PlotHistogramInteractionMode, d as PlotHistogramSelectionChangeEvent, f as PlotHistogramSelectionRange, g as PlotMultiAxisDataPointClickEvent, h as PlotMultiAxisDataPointClickDetail, i as PlotHistogram, j as computeColour, k as ColourResult, l as PlotHistogramOrientation, m as PlotMultiAxis, n as XyAgeStyle, o as PlotHistogramBucketClickEvent, p as PlotHistogramValueTooltips, r as XyDrawStyle, s as PlotHistogramElementEventMap, t as PlotXyAxis, u as PlotHistogramSelectionChangeDetail, v as PlotMultiAxisLayout, w as SingleAxisDrawStyle, x as PlotSingleAxisPointerMoveDetail, y as PlotSingleAxis } from "./xy-axis-DQqd2yXJ.js";
 import { PolarPad, PolarPadInputDetail, PolarPadInputEvent } from "./polar-pad.js";
@@ -55,7 +55,7 @@ import { RangeElement } from "./range.js";
 import { SelectHorizChangeDetail, SelectHorizChangeEvent, SelectHorizElement, SelectHorizEventMap } from "./select-horiz.js";
 import { SnackbarDismiss, SnackbarElement, SnackbarMode, SnackbarPlacement } from "./snackbar.js";
 import { ClickSnapMode, SnapChangeDetail, SnapChangeEvent, SnapContainer, SnapInputDetail, SnapInputEvent, SnapLogic } from "./snap-container.js";
-import { a as SunburstViewState, c as SunburstArcVisual, d as SunburstLayout, f as SunburstLayoutNode, g as SunburstView, h as SunburstValueFormatter, i as SunburstZoomEvent, l as SunburstInteractionMode, m as SunburstValueAccessor, n as SunburstTreeListElementEventMap, o as ComputeSunburstLayoutOptions, p as SunburstRings, r as SunburstZoomDetail, s as SUNBURST_PATH_SEPARATOR, t as SunburstTreeListElement, u as SunburstLabelPlacement } from "./sunbursttree-list-D6j5BxVQ.js";
+import { a as SunburstViewState, c as SunburstArcVisual, d as SunburstLayout, f as SunburstLayoutNode, g as SunburstView, h as SunburstValueFormatter, i as SunburstZoomEvent, l as SunburstInteractionMode, m as SunburstValueAccessor, n as SunburstTreeListElementEventMap, o as ComputeSunburstLayoutOptions, p as SunburstRings, r as SunburstZoomDetail, s as SUNBURST_PATH_SEPARATOR, t as SunburstTreeListElement, u as SunburstLabelPlacement } from "./sunbursttree-list-DePuFYlU.js";
 import { SwipeElement, SwipeElementEventMap, SwipeInputDetail, SwipeInputEvent } from "./swipe.js";
 import { A as TimelineTrackReorderEvent, C as TimelineEventResizeEvent, D as TimelineTickleChangeEvent, E as TimelineTickleChangeDetail, F as TrackHeightMode, I as TrackLayout, L as UserScale, M as TimelineTrackResizeEvent, N as TimelineTrackSelectDetail, O as TimelineTrack, P as TimelineTrackSelectEvent, R as ViewRange, S as TimelineEventResizeDetail, T as TimelineSelectionChangeEvent, _ as TimelineDraggingEvent, a as CssVars, b as TimelineEventMoveDetail, c as resolveGrid, d as DragSnappingFn, f as DragTarget, g as TimelineDraggingDetail, h as TimelineDraggingCallbackDetail, i as TimelineTrackTabElement, j as TimelineTrackResizeDetail, k as TimelineTrackReorderDetail, l as TimelineController, m as GridResolution, n as attachTimelineInteractions, o as Rect, p as GridMode, r as IxfxTimelineElement, s as resolveCssVars, t as timelineStyles, u as TimelineControllerConfig, v as TimelineElementEventMap, w as TimelineSelectionChangeDetail, x as TimelineEventMoveEvent, y as TimelineEvent } from "./index-DV3iaUBW.js";
 import { Effect, TransitoryLabelElement } from "./transitory-label.js";
@@ -1198,6 +1198,11 @@ declare class DockHostElement extends LitElement {
   acceptsKinds: readonly string[] | null;
   /** Finest-grained veto, consulted per candidate zone. */
   canAccept: ((panelId: string, op: DockOperation) => boolean) | undefined;
+  /**
+   * Tab label for a placeholder (a panel a restored layout names that the host
+   * doesn't hold yet). Defaults to the panel id.
+   */
+  placeholderLabel: ((panelId: string) => string) | undefined;
   private _model;
   private _pool;
   private _dropZone;
@@ -1286,11 +1291,15 @@ declare class DockHostElement extends LitElement {
    */
   setViewState(state: Partial<DockHostViewState>): void;
   /**
-   * Placeholders are part of the layout tree rather than a separate pending
-   * set, so there is nothing to clear here: remove a placeholder with
-   * `removePanel(id)`.
+   * Drop every placeholder: panels the restored layout names that the host
+   * doesn't hold. Call it once the app has added all the panels it has, so
+   * ids for panels that no longer exist don't linger (and get saved again).
    */
   clearPendingViewState(): void;
+  /** @deprecated Since 0.16; use `getViewState().layout`. */
+  saveLayout(): DockLayout;
+  /** @deprecated Since 0.16; use `setViewState({ layout })`. */
+  loadLayout(layout: DockLayout): void;
   /** The current layout, folding live split weights from the DOM. */
   private _captureLayout;
   /** Whether `panelId` is in the model only as a placeholder from a restored layout. */

package/dist/index.js

@@ -8,7 +8,7 @@ import { a as iconBus, c as setIconFont, i as hasIcon, l as svgToDataUri, n as g
 import { t as IxfxIconElement } from "./icon-1gpwtPx8.js";
 import { AcTextElement } from "./ac-text.js";
 import { t as DataController } from "./data-controller-DOlmqNKb.js";
-import { a as LIST_SEARCH_COMMAND_IDS, c as createElementListSearchAdapter, d as createDataListSearchAdapter, f as IncrSearchTreeController, h as createFuzzySearch, i as ListSearchController, l as KeyedElementIndex, m as createAcCompletionProvider, n as listSearchStyles, o as registerListSearchCommands, p as createIncrSearch, r as LIST_SEARCH_MODES, s as createElementIncrSearch, t as createTreeListSearchAdapter, u as keyForElement } from "./incr-search-JIhwB49y.js";
+import { a as LIST_SEARCH_COMMAND_IDS, c as createElementListSearchAdapter, d as createDataListSearchAdapter, f as IncrSearchTreeController, h as createFuzzySearch, i as ListSearchController, l as KeyedElementIndex, m as createAcCompletionProvider, n as listSearchStyles, o as registerListSearchCommands, p as createIncrSearch, r as LIST_SEARCH_MODES, s as createElementIncrSearch, t as createTreeListSearchAdapter, u as keyForElement } from "./incr-search-CgbL-OlS.js";
 import { AcTokenElement } from "./ac-token.js";
 import { t as handleStyles } from "./handle-DAXs7kbJ.js";
 import { TitlebarElement } from "./titlebar.js";
@@ -28,17 +28,17 @@ import { t as CheckedSelect } from "./checked-select-CBUidG7n.js";
 import { n as ColourPicker, t as ColourPickerPopup } from "./colour-picker-DwAa6RDh.js";
 import { LabelledRangeInput } from "./labelled-range-input.js";
 import { t as collectDataResult } from "./data-provider-35TyWclX.js";
-import { a as TreeDataModel, c as pruneDraggedDescendants, i as TreeDropController, n as TreeListElement, o as applyTreeDrop, r as TreeBaseElement, s as dropTargetFor, t as TreeController } from "./tree-Crdpl4nc.js";
+import { a as TreeDataModel, c as pruneDraggedDescendants, i as TreeDropController, n as TreeListElement, o as applyTreeDrop, r as TreeBaseElement, s as dropTargetFor, t as TreeController } from "./tree-DAlgvaHB.js";
 import { a as restoreElementScroll, c as VIEW_STATE_VERSION, i as onUserScrollIntent, n as anchorFromRow, o as scrollToOffset, r as captureElementScroll, s as VIEW_STATE_CHANGE, t as ViewStateController } from "./view-state-controller-BdyXWUUM.js";
 import { t as scrollFadeStyles } from "./scroll-fade-Xx28D7mH.js";
 import { t as CrumbNavigationElement } from "./crumb-navigation-YnFVFqrx.js";
 import { NarrowedTextElement } from "./narrowed-text.js";
 import { DataDisplayComponent } from "./data-display.js";
 import { t as createDragGhost } from "./drag-ghost-DtSDvjri.js";
-import { t as DataGridElement } from "./data-grid-rMkLX2qo.js";
+import { t as DataGridElement } from "./data-grid-Cqxuwgbb.js";
 import { a as menuFromTreeToElements, t as menu_exports } from "./menu-CU9KAm8s.js";
 import { t as PanTextElement } from "./pan-text-CqtvjPyK.js";
-import { t as DetailListElement } from "./detail-list-C4pDSoI8.js";
+import { t as DetailListElement } from "./detail-list-Bo5ze3SN.js";
 import { ListGroupHeaderElement } from "./list-group-header.js";
 import { a as distribute, c as preserveRestoreWeights, d as toSnapshot, f as walk, i as buildModel, l as resolveTracks, n as SplitPanelElement, o as findPanelNode, r as applySnapshot, s as normalise, t as SplitLayoutElement, u as setPanelRestoreWeight } from "./split-layout-DTY4PJRp.js";
 import { t as TabListElement } from "./tab-list-R_bGbDvO.js";
@@ -46,10 +46,10 @@ import { EditableLabel } from "./editable-label.js";
 import { t as resolveAxisStep } from "./keyboard-B5xD7Fz-.js";
 import { t as WheelNudgeMixin } from "./wheel-nudge-D5rmht3v.js";
 import { n as EditableNumber, t as LabelledSliderInput } from "./labelled-slider-input-FdCRi6st.js";
-import { t as VerticalListElement } from "./vertical-list-1V1Vg2O5.js";
+import { t as VerticalListElement } from "./vertical-list-DyKPKGxK.js";
 import { FlatListElement } from "./flat-list.js";
 import { n as formStyles, r as adoptLightDomStyles, t as FormElement } from "./form-CY0nibZ5.js";
-import { t as GridListElement } from "./grid-list-CdEkScn-.js";
+import { t as GridListElement } from "./grid-list-D0dJNVEF.js";
 import { PanelElement } from "./panel.js";
 import { GroupedItemListerElement } from "./grouped-item-lister.js";
 import { a as resolveKeyPath, i as reconcileSelection$1, n as reconcileCursor, t as pathFromJson } from "./tree-CftHwtEb.js";
@@ -58,7 +58,7 @@ import { t as RadialInputElement } from "./radial-input-KMVltQfe.js";
 import { LabelledRadialInput } from "./labelled-radial-input.js";
 import { t as SliderInputElement } from "./slider-input-ByHdotzp.js";
 import { LedElement } from "./led.js";
-import { n as MillerListElement, r as MillerBaseElement, t as MillerTreeController } from "./miller-BFRfn0ve.js";
+import { n as MillerListElement, r as MillerBaseElement, t as MillerTreeController } from "./miller-DUqiUAWQ.js";
 import { NotificationPillElement } from "./notifier.js";
 import { a as TooltipElement, c as computeColour, i as PlotMultiAxis, l as parseColourScaleAttr, n as PlotSingleAxis, o as PlotDataSeries, r as PlotHistogram, s as applyAgeModification, t as PlotXyAxis, u as readBaseColour } from "./xy-axis-CyMd_Bn1.js";
 import { PolarPad } from "./polar-pad.js";
@@ -68,7 +68,7 @@ import { RangeElement } from "./range.js";
 import { SelectHorizElement } from "./select-horiz.js";
 import { SnackbarElement } from "./snackbar.js";
 import { SnapContainer } from "./snap-container.js";
-import { a as findSunburstId, c as sunburstChildId, d as sunburstParentId, f as sunburstPathToId, i as defaultSunburstValueAccessor, l as sunburstHasChildren, n as computeSunburstLayout, o as findSunburstNodeById, p as SUNBURST_PATH_SEPARATOR, r as createValueResolver, s as isSunburstAncestorId, t as SunburstTreeListElement, u as sunburstIdToPath } from "./sunbursttree-list-B_VxOHlo.js";
+import { a as findSunburstId, c as sunburstChildId, d as sunburstParentId, f as sunburstPathToId, i as defaultSunburstValueAccessor, l as sunburstHasChildren, n as computeSunburstLayout, o as findSunburstNodeById, p as SUNBURST_PATH_SEPARATOR, r as createValueResolver, s as isSunburstAncestorId, t as SunburstTreeListElement, u as sunburstIdToPath } from "./sunbursttree-list-B_M0YTEA.js";
 import { SwipeElement } from "./swipe.js";
 import { a as resolveCssVars, i as attachTimelineInteractions, n as TimelineTrackTabElement, o as resolveGrid, r as timelineStyles, s as TimelineController, t as IxfxTimelineElement } from "./timeline-BP1Ux2EV.js";
 import { TransitoryLabelElement } from "./transitory-label.js";
@@ -3601,21 +3601,29 @@ function withoutAbsentPanels(layout, isPresent) {
 //#endregion
 //#region src/tabs/tab-list-item.ts
 const resizeHandlers = /* @__PURE__ */ new WeakMap();
-const sharedResizeObserver = new ResizeObserver((entries) => {
-	for (const entry of entries) resizeHandlers.get(entry.target)?.(entry.contentRect.width);
-});
+let resizeObserver;
+function sharedResizeObserver() {
+	resizeObserver ??= new ResizeObserver((entries) => {
+		for (const entry of entries) resizeHandlers.get(entry.target)?.(entry.contentRect.width);
+	});
+	return resizeObserver;
+}
 const mutationHandlers = /* @__PURE__ */ new Map();
-const sharedMutationObserver = new MutationObserver((records) => {
-	const touched = /* @__PURE__ */ new Set();
-	for (const record of records) for (let node = record.target; node; node = node.parentNode) {
-		const handler = mutationHandlers.get(node);
-		if (handler) {
-			touched.add(handler);
-			break;
+let mutationObserver;
+function sharedMutationObserver() {
+	mutationObserver ??= new MutationObserver((records) => {
+		const touched = /* @__PURE__ */ new Set();
+		for (const record of records) for (let node = record.target; node; node = node.parentNode) {
+			const handler = mutationHandlers.get(node);
+			if (handler) {
+				touched.add(handler);
+				break;
+			}
 		}
-	}
-	for (const handler of touched) handler();
-});
+		for (const handler of touched) handler();
+	});
+	return mutationObserver;
+}
 let TabListItemElement = class TabListItemElement extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -3649,10 +3657,10 @@ let TabListItemElement = class TabListItemElement extends LitElement {
 		resizeHandlers.set(this, (width) => {
 			this._compact = width < 64;
 		});
-		sharedResizeObserver.observe(this);
+		sharedResizeObserver().observe(this);
 		this._wireSlotListeners();
 		mutationHandlers.set(this, this._onLabelMutation);
-		sharedMutationObserver.observe(this, {
+		sharedMutationObserver().observe(this, {
 			childList: true,
 			characterData: true,
 			subtree: true,
@@ -3662,7 +3670,7 @@ let TabListItemElement = class TabListItemElement extends LitElement {
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback();
-		sharedResizeObserver.unobserve(this);
+		sharedResizeObserver().unobserve(this);
 		resizeHandlers.delete(this);
 		this._commandCleanup?.();
 		this._commandCleanup = void 0;
@@ -4616,11 +4624,24 @@ let DockHostElement = class DockHostElement extends LitElement {
 		});
 	}
 	/**
-	* Placeholders are part of the layout tree rather than a separate pending
-	* set, so there is nothing to clear here: remove a placeholder with
-	* `removePanel(id)`.
+	* Drop every placeholder: panels the restored layout names that the host
+	* doesn't hold. Call it once the app has added all the panels it has, so
+	* ids for panels that no longer exist don't linger (and get saved again).
 	*/
-	clearPendingViewState() {}
+	clearPendingViewState() {
+		const placeholders = collectPanelIds(this._model).filter((id) => this._isPlaceholder(id));
+		if (placeholders.length === 0) return;
+		for (const id of placeholders) this._removeFromModel(id);
+		this._commit();
+	}
+	/** @deprecated Since 0.16; use `getViewState().layout`. */
+	saveLayout() {
+		return this._captureLayout();
+	}
+	/** @deprecated Since 0.16; use `setViewState({ layout })`. */
+	loadLayout(layout) {
+		this.setViewState({ layout });
+	}
 	/** The current layout, folding live split weights from the DOM. */
 	_captureLayout() {
 		this._foldLiveWeights();
@@ -5627,7 +5648,7 @@ let DockHostElement = class DockHostElement extends LitElement {
         .iconName=${el?.iconName ?? ``}
         .closeable=${el?.closable ?? false}
         @close=${() => this.removePanel(panelId)}
-      >${el?.title ?? panelId}</ixfx-tab-list-item>
+      >${el?.title ?? this.placeholderLabel?.(panelId) ?? panelId}</ixfx-tab-list-item>
     `;
 	}
 	_stripCaretRect(strip, gapIndex, hostRect) {
@@ -5846,6 +5867,7 @@ __decorate([property({
 	converter: { fromAttribute: (value) => value === null ? null : value.split(/\s+/).filter((k) => k.length > 0) }
 })], DockHostElement.prototype, "acceptsKinds", void 0);
 __decorate([property({ attribute: false })], DockHostElement.prototype, "canAccept", void 0);
+__decorate([property({ attribute: false })], DockHostElement.prototype, "placeholderLabel", void 0);
 __decorate([state()], DockHostElement.prototype, "_model", void 0);
 __decorate([state()], DockHostElement.prototype, "_pool", void 0);
 __decorate([state()], DockHostElement.prototype, "_dropZone", void 0);

package/dist/{miller-BFRfn0ve.js → miller-DUqiUAWQ.js}

@@ -2,7 +2,7 @@ import { t as TickledController } from "./tickled-controller-D-HZymaZ.js";
 import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-BrAHEj1q.js";
 import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-JIhwB49y.js";
+import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-CgbL-OlS.js";
 import { a as capKeys, d as partitionKeys, l as keysToArray, n as EMPTY_KEYS } from "./pending-BGidHppL.js";
 import "./interaction-E-uMGHkJ.js";
 import { t as collectDataResult } from "./data-provider-35TyWclX.js";
@@ -1770,13 +1770,6 @@ let MillerBaseElement = class MillerBaseElement extends LitElement {
     @keyframes miller-spin {
       to { transform: rotate(360deg); }
     }
-
-    ::highlight(incr-search-highlight) {
-      background: var(--search-highlight-bg, var(--accent));
-      color: var(--search-highlight-color, var(--accent-text, #fff));
-      border-radius: 2px;
-      padding: 0 1px;
-    }
   `
 		];
 	}

package/dist/miller.d.ts

@@ -1,4 +1,4 @@
 import { A as TreeTickleDetail, O as TreeSelectDetail, b as TreeItemClickDetail, i as TreeCollapseEvent, j as TreeTickleEvent, k as TreeSelectEvent, n as TreeActivateEvent, r as TreeCollapseDetail, t as TreeActivateDetail, v as TreeExpandDetail, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-DgfkxmVY.js";
 import { a as TreeItem, o as TreeNode } from "./types-Jky6oNAp.js";
-import { _ as MillerRebaseEvent, a as MillerBaseElementEventMap, c as MillerHeaderClickEvent, d as MillerItemDblClickDetail, f as MillerItemDblClickEvent, g as MillerRebaseDetail, h as MillerItemState, i as MillerBaseElement, l as MillerHeaderRightClickDetail, m as MillerItemRightClickEvent, n as MillerTreeControllerOptions, o as MillerListViewState, p as MillerItemRightClickDetail, r as MillerListElement, s as MillerHeaderClickDetail, t as MillerTreeController, u as MillerHeaderRightClickEvent, v as MillerSelectionMode } from "./index-CYRc6Dah.js";
+import { _ as MillerRebaseEvent, a as MillerBaseElementEventMap, c as MillerHeaderClickEvent, d as MillerItemDblClickDetail, f as MillerItemDblClickEvent, g as MillerRebaseDetail, h as MillerItemState, i as MillerBaseElement, l as MillerHeaderRightClickDetail, m as MillerItemRightClickEvent, n as MillerTreeControllerOptions, o as MillerListViewState, p as MillerItemRightClickDetail, r as MillerListElement, s as MillerHeaderClickDetail, t as MillerTreeController, u as MillerHeaderRightClickEvent, v as MillerSelectionMode } from "./index-Bnm-kKGC.js";
 export { type TreeActivateDetail as MillerActivateDetail, type TreeActivateEvent as MillerActivateEvent, MillerBaseElement, MillerBaseElementEventMap, type TreeCollapseDetail as MillerCollapseDetail, type TreeCollapseEvent as MillerCollapseEvent, type TreeExpandDetail as MillerExpandDetail, type TreeExpandEvent as MillerExpandEvent, MillerHeaderClickDetail, MillerHeaderClickEvent, MillerHeaderRightClickDetail, MillerHeaderRightClickEvent, type TreeItem as MillerItem, type TreeItemClickDetail as MillerItemClickDetail, type TreeItemClickEvent as MillerItemClickEvent, MillerItemDblClickDetail, MillerItemDblClickEvent, MillerItemRightClickDetail, MillerItemRightClickEvent, MillerItemState, MillerListElement, type MillerListViewState, type TreeNode as MillerNode, MillerRebaseDetail, MillerRebaseEvent, type TreeSelectDetail as MillerSelectDetail, type TreeSelectEvent as MillerSelectEvent, MillerSelectionMode, type TreeTickleDetail as MillerTickleDetail, type TreeTickleEvent as MillerTickleEvent, MillerTreeController, MillerTreeControllerOptions };

package/dist/miller.js

@@ -1,2 +1,2 @@
-import { n as MillerListElement, r as MillerBaseElement, t as MillerTreeController } from "./miller-BFRfn0ve.js";
+import { n as MillerListElement, r as MillerBaseElement, t as MillerTreeController } from "./miller-DUqiUAWQ.js";
 export { MillerBaseElement, MillerListElement, MillerTreeController };

package/dist/narrowed-text.js

@@ -3,7 +3,7 @@ import { t as TickledController } from "./tickled-controller-D-HZymaZ.js";
 import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-BrAHEj1q.js";
 import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { p as createIncrSearch } from "./incr-search-JIhwB49y.js";
+import { p as createIncrSearch } from "./incr-search-CgbL-OlS.js";
 import "./interaction-E-uMGHkJ.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, query, state } from "lit/decorators.js";

package/dist/sunburst-tree.d.ts

@@ -1,2 +1,2 @@
-import { a as SunburstViewState, i as SunburstZoomEvent, n as SunburstTreeListElementEventMap, r as SunburstZoomDetail, t as SunburstTreeListElement } from "./sunbursttree-list-D6j5BxVQ.js";
+import { a as SunburstViewState, i as SunburstZoomEvent, n as SunburstTreeListElementEventMap, r as SunburstZoomDetail, t as SunburstTreeListElement } from "./sunbursttree-list-DePuFYlU.js";
 export { SunburstTreeListElement, SunburstTreeListElementEventMap, type SunburstViewState, SunburstZoomDetail, SunburstZoomEvent };

package/dist/sunburst-tree.js

@@ -1,2 +1,2 @@
-import { t as SunburstTreeListElement } from "./sunbursttree-list-B_VxOHlo.js";
+import { t as SunburstTreeListElement } from "./sunbursttree-list-B_M0YTEA.js";
 export { SunburstTreeListElement };

package/dist/{sunbursttree-list-B_VxOHlo.js → sunbursttree-list-B_M0YTEA.js}

@@ -1,7 +1,7 @@
 import { t as TickledController } from "./tickled-controller-D-HZymaZ.js";
 import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-JIhwB49y.js";
+import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-CgbL-OlS.js";
 import { a as capKeys, l as keysToArray, n as EMPTY_KEYS } from "./pending-BGidHppL.js";
 import { t as collectDataResult } from "./data-provider-35TyWclX.js";
 import { t as ViewStateController } from "./view-state-controller-BdyXWUUM.js";

package/dist/{sunbursttree-list-D6j5BxVQ.d.ts → sunbursttree-list-DePuFYlU.d.ts}

@@ -2,7 +2,7 @@ import { C as TreeItemDblClickEvent, E as TreeSearchHost, M as TreeDataModel, a
 import { a as TreeItem, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-Jky6oNAp.js";
 import { a as ViewStateBase, t as GetViewStateOptions } from "./types-LU1u0CB8.js";
 import "./index-9ttcdwlL.js";
-import { S as ListSearchController } from "./index-Dr80Zdl6.js";
+import { S as ListSearchController } from "./index-CUErGhCg.js";
 import { LitElement, PropertyValues } from "lit";
 import { CommandRegistry } from "@clinth/ui-commands";
 //#region src/sunburst-tree/types.d.ts

package/dist/{tree-Crdpl4nc.js → tree-DAlgvaHB.js}

@@ -2,7 +2,7 @@ import { t as TickledController } from "./tickled-controller-D-HZymaZ.js";
 import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-BrAHEj1q.js";
 import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-JIhwB49y.js";
+import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-CgbL-OlS.js";
 import { i as animateListItemOut, o as prefersReducedMotion, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-CcXoS0YX.js";
 import { a as capKeys, c as keysAsFlags, f as withoutFlag, i as capFlags, l as keysToArray, n as EMPTY_KEYS, o as flagsFromRecord, s as flagsToRecord, t as EMPTY_FLAGS } from "./pending-BGidHppL.js";
 import { n as createScrollHoverGuard } from "./scroll-hover-guard-Cjw6179Q.js";

package/dist/tree.d.ts

@@ -1,4 +1,4 @@
 import { A as TreeTickleDetail, M as TreeDataModel, N as TreeDataModelOptions, O as TreeSelectDetail, T as TreeRevealMode, _ as TreeDropTarget, b as TreeItemClickDetail, c as TreeDragContext, d as TreeDragStartEvent, g as TreeDropPosition, h as TreeDropEvent, i as TreeCollapseEvent, j as TreeTickleEvent, k as TreeSelectEvent, l as TreeDragEndEvent, m as TreeDropDetail, n as TreeActivateEvent, o as TreeComponentEventMap, p as TreeDropContext, r as TreeCollapseDetail, s as TreeDndMode, t as TreeActivateDetail, u as TreeDragOverEvent, v as TreeExpandDetail, w as TreeNavigateOptions, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-DgfkxmVY.js";
 import { a as TreeItem, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-Jky6oNAp.js";
-import { a as TreeDropVisibleRow, c as TreeListElement, d as TreeBaseElement, f as TreeBaseElementEventMap, h as TreeConfig, i as TreeDropRowInfo, l as TreeCheckboxState, m as TreeListViewState, n as TreeDropControllerConfig, o as TreeController, p as TreeVirtualize, r as TreeDropResolvedDrag, s as TreeControllerOptions, t as TreeDropController, u as TreeAnimation } from "./index-Bx0BXPxI.js";
+import { a as TreeDropVisibleRow, c as TreeListElement, d as TreeBaseElement, f as TreeBaseElementEventMap, h as TreeConfig, i as TreeDropRowInfo, l as TreeCheckboxState, m as TreeListViewState, n as TreeDropControllerConfig, o as TreeController, p as TreeVirtualize, r as TreeDropResolvedDrag, s as TreeControllerOptions, t as TreeDropController, u as TreeAnimation } from "./index-D-lZNlHa.js";
 export { type LoadChildrenCallback, type TreeActivateDetail, type TreeActivateEvent, TreeAnimation, TreeBaseElement, TreeBaseElementEventMap, type TreeCheckboxState, type TreeCollapseDetail, type TreeCollapseEvent, type TreeComponentEventMap, TreeConfig, TreeController, TreeControllerOptions, TreeDataModel, type TreeDataModelOptions, type TreeDndMode, type TreeDragContext, type TreeDragEndEvent, type TreeDragOverEvent, type TreeDragStartEvent, type TreeDropContext, TreeDropController, TreeDropControllerConfig, type TreeDropDetail, type TreeDropEvent, type TreeDropPosition, TreeDropResolvedDrag, TreeDropRowInfo, type TreeDropTarget, TreeDropVisibleRow, type TreeExclusivity, type TreeExpandDetail, type TreeExpandEvent, type TreeFilterPredicate, type TreeItem, type TreeItemClickDetail, type TreeItemClickEvent, TreeListElement, type TreeListViewState, type TreeNavigateOptions, type TreeNode, type TreeRevealMode, type TreeSelectDetail, type TreeSelectEvent, type TreeSelectionFilter, type TreeTickleDetail, type TreeTickleEvent, TreeVirtualize };

package/dist/tree.js

@@ -1,2 +1,2 @@
-import { a as TreeDataModel, i as TreeDropController, n as TreeListElement, r as TreeBaseElement, t as TreeController } from "./tree-Crdpl4nc.js";
+import { a as TreeDataModel, i as TreeDropController, n as TreeListElement, r as TreeBaseElement, t as TreeController } from "./tree-DAlgvaHB.js";
 export { TreeBaseElement, TreeController, TreeDataModel, TreeDropController, TreeListElement };

package/dist/{vertical-list-1V1Vg2O5.js → vertical-list-DyKPKGxK.js}

@@ -1,7 +1,7 @@
 import { t as TickledController } from "./tickled-controller-D-HZymaZ.js";
 import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { c as createElementListSearchAdapter, i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, u as keyForElement } from "./incr-search-JIhwB49y.js";
+import { c as createElementListSearchAdapter, i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, u as keyForElement } from "./incr-search-CgbL-OlS.js";
 import { i as animateListItemOut, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-CcXoS0YX.js";
 import { r as ListDragSelectController, t as ListSelectionController } from "./list-selection-controller-5L0Nj9tR.js";
 import { l as keysToArray } from "./pending-BGidHppL.js";

package/dist/{vertical-list-BPDmZx6T.d.ts → vertical-list-SAx56U-l.d.ts}

@@ -2,7 +2,7 @@ import { L as ListDragPreviewRenderer, R as ListDragPreviewSourceResolver, V as
 import { a as ViewStateBase, t as GetViewStateOptions } from "./types-LU1u0CB8.js";
 import "./index-9ttcdwlL.js";
 import { n as ListViewportChangeEvent } from "./list-viewport-types-BRZsLcvp.js";
-import { S as ListSearchController } from "./index-Dr80Zdl6.js";
+import { S as ListSearchController } from "./index-CUErGhCg.js";
 import { i as ListInteractionMode, l as ListSelectionMode, r as ListElementEventMap } from "./list-selection-types-PjKdhF-a.js";
 import "./editable-label-rzXkjf1H.js";
 import { LitElement, PropertyValues } from "lit";

package/dist/vertical-list.d.ts

@@ -1,5 +1,5 @@
 import { B as ListNativeDragStartDetail, F as ListDragPreview, I as ListDragPreviewContext, L as ListDragPreviewRenderer, P as ListDragEntry, V as ListNativeDragStartEvent, z as ListDragSource } from "./tree-component-DgfkxmVY.js";
 import { n as ListViewportChangeEvent, t as ListViewportChangeDetail } from "./list-viewport-types-BRZsLcvp.js";
 import { a as ListItemClickDetail, c as ListSelectEvent, d as ListTickleEvent, i as ListInteractionMode, l as ListSelectionMode, n as ListActivateEvent, o as ListItemClickEvent, r as ListElementEventMap, s as ListSelectDetail, t as ListActivateDetail, u as ListTickleDetail } from "./list-selection-types-PjKdhF-a.js";
-import { a as VerticalListViewState, c as ListDragLeaveDetail, d as ListDropDetail, f as ListDropEvent, g as ListEditCommitEvent, h as ListEditCommitDetail, i as VerticalListElementEventMap, l as ListDragLeaveEvent, m as ListEditCancelEvent, n as CustomCheckboxOptions, o as ListContextMenuDetail, p as ListEditCancelDetail, r as VerticalListElement, s as ListContextMenuEvent, t as AddItemOptions, u as ListDragOverEvent } from "./vertical-list-BPDmZx6T.js";
+import { a as VerticalListViewState, c as ListDragLeaveDetail, d as ListDropDetail, f as ListDropEvent, g as ListEditCommitEvent, h as ListEditCommitDetail, i as VerticalListElementEventMap, l as ListDragLeaveEvent, m as ListEditCancelEvent, n as CustomCheckboxOptions, o as ListContextMenuDetail, p as ListEditCancelDetail, r as VerticalListElement, s as ListContextMenuEvent, t as AddItemOptions, u as ListDragOverEvent } from "./vertical-list-SAx56U-l.js";
 export { AddItemOptions, CustomCheckboxOptions, type ListActivateDetail, type ListActivateEvent, type ListContextMenuDetail, type ListContextMenuEvent, type ListDragEntry, type ListDragLeaveDetail, type ListDragLeaveEvent, type ListDragOverEvent, type ListDragPreview, type ListDragPreviewContext, type ListDragPreviewRenderer, type ListDragSource, type ListDropDetail, type ListDropEvent, type ListEditCancelDetail, type ListEditCancelEvent, type ListEditCommitDetail, type ListEditCommitEvent, type ListElementEventMap, type ListInteractionMode, type ListItemClickDetail, type ListItemClickEvent, type ListNativeDragStartDetail, type ListNativeDragStartEvent, type ListSelectDetail, type ListSelectEvent, type ListSelectionMode, type ListTickleDetail, type ListTickleEvent, type ListViewportChangeDetail, type ListViewportChangeEvent, VerticalListElement, VerticalListElementEventMap, type VerticalListViewState };

package/dist/vertical-list.js

@@ -1,2 +1,2 @@
-import { t as VerticalListElement } from "./vertical-list-1V1Vg2O5.js";
+import { t as VerticalListElement } from "./vertical-list-DyKPKGxK.js";
 export { VerticalListElement };

package/docs-user/data-grid.md

@@ -506,10 +506,19 @@ rows dropped from the flat list) modes. No default shortcut:
 grid.registry.invoke('list.search.filter');   // or .navigate / .select
 ```
 
-A row is matched against `rowSearchText(row)` — by default its visible cells'
-values joined by a space; override with the `rowSearchText` property. `select`
-mode needs `selection-mode="multiple"` to hold more than one row. Character
-highlights are not drawn (a match position spans multiple cells). `filterPredicate`
+A row is matched against the displayed (formatted) text of one column: the
+`search-column` attribute (`searchColumn` property) names it, defaulting to the
+first visible column. Searching every column makes dates and sizes match
+queries like `12`, which is rarely what Find is for. Set the `rowSearchText`
+property, `(row) => string`, to match against something else, e.g. several
+columns joined. `select` mode needs `selection-mode="multiple"` to hold more
+than one row.
+
+Matched characters in the search column are highlighted under the
+`data-grid-search` key, coloured by `--search-highlight-bg` /
+`--search-highlight-color` (default `--accent` / `--accent-text`). Matches
+against a custom `rowSearchText` aren't highlighted, since they can't be
+mapped onto a cell, and neither are cells drawn by a column `renderer`. `filterPredicate`
 (a `(row) => boolean` property) filters rows directly. `search-modes` limits the
 offered modes. Full model: [`docs/infra-incremental.md`](../../docs/infra-incremental.md).
 

package/docs-user/detail-list.md

@@ -162,6 +162,7 @@ list.keyProperty = 'name'; // Preserves selection across rebuilds
 | `textColorProperty` | `string` | Property name for the caption's CSS colour |
 | `badgeProperty` | `string` | Property name for a Finder-style badge |
 | `formatter` | `(item: unknown, index: number) => string \| Node` | Custom renderer |
+| `searchText` | `(item: unknown, index: number) => string` | Text incremental search matches (default: the caption if a string, else the row's whole text) |
 
 ```typescript
 list.formatter = (item, index) => {
@@ -177,6 +178,18 @@ put, and the new row animates in like `addItem()`. Pass new objects (or change
 `displayProperty`, `formatter`, …) to rebuild rows. With a `formatter`, a row
 is only kept at the same index, since the formatter receives the index.
 
+Because reused rows aren't re-run through the `formatter`, state it reads from
+outside the item (sizes, fit mode, …) doesn't reach existing rows when the same
+objects are reassigned. Call `list.reformat()` to rebuild every row, or assign a
+new `formatter` function (a new identity counts as a shape change).
+
+When `formatter` returns a `Node`, search falls back to the row's whole text
+(sublines, sizes, dates). Set `searchText` to match on just the name:
+
+```typescript
+list.searchText = item => (item as { name: string }).name;
+```
+
 Retrieve the original data for an element:
 
 ```typescript
@@ -459,6 +472,8 @@ Search matches against `data-search-label` (or `textContent` as fallback). Use `
 <li data-search-label="document a alpha">Document A</li>
 ```
 
+For object items, `searchText` sets `data-search-label` per row (see [Object items](#object-items)).
+
 ### Highlight styling
 
 Matched characters are highlighted with the `detail-list-search` highlight key. Style matches with: