@ixfx/components 0.16.1 → 0.16.2

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

@@ -2,12 +2,12 @@ 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-CgbL-OlS.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 { 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 "./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";
@@ -278,6 +278,8 @@ let MillerBaseElement = class MillerBaseElement extends LitElement {
 		this.#onColumnScroll = (event) => {
 			if (this.#pendingColumnScroll.size === 0 && event.target.classList?.contains(`column-content`)) this.#viewState.notify();
 		};
+		this._partialKeys = /* @__PURE__ */ new Set();
+		this._partialDescription = PARTIAL_DESCRIPTION;
 		this.#selectOrigin = `user`;
 		this.#selectSilent = false;
 		this.#onKeyDown = (event) => {
@@ -781,6 +783,24 @@ let MillerBaseElement = class MillerBaseElement extends LitElement {
 	}
 	/** Not implemented on miller-list. */
 	selectAll() {}
+	/**
+	* Nodes shown as *partially* selected (a part of the resource is selected):
+	* an indeterminate checkbox in `checked` mode, `.partial` and an accessible
+	* description otherwise. Independent of the selection — a key in both counts
+	* as selected. In `checked` mode this overrides the state derived from
+	* loaded descendants. Replace-on-set.
+	*/
+	get partialKeys() {
+		return this._partialKeys;
+	}
+	set partialKeys(keys) {
+		const next = new Set(keys);
+		if (!sameKeySet(next, this._partialKeys)) this._partialKeys = next;
+	}
+	/** Whether `node` is shown as partial (and, being selected, not). */
+	_isPartial(node, depth) {
+		return isPartialKey(node.item.key, this._partialKeys, this._isSelected(node, depth));
+	}
 	/** Not implemented on miller-list. */
 	deselectAll() {}
 	/**
@@ -1171,6 +1191,58 @@ let MillerBaseElement = class MillerBaseElement extends LitElement {
 			bubbles: true,
 			composed: true
 		}));
+		this.dispatchEvent(new CustomEvent(`list-select`, {
+			detail: {
+				selectedKeys: new Set(this._selectedKeys),
+				previousKeys: new Set([...previous].map((n) => n.item.key)),
+				previous
+			},
+			bubbles: true,
+			composed: true
+		}));
+	}
+	/** 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..`index` range in `col` when `depth` holds the range anchor, else `undefined`. */
+	#rangeNodes(col, depth, index) {
+		if (!this.#anchor || this.#anchor.depth !== depth || !col || index < 0) return void 0;
+		return col.slice(Math.min(this.#anchor.index, index), Math.max(this.#anchor.index, index) + 1);
+	}
+	/** `manual` mode: nothing is selected here, but the caller is told what the click meant. */
+	#reportManualClick(node, depth, event, source) {
+		const key = node.item.key;
+		if (event && (event.metaKey || event.ctrlKey)) {
+			this.#intercepted({
+				kind: `toggle`,
+				keys: [key],
+				source
+			});
+			return;
+		}
+		const col = this._columns[depth];
+		const range = event?.shiftKey ? this.#rangeNodes(col, depth, col ? col.indexOf(node) : -1) : void 0;
+		if (range && this.#anchor) {
+			this.#intercepted({
+				kind: `extend`,
+				keys: range.map((n) => n.item.key),
+				anchorKey: this.#anchor.key,
+				targetKey: key,
+				source
+			});
+			return;
+		}
+		this.#intercepted({
+			kind: `replace`,
+			keys: [key],
+			source
+		});
 	}
 	#abortPending() {
 		if (this.#expandTimer !== void 0) {
@@ -1241,11 +1313,22 @@ let MillerBaseElement = class MillerBaseElement extends LitElement {
 			case `vscode`:
 				this.#handleStandardClick(node, depth, event);
 				break;
-			case `manual`: break;
+			case `manual`:
+				this.#reportManualClick(node, depth, event, `pointer`);
+				break;
 			case `checked`: this.#expandNode(node, depth, true);
 		}
 	}
 	#handleImplicitClick(node, depth) {
+		if (this.#intercepted({
+			kind: `replace`,
+			keys: [node.item.key],
+			source: `pointer`
+		})) {
+			this.#lastSelectedNode = node;
+			this.#expandNode(node, depth, true);
+			return;
+		}
 		const previous = new Set(this._selectedNodes);
 		this._selectedByDepth.set(depth, node);
 		this.#lastSelectedNode = node;
@@ -1261,6 +1344,18 @@ let MillerBaseElement = class MillerBaseElement extends LitElement {
 		const isMeta = event ? event.metaKey || event.ctrlKey : false;
 		const isShift = event ? event.shiftKey : false;
 		if (isMeta) {
+			if (this.#intercepted({
+				kind: `toggle`,
+				keys: [node.item.key],
+				source: `pointer`
+			})) {
+				this.#anchor = index >= 0 ? {
+					key: node.item.key,
+					depth,
+					index
+				} : this.#anchor;
+				return;
+			}
 			if (this._selectedKeys.has(node.item.key)) {
 				this._selectedKeys.delete(node.item.key);
 				this._selectedNodes.delete(node);
@@ -1278,23 +1373,38 @@ let MillerBaseElement = class MillerBaseElement extends LitElement {
 			return;
 		}
 		if (isShift && this.#anchor && this.#anchor.depth === depth && col) {
-			const from = Math.min(this.#anchor.index, index);
-			const to = Math.max(this.#anchor.index, index);
-			const rangeNodes = col.slice(from, to + 1);
+			const rangeNodes = this.#rangeNodes(col, depth, index) ?? [];
+			if (this.#intercepted({
+				kind: `extend`,
+				keys: rangeNodes.map((n) => n.item.key),
+				anchorKey: this.#anchor.key,
+				targetKey: node.item.key,
+				source: `pointer`
+			})) return;
 			this._selectedKeys = new Set(rangeNodes.map((n) => n.item.key));
 			this._selectedNodes = new Set(rangeNodes);
 			this.#selectionChanged();
 			this.requestUpdate();
 			return;
 		}
+		const intercepted = this.#intercepted({
+			kind: `replace`,
+			keys: [node.item.key],
+			source: `pointer`
+		});
 		const previous = new Set(this._selectedNodes);
-		this._selectedKeys = /* @__PURE__ */ new Set([node.item.key]);
-		this._selectedNodes = /* @__PURE__ */ new Set([node]);
 		this.#anchor = index >= 0 ? {
 			key: node.item.key,
 			depth,
 			index
 		} : void 0;
+		if (intercepted) {
+			this.#lastSelectedNode = node;
+			this.#expandNode(node, depth, true);
+			return;
+		}
+		this._selectedKeys = /* @__PURE__ */ new Set([node.item.key]);
+		this._selectedNodes = /* @__PURE__ */ new Set([node]);
 		this._selectedByDepth.set(depth, node);
 		this.#lastSelectedNode = node;
 		this.#expandNode(node, depth, true);
@@ -1399,6 +1509,11 @@ let MillerBaseElement = class MillerBaseElement extends LitElement {
 		}
 	}
 	#onCheckboxClick(node) {
+		if (this.#intercepted({
+			kind: `toggle`,
+			keys: [node.item.key],
+			source: `pointer`
+		})) return;
 		const previous = new Set(this._selectedNodes);
 		const currentlySelected = this._selectedKeys.has(node.item.key);
 		if (!!node.children?.length ? this.#allDescendantsSelected(node) : currentlySelected) this.#applyCheckedToggle(node, false);
@@ -1519,7 +1634,13 @@ let MillerBaseElement = class MillerBaseElement extends LitElement {
 					const from = Math.min(this.#anchor.index, targetIndex);
 					const to = Math.max(this.#anchor.index, targetIndex);
 					const rangeKeys = col.slice(from, to + 1).map((n) => n.item.key);
-					if (this.interactionMode === `vscode`) {
+					if (this.#intercepted({
+						kind: `extend`,
+						keys: rangeKeys,
+						anchorKey: this.#anchor.key,
+						targetKey: targetNode.item.key,
+						source: `keyboard`
+					})) {} else if (this.interactionMode === `vscode`) {
 						const snap = this.#anchor.selectionSnapshot;
 						for (const k of rangeKeys) if (snap.has(k)) this._selectedKeys.delete(k);
 						else this._selectedKeys.add(k);
@@ -1803,6 +1924,7 @@ __decorate([state()], MillerBaseElement.prototype, "_columns", void 0);
 __decorate([state()], MillerBaseElement.prototype, "_loadingDepth", void 0);
 __decorate([state()], MillerBaseElement.prototype, "_selectedNodes", void 0);
 __decorate([property({ attribute: false })], MillerBaseElement.prototype, "restoreLoads", void 0);
+__decorate([state()], MillerBaseElement.prototype, "_partialKeys", void 0);
 MillerBaseElement = __decorate([safeCustomElement(`ixfx-miller-base`)], MillerBaseElement);
 //#endregion
 //#region src/miller/miller-list.ts
@@ -1854,6 +1976,7 @@ let MillerListElement = class MillerListElement extends MillerBaseElement {
 	}
 	#renderListItem(node, depth) {
 		const selected = this._isSelected(node, depth);
+		const partial = this._isPartial(node, depth);
 		const tickled = this._isFocused(node, depth);
 		const open = this._isOpen(node, depth);
 		const isBranch = node.item.isLeaf !== true;
@@ -1865,13 +1988,14 @@ let MillerListElement = class MillerListElement extends MillerBaseElement {
 		const isCheckedMode = this.interactionMode === `checked`;
 		let checkboxTpl = nothing;
 		if (isCheckedMode) {
-			const state = computeCheckboxState(node, this._selectedKeys);
+			const state = partial ? `indeterminate` : computeCheckboxState(node, this._selectedKeys);
 			checkboxTpl = html`
         <input
           type="checkbox"
           class="item-checkbox"
           .checked=${state === `checked`}
           .indeterminate=${state === `indeterminate`}
+          aria-checked=${state === `indeterminate` ? `mixed` : String(state === `checked`)}
           aria-label="Select ${node.item.label}"
           @click=${(e) => this._handleCheckboxClick(e, node, depth)}
         />
@@ -1879,9 +2003,10 @@ let MillerListElement = class MillerListElement extends MillerBaseElement {
 		}
 		return html`
       <li
-        class="item ${selected ? `selected` : ``} ${open ? `open` : ``} ${tickled ? `tickled` : ``} ${isBranch ? `branch` : `leaf`}"
+        class="item ${selected ? `selected` : ``} ${partial ? `partial` : ``} ${open ? `open` : ``} ${tickled ? `tickled` : ``} ${isBranch ? `branch` : `leaf`}"
         role="option"
         aria-selected=${selected}
+        aria-description=${partial && !isCheckedMode ? this._partialDescription : nothing}
         @click=${(e) => this._handleItemClick(node, depth, e)}
         @dblclick=${(e) => this._handleItemDblClick(node, depth, e)}
         @contextmenu=${(e) => this._handleItemRightClick(node, depth, e)}
@@ -1914,6 +2039,12 @@ let MillerListElement = class MillerListElement extends MillerBaseElement {
         justify-content: space-between;
       }
 
+      .item.partial:not(.selected) {
+        background: var(--item-bg-partial, color-mix(in srgb, var(--item-selected-bg) 35%, transparent));
+        outline: 1px dashed var(--item-border-partial, var(--border, #555));
+        outline-offset: -1px;
+      }
+
       .item.selected {
         background: var(--item-selected-bg);
         color: var(--item-selected-text, #fff);

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-Bnm-kKGC.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";
 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-DUqiUAWQ.js";
+import { n as MillerListElement, r as MillerBaseElement, t as MillerTreeController } from "./miller-BfrTcujx.js";
 export { MillerBaseElement, MillerListElement, MillerTreeController };

package/dist/narrowed-text.js

@@ -3,7 +3,7 @@ import { t as TickledController } from "./tickled-controller-D-HZymaZ.js";
 import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-BrAHEj1q.js";
 import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { p as createIncrSearch } from "./incr-search-CgbL-OlS.js";
+import { m as createIncrSearch } from "./incr-search-2YaxUUA9.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-Tqu-VvMU.js";
+import { a as TitlebarToggleDetail, c as TitlebarVariant, i as TitlebarOrientation, o as TitlebarToggleEvent, s as TitlebarToggleInteraction, t as TitlebarCloseEvent } from "./titlebar-B5zSTZnF.js";
 import { LitElement } from "lit";
 //#region src/panel/panel.d.ts
 /** Backwards-compatible aliases: canonical types now live in `../titlebar/titlebar.js`. */

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

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

package/dist/split-layout.d.ts

@@ -1,2 +1,2 @@
-import { t as SplitLayoutElement } from "./split-layout-CophkNeU.js";
+import { t as SplitLayoutElement } from "./split-layout-ChZ0Glrs.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-DePuFYlU.js";
+import { a as SunburstViewState, i as SunburstZoomEvent, n as SunburstTreeListElementEventMap, r as SunburstZoomDetail, t as SunburstTreeListElement } from "./sunbursttree-list-BAS0KrDG.js";
 export { SunburstTreeListElement, SunburstTreeListElementEventMap, type SunburstViewState, SunburstZoomDetail, SunburstZoomEvent };

package/dist/sunburst-tree.js

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

package/dist/{sunbursttree-list-B_M0YTEA.js → sunbursttree-list-906G33ME.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-CgbL-OlS.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 { a as capKeys, l as keysToArray, n as EMPTY_KEYS } from "./pending-BGidHppL.js";
 import { t as collectDataResult } from "./data-provider-35TyWclX.js";
 import { t as ViewStateController } from "./view-state-controller-BdyXWUUM.js";

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

package/dist/{tab-list-Df371rqw.d.ts → tab-list-wC0xNz1b.d.ts}

@@ -1,4 +1,4 @@
-import "./icon-CDGprSdE.js";
+import "./icon-DR_3rSyZ.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-Df371rqw.js";
+import { a as TabListReorderDetail, i as TabListElement, n as TabListChangeEvent, o as TabListReorderEvent, r as TabListDragMode, t as TabListChangeDetail } from "./tab-list-wC0xNz1b.js";
 export { TabListChangeDetail, TabListChangeEvent, TabListDragMode, TabListElement, TabListReorderDetail, TabListReorderEvent };

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

@@ -1,4 +1,4 @@
-import "./icon-CDGprSdE.js";
+import "./icon-DR_3rSyZ.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-Tqu-VvMU.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-B5zSTZnF.js";
 export { TitlebarCloseEvent, TitlebarElement, TitlebarElementEventMap, TitlebarOrientation, TitlebarToggleDetail, TitlebarToggleEvent, TitlebarToggleInteraction, TitlebarVariant };

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

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

package/dist/tree.d.ts

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

package/dist/tree.js

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

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

@@ -2,8 +2,8 @@ import { L as ListDragPreviewRenderer, R as ListDragPreviewSourceResolver, V as
 import { a as ViewStateBase, t as GetViewStateOptions } from "./types-LU1u0CB8.js";
 import "./index-9ttcdwlL.js";
 import { n as ListViewportChangeEvent } from "./list-viewport-types-BRZsLcvp.js";
-import { S as ListSearchController } from "./index-CUErGhCg.js";
-import { i as ListInteractionMode, l as ListSelectionMode, r as ListElementEventMap } from "./list-selection-types-PjKdhF-a.js";
+import { i as ListInteractionMode, m as ListSelectionMode, r as ListElementEventMap } from "./list-selection-types-hj9Njei3.js";
+import { S as ListSearchController } from "./index-BjRoPrwj.js";
 import "./editable-label-rzXkjf1H.js";
 import { LitElement, PropertyValues } from "lit";
 import { CommandId, CommandRegistry } from "@clinth/ui-commands";
@@ -262,6 +262,15 @@ declare class VerticalListElement extends LitElement {
   selectAll(): void;
   /** The selection as stable `data-key` / `data-value` strings. */
   get selectedKeys(): ReadonlySet<string>;
+  /**
+   * Rows shown as *partially* selected (a part of the resource is selected):
+   * `data-partial`, an indeterminate checkbox in `checked` mode, and an
+   * accessible description. Independent of `selectedKeys` — a key in both
+   * counts as selected. Replace-on-set; keys without a row are kept for when
+   * the row appears.
+   */
+  get partialKeys(): ReadonlySet<string>;
+  set partialKeys(keys: Iterable<string>);
   /** The key of the item under the cursor, or `undefined`. */
   get tickledKey(): string | undefined;
   /** Replace the selection with the items carrying these keys (unknown keys ignored). */

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

@@ -1,13 +1,13 @@
 import { t as TickledController } from "./tickled-controller-D-HZymaZ.js";
 import { t as themeFallbacks } from "./fallbacks-DQ_5OsmR.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import { c as createElementListSearchAdapter, i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, u as keyForElement } from "./incr-search-CgbL-OlS.js";
+import { c as createElementListSearchAdapter, d as keysOfElements, i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, u as keyForElement } from "./incr-search-2YaxUUA9.js";
 import { i as animateListItemOut, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-CcXoS0YX.js";
-import { r as ListDragSelectController, t as ListSelectionController } from "./list-selection-controller-5L0Nj9tR.js";
+import { i as ListDragSelectController, n as gestureOf, t as ListSelectionController } from "./list-selection-controller-CJDdjH7E.js";
 import { l as keysToArray } from "./pending-BGidHppL.js";
-import { a as restoreElementScroll, n as anchorFromRow, o as scrollToOffset, r as captureElementScroll, t as ViewStateController } from "./view-state-controller-BdyXWUUM.js";
+import { a as isPartialKey, i as applyPartialAttributes, n as appearanceColor, o as sameKeySet, t as appearanceAbsent } from "./item-appearance-Bl6rMIID.js";
 import { t as scrollFadeStyles } from "./scroll-fade-Xx28D7mH.js";
-import { n as appearanceColor, t as appearanceAbsent } from "./item-appearance-BjcMyauw.js";
+import { a as restoreElementScroll, n as anchorFromRow, o as scrollToOffset, r as captureElementScroll, t as ViewStateController } from "./view-state-controller-BdyXWUUM.js";
 import "./editable-label.js";
 import { LitElement, css, html, render } from "lit";
 import { property } from "lit/decorators.js";
@@ -153,13 +153,15 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 				interactionMode: this.interactionMode
 			}),
 			getKey: keyForElement,
+			onIntent: (intent) => this._dispatchCancelable(`list-select-intent`, intent) === false,
 			onChange: (selected, previous) => {
 				this._syncItemStates();
 				this.#viewState.notify();
 				this._dispatch(`list-select`, {
 					selected,
 					previous,
-					selectedKeys: this.selection.selectedKeys
+					selectedKeys: this.selection.selectedKeys,
+					previousKeys: keysOfElements(previous)
 				});
 			}
 		});
@@ -245,6 +247,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 			getAllItems: () => this.#selectionOrder(),
 			observeContainer: false
 		}) });
+		this.#partialKeys = /* @__PURE__ */ new Set();
 		this.#onScroll = () => {
 			if (!this.#viewState.pendingScroll) this.#viewState.notify();
 			if (this.#scrollRaf !== 0) return;
@@ -275,7 +278,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 			if ((e.ctrlKey || e.metaKey) && e.key === `a`) {
 				if (this.selection.canSelectAll()) {
 					e.preventDefault();
-					this.selection.selectAll();
+					this.selection.selectAll(`keyboard`);
 				}
 				return;
 			}
@@ -284,18 +287,18 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 					e.preventDefault();
 					this.tickled.handleKeyboardNavigation(`next`);
 					this.#revealCursor();
-					if (e.shiftKey && this.interactionMode === `vscode`) {
+					if (e.shiftKey && (this.interactionMode === `vscode` || this.interactionMode === `manual`)) {
 						const cur = this.tickled.tickledId;
-						if (cur) this.selection.rangeTo(cur);
+						if (cur) this.selection.handleExtend(cur);
 					}
 					break;
 				case `ArrowUp`:
 					e.preventDefault();
 					this.tickled.handleKeyboardNavigation(`previous`);
 					this.#revealCursor();
-					if (e.shiftKey && this.interactionMode === `vscode`) {
+					if (e.shiftKey && (this.interactionMode === `vscode` || this.interactionMode === `manual`)) {
 						const cur = this.tickled.tickledId;
-						if (cur) this.selection.rangeTo(cur);
+						if (cur) this.selection.handleExtend(cur);
 					}
 					break;
 				case `Home`:
@@ -321,7 +324,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 					if (id) {
 						e.preventDefault();
 						this._dispatch(`list-item-click`, { item: id });
-						this._activateItem(id);
+						this._activateItem(id, `keyboard`);
 					}
 					break;
 				}
@@ -333,7 +336,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 					}
 					break;
 				}
-				case `Escape`: this.selection.clear();
+				case `Escape`: this.selection.handleClear(`keyboard`);
 			}
 		};
 		this._onClick = (e) => {
@@ -342,7 +345,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 			const item = this._findListItem(e.composedPath());
 			if (!item) return;
 			this._dispatch(`list-item-click`, { item });
-			this.selection.handleClick(item, e);
+			this.selection.handleClick(item, gestureOf(e));
 		};
 		this._onDblClick = (e) => {
 			if (this.#isEditEvent(e)) return;
@@ -773,6 +776,23 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 	get selectedKeys() {
 		return this.selection.selectedKeys;
 	}
+	#partialKeys;
+	/**
+	* Rows shown as *partially* selected (a part of the resource is selected):
+	* `data-partial`, an indeterminate checkbox in `checked` mode, and an
+	* accessible description. Independent of `selectedKeys` — a key in both
+	* counts as selected. Replace-on-set; keys without a row are kept for when
+	* the row appears.
+	*/
+	get partialKeys() {
+		return this.#partialKeys;
+	}
+	set partialKeys(keys) {
+		const next = new Set(keys);
+		if (sameKeySet(next, this.#partialKeys)) return;
+		this.#partialKeys = next;
+		this._syncItemStates();
+	}
 	/** The key of the item under the cursor, or `undefined`. */
 	get tickledKey() {
 		const id = this.tickled.tickledId;
@@ -1468,6 +1488,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 			const item = this.#customWrappers.get(el) ?? el;
 			el.toggleAttribute(`data-tickled`, this.tickled.isTickled(el));
 			el.toggleAttribute(`data-selected`, this.selection.selected.has(el));
+			applyPartialAttributes(el, isPartialKey(keyForElement(el), this.#partialKeys, this.selection.selected.has(el)));
 			if (el.hasAttribute(`data-aria-role`)) el.setAttribute(`aria-selected`, String(this.selection.selected.has(el)));
 			if (this.interactionMode === `checked`) el.toggleAttribute(`data-checked`, !item.hasAttribute(`not-checked`) && this.selection.selected.has(el));
 			else el.removeAttribute(`data-checked`);
@@ -1532,16 +1553,22 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 				el.prepend(cb);
 			}
 			const checked = this.selection.selected.has(el);
+			const partial = isPartialKey(keyForElement(el), this.#partialKeys, checked);
 			if (wantsCustom) {
-				cb.setAttribute(`aria-checked`, String(checked));
+				cb.setAttribute(`aria-checked`, partial ? `mixed` : String(checked));
 				cb.toggleAttribute(`data-checked`, checked);
+				cb.toggleAttribute(`data-partial`, partial);
 				if (this.checkboxRenderer) {
 					const renderer = typeof this.checkboxRenderer === `function` ? this.checkboxRenderer : this.checkboxRenderer.renderer;
 					render(renderer(checked), cb);
 				}
 			} else {
 				const input = cb.querySelector(`input.ixfx-list-checkbox`);
-				if (input) input.checked = checked;
+				if (input) {
+					input.checked = checked;
+					input.indeterminate = partial;
+				}
+				cb.setAttribute(`aria-checked`, partial ? `mixed` : String(checked));
 			}
 		}
 	}
@@ -1560,7 +1587,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 		cell.setAttribute(`part`, `checkbox`);
 		cell.addEventListener(`click`, (e) => {
 			e.stopPropagation();
-			this.selection.toggle(el);
+			this.selection.handleCheckbox(el);
 		});
 		const input = document.createElement(`input`);
 		input.type = `checkbox`;
@@ -1582,7 +1609,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 		span.setAttribute(`part`, `checkbox`);
 		span.addEventListener(`click`, (e) => {
 			e.stopPropagation();
-			this.selection.toggle(el);
+			this.selection.handleCheckbox(el);
 		});
 		return span;
 	}
@@ -1608,13 +1635,13 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 			cancelable: true
 		}));
 	}
-	_activateItem(item) {
-		if (this.interactionMode !== `manual`) this.selection.replace(item);
+	_activateItem(item, source = `pointer`) {
+		this.selection.handleReplace(item, source);
 		this._dispatch(`list-activate`, { item });
 	}
 	activateKey(key) {
 		const item = this.#itemForKey(key);
-		if (item) this._activateItem(item);
+		if (item) this._activateItem(item, `api`);
 	}
 	/** The row (or `undefined` for empty space) the last `list-drag-over` was fired for. */
 	#dragOver;
@@ -1862,6 +1889,13 @@ let VerticalListElement = class VerticalListElement extends LitElement {
       outline: 1px solid transparent;
     }
 
+    /* Partially selected: a dashed edge, lighter than a full selection. Hook: --item-bg-partial. */
+    ::slotted([data-partial]) {
+      background: var(--item-bg-partial, color-mix(in srgb, var(--item-bg-selected) 35%, transparent));
+      outline: 1px dashed var(--item-border-partial, var(--border));
+      outline-offset: -1px;
+    }
+
     ::slotted([data-selected][data-tickled]) {
       background: var(--item-bg-selected-tickled);
       outline: 2px dashed var(--surface-3);