@keenmate/svelte-treeview 4.8.0 → 5.0.0-rc02

package/dist/core/createTreeController.d.ts

@@ -0,0 +1,9 @@
+import { TreeController, type TreeControllerProps } from './TreeController.svelte.js';
+/**
+ * Factory function that creates a TreeController instance.
+ *
+ * IMPORTANT: Must be called during component initialization (inside a
+ * component's `<script>` block) so that the controller's internal `$effect()`
+ * calls bind to the component's lifecycle.
+ */
+export declare function createTreeController<T>(props: TreeControllerProps<T>): TreeController<T>;

package/dist/core/createTreeController.js

@@ -0,0 +1,11 @@
+import { TreeController } from './TreeController.svelte.js';
+/**
+ * Factory function that creates a TreeController instance.
+ *
+ * IMPORTANT: Must be called during component initialization (inside a
+ * component's `<script>` block) so that the controller's internal `$effect()`
+ * calls bind to the component's lifecycle.
+ */
+export function createTreeController(props) {
+    return new TreeController(props);
+}

package/dist/global-api.d.ts

@@ -16,7 +16,7 @@ export interface GlobalTreeviewAPI {
         enableLogging: () => void;
         disableLogging: () => void;
         setLogLevel: (level: string) => void;
-        setCategoryLevel: (category: string, level: string) => void;
+        setCategoryLevel: (category: string, level?: string) => void;
         getCategories: () => string[];
     };
     perf: {

package/dist/global-api.js

@@ -2,10 +2,10 @@
  * Global API registration for runtime logging control
  * This file is imported by Tree.svelte to ensure it runs when the component is used
  */
-import { setLogLevel, enableLogging, disableLogging, setCategoryLevel, LOGGING_CATEGORIES } from './logger';
-import { enablePerfLogging, disablePerfLogging, setPerfThreshold, isPerfLoggingEnabled } from './perf-logger';
+import { setLogLevel, enableLogging, disableLogging, setCategoryLevel, LOGGING_CATEGORIES } from './logger.js';
+import { enablePerfLogging, disablePerfLogging, setPerfThreshold, isPerfLoggingEnabled } from './perf-logger.js';
 // Import generated constants (created by scripts/generate-constants.js)
-import { VERSION, PACKAGE_NAME, AUTHOR, LICENSE, REPOSITORY, HOMEPAGE } from './constants.generated';
+import { VERSION, PACKAGE_NAME, AUTHOR, LICENSE, REPOSITORY, HOMEPAGE } from './constants.generated.js';
 // Initialize global API for runtime logging control
 if (typeof window !== 'undefined') {
     window.components = window.components || {};
@@ -22,8 +22,8 @@ if (typeof window !== 'undefined') {
         logging: {
             enableLogging,
             disableLogging,
-            setLogLevel,
-            setCategoryLevel,
+            setLogLevel: setLogLevel,
+            setCategoryLevel: setCategoryLevel,
             getCategories: () => [...LOGGING_CATEGORIES]
         },
         perf: {

package/dist/index.d.ts

@@ -1,9 +1,13 @@
 export { default as Tree } from "./components/Tree.svelte";
+export { default as TreeProvider } from "./components/TreeProvider.svelte";
+export { TreeController } from "./core/TreeController.svelte";
+export type { TreeControllerProps } from "./core/TreeController.svelte";
+export { createTreeController } from "./core/createTreeController.js";
 export type { LTreeNode, NodeId, VisualState } from "./ltree/ltree-node.svelte";
-export type { Ltree, DropPosition, DragDropMode, DropOperation, ContextMenuItem, InsertArrayResult, TreeChange, ApplyChangesResult } from "./ltree/types";
+export type { Ltree, DropPosition, DragDropMode, DropOperation, ContextMenuItem, InsertArrayResult, TreeChange, ApplyChangesResult } from "./ltree/types.js";
 export type { RenderStats } from "./components/RenderCoordinator.svelte";
-export type { NodeCallbacks, NodeConfig } from "./components/Tree.svelte";
-export { enableLogging, disableLogging, setLogLevel, setCategoryLevel, LOGGING_CATEGORIES } from "./logger";
-export { enablePerfLogging, disablePerfLogging, setPerfThreshold, isPerfLoggingEnabled, perfStart, perfEnd, perfMeasure, perfSummary } from "./perf-logger";
-export type { GlobalTreeviewAPI } from "./global-api";
-import "./global-api";
+export type { NodeCallbacks, NodeConfig } from "./core/TreeController.svelte";
+export { enableLogging, disableLogging, setLogLevel, setCategoryLevel, LOGGING_CATEGORIES } from "./logger.js";
+export { enablePerfLogging, disablePerfLogging, setPerfThreshold, isPerfLoggingEnabled, perfStart, perfEnd, perfMeasure, perfSummary } from "./perf-logger.js";
+export type { GlobalTreeviewAPI } from "./global-api.js";
+import "./global-api.js";

package/dist/index.js

@@ -1,7 +1,11 @@
 // Reexport your entry components here
 export { default as Tree } from "./components/Tree.svelte";
+export { default as TreeProvider } from "./components/TreeProvider.svelte";
+// Core layer (headless controller)
+export { TreeController } from "./core/TreeController.svelte";
+export { createTreeController } from "./core/createTreeController.js";
 // Export logging utilities
-export { enableLogging, disableLogging, setLogLevel, setCategoryLevel, LOGGING_CATEGORIES } from "./logger";
+export { enableLogging, disableLogging, setLogLevel, setCategoryLevel, LOGGING_CATEGORIES } from "./logger.js";
 // Export performance logging utilities
-export { enablePerfLogging, disablePerfLogging, setPerfThreshold, isPerfLoggingEnabled, perfStart, perfEnd, perfMeasure, perfSummary } from "./perf-logger";
-import "./global-api";
+export { enablePerfLogging, disablePerfLogging, setPerfThreshold, isPerfLoggingEnabled, perfStart, perfEnd, perfMeasure, perfSummary } from "./perf-logger.js";
+import "./global-api.js";

package/dist/logger.d.ts

@@ -27,12 +27,13 @@
  *   ```
  */
 import log from './vendor/loglevel/index.js';
-export declare const initLogger: any;
-export declare const dataLogger: any;
-export declare const renderLogger: any;
-export declare const indexLogger: any;
-export declare const dragLogger: any;
-export declare const uiLogger: any;
+import type { Logger } from './vendor/loglevel/index.js';
+export declare const initLogger: Logger;
+export declare const dataLogger: Logger;
+export declare const renderLogger: Logger;
+export declare const indexLogger: Logger;
+export declare const dragLogger: Logger;
+export declare const uiLogger: Logger;
 export default log;
 /**
  * List of all logging categories

package/dist/logger.js

@@ -27,9 +27,7 @@
  *   ```
  */
 // Import vendored libraries via ES module wrappers
-// @ts-ignore - Vendored library without type definitions
 import log from './vendor/loglevel/index.js';
-// @ts-ignore - Vendored library without type definitions
 import prefix from './vendor/loglevel/prefix.js';
 // Define color scheme
 const COLORS = {

package/dist/ltree/indexer.js

@@ -122,7 +122,7 @@ export class Indexer {
     indexItem(item) {
         // Type-safe indexing - customize based on your item structure
         const searchValue = !this.shouldCalculateSearchValue
-            ? this.searchValueMember && item.node.data[this.searchValueMember]?.toString()
+            ? this.searchValueMember && item.node.data?.[this.searchValueMember]?.toString()
             : this.getSearchValueCallback && this.getSearchValueCallback(item.node);
         if (isNotEmptyString(searchValue)) {
             const addStart = performance.now();
@@ -138,9 +138,7 @@ export class Indexer {
         this.isProcessing = false;
         indexLogger.info(`[${this.treeId}] Indexing complete. Processed ${this.totalItemsProcessed} items.`);
         if (this.onCompleteCallback) {
-            const cb = this.onCompleteCallback;
-            this.onCompleteCallback = undefined;
-            cb();
+            this.onCompleteCallback();
         }
     }
     // Get current indexer status

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

@@ -1,5 +1,5 @@
 export type NodeId = string | number;
-export type DropPosition = 'above' | 'below' | 'child';
+export type DropPosition = 'before' | 'after' | 'child';
 export declare enum VisualState {
     indeterminate = "indeterminate",
     selected = "true",
@@ -18,6 +18,7 @@ export interface LTreeNode<T> {
     useCallback: boolean;
     priority: number | null | undefined;
     isDraggable: boolean;
+    isCollapsible: boolean;
     isDropAllowed: boolean;
     allowedDropPositions: DropPosition[] | null | undefined;
     isInsertAllowed: boolean;

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

@@ -18,6 +18,7 @@ export function createLTreeNode(data) {
         useCallback: false,
         priority: undefined,
         isDraggable: true,
+        isCollapsible: true,
         isDropAllowed: true,
         allowedDropPositions: undefined,
         isInsertAllowed: true,

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, _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').DropPosition[] | null | undefined, _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, _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>;