wunderbaum 0.3.0 → 0.3.2

package/package.json

@@ -1,15 +1,12 @@
 {
   "name": "wunderbaum",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "title": "A treegrid control.",
   "description": "JavaScript tree/grid/treegrid control.",
-  "main": "dist/wunderbaum.umd.js",
-  "types": "dist/wunderbaum.d.ts",
-  "module": "dist/wunderbaum.esm.min.js",
   "homepage": "https://github.com/mar10/wunderbaum",
   "author": {
     "name": "Martin Wendt",
-    "url": "http://careers.stackoverflow.com/martin-wendt"
+    "url": "https://github.com/mar10"
   },
   "repository": {
     "type": "git",
@@ -25,12 +22,17 @@
       "url": "https://raw.githubusercontent.com/mar10/wunderbaum/main/LICENSE.txt"
     }
   ],
+  "main": "./dist/wunderbaum.umd.js",
+  "module": "./dist/wunderbaum.esm.js",
+  "types": "./dist/wunderbaum.d.ts",
   "exports": {
     ".": {
-      "require": "./dist/wunderbaum.umd.min.js",
-      "import": "./dist/wunderbaum.esm.min.js",
-      "style": "./dist/wunderbaum.css"
-    }
+      "types": "./dist/wunderbaum.d.ts",
+      "require": "./dist/wunderbaum.umd.js",
+      "import": "./dist/wunderbaum.esm.js"
+    },
+    "./dist/": "./dist/",
+    "./src/": "./src/"
   },
   "files": [
     "src",
@@ -45,35 +47,38 @@
     "control"
   ],
   "devDependencies": {
-    "@rollup/plugin-typescript": "^8.3.0",
-    "@types/jest": "^27.4.1",
-    "concurrently": "^7.1.0",
-    "eslint": "^8.12.0",
+    "@rollup/plugin-terser": "^0.4.3",
+    "@rollup/plugin-typescript": "^11.1.1",
+    "@types/jest": "^29.5.2",
+    "concurrently": "^8.1.0",
     "eslint-config-jquery": "^3.0.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "grunt": "^1.4.1",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint": "^8.41.0",
     "grunt-contrib-connect": "^3.0.0",
-    "grunt-contrib-qunit": "^6.0.0",
+    "grunt-contrib-qunit": "^7.0.0",
     "grunt-contrib-watch": "^1.1.0",
     "grunt-exec": "^3.0.0",
     "grunt-yabs": "^1.3.0",
-    "http-server": "^14.1.0",
-    "node-sass": "^7.0.0",
-    "nodemon": "^2.0.15",
-    "prettier": "^2.6.2",
+    "grunt": "^1.6.1",
+    "http-server": "^14.1.1",
+    "node-sass": "^9.0.0",
+    "nodemon": "^2.0.22",
+    "postcss-url": "^10.1.3",
+    "postcss": "^8.2.24",
+    "prettier": "^2.8.8",
     "pretty-quick": "^3.1.3",
-    "puppeteer": "^13.5.2",
-    "qunit": "^2.18.1",
-    "rollup": "^2.70.1",
+    "puppeteer": "^20.5.0",
+    "qunit": "^2.19.4",
     "rollup-plugin-modify": "^3.0.0",
-    "rollup-plugin-scss": "^3.0.0",
-    "terser": "^5.12.1",
-    "ts-jest": "^27.1.4",
-    "ts-node": "^10.7.0",
-    "tslib": "^2.3.1",
-    "typedoc": "^0.22.13",
-    "typescript": "^4.6.3"
+    "rollup-plugin-scss": "^4.0.0",
+    "rollup": "^3.23.0",
+    "terser": "^5.17.7",
+    "ts-jest": "^29.1.0",
+    "ts-node": "^10.9.1",
+    "tslib": "^2.5.2",
+    "typedoc": "^0.24.7",
+    "typescript": "^5.0.0"
   },
   "nodemonConfig": {
     "watch": [
@@ -96,12 +101,12 @@
     "docs": "typedoc && touch docs/api/.nojekyll && rm docs/unittest/*.*; cp test/unit/*.* docs/unittest",
     "format": "prettier src -w && npm run lint",
     "lint": "prettier src --check && tsc -t esnext --noEmit",
-    "build:types": "tsc -t esnext --moduleResolution node -d --emitDeclarationOnly --outFile build/wunderbaum.d.ts src/wunderbaum.ts",
-    "build:js": "rollup -c rollup.config.js",
-    "build:minjs:umd": "terser build/wunderbaum.umd.js --compress --mangle --source-map \"url='wunderbaum.umd.min.js.map'\" --output build/wunderbaum.umd.min.js",
-    "build:minjs:esm": "terser build/wunderbaum.esm.js --compress --mangle --source-map \"url='wunderbaum.esm.min.js.map'\" --output build/wunderbaum.esm.min.js",
+    "build:minjs:umd": "terser build/wunderbaum.umd.js --compress --mangle --source-map \"base='build',url='wunderbaum.umd.min.js.map',filename='wunderbaum.umd.js'\" --output build/wunderbaum.umd.min.js",
+    "build:minjs:esm": "terser build/wunderbaum.esm.js --compress --mangle --source-map \"base='build',url='wunderbaum.esm.min.js.map',filename='wunderbaum.esm.js'\" --output build/wunderbaum.esm.min.js",
     "build:minjs": "npm run build:minjs:esm -s && npm run build:minjs:umd -s",
-    "build": "npm run format && mkdir build; rm build/*.*; ls build && npm run build:js -s && npm run build:minjs -s && npm run build:types -s && npm run docs",
+    "build:js": "rollup -c rollup.config.mjs && npm run build:minjs",
+    "build:types": "tsc -t esnext --moduleResolution node -d --emitDeclarationOnly --outFile build/wunderbaum.d.ts src/wunderbaum.ts",
+    "build": "npm run format && mkdir build; rm build/*.*; ls build && npm run build:js -s && npm run build:types -s && npm run docs",
     "make_dist": "npm run build && rm dist/*.* ; cp build/*.* dist",
     "watch:umd": "nodemon --watch src --ext 'ts' -x \"npm run build:minjs\"",
     "watch": "nodemon",

package/src/wb_ext_edit.ts

@@ -237,6 +237,7 @@ export class EditExtension extends WunderbaumExtension {
    * @param opts.canKeepOpen
    */
   _stopEditTitle(apply: boolean, options: any) {
+    options ??= {};
     const focusElem = document.activeElement as HTMLInputElement;
     let newValue = focusElem ? getValueFromElem(focusElem) : null;
     const node = this.curEditNode;

package/src/wb_node.ts

@@ -1090,7 +1090,7 @@ export class WunderbaumNode {
     } finally {
       this._requestId = 0;
       elap = Date.now() - start;
-      if (tree.options.debugLevel >= 3) {
+      if (tree.options.debugLevel! >= 3) {
         tree.logInfo(
           `Load source took ${elap / 1000} seconds (transfer: ${
             elapLoad / 1000
@@ -1149,7 +1149,7 @@ export class WunderbaumNode {
 
   /* Log to console if opts.debugLevel >= 4 */
   logDebug(...args: any[]) {
-    if (this.tree.options.debugLevel >= 4) {
+    if (this.tree.options.debugLevel! >= 4) {
       Array.prototype.unshift.call(args, this.toString());
       console.log.apply(console, args);
     }
@@ -1157,7 +1157,7 @@ export class WunderbaumNode {
 
   /* Log error to console. */
   logError(...args: any[]) {
-    if (this.tree.options.debugLevel >= 1) {
+    if (this.tree.options.debugLevel! >= 1) {
       Array.prototype.unshift.call(args, this.toString());
       console.error.apply(console, args);
     }
@@ -1165,7 +1165,7 @@ export class WunderbaumNode {
 
   /* Log to console if opts.debugLevel >= 3 */
   logInfo(...args: any[]) {
-    if (this.tree.options.debugLevel >= 3) {
+    if (this.tree.options.debugLevel! >= 3) {
       Array.prototype.unshift.call(args, this.toString());
       console.info.apply(console, args);
     }
@@ -1173,7 +1173,7 @@ export class WunderbaumNode {
 
   /* Log warning to console if opts.debugLevel >= 2 */
   logWarn(...args: any[]) {
-    if (this.tree.options.debugLevel >= 2) {
+    if (this.tree.options.debugLevel! >= 2) {
       Array.prototype.unshift.call(args, this.toString());
       console.warn.apply(console, args);
     }

package/src/wb_options.ts

@@ -116,7 +116,7 @@ export interface WunderbaumOptions {
    * 0:quiet, 1:errors, 2:warnings, 3:info, 4:verbose
    * Default: 3 (4 in local debug environment)
    */
-  debugLevel: number;
+  debugLevel?: number;
   /**
    * Number of levels that are forced to be expanded, and have no expander icon.
    * E.g. 1 would keep all toplevel nodes expanded.
@@ -193,9 +193,9 @@ export interface WunderbaumOptions {
 
   // --- Extensions ------------------------------------------------------------
   dnd?: DndOptionsType; // = {};
-  edit: any; // = {};
-  filter: any; // = {};
-  grid: any; // = {};
+  edit?: any; // = {};
+  filter?: any; // = {};
+  grid?: any; // = {};
 
   // --- Events ----------------------------------------------------------------
 

package/src/wunderbaum.scss

@@ -562,15 +562,14 @@ div.wunderbaum {
   //   translate: 0 -3px;
   // }
 
-  div.wb-row.wb-drop-target.wb-drop-before .wb-node .wb-icon::after {
+  div.wb-row.wb-drop-target.wb-drop-before .wb-node .wb-icon::after,
+  div.wb-row.wb-drop-target.wb-drop-after .wb-node .wb-icon::after {
     content: url(../docs/assets/drop_marker_insert_16x64.png);
     left: 0; // $icon-outer-width * 1.5;
     top: ($row-outer-height - 16) / 2 - $row-outer-height / 2;
   }
 
   div.wb-row.wb-drop-target.wb-drop-after .wb-node .wb-icon::after {
-    content: url(../docs/assets/drop_marker_insert_16x64.png);
-    left: 0; //$icon-outer-width * 1.5;
     top: ($row-outer-height - 16) / 2 + $row-outer-height / 2;
   }
 

package/src/wunderbaum.ts

@@ -1388,7 +1388,7 @@ export class Wunderbaum {
 
   /** Log to console if opts.debugLevel >= 4 */
   logDebug(...args: any[]) {
-    if (this.options.debugLevel >= 4) {
+    if (this.options.debugLevel! >= 4) {
       Array.prototype.unshift.call(args, this.toString());
       console.log.apply(console, args);
     }
@@ -1396,7 +1396,7 @@ export class Wunderbaum {
 
   /** Log error to console. */
   logError(...args: any[]) {
-    if (this.options.debugLevel >= 1) {
+    if (this.options.debugLevel! >= 1) {
       Array.prototype.unshift.call(args, this.toString());
       console.error.apply(console, args);
     }
@@ -1404,7 +1404,7 @@ export class Wunderbaum {
 
   /** Log to console if opts.debugLevel >= 3 */
   logInfo(...args: any[]) {
-    if (this.options.debugLevel >= 3) {
+    if (this.options.debugLevel! >= 3) {
       Array.prototype.unshift.call(args, this.toString());
       console.info.apply(console, args);
     }
@@ -1412,7 +1412,7 @@ export class Wunderbaum {
 
   /** @internal */
   logTime(label: string): string {
-    if (this.options.debugLevel >= 4) {
+    if (this.options.debugLevel! >= 4) {
       console.time(this + ": " + label);
     }
     return label;
@@ -1420,14 +1420,14 @@ export class Wunderbaum {
 
   /** @internal */
   logTimeEnd(label: string): void {
-    if (this.options.debugLevel >= 4) {
+    if (this.options.debugLevel! >= 4) {
       console.timeEnd(this + ": " + label);
     }
   }
 
   /** Log to console if opts.debugLevel >= 2 */
   logWarn(...args: any[]) {
-    if (this.options.debugLevel >= 2) {
+    if (this.options.debugLevel! >= 2) {
       Array.prototype.unshift.call(args, this.toString());
       console.warn.apply(console, args);
     }

package/dist/wunderbaum.css

@@ -1,5 +0,0 @@
-/*!
- * Wunderbaum style sheet (generated from wunderbaum.scss)
- * Copyright (c) 2021-2023, Martin Wendt. Released under the MIT license.
- * v0.3.0, Sat, 27 May 2023 04:56:52 GMT (https://github.com/mar10/wunderbaum)
- */div.wunderbaum{box-sizing:border-box;height:100%;min-height:4px;background-color:#fff;margin:0;padding:0;font-family:Helvetica,sans-serif;font-size:14px;color:#56534c;border:2px solid #56534c;border-radius:4px;background-clip:content-box;overflow-x:auto;overflow-y:scroll}div.wunderbaum:focus,div.wunderbaum:focus-within{border-color:#275dc5}div.wunderbaum.wb-disabled{opacity:0.7;pointer-events:none}div.wunderbaum div.wb-list-container{position:relative;min-height:4px}div.wunderbaum div.wb-header{position:sticky;top:0;z-index:2}div.wunderbaum div.wb-header,div.wunderbaum div.wb-list-container{overflow:unset}div.wunderbaum div.wb-row{position:absolute;width:100%;height:22px;line-height:22px;border:1px solid transparent}div.wunderbaum.wb-fixed-col span.wb-col:first-of-type{position:sticky;left:0;z-index:1;background-color:#fff}div.wunderbaum.wb-fixed-col div.wb-header span.wb-col:first-of-type{background-color:#dedede}div.wunderbaum.wb-fixed-col div.wb-node-list div.wb-row.wb-active span.wb-col:first-of-type,div.wunderbaum.wb-fixed-col div.wb-node-list div.wb-row.wb-selected span.wb-col:first-of-type{background-color:#e5f3fb}div.wunderbaum.wb-fixed-col div.wb-node-list div.wb-row.wb-active:hover span.wb-col:first-of-type,div.wunderbaum.wb-fixed-col div.wb-node-list div.wb-row.wb-selected:hover span.wb-col:first-of-type{background-color:#dceff8}div.wunderbaum.wb-fixed-col div.wb-node-list div.wb-row:hover span.wb-col:first-of-type{background-color:#f7fcfe}div.wunderbaum.wb-fixed-col:not(:focus-within) div.wb-node-list div.wb-row.wb-active span.wb-col:first-of-type,div.wunderbaum.wb-fixed-col:not(:focus-within) div.wb-node-list div.wb-row.wb-selected span.wb-col:first-of-type,div.wunderbaum.wb-fixed-col:not(:focus) div.wb-node-list div.wb-row.wb-active span.wb-col:first-of-type,div.wunderbaum.wb-fixed-col:not(:focus) div.wb-node-list div.wb-row.wb-selected span.wb-col:first-of-type{background-color:#f0f0f0;border-color:#acacac}div.wunderbaum.wb-fixed-col:not(:focus-within) div.wb-node-list div.wb-row.wb-active span.wb-col:first-of-type:hover span.wb-col:first-of-type,div.wunderbaum.wb-fixed-col:not(:focus-within) div.wb-node-list div.wb-row.wb-selected span.wb-col:first-of-type:hover span.wb-col:first-of-type,div.wunderbaum.wb-fixed-col:not(:focus) div.wb-node-list div.wb-row.wb-active span.wb-col:first-of-type:hover span.wb-col:first-of-type,div.wunderbaum.wb-fixed-col:not(:focus) div.wb-node-list div.wb-row.wb-selected span.wb-col:first-of-type:hover span.wb-col:first-of-type{background-color:#eaeaea}div.wunderbaum:not(:focus-within) div.wb-node-list div.wb-row.wb-active,div.wunderbaum:not(:focus-within) div.wb-node-list div.wb-row.wb-selected,div.wunderbaum:not(:focus) div.wb-node-list div.wb-row.wb-active,div.wunderbaum:not(:focus) div.wb-node-list div.wb-row.wb-selected{background-color:#f0f0f0;border-color:#acacac}div.wunderbaum:not(:focus-within) div.wb-node-list div.wb-row.wb-active:hover,div.wunderbaum:not(:focus-within) div.wb-node-list div.wb-row.wb-selected:hover,div.wunderbaum:not(:focus) div.wb-node-list div.wb-row.wb-active:hover,div.wunderbaum:not(:focus) div.wb-node-list div.wb-row.wb-selected:hover{background-color:#eaeaea}div.wunderbaum.wb-alternate div.wb-node-list div.wb-row:nth-of-type(even):not(.wb-active):not(.wb-selected){background-color:#f7f7f7}div.wunderbaum.wb-alternate div.wb-node-list div.wb-row:nth-of-type(even):not(.wb-active):not(.wb-selected):hover{background-color:#f3f3f3}div.wunderbaum div.wb-node-list div.wb-row:hover{background-color:#f7fcfe}div.wunderbaum div.wb-node-list div.wb-row.wb-active,div.wunderbaum div.wb-node-list div.wb-row.wb-selected{background-color:#e5f3fb}div.wunderbaum div.wb-node-list div.wb-row.wb-active:hover,div.wunderbaum div.wb-node-list div.wb-row.wb-selected:hover{background-color:#dceff8}div.wunderbaum div.wb-node-list div.wb-row.wb-focus:not(.wb-active){border-style:dotted;border-color:#70c0e7}div.wunderbaum div.wb-node-list div.wb-row.wb-active{border-style:solid;border-color:#70c0e7}div.wunderbaum div.wb-node-list div.wb-row.wb-active:hover{border-color:#26a0da}div.wunderbaum div.wb-node-list div.wb-row.wb-loading{font-style:italic}div.wunderbaum div.wb-node-list div.wb-row.wb-busy,div.wunderbaum div.wb-node-list div.wb-row i.wb-busy,div.wunderbaum div.wb-node-list div.wb-row .wb-col.wb-busy{font-style:italic;background:repeating-linear-gradient(45deg, transparent, transparent 3.88px, #dedede 3.88px, #dedede 7.78px);animation:wb-busy-animation 2s linear infinite}div.wunderbaum div.wb-node-list div.wb-row.wb-error,div.wunderbaum div.wb-node-list div.wb-row.wb-status-error{color:#b5373b}div.wunderbaum div.wb-header{position:sticky;height:22px;border-bottom:1px solid #56534c;padding:0;background-color:#dedede}div.wunderbaum div.wb-header span.wb-col{font-weight:bold;overflow:visible}div.wunderbaum div.wb-header span.wb-col-title{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}div.wunderbaum div.wb-header span.wb-col-resizer{position:absolute;top:0;right:-1px;width:3px;border:none;border-right:2px solid #56534c;height:100%;cursor:col-resize}div.wunderbaum span.wb-col{position:absolute;display:inline-block;overflow:hidden;height:20px;line-height:20px;padding:0 2px;border-right:1px solid #dedede;white-space:nowrap}div.wunderbaum span.wb-col:last-of-type{border-right:none}div.wunderbaum span.wb-node{user-select:none}div.wunderbaum span.wb-node i.wb-checkbox,div.wunderbaum span.wb-node i.wb-expander,div.wunderbaum span.wb-node i.wb-icon,div.wunderbaum span.wb-node i.wb-indent{height:20px;width:20px;padding:2px 2px;display:inline-block}div.wunderbaum span.wb-node i.bi::before{vertical-align:baseline}div.wunderbaum span.wb-node img.wb-icon{width:16px;height:16px;padding:2px 2px}div.wunderbaum span.wb-node i.wb-indent::before{content:"\00a0"}div.wunderbaum span.wb-node i.wb-expander.wb-spin,div.wunderbaum span.wb-node i.wb-icon.wb-spin{height:unset;width:unset;padding:0 3px;animation:wb-spin-animation 2s linear infinite}div.wunderbaum span.wb-node span.wb-title{min-width:1em;vertical-align:top;overflow-x:hidden;display:inline-block;white-space:nowrap;text-overflow:ellipsis}div.wunderbaum.wb-grid div.wb-header div.wb-row span.wb-col:hover{background-color:#c5c5c5}div.wunderbaum.wb-grid.wb-cell-mode div.wb-header div.wb-row span.wb-col.wb-active{background-color:#dceff8}div.wunderbaum.wb-grid div.wb-node-list div.wb-row{border-bottom-color:#dedede}div.wunderbaum.wb-grid div.wb-node-list div.wb-row:hover:not(.wb-active):not(.wb-selected){background-color:#f7fcfe}div.wunderbaum.wb-grid div.wb-node-list div.wb-row.wb-active{border-bottom-color:#70c0e7}div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col{border-right:1px solid #dedede}div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col input.wb-input-edit,div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col>input[type="color"],div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col>input[type="date"],div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col>input[type="datetime"],div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col>input[type="datetime-local"],div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col>input[type="email"],div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col>input[type="month"],div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col>input[type="number"],div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col>input[type="password"],div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col>input[type="search"],div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col>input[type="tel"],div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col>input[type="text"],div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col>input[type="time"],div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col>input[type="url"],div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col>input[type="week"],div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col>select{width:100%;max-height:20px;border:none}div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col>input:focus,div.wunderbaum.wb-grid div.wb-node-list div.wb-row span.wb-col>select:focus{border:1px dashed #70c0e7}div.wunderbaum.wb-grid.wb-cell-mode div.wb-row:not(.wb-colspan).wb-active span.wb-col.wb-active{background-color:#b3b3b3}div.wunderbaum.wb-grid.wb-cell-mode:focus-within div.wb-row:not(.wb-colspan):not(.wb-selected) span.wb-col.wb-active,div.wunderbaum.wb-grid.wb-cell-mode:focus div.wb-row:not(.wb-colspan):not(.wb-selected) span.wb-col.wb-active{background-color:#f7fcfe}div.wunderbaum.wb-grid.wb-cell-mode:focus-within div.wb-row:not(.wb-colspan):not(.wb-selected).wb-active,div.wunderbaum.wb-grid.wb-cell-mode:focus div.wb-row:not(.wb-colspan):not(.wb-selected).wb-active{background-color:#f7fcfe}div.wunderbaum.wb-grid.wb-cell-mode:focus-within div.wb-row:not(.wb-colspan):not(.wb-selected).wb-active span.wb-col.wb-active,div.wunderbaum.wb-grid.wb-cell-mode:focus div.wb-row:not(.wb-colspan):not(.wb-selected).wb-active span.wb-col.wb-active{background-color:#7dc6e9}div.wunderbaum.wb-grid.wb-alternate div.wb-node-list div.wb-row:nth-of-type(even):not(.wb-active):not(.wb-selected){background-color:#f7f7f7}div.wunderbaum.wb-grid.wb-alternate div.wb-node-list div.wb-row:nth-of-type(even):not(.wb-active):not(.wb-selected):hover{background-color:#f3f3f3}div.wunderbaum.wb-grid:not(:focus-within) div.wb-node-list div.wb-row,div.wunderbaum.wb-grid:not(:focus) div.wb-node-list div.wb-row{border-bottom-color:#dedede}div.wunderbaum.wb-ext-filter-dim div.wb-node-list div.wb-row,div.wunderbaum.wb-ext-filter-hide div.wb-node-list div.wb-row{color:#dedede}div.wunderbaum.wb-ext-filter-dim div.wb-node-list div.wb-row.wb-submatch,div.wunderbaum.wb-ext-filter-hide div.wb-node-list div.wb-row.wb-submatch{color:#868581}div.wunderbaum.wb-ext-filter-dim div.wb-node-list div.wb-row.wb-match,div.wunderbaum.wb-ext-filter-hide div.wb-node-list div.wb-row.wb-match{color:#56534c}div.wunderbaum div.wb-row.wb-drag-source{opacity:0.5}div.wunderbaum div.wb-row.wb-drag-source .wb-node{background-color:#d3d2ce}div.wunderbaum div.wb-row.wb-drop-target{overflow:visible}div.wunderbaum div.wb-row.wb-drop-target .wb-node{background-color:#d4ecf8;overflow:visible}div.wunderbaum div.wb-row.wb-drop-target .wb-node .wb-icon{position:relative;overflow:visible}div.wunderbaum div.wb-row.wb-drop-target .wb-node .wb-icon::after{position:absolute;z-index:1000;content:url(../docs/assets/drop_marker_16x32.png);left:0;top:3px}div.wunderbaum div.wb-row.wb-drop-target.wb-drop-before .wb-node .wb-icon::after{content:url(../docs/assets/drop_marker_insert_16x64.png);left:0;top:-8px}div.wunderbaum div.wb-row.wb-drop-target.wb-drop-after .wb-node .wb-icon::after{content:url(../docs/assets/drop_marker_insert_16x64.png);left:0;top:14px}div.wunderbaum.wb-rainbow i.wb-expander:nth-child(4n+1),div.wunderbaum.wb-rainbow i.wb-indent:nth-child(4n+1){background:#ffffc9}div.wunderbaum.wb-rainbow i.wb-expander:nth-child(4n+2),div.wunderbaum.wb-rainbow i.wb-indent:nth-child(4n+2){background:#daffda}div.wunderbaum.wb-rainbow i.wb-expander:nth-child(4n+3),div.wunderbaum.wb-rainbow i.wb-indent:nth-child(4n+3){background:#ffd9fe}div.wunderbaum.wb-rainbow i.wb-expander:nth-child(4n+4),div.wunderbaum.wb-rainbow i.wb-indent:nth-child(4n+4){background:#ccfafa}div.wunderbaum.wb-fade-expander i.wb-expander{transition:color 1.5s;color:rgba(86,83,76,0)}div.wunderbaum.wb-fade-expander div.wb-row.wb-loading i.wb-expander,div.wunderbaum.wb-fade-expander:hover i.wb-expander,div.wunderbaum.wb-fade-expander:focus i.wb-expander,div.wunderbaum.wb-fade-expander:focus-within i.wb-expander,div.wunderbaum.wb-fade-expander [class*="wb-statusnode-"] i.wb-expander{transition:color 0.6s;color:#56534c}div.wunderbaum div.wb-row.wb-skeleton span.wb-title,div.wunderbaum div.wb-row.wb-skeleton i.wb-icon{animation:wb-skeleton-animation 1s linear infinite alternate;border-radius:0.25em;color:transparent;opacity:0.7}div.wunderbaum.wb-checkbox-auto-hide i.wb-checkbox{visibility:hidden}div.wunderbaum.wb-checkbox-auto-hide .wb-row:hover i.wb-checkbox,div.wunderbaum.wb-checkbox-auto-hide .wb-row.wb-selected i.wb-checkbox{visibility:unset}div.wunderbaum.wb-checkbox-auto-hide:focus .wb-row.wb-active i.wb-checkbox,div.wunderbaum.wb-checkbox-auto-hide:focus-within .wb-row.wb-active i.wb-checkbox{visibility:unset}.wb-helper-center{text-align:center}.wb-helper-disabled{color:#8c877c}.wb-helper-hidden{display:none}.wb-helper-invalid{color:#b5373b}.wb-helper-lazy-expander{color:#26a0da}.wb-helper-link{cursor:pointer}.wb-no-select{user-select:none;-webkit-user-select:none}.wb-no-select span.wb-title{user-select:contain;-webkit-user-select:contain}.wb-helper-start,.wb-helper-start>input{text-align:left}.wb-helper-end,.wb-helper-end>input{text-align:right}.wb-rtl .wb-helper-start,.wb-rtl .wb-helper-start>input{text-align:right}.wb-rtl .wb-helper-end,.wb-rtl .wb-helper-end>input{text-align:left}.wb-col input[type="checkbox"]:indeterminate{color:#8c877c;background-color:red}.wb-col input:invalid{color:#b5373b;background-color:#f5ddde}@keyframes wb-spin-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wb-skeleton-animation{0%{background-color:#a3b8c2}100%{background-color:#f0f3f5}}@keyframes wb-busy-animation{0%{background-position:0 0}100%{background-position:0 22px}}