@ixfx/components 0.13.6 → 0.13.8

package/dist/crumbs.d.ts

@@ -1,4 +1,4 @@
-import { E as TreeSelectEvent, O as TreeTickleEvent, a as TreeComponent, k as TreeDataModel, n as TreeActivateEvent, o as TreeComponentEventMap, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-Bx40hxMz.js";
+import { A as TreeTickleEvent, O as TreeSelectEvent, a as TreeComponent, j as TreeDataModel, n as TreeActivateEvent, o as TreeComponentEventMap, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-Tslymyyl.js";
 import { n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-DQ7KOUIj.js";
 import "./menu-item-bF6narIz.js";
 import "./index-o-CWDt11.js";

package/dist/{data-grid-CGe1kRMI.d.ts → data-grid-D7RxYISt.d.ts}

@@ -1,7 +1,7 @@
 import "./icon-CDGprSdE.js";
-import { F as ListDragPreviewSourceResolver, P as ListDragPreviewRenderer, R as ListNativeDragStartEvent } from "./tree-component-Bx40hxMz.js";
+import { B as ListNativeDragStartEvent, I as ListDragPreviewRenderer, L as ListDragPreviewSourceResolver } from "./tree-component-Tslymyyl.js";
 import { n as ListViewportChangeEvent, t as ListViewportChangeDetail } from "./list-viewport-types-BRZsLcvp.js";
-import { S as ListSearchController } from "./index-CzFRWPzh.js";
+import { S as ListSearchController } from "./index-CO6m-YC0.js";
 import "./index-B-hzcIP0.js";
 import "./pan-text-CoYmt2qd.js";
 import { LitElement } from "lit";

package/dist/data-grid.d.ts

@@ -1,3 +1,3 @@
-import { I as ListDragSource, L as ListNativeDragStartDetail, M as ListDragPreview, N as ListDragPreviewContext, P as ListDragPreviewRenderer, R as ListNativeDragStartEvent, j as ListDragEntry } from "./tree-component-Bx40hxMz.js";
-import { A as DataGridEditorFactory, B as GlobalFormatter, C as BuiltInFormatterName, D as DataGridDataType, E as DataGridColumnMenu, F as DataGridInteractionMode, I as DataGridRowLook, L as DataGridSelectionMode, M as DataGridGetRowKey, N as DataGridGroupBy, O as DataGridEditability, P as DataGridGroupLabel, R as DataGridSortDirection, S as DataGridViewportChangeEvent, T as DataGridColumn, _ 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 DataGridEditorType, k as DataGridEditorContext, 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 BuiltInFormatterOptions, x as DataGridViewportChangeDetail, y as DataGridSortDetail, z as DataGridSortState } from "./data-grid-CGe1kRMI.js";
+import { B as ListNativeDragStartEvent, F as ListDragPreviewContext, I as ListDragPreviewRenderer, N as ListDragEntry, P as ListDragPreview, R as ListDragSource, z as ListNativeDragStartDetail } from "./tree-component-Tslymyyl.js";
+import { A as DataGridEditorFactory, B as GlobalFormatter, C as BuiltInFormatterName, D as DataGridDataType, E as DataGridColumnMenu, F as DataGridInteractionMode, I as DataGridRowLook, L as DataGridSelectionMode, M as DataGridGetRowKey, N as DataGridGroupBy, O as DataGridEditability, P as DataGridGroupLabel, R as DataGridSortDirection, S as DataGridViewportChangeEvent, T as DataGridColumn, _ 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 DataGridEditorType, k as DataGridEditorContext, 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 BuiltInFormatterOptions, x as DataGridViewportChangeDetail, y as DataGridSortDetail, z as DataGridSortState } from "./data-grid-D7RxYISt.js";
 export { type BuiltInFormatterName, type BuiltInFormatterOptions, DataGridCellClickDetail, DataGridCellClickEvent, DataGridCellEditDetail, DataGridCellEditEvent, type DataGridColumn, type DataGridColumnMenu, DataGridColumnReorderDetail, DataGridColumnReorderEvent, DataGridColumnResizeDetail, DataGridColumnResizeEvent, DataGridColumnVisibilityDetail, DataGridColumnVisibilityEvent, type DataGridDataType, type DataGridEditability, type DataGridEditorContext, type DataGridEditorFactory, type DataGridEditorType, DataGridElement, DataGridElementEventMap, type DataGridGetRowKey, type DataGridGroupBy, DataGridGroupChangeDetail, DataGridGroupChangeEvent, type DataGridGroupLabel, type DataGridInteractionMode, DataGridRowActivateDetail, DataGridRowActivateEvent, type DataGridRowLook, DataGridSelectDetail, DataGridSelectEvent, type DataGridSelectionMode, DataGridSortDetail, type DataGridSortDirection, DataGridSortEvent, type DataGridSortState, DataGridViewportChangeDetail, DataGridViewportChangeEvent, type GlobalFormatter, type ListDragEntry, type ListDragPreview, type ListDragPreviewContext, type ListDragPreviewRenderer, type ListDragSource, type ListNativeDragStartDetail, type ListNativeDragStartEvent };

package/dist/{detail-list-BhuV3_jF.d.ts → detail-list-w32XZEgH.d.ts}

@@ -1,11 +1,11 @@
 import "./icon-CDGprSdE.js";
 import { r as IDataProvider } from "./data-provider-BAn_-oR1.js";
-import { F as ListDragPreviewSourceResolver, P as ListDragPreviewRenderer, R as ListNativeDragStartEvent } from "./tree-component-Bx40hxMz.js";
+import { B as ListNativeDragStartEvent, I as ListDragPreviewRenderer, L as ListDragPreviewSourceResolver } from "./tree-component-Tslymyyl.js";
 import { n as ListViewportChangeEvent } from "./list-viewport-types-BRZsLcvp.js";
-import { S as ListSearchController } from "./index-CzFRWPzh.js";
+import { S as ListSearchController } from "./index-CO6m-YC0.js";
 import { a as ListGroupEventMap, o as ListGroupInfo, s as ListGroupLabel } from "./grouping-CUKgmkMm.js";
 import { i as ListInteractionMode, l as ListSelectionMode, r as ListElementEventMap } from "./list-selection-types-PjKdhF-a.js";
-import { n as CustomCheckboxOptions, t as AddItemOptions } from "./vertical-list-BohPAS04.js";
+import { n as CustomCheckboxOptions, t as AddItemOptions } from "./vertical-list-B1Fq06xr.js";
 import "./list-group-header.js";
 import { LitElement, PropertyValues } from "lit";
 import { CommandId, CommandRegistry } from "@clinth/ui-commands";

package/dist/detail-list.d.ts

@@ -1,6 +1,6 @@
-import { I as ListDragSource, L as ListNativeDragStartDetail, M as ListDragPreview, N as ListDragPreviewContext, P as ListDragPreviewRenderer, R as ListNativeDragStartEvent, j as ListDragEntry } from "./tree-component-Bx40hxMz.js";
+import { B as ListNativeDragStartEvent, F as ListDragPreviewContext, I as ListDragPreviewRenderer, N as ListDragEntry, P as ListDragPreview, R as ListDragSource, z as ListNativeDragStartDetail } from "./tree-component-Tslymyyl.js";
 import { n as ListViewportChangeEvent, t as ListViewportChangeDetail } from "./list-viewport-types-BRZsLcvp.js";
 import { i as ListGroupChangeEvent, l as ListGroupToggleDetail, n as ListGroupBy, o as ListGroupInfo, r as ListGroupChangeDetail, s as ListGroupLabel, u as ListGroupToggleEvent } from "./grouping-CUKgmkMm.js";
-import { n as CustomCheckboxOptions, t as AddItemOptions } from "./vertical-list-BohPAS04.js";
-import { a as DetailSortComparator, i as DetailGroupBy, n as DetailListElementEventMap, o as DetailSortItem, r as DetailFormatter, s as DetailSortMode, t as DetailListElement } from "./detail-list-BhuV3_jF.js";
+import { n as CustomCheckboxOptions, t as AddItemOptions } from "./vertical-list-B1Fq06xr.js";
+import { a as DetailSortComparator, i as DetailGroupBy, n as DetailListElementEventMap, o as DetailSortItem, r as DetailFormatter, s as DetailSortMode, t as DetailListElement } from "./detail-list-w32XZEgH.js";
 export { type AddItemOptions, type CustomCheckboxOptions, type DetailFormatter, type DetailGroupBy, DetailListElement, DetailListElementEventMap, type DetailSortComparator, type DetailSortItem, type DetailSortMode, type ListDragEntry, type ListDragPreview, type ListDragPreviewContext, type ListDragPreviewRenderer, type ListDragSource, type ListGroupBy, type ListGroupChangeDetail, type ListGroupChangeEvent, type ListGroupInfo, type ListGroupLabel, type ListGroupToggleDetail, type ListGroupToggleEvent, type ListNativeDragStartDetail, type ListNativeDragStartEvent, type ListViewportChangeDetail, type ListViewportChangeEvent };

package/dist/{flat-list-C7fmx7ii.d.ts → flat-list-CkRIZCuR.d.ts}

@@ -1,9 +1,9 @@
 import "./icon-CDGprSdE.js";
-import { k as TreeDataModel } from "./tree-component-Bx40hxMz.js";
+import { j as TreeDataModel } from "./tree-component-Tslymyyl.js";
 import { o as TreeNode, r as TreeFilterPredicate, t as LoadChildrenCallback } from "./types-DQ7KOUIj.js";
 import "./crumbs.js";
 import { i as ListInteractionMode, l as ListSelectionMode } from "./list-selection-types-PjKdhF-a.js";
-import { r as VerticalListElement } from "./vertical-list-BohPAS04.js";
+import { r as VerticalListElement } from "./vertical-list-B1Fq06xr.js";
 import { LitElement, PropertyValues } from "lit";
 //#region src/flat-list/types.d.ts
 /** How branches and leaves are ordered within one level. */

package/dist/flat-list.d.ts

@@ -1,2 +1,2 @@
-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 } from "./flat-list-C7fmx7ii.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 } from "./flat-list-CkRIZCuR.js";
 export { type FlatListActivateDetail, type FlatListActivateEvent, type FlatListBranchOrder, type FlatListContextMenuDetail, type FlatListContextMenuEvent, type FlatListDropDetail, type FlatListDropEvent, type FlatListEditCancelDetail, type FlatListEditCancelEvent, type FlatListEditCommitDetail, type FlatListEditCommitEvent, FlatListElement, type FlatListElementEventMap, type FlatListNavigateDetail, type FlatListNavigateEvent, type FlatListSelectDetail, type FlatListSelectEvent };

package/dist/{grid-list-DqRuaIRk.d.ts → grid-list-DUvhSoT2.d.ts}

@@ -1,10 +1,10 @@
-import { F as ListDragPreviewSourceResolver, P as ListDragPreviewRenderer, R as ListNativeDragStartEvent } from "./tree-component-Bx40hxMz.js";
-import { S as ListSearchController } from "./index-CzFRWPzh.js";
+import { B as ListNativeDragStartEvent, I as ListDragPreviewRenderer, L as ListDragPreviewSourceResolver } from "./tree-component-Tslymyyl.js";
+import { S as ListSearchController } from "./index-CO6m-YC0.js";
 import "./pan-text-CoYmt2qd.js";
 import { i as ListGroupChangeEvent, n as ListGroupBy, o as ListGroupInfo, s as ListGroupLabel, u as ListGroupToggleEvent } from "./grouping-CUKgmkMm.js";
 import { i as ListInteractionMode, l as ListSelectionMode } from "./list-selection-types-PjKdhF-a.js";
 import "./list-group-header.js";
-import "./list-native-drag-controller-B0xS2Sj4.js";
+import "./list-native-drag-controller-CvXN3NB7.js";
 import { i as TickledItem, n as TickledController } from "./tickled-controller-DodxD3eQ.js";
 import { LitElement, PropertyValues, ReactiveController, ReactiveControllerHost, html } from "lit";
 import { CommandRegistry } from "@clinth/ui-commands";

package/dist/grid-list.d.ts

@@ -1,5 +1,5 @@
-import { I as ListDragSource, L as ListNativeDragStartDetail, M as ListDragPreview, N as ListDragPreviewContext, P as ListDragPreviewRenderer, R as ListNativeDragStartEvent, j as ListDragEntry } from "./tree-component-Bx40hxMz.js";
+import { B as ListNativeDragStartEvent, F as ListDragPreviewContext, I as ListDragPreviewRenderer, N as ListDragEntry, P as ListDragPreview, R as ListDragSource, z as ListNativeDragStartDetail } from "./tree-component-Tslymyyl.js";
 import { i as ListGroupChangeEvent, l as ListGroupToggleDetail, n as ListGroupBy, o as ListGroupInfo, r as ListGroupChangeDetail, s as ListGroupLabel, u as ListGroupToggleEvent } from "./grouping-CUKgmkMm.js";
 import { i as ListInteractionMode, l as ListSelectionMode } from "./list-selection-types-PjKdhF-a.js";
-import { _ as GridListTickleDetail, a as GridListCaptionBackdrop, b as GridListViewportChangeEvent, c as GridListDataAdapter, d as GridListItemClickDetail, f as GridListItemClickEvent, g as GridListSelectEvent, h as GridListSelectDetail, i as GridListCaptionAlign, l as GridListElementEventMap, m as GridListOrientation, n as GridListActivateDetail, o as GridListCaptionPosition, p as GridListItemEventDetail, r as GridListActivateEvent, s as GridListCaptionStyle, t as GridListElement, u as GridListFullElementEventMap, v as GridListTickleEvent, y as GridListViewportChangeDetail } from "./grid-list-DqRuaIRk.js";
+import { _ as GridListTickleDetail, a as GridListCaptionBackdrop, b as GridListViewportChangeEvent, c as GridListDataAdapter, d as GridListItemClickDetail, f as GridListItemClickEvent, g as GridListSelectEvent, h as GridListSelectDetail, i as GridListCaptionAlign, l as GridListElementEventMap, m as GridListOrientation, n as GridListActivateDetail, o as GridListCaptionPosition, p as GridListItemEventDetail, r as GridListActivateEvent, s as GridListCaptionStyle, t as GridListElement, u as GridListFullElementEventMap, v as GridListTickleEvent, y as GridListViewportChangeDetail } from "./grid-list-DUvhSoT2.js";
 export { type GridListActivateDetail, type GridListActivateEvent, type GridListCaptionAlign, type GridListCaptionBackdrop, type GridListCaptionPosition, type GridListCaptionStyle, type GridListDataAdapter, GridListElement, type GridListElementEventMap, type GridListFullElementEventMap, type GridListItemClickDetail, type GridListItemClickEvent, type GridListItemEventDetail, type GridListOrientation, type GridListSelectDetail, type GridListSelectEvent, type GridListTickleDetail, type GridListTickleEvent, type GridListViewportChangeDetail, type GridListViewportChangeEvent, type ListDragEntry, type ListDragPreview, type ListDragPreviewContext, type ListDragPreviewRenderer, type ListDragSource, type ListGroupBy, type ListGroupChangeDetail, type ListGroupChangeEvent, type ListGroupInfo, type ListGroupLabel, type ListGroupToggleDetail, type ListGroupToggleEvent, type ListInteractionMode, type ListNativeDragStartDetail, type ListNativeDragStartEvent, type ListSelectionMode };

package/dist/incr-search.d.ts

@@ -1,2 +1,2 @@
-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-CzFRWPzh.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-CO6m-YC0.js";
 export { type DataListSearchAdapterOptions, type DataListSearchItem, type ElementIncrSearch, type ElementIncrSearchOptions, type ElementListSearchAdapterOptions, type ElementListSearchHost, 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, LIST_SEARCH_COMMAND_IDS, LIST_SEARCH_MODES, type ListSearchAdapter, ListSearchController, type ListSearchControllerOptions, type ListSearchHost, type ListSearchMode, type RegisterListSearchCommandsOptions, type TreeListSearchAdapterOptions, applyHighlights, buildHighlightTargets, clearHighlights, createAcCompletionProvider, createDataListSearchAdapter, createElementIncrSearch, createElementListSearchAdapter, createFuzzySearch, createIncrSearch, createTreeListSearchAdapter, listSearchStyles, registerListSearchCommands };

package/dist/{index-CzFRWPzh.d.ts → index-CO6m-YC0.d.ts}

@@ -1,5 +1,5 @@
 import "./icon-CDGprSdE.js";
-import { w as TreeSearchHost } from "./tree-component-Bx40hxMz.js";
+import { E as TreeSearchHost } from "./tree-component-Tslymyyl.js";
 import { o as TreeNode } from "./types-DQ7KOUIj.js";
 import { ReactiveController, ReactiveControllerHost, TemplateResult, nothing } from "lit";
 import { FzfOptions } from "fzf";

package/dist/{index-AifRs3k9.d.ts → index-CSCrK0hR.d.ts}

@@ -1,7 +1,7 @@
-import { C as TreeItemDblClickEvent, E as TreeSelectEvent, F as ListDragPreviewSourceResolver, L as ListNativeDragStartDetail, O as TreeTickleEvent, P as ListDragPreviewRenderer, _ as TreeDropTarget, a as TreeComponent, c as TreeDragContext, d as TreeDragStartEvent, h as TreeDropEvent, i as TreeCollapseEvent, k as TreeDataModel, l as TreeDragEndEvent, m as TreeDropDetail, n as TreeActivateEvent, o as TreeComponentEventMap, p as TreeDropContext, s as TreeDndMode, u as TreeDragOverEvent, w as TreeSearchHost, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-Bx40hxMz.js";
+import { A as TreeTickleEvent, C as TreeItemDblClickEvent, E as TreeSearchHost, I as ListDragPreviewRenderer, L as ListDragPreviewSourceResolver, O as TreeSelectEvent, _ as TreeDropTarget, a as TreeComponent, c as TreeDragContext, d as TreeDragStartEvent, h as TreeDropEvent, i as TreeCollapseEvent, j as TreeDataModel, l as TreeDragEndEvent, m as TreeDropDetail, n as TreeActivateEvent, o as TreeComponentEventMap, p as TreeDropContext, s as TreeDndMode, u as TreeDragOverEvent, w as TreeNavigateOptions, x as TreeItemClickEvent, y as TreeExpandEvent, z as ListNativeDragStartDetail } from "./tree-component-Tslymyyl.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-DQ7KOUIj.js";
-import { S as ListSearchController } from "./index-CzFRWPzh.js";
-import { t as ListNativeDragController } from "./list-native-drag-controller-B0xS2Sj4.js";
+import { S as ListSearchController } from "./index-CO6m-YC0.js";
+import { t as ListNativeDragController } from "./list-native-drag-controller-CvXN3NB7.js";
 import { n as TickledController } from "./tickled-controller-DodxD3eQ.js";
 import { LitElement, PropertyValues, ReactiveController, ReactiveControllerHost, TemplateResult, nothing } from "lit";
 import { CommandRegistry } from "@clinth/ui-commands";
@@ -18,14 +18,6 @@ type TreeConfig = {
  * rows; `on` / `off` force it.
  */
 type TreeVirtualize = `auto` | `on` | `off`;
-/** How `navigateTo` scrolls its target: edge-align it, or centre it when it is off screen. */
-type TreeRevealMode = `edge` | `center-if-hidden`;
-type TreeNavigateOptions = {
-  /** Scroll behaviour for the target row (default `edge`). */
-  reveal?: TreeRevealMode;
-  /** Suppress the `select` event this navigation would otherwise fire. */
-  silent?: boolean;
-};
 declare class TreeBaseElement extends LitElement implements TreeComponent, TreeSearchHost {
   #private;
   root: TreeNode | undefined;
@@ -131,6 +123,24 @@ declare class TreeBaseElement extends LitElement implements TreeComponent, TreeS
   clearSelection(): void;
   selectAll(): void;
   deselectAll(): void;
+  /**
+   * Expand every already-loaded branch in a single update. With `maxDepth`,
+   * only branches at depth < `maxDepth` are expanded (the root's children are
+   * depth 0), so rows at depth `maxDepth` become visible but stay collapsed.
+   *
+   * Unloaded (lazy) branches are not fetched — call again once their children
+   * have loaded to expand further. Bulk expansion ignores `exclusivity`. Fires
+   * one `expand` event per branch that actually opens — none for branches that
+   * were already expanded, including ones opened by filter auto-expansion.
+   */
+  expandAll(maxDepth?: number): void;
+  /**
+   * Collapse expanded branches in a single update. With `maxDepth`, only
+   * branches at depth >= `maxDepth` are collapsed, leaving the tree open down
+   * to depth `maxDepth - 1` (`collapseAll(0)` is a full collapse). Fires one
+   * `collapse` event per branch that actually closes.
+   */
+  collapseAll(maxDepth?: number): void;
   navigateTo(keys: readonly string[], options?: TreeNavigateOptions): boolean;
   navigateToNode(predicate: (node: TreeNode) => boolean): boolean;
   /** Expand ancestors + move the cursor to `key`, without touching the selection (search "navigate" mode). */
@@ -342,4 +352,4 @@ declare class TreeDropController implements ReactiveController {
   hostDisconnected(): void;
 }
 //#endregion
-export { TreeDropVisibleRow as a, TreeListElement as c, TreeBaseElementEventMap as d, TreeNavigateOptions as f, TreeConfig as h, TreeDropRowInfo as i, TreeCheckboxState as l, TreeVirtualize as m, TreeDropControllerConfig as n, TreeController as o, TreeRevealMode as p, TreeDropResolvedDrag as r, TreeControllerOptions as s, TreeDropController as t, TreeBaseElement as u };
+export { TreeDropVisibleRow as a, TreeListElement as c, TreeBaseElementEventMap as d, TreeVirtualize as f, TreeDropRowInfo as i, TreeCheckboxState as l, TreeDropControllerConfig as n, TreeController as o, TreeConfig as p, TreeDropResolvedDrag as r, TreeControllerOptions as s, TreeDropController as t, TreeBaseElement as u };

package/dist/index.d.ts

@@ -7,28 +7,28 @@ import { Checkbox, CheckboxChangeDetail, CheckboxChangeEvent, CheckboxEventMap }
 import { a as CheckState, c as ItemOrientation, i as CheckedSelectEventMap, n as CheckedSelectChangeDetail, o as CheckedSelectItem, r as CheckedSelectChangeEvent, s as ItemDisplay, t as CheckedSelect } from "./checked-select-CglRukbP.js";
 import { a as ColourPickerInputEvent, i as ColourPickerEventDetail, n as ColourPicker, o as OklchValue, r as ColourPickerChangeEvent, t as ColourPickerPopup } from "./index-tq6f8007.js";
 import { t as LabelledRangeInput } from "./index-CoqtMSd9.js";
-import { A as TreeDataModelOptions, C as TreeItemDblClickEvent, D as TreeTickleDetail, E as TreeSelectEvent, F as ListDragPreviewSourceResolver, I as ListDragSource, L as ListNativeDragStartDetail, M as ListDragPreview, N as ListDragPreviewContext, O as TreeTickleEvent, P as ListDragPreviewRenderer, R as ListNativeDragStartEvent, S as TreeItemDblClickDetail, T as TreeSelectDetail, _ 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 ListDragEntry, k as TreeDataModel, 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 TreeSearchHost, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-Bx40hxMz.js";
+import { A as TreeTickleEvent, B as ListNativeDragStartEvent, C as TreeItemDblClickEvent, D as TreeSelectDetail, E as TreeSearchHost, F as ListDragPreviewContext, I as ListDragPreviewRenderer, L as ListDragPreviewSourceResolver, M as TreeDataModelOptions, N as ListDragEntry, O as TreeSelectEvent, P as ListDragPreview, R as ListDragSource, S as TreeItemDblClickDetail, T as TreeRevealMode, _ 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 TreeDataModel, k as TreeTickleDetail, 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 ListNativeDragStartDetail } from "./tree-component-Tslymyyl.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-DQ7KOUIj.js";
-import { a as TreeDropVisibleRow, c as TreeListElement, d as TreeBaseElementEventMap, f as TreeNavigateOptions, h as TreeConfig, i as TreeDropRowInfo, l as TreeCheckboxState, m as TreeVirtualize, n as TreeDropControllerConfig, o as TreeController, p as TreeRevealMode, r as TreeDropResolvedDrag, s as TreeControllerOptions, t as TreeDropController, u as TreeBaseElement } from "./index-AifRs3k9.js";
+import { a as TreeDropVisibleRow, c as TreeListElement, d as TreeBaseElementEventMap, f as TreeVirtualize, i as TreeDropRowInfo, l as TreeCheckboxState, n as TreeDropControllerConfig, o as TreeController, p as TreeConfig, r as TreeDropResolvedDrag, s as TreeControllerOptions, t as TreeDropController, u as TreeBaseElement } from "./index-CSCrK0hR.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 { CrumbNavigationChangeDetail, CrumbNavigationChangeEvent, CrumbNavigationElement, CrumbNavigationElementEventMap, CrumbNavigationExpandDetail, CrumbNavigationExpandEvent, CrumbNavigationItemClickDetail, CrumbNavigationItemClickEvent } from "./crumbs.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 DataGridEditorFactory, B as GlobalFormatter, C as BuiltInFormatterName, D as DataGridDataType, E as DataGridColumnMenu, F as DataGridInteractionMode, I as DataGridRowLook, L as DataGridSelectionMode, M as DataGridGetRowKey, N as DataGridGroupBy, O as DataGridEditability, P as DataGridGroupLabel, R as DataGridSortDirection, S as DataGridViewportChangeEvent, T as DataGridColumn, _ 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 DataGridEditorType, k as DataGridEditorContext, 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 BuiltInFormatterOptions, x as DataGridViewportChangeDetail, y as DataGridSortDetail, z as DataGridSortState } from "./data-grid-CGe1kRMI.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-CzFRWPzh.js";
+import { A as DataGridEditorFactory, B as GlobalFormatter, C as BuiltInFormatterName, D as DataGridDataType, E as DataGridColumnMenu, F as DataGridInteractionMode, I as DataGridRowLook, L as DataGridSelectionMode, M as DataGridGetRowKey, N as DataGridGroupBy, O as DataGridEditability, P as DataGridGroupLabel, R as DataGridSortDirection, S as DataGridViewportChangeEvent, T as DataGridColumn, _ 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 DataGridEditorType, k as DataGridEditorContext, 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 BuiltInFormatterOptions, x as DataGridViewportChangeDetail, y as DataGridSortDetail, z as DataGridSortState } from "./data-grid-D7RxYISt.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-CO6m-YC0.js";
 import { t as index_d_exports } from "./index-B-hzcIP0.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 ListContextMenuDetail, c as ListDragLeaveEvent, d as ListDropEvent, f as ListEditCancelDetail, h as ListEditCommitEvent, i as VerticalListElementEventMap, l as ListDragOverEvent, m as ListEditCommitDetail, n as CustomCheckboxOptions, o as ListContextMenuEvent, p as ListEditCancelEvent, r as VerticalListElement, s as ListDragLeaveDetail, t as AddItemOptions, u as ListDropDetail } from "./vertical-list-BohPAS04.js";
+import { a as ListContextMenuDetail, c as ListDragLeaveEvent, d as ListDropEvent, f as ListEditCancelDetail, h as ListEditCommitEvent, i as VerticalListElementEventMap, l as ListDragOverEvent, m as ListEditCommitDetail, n as CustomCheckboxOptions, o as ListContextMenuEvent, p as ListEditCancelEvent, r as VerticalListElement, s as ListDragLeaveDetail, t as AddItemOptions, u as ListDropDetail } from "./vertical-list-B1Fq06xr.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 { a as DetailSortComparator, i as DetailGroupBy, n as DetailListElementEventMap, o as DetailSortItem, r as DetailFormatter, s as DetailSortMode, t as DetailListElement } from "./detail-list-BhuV3_jF.js";
+import { a as DetailSortComparator, i as DetailGroupBy, n as DetailListElementEventMap, o as DetailSortItem, r as DetailFormatter, s as DetailSortMode, t as DetailListElement } from "./detail-list-w32XZEgH.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 } from "./flat-list-C7fmx7ii.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 } from "./flat-list-CkRIZCuR.js";
 import { FormElement } from "./form.js";
-import { A as DragSelectRect, C as TreeKeyboardNavControllerConfig, D as ListSelectionGesture, E as ListSelectionControllerConfig, M as ListDragSelectControllerConfig, O as ListSelectionModes, S as TreeKeyboardNavController, T as ListSelectionController, _ as GridListTickleDetail, a as GridListCaptionBackdrop, b as GridListViewportChangeEvent, c as GridListDataAdapter, d as GridListItemClickDetail, f as GridListItemClickEvent, g as GridListSelectEvent, h as GridListSelectDetail, i as GridListCaptionAlign, j as ListDragSelectController, k as isMultiMode, l as GridListElementEventMap, m as GridListOrientation, n as GridListActivateDetail, o as GridListCaptionPosition, p as GridListItemEventDetail, r as GridListActivateEvent, s as GridListCaptionStyle, t as GridListElement, u as GridListFullElementEventMap, v as GridListTickleEvent, w as TreeKeyboardNavItemId, x as TreeKeyboardNavCallbacks, y as GridListViewportChangeDetail } from "./grid-list-DqRuaIRk.js";
-import { n as ListNativeDragControllerConfig, t as ListNativeDragController } from "./list-native-drag-controller-B0xS2Sj4.js";
+import { A as DragSelectRect, C as TreeKeyboardNavControllerConfig, D as ListSelectionGesture, E as ListSelectionControllerConfig, M as ListDragSelectControllerConfig, O as ListSelectionModes, S as TreeKeyboardNavController, T as ListSelectionController, _ as GridListTickleDetail, a as GridListCaptionBackdrop, b as GridListViewportChangeEvent, c as GridListDataAdapter, d as GridListItemClickDetail, f as GridListItemClickEvent, g as GridListSelectEvent, h as GridListSelectDetail, i as GridListCaptionAlign, j as ListDragSelectController, k as isMultiMode, l as GridListElementEventMap, m as GridListOrientation, n as GridListActivateDetail, o as GridListCaptionPosition, p as GridListItemEventDetail, r as GridListActivateEvent, s as GridListCaptionStyle, t as GridListElement, u as GridListFullElementEventMap, v as GridListTickleEvent, w as TreeKeyboardNavItemId, x as TreeKeyboardNavCallbacks, y as GridListViewportChangeDetail } from "./grid-list-DUvhSoT2.js";
+import { n as ListNativeDragControllerConfig, t as ListNativeDragController } from "./list-native-drag-controller-CvXN3NB7.js";
 import { i as TickledItem, n as TickledController, r as TickledControllerConfig, t as InputMode } from "./tickled-controller-DodxD3eQ.js";
 import { a as IGroupedSubComponent, c as SubComponentActivateEvent, d as SubComponentItemClickEvent, f as SubComponentSelectDetail, h as SubComponentTickleEvent, i as GroupedSelectEvent, l as SubComponentFactory, m as SubComponentTickleDetail, n as GroupedItemListerElementEventMap, o as IGroupedSubComponentEventMap, p as SubComponentSelectEvent, r as GroupedSelectDetail, s as SubComponentActivateDetail, t as GroupedItemListerElement, u as SubComponentItemClickDetail } from "./grouped-item-lister-DETte0Dh.js";
 import { a as TitlebarToggleDetail, c as TitlebarVariant, i as TitlebarOrientation, n as TitlebarElement, o as TitlebarToggleEvent, r as TitlebarElementEventMap, s as TitlebarToggleInteraction, t as TitlebarCloseEvent } from "./titlebar-Tqu-VvMU.js";
@@ -2446,6 +2446,8 @@ type MulticolCategoryDefaults = {
 type MulticolCategory = {
   readonly key: string;
   readonly label: string;
+  /** Shown as a tooltip on the column header label. */
+  readonly description?: string;
   readonly children?: readonly MulticolCategory[];
   readonly defaults?: MulticolCategoryDefaults;
 };
@@ -2523,6 +2525,8 @@ declare class MulticolListElement extends LitElement {
   protected updated(changedProperties: Map<string, unknown>): void;
   private _renderColumn;
   private _getCategoryLabel;
+  /** Category description if present, else the default 'Change category' hint. */
+  private _getCategoryTooltip;
   private _onHeaderPointerDown;
   private _onResizePointerDown;
   private _openCategoryPicker;

package/dist/index.js

@@ -27,7 +27,7 @@ import { t as CheckedSelect } from "./checked-select-lDgAQQ7v.js";
 import { n as ColourPicker, t as ColourPickerPopup } from "./colour-picker-BCMU7W7R.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-BjrfaX7d.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-9Hs7VxuX.js";
 import { t as scrollFadeStyles } from "./scroll-fade-Xx28D7mH.js";
 import { NarrowedTextElement } from "./narrowed-text.js";
 import { CrumbNavigationElement } from "./crumbs.js";
@@ -3848,7 +3848,7 @@ TabListItemElement = __decorate([safeCustomElement(`ixfx-tab-list-item`)], TabLi
 //#endregion
 //#region src/dock/dock-panel.ts
 /** Pointer movement threshold before a titlebar press becomes a dock drag. */
-const DRAG_THRESHOLD_PX$3 = 5;
+const DRAG_THRESHOLD_PX$4 = 5;
 let DockPanelElement = class DockPanelElement extends LitElement {
 	constructor(..._args) {
 		super(..._args);
@@ -3880,7 +3880,7 @@ let DockPanelElement = class DockPanelElement extends LitElement {
 		this._onPointerMove = (event) => {
 			if (this._dragPointerId === null || event.pointerId !== this._dragPointerId) return;
 			if (!this._dragStarted) {
-				if (Math.hypot(event.clientX - this._dragStartX, event.clientY - this._dragStartY) < DRAG_THRESHOLD_PX$3) return;
+				if (Math.hypot(event.clientX - this._dragStartX, event.clientY - this._dragStartY) < DRAG_THRESHOLD_PX$4) return;
 				this._dragStarted = true;
 				const pointerId = this._dragPointerId;
 				this._teardownDragListeners();
@@ -4035,7 +4035,7 @@ DockPanelElement = __decorate([safeCustomElement(`ixfx-dock-panel`)], DockPanelE
 /** Fraction of the leaf rect (from each edge) that forms the split bands. */
 const BAND = .25;
 /** Pointer movement threshold before a press becomes a dock drag (matches tab-list). */
-const DRAG_THRESHOLD_PX$2 = 5;
+const DRAG_THRESHOLD_PX$3 = 5;
 /** Tolerance (px) when matching a child gutter endpoint to a parent gutter line. */
 const JUNCTION_TOL_PX = 6;
 /** Junction points closer than this merge into one handle (a 4-way cross yields one per side). */
@@ -4152,7 +4152,7 @@ let DockHostElement = class DockHostElement extends LitElement {
 		this._onTabDragMove = (event) => {
 			const pending = this._tabDragPending;
 			if (pending === null || event.pointerId !== pending.pointerId) return;
-			if (Math.hypot(event.clientX - pending.startX, event.clientY - pending.startY) < DRAG_THRESHOLD_PX$2) return;
+			if (Math.hypot(event.clientX - pending.startX, event.clientY - pending.startY) < DRAG_THRESHOLD_PX$3) return;
 			this._tabDragPending = null;
 			this._teardownTabDragListeners();
 			this._suppressNextClick();
@@ -5880,6 +5880,16 @@ function createVerticalListAdapter(renderItem, options) {
 	});
 	return adapter;
 }
+//#endregion
+//#region src/hyperbolic-tree/child-preview.ts
+/** Lucide `arrow-up`. */
+const upIcon = svg`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m5 12 7-7 7 7"/><path d="M12 19V5"/></svg>`;
+/** Picks the popover's side for a node anchored at `anchor` in a `width` x `height` host. */
+function choosePreviewSide(anchor, width, height) {
+	if (anchor.y < height * .25) return `below`;
+	if (anchor.y > height * .75) return `above`;
+	return anchor.x > width / 2 ? `left` : `right`;
+}
 /**
 * Whether `n` deserves a preview: it has children and at least one of them
 * isn't legible right now — laid out without a label, or not laid out at
@@ -5906,7 +5916,7 @@ function renderChildPreview(preview, handlers) {
 	const more = children.length - listed.length;
 	return html`
     <div
-      class="child-preview ${preview.above ? `above` : `below`}"
+      class="child-preview ${preview.side}"
       part="child-preview"
       role="dialog"
       aria-label=${`Children of ${preview.node.item.label}`}
@@ -5915,7 +5925,17 @@ function renderChildPreview(preview, handlers) {
       @pointerleave=${handlers.onPointerLeave}
       @pointerdown=${(e) => e.stopPropagation()}
     >
-      <div class="child-preview-title">${preview.node.item.label}</div>
+      <div class="child-preview-title">
+        ${preview.parent ? html`<button
+              type="button"
+              class="child-preview-up"
+              tabindex="-1"
+              title=${`Up to ${preview.parent.item.label}`}
+              aria-label=${`Up to ${preview.parent.item.label}`}
+              @click=${() => handlers.onPick(preview.parent)}
+            >${upIcon}</button>` : nothing}
+        <span>${preview.node.item.label}</span>
+      </div>
       <ul>
         ${listed.map((child) => html`<li>
           <button type="button" tabindex="-1" @click=${() => handlers.onPick(child)}>${child.item.label}</button>
@@ -5926,9 +5946,11 @@ function renderChildPreview(preview, handlers) {
   `;
 }
 /**
-* Show/hide timing for the preview: shows at once for a qualifying node;
-* otherwise hides after a short grace period, unless the pointer is over the
-* popover itself — so it can travel from the node onto the list.
+* Show/hide timing for the preview: opens only after the pointer has rested
+* on a qualifying node for {@link PREVIEW_SHOW_DELAY_MS} (re-checked when the
+* delay elapses, so a drag in the meantime suppresses it); otherwise hides
+* after a short grace period, unless the pointer is over the popover itself —
+* so it can travel from the node onto the list.
 */
 function createChildPreviewTiming(host) {
 	let hovered = false;
@@ -5937,7 +5959,11 @@ function createChildPreviewTiming(host) {
 		clearTimeout(timer);
 		const candidate = host.candidate(id);
 		if (candidate !== void 0) {
-			host.setPreviewId(candidate);
+			if (candidate === host.currentId()) return;
+			timer = setTimeout(() => {
+				const still = host.candidate(id);
+				if (still !== void 0) host.setPreviewId(still);
+			}, 600);
 			return;
 		}
 		timer = setTimeout(() => {
@@ -6279,6 +6305,7 @@ function isBackground(event) {
 function createGestureHandlers(host) {
 	const pointers = /* @__PURE__ */ new Map();
 	let pan;
+	let dragged = false;
 	let pinch;
 	const screenOf = (event) => {
 		const rect = host.svgRect();
@@ -6289,11 +6316,13 @@ function createGestureHandlers(host) {
 		x: (a.x + b.x) / 2,
 		y: (a.y + b.y) / 2
 	});
-	const startPan = (pointerId, screen) => {
+	const startPan = (pointerId, screen, downClient, armed) => {
 		pan = {
 			pointerId,
 			start: diskOf(screen),
-			baseView: host.takeView()
+			baseView: host.takeView(),
+			downClient,
+			armed
 		};
 	};
 	const startPinch = () => {
@@ -6309,14 +6338,21 @@ function createGestureHandlers(host) {
 	};
 	return {
 		onPointerDown(event) {
-			if (!isBackground(event)) return;
+			dragged = false;
+			const onBackground = isBackground(event);
 			host.focusTree();
 			const screen = screenOf(event);
 			if (!screen) return;
-			event.currentTarget.setPointerCapture?.(event.pointerId);
+			if (onBackground) {
+				event.currentTarget.setPointerCapture?.(event.pointerId);
+				host.onDragStart?.();
+			}
 			pointers.set(event.pointerId, screen);
 			if (pointers.size === 2 && host.zoomGesturesEnabled()) startPinch();
-			else if (pointers.size === 1) startPan(event.pointerId, screen);
+			else if (pointers.size === 1) startPan(event.pointerId, screen, {
+				x: event.clientX,
+				y: event.clientY
+			}, onBackground);
 		},
 		onPointerMove(event) {
 			if (!pointers.has(event.pointerId)) return;
@@ -6337,14 +6373,26 @@ function createGestureHandlers(host) {
 						y: mid.y - clampedZoom * pinch.anchor.y
 					}
 				}));
-			} else if (pan && pan.pointerId === event.pointerId) host.setView(panView(pan.baseView, pan.start, diskOf(screen)));
+			} else if (pan && pan.pointerId === event.pointerId) {
+				if (!pan.armed) {
+					if (Math.hypot(event.clientX - pan.downClient.x, event.clientY - pan.downClient.y) < 4) return;
+					pan.armed = true;
+					dragged = true;
+					event.currentTarget.setPointerCapture?.(event.pointerId);
+					host.onDragStart?.();
+				}
+				host.setView(panView(pan.baseView, pan.start, diskOf(screen)));
+			}
 		},
 		onPointerUp(event) {
 			if (!pointers.delete(event.pointerId)) return;
 			if (pinch) {
 				pinch = void 0;
 				const [remaining] = [...pointers.entries()];
-				if (remaining) startPan(remaining[0], remaining[1]);
+				if (remaining) startPan(remaining[0], remaining[1], {
+					x: 0,
+					y: 0
+				}, true);
 			} else if (pan?.pointerId === event.pointerId) pan = void 0;
 		},
 		/**
@@ -6363,6 +6411,14 @@ function createGestureHandlers(host) {
 			const factor = Math.exp(-delta * (modified ? .01 : .002));
 			host.setZoomState(zoomAt(host.zoomState(), screen, factor));
 		},
+		/** Whether the view is being dragged right now. */
+		isDragging() {
+			return pan?.armed === true;
+		},
+		/** Whether the last press turned into a drag — so the click that follows it shouldn't count. */
+		wasDragged() {
+			return dragged;
+		},
 		/** Forget any in-progress pan (e.g. when a focus change takes over the view). */
 		cancel() {
 			pan = void 0;
@@ -6565,6 +6621,15 @@ const hyperbolicTreeStyles = css`
       border-radius: var(--radius-m, 6px);
       box-shadow: var(--shadow-m);
       font-size: var(--hyperbolictree-font-size);
+      /* Beside the node, never over it, with the dot level with the popover's middle. */
+      transform: translate(14px, -50%);
+    }
+
+    .child-preview.left {
+      transform: translate(calc(-100% - 14px), -50%);
+    }
+
+    .child-preview.below {
       transform: translate(-50%, 14px);
     }
 
@@ -6573,13 +6638,26 @@ const hyperbolicTreeStyles = css`
     }
 
     .child-preview-title {
+      display: flex;
+      align-items: center;
+      gap: 4px;
       padding: 2px 6px 4px;
       font-weight: 600;
+    }
+
+    .child-preview-title span {
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
     }
 
+    .child-preview button.child-preview-up {
+      display: inline-flex;
+      flex: none;
+      width: auto;
+      padding: 2px;
+    }
+
     .child-preview ul {
       margin: 0;
       padding: 0;
@@ -7535,7 +7613,6 @@ function renderNodeGroup(n, args, transform, content) {
       part="node node-${partToken(key)}"
       style=${weightStyle + branchStyle(id, ctx.branches)}
       transform=${transform}
-      @pointerdown=${handlers.onPointerDown}
       @mousedown=${preventMouseDownFocus}
       @click=${(e) => handlers.onClick(n, e)}
       @dblclick=${(e) => handlers.onDblClick(n, e)}
@@ -7657,8 +7734,9 @@ let HyperbolicTreeListElement = class HyperbolicTreeListElement extends LitEleme
 			candidate: (id) => {
 				const nodes = this.#layout().nodes;
 				const n = id === void 0 || this.disableChildPreview ? void 0 : nodes.find((v) => v.id === id);
-				return n && needsChildPreview(n, nodes, this.#lastLabelIds) ? n.id : void 0;
+				return n && !this.#gestures.isDragging() && needsChildPreview(n, nodes, this.#lastLabelIds) ? n.id : void 0;
 			},
+			currentId: () => this._previewId,
 			setPreviewId: (id) => {
 				this._previewId = id;
 			}
@@ -7701,6 +7779,7 @@ let HyperbolicTreeListElement = class HyperbolicTreeListElement extends LitEleme
 		};
 		this.#gestures = createGestureHandlers({
 			svgRect: () => this.renderRoot.querySelector(`svg.hyperbolictree`)?.getBoundingClientRect(),
+			onDragStart: () => this.#preview.hide(),
 			takeView: () => {
 				const view = this.#currentView();
 				this.#cancelAnimation();
@@ -8170,10 +8249,6 @@ let HyperbolicTreeListElement = class HyperbolicTreeListElement extends LitEleme
 	#focusTree() {
 		this.renderRoot.querySelector(`svg.hyperbolictree`)?.focus({ preventScroll: true });
 	}
-	#handleNodePointerDown(event) {
-		event.stopPropagation();
-		this.#focusTree();
-	}
 	#pickPreviewChild(child) {
 		this.#preview.hide();
 		if (this.interactionMode !== `manual`) this.select(child);
@@ -8187,10 +8262,12 @@ let HyperbolicTreeListElement = class HyperbolicTreeListElement extends LitEleme
 		if (!n) return void 0;
 		const { width, height } = this._hostSize;
 		const anchor = diskToHostPx(n.position, this.#zoomState(), width || 420, height || 420);
+		const parent = n.parentId === void 0 ? void 0 : nodes.find((v) => v.id === n.parentId)?.node;
 		return {
 			node: n.node,
 			anchor,
-			above: anchor.y > (height || 420) / 2
+			side: choosePreviewSide(anchor, width || 420, height || 420),
+			parent
 		};
 	}
 	#nodeContext(nodes, branches) {
@@ -8221,14 +8298,13 @@ let HyperbolicTreeListElement = class HyperbolicTreeListElement extends LitEleme
 				isPending: (node) => this.#lazy.isPending(node)
 			},
 			handlers: {
-				onPointerDown: (e) => this.#handleNodePointerDown(e),
 				onClick: (n, e) => {
 					e.stopPropagation();
-					this.#handleItemClick(n, e);
+					if (!this.#gestures.wasDragged()) this.#handleItemClick(n, e);
 				},
 				onDblClick: (n, e) => {
 					e.stopPropagation();
-					this.#handleItemDblClick(n);
+					if (!this.#gestures.wasDragged()) this.#handleItemDblClick(n);
 				},
 				onPointerEnter: (id) => this.tickled.handlePointerEnter(id)
 			}
@@ -10026,7 +10102,7 @@ let MulticolListElement = class MulticolListElement extends LitElement {
           ><span class="ixfx-handle" data-handle="dotted" data-shape="vertical" part="reorder-handle"></span></span>
           <button
             class="column-label"
-            data-tooltip="Change category"
+            data-tooltip=${this._getCategoryTooltip(col.categoryKey)}
             @click=${(e) => {
 			e.stopPropagation();
 			this._openCategoryPicker(col, e.currentTarget);
@@ -10056,6 +10132,10 @@ let MulticolListElement = class MulticolListElement extends LitElement {
 	_getCategoryLabel(key) {
 		return this.categories.find((c) => c.key === key)?.label ?? key;
 	}
+	/** Category description if present, else the default 'Change category' hint. */
+	_getCategoryTooltip(key) {
+		return this.categories.find((c) => c.key === key)?.description ?? `Change category`;
+	}
 	#createController(id, category) {
 		return new MulticolColumnController({
 			id,

package/dist/{list-native-drag-controller-B0xS2Sj4.d.ts → list-native-drag-controller-CvXN3NB7.d.ts}

@@ -1,4 +1,4 @@
-import { F as ListDragPreviewSourceResolver, I as ListDragSource, L as ListNativeDragStartDetail, N as ListDragPreviewContext, P as ListDragPreviewRenderer, j as ListDragEntry } from "./tree-component-Bx40hxMz.js";
+import { F as ListDragPreviewContext, I as ListDragPreviewRenderer, L as ListDragPreviewSourceResolver, N as ListDragEntry, R as ListDragSource, z as ListNativeDragStartDetail } from "./tree-component-Tslymyyl.js";
 import { ReactiveController, ReactiveControllerHost } from "lit";
 //#region src/interaction/list-native-drag-controller.d.ts
 type ListNativeDragControllerConfig<T> = {