wunderbaum 0.5.0 → 0.5.2

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;
 }
@@ -230,6 +230,11 @@ div.wunderbaum span.wb-node i.wb-indent {
   padding: var(--wb-icon-padding) 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;
 }
@@ -458,6 +463,25 @@ div.wunderbaum.wb-checkbox-auto-hide:focus .wb-row.wb-active i.wb-checkbox, div.
   text-align: left;
 }
 
+i.wb-icon {
+  position: relative;
+}
+i.wb-icon > span.wb-badge {
+  position: absolute;
+  display: inline-block;
+  top: 0;
+  left: -0.6rem;
+  color: white;
+  background-color: var(--wb-bg-highlight-color);
+  padding: 0.2em 0.3rem 0.1em 0.3rem;
+  font-size: 60%;
+  font-weight: 200;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  border-radius: 0.5rem;
+}
+
 /* Class 'wb-tristate' is used to mark checkboxes that should toggle like
  *   indeterminate -> checked -> unchecked -> indeterminate ...
  */

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;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;;;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;
@@ -627,6 +626,8 @@ declare module "wb_node" {
         /** Return true if this node is partially selected (tri-state). */
         isPartsel(): boolean;
         /** Return true if this node has DOM representaion, i.e. is displayed in the viewport. */
+        isRadio(): boolean;
+        /** Return true if this node has DOM representaion, i.e. is displayed in the viewport. */
         isRendered(): boolean;
         /** Return true if this node is the (invisible) system root node.
          * (See also [[isTopLevel()]].)
@@ -866,7 +867,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, WbEnhanceTitleEventType, WbErrorEventType, 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]].
      *
@@ -979,6 +980,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
@@ -1032,9 +1047,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;
         /**
          *
@@ -1079,7 +1099,7 @@ declare module "wb_options" {
          *
          * @category Callback
          */
-        enhanceTitle?: (e: WbEnhanceTitleEventType) => void;
+        iconBadge?: WbIconBadgeCallback;
         /**
          *
          * @category Callback
@@ -1198,6 +1218,8 @@ declare module "types" {
     export type SourceType = string | SourceListType | SourceAjaxType | SourceObjectType;
     /** Passed to `find...()` methods. Should return true if node matches. */
     export type MatcherCallback = (node: WunderbaumNode) => boolean;
+    /** Used for `tree.iconBadge` event. */
+    export type WbIconBadgeCallback = (e: WbIconBadgeEventType) => WbIconBadgeEventResultType;
     /** Passed to `sortChildren()` methods. Should return -1, 0, or 1. */
     export type SortCallback = (a: WunderbaumNode, b: WunderbaumNode) => number;
     /** When set as option, called when the value is needed (e.g. `colspan` type definition). */
@@ -1295,8 +1317,16 @@ declare module "types" {
         /** The original event. */
         event: Event;
     }
-    export interface WbEnhanceTitleEventType extends WbNodeEventType {
-        titleSpan: HTMLSpanElement;
+    export interface WbIconBadgeEventType extends WbNodeEventType {
+        iconSpan: HTMLElement;
+    }
+    export interface WbIconBadgeEventResultType {
+        /** Content of the badge `<span class='wb-badge'>` if any. */
+        badge: string | number | HTMLSpanElement | null | false;
+        /** Additional class name(s), separate with space. */
+        badgeClass?: string;
+        /** Tooltip for the badge. */
+        badgeTooltip?: string;
     }
     export interface WbFocusEventType extends WbTreeEventType {
         /** The original event. */
@@ -1525,6 +1555,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 {
@@ -1650,6 +1682,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 = {};
     export type InsertNodeType = "before" | "after" | "prependChild" | "appendChild";
     export type DropRegionType = "over" | "before" | "after";
     export type DropRegionTypeSet = Set<DropRegionType>;
@@ -1670,7 +1813,7 @@ declare module "types" {
          */
         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;
@@ -1704,6 +1847,11 @@ declare module "types" {
          * @default true
          */
         preventVoidMoves: boolean;
+        /**
+         * Serialize Node Data to datatransfer object
+         * @default true
+         */
+        serializeClipboardData: boolean | ((nodeData: WbNodeData) => string);
         /**
          * Enable auto-scrolling while dragging
          * @default true
@@ -1728,37 +1876,54 @@ declare module "types" {
          * 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
@@ -1769,15 +1934,15 @@ declare module "types" {
 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;
@@ -1922,10 +2087,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);
@@ -1954,7 +2119,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;
@@ -1964,7 +2129,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);
@@ -1976,9 +2141,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;
@@ -2072,7 +2237,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;
@@ -2088,8 +2254,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;
@@ -2160,7 +2326,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;
@@ -2239,7 +2405,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. */
@@ -2247,7 +2413,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.
          *