@keenmate/svelte-treeview 5.0.0-rc05 → 5.0.0-rc07

package/CHANGELOG.md

@@ -7,10 +7,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-## [5.0.0-rc05] - 2026-03-30
+## [5.0.0-rc07] - 2026-05-23
+
+### Added
+- **`isSelectedMember` prop**: Data field name that seeds `node.isSelected` at `insertArray` time. The controller walks the tree after insert and pre-populates the bindable `selectedPaths` Set with every path where the field is truthy — independent of `isSelectableMember`, so non-selectable nodes can still ship checked.
+- **`isSelectableMember` prop now publicly wired**: Previously declared on the core types but not exposed through `Tree.svelte`'s prop/update interface. Now end-to-end usable. Controls whether a node renders a checkbox and carries the `ltree-clickable` class.
+
+### Fixed
+- **Filter race with async indexing**: A `bind:searchText` change that landed while the FlexSearch index was still being built (via `requestIdleCallback` batches) saw an empty index, hid the entire tree, and never recovered — no mechanism re-applied the filter once indexing completed. `filterNodes` now remembers the active query and the indexer's `onComplete` callback re-runs it, so the visible filter catches up automatically regardless of `indexerBatchSize`, dataset size, or how fast the user types.
+
+## [5.0.0-rc06] - 2026-03-31
 
 ### Added
-- **`clickBehavior` prop** (`'select'` | `'expand'` | `'expand-and-focus'`, default `'expand-and-focus'`): Controls what happens on node click. `'expand-and-focus'` selects and expands (previous default). `'select'` selects on single click, expands on double-click. `'expand'` expands only without selecting. Replaces the boolean `shouldToggleOnNodeClick` prop. Matches canvas package's `ClickBehavior` type.
 - **`showCheckboxes` prop**: Renders a checkbox before each selectable node with custom styling and indeterminate support.
 - **`checkboxMode` prop** (`'independent'` | `'cascade'`): Controls whether checking a parent cascades to all descendants. Indeterminate state shown when partial.
 - **`beforeCheckboxToggleCallback` interceptor**: Cancel or override checkbox toggles.
@@ -27,7 +35,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - **Svelte proxy equality warning on checkbox toggle**: `_setFocusedNode` now compares by path instead of object identity to avoid `state_proxy_equality_mismatch`.
 
 ### Breaking
-- **`shouldToggleOnNodeClick` removed**: Replace `shouldToggleOnNodeClick={true}` with `clickBehavior="expand-and-focus"` (default) and `shouldToggleOnNodeClick={false}` with `clickBehavior="select"`.
 - **`selectedNode` → `focusedNode`**: Renamed prop and bindable. The single focused node (last clicked / arrow-keyed to).
 - **`selectedPaths` repurposed**: Now represents checkbox-only data state. For click/highlight multi-select, use `highlightedPaths`.
 - **`highlightedPaths` (new)**: Replaces old `selectedPaths` for Ctrl+click / Shift+click UI highlight.
@@ -36,6 +43,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - **`onSelectionChange` repurposed**: Now fires on checkbox selection changes only. Use `onHighlightChange` for highlight changes.
 - **`selectNode()` / `selectNodes()` deprecated**: Use `highlightNode()` / `highlightNodes()` instead.
 
+## [5.0.0-rc05] - 2026-03-26
+
+### Added
+- **`clickBehavior` prop** (`'select'` | `'expand'` | `'expand-and-focus'`, default `'expand-and-focus'`): Controls what happens on node click. Replaces the boolean `shouldToggleOnNodeClick` prop. Matches canvas package's `ClickBehavior` type.
+
+### Breaking
+- **`shouldToggleOnNodeClick` removed**: Replace `shouldToggleOnNodeClick={true}` with `clickBehavior="expand-and-focus"` (default) and `shouldToggleOnNodeClick={false}` with `clickBehavior="select"`.
+
 ## [5.0.0-rc04] - 2026-03-12
 
 ### Added

package/README.md

@@ -6,7 +6,13 @@ A high-performance, feature-rich hierarchical tree view component for Svelte 5 w
 
 Browse interactive code examples and the full API reference at **[svelte-treeview.keenmate.dev](https://svelte-treeview.keenmate.dev)**
 
-## What's New in v5.0.0-rc05
+## What's New in v5.0.0-rc07
+
+- **`isSelectedMember` prop**: Seed `selectedPaths` directly from your data — point the prop at a boolean field and every node where it's truthy lands pre-checked after `insertArray`.
+- **`isSelectableMember` fully wired through `Tree`**: The prop was already on the core types but wasn't reachable via the component. Now end-to-end usable to control checkbox rendering and clickability per node.
+- **Fix: filter race during async indexing**: `bind:searchText` no longer hides the entire tree if the FlexSearch index is still being built when the filter is applied. The filter now re-applies itself automatically once indexing completes, regardless of `indexerBatchSize` or dataset size.
+
+## What's New in v5.0.0-rc06
 
 - **Three-level selection**: `focusedNode` (click/arrows), `highlightedPaths` (Ctrl/Shift+click), `selectedPaths` (checkbox data state). Highlight and checkbox are independent — build a selection, then check/uncheck all at once.
 - **`clickBehavior` prop**: `'select'` | `'expand'` | `'expand-and-focus'` (default). Replaces `shouldToggleOnNodeClick`.

package/dist/components/Tree.svelte

@@ -31,6 +31,7 @@
 		parentPathMember?: string | null | undefined;
 		levelMember?: string | null | undefined;
 		isExpandedMember?: string | null | undefined;
+		isSelectableMember?: string | null | undefined;
 		isSelectedMember?: string | null | undefined;
 		isDraggableMember?: string | null | undefined;
 		getIsDraggableCallback?: (node: LTreeNode<T>) => boolean;
@@ -184,6 +185,7 @@
 		hasChildrenMember,
 
 		isExpandedMember,
+		isSelectableMember,
 		isSelectedMember,
 		isDraggableMember,
 		getIsDraggableCallback,
@@ -304,6 +306,7 @@
 		levelMember,
 		hasChildrenMember,
 		isExpandedMember,
+		isSelectableMember,
 		isSelectedMember,
 		isDraggableMember,
 		getIsDraggableCallback,
@@ -656,6 +659,7 @@
 				| "levelMember"
 				| "hasChildrenMember"
 				| "isExpandedMember"
+				| "isSelectableMember"
 				| "isSelectedMember"
 				| "isDraggableMember"
 				| "getIsDraggableCallback"
@@ -728,6 +732,7 @@
 		if (updates.levelMember !== undefined) levelMember = updates.levelMember;
 		if (updates.hasChildrenMember !== undefined) hasChildrenMember = updates.hasChildrenMember;
 		if (updates.isExpandedMember !== undefined) isExpandedMember = updates.isExpandedMember;
+		if (updates.isSelectableMember !== undefined) isSelectableMember = updates.isSelectableMember;
 		if (updates.isSelectedMember !== undefined) isSelectedMember = updates.isSelectedMember;
 		if (updates.isDraggableMember !== undefined) isDraggableMember = updates.isDraggableMember;
 		if (updates.getIsDraggableCallback !== undefined) getIsDraggableCallback = updates.getIsDraggableCallback;

package/dist/components/Tree.svelte.d.ts

@@ -11,6 +11,7 @@ declare function $$render<T>(): {
         parentPathMember?: string | null | undefined;
         levelMember?: string | null | undefined;
         isExpandedMember?: string | null | undefined;
+        isSelectableMember?: string | null | undefined;
         isSelectedMember?: string | null | undefined;
         isDraggableMember?: string | null | undefined;
         getIsDraggableCallback?: (node: LTreeNode<T>) => boolean;
@@ -195,6 +196,7 @@ declare function $$render<T>(): {
             parentPathMember?: string | null | undefined;
             levelMember?: string | null | undefined;
             isExpandedMember?: string | null | undefined;
+            isSelectableMember?: string | null | undefined;
             isSelectedMember?: string | null | undefined;
             isDraggableMember?: string | null | undefined;
             getIsDraggableCallback?: (node: LTreeNode<T>) => boolean;
@@ -315,7 +317,7 @@ declare function $$render<T>(): {
             onTreeKeydown?: (event: KeyboardEvent, controller: TreeController<T>) => boolean | void;
             /** Override individual navigation methods (e.g. for custom ArrowDown/Up behavior) */
             navigationOverrides?: TreeNavigationOverrides<T>;
-        }, "treeId" | "treePathSeparator" | "idMember" | "pathMember" | "parentPathMember" | "levelMember" | "hasChildrenMember" | "isExpandedMember" | "isSelectedMember" | "isDraggableMember" | "getIsDraggableCallback" | "isDropAllowedMember" | "displayValueMember" | "getDisplayValueCallback" | "searchValueMember" | "getSearchValueCallback" | "isCollapsibleMember" | "getIsCollapsibleCallback" | "orderMember" | "isSorted" | "sortCallback" | "data" | "focusedNode" | "highlightedPaths" | "selectedPaths" | "expandLevel" | "clickBehavior" | "showCheckboxes" | "checkboxMode" | "beforeCheckboxToggleCallback" | "rangeSelectionMode" | "shouldUseInternalSearchIndex" | "initializeIndexCallback" | "searchText" | "indexerBatchSize" | "indexerTimeout" | "shouldDisplayDebugInformation" | "shouldDisplayContextMenuInDebugMode" | "onNodeClick" | "onHighlightChange" | "onSelectionChange" | "onNodeDragStart" | "onNodeDragOver" | "onNodeDrop" | "beforeDropCallback" | "beforeCopyCallback" | "beforeCutCallback" | "beforePasteCallback" | "getContextMenuItemsCallback" | "virtualScroll" | "virtualRowHeight" | "virtualOverscan" | "virtualContainerHeight" | "dragDropMode" | "dropZoneMode" | "bodyClass" | "expandIconClass" | "collapseIconClass" | "leafIconClass" | "toggleIconMode" | "highlightedNodeClass" | "focusedNodeClass" | "dragOverNodeClass" | "scrollHighlightTimeout" | "scrollHighlightClass" | "contextMenuXOffset" | "contextMenuYOffset" | "accordionExpand">>) => void;
+        }, "treeId" | "treePathSeparator" | "idMember" | "pathMember" | "parentPathMember" | "levelMember" | "hasChildrenMember" | "isExpandedMember" | "isSelectableMember" | "isSelectedMember" | "isDraggableMember" | "getIsDraggableCallback" | "isDropAllowedMember" | "displayValueMember" | "getDisplayValueCallback" | "searchValueMember" | "getSearchValueCallback" | "isCollapsibleMember" | "getIsCollapsibleCallback" | "orderMember" | "isSorted" | "sortCallback" | "data" | "focusedNode" | "highlightedPaths" | "selectedPaths" | "expandLevel" | "clickBehavior" | "showCheckboxes" | "checkboxMode" | "beforeCheckboxToggleCallback" | "rangeSelectionMode" | "shouldUseInternalSearchIndex" | "initializeIndexCallback" | "searchText" | "indexerBatchSize" | "indexerTimeout" | "shouldDisplayDebugInformation" | "shouldDisplayContextMenuInDebugMode" | "onNodeClick" | "onHighlightChange" | "onSelectionChange" | "onNodeDragStart" | "onNodeDragOver" | "onNodeDrop" | "beforeDropCallback" | "beforeCopyCallback" | "beforeCutCallback" | "beforePasteCallback" | "getContextMenuItemsCallback" | "virtualScroll" | "virtualRowHeight" | "virtualOverscan" | "virtualContainerHeight" | "dragDropMode" | "dropZoneMode" | "bodyClass" | "expandIconClass" | "collapseIconClass" | "leafIconClass" | "toggleIconMode" | "highlightedNodeClass" | "focusedNodeClass" | "dragOverNodeClass" | "scrollHighlightTimeout" | "scrollHighlightClass" | "contextMenuXOffset" | "contextMenuYOffset" | "accordionExpand">>) => void;
     };
     bindings: "data" | "focusedNode" | "highlightedPaths" | "selectedPaths" | "searchText" | "insertResult" | "isRendering";
     slots: {};
@@ -389,6 +391,7 @@ declare class __sveltets_Render<T> {
             parentPathMember?: string | null | undefined;
             levelMember?: string | null | undefined;
             isExpandedMember?: string | null | undefined;
+            isSelectableMember?: string | null | undefined;
             isSelectedMember?: string | null | undefined;
             isDraggableMember?: string | null | undefined;
             getIsDraggableCallback?: ((node: LTreeNode<T>) => boolean) | undefined;
@@ -509,7 +512,7 @@ declare class __sveltets_Render<T> {
             onTreeKeydown?: ((event: KeyboardEvent, controller: TreeController<T>) => boolean | void) | undefined;
             /** Override individual navigation methods (e.g. for custom ArrowDown/Up behavior) */
             navigationOverrides?: Partial<import("../core/navigation.js").TreeNavigation<T>> | undefined;
-        }, "treeId" | "data" | "treePathSeparator" | "idMember" | "pathMember" | "parentPathMember" | "levelMember" | "hasChildrenMember" | "isExpandedMember" | "displayValueMember" | "getDisplayValueCallback" | "searchValueMember" | "getSearchValueCallback" | "orderMember" | "isSorted" | "sortCallback" | "isDraggableMember" | "getIsDraggableCallback" | "isDropAllowedMember" | "isCollapsibleMember" | "getIsCollapsibleCallback" | "shouldDisplayDebugInformation" | "onNodeDrop" | "beforeDropCallback" | "beforeCopyCallback" | "beforeCutCallback" | "beforePasteCallback" | "beforeCheckboxToggleCallback" | "getContextMenuItemsCallback" | "isSelectedMember" | "focusedNode" | "highlightedPaths" | "selectedPaths" | "expandLevel" | "clickBehavior" | "showCheckboxes" | "checkboxMode" | "rangeSelectionMode" | "initializeIndexCallback" | "searchText" | "shouldUseInternalSearchIndex" | "indexerBatchSize" | "indexerTimeout" | "shouldDisplayContextMenuInDebugMode" | "virtualScroll" | "virtualRowHeight" | "virtualOverscan" | "virtualContainerHeight" | "dragDropMode" | "dropZoneMode" | "accordionExpand" | "onNodeClick" | "onNodeDragStart" | "onNodeDragOver" | "onHighlightChange" | "onSelectionChange" | "bodyClass" | "highlightedNodeClass" | "focusedNodeClass" | "dragOverNodeClass" | "expandIconClass" | "collapseIconClass" | "leafIconClass" | "toggleIconMode" | "scrollHighlightTimeout" | "scrollHighlightClass" | "contextMenuXOffset" | "contextMenuYOffset">>) => void;
+        }, "treeId" | "data" | "treePathSeparator" | "idMember" | "pathMember" | "parentPathMember" | "levelMember" | "hasChildrenMember" | "isExpandedMember" | "displayValueMember" | "getDisplayValueCallback" | "searchValueMember" | "getSearchValueCallback" | "orderMember" | "isSorted" | "sortCallback" | "isSelectableMember" | "isSelectedMember" | "isDraggableMember" | "getIsDraggableCallback" | "isDropAllowedMember" | "isCollapsibleMember" | "getIsCollapsibleCallback" | "shouldDisplayDebugInformation" | "onNodeDrop" | "beforeDropCallback" | "beforeCopyCallback" | "beforeCutCallback" | "beforePasteCallback" | "beforeCheckboxToggleCallback" | "getContextMenuItemsCallback" | "focusedNode" | "highlightedPaths" | "selectedPaths" | "expandLevel" | "clickBehavior" | "showCheckboxes" | "checkboxMode" | "rangeSelectionMode" | "initializeIndexCallback" | "searchText" | "shouldUseInternalSearchIndex" | "indexerBatchSize" | "indexerTimeout" | "shouldDisplayContextMenuInDebugMode" | "virtualScroll" | "virtualRowHeight" | "virtualOverscan" | "virtualContainerHeight" | "dragDropMode" | "dropZoneMode" | "accordionExpand" | "onNodeClick" | "onNodeDragStart" | "onNodeDragOver" | "onHighlightChange" | "onSelectionChange" | "bodyClass" | "highlightedNodeClass" | "focusedNodeClass" | "dragOverNodeClass" | "expandIconClass" | "collapseIconClass" | "leafIconClass" | "toggleIconMode" | "scrollHighlightTimeout" | "scrollHighlightClass" | "contextMenuXOffset" | "contextMenuYOffset">>) => void;
     };
 }
 interface $$IsomorphicComponent {

package/dist/constants.generated.d.ts

@@ -1,4 +1,4 @@
-export declare const VERSION = "5.0.0-rc05";
+export declare const VERSION = "5.0.0-rc07";
 export declare const PACKAGE_NAME = "@keenmate/svelte-treeview";
 export declare const AUTHOR = "KeenMate";
 export declare const LICENSE = "MIT";

package/dist/constants.generated.js

@@ -1,6 +1,6 @@
 // Auto-generated file - do not edit manually
 // Generated by scripts/generate-constants.js
-export const VERSION = "5.0.0-rc05";
+export const VERSION = "5.0.0-rc07";
 export const PACKAGE_NAME = "@keenmate/svelte-treeview";
 export const AUTHOR = "KeenMate";
 export const LICENSE = "MIT";

package/dist/core/TreeController.svelte.d.ts

@@ -56,6 +56,7 @@ export interface TreeControllerProps<T> {
     parentPathMember?: string | null | undefined;
     levelMember?: string | null | undefined;
     isExpandedMember?: string | null | undefined;
+    isSelectableMember?: string | null | undefined;
     isSelectedMember?: string | null | undefined;
     isDraggableMember?: string | null | undefined;
     getIsDraggableCallback?: (node: LTreeNode<T>) => boolean;

package/dist/core/TreeController.svelte.js

@@ -249,7 +249,7 @@ export class TreeController {
         this.onRenderCompleteHandler = props.onRenderComplete;
         // ── Create LTree ────────────────────────────────────────────────
         // svelte-ignore non_reactive_update
-        this.tree = createLTree(props.idMember, props.pathMember, props.parentPathMember, props.levelMember, props.hasChildrenMember, props.isExpandedMember, props.isSelectedMember, props.isDraggableMember, props.getIsDraggableCallback, props.isDropAllowedMember, props.allowedDropPositionsMember, props.displayValueMember, props.getDisplayValueCallback, props.searchValueMember, props.getSearchValueCallback, props.getAllowedDropPositionsCallback, props.isCollapsibleMember, props.getIsCollapsibleCallback, props.orderMember, this.treeId, this.treePathSeparator, props.expandLevel, props.shouldUseInternalSearchIndex, props.initializeIndexCallback, props.indexerBatchSize, props.indexerTimeout, {
+        this.tree = createLTree(props.idMember, props.pathMember, props.parentPathMember, props.levelMember, props.hasChildrenMember, props.isExpandedMember, props.isSelectableMember, props.isSelectedMember, props.isDraggableMember, props.getIsDraggableCallback, props.isDropAllowedMember, props.allowedDropPositionsMember, props.displayValueMember, props.getDisplayValueCallback, props.searchValueMember, props.getSearchValueCallback, props.getAllowedDropPositionsCallback, props.isCollapsibleMember, props.getIsCollapsibleCallback, props.orderMember, this.treeId, this.treePathSeparator, props.expandLevel, props.shouldUseInternalSearchIndex, props.initializeIndexCallback, props.indexerBatchSize, props.indexerTimeout, {
             shouldDisplayDebugInformation: props.shouldDisplayDebugInformation,
             isSorted: props.isSorted,
             sortCallback: props.sortCallback
@@ -352,6 +352,19 @@ export class TreeController {
                 this.vsMeasuredRowHeight = null;
                 this.vsDetectedHeight = null;
                 this.insertResult = this.tree.insertArray(this.data);
+                // Seed selectedPaths from node.isSelected flags written by insertArray
+                if (this.tree.isSelectedMember) {
+                    const seeded = new Set();
+                    const walk = (node) => {
+                        if (node.isSelected)
+                            seeded.add(node.path);
+                        for (const key in node.children)
+                            walk(node.children[key]);
+                    };
+                    for (const key in this.tree.root.children)
+                        walk(this.tree.root.children[key]);
+                    this.selectedPaths = seeded;
+                }
             }
         });
         // Progressive rendering for flat mode

package/dist/ltree/ltree-node.svelte.d.ts

@@ -15,15 +15,10 @@ export interface LTreeNode<T> {
     children: Record<string, LTreeNode<T>>;
     hasChildren: boolean;
     data: T | null | undefined;
-    useCallback: boolean;
-    priority: number | null | undefined;
     isDraggable: boolean;
     isCollapsible: boolean;
     isDropAllowed: boolean;
     allowedDropPositions: DropPosition[] | null | undefined;
-    isInsertAllowed: boolean;
-    isNestAllowed: boolean;
-    isCheckboxVisible: boolean | null | undefined;
     visualState: VisualState;
     isExpanded: boolean;
     isFocused: boolean;

package/dist/ltree/ltree-node.svelte.js

@@ -15,15 +15,10 @@ export function createLTreeNode(data) {
         children: {},
         hasChildren: false,
         data: undefined,
-        useCallback: false,
-        priority: undefined,
         isDraggable: true,
         isCollapsible: true,
         isDropAllowed: true,
         allowedDropPositions: undefined,
-        isInsertAllowed: true,
-        isNestAllowed: true,
-        isCheckboxVisible: false,
         visualState: VisualState.notSelected,
         isExpanded: false,
         isFocused: false,

package/dist/ltree/ltree.svelte.d.ts

@@ -1,4 +1,4 @@
 import { Index } from 'flexsearch';
 import { type LTreeNode } from './ltree-node.svelte';
 import type { Ltree } from './types.js';
-export declare function createLTree<T>(_idMember: string, _pathMember: string, _parentPathMember?: string | null | undefined, _levelMember?: string | null | undefined, _hasChildrenMember?: string | null | undefined, _isExpandedMember?: string | null | undefined, _isSelectableMember?: string | null | undefined, _isDraggableMember?: string | null | undefined, _getIsDraggableCallback?: (node: LTreeNode<T>) => boolean, _isDropAllowedMember?: string | null | undefined, _allowedDropPositionsMember?: string | null | undefined, _displayValueMember?: string | null | undefined, _getDisplayValueCallback?: (node: LTreeNode<T>) => string, _searchValueMember?: string | null | undefined, _getSearchValueCallback?: (node: LTreeNode<T>) => string, _getAllowedDropPositionsCallback?: (node: LTreeNode<T>) => import('./types.js').DropPosition[] | null | undefined, _isCollapsibleMember?: string | null | undefined, _getIsCollapsibleCallback?: (node: LTreeNode<T>) => boolean, _orderMember?: string | null | undefined, _treeId?: string, _treePathSeparator?: string | null | undefined, _expandLevel?: number | null | undefined, _shouldUseInternalSearchIndex?: boolean | null | undefined, _initializeIndexCallback?: () => Index, _indexerBatchSize?: number | null | undefined, _indexerTimeout?: number | null | undefined, opts?: Partial<Ltree<T>>): Ltree<T>;
+export declare function createLTree<T>(_idMember: string, _pathMember: string, _parentPathMember?: string | null | undefined, _levelMember?: string | null | undefined, _hasChildrenMember?: string | null | undefined, _isExpandedMember?: string | null | undefined, _isSelectableMember?: string | null | undefined, _isSelectedMember?: string | null | undefined, _isDraggableMember?: string | null | undefined, _getIsDraggableCallback?: (node: LTreeNode<T>) => boolean, _isDropAllowedMember?: string | null | undefined, _allowedDropPositionsMember?: string | null | undefined, _displayValueMember?: string | null | undefined, _getDisplayValueCallback?: (node: LTreeNode<T>) => string, _searchValueMember?: string | null | undefined, _getSearchValueCallback?: (node: LTreeNode<T>) => string, _getAllowedDropPositionsCallback?: (node: LTreeNode<T>) => import('./types.js').DropPosition[] | null | undefined, _isCollapsibleMember?: string | null | undefined, _getIsCollapsibleCallback?: (node: LTreeNode<T>) => boolean, _orderMember?: string | null | undefined, _treeId?: string, _treePathSeparator?: string | null | undefined, _expandLevel?: number | null | undefined, _shouldUseInternalSearchIndex?: boolean | null | undefined, _initializeIndexCallback?: () => Index, _indexerBatchSize?: number | null | undefined, _indexerTimeout?: number | null | undefined, opts?: Partial<Ltree<T>>): Ltree<T>;

package/dist/ltree/ltree.svelte.js

@@ -9,12 +9,13 @@ import { perfStart, perfEnd, perfSummary } from '../perf-logger.js';
 function getField(item, member) {
     return item[member];
 }
-export function createLTree(_idMember, _pathMember, _parentPathMember, _levelMember, _hasChildrenMember, _isExpandedMember, _isSelectableMember, _isDraggableMember, _getIsDraggableCallback, _isDropAllowedMember, _allowedDropPositionsMember, _displayValueMember, _getDisplayValueCallback, _searchValueMember, _getSearchValueCallback, _getAllowedDropPositionsCallback, _isCollapsibleMember, _getIsCollapsibleCallback, _orderMember, _treeId, _treePathSeparator, _expandLevel, _shouldUseInternalSearchIndex, _initializeIndexCallback, _indexerBatchSize, _indexerTimeout, opts) {
+export function createLTree(_idMember, _pathMember, _parentPathMember, _levelMember, _hasChildrenMember, _isExpandedMember, _isSelectableMember, _isSelectedMember, _isDraggableMember, _getIsDraggableCallback, _isDropAllowedMember, _allowedDropPositionsMember, _displayValueMember, _getDisplayValueCallback, _searchValueMember, _getSearchValueCallback, _getAllowedDropPositionsCallback, _isCollapsibleMember, _getIsCollapsibleCallback, _orderMember, _treeId, _treePathSeparator, _expandLevel, _shouldUseInternalSearchIndex, _initializeIndexCallback, _indexerBatchSize, _indexerTimeout, opts) {
     let shouldCalculateParentPath = isEmptyString(_parentPathMember);
     let shouldCalculateLevel = isEmptyString(_levelMember);
     let shouldCalculateHasChildren = isEmptyString(_hasChildrenMember);
     let shouldCalculateIsExpanded = isEmptyString(_isExpandedMember);
     let shouldCalculateIsSelectable = isEmptyString(_isSelectableMember);
+    let shouldCalculateIsSelected = isEmptyString(_isSelectedMember);
     let shouldCalculateIsDraggable = isEmptyString(_isDraggableMember);
     let shouldCalculateIsDropAllowed = isEmptyString(_isDropAllowedMember);
     let shouldCalculateAllowedDropPositions = isEmptyString(_allowedDropPositionsMember);
@@ -31,7 +32,6 @@ export function createLTree(_idMember, _pathMember, _parentPathMember, _levelMem
     if (_shouldUseInternalSearchIndex)
         searchIndex = _initializeIndexCallback ? _initializeIndexCallback() : createSearchIndex();
     let changeTracker = $state(Symbol());
-    let size = 0;
     let nodeCount = 0;
     let maxLevel = 0;
     let flatTreeNodes = [];
@@ -42,6 +42,13 @@ export function createLTree(_idMember, _pathMember, _parentPathMember, _levelMem
     let cachedVisibleFlatNodesTracker = null;
     // Async search indexing infrastructure
     let indexer = null;
+    // Last search text passed to filterNodes. The FlexSearch index is built
+    // asynchronously via the Indexer, so a filter applied while the index is
+    // still warming up returns 0 matches and hides the entire tree. We track
+    // the active query here and re-apply it from the indexer's onComplete
+    // callback so the visible filter eventually reflects the final index.
+    let _lastFilterSearchText = null;
+    let _lastFilterSearchOptions = undefined;
     // Initialize indexer when search index is available
     if (_shouldUseInternalSearchIndex && searchIndex) {
         indexer = new Indexer(_treeId || 'unknown', searchIndex, shouldCalculateSearchValue, _searchValueMember, _getSearchValueCallback, _indexerBatchSize || 25, // batch size with fallback
@@ -62,6 +69,7 @@ export function createLTree(_idMember, _pathMember, _parentPathMember, _levelMem
         levelMember: _levelMember,
         isExpandedMember: _isExpandedMember,
         isSelectableMember: _isSelectableMember,
+        isSelectedMember: _isSelectedMember,
         isDraggableMember: _isDraggableMember,
         getIsDraggableCallback: _getIsDraggableCallback,
         isDropAllowedMember: _isDropAllowedMember,
@@ -104,7 +112,6 @@ export function createLTree(_idMember, _pathMember, _parentPathMember, _levelMem
             const _tracker = changeTracker;
             // Return cached result if changeTracker hasn't changed
             if (_tracker === cachedVisibleFlatNodesTracker && cachedVisibleFlatNodes.length > 0) {
-                // console.log(`[visibleFlatNodes] Cache HIT - returning ${cachedVisibleFlatNodes.length} nodes`);
                 return cachedVisibleFlatNodes;
             }
             const computeStart = performance.now();
@@ -192,6 +199,8 @@ export function createLTree(_idMember, _pathMember, _parentPathMember, _levelMem
                     node.isExpanded = (node.level ?? 0) <= _expandLevel;
                 if (!shouldCalculateIsSelectable)
                     node.isSelectable = getField(row, _isSelectableMember);
+                if (!shouldCalculateIsSelected)
+                    node.isSelected = getField(row, _isSelectedMember);
                 if (!shouldCalculateIsDraggable)
                     node.isDraggable = getField(row, _isDraggableMember);
                 if (!shouldCalculateIsCollapsible)
@@ -270,7 +279,14 @@ export function createLTree(_idMember, _pathMember, _parentPathMember, _levelMem
             if (itemsToIndex.length > 0 && indexer) {
                 indexer.setCallbacks(undefined, // no progress callback for now
                 () => {
-                    // Completion callback - refresh tree when indexing is done
+                    // Completion callback. Re-apply any active filter before
+                    // emitting — a filterNodes() call that landed while indexing
+                    // was still in flight saw an incomplete index, so the visible
+                    // tree may be missing matching paths until we refresh.
+                    if (!isEmptyString(_lastFilterSearchText)) {
+                        // isEmptyString guarantees non-empty string here.
+                        this.filterNodes(_lastFilterSearchText, _lastFilterSearchOptions);
+                    }
                     if (!noEmitChanges) {
                         this._emitTreeChanged();
                     }
@@ -318,6 +334,12 @@ export function createLTree(_idMember, _pathMember, _parentPathMember, _levelMem
             return null;
         },
         filterNodes(_searchText, _searchOptions) {
+            // Remember the active query so the indexer's onComplete callback can
+            // re-apply it once the FlexSearch index has finished warming up —
+            // otherwise a filter typed while indexing is still in flight hides
+            // the entire tree and never recovers.
+            _lastFilterSearchText = _searchText;
+            _lastFilterSearchOptions = _searchOptions;
             if (isEmptyString(_searchText)) {
                 // Clear filter when search is empty
                 filteredRoot.children = {};
@@ -349,7 +371,6 @@ export function createLTree(_idMember, _pathMember, _parentPathMember, _levelMem
             perfStart(`[${_treeId}] createFilteredTree`);
             filteredRoot.children = {};
             filteredTree = null;
-            // isFiltered = false;
             // 1. Expand all target paths to include their parents
             const allRequiredPaths = new Set();
             targetPaths.forEach((path) => {
@@ -467,10 +488,6 @@ export function createLTree(_idMember, _pathMember, _parentPathMember, _levelMem
                 }
                 node = node.children[segment];
             }
-            // Mark as end of path and store data
-            if (node.hasChildren) {
-                size++;
-            }
             node.hasChildren = true;
             node.data = data;
             if (!noEmitChanges) {
@@ -1188,6 +1205,8 @@ export function createLTree(_idMember, _pathMember, _parentPathMember, _levelMem
                     node.isExpanded = (node.level ?? 0) <= _expandLevel;
                 if (!shouldCalculateIsSelectable)
                     node.isSelectable = getField(row, _isSelectableMember);
+                if (!shouldCalculateIsSelected)
+                    node.isSelected = getField(row, _isSelectedMember);
                 if (!shouldCalculateIsDraggable)
                     node.isDraggable = getField(row, _isDraggableMember);
                 if (!shouldCalculateIsCollapsible)

package/dist/ltree/types.d.ts

@@ -1,7 +1,6 @@
 import type { SearchOptions } from 'flexsearch';
 import type { LTreeNode, DropPosition } from './ltree-node.svelte.js';
 export type { LTreeNode, DropPosition } from './ltree-node.svelte.js';
-export type Tuple<T, U> = [T, U];
 export type DragDropMode = 'none' | 'self' | 'cross' | 'both';
 export type ToggleIconMode = 'rotate' | 'swap';
 export type ClickBehavior = 'select' | 'expand' | 'expand-and-focus';
@@ -87,10 +86,10 @@ export interface Ltree<T> {
     orderMember?: string | null | undefined;
     isSorted: boolean | null | undefined;
     sortCallback?: (items: LTreeNode<T>[]) => LTreeNode<T>[];
-    indexingCompleteCallback?: () => void;
     filteredTree: LTreeNode<T>[] | null;
     isFiltered: boolean;
     isSelectableMember: string | null | undefined;
+    isSelectedMember: string | null | undefined;
     isDraggableMember: string | null | undefined;
     getIsDraggableCallback?: (node: LTreeNode<T>) => boolean;
     isDropAllowedMember: string | null | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@keenmate/svelte-treeview",
-	"version": "5.0.0-rc05",
+	"version": "5.0.0-rc07",
 	"scripts": {
 		"dev": "vite dev --port 17777",
 		"build": "vite build && npm run prepack",
@@ -13,6 +13,10 @@
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"test": "vitest",
 		"test:run": "vitest run",
+		"test:e2e": "playwright test",
+		"test:e2e:ui": "playwright test --ui",
+		"test:e2e:headed": "playwright test --headed",
+		"test:e2e:install": "playwright install chromium",
 		"format": "prettier --write .",
 		"lint": "prettier --check . && eslint ."
 	},
@@ -45,6 +49,7 @@
 	"devDependencies": {
 		"@eslint/compat": "^1.2.5",
 		"@eslint/js": "^9.18.0",
+		"@playwright/test": "^1.59.1",
 		"@sveltejs/adapter-auto": "^6.0.0",
 		"@sveltejs/adapter-static": "^3.0.0",
 		"@sveltejs/kit": "^2.22.0",