@ixfx/components 0.16.2 → 0.16.3

package/dist/{list-selection-types-hj9Njei3.d.ts → list-selection-types-Dnamh2Lu.d.ts}

@@ -33,7 +33,14 @@ type ListSelectKeysDetail = Pick<ListSelectDetail, `selectedKeys` | `previousKey
  * What the user (or API) is trying to do to the selection. See
  * {@link ListSelectIntentDetail}.
  */
-type ListSelectIntentKind = `replace` | `toggle` | `extend` | `all` | `marquee` | `clear`;
+type ListSelectIntentKind = `replace` | `toggle` | `extend` | `all` | `marquee` | `match` | `clear`;
+/**
+ * How a `marquee` combines the covered keys with the current selection:
+ * `replace` (plain drag: the selection becomes the covered keys), `add`
+ * (Shift-drag: covered keys are added), `toggle` (Cmd/Ctrl-drag: each covered
+ * key flips, so a drag can deselect).
+ */
+type ListMarqueeMode = `replace` | `add` | `toggle`;
 type ListSelectIntentSource = `pointer` | `keyboard` | `touch` | `api`;
 /**
  * Detail of the cancelable `list-select-intent` event: fired *before* a
@@ -54,8 +61,27 @@ type ListSelectIntentDetail = {
   readonly anchorKey?: string;
   /** Range end, for `extend`. */
   readonly targetKey?: string;
-  /** Add to rather than replace the selection (a modifier was held). */
+  /** `marquee`: a modifier was held, i.e. `mode` is not `replace`. */
   readonly additive?: boolean;
+  /** `marquee`: how the covered `keys` combine with the selection. */
+  readonly mode?: ListMarqueeMode;
+  /** `match`: the search text. `keys` holds the current matches (a convenience). */
+  readonly query?: string;
+  /**
+   * `all`: the group the select-all is confined to (grouped lists with
+   * cross-group selection off). Absent when it is not confined to a group.
+   */
+  readonly groupKey?: string | null;
+  /**
+   * `toggle` from a branch checkbox in a tree: the toggle applies to the node
+   * and every loaded node under it (`keys` lists them), as a rule rather than
+   * a key list.
+   */
+  readonly descendants?: boolean;
+  /** `toggle` with `descendants`: the state the branch is being set to (`true` = checked). */
+  readonly checked?: boolean;
+  /** Multi-column lists (`ixfx-multicol-list`): the column the intent is for. Keys are that column's item keys. */
+  readonly columnId?: string;
   readonly source: ListSelectIntentSource;
 };
 type ListTickleDetail = {
@@ -80,4 +106,4 @@ interface ListElementEventMap {
   'list-item-click': ListItemClickEvent;
 }
 //#endregion
-export { ListItemClickDetail as a, ListSelectEvent as c, ListSelectIntentKind as d, ListSelectIntentSource as f, ListTickleEvent as g, ListTickleDetail as h, ListInteractionMode as i, ListSelectIntentDetail as l, ListSelectionMode as m, ListActivateEvent as n, ListItemClickEvent as o, ListSelectKeysDetail as p, ListElementEventMap as r, ListSelectDetail as s, ListActivateDetail as t, ListSelectIntentEvent as u };
+export { ListTickleEvent as _, ListItemClickDetail as a, ListSelectDetail as c, ListSelectIntentEvent as d, ListSelectIntentKind as f, ListTickleDetail as g, ListSelectionMode as h, ListInteractionMode as i, ListSelectEvent as l, ListSelectKeysDetail as m, ListActivateEvent as n, ListItemClickEvent as o, ListSelectIntentSource as p, ListElementEventMap as r, ListMarqueeMode as s, ListActivateDetail as t, ListSelectIntentDetail as u };

package/dist/{menu-item-B0zqw2xp.d.ts → menu-item-bF6narIz.d.ts}

@@ -1,4 +1,4 @@
-import "./icon-DR_3rSyZ.js";
+import "./icon-CDGprSdE.js";
 import { LitElement } from "lit";
 import { CommandRegistry, KeyboardManager } from "@clinth/ui-commands";
 //#region src/menu/menu-container.d.ts

package/dist/menu.d.ts

@@ -1,3 +1,3 @@
-import { i as MenuContainer, n as MenuTrigger, t as MenuItem } from "./menu-item-B0zqw2xp.js";
-import { a as menuFromTree, c as MenuSeparator, d as MenuCheckItem, f as MenuBar, i as MenuFromTreeOptions, l as MenuSubTrigger, n as MenuRadioGroup, o as menuFromTreeToElements, r as MenuRadioItem, s as MenuHeader, u as MenuCommandController } from "./index-DM9OLgTH.js";
+import { i as MenuContainer, n as MenuTrigger, t as MenuItem } from "./menu-item-bF6narIz.js";
+import { a as menuFromTree, c as MenuSeparator, d as MenuCheckItem, f as MenuBar, i as MenuFromTreeOptions, l as MenuSubTrigger, n as MenuRadioGroup, o as menuFromTreeToElements, r as MenuRadioItem, s as MenuHeader, u as MenuCommandController } from "./index-ZaA90u09.js";
 export { MenuBar, MenuCheckItem, MenuCommandController, MenuContainer, type MenuFromTreeOptions, MenuHeader, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubTrigger, MenuTrigger, menuFromTree, menuFromTreeToElements };

package/dist/{miller-BfrTcujx.js → miller-Be7x4ufN.js}

@@ -2,12 +2,13 @@ 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-2YaxUUA9.js";
+import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-Dc6gYpJG.js";
 import { a as capKeys, d as partitionKeys, l as keysToArray, n as EMPTY_KEYS } from "./pending-BGidHppL.js";
-import { a as isPartialKey, n as appearanceColor, o as sameKeySet, r as PARTIAL_DESCRIPTION, t as appearanceAbsent } from "./item-appearance-Bl6rMIID.js";
+import { i as sameKeySet, r as isPartialKey, t as PARTIAL_DESCRIPTION } from "./partial-keys-Ck6CiprB.js";
 import "./interaction-E-uMGHkJ.js";
 import { t as collectDataResult } from "./data-provider-35TyWclX.js";
 import { a as restoreElementScroll, i as onUserScrollIntent, o as scrollToOffset, r as captureElementScroll, t as ViewStateController } from "./view-state-controller-BdyXWUUM.js";
+import { n as appearanceColor, t as appearanceAbsent } from "./item-appearance-BjcMyauw.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
 import { createCommandRegistry } from "@clinth/ui-commands";

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-DXDz60XH.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-DyaHA9Kk.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-BfrTcujx.js";
+import { n as MillerListElement, r as MillerBaseElement, t as MillerTreeController } from "./miller-Be7x4ufN.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 { m as createIncrSearch } from "./incr-search-2YaxUUA9.js";
+import { m as createIncrSearch } from "./incr-search-Dc6gYpJG.js";
 import "./interaction-E-uMGHkJ.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, query, state } from "lit/decorators.js";

package/dist/panel.d.ts

@@ -1,4 +1,4 @@
-import { a as TitlebarToggleDetail, c as TitlebarVariant, i as TitlebarOrientation, o as TitlebarToggleEvent, s as TitlebarToggleInteraction, t as TitlebarCloseEvent } from "./titlebar-B5zSTZnF.js";
+import { a as TitlebarToggleDetail, c as TitlebarVariant, i as TitlebarOrientation, o as TitlebarToggleEvent, s as TitlebarToggleInteraction, t as TitlebarCloseEvent } from "./titlebar-Tqu-VvMU.js";
 import { LitElement } from "lit";
 //#region src/panel/panel.d.ts
 /** Backwards-compatible aliases: canonical types now live in `../titlebar/titlebar.js`. */

package/dist/{item-appearance-Bl6rMIID.js → partial-keys-Ck6CiprB.js}

@@ -29,32 +29,4 @@ function applyPartialAttributes(el, partial) {
 	} else if (el.getAttribute(`aria-description`) === PARTIAL_DESCRIPTION) el.removeAttribute(`aria-description`);
 }
 //#endregion
-//#region src/common/item-appearance.ts
-/**
-* Shared helpers for the list components' per-item appearance hooks — the
-* per-item icon colour / text colour / badge that miller-list, detail-list,
-* grid-list, data-grid and vertical-list all accept.
-*
-* Every component takes these three features in its own idiom (plain fields
-* on a `TreeItem`, a property-name lookup, an adapter function, a nominated
-* column) but they all agree on what "not supplied" means, and on never
-* emitting an empty slot for an absent value.
-*/
-/**
-* Whether a per-item appearance value counts as "not supplied". `false` and
-* `''` are included so a consumer can clear a feature without rebuilding the
-* collection — e.g. `badge: flags && tagChip(flags.colour)`.
-*/
-function appearanceAbsent(value) {
-	return value === void 0 || value === null || value === false || value === ``;
-}
-/**
-* A usable CSS colour from a per-item value, or `undefined`. Non-strings and
-* empty strings are ignored rather than stringified, so a stray number or
-* `0` never lands in a `style` attribute.
-*/
-function appearanceColor(value) {
-	return typeof value === `string` && value.length > 0 ? value : void 0;
-}
-//#endregion
-export { isPartialKey as a, applyPartialAttributes as i, appearanceColor as n, sameKeySet as o, PARTIAL_DESCRIPTION as r, appearanceAbsent as t };
+export { sameKeySet as i, applyPartialAttributes as n, isPartialKey as r, PARTIAL_DESCRIPTION as t };

package/dist/{split-layout-ChZ0Glrs.d.ts → split-layout-CophkNeU.d.ts}

@@ -194,7 +194,7 @@ declare class SplitLayoutElement extends LitElement {
   private _onPointerUp;
   private _emitResize;
   private _emitChange;
-  protected render(): import("lit").TemplateResult<1> | typeof nothing;
+  protected render(): typeof nothing | import("lit").TemplateResult<1>;
   private _getTrackSizes;
   private _resolveTracks;
   private _renderGutter;

package/dist/split-layout.d.ts

@@ -1,2 +1,2 @@
-import { t as SplitLayoutElement } from "./split-layout-ChZ0Glrs.js";
+import { t as SplitLayoutElement } from "./split-layout-CophkNeU.js";
 export { SplitLayoutElement };

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-BAS0KrDG.js";
+import { a as SunburstViewState, i as SunburstZoomEvent, n as SunburstTreeListElementEventMap, r as SunburstZoomDetail, t as SunburstTreeListElement } from "./sunbursttree-list-Bk20giTF.js";
 export { SunburstTreeListElement, SunburstTreeListElementEventMap, type SunburstViewState, SunburstZoomDetail, SunburstZoomEvent };

package/dist/sunburst-tree.js

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

package/dist/{sunbursttree-list-BAS0KrDG.d.ts → sunbursttree-list-Bk20giTF.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-BjRoPrwj.js";
+import { S as ListSearchController } from "./index-Bm9a9S3_.js";
 import { LitElement, PropertyValues } from "lit";
 import { CommandRegistry } from "@clinth/ui-commands";
 //#region src/sunburst-tree/types.d.ts

package/dist/{sunbursttree-list-906G33ME.js → sunbursttree-list-DQF6DcsS.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-2YaxUUA9.js";
+import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-Dc6gYpJG.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/{tab-list-wC0xNz1b.d.ts → tab-list-Df371rqw.d.ts}

@@ -1,4 +1,4 @@
-import "./icon-DR_3rSyZ.js";
+import "./icon-CDGprSdE.js";
 import { LitElement, PropertyValues } from "lit";
 import { CommandRegistry } from "@clinth/ui-commands";
 //#region src/tabs/tab-list-item.d.ts

package/dist/tabs.d.ts

@@ -1,2 +1,2 @@
-import { a as TabListReorderDetail, i as TabListElement, n as TabListChangeEvent, o as TabListReorderEvent, r as TabListDragMode, t as TabListChangeDetail } from "./tab-list-wC0xNz1b.js";
+import { a as TabListReorderDetail, i as TabListElement, n as TabListChangeEvent, o as TabListReorderEvent, r as TabListDragMode, t as TabListChangeDetail } from "./tab-list-Df371rqw.js";
 export { TabListChangeDetail, TabListChangeEvent, TabListDragMode, TabListElement, TabListReorderDetail, TabListReorderEvent };

package/dist/timeline.d.ts

@@ -1,2 +1,2 @@
-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 { 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-DV3iaUBW2.js";
 export { type CssVars, DragSnappingFn, DragTarget, GridMode, GridResolution, IxfxTimelineElement, type Rect, TimelineController, TimelineControllerConfig, TimelineDraggingCallbackDetail, TimelineDraggingDetail, TimelineDraggingEvent, TimelineElementEventMap, TimelineEvent, TimelineEventMoveDetail, TimelineEventMoveEvent, TimelineEventResizeDetail, TimelineEventResizeEvent, TimelineSelectionChangeDetail, TimelineSelectionChangeEvent, TimelineTickleChangeDetail, TimelineTickleChangeEvent, TimelineTrack, TimelineTrackReorderDetail, TimelineTrackReorderEvent, TimelineTrackResizeDetail, TimelineTrackResizeEvent, TimelineTrackSelectDetail, TimelineTrackSelectEvent, TimelineTrackTabElement, TrackHeightMode, TrackLayout, UserScale, ViewRange, attachTimelineInteractions, resolveCssVars, resolveGrid, timelineStyles };

package/dist/{titlebar-B5zSTZnF.d.ts → titlebar-Tqu-VvMU.d.ts}

@@ -1,4 +1,4 @@
-import "./icon-DR_3rSyZ.js";
+import "./icon-CDGprSdE.js";
 import { LitElement } from "lit";
 //#region src/titlebar/titlebar.d.ts
 type TitlebarOrientation = `horizontal` | `vertical`;

package/dist/titlebar.d.ts

@@ -1,2 +1,2 @@
-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-B5zSTZnF.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";
 export { TitlebarCloseEvent, TitlebarElement, TitlebarElementEventMap, TitlebarOrientation, TitlebarToggleDetail, TitlebarToggleEvent, TitlebarToggleInteraction, TitlebarVariant };

package/dist/{tree-C_H1COTf.js → tree-BaXYyt5U.js}

@@ -2,9 +2,10 @@ 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-2YaxUUA9.js";
+import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-Dc6gYpJG.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 { i as sameKeySet, r as isPartialKey, t as PARTIAL_DESCRIPTION } from "./partial-keys-Ck6CiprB.js";
 import { n as createScrollHoverGuard } from "./scroll-hover-guard-Cjw6179Q.js";
 import "./interaction-E-uMGHkJ.js";
 import { t as collectDataResult } from "./data-provider-35TyWclX.js";
@@ -1320,7 +1321,12 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 			if (nodes.length === 0) return;
 			if ((event.ctrlKey || event.metaKey) && event.key === `a`) {
 				event.preventDefault();
-				this.selectAll({ visibleOnly: true });
+				if (this.#intercepted({
+					kind: `all`,
+					keys: [],
+					source: `keyboard`
+				})) return;
+				this.#applySelectAll({ visibleOnly: true });
 				return;
 			}
 			if ([
@@ -1402,7 +1408,10 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 					event.preventDefault();
 					const current = nodes[currentIdx];
 					if (current) {
-						if (this.interactionMode !== `manual` && this.interactionMode !== `checked`) this.select(current.node);
+						if (this.interactionMode !== `manual` && this.interactionMode !== `checked`) {
+							this.#requestReplace(current.node, `keyboard`, false);
+							this.requestUpdate();
+						}
 						this.dispatchEvent(new CustomEvent(`activate`, {
 							detail: {
 								node: current.node,
@@ -1419,7 +1428,7 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 					event.preventDefault();
 					const current = nodes[currentIdx];
 					if (!current) break;
-					if (this.interactionMode === `checked`) this._handleCheckboxClick(new MouseEvent(`click`), current.node, current.depth);
+					if (this.interactionMode === `checked`) this._handleCheckboxClick(new MouseEvent(`click`), current.node, current.depth, `keyboard`);
 					else if (this.interactionMode === `standard` || this.interactionMode === `vscode` || this.interactionMode === `manual`) this.#toggleSelection(current.node, current.depth);
 					break;
 				}
@@ -2699,6 +2708,14 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 	* descendants, so `visibleOnly` makes no difference there.
 	*/
 	selectAll(options = {}) {
+		if (this.#intercepted({
+			kind: `all`,
+			keys: [],
+			source: `api`
+		})) return;
+		this.#applySelectAll(options);
+	}
+	#applySelectAll(options) {
 		const prev = new Set(this._selectedNodes);
 		for (const node of this.#bulkSelectionScope(options)) if (this.#canSelect(node)) this._selectedNodes.add(node);
 		if (this.selectedNode === void 0 || !this._selectedNodes.has(this.selectedNode)) this.selectedNode = [...this._selectedNodes].at(-1);
@@ -2912,6 +2929,15 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 			bubbles: true,
 			composed: true
 		}));
+		this.dispatchEvent(new CustomEvent(`list-select`, {
+			detail: {
+				selectedKeys: new Set([...this._selectedNodes].map((n) => n.item.key)),
+				previousKeys: new Set([...previous].map((n) => n.item.key)),
+				previous
+			},
+			bubbles: true,
+			composed: true
+		}));
 	}
 	#findNodePath(nodes, predicate, prefix = []) {
 		for (const node of nodes) {
@@ -2976,8 +3002,56 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 		if (!(target instanceof Element)) return false;
 		return target.closest(`.tree-caret`) !== null;
 	}
+	/** Report an intent before changing the selection; `true` when the caller took over. */
+	#intercepted(intent) {
+		return !this.dispatchEvent(new CustomEvent(`list-select-intent`, {
+			detail: intent,
+			bubbles: true,
+			composed: true,
+			cancelable: true
+		}));
+	}
+	/** The anchor node's key and the selectable keys in the flat range anchor..`node`, when there is an anchor. */
+	#rangeIntent(node) {
+		const flat = this.#getFlat();
+		const anchorIdx = this.#anchor ? flat.indexByKey.get(this.#anchor.node.item.key) ?? -1 : -1;
+		const targetIdx = flat.indexByKey.get(node.item.key) ?? -1;
+		const keys = anchorIdx >= 0 && targetIdx >= 0 ? flat.rows.slice(Math.min(anchorIdx, targetIdx), Math.max(anchorIdx, targetIdx) + 1).map((r) => r.node).filter((n) => this.#canSelect(n)).map((n) => n.item.key) : [node.item.key];
+		return {
+			...this.#anchor ? { anchorKey: this.#anchor.node.item.key } : {},
+			targetKey: node.item.key,
+			keys
+		};
+	}
+	/** Replace-select `node` (a plain click / Enter) unless the caller takes over; the anchor moves either way. */
+	#requestReplace(node, source, setAnchor = true) {
+		if (!this.#canSelect(node)) return;
+		const intercepted = this.#intercepted({
+			kind: `replace`,
+			keys: [node.item.key],
+			source
+		});
+		if (setAnchor) this.#anchor = {
+			node,
+			flatIndex: this.#getFlatIndexOf(node)
+		};
+		if (intercepted) return;
+		const prev = new Set(this._selectedNodes);
+		this._selectedNodes.clear();
+		this._selectedNodes.add(node);
+		this.selectedNode = node;
+		if (!prev.has(node) || prev.size !== 1) this.#dispatchSelect(prev);
+	}
 	#handleImplicitClick(node, depth, event) {
 		if (!this.#clickedOnCaret(node, event) && this.#canSelect(node)) {
+			if (this.#intercepted({
+				kind: `replace`,
+				keys: [node.item.key],
+				source: `pointer`
+			})) {
+				this.#toggleExpand(node, depth);
+				return;
+			}
 			const prev = new Set(this._selectedNodes);
 			this._selectedNodes.clear();
 			this._selectedNodes.add(node);
@@ -2990,51 +3064,60 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 		const isMeta = event ? event.metaKey || event.ctrlKey : false;
 		const isShift = event ? event.shiftKey : false;
 		if (isMeta) {
-			if (this.#canSelect(node)) {
-				const prev = new Set(this._selectedNodes);
-				if (this._selectedNodes.has(node)) {
-					this._selectedNodes.delete(node);
-					if (this.selectedNode === node) this.selectedNode = [...this._selectedNodes].at(-1);
-				} else {
-					this._selectedNodes.add(node);
-					this.selectedNode = node;
-					this.#anchor = {
-						node,
-						flatIndex: this.#getFlatIndexOf(node)
-					};
-				}
-				this.#dispatchSelect(prev);
-			}
+			this.#applyToggleClick(node);
 			return;
 		}
 		if (isShift && this.#anchor) {
-			const flat = this.#getFlat();
-			const visible = flat.rows;
-			const anchorIdx = flat.indexByKey.get(this.#anchor.node.item.key) ?? -1;
-			const targetIdx = flat.indexByKey.get(node.item.key) ?? -1;
-			if (anchorIdx >= 0 && targetIdx >= 0) {
-				const prev = new Set(this._selectedNodes);
-				const from = Math.min(anchorIdx, targetIdx);
-				const to = Math.max(anchorIdx, targetIdx);
-				const rangeNodes = visible.slice(from, to + 1).map((n) => n.node).filter((n) => this.#canSelect(n));
-				this._selectedNodes = new Set(rangeNodes);
-				this.selectedNode = node;
-				this.#dispatchSelect(prev);
-			}
+			this.#applyExtendClick(node);
 			return;
 		}
-		if (!this.#clickedOnCaret(node, event) && this.#canSelect(node)) {
-			const prev = new Set(this._selectedNodes);
-			this._selectedNodes.clear();
+		if (!this.#clickedOnCaret(node, event)) this.#requestReplace(node, `pointer`);
+		this.#toggleExpand(node, depth);
+	}
+	/** Ctrl/Cmd+click: flip `node`. */
+	#applyToggleClick(node) {
+		if (!this.#canSelect(node)) return;
+		if (this.#intercepted({
+			kind: `toggle`,
+			keys: [node.item.key],
+			source: `pointer`
+		})) {
+			this.#anchor = {
+				node,
+				flatIndex: this.#getFlatIndexOf(node)
+			};
+			return;
+		}
+		const prev = new Set(this._selectedNodes);
+		if (this._selectedNodes.has(node)) {
+			this._selectedNodes.delete(node);
+			if (this.selectedNode === node) this.selectedNode = [...this._selectedNodes].at(-1);
+		} else {
 			this._selectedNodes.add(node);
 			this.selectedNode = node;
 			this.#anchor = {
 				node,
 				flatIndex: this.#getFlatIndexOf(node)
 			};
-			if (!prev.has(node) || prev.size !== 1) this.#dispatchSelect(prev);
 		}
-		this.#toggleExpand(node, depth);
+		this.#dispatchSelect(prev);
+	}
+	/** Shift+click: select the flat range from the anchor to `node`. */
+	#applyExtendClick(node) {
+		const flat = this.#getFlat();
+		const anchorIdx = this.#anchor ? flat.indexByKey.get(this.#anchor.node.item.key) ?? -1 : -1;
+		const targetIdx = flat.indexByKey.get(node.item.key) ?? -1;
+		if (anchorIdx < 0 || targetIdx < 0) return;
+		if (this.#intercepted({
+			kind: `extend`,
+			...this.#rangeIntent(node),
+			source: `pointer`
+		})) return;
+		const prev = new Set(this._selectedNodes);
+		const rangeNodes = flat.rows.slice(Math.min(anchorIdx, targetIdx), Math.max(anchorIdx, targetIdx) + 1).map((n) => n.node).filter((n) => this.#canSelect(n));
+		this._selectedNodes = new Set(rangeNodes);
+		this.selectedNode = node;
+		this.#dispatchSelect(prev);
 	}
 	#handleExpandOnly(node, depth) {
 		this.#toggleExpand(node, depth);
@@ -3043,43 +3126,27 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 		const isMeta = event ? event.metaKey || event.ctrlKey : false;
 		const isShift = event ? event.shiftKey : false;
 		if (isMeta) {
-			if (this.#canSelect(node)) {
-				const prev = new Set(this._selectedNodes);
-				if (this._selectedNodes.has(node)) {
-					this._selectedNodes.delete(node);
-					if (this.selectedNode === node) this.selectedNode = [...this._selectedNodes].at(-1);
-				} else {
-					this._selectedNodes.add(node);
-					this.selectedNode = node;
-					this.#anchor = {
-						node,
-						flatIndex: this.#getFlatIndexOf(node)
-					};
-				}
-				this.#dispatchSelect(prev);
-			}
+			this.#applyToggleClick(node);
 			return;
 		}
 		if (isShift && this.#anchor) {
-			const flat = this.#getFlat();
-			const visible = flat.rows;
-			const anchorIdx = flat.indexByKey.get(this.#anchor.node.item.key) ?? -1;
-			const targetIdx = flat.indexByKey.get(node.item.key) ?? -1;
-			if (anchorIdx >= 0 && targetIdx >= 0) {
-				const prev = new Set(this._selectedNodes);
-				const from = Math.min(anchorIdx, targetIdx);
-				const to = Math.max(anchorIdx, targetIdx);
-				const rangeNodes = visible.slice(from, to + 1).map((n) => n.node).filter((n) => this.#canSelect(n));
-				this._selectedNodes = new Set(rangeNodes);
-				this.selectedNode = node;
-				this.#dispatchSelect(prev);
-			}
+			this.#applyExtendClick(node);
 			return;
 		}
+		if (!this.#clickedOnCaret(node, event) && this.#canSelect(node)) this.#intercepted({
+			kind: `replace`,
+			keys: [node.item.key],
+			source: `pointer`
+		});
 		this.#toggleExpand(node, depth);
 	}
 	#toggleSelection(node, _depth) {
 		if (!this.#canSelect(node)) return;
+		if (this.#intercepted({
+			kind: `toggle`,
+			keys: [node.item.key],
+			source: `keyboard`
+		})) return;
 		const prev = new Set(this._selectedNodes);
 		if (this._selectedNodes.has(node)) {
 			this._selectedNodes.delete(node);
@@ -3094,10 +3161,23 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 		}
 		this.#dispatchSelect(prev);
 	}
-	_handleCheckboxClick(event, node, _depth) {
+	_handleCheckboxClick(event, node, _depth, source = `pointer`) {
 		event.stopPropagation();
 		const prev = new Set(this._selectedNodes);
 		const allSelected = this.#allSelectableDescendantsSelected(node);
+		const affected = [];
+		const collect = (n) => {
+			if (this.#canSelect(n)) affected.push(n.item.key);
+			n.children?.forEach(collect);
+		};
+		collect(node);
+		if (this.#intercepted({
+			kind: `toggle`,
+			keys: affected,
+			descendants: true,
+			checked: !allSelected,
+			source
+		})) return;
 		this.#applyCheckedToggle(node, !allSelected);
 		if (this.selectedNode === void 0 || !this._selectedNodes.has(this.selectedNode)) this.selectedNode = [...this._selectedNodes].at(-1);
 		this.#dispatchSelect(prev);
@@ -3164,6 +3244,12 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 		if (anchorIdx < 0) return;
 		const from = Math.min(anchorIdx, toIdx);
 		const to = Math.max(anchorIdx, toIdx);
+		const targetNode = nodes[toIdx]?.node;
+		if (targetNode && this.#intercepted({
+			kind: `extend`,
+			...this.#rangeIntent(targetNode),
+			source: `keyboard`
+		})) return;
 		if (this.interactionMode === `vscode`) {
 			if (!this.#anchor.selectionSnapshot) this.#anchor = {
 				...this.#anchor,
@@ -3371,7 +3457,7 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 	}
 	/** Move the cursor to `nextIdx`, applying the interaction mode's selection side effects. */
 	#navigateToIndex(nodes, currentIdx, nextIdx, shiftKey) {
-		if (this.interactionMode === `implicit`) this.select(nodes[nextIdx].node);
+		if (this.interactionMode === `implicit`) this.#requestReplace(nodes[nextIdx].node, `keyboard`, false);
 		this.#setFocusedIndex(nextIdx);
 		if (shiftKey && (this.interactionMode === `standard` || this.interactionMode === `vscode`)) this.#extendRangeSelection(nodes, currentIdx, nextIdx);
 		else if (this.interactionMode === `vscode`) this.#anchor = void 0;
@@ -3826,6 +3912,22 @@ let TreeListElement = class TreeListElement extends TreeBaseElement {
 	constructor(..._args) {
 		super(..._args);
 		this.alignCheckboxes = false;
+		this._partialKeys = /* @__PURE__ */ new Set();
+	}
+	/**
+	* Nodes shown as *partially* selected (a part of the resource is selected):
+	* `data-partial`, an indeterminate checkbox in `checked` mode, and an
+	* accessible description otherwise. Independent of the selection — a key in
+	* both counts as selected. In `checked` mode it combines with the state
+	* derived from loaded descendants: a node is indeterminate if either says so.
+	* Replace-on-set.
+	*/
+	get partialKeys() {
+		return this._partialKeys;
+	}
+	set partialKeys(keys) {
+		const next = new Set(keys);
+		if (!sameKeySet(next, this._partialKeys)) this._partialKeys = next;
 	}
 	/** Checkbox tri-states for the whole loaded tree, rebuilt only when the structure or selection changes. */
 	#checkboxCache;
@@ -3865,11 +3967,15 @@ let TreeListElement = class TreeListElement extends TreeBaseElement {
     `;
 		if (this.interactionMode === `checked`) {
 			if (node.item.selectable === false) return this.alignCheckboxes ? html`<span class="tree-checkbox-spacer" aria-hidden="true"></span>${caretAndLabel}` : caretAndLabel;
-			const state = this.#checkboxCache?.states.get(node.item.key) ?? `unchecked`;
+			const derived = this.#checkboxCache?.states.get(node.item.key) ?? `unchecked`;
+			const state = derived === `unchecked` && this.#isPartial(node) ? `indeterminate` : derived;
 			return html`${this.#renderCheckbox(node, depth, state)}${caretAndLabel}`;
 		}
 		return caretAndLabel;
 	}
+	#isPartial(node) {
+		return isPartialKey(node.item.key, this._partialKeys, this._isSelected(node));
+	}
 	#renderCheckbox(node, depth, state) {
 		const onClick = (e) => this._handleCheckboxClick(e, node, depth);
 		if (this.checkboxRenderer) return html`
@@ -3895,6 +4001,7 @@ let TreeListElement = class TreeListElement extends TreeBaseElement {
 	}
 	_renderNode(node, depth) {
 		const selected = this._isSelected(node);
+		const partial = this.#isPartial(node);
 		const tickled = this._isFocused(node);
 		const isBranch = node.item.isLeaf !== true;
 		const isExpanded = this._isExpanded(node, depth);
@@ -3904,10 +4011,12 @@ let TreeListElement = class TreeListElement extends TreeBaseElement {
 		const dnd = this._dndRowState(node);
 		return html`
       <li
-        class="item ${selected ? `selected` : ``} ${tickled ? `tickled` : ``} ${isBranch ? `branch` : `leaf`} ${hasIconAtDepth ? `has-icon-at-depth` : ``} ${isLeaving ? `leaving` : ``} ${dnd.dragging ? `dragging` : ``} ${dnd.dropTarget && dnd.dropPosition === `inside` ? `drop-into` : ``}"
+        class="item ${selected ? `selected` : ``} ${partial ? `partial` : ``} ${tickled ? `tickled` : ``} ${isBranch ? `branch` : `leaf`} ${hasIconAtDepth ? `has-icon-at-depth` : ``} ${isLeaving ? `leaving` : ``} ${dnd.dragging ? `dragging` : ``} ${dnd.dropTarget && dnd.dropPosition === `inside` ? `drop-into` : ``}"
         data-key=${node.item.key}
         role="treeitem"
         aria-selected=${selected}
+        aria-description=${partial && this.interactionMode !== `checked` ? PARTIAL_DESCRIPTION : nothing}
+        ?data-partial=${partial}
         aria-expanded=${isBranch ? isExpanded : nothing}
         aria-hidden=${isLeaving ? `true` : nothing}
         aria-level=${depth + 1}
@@ -3955,6 +4064,12 @@ let TreeListElement = class TreeListElement extends TreeBaseElement {
         transition: transform var(--transition, 0.15s ease-out);
       }
 
+      .item.partial:not(.selected) {
+        background: var(--item-bg-partial, color-mix(in srgb, var(--item-bg-selected, var(--accent)) 35%, transparent));
+        outline: 1px dashed var(--item-border-partial, var(--border));
+        outline-offset: -1px;
+      }
+
       .item.selected .caret-icon {
         color: var(--accent-text);
       }
@@ -4032,6 +4147,7 @@ __decorate([property({
 	reflect: true,
 	attribute: `align-checkboxes`
 })], TreeListElement.prototype, "alignCheckboxes", void 0);
+__decorate([state()], TreeListElement.prototype, "_partialKeys", void 0);
 TreeListElement = __decorate([safeCustomElement(`ixfx-tree-list`)], TreeListElement);
 //#endregion
 //#region src/tree/tree-controller.ts