@ixfx/components 0.17.1 → 0.18.1

package/dist/interaction-DNuFnTm0.js

@@ -0,0 +1,3 @@
+import "./list-native-drag-controller-B_INa6_G.js";
+import "./tickled-controller-BsFFr_1N.js";
+import "./tickled-styles-pnieYweS.js";

package/dist/item-tags-Dz-jQq-4.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Caller-assigned item tags, shared by every list-like component
+ * (`ixfx-grid-list`, `ixfx-detail-list`, `ixfx-data-grid`, `ixfx-multicol-list`).
+ *
+ * What a tag *means* belongs to the caller. The component only
+ *
+ * 1. exposes it for styling: a `tag-<name>` token in the item's `part`, and
+ *    `data-tags` (space-separated, so `[data-tags~="foo"]` matches);
+ * 2. applies the generic interaction flags declared for it in `tagBehaviour`.
+ *
+ * Tokens are prefixed so a caller tag called `selected` cannot collide with
+ * the built-in state token.
+ */
+/** Generic interaction flags a tag can switch off. Omitted flags keep the default (`true`). */
+type ItemTagBehaviourFlags = {
+  /** `false`: no selection or tickle, no `list-select-intent`; range and select-all skip the item. */
+  selectable?: boolean;
+  /** `false`: keyboard cursor movement skips the item. */
+  focusable?: boolean;
+  /** `false`: no drag starts from the item. */
+  draggable?: boolean;
+  /** `false`: the item is left out of incremental search. */
+  searchable?: boolean;
+};
+/** Behaviour declarations keyed by tag name. */
+type ItemTagBehaviour = Readonly<Record<string, ItemTagBehaviourFlags>>;
+/** Tag assignment by key set: tag name → keys that carry it. Like `partialKeys`, for tags kept apart from the data. */
+type ItemTagKeys = ReadonlyMap<string, ReadonlySet<string>>;
+/** The effective flags for an item: every flag is explicit. */
+type ResolvedItemTagFlags = Required<ItemTagBehaviourFlags>;
+declare const DEFAULT_ITEM_TAG_FLAGS: ResolvedItemTagFlags;
+/** Prefix of a tag's `part` token. */
+declare const TAG_PART_PREFIX = "tag-";
+/**
+ * Merge the tags from the per-item hook and from `tagKeys`, de-duplicated,
+ * in first-seen order. Empty and whitespace-containing names are dropped
+ * (they could not be a single `part` token).
+ */
+declare function collectTags(key: string | undefined, fromHook: readonly string[] | undefined, tagKeys: ItemTagKeys | undefined): readonly string[];
+/** Most restrictive wins: any `false` among the item's tags beats the default and any `true`. */
+declare function resolveTagFlags(tags: readonly string[], behaviour: ItemTagBehaviour | undefined): ResolvedItemTagFlags;
+/** ` tag-foo tag-bar` — append to a `part` value. Empty string when there are no tags. */
+declare function tagPartTokens(tags: readonly string[]): string;
+/** Value for `data-tags` (`"foo bar"`), or `undefined` when there are no tags. */
+declare function tagsAttribute(tags: readonly string[]): string | undefined;
+/** Reflect tags onto an element (element mode / light DOM): `data-tags`, and `tag-*` tokens in `part` it didn't set. */
+declare function applyTagAttributes(el: Element, tags: readonly string[], basePart?: string): void;
+/** Whether two tag lists are identical (order matters; lists are tiny). */
+declare function sameTags(a: readonly string[], b: readonly string[]): boolean;
+/** Whether two `tagKeys` maps hold the same tags with the same keys. */
+declare function sameTagKeys(a: ItemTagKeys | undefined, b: ItemTagKeys | undefined): boolean;
+/**
+ * Per-component holder for the two assignment forms and `tagBehaviour`.
+ * Resolves an item's tags and flags; caches nothing (callers re-render on change).
+ */
+declare class ItemTagResolver {
+  tagKeys: ItemTagKeys | undefined;
+  behaviour: ItemTagBehaviour | undefined;
+  /** Tags for an item, merging the hook's result with `tagKeys`. */
+  tagsFor(key: string | undefined, fromHook?: readonly string[]): readonly string[];
+  flagsFor(tags: readonly string[]): ResolvedItemTagFlags;
+  /** Convenience: flags for an item straight from its key and hook result. */
+  flagsForItem(key: string | undefined, fromHook?: readonly string[]): ResolvedItemTagFlags;
+}
+export { ItemTagResolver as a, applyTagAttributes as c, sameTagKeys as d, sameTags as f, ItemTagKeys as i, collectTags as l, tagsAttribute as m, ItemTagBehaviour as n, ResolvedItemTagFlags as o, tagPartTokens as p, ItemTagBehaviourFlags as r, TAG_PART_PREFIX as s, DEFAULT_ITEM_TAG_FLAGS as t, resolveTagFlags as u };

package/dist/{list-native-drag-controller-ByftBooJ.js → list-native-drag-controller-B_INa6_G.js}

@@ -1,5 +1,110 @@
 import { n as getIconEntry, r as getIconFont } from "./registry-DcF0fO7l.js";
 import { css } from "lit";
+// src/interaction/item-tags.ts
+const DEFAULT_ITEM_TAG_FLAGS = Object.freeze({
+	selectable: true,
+	focusable: true,
+	draggable: true,
+	searchable: true
+});
+const NO_TAGS = Object.freeze([]);
+/** Prefix of a tag's `part` token. */
+const TAG_PART_PREFIX = `tag-`;
+/**
+* Merge the tags from the per-item hook and from `tagKeys`, de-duplicated,
+* in first-seen order. Empty and whitespace-containing names are dropped
+* (they could not be a single `part` token).
+*/
+function collectTags(key, fromHook, tagKeys) {
+	let out;
+	const add = (tag) => {
+		if (tag === `` || /\s/.test(tag)) return;
+		out ??= [];
+		if (!out.includes(tag)) out.push(tag);
+	};
+	if (fromHook) for (const tag of fromHook) add(tag);
+	if (tagKeys && key !== void 0) {
+		for (const [tag, keys] of tagKeys) if (keys.has(key)) add(tag);
+	}
+	return out ?? NO_TAGS;
+}
+/** Most restrictive wins: any `false` among the item's tags beats the default and any `true`. */
+function resolveTagFlags(tags, behaviour) {
+	if (tags.length === 0 || !behaviour) return DEFAULT_ITEM_TAG_FLAGS;
+	let selectable = true;
+	let focusable = true;
+	let draggable = true;
+	let searchable = true;
+	for (const tag of tags) {
+		const flags = Object.hasOwn(behaviour, tag) ? behaviour[tag] : void 0;
+		if (!flags) continue;
+		if (flags.selectable === false) selectable = false;
+		if (flags.focusable === false) focusable = false;
+		if (flags.draggable === false) draggable = false;
+		if (flags.searchable === false) searchable = false;
+	}
+	return selectable && focusable && draggable && searchable ? DEFAULT_ITEM_TAG_FLAGS : {
+		selectable,
+		focusable,
+		draggable,
+		searchable
+	};
+}
+/** ` tag-foo tag-bar` — append to a `part` value. Empty string when there are no tags. */
+function tagPartTokens(tags) {
+	let out = ``;
+	for (const tag of tags) out += ` ${TAG_PART_PREFIX}${tag}`;
+	return out;
+}
+/** Value for `data-tags` (`"foo bar"`), or `undefined` when there are no tags. */
+function tagsAttribute(tags) {
+	return tags.length === 0 ? void 0 : tags.join(` `);
+}
+/** Reflect tags onto an element (element mode / light DOM): `data-tags`, and `tag-*` tokens in `part` it didn't set. */
+function applyTagAttributes(el, tags, basePart) {
+	const value = tagsAttribute(tags);
+	if (value === void 0) el.removeAttribute(`data-tags`);
+	else el.setAttribute(`data-tags`, value);
+	if (basePart !== void 0) {
+		const part = basePart + tagPartTokens(tags);
+		if (part === ``) el.removeAttribute(`part`);
+		else el.setAttribute(`part`, part);
+	}
+}
+/** Whether two tag lists are identical (order matters; lists are tiny). */
+function sameTags(a, b) {
+	if (a === b) return true;
+	if (a.length !== b.length) return false;
+	return a.every((tag, i) => tag === b[i]);
+}
+/** Whether two `tagKeys` maps hold the same tags with the same keys. */
+function sameTagKeys(a, b) {
+	if (a === b) return true;
+	if (!a || !b || a.size !== b.size) return false;
+	for (const [tag, keys] of a) {
+		const other = b.get(tag);
+		if (!other || other.size !== keys.size) return false;
+		for (const key of keys) if (!other.has(key)) return false;
+	}
+	return true;
+}
+/**
+* Per-component holder for the two assignment forms and `tagBehaviour`.
+* Resolves an item's tags and flags; caches nothing (callers re-render on change).
+*/
+var ItemTagResolver = class {
+	/** Tags for an item, merging the hook's result with `tagKeys`. */
+	tagsFor(key, fromHook) {
+		return collectTags(key, fromHook, this.tagKeys);
+	}
+	flagsFor(tags) {
+		return resolveTagFlags(tags, this.behaviour);
+	}
+	/** Convenience: flags for an item straight from its key and hook result. */
+	flagsForItem(key, fromHook) {
+		return resolveTagFlags(collectTags(key, fromHook, this.tagKeys), this.behaviour);
+	}
+};
 // src/interaction/list-drag-preview-row.ts
 const ROW_MIN = 24;
 const ROW_MAX = 36;
@@ -780,6 +885,9 @@ var ListNativeDragController = class {
 				try {
 					this.#config.writeDataTransfer?.(event.dataTransfer, detail);
 				} catch {}
+				try {
+					this.#host.writeDataTransfer?.(event.dataTransfer, detail);
+				} catch {}
 			}
 			const hotspot = preview.hotspot ?? {
 				x: 16,
@@ -815,4 +923,4 @@ var ListNativeDragController = class {
 		} catch {}
 	};
 };
-export { listItemFadeKeyframes as a, captionForEntry as c, animateListItemOut as i, createDefaultListDragPreview as l, LIST_ITEM_MOTION_MS as n, prefersReducedMotion as o, animateListItemIn as r, startListItemOutAnimation as s, ListNativeDragController as t };
+export { sameTags as _, listItemFadeKeyframes as a, captionForEntry as c, ItemTagResolver as d, TAG_PART_PREFIX as f, sameTagKeys as g, resolveTagFlags as h, animateListItemOut as i, createDefaultListDragPreview as l, collectTags as m, LIST_ITEM_MOTION_MS as n, prefersReducedMotion as o, applyTagAttributes as p, animateListItemIn as r, startListItemOutAnimation as s, ListNativeDragController as t, DEFAULT_ITEM_TAG_FLAGS as u, tagPartTokens as v, tagsAttribute as y };

package/dist/{list-native-drag-controller-CgXKdmjr.d.ts → list-native-drag-controller-Cs-Tmtaa.d.ts}

@@ -1,4 +1,4 @@
-import { B as ListNativeDragStartDetail, I as ListDragPreviewContext, L as ListDragPreviewRenderer, P as ListDragEntry, R as ListDragPreviewSourceResolver, z as ListDragSource } from "./tree-component-DNuzfo6R.js";
+import { B as ListDragSource, F as ListDragEntry, L as ListDragPreviewContext, R as ListDragPreviewRenderer, V as ListNativeDragStartDetail, z as ListDragPreviewSourceResolver } from "./tree-component-BE7OEIiH.js";
 import { ReactiveController, ReactiveControllerHost } from "lit";
 type ListNativeDragControllerConfig<T> = {
   readonly source: ListDragSource;

package/dist/{menu-C3DhTjHx.js → menu-CgT60B3-.js}

@@ -1,8 +1,8 @@
 import { t as __exportAll } from "./rolldown-runtime-D3KUYPsf.js";
 import { t as tickledItemStyles } from "./tickled-styles-pnieYweS.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
-import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-BSxhlWnW.js";
-import "./interaction-8Kbbf6xN.js";
+import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-CbywH4Xo.js";
+import "./interaction-DNuFnTm0.js";
 import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
 import "./icon-DvTQuylG.js";
 import { LitElement, css, html, nothing } from "lit";
@@ -128,7 +128,7 @@ let MenuCheckItem = class MenuCheckItem extends LitElement {
 	}
 	_resolvedLabel() {
 		if (this.label) return this.label;
-		if (this.registry && this.command) return this.registry.get(this.command)?.label ?? ``;
+		if (this.registry && this.command) return this.registry.getLabel(this.command, void 0) ?? ``;
 		return ``;
 	}
 	_resolvedIcon() {

package/dist/{menu-item-BSxhlWnW.js → menu-item-CbywH4Xo.js}

@@ -1,10 +1,10 @@
-import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
+import { t as TickledController } from "./tickled-controller-BsFFr_1N.js";
 import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-pnieYweS.js";
 import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
 import { t as popupSurfaceStyles } from "./popup-D8IxN1Eq.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
 import "./icon-DvTQuylG.js";
-import "./interaction-8Kbbf6xN.js";
+import "./interaction-DNuFnTm0.js";
 import { t as scrollFadeStyles } from "./scroll-fade-DH8OXSqL.js";
 import { LitElement, css, html } from "lit";
 import { property, query, state } from "lit/decorators.js";
@@ -793,7 +793,7 @@ let MenuItem = class MenuItem extends LitElement {
 	}
 	_resolvedLabel() {
 		if (this.label) return this.label;
-		if (this.registry && this.command) return this.registry.get(this.command)?.label ?? ``;
+		if (this.registry && this.command) return this.registry.getLabel(this.command, void 0) ?? ``;
 		return ``;
 	}
 	_resolvedIcon() {

package/dist/menu.js

@@ -1,3 +1,3 @@
-import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-BSxhlWnW.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-C3DhTjHx.js";
+import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-CbywH4Xo.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-CgT60B3-.js";
 export { MenuBar, MenuCheckItem, MenuCommandController, MenuContainer, MenuHeader, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubTrigger, MenuTrigger, menuFromTree, menuFromTreeToElements };

package/dist/{miller-DqDEaXqT.js → miller-Dyv4UM7k.js}

@@ -1,14 +1,14 @@
 import { t as collectDataResult } from "./data-provider-C6ZNAcaT.js";
-import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-C5114RxZ.js";
+import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-Bk4acsCM.js";
 import { i as sameKeySet, r as isPartialKey, t as PARTIAL_DESCRIPTION } from "./partial-keys-D4l_ede_.js";
-import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
+import { t as TickledController } from "./tickled-controller-BsFFr_1N.js";
 import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-pnieYweS.js";
 import { a as capKeys, d as partitionKeys, l as keysToArray, n as EMPTY_KEYS } from "./pending-Afl4LT64.js";
 import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
 import { n as appearanceColor, t as appearanceAbsent } from "./item-appearance-FRO3TRFI.js";
 import { a as restoreElementScroll, i as onUserScrollIntent, o as scrollToOffset, r as captureElementScroll, t as ViewStateController } from "./view-state-controller-DiPAPiA7.js";
-import "./interaction-8Kbbf6xN.js";
+import "./interaction-DNuFnTm0.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-DNuzfo6R.js";
+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-BE7OEIiH.js";
 import { a as TreeItem, o as TreeNode } from "./types-6hpXRKt7.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-CzhYJJsx.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-fhZCKSY6.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 +1 @@
-export { r as MillerBaseElement, n as MillerListElement, t as MillerTreeController } from "./miller-DqDEaXqT.js";
+export { r as MillerBaseElement, n as MillerListElement, t as MillerTreeController } from "./miller-Dyv4UM7k.js";

package/dist/narrowed-text.js

@@ -1,8 +1,8 @@
 import { n as buildHighlightTargets, r as clearHighlights, t as applyHighlights } from "./highlight-noLHFSKZ.js";
-import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
+import { t as TickledController } from "./tickled-controller-BsFFr_1N.js";
 import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-pnieYweS.js";
-import { m as createIncrSearch } from "./incr-search-C5114RxZ.js";
-import "./interaction-8Kbbf6xN.js";
+import { m as createIncrSearch } from "./incr-search-Bk4acsCM.js";
+import "./interaction-DNuFnTm0.js";
 import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
 import { LitElement, css, html, nothing } from "lit";

package/dist/{node-graph-DqEGv5QR.js → node-graph-yrbOLbYo.js}

@@ -2,7 +2,7 @@ import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js"
 import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
 import { t as handleStyles } from "./handle-BVUWv97X.js";
 import "./icon-DvTQuylG.js";
-import "./menu-item-BSxhlWnW.js";
+import "./menu-item-CbywH4Xo.js";
 import { t as ViewStateController } from "./view-state-controller-DiPAPiA7.js";
 import { LitElement, css, html, nothing, svg } from "lit";
 import { property, state } from "lit/decorators.js";

package/dist/node-graph.js

@@ -1 +1 @@
-export { Y as DEFAULT_FORCE_OPTIONS, T as DRAG_THRESHOLD_PX, dt as EASY_CONNECT_MARGIN, tt as EDGE_CORNER_RADIUS, z as GraphNodeElement, K as GraphPortElement, D as MARQUEE_THRESHOLD_PX, q as MAX_BLINK_HZ, u as MAX_FLOW_SPEED, O as MarqueeController, B as NODE_SHAPES, E as NodeDragController, t as NodeGraphElement, m as PanZoomController, U as RESIZE_HANDLES, r as WireDragController, bt as addWire, J as blinkPeriodSeconds, g as boundsOf, ht as canConnect, _ as clampZoom, c as collapsedOffset, k as combineSelection, xt as connectContext, St as cycleBlockedNodes, nt as defaultSide, Ct as edgeId, rt as edgeMidpoint, it as edgePath, at as edgeShape, wt as ensurePort, ot as extendFromSide, o as findProximityConnection, F as findSnapTarget, gt as findValidWire, v as fitBounds, y as fitRects, b as flowToScreen, X as forceMovement, Z as forcePin, Q as forcePositions, $ as forceState, et as forceStep, Tt as fromEdges, Et as hasWire, Dt as inDegreeOf, ft as inEasyConnectZone, Ot as incomingEdge, kt as incomingEdges, h as isEditableTarget, V as isNodeShape, W as isResizeHandle, A as marqueeStyle, l as measureNode, w as nodeGraphStyles, j as nodesInRect, _t as normaliseConnection, At as outDegreeOf, x as panBy, jt as parsePortId, pt as pickStartPort, st as polylineMidpoint, ct as polylinePath, lt as polylineShape, Mt as portId, I as proximityFactor, M as rectFromPoints, s as rectGap, N as rectsIntersect, Nt as removeNode, mt as removeNodes, Pt as removeWire, n as renderWires, G as resizeRect, vt as resolveConnection, d as sanitizeFlowSpeed, S as screenToFlow, i as selectionAfterEdgeClick, a as selectionAfterNodePress, L as settled, H as shapeSpec, R as smoothStep, ut as stepPoints, Ft as toEdges, It as toNodeGraph, yt as typesCompatible, P as wantsMarquee, f as withEntry, p as withWireFlow, C as zoomAt } from "./node-graph-DqEGv5QR.js";
+export { Y as DEFAULT_FORCE_OPTIONS, T as DRAG_THRESHOLD_PX, dt as EASY_CONNECT_MARGIN, tt as EDGE_CORNER_RADIUS, z as GraphNodeElement, K as GraphPortElement, D as MARQUEE_THRESHOLD_PX, q as MAX_BLINK_HZ, u as MAX_FLOW_SPEED, O as MarqueeController, B as NODE_SHAPES, E as NodeDragController, t as NodeGraphElement, m as PanZoomController, U as RESIZE_HANDLES, r as WireDragController, bt as addWire, J as blinkPeriodSeconds, g as boundsOf, ht as canConnect, _ as clampZoom, c as collapsedOffset, k as combineSelection, xt as connectContext, St as cycleBlockedNodes, nt as defaultSide, Ct as edgeId, rt as edgeMidpoint, it as edgePath, at as edgeShape, wt as ensurePort, ot as extendFromSide, o as findProximityConnection, F as findSnapTarget, gt as findValidWire, v as fitBounds, y as fitRects, b as flowToScreen, X as forceMovement, Z as forcePin, Q as forcePositions, $ as forceState, et as forceStep, Tt as fromEdges, Et as hasWire, Dt as inDegreeOf, ft as inEasyConnectZone, Ot as incomingEdge, kt as incomingEdges, h as isEditableTarget, V as isNodeShape, W as isResizeHandle, A as marqueeStyle, l as measureNode, w as nodeGraphStyles, j as nodesInRect, _t as normaliseConnection, At as outDegreeOf, x as panBy, jt as parsePortId, pt as pickStartPort, st as polylineMidpoint, ct as polylinePath, lt as polylineShape, Mt as portId, I as proximityFactor, M as rectFromPoints, s as rectGap, N as rectsIntersect, Nt as removeNode, mt as removeNodes, Pt as removeWire, n as renderWires, G as resizeRect, vt as resolveConnection, d as sanitizeFlowSpeed, S as screenToFlow, i as selectionAfterEdgeClick, a as selectionAfterNodePress, L as settled, H as shapeSpec, R as smoothStep, ut as stepPoints, Ft as toEdges, It as toNodeGraph, yt as typesCompatible, P as wantsMarquee, f as withEntry, p as withWireFlow, C as zoomAt } from "./node-graph-yrbOLbYo.js";

package/dist/{notification-pill-BiHEJk-o.d.ts → notification-pill-BJonE_wo.d.ts}

@@ -35,6 +35,19 @@ type NotifierOptions = {
   tapBehaviour?: `none` | `dismiss`;
   tapHandlerDefault?: (notification: Notification) => void;
 };
+/** A notification as remembered by a manager's history. */
+type NotificationHistoryEntry = Notification & {
+  /** `true` once read: via `markRead`/`markAllRead`, or when the user taps the toast. */
+  readonly read: boolean;
+  /** Set once the toast is no longer visible (timed out, evicted, tapped away or dismissed). */
+  readonly dismissedAt?: number;
+};
+type NotificationHistoryListener = (history: readonly NotificationHistoryEntry[]) => void;
+/** Options for `createNotificationManager` / `NotificationManager.scope`. */
+type NotificationManagerOptions = NotifierOptions & {
+  /** Max history entries kept per manager (oldest dropped first). Default 100. */
+  historyLimit?: number;
+};
 type PillTapDetail = {
   readonly id: string;
 };
@@ -60,4 +73,4 @@ declare global {
 interface NotificationPillElement {
   addEventListener: (<K extends keyof NotificationPillElementEventMap>(type: K, listener: (this: NotificationPillElement, event: NotificationPillElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
 }
-export { Notification as a, NotificationRendererHooks as c, PillTapEvent as i, NotificationType as l, NotificationPillElementEventMap as n, NotificationContent as o, PillTapDetail as r, NotificationRenderer as s, NotificationPillElement as t, NotifierOptions as u };
+export { Notification as a, NotificationHistoryListener as c, NotificationRendererHooks as d, NotificationType as f, PillTapEvent as i, NotificationManagerOptions as l, NotificationPillElementEventMap as n, NotificationContent as o, NotifierOptions as p, PillTapDetail as r, NotificationHistoryEntry as s, NotificationPillElement as t, NotificationRenderer as u };

package/dist/notifier.d.ts

@@ -1,2 +1,2 @@
-import { i as PillTapEvent, n as NotificationPillElementEventMap, r as PillTapDetail, t as NotificationPillElement } from "./notification-pill-BiHEJk-o.js";
+import { i as PillTapEvent, n as NotificationPillElementEventMap, r as PillTapDetail, t as NotificationPillElement } from "./notification-pill-BJonE_wo.js";
 export { NotificationPillElement, NotificationPillElementEventMap, PillTapDetail, PillTapEvent };

package/dist/select-horiz.js

@@ -1,6 +1,6 @@
-import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
+import { t as TickledController } from "./tickled-controller-BsFFr_1N.js";
 import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-pnieYweS.js";
-import "./interaction-8Kbbf6xN.js";
+import "./interaction-DNuFnTm0.js";
 import { t as WheelNudgeMixin } from "./wheel-nudge-DgJzrL28.js";
 import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
 import { t as scrollFadeStyles } from "./scroll-fade-DH8OXSqL.js";

package/dist/sunburst-tree.d.ts

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

package/dist/sunburst-tree.js

@@ -1 +1 @@
-export { t as SunburstTreeListElement } from "./sunbursttree-list-C-FuZB5z.js";
+export { t as SunburstTreeListElement } from "./sunbursttree-list-CJdznPzN.js";

package/dist/{sunbursttree-list-C-FuZB5z.js → sunbursttree-list-CJdznPzN.js}

@@ -1,7 +1,7 @@
 import { t as collectDataResult } from "./data-provider-C6ZNAcaT.js";
 import { a as resolveKeyPath } from "./tree-DUc-iQcg.js";
-import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-C5114RxZ.js";
-import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
+import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-Bk4acsCM.js";
+import { t as TickledController } from "./tickled-controller-BsFFr_1N.js";
 import { a as capKeys, l as keysToArray, n as EMPTY_KEYS } from "./pending-Afl4LT64.js";
 import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
 import { t as ViewStateController } from "./view-state-controller-DiPAPiA7.js";

package/dist/{sunbursttree-list-CsrmVSB8.d.ts → sunbursttree-list-CmydFG66.d.ts}

@@ -1,8 +1,8 @@
-import { C as TreeItemDblClickEvent, E as TreeSearchHost, M as TreeDataModel, a as TreeComponent, i as TreeCollapseEvent, j as TreeTickleEvent, k as TreeSelectEvent, n as TreeActivateEvent, o as TreeComponentEventMap, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-DNuzfo6R.js";
+import { C as TreeItemDblClickEvent, E as TreeSearchHost, M as TreeDataModel, a as TreeComponent, i as TreeCollapseEvent, j as TreeTickleEvent, k as TreeSelectEvent, n as TreeActivateEvent, o as TreeComponentEventMap, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-BE7OEIiH.js";
 import { a as TreeItem, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-6hpXRKt7.js";
 import { a as ViewStateBase, t as GetViewStateOptions } from "./types-16GC5k1z.js";
 import "./index-Cdcek1Oj.js";
-import { S as ListSearchController } from "./index-CRLTVAyt.js";
+import { S as ListSearchController } from "./index-BuvySJEc.js";
 import { LitElement, PropertyValues } from "lit";
 import { CommandRegistry } from "@clinth/ui-commands";
 /**

package/dist/{tickled-controller-BVhGKzjZ.js → tickled-controller-BsFFr_1N.js}

@@ -185,7 +185,7 @@ var TickledController = class TickledController {
 		const modeChanged = this._inputMode !== `keyboard`;
 		this._inputMode = `keyboard`;
 		TickledController.ignoreHoverUntilPointerMoves();
-		const enabledItems = this.config.getItems().filter((item) => item.enabled !== false);
+		const enabledItems = this.config.getItems().filter((item) => item.enabled !== false && item.focusable !== false);
 		if (enabledItems.length === 0) return;
 		let newId;
 		if (direction === `first`) newId = enabledItems[0].id;

package/dist/{tickled-controller-DSPoG551.d.ts → tickled-controller-Dz0UqwlQ.d.ts}

@@ -11,6 +11,11 @@ type TickledItem<T = unknown> = {
    * Whether the item is currently enabled/interactive
    */
   readonly enabled?: boolean;
+  /**
+   * `false`: hover may still tickle the item, but keyboard cursor movement
+   * skips it. Independent of `enabled` (which blocks both).
+   */
+  readonly focusable?: boolean;
 };
 /**
  * Input mode determines which mechanism controls the tickled state

package/dist/{tree-BP5fxvEX.js → tree-C3rgEEmm.js}

@@ -1,13 +1,13 @@
-import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
+import { t as TickledController } from "./tickled-controller-BsFFr_1N.js";
 import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-pnieYweS.js";
 import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-Dxs8sFX8.js";
-import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-C5114RxZ.js";
-import { i as animateListItemOut, o as prefersReducedMotion, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-ByftBooJ.js";
+import { i as ListSearchController, n as listSearchStyles, o as registerListSearchCommands, r as LIST_SEARCH_MODES, t as createTreeListSearchAdapter } from "./incr-search-Bk4acsCM.js";
+import { i as animateListItemOut, o as prefersReducedMotion, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-B_INa6_G.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-Afl4LT64.js";
 import { i as sameKeySet, r as isPartialKey, t as PARTIAL_DESCRIPTION } from "./partial-keys-D4l_ede_.js";
 import { n as createScrollHoverGuard } from "./scroll-hover-guard-BGAjtyXT.js";
-import "./interaction-8Kbbf6xN.js";
+import "./interaction-DNuFnTm0.js";
 import { t as collectDataResult } from "./data-provider-C6ZNAcaT.js";
 import { n as anchorFromRow, o as scrollToOffset, t as ViewStateController } from "./view-state-controller-DiPAPiA7.js";
 import { i as reconcileSelection, r as reconcileExpansion } from "./tree-DUc-iQcg.js";

package/dist/{tree-component-DNuzfo6R.d.ts → tree-component-BE7OEIiH.d.ts}

@@ -42,6 +42,12 @@ interface ListDragPreview {
   readonly canvas?: HTMLCanvasElement;
   readonly dispose?: () => void;
 }
+/**
+ * Writes an application payload onto the drag's `DataTransfer` at `dragstart`.
+ * Every list component exposes this as a public `writeDataTransfer` property;
+ * `ListNativeDragController` invokes it after any built-in payload writer.
+ */
+type ListDragDataTransferWriter<T> = (dataTransfer: DataTransfer, detail: ListNativeDragStartDetail<T>) => void;
 type ListDragPreviewRenderer<T> = (context: ListDragPreviewContext<T>) => ListDragPreview;
 type ListDragPreviewSourceResolver<T> = (entry: ListDragEntry<T>) => CanvasImageSource | undefined;
 interface ListNativeDragStartDetail<T = unknown> {
@@ -435,4 +441,4 @@ interface TreeSearchHost extends TreeComponent {
   readonly shadowRoot: ShadowRoot | null;
   readonly updateComplete: Promise<boolean>;
 }
-export { TreeTickleDetail as A, ListNativeDragStartDetail as B, TreeItemDblClickEvent as C, TreeSelectAllOptions as D, TreeSearchHost as E, ListDragPreview as F, ListDragPreviewContext as I, ListDragPreviewRenderer as L, TreeDataModel as M, TreeDataModelOptions as N, TreeSelectDetail as O, ListDragEntry as P, ListDragPreviewSourceResolver as R, TreeItemDblClickDetail as S, TreeRevealMode as T, ListNativeDragStartEvent as V, TreeDropTarget as _, TreeComponent as a, TreeItemClickDetail as b, TreeDragContext as c, TreeDragStartEvent as d, TreeDropApplyContext as f, TreeDropPosition as g, TreeDropEvent as h, TreeCollapseEvent as i, TreeTickleEvent as j, TreeSelectEvent as k, TreeDragEndEvent as l, TreeDropDetail as m, TreeActivateEvent as n, TreeComponentEventMap as o, TreeDropContext as p, TreeCollapseDetail as r, TreeDndMode as s, TreeActivateDetail as t, TreeDragOverEvent as u, TreeExpandDetail as v, TreeNavigateOptions as w, TreeItemClickEvent as x, TreeExpandEvent as y, ListDragSource as z };
+export { TreeTickleDetail as A, ListDragSource as B, TreeItemDblClickEvent as C, TreeSelectAllOptions as D, TreeSearchHost as E, ListDragEntry as F, ListNativeDragStartEvent as H, ListDragPreview as I, ListDragPreviewContext as L, TreeDataModel as M, TreeDataModelOptions as N, TreeSelectDetail as O, ListDragDataTransferWriter as P, ListDragPreviewRenderer as R, TreeItemDblClickDetail as S, TreeRevealMode as T, ListNativeDragStartDetail as V, TreeDropTarget as _, TreeComponent as a, TreeItemClickDetail as b, TreeDragContext as c, TreeDragStartEvent as d, TreeDropApplyContext as f, TreeDropPosition as g, TreeDropEvent as h, TreeCollapseEvent as i, TreeTickleEvent as j, TreeSelectEvent as k, TreeDragEndEvent as l, TreeDropDetail as m, TreeActivateEvent as n, TreeComponentEventMap as o, TreeDropContext as p, TreeCollapseDetail as r, TreeDndMode as s, TreeActivateDetail as t, TreeDragOverEvent as u, TreeExpandDetail as v, TreeNavigateOptions as w, TreeItemClickEvent as x, TreeExpandEvent as y, ListDragPreviewSourceResolver as z };

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-DNuzfo6R.js";
+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-BE7OEIiH.js";
 import { a as TreeItem, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-6hpXRKt7.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-88ra6YHP.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-BIv_Hu7C.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 +1 @@
-export { r as TreeBaseElement, t as TreeController, a as TreeDataModel, i as TreeDropController, n as TreeListElement } from "./tree-BP5fxvEX.js";
+export { r as TreeBaseElement, t as TreeController, a as TreeDataModel, i as TreeDropController, n as TreeListElement } from "./tree-C3rgEEmm.js";

package/dist/{vertical-list-B9z1lbjM.js → vertical-list-By-yuhkw.js}

@@ -1,9 +1,9 @@
 import { n as appearanceColor, t as appearanceAbsent } from "./item-appearance-FRO3TRFI.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-C5114RxZ.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-Bk4acsCM.js";
+import { d as ItemTagResolver, g as sameTagKeys, i as animateListItemOut, r as animateListItemIn, t as ListNativeDragController, u as DEFAULT_ITEM_TAG_FLAGS, y as tagsAttribute } from "./list-native-drag-controller-B_INa6_G.js";
 import { i as ListDragSelectController, n as gestureOf, t as ListSelectionController } from "./list-selection-controller-Dkh3m3hX.js";
-import { i as animateListItemOut, r as animateListItemIn, t as ListNativeDragController } from "./list-native-drag-controller-ByftBooJ.js";
 import { i as sameKeySet, n as applyPartialAttributes, r as isPartialKey } from "./partial-keys-D4l_ede_.js";
-import { t as TickledController } from "./tickled-controller-BVhGKzjZ.js";
+import { t as TickledController } from "./tickled-controller-BsFFr_1N.js";
 import { l as keysToArray } from "./pending-Afl4LT64.js";
 import { t as themeFallbacks } from "./fallbacks-BPjjBoED.js";
 import { t as scrollFadeStyles } from "./scroll-fade-DH8OXSqL.js";
@@ -168,7 +168,8 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 		this.tickled = ((self) => new TickledController(self, {
 			getItems: () => self.#selectionOrder().map((el) => ({
 				id: el,
-				enabled: !el.hasAttribute(`not-checked`)
+				enabled: !el.hasAttribute(`not-checked`) && self.#flagsOf(el).selectable,
+				focusable: self.#flagsOf(el).focusable
 			})),
 			onTickle: (id) => {
 				if (self.tickled.inputMode === `keyboard`) {
@@ -244,10 +245,13 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 			itemSelector: ITEM_SELECTOR,
 			getLabel: (el) => el.getAttribute(`data-search-label`) ?? el.textContent?.trim() ?? ``,
 			highlightKey: `vertical-list-search`,
+			isSearchable: (el) => this.#flagsOf(el).searchable,
 			getAllItems: () => this.#selectionOrder(),
 			observeContainer: false
 		}) });
 		this.#partialKeys = /* @__PURE__ */ new Set();
+		this.#tagResolver = new ItemTagResolver();
+		this.#taggedEls = /* @__PURE__ */ new Set();
 		this.#onScroll = () => {
 			if (!this.#viewState.pendingScroll) this.#viewState.notify();
 			if (this.#scrollRaf !== 0) return;
@@ -445,7 +449,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 	#nativeDrag;
 	#prepareNativeDrag(originKey) {
 		const originEl = this.#itemForKey(originKey);
-		if (!originEl || !this._isCheckable(originEl)) return void 0;
+		if (!originEl || !this._isCheckable(originEl) || !this.#flagsOf(originEl).draggable) return void 0;
 		if (!this.selection.selected.has(originEl)) this.selection.replace(originEl);
 		const ordered = this.#selectionOrder();
 		const selected = [];
@@ -470,7 +474,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 		if (!this.isConnected) return;
 		for (const el of this.querySelectorAll(ITEM_SELECTOR)) {
 			if (this.#wrappedElements.has(el)) continue;
-			if (el instanceof HTMLElement) el.draggable = this.itemsDraggable && this._isCheckable(el);
+			if (el instanceof HTMLElement) el.draggable = this.itemsDraggable && this._isCheckable(el) && this.#flagsOf(el).draggable;
 		}
 	}
 	#startPostDragSuppressTimer() {
@@ -777,6 +781,54 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 		return this.selection.selectedKeys;
 	}
 	#partialKeys;
+	#tagResolver;
+	#taggedEls;
+	/**
+	* Tags assigned by key, apart from the item data (like {@link partialKeys}):
+	* tag name → keys carrying it. Each tag is mirrored on the row as `data-tags`
+	* (`li[data-tags~="foo"]`); `tagBehaviour` can switch off selection, focus,
+	* drag or search per tag.
+	*/
+	get tagKeys() {
+		return this.#tagResolver.tagKeys;
+	}
+	set tagKeys(value) {
+		if (sameTagKeys(value, this.#tagResolver.tagKeys)) return;
+		this.#tagResolver.tagKeys = value;
+		this.refreshTags();
+	}
+	/**
+	* Interaction flags per tag name: `selectable`, `focusable`, `draggable`,
+	* `searchable` (`false` switches one off; omitted keeps the default). With
+	* several tags the most restrictive wins. Rows stay rendered.
+	*/
+	get tagBehaviour() {
+		return this.#tagResolver.behaviour;
+	}
+	set tagBehaviour(value) {
+		if (value === this.#tagResolver.behaviour) return;
+		this.#tagResolver.behaviour = value;
+		this.refreshTags();
+	}
+	/** Re-apply `data-tags` to the rows and refresh drag state. Called automatically on change and after each update. */
+	refreshTags() {
+		if (!this.isConnected) return;
+		if (this.#tagResolver.tagKeys === void 0 && this.#taggedEls.size === 0) return;
+		const next = /* @__PURE__ */ new Set();
+		for (const el of /* @__PURE__ */ new Set([...this.#allItems, ...this.querySelectorAll(ITEM_SELECTOR)])) {
+			const value = tagsAttribute(this.#tagResolver.tagsFor(keyForElement(el) ?? void 0));
+			if (value === void 0) continue;
+			if (el.getAttribute(`data-tags`) !== value) el.setAttribute(`data-tags`, value);
+			next.add(el);
+		}
+		for (const el of this.#taggedEls) if (!next.has(el)) el.removeAttribute(`data-tags`);
+		this.#taggedEls = next;
+		this._syncNativeDraggable();
+	}
+	#flagsOf(el) {
+		if (this.#tagResolver.tagKeys === void 0) return DEFAULT_ITEM_TAG_FLAGS;
+		return this.#tagResolver.flagsForItem(keyForElement(el) ?? void 0);
+	}
 	/**
 	* Rows shown as *partially* selected (a part of the resource is selected):
 	* `data-partial`, an indeterminate checkbox in `checked` mode, and an
@@ -1108,6 +1160,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 		this.#rekeySelection(previous, anchorKey, this.querySelectorAll(ITEM_SELECTOR));
 		if (this.interactionMode === `checked`) this._syncCheckboxes();
 		this._syncItemStates();
+		this.refreshTags();
 		this._syncNativeDraggable();
 		this.#nativeDrag.refreshDraggable();
 		this.#reconcileViewState();
@@ -1479,6 +1532,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 		});
 	}
 	_isCheckable(item) {
+		if (!this.#flagsOf(item).selectable) return false;
 		if (this.interactionMode !== `checked`) return true;
 		return !(this.#customWrappers.get(item) ?? item).hasAttribute(`not-checked`);
 	}
@@ -1995,6 +2049,7 @@ __decorate([property({
 	reflect: true
 })], VerticalListElement.prototype, "itemsDraggable", void 0);
 __decorate([property({ attribute: false })], VerticalListElement.prototype, "dragPreviewRenderer", void 0);
+__decorate([property({ attribute: false })], VerticalListElement.prototype, "writeDataTransfer", void 0);
 __decorate([property({ attribute: false })], VerticalListElement.prototype, "dragPreviewSource", void 0);
 __decorate([property({ attribute: false })], VerticalListElement.prototype, "items", void 0);
 __decorate([property({