@ixfx/components 0.16.0 → 0.16.2

package/dist/{menu-item-BUv8An2k.js → menu-item-oxU1VKiJ.js}

@@ -5,6 +5,7 @@ import { t as popupSurfaceStyles } from "./popup-D80sj2QC.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import "./icon-1gpwtPx8.js";
 import "./interaction-E-uMGHkJ.js";
+import { t as scrollFadeStyles } from "./scroll-fade-Xx28D7mH.js";
 import { LitElement, css, html } from "lit";
 import { property, query, state } from "lit/decorators.js";
 //#region src/menu/menu-container.ts
@@ -24,6 +25,7 @@ let MenuContainer = class MenuContainer extends LitElement {
 					const item = items[index];
 					item.tabIndex = 0;
 					item.focus({ preventScroll: true });
+					if (this.tickled.inputMode === `keyboard`) item.scrollIntoView({ block: `nearest` });
 				}
 			},
 			onStateChange: () => {
@@ -78,16 +80,29 @@ let MenuContainer = class MenuContainer extends LitElement {
 			popupSurfaceStyles,
 			themeFallbacks,
 			tickledStyles,
+			scrollFadeStyles(`y`),
 			css`
     :host {
       display: block;
     }
 
+    /* The surface (border, shadow) stays fixed; only the inner scroller
+       scrolls, so the scroll fade masks the items and not the surface edges. */
     .popover {
-      padding: var(--space-xs) 0;
+      display: flex;
+      flex-direction: column;
+      max-height: var(--menu-max-height, min(60vh, 400px));
       min-width: 160px;
     }
 
+    .scroller {
+      min-height: 0;
+      padding: var(--space-s);
+      overflow-y: auto;
+      overscroll-behavior: contain;
+      --scroll-fade-width: var(--space-l);
+    }
+
     :host {
       opacity: 1;
       transform: translateY(0) scale(1);
@@ -159,7 +174,9 @@ let MenuContainer = class MenuContainer extends LitElement {
         @keydown=${this._handleKeydown}
         @mouseover=${this._handleMouseOver}
       >
-        <slot @slotchange=${this._updateIconSections}></slot>
+        <div class="scroller scroll-fade-y">
+          <slot @slotchange=${this._updateIconSections}></slot>
+        </div>
       </div>
     `;
 	}
@@ -541,7 +558,6 @@ let MenuTrigger = class MenuTrigger extends LitElement {
     :host {
       display: inline-block;
       position: relative;
-      --ixfx-button-padding: var(--ixfx-button-padding, var(--space-s) var(--space-m));
     }
 
     /* Context mode with a context-target: dissolve the host's box so the
@@ -584,7 +600,7 @@ let MenuTrigger = class MenuTrigger extends LitElement {
       border: none;
       color: var(--surface-3-text);
       cursor: pointer;
-      padding: var(--ixfx-button-padding);
+      padding: var(--ixfx-button-padding, var(--space-s) var(--space-m));
       font-family: var(--font-family, inherit);
       font-size: var(--text-m);
       font-weight: 600;
@@ -610,18 +626,24 @@ let MenuTrigger = class MenuTrigger extends LitElement {
       position: fixed;
       position-anchor: var(--anchor-name);
       inset: auto;
-      margin: 8px;
+      /* Offset only along the placement axis so the popup's edge lines up
+         with the trigger's; flip fallbacks mirror the margin with it. */
+      margin: var(--menu-popup-offset, var(--space-xs)) 0;
       padding: 0;
       border: none;
       background: transparent;
       z-index: 100;
-      max-height: min(60vh, 400px);
       max-width: min(90vw, 320px);
-      overflow: auto;
-      overscroll-behavior: contain;
+      /* Scrolling happens inside ixfx-menu-container (with a scroll fade).
+         Overriding the UA overflow:auto also stops the menu's shadow being clipped. */
+      overflow: visible;
       position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
     }
 
+    :host([placement="right-start"]) .popup {
+      margin: 0 var(--menu-popup-offset, var(--space-xs));
+    }
+
     .popup[popover] {
       opacity: 1;
       transform: translateY(0) scale(1);
@@ -670,7 +692,10 @@ __decorate([property({
 })], MenuTrigger.prototype, "iconName", void 0);
 __decorate([property({ attribute: false })], MenuTrigger.prototype, "registry", void 0);
 __decorate([property({ attribute: false })], MenuTrigger.prototype, "keyboardManager", void 0);
-__decorate([property({ type: String })], MenuTrigger.prototype, "placement", void 0);
+__decorate([property({
+	type: String,
+	reflect: true
+})], MenuTrigger.prototype, "placement", void 0);
 __decorate([property({
 	type: Boolean,
 	attribute: `tab-stop`

package/dist/menu.d.ts

@@ -1,3 +1,3 @@
-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-DxyyVqzA.js";
+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";
 export { MenuBar, MenuCheckItem, MenuCommandController, MenuContainer, type MenuFromTreeOptions, MenuHeader, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubTrigger, MenuTrigger, menuFromTree, menuFromTreeToElements };

package/dist/menu.js

@@ -1,3 +1,3 @@
-import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-BUv8An2k.js";
-import { a as menuFromTreeToElements, c as MenuSubTrigger, d as MenuBar, i as menuFromTree, l as MenuCommandController, n as MenuRadioGroup, o as MenuHeader, r as MenuRadioItem, s as MenuSeparator, u as MenuCheckItem } from "./menu-CU9KAm8s.js";
+import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-oxU1VKiJ.js";
+import { a as menuFromTreeToElements, c as MenuSubTrigger, d as MenuBar, i as menuFromTree, l as MenuCommandController, n as MenuRadioGroup, o as MenuHeader, r as MenuRadioItem, s as MenuSeparator, u as MenuCheckItem } from "./menu-BX1FHxY8.js";
 export { MenuBar, MenuCheckItem, MenuCommandController, MenuContainer, MenuHeader, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubTrigger, MenuTrigger, menuFromTree, menuFromTreeToElements };

package/dist/{miller-BFRfn0ve.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-JIhwB49y.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);
@@ -1770,13 +1891,6 @@ let MillerBaseElement = class MillerBaseElement extends LitElement {
     @keyframes miller-spin {
       to { transform: rotate(360deg); }
     }
-
-    ::highlight(incr-search-highlight) {
-      background: var(--search-highlight-bg, var(--accent));
-      color: var(--search-highlight-color, var(--accent-text, #fff));
-      border-radius: 2px;
-      padding: 0 1px;
-    }
   `
 		];
 	}
@@ -1810,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
@@ -1861,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;
@@ -1872,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)}
         />
@@ -1886,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)}
@@ -1921,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-CYRc6Dah.js";
+import { _ as MillerRebaseEvent, a as MillerBaseElementEventMap, c as MillerHeaderClickEvent, d as MillerItemDblClickDetail, f as MillerItemDblClickEvent, g as MillerRebaseDetail, h as MillerItemState, i as MillerBaseElement, l as MillerHeaderRightClickDetail, m as MillerItemRightClickEvent, n as MillerTreeControllerOptions, o as MillerListViewState, p as MillerItemRightClickDetail, r as MillerListElement, s as MillerHeaderClickDetail, t as MillerTreeController, u as MillerHeaderRightClickEvent, v as MillerSelectionMode } from "./index-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-BFRfn0ve.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-JIhwB49y.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-D6j5BxVQ.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_VxOHlo.js";
+import { t as SunburstTreeListElement } from "./sunbursttree-list-906G33ME.js";
 export { SunburstTreeListElement };

package/dist/{sunbursttree-list-B_VxOHlo.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-JIhwB49y.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-D6j5BxVQ.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-Dr80Zdl6.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-Crdpl4nc.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-JIhwB49y.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-Bx0BXPxI.js";
+import { a as TreeDropVisibleRow, c as TreeListElement, d as TreeBaseElement, f as TreeBaseElementEventMap, h as TreeConfig, i as TreeDropRowInfo, l as TreeCheckboxState, m as TreeListViewState, n as TreeDropControllerConfig, o as TreeController, p as TreeVirtualize, r as TreeDropResolvedDrag, s as TreeControllerOptions, t as TreeDropController, u as TreeAnimation } from "./index-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-Crdpl4nc.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-BPDmZx6T.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-Dr80Zdl6.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). */