@ixfx/components 0.5.7 → 0.5.9

package/dist/index.js

@@ -1,6 +1,7 @@
 import { n as buildHighlightTargets, r as clearHighlights, t as applyHighlights } from "./highlight-B-eQrhhb.js";
 import { n as tickledStyles, r as TickledController, t as tickledItemStyles } from "./tickled-styles-fNDdqf6l.js";
 import { t as themeFallbacks } from "./fallbacks-pNMOMx38.js";
+import { t as popupSurfaceStyles } from "./popup-D80sj2QC.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import { a as svgToDataUri, i as registerIcon, n as hasIcon, r as iconBus, t as getIcon } from "./registry-CkW7q09Q.js";
 import { t as IxfxIconElement } from "./icon-B22XVlCt.js";
@@ -9,14 +10,13 @@ import { a as createFuzzySearch, i as createAcCompletionProvider, n as IncrSearc
 import { i as ICON_CLOSE, n as ICON_CHECK, r as ICON_CHEVRON_DOWN, t as ICON_CARET_RIGHT } from "./defaults-DcE8RQJc.js";
 import "./icons.js";
 import { t as prominenceStyles } from "./prominence-DlFShic3.js";
-import { n as buttonStyles, t as ButtonElement } from "./button-CU8eLcxB.js";
-import { t as popupSurfaceStyles } from "./popup-D80sj2QC.js";
-import "./menu-item-BttvL89f.js";
+import { n as buttonStyles, t as ButtonElement } from "./button-dwmqCXHM.js";
+import "./menu-item-BBTZnjAR.js";
 import { Checkbox } from "./checkbox.js";
-import { n as ColourPicker, t as ColourPickerPopup } from "./colour-picker-Bb795sjX.js";
+import { n as ColourPicker, t as ColourPickerPopup } from "./colour-picker-DGso9ZOp.js";
 import { LabelledRangeInput } from "./labelled-range-input.js";
 import { t as collectDataResult } from "./data-provider-35TyWclX.js";
-import { i as TreeDataModel, n as TreeListElement, r as TreeBaseElement, t as TreeController } from "./tree-BnvzhsAw.js";
+import { i as TreeDataModel, n as TreeListElement, r as TreeBaseElement, t as TreeController } from "./tree-CL-txefQ.js";
 import { NarrowedTextElement } from "./narrowed-text.js";
 import { CrumbNavigationElement } from "./crumbs.js";
 import { DataDisplayComponent } from "./data-display.js";
@@ -28,7 +28,7 @@ import { t as IxfxHexEditorElement } from "./hex-editor-Bk6rxhfg.js";
 import { t as RadialInputElement } from "./radial-input-DxCrt_NE.js";
 import { LabelledRadialInput } from "./labelled-radial-input.js";
 import { LedElement } from "./led.js";
-import { t as menu_exports } from "./menu-BYyeCAF7.js";
+import { t as menu_exports } from "./menu-nuOIUD9K.js";
 import { MillerBaseElement, MillerListElement, MillerTreeController } from "./miller.js";
 import { a as TooltipElement, c as computeColour, i as PlotMultiAxis, l as parseColourScaleAttr, n as PlotSingleAxis, o as PlotDataSeries, r as PlotHistogram, s as applyAgeModification, t as PlotXyAxis, u as readBaseColour } from "./xy-axis-CxHC8z5E.js";
 import { PolarPad } from "./polar-pad.js";
@@ -3331,6 +3331,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 		this._searchVisible = false;
 		this._searchQuery = ``;
 		this.#customWrappers = /* @__PURE__ */ new Map();
+		this.#wrappedElements = /* @__PURE__ */ new Set();
 		this.tickled = new TickledController(this, {
 			getItems: () => this._getVisibleItems().map((el) => ({
 				id: el,
@@ -3439,6 +3440,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 	#search;
 	#selectionAnchor;
 	#customWrappers;
+	#wrappedElements;
 	connectedCallback() {
 		super.connectedCallback();
 		if (!this.hasAttribute(`tabindex`)) this.tabIndex = 0;
@@ -3565,6 +3567,20 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 	selectAll() {
 		if ((this.selectionMode === `multiple` || isMultiMode(this.interactionMode)) && this.selectionMode !== `none`) this._selectAll();
 	}
+	*selectedFilter(kind) {
+		const wanted = (el) => {
+			switch (kind) {
+				case `selected`: return el.hasAttribute(`data-selected`);
+				case `checked`: return el.hasAttribute(`data-checked`);
+				case `either`: return el.hasAttribute(`data-selected`) || el.hasAttribute(`data-checked`);
+			}
+		};
+		for (const el of this.querySelectorAll(ITEM_SELECTOR)) {
+			if (this.#wrappedElements.has(el)) continue;
+			if (el.hidden) continue;
+			if (wanted(el)) yield el;
+		}
+	}
 	_replaceSelection(item) {
 		if (this.selectionMode === `none`) return;
 		if (!this._isCheckable(item)) return;
@@ -3670,6 +3686,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 	}
 	_getVisibleItems() {
 		return Array.from(this.querySelectorAll(ITEM_SELECTOR)).filter((el) => {
+			if (this.#wrappedElements.has(el)) return false;
 			if (el.hidden) return false;
 			if (this.filterPredicate && !this.filterPredicate(el)) return false;
 			return true;
@@ -3681,6 +3698,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 	}
 	_syncItemStates() {
 		for (const el of this.querySelectorAll(ITEM_SELECTOR)) {
+			if (this.#wrappedElements.has(el)) continue;
 			const item = this.#customWrappers.get(el) ?? el;
 			el.toggleAttribute(`data-tickled`, this.tickled.isTickled(el));
 			el.toggleAttribute(`data-selected`, this._selectedItems.has(el));
@@ -3703,9 +3721,10 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 			if (key !== null) wrapper.setAttribute(`data-key`, key);
 			if (label !== null) wrapper.setAttribute(`data-search-label`, label);
 			inner.removeAttribute(`data-list-item`);
-			this.insertBefore(wrapper, inner);
 			wrapper.appendChild(inner);
+			this.replaceChild(wrapper, inner);
 			this.#customWrappers.set(wrapper, inner);
+			this.#wrappedElements.add(inner);
 		}
 		else {
 			for (const [wrapper, inner] of this.#customWrappers) {
@@ -3715,6 +3734,7 @@ let VerticalListElement = class VerticalListElement extends LitElement {
 				wrapper.remove();
 			}
 			this.#customWrappers.clear();
+			this.#wrappedElements.clear();
 		}
 		for (const el of this.querySelectorAll(`li`)) {
 			const existing = el.querySelector(`.ixfx-list-checkbox`);