wunderbaum 0.5.2 → 0.5.3

package/dist/wunderbaum.css

@@ -227,7 +227,7 @@ 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,
@@ -355,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) {
@@ -480,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;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;;;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

@@ -763,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.
          *
@@ -1792,7 +1788,7 @@ declare module "types" {
             inputElem: HTMLInputElement;
         }) => any) | Promise<any>;
     };
-    export type GridOptionsType = {};
+    export type GridOptionsType = object;
     export type InsertNodeType = "before" | "after" | "prependChild" | "appendChild";
     export type DropRegionType = "over" | "before" | "after";
     export type DropRegionTypeSet = Set<DropRegionType>;
@@ -1801,96 +1797,96 @@ 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 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);
+        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: null | ((e: WbNodeEventType & {
+        dragStart?: null | ((e: WbNodeEventType & {
             event: DragEvent;
         }) => boolean);
         /**
          * Callback(sourceNode, data)
          * @default null
          */
-        drag: null | ((e: WbNodeEventType & {
+        drag?: null | ((e: WbNodeEventType & {
             event: DragEvent;
         }) => void);
         /**
          * Callback(sourceNode, data)
          * @default null
          */
-        dragEnd: null | ((e: WbNodeEventType & {
+        dragEnd?: null | ((e: WbNodeEventType & {
             event: DragEvent;
         }) => void);
         /**
@@ -1904,7 +1900,7 @@ declare module "types" {
          * Callback(targetNode, data)
          * @default null
          */
-        dragOver: null | ((e: WbNodeEventType & {
+        dragOver?: null | ((e: WbNodeEventType & {
             event: DragEvent;
         }) => void);
         /**
@@ -1928,7 +1924,7 @@ declare module "types" {
          * Callback(targetNode, data)
          * @default null
          */
-        dragLeave: null;
+        dragLeave?: null;
     };
 }
 declare module "wb_extension_base" {
@@ -2158,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;
     }
 }
@@ -2651,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