wunderbaum 0.5.1 → 0.5.3

package/dist/wunderbaum.css

@@ -210,7 +210,7 @@ div.wunderbaum span.wb-col {
   overflow: hidden;
   height: var(--wb-row-inner-height);
   line-height: var(--wb-row-inner-height);
-  padding: 0 val(--wb-col-padding-x);
+  padding: 0 var(--wb-col-padding-x);
   border-right: 1px solid var(--wb-grid-color);
   white-space: nowrap;
 }
@@ -227,9 +227,14 @@ div.wunderbaum span.wb-node i.wb-icon,
 div.wunderbaum span.wb-node i.wb-indent {
   height: var(--wb-icon-outer-height);
   width: var(--wb-icon-outer-width);
-  padding: var(--wb-icon-padding) var(--wb-icon-padding-x);
+  padding: var(--wb-icon-padding-y) var(--wb-icon-padding-x);
   display: inline-block;
 }
+div.wunderbaum span.wb-node i.wb-expander,
+div.wunderbaum span.wb-node i.wb-icon {
+  background-repeat: no-repeat;
+  background-size: contain;
+}
 div.wunderbaum span.wb-node i.bi::before {
   vertical-align: baseline;
 }
@@ -350,16 +355,16 @@ div.wunderbaum div.wb-row.wb-drop-target .wb-node .wb-icon::after {
   z-index: 1000;
   content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAMAAABA3o1rAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACKUExURe/v9/f39+//7+f35+f/79bW5wgIawwYd97e55Tnpc731rjA2d7350LOY1LWa7Xvvf///wAQcyAze97e773vxnuczgA5pQBCpdb33rXvxu//9whjxgBaxlKU1oOz5ABz3gB73tbn99bW1rXe/wCM9xiU997v/97e3gCc/xil/9bv/wic/+/3/wAAALM9X5QAAAAudFJOU////////////////////////////////////////////////////////////wCCj3NVAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAqUlEQVQoU6WQ2w6CMAxA54agsCHq1HlFBREv/f/fs1tHAoaoiedlbXrWtGXwhV8FNqAXuAi4DwkShmE0cgGIcSwCCgkSkrAxpEonot0DhQxJptFsbnOpdNdgsFh6VtYwyqzTmG+oijDY7hr22E4qY7QybeGQe46nsxP0Wwc3Q1GWl+qKec8MlqKubxX+xzV7tkDuD1+3d+heigT2zGx/hCMUeUj4wL8CwAsW1kqCTugMCwAAAABJRU5ErkJggg==);
   left: 0;
-  top: calc((22px - --wb-icon-height) / 2);
+  top: calc((22px - var(--wb-icon-height)) / 2);
 }
 div.wunderbaum div.wb-row.wb-drop-target.wb-drop-before .wb-node .wb-icon::after,
 div.wunderbaum div.wb-row.wb-drop-target.wb-drop-after .wb-node .wb-icon::after {
   content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAQCAMAAACROYkbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACNUExURe/v9/f39+//7+f35+f/79bW5wgIawwYd97e55Tnpc731rjA2d7350LOY1LWa7Xvvf///wAQcyAze97e773vxgAAAHuczgA5pQBCpdb33rXvxu//9whjxgBaxlKU1oOz5ABz3gB73tbn99bW1rXe/wCM9xiU997v/97e3gCc/xil/9bv/wic/+/3/wAAAParqS4AAAAvdFJOU/////////////////////////////////////////////////////////////8AWqU49wAAAAlwSFlzAAAOwwAADsMBx2+oZAAAALlJREFUOE/FktsSgiAQhglMS8WstKLzQTM77Ps/XguL16I208cFyzB8/LPAYCC/ErARzcCFx23pBgnGfjAxBYhpKDwq3SBB5DeGWCYz0SUDClIkmgeLpV7HMiNDbrbbYbBaWzbaoKTaJiHfQe5oYLA/NBwxTiyVyqTSghYwox4MTmfL5XozgqxjAtODoizv1QPXPXqgKer6WeH9+Iw9XgF5ve15/Q+6/SQSsE+q8yMcocoREgzg3wKAL4vrpBIKREShAAAAAElFTkSuQmCC);
   left: 0;
-  top: calc((22px - --wb-icon-height) / 2 - 11px);
+  top: calc((22px - var(--wb-icon-height)) / 2 - 11px);
 }
 div.wunderbaum div.wb-row.wb-drop-target.wb-drop-after .wb-node .wb-icon::after {
-  top: calc((22px - --wb-icon-height) / 2 + 11px);
+  top: calc((22px - var(--wb-icon-height)) / 2 + 11px);
 }
 div.wunderbaum.wb-rainbow i.wb-expander:nth-child(4n+1),
 div.wunderbaum.wb-rainbow i.wb-indent:nth-child(4n+1) {
@@ -475,6 +480,7 @@ i.wb-icon > span.wb-badge {
   text-align: center;
   white-space: nowrap;
   border-radius: 0.5rem;
+  pointer-events: none;
 }
 
 /* Class 'wb-tristate' is used to mark checkboxes that should toggle like

package/dist/wunderbaum.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../src/wunderbaum.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AA2EA;AAAA;EAME;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAMF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAGA;AAsBA;AAuBA;AAkQA;AAoHA;AAwBA;AAgEA;AAEA;AAUA;AAoBA;AAYA;;AAniBA;EAEE;;AAIF;EACE;EACA;;AAGF;EACE;EAEA;;AAMF;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAMA;EACE;EACA;EACA;EACA;;AAIA;EACE;;AAKF;EAEE;;AAGF;EAEE;;AAGF;EACE;;AAOA;EAEE;EACA;;AAEA;EACE;;AAaN;EAEE;EACA;;AAEA;EACE;;AAON;EACE;;AAEA;EACE;;AAOF;EACE;;AAGF;EAEE;;AAGA;EACE;;AAKJ;EACE;EACA;;AAGF;EAEE;EACA;;AAEA;EAEE;;AAIJ;EACE;;AAGF;AAAA;AAAA;EAGE;EAcA;EASA;;AAGF;EAEE;;AAON;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EAIA;;AAIF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;AAeA;;AAVA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;;AAIF;EACE;;AAGF;EACE;EACA;EACA;;AAMA;EACE;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;EAEA;EACA;EACA;EACA;EACA;;AAUI;EACE;;AAON;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIF;EACE;;AAGF;EACE;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAgBE;EACA;EACA;;AAGF;AAAA;EAEE;;AAcA;EACE;;AAWJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAON;EACE;;AAEA;EACE;;AAQJ;EACE;;AASJ;EACE;;AAEA;EACE;;AAGF;EACE;;AAcN;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAGA;EACE;EACA;;AAEA;EAGE;EACA;EAGA;EACA;EACA;;AAgBR;AAAA;EAIE;EACA;EACA;;AAKF;EACE;;AAUE;AAAA;EAEE;;AAFF;AAAA;EAEE;;AAFF;AAAA;EAEE;;AAFF;AAAA;EAEE;;AAOJ;EAIE;EACA;;AAGF;AAAA;EAKE;EACA;;AAMF;AAAA;EAEE;EACA;EACA;EACA;;AAOF;EACE;;AAGF;AAAA;EAEE;;AAKA;EACE;;;AAMR;AAEA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;AAQJ;AACA;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAIA;AAAA;EAEE;;AAGF;AAAA;EAEE;;;AAIJ;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAIJ;AAAA;AAAA;AAMA;EACE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE","file":"wunderbaum.css"}
+{"version":3,"sourceRoot":"","sources":["../src/wunderbaum.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AA2EA;AAAA;EAME;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAMF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAGA;AAsBA;AAuBA;AAwQA;AAoHA;AAwBA;AAgEA;AAEA;AAUA;AAoBA;AAYA;;AAziBA;EAEE;;AAIF;EACE;EACA;;AAGF;EACE;EAEA;;AAMF;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAMA;EACE;EACA;EACA;EACA;;AAIA;EACE;;AAKF;EAEE;;AAGF;EAEE;;AAGF;EACE;;AAOA;EAEE;EACA;;AAEA;EACE;;AAaN;EAEE;EACA;;AAEA;EACE;;AAON;EACE;;AAEA;EACE;;AAOF;EACE;;AAGF;EAEE;;AAGA;EACE;;AAKJ;EACE;EACA;;AAGF;EAEE;EACA;;AAEA;EAEE;;AAIJ;EACE;;AAGF;AAAA;AAAA;EAGE;EAcA;EASA;;AAGF;EAEE;;AAON;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EAIA;;AAIF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;AAqBA;;AAhBA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;AAIF;EACE;;AAGF;EACE;EACA;EACA;;AAMA;EACE;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;EAEA;EACA;EACA;EACA;EACA;;AAUI;EACE;;AAON;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIF;EACE;;AAGF;EACE;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAgBE;EACA;EACA;;AAGF;AAAA;EAEE;;AAcA;EACE;;AAWJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAON;EACE;;AAEA;EACE;;AAQJ;EACE;;AASJ;EACE;;AAEA;EACE;;AAGF;EACE;;AAcN;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAGA;EACE;EACA;;AAEA;EAGE;EACA;EAGA;EACA;EACA;;AAgBR;AAAA;EAIE;EACA;EACA;;AAKF;EACE;;AAUE;AAAA;EAEE;;AAFF;AAAA;EAEE;;AAFF;AAAA;EAEE;;AAFF;AAAA;EAEE;;AAOJ;EAIE;EACA;;AAGF;AAAA;EAKE;EACA;;AAMF;AAAA;EAEE;EACA;EACA;EACA;;AAOF;EACE;;AAGF;AAAA;EAEE;;AAKA;EACE;;;AAMR;AAEA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;AAQJ;AACA;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAIA;AAAA;EAEE;;AAGF;AAAA;EAEE;;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAIJ;AAAA;AAAA;AAMA;EACE;EACA;;;AAGF;EAEE;EACA;;;AAGF;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE","file":"wunderbaum.css"}

package/dist/wunderbaum.d.ts

@@ -412,7 +412,6 @@ declare module "wb_node" {
         _partload: boolean;
         match?: boolean;
         subMatchCount?: number;
-        subMatchBadge?: HTMLElement;
         /** @internal */
         titleWithHighlight?: string;
         _filterAutoExpanded?: boolean;
@@ -764,10 +763,6 @@ declare module "wb_node" {
         setIcon(icon: string): void;
         /** Change node's {@link key} and/or {@link refKey}.  */
         setKey(key: string | null, refKey: string | null): void;
-        /**
-         * @deprecated since v0.3.6: use `update()` instead.
-         */
-        setModified(change?: ChangeType): void;
         /**
          * Trigger a repaint, typically after a status or data change.
          *
@@ -868,7 +863,7 @@ declare module "wb_options" {
      * Copyright (c) 2021-2023, Martin Wendt. Released under the MIT license.
      * @VERSION, @DATE (https://github.com/mar10/wunderbaum)
      */
-    import { ColumnDefinitionList, DndOptionsType, DynamicBoolOption, DynamicBoolOrStringOption, DynamicCheckboxOption, DynamicIconOption, NavModeEnum, NodeTypeDefinitionMap, SelectModeType, WbActivateEventType, WbChangeEventType, WbClickEventType, WbDeactivateEventType, WbErrorEventType, WbIconBadgeCallback, WbInitEventType, WbKeydownEventType, WbNodeData, WbNodeEventType, WbReceiveEventType, WbRenderEventType, WbTreeEventType } from "types";
+    import { ColumnDefinitionList, DndOptionsType, DynamicBoolOption, DynamicBoolOrStringOption, DynamicCheckboxOption, DynamicIconOption, EditOptionsType, FilterOptionsType, NavModeEnum, NodeTypeDefinitionMap, SelectModeType, WbActivateEventType, WbChangeEventType, WbClickEventType, WbDeactivateEventType, WbErrorEventType, WbIconBadgeCallback, WbInitEventType, WbKeydownEventType, WbNodeData, WbNodeEventType, WbReceiveEventType, WbRenderEventType, WbTreeEventType } from "types";
     /**
      * Available options for [[Wunderbaum]].
      *
@@ -981,6 +976,20 @@ declare module "wb_options" {
          * Default: false
          */
         autoCollapse?: boolean;
+        /**
+         * If true, the tree will automatically adjust its height to fit the parent
+         * container. This is useful when the tree is embedded in a container with
+         * a fixed or calculated sized.
+         * If the parent container is unsized (e.g. grows with its content, `height: auto`),
+         * then we can define a `height: ...` or `max_height: ...` style on the parent.
+         * To avoid a recursive resize-loop, it may be helpful to set `overflow: hidden`
+         * on the parent container.
+         *
+         * Set this option to `false` will disable auto-resizing.
+         *
+         * @default: true
+         */
+        adjustHeight?: boolean;
         /**
          * HTMLElement that receives the top nodes breadcrumb.
          * Default: undefined
@@ -1034,9 +1043,14 @@ declare module "wb_options" {
          * Default: true
          */
         quicksearch?: boolean;
+        /**
+         * Scroll Node into view on Expand Click
+         * @default true
+         */
+        scrollIntoViewOnExpandClick?: boolean;
         dnd?: DndOptionsType;
-        edit?: any;
-        filter?: any;
+        edit?: EditOptionsType;
+        filter?: FilterOptionsType;
         grid?: any;
         /**
          *
@@ -1307,7 +1321,7 @@ declare module "types" {
         badge: string | number | HTMLSpanElement | null | false;
         /** Additional class name(s), separate with space. */
         badgeClass?: string;
-        /** Additional class name(s), separate with space. */
+        /** Tooltip for the badge. */
         badgeTooltip?: string;
     }
     export interface WbFocusEventType extends WbTreeEventType {
@@ -1537,6 +1551,8 @@ declare module "types" {
         loadLazy?: boolean;
         /** Ignore `minExpandLevel` option @default false */
         force?: boolean;
+        /** Keep active node visible @default true */
+        keepActiveNodeVisible?: boolean;
     }
     /** Possible values for {@link Wunderbaum.filterNodes()} and {@link Wunderbaum.filterBranches()}. */
     export interface FilterNodesOptions {
@@ -1662,6 +1678,117 @@ declare module "types" {
          * until the start node is reached again @default false */
         wrap?: boolean;
     }
+    export type FilterOptionsType = {
+        /**
+         * Element or selector of an input control for filter query strings
+         * @default null
+         */
+        connectInput?: null | string | Element;
+        /**
+         * Re-apply last filter if lazy data is loaded
+         * @default true
+         */
+        autoApply?: boolean;
+        /**
+         * Expand all branches that contain matches while filtered
+         * @default false
+         */
+        autoExpand?: boolean;
+        /**
+         * Show a badge with number of matching child nodes near parent icons
+         * @default true
+         */
+        counter?: boolean;
+        /**
+         * Match single characters in order, e.g. 'fb' will match 'FooBar'
+         * @default false
+         */
+        fuzzy?: boolean;
+        /**
+         * Hide counter badge if parent is expanded
+         * @default true
+         */
+        hideExpandedCounter?: boolean;
+        /**
+         * Hide expanders if all child nodes are hidden by filter
+         * @default false;
+         */
+        hideExpanders?: boolean;
+        /**
+         * Highlight matches by wrapping inside <mark> tags
+         * @default true
+         */
+        highlight?: boolean;
+        /**
+         * Match end nodes only
+         * @default false
+         */
+        leavesOnly?: boolean;
+        /**
+         * Grayout unmatched nodes (pass "hide" to remove unmatched node instead)
+         * @default 'dim'
+         */
+        mode?: "dim" | "hide";
+        /**
+         * Display a 'no data' status node if result is empty
+         * @default true
+         */
+        noData?: boolean;
+    };
+    export type EditOptionsType = {
+        /**
+         * @default 100
+         */
+        debounce?: number;
+        /**
+         * @default 1
+         */
+        minlength?: number;
+        /**
+         * @default null;
+         */
+        maxlength?: null | number;
+        /**
+         * ["clickActive", "F2", "macEnter"],
+         * @default []
+         */
+        trigger?: string[];
+        /**
+         * @default true
+         */
+        trim?: boolean;
+        /**
+         * @default true
+         */
+        select?: boolean;
+        /**
+         * Handle 'clickActive' only if last click is less than this old (0: always)
+         * @default 1000
+         */
+        slowClickDelay?: number;
+        /**
+         * Please enter a title",
+         * @default true
+         */
+        validity?: boolean;
+        /**
+         * `beforeEdit(e)` may return an input HTML string. Otherwise use a default.
+         */
+        beforeEdit?: null | ((e: WbNodeEventType) => boolean) | string;
+        /**
+         *
+         */
+        edit?: null | ((e: WbNodeEventType & {
+            inputElem: HTMLInputElement;
+        }) => void);
+        /**
+         *
+         */
+        apply?: null | ((e: WbNodeEventType & {
+            inputElem: HTMLInputElement;
+        }) => any) | Promise<any>;
+    };
+    export type GridOptionsType = object;
     export type InsertNodeType = "before" | "after" | "prependChild" | "appendChild";
     export type DropRegionType = "over" | "before" | "after";
     export type DropRegionTypeSet = Set<DropRegionType>;
@@ -1670,126 +1797,148 @@ declare module "types" {
          * Expand nodes after n milliseconds of hovering
          * @default 1500
          */
-        autoExpandMS: 1500;
+        autoExpandMS?: 1500;
         /**
          * true: Drag multiple (i.e. selected) nodes. Also a callback() is allowed
          * @default false
          */
-        multiSource: false;
+        multiSource?: false;
         /**
          * Restrict the possible cursor shapes and modifier operations (can also be set in the dragStart event)
          * @default "all"
          */
-        effectAllowed: "all";
+        effectAllowed?: "all";
         /**
-         * Default dropEffect ('copy', 'link', or 'move') when no modifier is pressed (overide in dragDrag, dragOver).
+         * Default dropEffect ('copy', 'link', or 'move') when no modifier is pressed (overide in drag, dragOver).
          * @default "move"
          */
-        dropEffectDefault: string;
+        dropEffectDefault?: string;
         /**
          * Prevent dropping nodes from different Wunderbaum trees
          * @default false
          */
-        preventForeignNodes: boolean;
+        preventForeignNodes?: boolean;
         /**
          * Prevent dropping items on unloaded lazy Wunderbaum tree nodes
          * @default true
          */
-        preventLazyParents: boolean;
+        preventLazyParents?: boolean;
         /**
          * Prevent dropping items other than Wunderbaum tree nodes
          * @default false
          */
-        preventNonNodes: boolean;
+        preventNonNodes?: boolean;
         /**
          * Prevent dropping nodes on own descendants
          * @default true
          */
-        preventRecursion: boolean;
+        preventRecursion?: boolean;
         /**
          * Prevent dropping nodes under same direct parent
          * @default false
          */
-        preventSameParent: false;
+        preventSameParent?: false;
         /**
          * Prevent dropping nodes 'before self', etc. (move only)
          * @default true
          */
-        preventVoidMoves: boolean;
+        preventVoidMoves?: boolean;
+        /**
+         * Serialize Node Data to datatransfer object
+         * @default true
+         */
+        serializeClipboardData?: boolean | ((nodeData: WbNodeData) => string);
         /**
          * Enable auto-scrolling while dragging
          * @default true
          */
-        scroll: boolean;
+        scroll?: boolean;
         /**
          * Active top/bottom margin in pixel
          * @default 20
          */
-        scrollSensitivity: 20;
+        scrollSensitivity?: 20;
         /**
          * Pixel per event
          * @default 5
          */
-        scrollSpeed: 5;
+        scrollSpeed?: 5;
         /**
          * Optional callback passed to `toDict` on dragStart @since 2.38
          * @default null
          */
-        sourceCopyHook: null;
+        sourceCopyHook?: null;
         /**
          * Callback(sourceNode, data), return true, to enable dnd drag
          * @default null
          */
-        dragStart?: WbNodeEventType;
+        dragStart?: null | ((e: WbNodeEventType & {
+            event: DragEvent;
+        }) => boolean);
         /**
          * Callback(sourceNode, data)
          * @default null
          */
-        dragDrag: null;
+        drag?: null | ((e: WbNodeEventType & {
+            event: DragEvent;
+        }) => void);
         /**
          * Callback(sourceNode, data)
          * @default null
          */
-        dragEnd: null;
+        dragEnd?: null | ((e: WbNodeEventType & {
+            event: DragEvent;
+        }) => void);
         /**
          * Callback(targetNode, data), return true, to enable dnd drop
          * @default null
          */
-        dragEnter: null;
+        dragEnter?: null | ((e: WbNodeEventType & {
+            event: DragEvent;
+        }) => boolean);
         /**
          * Callback(targetNode, data)
          * @default null
          */
-        dragOver: null;
+        dragOver?: null | ((e: WbNodeEventType & {
+            event: DragEvent;
+        }) => void);
         /**
          * Callback(targetNode, data), return false to prevent autoExpand
          * @default null
          */
-        dragExpand: null;
+        dragExpand?: null | ((e: WbNodeEventType & {
+            event: DragEvent;
+        }) => boolean);
         /**
          * Callback(targetNode, data)
          * @default null
          */
-        dragDrop: null;
+        drop?: null | ((e: WbNodeEventType & {
+            event: DragEvent;
+            region: DropRegionType;
+            defaultDropMode: string;
+            sourceNode: WunderbaumNode;
+        }) => void);
         /**
          * Callback(targetNode, data)
          * @default null
          */
-        dragLeave: null;
+        dragLeave?: null;
     };
 }
 declare module "wb_extension_base" {
     import { Wunderbaum } from "wunderbaum";
     export type ExtensionsDict = {
-        [key: string]: WunderbaumExtension;
+        [key: string]: WunderbaumExtension<any>;
     };
-    export abstract class WunderbaumExtension {
+    export abstract class WunderbaumExtension<TOptions> {
         enabled: boolean;
         readonly id: string;
         readonly tree: Wunderbaum;
         readonly treeOpts: any;
         readonly extensionOpts: any;
-        constructor(tree: Wunderbaum, id: string, defaults: any);
+        constructor(tree: Wunderbaum, id: string, defaults: TOptions);
         /** Called on tree (re)init after all extensions are added, but before loading.*/
         init(): void;
         getPluginOption(name: string, defaultValue?: any): any;
@@ -1934,10 +2083,10 @@ declare module "debounce" {
     export function throttle<F extends Procedure>(func: F, wait?: number, options?: ThrottleOptions): DebouncedFunction<F>;
 }
 declare module "wb_ext_filter" {
-    import { FilterNodesOptions, NodeFilterCallback } from "types";
+    import { FilterNodesOptions, FilterOptionsType, NodeFilterCallback } from "types";
     import { Wunderbaum } from "wunderbaum";
     import { WunderbaumExtension } from "wb_extension_base";
-    export class FilterExtension extends WunderbaumExtension {
+    export class FilterExtension extends WunderbaumExtension<FilterOptionsType> {
         queryInput?: HTMLInputElement;
         lastFilterArgs: IArguments | null;
         constructor(tree: Wunderbaum);
@@ -1966,7 +2115,7 @@ declare module "wb_ext_filter" {
 declare module "wb_ext_keynav" {
     import { Wunderbaum } from "wunderbaum";
     import { WunderbaumExtension } from "wb_extension_base";
-    export class KeynavExtension extends WunderbaumExtension {
+    export class KeynavExtension extends WunderbaumExtension<any> {
         constructor(tree: Wunderbaum);
         protected _getEmbeddedInputElem(elem: any): HTMLInputElement | null;
         protected _isCurInputFocused(): boolean;
@@ -1976,7 +2125,7 @@ declare module "wb_ext_keynav" {
 declare module "wb_ext_logger" {
     import { WunderbaumExtension } from "wb_extension_base";
     import { Wunderbaum } from "wunderbaum";
-    export class LoggerExtension extends WunderbaumExtension {
+    export class LoggerExtension extends WunderbaumExtension<any> {
         readonly prefix: string;
         protected ignoreEvents: Set<string>;
         constructor(tree: Wunderbaum);
@@ -1988,9 +2137,9 @@ declare module "wb_ext_dnd" {
     import { Wunderbaum } from "wunderbaum";
     import { WunderbaumExtension } from "wb_extension_base";
     import { WunderbaumNode } from "wb_node";
-    import { DropRegionType, DropRegionTypeSet } from "types";
+    import { DndOptionsType, DropRegionType, DropRegionTypeSet } from "types";
     import { DebouncedFunction } from "debounce";
-    export class DndExtension extends WunderbaumExtension {
+    export class DndExtension extends WunderbaumExtension<DndOptionsType> {
         protected srcNode: WunderbaumNode | null;
         protected lastTargetNode: WunderbaumNode | null;
         protected lastEnterStamp: number;
@@ -2005,13 +2154,16 @@ declare module "wb_ext_dnd" {
         protected _leaveNode(): void;
         /** */
         protected unifyDragover(res: any): DropRegionTypeSet | false;
-        /** */
+        /**
+         * Calculates the drop region based on the drag event and the allowed drop regions.
+         */
         protected _calcDropRegion(e: DragEvent, allowed: DropRegionTypeSet | null): DropRegionType | false;
         protected applyScrollDir(): void;
         protected autoScroll(viewportY: number): number;
         /** Return true if a drag operation currently in progress. */
         isDragging(): boolean;
         protected onDragEvent(e: DragEvent): boolean;
+        private _isVoidDrop;
         protected onDropEvent(e: DragEvent): boolean;
     }
 }
@@ -2084,7 +2236,8 @@ declare module "wb_ext_grid" {
     import { Wunderbaum } from "wunderbaum";
     import { WunderbaumExtension } from "wb_extension_base";
     import { DragCallbackArgType, DragObserver } from "drag_observer";
-    export class GridExtension extends WunderbaumExtension {
+    import { GridOptionsType } from "types";
+    export class GridExtension extends WunderbaumExtension<GridOptionsType> {
         protected observer: DragObserver;
         constructor(tree: Wunderbaum);
         init(): void;
@@ -2100,8 +2253,8 @@ declare module "wb_ext_edit" {
     import { Wunderbaum } from "wunderbaum";
     import { WunderbaumExtension } from "wb_extension_base";
     import { WunderbaumNode } from "wb_node";
-    import { InsertNodeType, WbNodeData } from "types";
-    export class EditExtension extends WunderbaumExtension {
+    import { EditOptionsType, InsertNodeType, WbNodeData } from "types";
+    export class EditExtension extends WunderbaumExtension<EditOptionsType> {
         protected debouncedOnChange: (e: Event) => void;
         protected curEditNode: WunderbaumNode | null;
         protected relatedNode: WunderbaumNode | null;
@@ -2172,7 +2325,7 @@ declare module "wunderbaum" {
             [key: string]: any;
         };
         protected readonly _updateViewportThrottled: (...args: any) => void;
-        protected extensionList: WunderbaumExtension[];
+        protected extensionList: WunderbaumExtension<any>[];
         protected extensions: ExtensionsDict;
         /** Merged options from constructor args and tree- and extension defaults. */
         options: WunderbaumOptions;
@@ -2251,7 +2404,7 @@ declare module "wunderbaum" {
          */
         [Symbol.iterator](): IterableIterator<WunderbaumNode>;
         /** @internal */
-        protected _registerExtension(extension: WunderbaumExtension): void;
+        protected _registerExtension(extension: WunderbaumExtension<any>): void;
         /** Called on tree (re)init after markup is created, before loading. */
         protected _initExtensions(): void;
         /** Add node to tree's bookkeeping data structures. */
@@ -2259,7 +2412,7 @@ declare module "wunderbaum" {
         /** Remove node from tree's bookkeeping data structures. */
         _unregisterNode(node: WunderbaumNode): void;
         /** Call all hook methods of all registered extensions.*/
-        protected _callHook(hook: keyof WunderbaumExtension, data?: any): any;
+        protected _callHook(hook: keyof WunderbaumExtension<any>, data?: any): any;
         /**
          * Call tree method or extension method if defined.
          *
@@ -2497,10 +2650,6 @@ declare module "wunderbaum" {
         setActiveNode(key: string, flag?: boolean, options?: SetActiveOptions): void;
         /** Set or remove keybaord focus to the tree container. */
         setFocus(flag?: boolean): void;
-        /**
-         * @deprecated since v0.3.6: use `update()` instead.
-         */
-        setModified(change: ChangeType, ...args: any[]): void;
         /**
          * Schedule an update request to reflect a tree change.
          * The render operation is async and debounced unless the `immediate` option